.chess{margin-inline:auto;container-type:inline-size}.chess-bar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:clamp(1rem,3vw,1.75rem);display:flex}.chess-bar__spacer{flex:auto}.chess-btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font:inherit;font-size:var(--step-1);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .9rem;line-height:1.2;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.chess-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-faint)}.chess-btn:disabled{opacity:.4;cursor:not-allowed}.chess-btn--go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}.chess-btn--go:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.chess-btn--toggle[data-on=false]{color:var(--text-faint);border-color:var(--border)}.chess-seg{border:1px solid var(--border-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.chess-seg__btn{background:var(--bg-raised);color:var(--text-muted);font:inherit;font-size:var(--step-1);cursor:pointer;border:0;padding:.5rem .75rem;transition:background-color .15s,color .15s}.chess-seg__btn+.chess-seg__btn{border-left:1px solid var(--border-strong)}.chess-seg__btn:hover,.chess-seg__btn[aria-pressed=true]{background:var(--bg-hover);color:var(--text)}.chess-stats{font-size:var(--step-1);color:var(--text-muted);font-variant-numeric:tabular-nums;gap:1.1rem;display:flex}.chess-stats b{color:var(--text);font-weight:500}.chess-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@container (width>=40rem){.chess-layout{grid-template-columns:minmax(0,32rem) minmax(12rem,1fr)}}.chess-captured{color:var(--text-muted);justify-content:space-between;min-height:1.6em;font-size:clamp(1rem,4cqi,1.4rem);line-height:1;display:flex}.chess-captured span[data-color]{letter-spacing:.05em}.chess-captured span[data-color=w]{color:#f1efe7}.chess-captured span[data-color=b]{color:#6b6b62}.chess-board-wrap{justify-content:center;display:flex}.chess-board{aspect-ratio:1;border:2px solid var(--border-strong);touch-action:manipulation;border-radius:2px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:min(100%,30rem);display:grid;overflow:hidden}.chess-sq{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;container-type:inline-size}.chess-sq[data-shade=light]{background:#e3dcc8}.chess-sq[data-shade=dark]{background:#536172}.chess-sq[data-last-move=true]{background-image:linear-gradient(#e7b84b59,#e7b84b59)}.chess-sq[data-selected=true]{background-image:linear-gradient(#8fc22b8c,#8fc22b8c)}.chess-sq[data-check=true]{background-image:radial-gradient(circle,#d3574cd9,#d3574c26 70%)}.chess-sq:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:2}.chess-sq[data-target=true]:after{content:"";pointer-events:none;position:absolute;inset:0}.chess-sq[data-target=true]:not([data-capture=true]):after{background:#00000047;border-radius:50%;width:28%;height:28%;margin:auto;inset:0}.chess-sq[data-target=true][data-capture=true]:after{border-radius:50%;box-shadow:inset 0 0 0 4px #d3574cbf}.chess-sq__coord{color:#00000059;pointer-events:none;font-size:clamp(.5rem,2cqi,.65rem);position:absolute;top:1px;left:3px}.chess-sq[data-shade=dark] .chess-sq__coord{color:#ffffff59}.chess-sq__piece{pointer-events:none;user-select:none;font-size:74cqi;line-height:1}.chess-sq__piece[data-color=w]{color:#f5f1e4;-webkit-text-stroke:1px #2a2a26;paint-order:stroke fill}.chess-sq__piece[data-color=b]{color:#171714}.chess-moves{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);max-height:20rem;font-size:var(--step-1);font-variant-numeric:tabular-nums;margin:0;padding:.5rem .75rem;list-style:none;overflow-y:auto}.chess-moves__row{color:var(--text-muted);grid-template-columns:1.75rem 1fr 1fr;gap:.5rem;padding:.15rem 0;display:grid}.chess-moves__row span:first-child{color:var(--text-faint)}.chess-moves__row span:not(:first-child){color:var(--text)}.chess-result{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-raised);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.25rem;padding:1rem 1.25rem;display:flex}.chess-result[data-outcome=win]{border-color:var(--accent);background:#8fc22b17}.chess-result[data-outcome=loss]{background:#d3574c17;border-color:#d3574c}.chess-result p{margin:0}.chess-result strong{font-weight:500}.chess-help{font-size:var(--step-1);color:var(--text-faint);margin-top:1rem}.chess [hidden]{display:none}@media (width<=30rem){.chess-bar{gap:.4rem .5rem}.chess-bar__spacer{flex-basis:100%;height:0}.chess-stats{width:100%}}.chess-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-raised);color:var(--text);max-width:min(26rem,100vw - 2rem);padding:clamp(1.25rem,4vw,1.75rem);box-shadow:0 24px 60px #0000008c}.chess-dialog::backdrop{background:#0009}.chess-dialog__title{font-size:var(--step1);margin:0 0 .5rem;font-weight:500}.chess-dialog__note{font-size:var(--step-1);color:var(--text-muted);margin:0 0 1.25rem}.chess-dialog__actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=26rem){.chess-dialog__actions{flex-direction:column-reverse}.chess-dialog__actions .chess-btn{justify-content:center}}.chess-promo__options{gap:.5rem;display:flex}.chess-promo__btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);color:var(--text-muted);font:inherit;font-size:var(--step-1);cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem;display:flex}.chess-promo__btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text)}.chess-promo__piece{font-size:2rem;line-height:1}.chess-promo__piece[data-color=w]{color:#f5f1e4;-webkit-text-stroke:1px #2a2a26;paint-order:stroke fill}.chess-promo__piece[data-color=b]{color:#171714}.crumb[data-astro-cid-yg2p3fqh]{color:inherit;border-bottom:1px solid var(--border-strong);text-decoration:none}.crumb[data-astro-cid-yg2p3fqh]:hover{color:var(--text);border-color:var(--text)}.page-title[data-astro-cid-yg2p3fqh]{font-size:var(--step3)}.lede[data-astro-cid-yg2p3fqh]{max-width:var(--measure);color:var(--text-muted);margin-top:.75rem;margin-bottom:clamp(2rem,5vw,3rem)}