.board-area,.board-host{--sq-light:#f0d9b5;--sq-dark:#b58863;--sq-light-sel:#e8d888;--sq-dark-sel:#c8a94e;--mark-last:#e9c85c;--mark-check:var(--warn,#e37400);--piece-white:#fff;--piece-white-edge:#000;--piece-black:#000;--piece-black-edge:#000;--board-accent:var(--ch-accent,var(--accent,#7635b8));place-items:center;min-height:0;display:grid;container-type:size}.board{border-radius:var(--radius,6px);width:min(100cqw,100cqh);height:min(100cqw,100cqh);box-shadow:var(--shadow,0 8px 24px -12px #0000004d);touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:relative}.board:focus-visible{box-shadow:var(--shadow,0 8px 24px -12px #0000004d), 0 0 0 3px var(--board-accent)}.board .grid{border-radius:inherit;grid-template:repeat(8,1fr)/repeat(8,1fr);width:100%;height:100%;display:grid;overflow:hidden}.cell{place-items:center;display:grid;position:relative}.cell.light{background:var(--sq-light)}.cell.dark{background:var(--sq-dark)}.cell .coord{color:#0000005c;pointer-events:none;font-size:clamp(8px,1.5cqw,12px);font-weight:600;line-height:1;position:absolute}.cell .coord.rank{inset:2px auto auto 3px}.cell .coord.file{inset:auto 3px 2px auto}.cell.dark .coord{color:#ffffff85}.cell.last:before{content:"";background:var(--mark-last);opacity:.42;position:absolute;inset:0}.cell.sel{background:var(--sq-light-sel)}.cell.sel.dark{background:var(--sq-dark-sel)}.cell .hint{pointer-events:none;position:absolute}.cell.target .hint{background:#1e181047;border-radius:50%;width:30%;height:30%}.cell.capture-target .hint{border:max(3px,1.2cqw) solid #1e181042;border-radius:50%;inset:6%}.check-flash{z-index:6;pointer-events:none;letter-spacing:.12em;color:var(--mark-check);text-shadow:0 2px 10px #00000073,0 0 2px #0009;place-items:center;padding-left:.12em;font-size:min(12cqw,12cqh);font-weight:900;animation:1s ease-out forwards check-flash;display:grid;position:absolute;inset:0}@keyframes check-flash{0%{opacity:0;scale:.7}18%{opacity:1;scale:1.04}62%{opacity:1;scale:1}to{opacity:0;scale:1.16}}.cell.cursor{outline:3px solid var(--board-accent);outline-offset:-3px;z-index:1}.board .pieces{pointer-events:none;position:absolute;inset:0}.piece{width:12.5%;height:12.5%;translate:calc(var(--x,0) * 100%) calc(var(--y,0) * 100%);will-change:translate;transition:translate .17s cubic-bezier(.2,.9,.25,1),opacity .14s linear;position:absolute}.piece.instant{transition:none}.piece.dragging{z-index:3;cursor:grabbing;filter:drop-shadow(0 6px 10px #00000059);transition:none;scale:1.08}.piece.captured{opacity:0;scale:.7}.piece .glyph{stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 1px #00000047);width:100%;height:100%;padding:9%;display:block}:is(.piece,.cap,.trophy).w .glyph{fill:var(--piece-white);stroke:var(--piece-white-edge);stroke-width:2.2px}:is(.piece,.cap,.trophy).b .glyph{fill:var(--piece-black);stroke:var(--piece-black-edge);stroke-width:1.8px}:is(.piece,.cap,.trophy).w .glyph .notch{fill:var(--piece-white-edge);stroke:none}:is(.piece,.cap,.trophy).b .glyph .notch{fill:var(--piece-white);stroke:none}.board.locked .pieces .piece{cursor:default}.board:not(.locked) .pieces .piece{cursor:grab}.piece.shake .glyph{animation:.46s ease-in-out king-shake}@keyframes king-shake{0%,to{translate:0;rotate:0deg}12%{translate:-8%;rotate:-6deg}28%{translate:7%;rotate:5deg}44%{translate:-6%;rotate:-4deg}60%{translate:4%;rotate:3deg}80%{translate:-2%;rotate:-1.5deg}}.promo-backdrop{z-index:4;background:#14101c73;position:absolute;inset:0}.promo{z-index:5;width:12.5%;left:calc(var(--x) * 12.5%);top:calc(var(--y) * 12.5%);border-radius:var(--radius,6px);background:var(--panel,#fff);box-shadow:var(--shadow,0 8px 24px -12px #0000004d);display:grid;position:absolute;overflow:hidden}.promo button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:100%;height:auto;padding:0;transition:background .12s;position:static;translate:none}.promo button:hover,.promo button:focus-visible{background:var(--ch-accent-soft,var(--accent-soft,#efe9fe));outline:none}@media (prefers-reduced-motion:reduce){.piece{transition:none}.piece.captured{opacity:0}.piece.shake .glyph{animation:none}.check-flash{opacity:1;animation:none}}.drill[data-v-4feade28]{flex-direction:column;gap:10px;display:flex}.bar[data-v-4feade28]{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex}.kind[data-v-4feade28]{font-size:.95rem;font-weight:600}.count[data-v-4feade28]{color:var(--muted,#888);font-variant-numeric:tabular-nums;font-size:.8rem}.ask[data-v-4feade28]{margin:0;font-size:.9rem;line-height:1.6}.verdict[data-v-4feade28]{background:color-mix(in srgb, currentcolor 6%, transparent);border-radius:8px;min-height:2.8em;margin:0;padding:8px 10px;font-size:.85rem;line-height:1.6}.verdict[data-tone=right][data-v-4feade28]{color:var(--good,#1a9e63)}.verdict[data-tone=wrong][data-v-4feade28]{color:var(--warn,#d97706)}.hint ul[data-v-4feade28]{margin:0;padding-left:1.1em;font-size:.82rem;line-height:1.7}.hint .theirs[data-v-4feade28]{color:var(--good,#1a9e63)}.hint .mine[data-v-4feade28]{color:var(--warn,#d97706)}.row[data-v-4feade28]{flex-wrap:wrap;gap:6px;display:flex}.drill-btn[data-v-4feade28]{border:1px solid color-mix(in srgb, currentcolor 22%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}.drill-btn[data-v-4feade28]:disabled{opacity:.4;cursor:not-allowed}.drill-btn.primary[data-v-4feade28]{border-color:var(--accent,#6d4bc4);color:var(--accent,#6d4bc4)}.empty[data-v-4feade28]{color:var(--muted,#888)}.blind[data-v-4cbc4ac3]{flex-direction:column;gap:12px;display:flex}.intro[data-v-4cbc4ac3]{margin:0;font-size:.88rem;line-height:1.7}.cols[data-v-4cbc4ac3]{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (width>=720px){.cols[data-v-4cbc4ac3]{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}}.side[data-v-4cbc4ac3]{flex-direction:column;gap:10px;display:flex}.gauges[data-v-4cbc4ac3]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gauge[data-v-4cbc4ac3]{border:1px solid color-mix(in srgb, currentcolor 16%, transparent);border-radius:10px;gap:2px;padding:9px 11px;display:grid}.gauge[data-diverged=true][data-v-4cbc4ac3]{border-color:var(--warn,#d97706);background:color-mix(in srgb, var(--warn,#d97706) 8%, transparent)}.g-label[data-v-4cbc4ac3]{color:var(--muted,#888);letter-spacing:.04em;font-size:.72rem;font-weight:600}.g-val[data-v-4cbc4ac3]{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.g-note[data-v-4cbc4ac3]{color:var(--muted,#888);font-size:.72rem;line-height:1.4}.split[data-v-4cbc4ac3]{color:var(--warn,#d97706);margin:0;font-size:.82rem;font-weight:600;line-height:1.6}.move[data-v-4cbc4ac3]{min-height:3.4em;margin:0;font-size:.85rem;line-height:1.7}.move b[data-v-4cbc4ac3]{margin-right:.35em}.row[data-v-4cbc4ac3]{flex-wrap:wrap;gap:6px;display:flex}.bs-btn[data-v-4cbc4ac3]{border:1px solid color-mix(in srgb, currentcolor 22%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}.bs-btn[data-v-4cbc4ac3]:disabled{opacity:.4;cursor:not-allowed}.bs-btn.primary[data-v-4cbc4ac3]{border-color:var(--accent,#6d4bc4);color:var(--accent,#6d4bc4)}