.chessboard{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,560px);margin:1rem auto;border:2px solid #70e6dc77;box-shadow:0 0 22px #70e6dc15;isolation:isolate}.classics-page .chess-square{position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:0;border-radius:0;border:1px solid #78969b33;display:grid;place-items:center;line-height:1;font-size:clamp(1.25rem,6vw,3rem)}.chess-square.light{background:#39565c}.chess-square.dark{background:#112632}.chess-square.white-piece{color:#ffe09a}.chess-square.black-piece{color:#8aeee4}.chess-square span{font-family:'DejaVu Sans','Segoe UI Symbol',serif;text-shadow:none;line-height:1}.chess-square small{position:absolute;left:2px;bottom:2px;font:500 clamp(.45rem,1.5vw,.65rem)/1 system-ui;color:#e3eeeb}.classics-page .chess-square:disabled{opacity:1}.chess-square.legal{box-shadow:inset 0 0 0 3px #f6c643}.chess-square.legal:after{content:'';width:18%;height:18%;background:#f6c643;border:1px solid #12232d;border-radius:50%;position:absolute;right:4px;top:4px}.chess-square[aria-pressed=true]{outline:3px solid white;outline-offset:-4px}.classics-page .chess-square:focus-visible{outline-offset:-3px;z-index:1}#moves{overflow-wrap:anywhere;max-height:10rem;overflow:auto}.classic-panel{min-width:0}#promotion{padding:1rem;border:1px solid #f6c643}@media(forced-colors:active){.chess-square.legal{outline:3px solid Highlight}.chess-square[aria-pressed=true]{outline:3px dashed Highlight}.chess-square.white-piece span:after{content:'W';font:12px system-ui}.chess-square.black-piece span:after{content:'B';font:12px system-ui}}