:root{--tile-size:3rem;--chess-piece-size:calc(var(--tile-size)*0.85);--tile-highlight-size:calc(var(--tile-size)*0.25);--tile-highlight-chess-piece-size:calc(var(--tile-size)*0.9);--dark-tile-color:#ababab;--light-tile-color:#dcdcdc;--useless-tile-color:#000;--checked-tile-gradient:radial-gradient(circle,red 20%,#fff 80%);--primary-text-color:#000;--secondary-text-color:#fff;--app-background-color:#000;--button-background-color:#779556}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:var(--app-background-color);display:grid;height:100vh;place-content:center}@media (min-width:700px){:root{--tile-size:2.5rem}}@media (max-width:700px){:root{--tile-size:5.71429vw}}#chessboard{background-color:var(--app-background-color);display:grid;grid-template-columns:repeat(14,var(--tile-size));grid-template-rows:repeat(14,var(--tile-size));height:calc(var(--tile-size)*14);width:calc(var(--tile-size)*14)}.modal{align-items:center;background-color:#000000bf;display:flex;height:100dvh;justify-content:center;left:0;position:fixed;top:0;width:100dvw;z-index:20}.modal.hidden{display:none}.modal>.modal-body{align-items:center;background-color:#000000bf;display:flex;gap:10px;height:fit-content;justify-content:space-around;width:calc(var(--tile-size)*14)}.modal>.modal-body>img{border-radius:50%;padding:10px;width:100%}.modal>.modal-body>img:hover{background-color:#ffffff4d;cursor:pointer}.modal>.modal-body>.checkmate-body{display:flex;flex-direction:column;gap:24px;padding:10px;width:45%}.modal>.modal-body>.checkmate-body>span{font-size:1.5rem;text-align:center}.modal>.modal-body>.checkmate-body .team{color:var(--secondary-text-color);font-size:20px}.modal>.modal-body>.checkmate-body td:nth-child(2){width:100%}.modal>.modal-body>.checkmate-body>button{background-color:var(--button-background-color);border:none;border-radius:8px;color:var(--secondary-text-color);font-size:28px;padding:16px}.modal>.modal-body>.checkmate-body>button:hover{cursor:pointer}.tile{display:grid;height:var(--tile-size);place-content:center}.tile,.tile img{width:var(--tile-size)}.tile .chess-piece{background-position:50%;background-repeat:no-repeat;background-size:var(--chess-piece-size);height:var(--chess-piece-size);width:var(--chess-piece-size)}.tile .chess-piece:hover{cursor:grab}.tile .chess-piece:active{cursor:grabbing}.dark-tile{background-color:#ababab}.light-tile{background-color:#dcdcdc}.useless{background-color:#000}.tile-highlight:not(.chess-piece-tile):before{background-color:#0006;border-radius:50%;content:" ";height:var(--tile-highlight-size);width:var(--tile-highlight-size)}.tile-highlight.chess-piece-tile:before{border:2.5px solid #000;border-radius:50%;content:" ";height:var(--tile-highlight-chess-piece-size);position:fixed;width:var(--tile-highlight-chess-piece-size);z-index:2}.piece-dead .chess-piece{filter:saturate(0)}.tile.checked{background:radial-gradient(circle,red 20%,#fff 80%)}.game-layout{flex-direction:column;padding:20px}.game-layout,.game-layout>.middle-panel{display:flex;gap:10px}.game-layout>.middle-panel>.panel-area,.game-layout>.panel-area{align-items:center;display:flex;justify-content:center}.middle-panels>.player-panel{height:calc(var(--tile-size)*8);padding:0 12px;width:.5vw;writing-mode:vertical-rl}.game-layout>.panel-area>.player-panel{height:.5vw;padding:12px 0;width:calc(var(--tile-size)*8)}div#left-panel{transform:rotate(-180deg)}.player-panel{align-items:center;border-radius:calc(var(--tile-size)*.1);display:flex;justify-content:center}.game-display{display:none}@media (max-width:700px){.game-layout{padding:4vh 4vw}.player-panel>.player-name{display:none}.middle-panels>.player-panel{border-radius:1px;padding:0;width:5px}.game-layout>.panel-area>.player-panel{border-radius:1px;height:5px;padding:0}.game-display{align-items:center;display:flex;justify-content:center}.game-display>.currentPlayerDisplay{border-radius:calc(1rem + 2px);color:var(--secondary-text-color);padding:2px 10px}}
/*# sourceMappingURL=main.78807dd8.css.map*/