.chess-board-frame{width:100%;max-width:920px;box-shadow:none;background:#463b30;border:1px solid #3c2e1e59;border-radius:7px;padding:4px;position:relative}.chess-board{aspect-ratio:1;border-radius:3px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden}.chess-square{cursor:pointer;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.chess-square.light{color:#8b6541;background:#ead7b5}.chess-square.dark{color:#f0dab8;background:#a87952}.chess-square.last-move{--last-tint:46%}.chess-square.last-move.last-from{--last-tint:26%}.chess-square.light.last-move{background:color-mix(in srgb, #ead7b5, #e2c12f var(--last-tint))}.chess-square.dark.last-move{background:color-mix(in srgb, #a87952, #e2c12f var(--last-tint))}.chess-square.selected{box-shadow:inset 0 0 0 5px #b84937c7}.chess-square.legal-target:after{content:"";z-index:3;pointer-events:none;background:#2d312a52;border-radius:50%;width:20%;height:20%;position:absolute}.chess-square.capture-target:after{background:0 0;border:5px solid #2d312a4d;width:78%;height:78%}.chess-piece{z-index:2;will-change:var(--piece-layer,auto);-webkit-user-select:none;user-select:none;font-size:clamp(36px,min(7vw,9vh),84px);line-height:1;transition:transform .12s;display:block;position:relative}.chess-square:hover .chess-piece{transform:scale(1.035)}.chess-piece.white{color:#fffaf0;text-shadow:0 1px #55483b,1px 0 #55483b,0 -1px #55483b,-1px 0 #55483b,0 4px 8px #3426193d}.chess-piece.black{color:#282a27;text-shadow:0 4px 7px #2c1f143d}img.chess-piece{object-fit:contain;object-position:50% 50%;-webkit-user-drag:none;width:94%;height:94%}.chess-rank-label,.chess-file-label{z-index:4;font-family:var(--font-app-mono), monospace;pointer-events:none;font-size:clamp(7px,.75vw,10px);font-weight:700;line-height:1;position:absolute}.chess-rank-label{top:3px;left:4px}.chess-file-label{bottom:3px;right:3px}.chess-square.in-check{box-shadow:inset 0 0 0 3px #c5281cd9}@media (width<=600px){.chess-board-frame{padding:3px}.chess-piece{font-size:clamp(32px,10.5vw,60px)}.chess-rank-label{top:2px;left:3px}.chess-file-label{bottom:2px;right:2px}}