body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#App{display:grid;place-content:start center;width:100vw;height:100vh;background-color:#2f4f4f}#board{height:min(80vw,80vh);background-color:#fff;place-content:center;grid-template-columns:repeat(8,min(10vw,10vh));grid-template-rows:repeat(8,min(10vw,10vh))}#board,#menu{width:min(80vw,80vh);display:grid}#menu{height:min(10vw,10vh);background-color:#8a2be2;place-content:top center;grid-template-columns:min(40vw,40vh) repeat(4,min(10vw,10vh));grid-template-rows:repeat(2,min(10vw,10vh))}h3{color:#f5f5f5;-webkit-text-stroke:min(.3vw,.3vh) #000;text-align:center;font-size:min(4.5vw,4.5vh)}.tile{width:min(10vw,10vh);background-color:#228b22;border:min(.5vw,.5vh) solid #000}.text,.tile{height:min(10vw,10vh);display:grid;place-content:center;background-position:50%}.text{width:min(40vw,40vh);background-color:#2f4f4f}.tile .piece{width:min(10vw,10vh);height:min(10vw,10vh);display:grid;place-content:center;background-repeat:no-repeat;background-position:50%;background-size:min(8vw,8vh)}.tile .piece:active{cursor:grabbing}.tile .candidate{opacity:.4;display:grid;place-content:center;background-repeat:no-repeat;background-position:50%;background-size:min(4.5vw,4.5vh);width:min(8vw,8vh);height:min(8vw,8vh)}.tile .candidate:hover{opacity:.8;cursor:pointer;background-size:min(5vw,5vh)}.tile .button0{background-image:linear-gradient(180deg,#b6ffb6,#6eff6e 40%,#5bfd5b)}.tile .button0,.tile .button1{width:min(10vw,10vh);height:min(10vw,10vh);border-width:min(.5vw,.5vh);border-color:#000}.tile .button1{background-image:linear-gradient(180deg,#fcfcfc,#f3ff49 40%,#badb00)}.tile .button2{background-image:linear-gradient(180deg,#ffecb6,#ffd86e 40%,#fdb15b)}.tile .button2,.tile .button3{width:min(10vw,10vh);height:min(10vw,10vh);border-width:min(.5vw,.5vh);border-color:#000}.tile .button3{background-image:linear-gradient(180deg,#ffb6b6,#ff6e6e 40%,#fd5b5b)}.tile .button0:hover{background-image:linear-gradient(100deg,#b6ffb6,#6eff6e 40%,#5bfd5b)}.tile .button0:hover,.tile .button1:hover{cursor:pointer;border-width:min(.5vw,.5vh)}.tile .button1:hover{background-image:linear-gradient(100deg,#fff,#f3ff49 40%,#badb00)}.tile .button2:hover{background-image:linear-gradient(100deg,#ffecb6,#ffd86e 40%,#fdb15b)}.tile .button2:hover,.tile .button3:hover{cursor:pointer;border-width:min(.5vw,.5vh)}.tile .button3:hover{background-image:linear-gradient(100deg,#ffb6b6,#ff6e6e 40%,#fd5b5b)}.tile .button0:active,.tile .button1:active,.tile .button2:active,.tile .button3:active{cursor:grabbing}
/*# sourceMappingURL=main.0cb75d91.chunk.css.map */