.App{text-align:center}.App-logo{animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-intro{font-size:large}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.row{height:calc(12.5% - 7px);margin-bottom:5px}.row:nth-child(odd) .cell:nth-child(odd){background-color:#ccc}.row:nth-child(odd) .cell:nth-child(2n){background-color:#fff}.row:nth-child(2n) .cell:nth-child(2n){background-color:#ccc}.row:nth-child(2n) .cell:nth-child(odd){background-color:#fff}.cell{height:100%;width:calc(12.5% - 7px);display:inline-block;border:1px solid #ccc;margin-right:5px;border-radius:3px}.cell .gamePiece{width:calc(100% - 10px);height:calc(100% - 10px);margin:5px 0 0 5px;border-radius:40px;cursor:pointer;position:relative}.cell .gamePiece:after{content:" ";position:absolute;right:0;top:-5px;height:38px;width:38px;border-radius:40px;pointer-events:none}.cell.cell-b .gamePiece{background-color:#444}.cell.cell-b.k .gamePiece:after{background-color:#444;border:1px solid #fff}.cell.cell-r .gamePiece{background-color:#e26b6b}.cell.cell-r.k .gamePiece:after{background-color:#e26b6b;border:1px solid #fff}.cell.cell-ab .gamePiece,.cell.cell-ar .gamePiece{background-color:#6a6aff;box-shadow:0 0 24px #2983f3}.cell.cell-ab.k .gamePiece:after,.cell.cell-ar.k .gamePiece:after{background-color:#6a6aff;border:1px solid #fff}.cell.cell-h{background-color:#6a6aff!important}.cell.m .gamePiece{background-color:green}.board.b .cell-r .gamePiece,.board.r .cell-b .gamePiece{opacity:.7}.board{float:left;transition-duration:.8s;transition-property:transform;height:70vw;width:70vw;max-height:60vh;max-width:60vh}.clear{clear:both;float:none}.pop{position:absolute;color:#444;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7)}.pop .internal{position:relative;width:300px;margin:0 auto;background-color:#fff;border:1px solid #ccc;min-height:300px;margin-top:50px;padding:50px}.pop .internal .close{padding:0 5px;position:absolute;right:0;width:auto;top:0}.stats{width:211px;border:1px solid #ccc;margin-top:10px;height:51px;padding:5px;font-family:sans-serif;color:#444}.stats,.stats .half{display:inline-block}.stats .half{width:49%;text-align:center}.stats .half:first-child{border-right:1px solid #ccc}.win-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:50}.bg-gradient{background:#f2f7ff;background:linear-gradient(180deg,rgba(2,0,36,0),#f2f7ff 50%,#f2f7ff)}:root,[data-theme],body{background-color:transparent!important}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.c79eb745.css.map*/