.compact-side .chess-player-symbol{flex-basis:17px;width:17px;font-size:18px}.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{background:#c7aa62}.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;-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;transform:translateY(-2%)}.chess-square:hover .chess-piece{transform:translateY(-2%)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;--piece-rim:1px;--piece-rim-color:#6b5947;width:94%;height:94%}img.chess-piece.white{filter:drop-shadow(var(--piece-rim) 0 0 var(--piece-rim-color)) drop-shadow(calc(var(--piece-rim) * -1) 0 0 var(--piece-rim-color)) drop-shadow(0 var(--piece-rim) 0 var(--piece-rim-color)) drop-shadow(0 calc(var(--piece-rim) * -1) 0 var(--piece-rim-color)) drop-shadow(0 3px 6px #3426194d)}img.chess-piece.black{filter:drop-shadow(0 3px 6px #18120c5c)}.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:5px;left:6px}.chess-file-label{bottom:5px;right:6px}.chess-status-heading h1{font-size:28px}.chess-player-symbol{width:25px;color:var(--ink);text-align:center;flex:0 0 25px;font-family:Arial Unicode MS,DejaVu Sans,serif;font-size:28px;line-height:1}.chess-options{gap:15px}.chess-cpu-card{margin-top:11px;margin-bottom:0}.chess-promotion-prompt button{flex-direction:column;align-items:center;gap:3px;display:flex}.chess-promotion-prompt button img.chess-piece{width:30px;height:30px;transform:none}@media (width>=851px),(width>=812px) and (height<=500px){.chess-board-frame{width:var(--fitted-board-size);margin-inline:auto}}@media (width<=811px),(width<=850px) and (height>=501px){.chess-control-panel{display:block}}@media (width<=600px){.chess-board-frame{padding:3px}.chess-piece{font-size:clamp(32px,10.5vw,60px)}}.captured-roster-sidebar.chess-captured-bar{--captured-accent:#70563c}.chess-captured-bar .captured-roster-report-cell:first-child{--captured-tone:#8a6b45}.chess-captured-bar .captured-roster-report-cell:last-child{--captured-tone:#2b2620}.captured-roster-piece .chess-piece{font-size:42px}.captured-roster-piece img.chess-piece{width:52px;height:52px}@media (width<=850px){.chess-board-frame{width:min(100%, var(--board-fit-height));margin-inline:auto}}