.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;border:7px solid #214a40;border-radius:5px;overflow:hidden;box-shadow:0 6px 0 #132e26}.chess-square{aspect-ratio:1;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#e3efe7;position:relative;display:grid;grid-template-rows:12px minmax(0,1fr);cursor:pointer;color:#15352b}.chess-square.dark{background:#577e6c;color:#fff}.chess-square .coordinate{grid-row:1;font-size:10px;line-height:12px;text-align:left;margin-left:3px;font-weight:700}.chess-piece{grid-row:2;height:100%;max-height:100%;width:100%;min-height:0;fill:#fff;stroke:#1c312a;filter:drop-shadow(0 1px 0 #1c312a)}.chess-piece.black{fill:#243a31;stroke:#fff}.chess-square.selected{box-shadow:inset 0 0 0 4px #b72648}.chess-square.destination:after{content:'';position:absolute;inset:18%;border:4px solid #9d1637;border-radius:50%;pointer-events:none}.chess-square.dark.destination:after{border-color:#ffe477}.chess-square.hinted{box-shadow:inset 0 0 0 4px #ce8b00}.chess-square.checked{background:#c3304e;color:#fff}.chess-square:focus-visible{outline:4px solid #167a9b;outline-offset:-4px;z-index:1}.chess-square.dark:focus-visible{outline-color:#ffe477}.chess-board.paused{opacity:.5}.ch-promotion,.ch-claims{border-block:2px solid #167a9b;padding:12px 0;margin-top:16px}.ch-promotion h3{font-size:18px;margin:0 0 10px}.ch-promotion>div{display:flex;flex-wrap:wrap;gap:8px}.ch-claims label{display:grid;gap:6px;margin-bottom:8px}.ch-claims select{max-width:100%;min-height:44px;padding:8px;font:inherit;background:#fff;color:#17392d;border:1px solid #607b6d;border-radius:4px}.ch-draw{margin-top:12px}#ch-save,#ch-history-status{line-height:1.5;overflow-wrap:anywhere}#chess [hidden]{display:none!important}#chess .checkers-settings{align-items:end}#chess .ck-metrics strong{font-size:21px}#ch-claims select{width:100%}@media(max-width:760px){.chess-board{border-width:4px}.chess-square .coordinate{font-size:9px}.chess-square.destination:after{border-width:3px}.chess-square.selected,.chess-square.hinted{box-shadow:inset 0 0 0 3px #b72648}}@media(prefers-reduced-motion:no-preference){.chess-square{transition:background-color .12s ease}}