.chess-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr);gap:36px;align-items:start}
.chess-body{padding:25px}
.chess-toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px;flex-wrap:wrap;margin-bottom:24px}
.chess-toolbar label{display:flex;flex-direction:column;gap:8px;font:8px var(--mono);letter-spacing:1px;color:var(--muted);min-width:0;max-width:100%}
.chess-toolbar select{max-width:100%}
.chess-board{width:min(100%,440px);margin:auto;border:3px solid #779584;border-radius:3px;overflow:hidden;background:#476554}
.chess-rank{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.chess-square{position:relative;aspect-ratio:1;min-width:0;min-height:0;border:0;padding:0;display:grid;place-items:center;border-radius:0;touch-action:manipulation}
.chess-square.is-light{background:#b1c9b7}.chess-square.is-dark{background:#567563}
.chess-piece{font-family:Georgia,'DejaVu Sans','Arial Unicode MS',serif;font-size:clamp(25px,3.4vw,48px);line-height:1;pointer-events:none;position:relative;z-index:1}
.chess-piece.is-white{color:#fffdf1;text-shadow:0 1px 1px #17291d,1px 0 #17291d,-1px 0 #17291d,0 -1px #17291d}
.chess-piece.is-black{color:#11281b;text-shadow:0 1px 0 #c6dccd}
.chess-rank-label,.chess-file-label{position:absolute;font:8px var(--mono);font-weight:650;line-height:1;color:#173221;z-index:2;pointer-events:none}
.is-dark .chess-rank-label,.is-dark .chess-file-label{color:#f0f8ef}
.chess-rank-label{left:3px;top:3px}.chess-file-label{right:3px;bottom:3px}
.chess-square.is-selected{box-shadow:inset 0 0 0 4px #f2dd9e;background:#8ba76a}
.chess-square.is-target:after{content:'';position:absolute;width:15%;height:15%;border-radius:50%;background:#102c22bb;border:1px solid #e6ffeb;z-index:3;bottom:9%;right:9%}
.chess-square.is-last{background:#8fac84}.chess-square.is-check{box-shadow:inset 0 0 0 4px #bc553e}
.chess-square:focus-visible{outline:3px solid #ffe7a5;outline-offset:-3px;z-index:4}
.chess-board-note{font:8px/1.8 var(--mono);color:#a3beac;text-align:center;margin:15px 0 0}
.chess-sidebar{padding:14px 0}
.chess-sidebar>.label{margin:0 0 15px}.chess-sidebar h2{font-size:29px;font-weight:440;letter-spacing:-1px;line-height:1.2;margin:0 0 12px}
.chess-motif{font:10px/1.7 var(--mono);color:#a5c6b0;margin:0 0 24px}
.chess-entry{padding-top:22px;border-top:1px solid var(--line)}
.chess-entry>label{display:block;font:8px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:10px}
.chess-entry>div{display:flex;gap:8px;flex-wrap:wrap}
.chess-entry input{background:#0f1a13;border:1px solid #4f6b58;color:#dbf2e3;border-radius:3px;font:20px var(--mono);padding:9px 12px;min-width:0;flex:1;width:140px;min-height:42px}
.chess-entry input:disabled{opacity:.6}.chess-entry .fineprint{margin:10px 0 18px}
.chess-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0}
.chess-feedback,.chess-hint-text{font-size:12px;line-height:1.9;color:#bbd2c3;margin:22px 0}
.chess-hint-text{border-left:2px solid #809e69;padding-left:14px;color:#cbd3ab}
.chess-stats{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}
.chess-stats span{display:block;font:8px var(--mono);letter-spacing:.6px;color:#9bb6a5;line-height:1.7}
.chess-stats strong{display:block;font:27px var(--mono);color:var(--mint);font-weight:400;margin-top:8px}
.chess-promotion{border:1px solid #8caa75;border-radius:3px;background:#213626;padding:14px;margin:20px 0}
.chess-promotion legend{padding:0 6px;font:10px var(--mono);color:#d7ebc2}.chess-promotion>div{display:flex;flex-wrap:wrap;gap:7px}.chess-promotion p{font-size:11px;line-height:1.7;color:#c7dacd;margin:5px 0 12px}
.chess-promotion button{border:1px solid #66816c;border-radius:3px;background:#14271b;color:#e0f0e4;padding:9px 11px;font:11px var(--mono);min-height:38px}
.chess-promotion button:hover{background:#345440}.chess-promotion .quiet{background:transparent;border-color:transparent;font-size:9px;padding-left:0}
.chess-credit{font:9px/1.8 var(--mono);color:#92ab9b}.chess-credit a{color:#c6e3d0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1200px){.chess-layout{gap:25px;grid-template-columns:minmax(0,1.25fr) minmax(245px,1fr)}.chess-body{padding:20px}.chess-piece{font-size:clamp(23px,3.5vw,43px)}}
@media(max-width:760px){.chess-layout{grid-template-columns:1fr;gap:16px}.chess-body{padding:21px}.chess-board{max-width:420px}.chess-piece{font-size:clamp(25px,7vw,48px)}.chess-sidebar{padding-top:12px}.chess-sidebar h2{font-size:28px}.chess-entry>div{max-width:440px}.chess-toolbar{gap:11px}.chess-board-note{font-size:7px}}
@media(max-width:380px){.chess-body{padding:12px}.chess-toolbar select{font-size:10px}.chess-toolbar .chip{font-size:7px}.chess-piece{font-size:25px}.chess-rank-label,.chess-file-label{font-size:6px}.chess-stats{gap:20px}.chess-stats span{font-size:7px}.chess-stats strong{font-size:23px}}