@-webkit-keyframes scale-easeInBounce{to{-webkit-transform:scale(1);transform:scale(1)}88%{-webkit-transform:scale(.98);transform:scale(.98)}76%{-webkit-transform:scale(.99);transform:scale(.99)}64%{-webkit-transform:scale(.94);transform:scale(.94)}46%{-webkit-transform:scale(.98);transform:scale(.98)}26%{-webkit-transform:scale(.75);transform:scale(.75)}18%{-webkit-transform:scale(.98);transform:scale(.98)}8%{-webkit-transform:scale(.44);transform:scale(.44)}4%{-webkit-transform:scale(.11);transform:scale(.11)}0%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes scale-easeInBounce{to{-webkit-transform:scale(1);transform:scale(1)}88%{-webkit-transform:scale(.98);transform:scale(.98)}76%{-webkit-transform:scale(.99);transform:scale(.99)}64%{-webkit-transform:scale(.94);transform:scale(.94)}46%{-webkit-transform:scale(.98);transform:scale(.98)}26%{-webkit-transform:scale(.75);transform:scale(.75)}18%{-webkit-transform:scale(.98);transform:scale(.98)}8%{-webkit-transform:scale(.44);transform:scale(.44)}4%{-webkit-transform:scale(.11);transform:scale(.11)}0%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes fade-to-ghost{0%{opacity:100%}to{opacity:20%}}@keyframes fade-to-ghost{0%{opacity:100%}to{opacity:20%}}@-webkit-keyframes ghost-to-none{0%{opacity:20%}to{opacity:0}}@keyframes ghost-to-none{0%{opacity:20%}to{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:100%}to{opacity:20%}}@keyframes fadeOut{0%{opacity:100%}to{opacity:20%}}@-webkit-keyframes flip-black-white{0%{background-color:var(--pallette-darkest);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}49%{background-color:var(--pallette-darkest)}50%{background-color:var(--pallette-lightest)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes flip-black-white{0%{background-color:var(--pallette-darkest);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}49%{background-color:var(--pallette-darkest)}50%{background-color:var(--pallette-lightest)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes flip-white-black{0%{background-color:var(--pallette-lightest);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}49%{background-color:var(--pallette-lightest)}50%{background-color:var(--pallette-darkest)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes flip-white-black{0%{background-color:var(--pallette-lightest);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}49%{background-color:var(--pallette-lightest)}50%{background-color:var(--pallette-darkest)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}:root{--pallette-darkest:#3b2f26;--pallette-dark:#5a473a;--pallette-medium-dark:#908275;--pallette-medium:#c7bdb1;--pallette-light:#ddd9d6;--pallette-lightest:#fff;--pallette-highlight:rgba(148,60,0,.5);--pallette-stone-highlight:#943c00;--shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);--stone-highlight-border:5px}#root{display:flex;height:100%}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#c7bdb1;background-color:var(--pallette-medium);font-family:-apple-system,BlinkMacSystemFont,Comfortaa,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:calc(100% - 4vw);margin:2vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.GameMenu{overflow:hidden}.VerticalCenter{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.GameMenu .Controls{padding:5px 20px 10px}.GameMenu .Prompt{border:thin solid #3b2f26;border:thin solid var(--pallette-darkest);border-radius:10px;margin:1vh;padding:1vh}.GameMenu .Prompt.black{background-color:#5a473a;background-color:var(--pallette-dark);color:#fff;color:var(--pallette-lightest)}.GameMenu .Prompt.white{background-color:#ddd9d6;background-color:var(--pallette-light);color:#3b2f26;color:var(--pallette-darkest)}.Board{background-color:#5a473a;background-color:var(--pallette-dark);border-radius:12px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:var(--shadow);height:0;padding-bottom:100%;position:relative;width:100%;z-index:1}.Board .Padding{height:calc(100% - 4vw - 6px);padding:2vw;width:calc(100% - 4vw - 6px)}.Board .Inner{border:3px solid #fff;border:3px solid var(--pallette-lightest);border-radius:12px;height:0;overflow:hidden;padding-bottom:100%;width:100%}.Board .Cell{border-color:#fff;border-color:var(--pallette-lightest);border-style:solid;border-width:1.5px;box-sizing:border-box;float:left;height:0;transition:all .3s cubic-bezier(.25,.8,.25,1)}.Board .Cell .Stone.none{-webkit-animation:ghost-to-none .1s;animation:ghost-to-none .1s;opacity:0}.Board .Stone.captured{-webkit-animation:fade-to-ghost .1s;animation:fade-to-ghost .1s;opacity:20%}.Board .Stone.flipped{position:relative;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.Board .Stone.flipped.white{-webkit-animation:flip-black-white .2s ease-in-out;animation:flip-black-white .2s ease-in-out}.Board .Stone.flipped.black{-webkit-animation:flip-white-black .2s ease-in-out;animation:flip-white-black .2s ease-in-out}.Board .Stone.flipped:after{border:rgba(148,60,0,.5);border:var(--pallette-highlight);border-radius:100%;border-style:solid;border-width:5px;border-width:var(--stone-highlight-border);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.Board .Cell .Stone.placed{-webkit-animation:scale-easeInBounce .5s;animation:scale-easeInBounce .5s;position:relative}.Board .Stone.placed:after{border:#943c00;border:var(--pallette-stone-highlight);border-radius:100%;border-style:solid;border-width:5px;border-width:var(--stone-highlight-border);bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px}.Board .Cell.legal{background-color:rgba(148,60,0,.2)}.Board .Cell.legal:hover{background-color:rgba(148,60,0,.5);background-color:var(--pallette-highlight);box-shadow:inset 0 0 10px #000;box-shadow:inset 0 3px 6px rgba(0,0,0,.16),inset 0 3px 6px rgba(0,0,0,.23);cursor:pointer}.Board .Cell .Stone{border-radius:100%;box-shadow:inset 0 -3px 6px rgba(0,0,0,.16),inset 0 -3px 6px rgba(0,0,0,.23);height:0;margin:.5vw;padding-bottom:calc(100% - 1vw);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:opacity .1s;width:calc(100% - 1vw)}.Board .Cell .Stone.black{background-color:#3b2f26;background-color:var(--pallette-darkest)}.Board .Cell .Stone.white{background-color:#ddd9d6;background-color:var(--pallette-light)}.Board .Divider{background-color:#908275;background-color:var(--pallette-medium-dark);border-radius:12px;position:absolute;z-index:-1}.Board .Divider.vertical{height:0;margin-left:calc(50% - 10px);padding-bottom:calc(100% - 2vw);top:1vw;width:20px}.Board .Divider.horizontal{height:20px;left:1vw;margin-top:calc(50% - 10px);padding-left:calc(100% - 2vw);width:0}.Splash{margin-top:-200px;overflow:hidden;padding-bottom:10px}.About,.Splash{background-color:#fff;background-color:var(--pallette-lightest);border-radius:12px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:var(--shadow)}.About{padding:2vw}.Logo{background-color:#ddd9d6;background-color:var(--pallette-light);padding-left:10%;padding-right:10%;width:80%}
/*# sourceMappingURL=main.8f6e63c5.css.map*/