:root{--bg:#f6f6f4;--text:#1b1b19;--muted:#73726d;--line:#e3e2dd;--surface:#fff;--accent:#15803d;--light:#ebecd0;--dark:#779556;--last:#ffd60a6b;--check:#dc2626bf;--white-piece:#fafaf9;--black-piece:#1c1917;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#151514;--text:#f2f1ed;--muted:#a3a29c;--line:#2b2a27;--surface:#1e1e1c;--accent:#4ade80;--light:#d7d9b8;--dark:#6b8a4b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:3px}button{font:inherit;color:inherit}.muted{color:var(--muted)}.layout{gap:16px;max-width:600px;margin:0 auto;padding:32px 16px 64px;display:grid}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:28px}h1+p{margin:4px 0 0;font-size:14px}h2{margin:0 0 6px;font-size:15px}.controls{flex-wrap:wrap;gap:8px;display:flex}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:14px}.segmented button.active{background:var(--text);color:var(--bg)}.segmented button:not(.active):hover{background:var(--line)}.status{min-height:22px;margin:0;font-weight:600}.board-wrap{position:relative}.board{aspect-ratio:1;border-radius:8px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 12px 32px #0003}.square{cursor:pointer;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.square.light{background:var(--light)}.square.dark{background:var(--dark)}.square.last{background-image:linear-gradient(var(--last), var(--last))}.square.selected{box-shadow:inset 0 0 0 4px var(--accent)}.square.check{background-image:radial-gradient(circle, var(--check) 30%, transparent 72%)}.square.target:after{content:"";aspect-ratio:1;background:#00000038;border-radius:50%;width:30%;position:absolute}.square.capture:after{content:"";border:5px solid #00000038;border-radius:50%;position:absolute;inset:6%}.square:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:1}.piece{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 1.5px #00000040);font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,Apple Symbols,serif;font-size:min(9.5vw,56px);line-height:1;display:grid}.piece>span{grid-area:1/1}.piece .line{color:#1c1917}.piece.white .fill{color:#fafaf9}.piece.black .fill{color:#1c1917;-webkit-text-stroke:3px #1c1917}.rank,.file{opacity:.7;pointer-events:none;font-size:11px;font-weight:600;position:absolute}.rank{top:3px;left:4px}.file{bottom:2px;right:4px}.light .rank,.light .file{color:var(--dark)}.dark .rank,.dark .file{color:var(--light)}.promotion{text-align:center;color:#fff;background:#00000073;border-radius:8px;place-content:center;gap:12px;display:grid;position:absolute;inset:0}.promotion p{margin:0;font-weight:600}.promotion div{gap:8px;display:flex}.promotion div button{aspect-ratio:1;background:var(--light);cursor:pointer;border:0;border-radius:12px;width:64px}.promotion div button:hover{background:#fff}.promotion .piece{font-size:44px}.actions{flex-wrap:wrap;gap:8px;display:flex}.ghost{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;padding:7px 14px;font-size:14px}.ghost:hover:not(:disabled){background:var(--line)}.ghost:disabled{opacity:.4;cursor:default}.moves p{font-variant-numeric:tabular-nums;margin:0;font-size:14px;line-height:1.7}