body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{height:100%;text-align:center;-webkit-user-select:none;user-select:none}.main{align-items:stretch;display:flex}.play{grid-gap:1rem;display:grid;grid-template:"player1 board player2" calc(100vmin - 2rem)/1fr calc(100vmin - 2rem) 1fr;grid-template-areas:"player1 board player2";grid-template-columns:1fr calc(100vmin - 2rem) 1fr;grid-template-rows:calc(100vmin - 2rem);margin:auto;min-height:0;min-width:0;padding:1rem}.border{background:#950;background-image:url(https://cdn.pixabay.com/photo/2015/01/09/17/09/texture-594545_960_720.jpg);background-position:50%;background-size:150px;border-radius:50%;box-shadow:.05em .05em .25em .1em rgba(17,0,0,.8);display:inline-block;font-size:18px;height:4em;position:fixed;position:relative;-webkit-user-select:none;user-select:none;width:4em}.border,.game_board{-webkit-perspective:600px;perspective:600px}.game_board{background:#696;border:4vmin outset #682929;display:grid;grid-area:board;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden}.game_board>*{border-color:#ffffff80;border-style:solid;border-width:0 1px 1px 0;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.black:after,.black:before,.white:after,.white:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;border-style:solid;border-width:3px;box-shadow:0 2px 4px rgba(0,0,0,.16),0 2px 4px rgba(0,0,0,.23);box-sizing:border-box;content:"";height:94%;left:3%;position:absolute;top:3%;-webkit-transform-origin:center;transform-origin:center;width:94%}.black:before,.white:after{background-image:linear-gradient(#111,#464545);border-color:#323232}.black:after,.white:before{background-image:linear-gradient(#aaa,#eee);border-color:#bababa}.black:after,.white:after{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.reverse.black:before,.reverse.white:before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.reverse.black:after,.reverse.black:before,.reverse.white:after,.reverse.white:before{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.reverse.black:after,.reverse.white:after{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.possible{background:#8a8}.no-possible{cursor:not-allowed}.players{border-radius:8px;height:20vmin;padding:15px 25px;text-align:center;width:15vmin}.turn{box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2)}.notTurn{box-shadow:0 1px 4px rgba(0,0,0,.16)}.name{font-size:larger;font-weight:700;margin-bottom:10px;max-width:60px}.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon{border-radius:50%;border-style:solid;border-width:2px;box-shadow:0 .2px .4px rgba(0,0,0,.16),0 .2px .4px rgba(0,0,0,.23);height:10vmin;margin:auto;padding:5px;text-align:center;vertical-align:bottom!important;width:10vmin}.white-icon{background:linear-gradient(#dad8d8,#fff);border-color:#e8e5e5}.black-icon{background:linear-gradient(#292929,#4d4d4d);border-color:#383838;color:#fff}.blur{-webkit-filter:blur(8px);filter:blur(8px)}.modal{background-color:#000;background-color:hsla(0,0%,100%,.5);height:100%;left:0;overflow:auto;padding-top:6%;position:fixed;top:0;width:100%;z-index:1}.modal-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fefefe;border:1px solid #888;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);height:-webkit-max-content;height:max-content;margin:auto;padding:50px;position:relative;text-align:center;width:-webkit-max-content;width:max-content}@-webkit-keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.next{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:example;animation-name:example;color:#38383800;left:50%;margin-left:-250px;position:fixed;top:33%;width:500px;z-index:-1}@-webkit-keyframes example{0%{color:#000;top:0;z-index:1}50%{color:#000;top:33%;z-index:1}to{color:#38383800;z-index:1}}@keyframes example{0%{color:#000;top:0;z-index:1}50%{color:#000;top:33%;z-index:1}to{color:#38383800;z-index:1}}.input{border:1px solid #878787;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:15px;outline:none;padding:15px}.input:focus{border-color:#383838}h1,h2,h3{margin-top:5px}div{white-space:pre-wrap}.computerButton{background-color:#ffffff00;border:none;cursor:pointer;height:30px;position:absolute;right:5px;top:10px;z-index:2}legend{color:#383838}.gray{border-color:#00000033;color:#00000033}.button{-webkit-appearance:none;appearance:none;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;font-weight:600;line-height:20px;padding:8px 25px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:.2s;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}.button:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}.button:hover{background-color:#4dc970;color:#fff}.button:focus{box-shadow:0 0 0 3px rgba(46,164,79,.4);outline:none}.button:disabled{background-color:#94d3a2;border-color:rgba(27,31,35,.1);color:hsla(0,0%,100%,.8);cursor:default}.button:active{background-color:#36ad58;box-shadow:inset 0 1px 0 rgba(20,70,32,.2)}.link{cursor:pointer}