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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#app{background-color:#000;display:grid;height:100vh;place-content:center}.title{color:#fff;font-size:2em;margin-bottom:1vh;text-align:center}:root{--tileSize:20vw}.tile{display:grid;place-content:center}.tile,.tile .chess-piece{height:20vw;height:var(--tileSize);width:20vw;width:var(--tileSize)}.tile .chess-piece{background-position:50%;background-repeat:no-repeat;background-size:18vw;background-size:calc(var(--tileSize)*.9)}.tile .chess-piece:hover{cursor:grab}.tile .chess-piece:active{cursor:grabbing}.black-tile{background-color:#5c7f6a}.white-tile{background-color:#fff8dc}.menu-tile{background-color:#9acd32}.tile img{width:16vw;width:calc(var(--tileSize)*.8)}.tile-highlight:not(.chess-piece-tile):before{background-color:#0006;border-radius:50%;content:" ";height:4.8vw;height:calc(var(--tileSize)*.24);width:4.8vw;width:calc(var(--tileSize)*.24)}.tile-highlight.chess-piece-tile:before{background-position:50%;border:1vw solid #0006;border:calc(var(--tileSize)*.05) solid #0006;border-radius:50%;content:" ";height:17.6vw;height:calc(var(--tileSize)*.88);position:absolute;width:17.6vw;width:calc(var(--tileSize)*.88)}.chessboard-container{align-items:center;color:#fff;display:flex;flex-direction:column}.status-bar{background-color:#333;border-radius:4vh;font-size:.5rem;justify-content:space-evenly;padding:0;width:100%}.action-buttons,.status-bar{display:flex;margin-bottom:1vh}.action-buttons{gap:2vw}.action-button{background-color:#0056b3;border:none;border-radius:1vh;color:#fff;cursor:pointer;font-size:1rem;padding:1.2vh;text-align:center;transition:.3s ease}.action-button:hover{background-color:#5c7f6a}#chessboard{background-color:#000;border:.2vh solid #fff;border-radius:.5vh;display:grid;grid-template-columns:repeat(8,var(--tileSize));grid-template-rows:repeat(8,var(--tileSize));width:fit-content}
/*# sourceMappingURL=main.d2a75d8a.css.map*/