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;height:100%;margin:0;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}.game_board{background:#696;border-color:hsla(0,0%,100%,.5);border-style:solid;border-width:1px 0 0 1px;display:grid;grid-area:board;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;-webkit-perspective:600px;perspective:600px}.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}.b:after,.b:before,.w:after,.w: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%}.b:before,.w:after{background-image:linear-gradient(#111,#464545);border-color:#323232}.b:after,.w:before{background-image:linear-gradient(#aaa,#eee);border-color:#bababa}.b:after,.w:after{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip.b:before,.flip.w:before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip.b:after,.flip.b:before,.flip.w:after,.flip.w:before{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.flip.b:after,.flip.w:after{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.possible{background:#8a8;cursor:pointer}.players{border-radius:8px;height:-webkit-min-content;height:min-content;padding:15px 25px;width:-webkit-min-content;width:min-content}.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}.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:45px;margin:auto;padding:5px;text-align:center;width:45px}.w-icon{background:linear-gradient(#dad8d8,#fff);border-color:#e8e5e5}.b-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);margin:auto;max-width:-webkit-max-content;max-width:max-content;padding:50px;position:relative;text-align:center}@-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}.sound{cursor:pointer;left:15px;position:fixed;top:15px}legend{color:#383838}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{cursor:pointer;opacity:1}.gray::-webkit-inner-spin-button,.gray::-webkit-outer-spin-button{cursor:context-menu;opacity:0}.gray{border-color:#00000033;color:#00000033}