.stone{width:75%;height:75%;margin:auto;border-radius:50%/50%;display:flex;justify-content:center;align-items:center;-webkit-animation-name:showAnimation;animation-name:showAnimation;-webkit-animation-duration:.25s;animation-duration:.25s;opacity:1}.black{background:#282c34;border:5px solid #000}.black:hover{background:#000;border:5px solid #282c34}.white{background:#fff;border:5px solid #a9a9a9}.white:hover{background:#a9a9a9;border:5px solid #fff}.hidden{display:none}.stone-hide{-webkit-animation-duration:.5s;animation-duration:.5s}.stone-hide,.stone-killed{-webkit-animation-name:hideAnimation;animation-name:hideAnimation;opacity:0}.stone-killed{-webkit-animation-duration:.75s;animation-duration:.75s}.queen{max-width:100%;max-height:100%}@keyframes hideAnimation{0%{opacity:1}50%{opacity:1}to{opacity:0}}@-webkit-keyframes hideAnimation{0%{opacity:1}50%{opacity:1}to{opacity:0}}@media screen and (min-width:415px) and (max-width:767px){.black{border:4px solid #000}.black:hover{border:4px solid #282c34}.white{border:4px solid #a9a9a9}.white:hover{border:4px solid #fff}}@media only screen and (max-width:415px){.black{border:3px solid #000}.black:hover{border:3px solid #282c34}.white{border:3px solid #a9a9a9}.white:hover{border:3px solid #fff}}@media only screen and (max-width:350px){.black{border:2px solid #000}.black:hover{border:2px solid #282c34}.white{border:2px solid #a9a9a9}.white:hover{border:2px solid #fff}}.fieldRow{display:flex;justify-content:center}.field{display:flex;flex-direction:column;border:2px solid;width:75px;height:75px;-webkit-animation-name:showAnimation;animation-name:showAnimation;-webkit-animation-duration:.25s;animation-duration:.25s;opacity:1}.sandybrown{background:#f4a460}.brown{background:brown}@media screen and (max-width:770px){.field{width:60px;height:60px}}@media only screen and (max-width:610px){.field{width:50px;height:50px}}@media only screen and (max-width:510px){.field{width:40px;height:40px}}@media only screen and (max-width:410px){.field{width:30px;height:30px}}@media only screen and (max-width:310px){.field{width:25px;height:25px}}.switch{position:relative;display:block;vertical-align:top;width:96px;height:33px;padding:1px;background:-webkit-linear-gradient(top,#eee,#fff 25px);border-radius:18px;cursor:pointer}.switch,.switch-input{box-sizing:content-box}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:10px;text-transform:uppercase;background:#eceeef;border-radius:inherit;border-style:solid;border-width:2px;box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);box-sizing:content-box}.switch-label:after,.switch-label:before{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit;box-sizing:content-box}.switch-label:before{content:attr(data-off);right:15px;color:#aaa;text-shadow:0 1px hsla(0,0%,100%,.5)}.switch-label:after{content:attr(data-on);left:15px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input:checked~.switch-label{background:#07bc0c;box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)}.switch-input:checked~.switch-label:before{opacity:0}.switch-input:checked~.switch-label:after{opacity:1}.switch-handle{position:absolute;top:4px;left:3px;width:32px;height:32px;background:-webkit-linear-gradient(top,#fff 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px rgba(0,0,0,.2)}.switch-handle:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;box-shadow:inset 0 1px rgba(0,0,0,.02)}.switch-input:checked~.switch-handle{left:63px;box-shadow:-1px 1px 5px rgba(0,0,0,.2)}.switch-handle,.switch-label{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}.popup{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;background-color:rgba(0,0,0,.5);-webkit-animation-name:showAnimation;animation-name:showAnimation;-webkit-animation-duration:1s;animation-duration:1s;opacity:1}.popup_inner{position:absolute;left:30%;right:30%;top:30%;max-width:500px;margin:auto;color:#fff;background-color:#282c34;border-radius:.5rem;border:3px solid #07bc0c}.hideWin{display:none}.player{color:#fcde6e}@keyframes showAnimation{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes showAnimation{0%{opacity:0}50%{opacity:0}to{opacity:1}}#root,.rootWrapper,body,html{height:100%}.gameWrapper{min-height:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;grid-template-rows:auto 1fr auto;grid-template-columns:100%}nav{width:100%}main{margin-top:20px;margin-bottom:30px}footer{position:static;left:0;bottom:0;width:100%;background-color:#282c34;color:#fff;text-align:center;padding:15px}.copyright{color:#a9a9a9}
/*# sourceMappingURL=main.f1450a14.chunk.css.map */