:root{--bg:#eef2f6;--panel:#fff;--fg:#17212b;--muted:#5d6b7a;--line:#d5dde6;--accent:#2f6fa6;--accent-fg:#fff;--good:#2e7d4f;--bad:#b3261e;--light-sq:#a9cbe6;--dark-sq:#6f9cc2;--frame:#0b0e12;--last:#96e6289e;--sel:#ffd6008c;--hint:#ff8c0099;--display:"Fraunces", Georgia, serif;--body:"Figtree", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f151c;--panel:#17202a;--fg:#e6edf4;--muted:#93a3b4;--line:#2a3644;--accent:#6aa8dc;--accent-fg:#0f151c;--good:#6fd29a;--bad:#ff7a6e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.board-frame[data-theme=wood]{--light-sq:#ecd3a8;--dark-sq:#9a6236;--frame:#4a2614}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.5 var(--body);padding:20px 16px 32px}button,select,input{font:inherit;color:inherit}.app{gap:20px;max-width:1120px;margin:0 auto;display:grid}.top{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.brand{gap:0;margin-right:auto;display:grid}.brand h1{font:700 30px/1.1 var(--display);letter-spacing:-.01em;margin:0}.engine-status{color:var(--muted);letter-spacing:.04em;font-size:12px}.engine-status.ok:before{content:"● ";color:var(--good)}.modes{background:var(--panel);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.mode{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-weight:600}.mode[aria-selected=true]{background:var(--fg);color:var(--bg)}.globals{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.speed{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.speed input{width:130px;accent-color:var(--accent)}.speed output{font-family:var(--mono);min-width:3.6em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:12px}select,input[type=text]{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:8px 10px}.layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=860px){.layout{grid-template-columns:minmax(0,1fr)}}.board-col{gap:12px;min-width:0;display:grid}.board-frame{background:var(--frame);border-radius:6px;width:100%;max-width:min(100%,78vh);padding:6px;box-shadow:0 12px 32px #0a1e3238}.board-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.replay{gap:6px;display:flex}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;container-type:inline-size}.sq{width:12.5%;height:12.5%;position:absolute}.sq.light{background:var(--light-sq)}.sq.dark{background:var(--dark-sq)}.sq:after{content:"";pointer-events:none;position:absolute;inset:0}.sq.last:after{background:var(--last)}.sq.selected:after{background:var(--sel)}.sq.hinted:after{background:var(--hint)}.sq.check:after{background:radial-gradient(circle,#e8261cbf 0%,#e8261c59 45%,#0000 75%)}.sq.target:before{content:"";z-index:2;background:#0a141e47;border-radius:50%;width:26%;height:26%;position:absolute;top:37%;left:37%}.sq.capture-target:before{content:"";z-index:2;border:.9cqi solid #0a141e4d;border-radius:50%;position:absolute;inset:4%}.coord{font:700 2.1cqi/1 var(--body);pointer-events:none;z-index:1;position:absolute}.coord.rank{top:4%;right:4%}.coord.file{bottom:4%;left:5%}.sq.light .coord{color:var(--dark-sq)}.sq.dark .coord{color:var(--light-sq)}.piece{z-index:3;cursor:grab;width:12.5%;height:12.5%;transition:left var(--move-ms,.5s) cubic-bezier(.45, .05, .25, 1), top var(--move-ms,.5s) cubic-bezier(.45, .05, .25, 1), opacity .22s, transform .22s;place-items:center;display:grid;position:absolute}.piece svg{filter:drop-shadow(0 .35cqi .3cqi #00000047);pointer-events:none;width:92%;height:92%}.piece.moving{z-index:5}.piece.instant{transition:none!important}.piece.dragging{z-index:6;cursor:grabbing;transition:none}.piece.captured{opacity:0;transform:scale(.55)}.promo-overlay{z-index:10;background:#050a0f73;position:absolute;inset:0}.promo-box{background:var(--panel);border-radius:6px;grid-template-columns:repeat(4,1fr);width:50%;height:12.5%;display:grid;position:absolute;top:37.5%;box-shadow:0 8px 24px #00000059}.promo-choice{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6%}.promo-choice:hover{background:var(--bg)}.promo-choice svg{width:100%;height:100%}button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;padding:9px 14px;font-size:14px;font-weight:600}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button.big{min-width:9em;padding:12px 22px;font-size:15px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-content:start;gap:16px;min-width:0;padding:20px;display:grid}.panel>div{gap:16px;display:grid}.status{font:700 20px/1.25 var(--display)}.status.done{color:var(--good)}.field{gap:6px;min-width:0;display:grid}.field-row{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.field-row>.field{flex:160px}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.label output{color:var(--fg)}.field input[type=range]{accent-color:var(--accent);width:100%}.field input[type=text]{width:100%;font-family:var(--mono);font-size:12px}.seg{border:1px solid var(--line);border-radius:6px;width:max-content;display:inline-flex;overflow:hidden}.seg button{border:0;border-radius:0;padding:8px 16px}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.eval{color:var(--muted);min-height:1.5em;font-size:14px}.hint-text{color:var(--muted);margin:0;font-size:14px}.error{color:var(--bad);min-height:1em;font-size:14px;font-weight:600}.error:empty{display:none}.note{background:var(--bg);border:1px solid var(--line);border-radius:6px;min-height:3.5em;padding:12px 14px}.solve-row{align-items:end}.palette{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.tool{aspect-ratio:1;background:#c9dced;border-color:#0000;place-items:center;padding:3px;display:grid}.tool svg{width:100%;height:100%}.tool[aria-pressed=true]{border:2px solid var(--accent);background:#f3d36b}.erase{color:var(--bad);font-size:20px}.drop{text-align:center;border:1.5px dashed var(--line);color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;gap:8px;padding:14px;font-size:13px;display:grid}.drop.over{border-color:var(--accent);background:var(--bg)}.drop input{opacity:0;width:1px;height:1px;position:absolute}.drop canvas{border-radius:4px;max-width:100%;max-height:340px}.drop.busy{opacity:.6;cursor:progress}.recog{gap:8px;font-size:14px;display:grid}.recog p{margin:0}.recog .warn{color:var(--bad);font-weight:600}button.link{color:var(--muted);background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:500;text-decoration:underline}.sq.unsure:before{content:"";z-index:4;pointer-events:none;border:.6cqi dashed #ff8a00;border-radius:3px;position:absolute;inset:3%}ol.moves{font-family:var(--mono);font-variant-numeric:tabular-nums;gap:2px;max-height:300px;margin:0;padding:0;font-size:14px;list-style:none;display:grid;overflow-y:auto}ol.moves:empty{display:none}ol.moves li{grid-template-columns:2.8em 1fr 1fr;align-items:center;display:grid}.num{color:var(--muted)}.mv{text-align:left;font:inherit;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-weight:500}.mv:hover:not(.empty){background:var(--bg)}.mv.cur{background:var(--accent);color:var(--accent-fg)}.mv.mate{color:var(--bad);font-weight:700}.mv.mate.cur{color:var(--accent-fg)}.mv.empty{cursor:default;color:var(--muted)}.foot{color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){.piece{transition-duration:1ms!important}}