:root{--bg:#f6f7f9;--surface:#fff;--ink:#1b2330;--muted:#667085;--line:#c3cad5;--line-strong:#1b2330;--accent:#2b6cff;--sel:#bcd3ff;--peer:#e8eef9;--same:#d3e2ff;--bad:#d92d20;--bad-bg:#fde7e5;--given:#1b2330;--entry:#2b6cff;--hint:#ffe9a8;--hint-strong:#ffd34d;--hint-elim:#ffd0cb;--role-chain_a:#9ec5ff;--role-chain_b:#ffc48a;--role-pivot:#d8c4ff;--role-wing:#a8e6d4;--role-floor:#b8e6a8;--role-roof:#f4b8dc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#11151c;--surface:#1a2029;--ink:#e8ecf3;--muted:#93a0b4;--line:#3a4455;--line-strong:#8d9bb0;--accent:#6c9bff;--sel:#2f4a82;--peer:#232c3a;--same:#2a3c63;--bad:#ff7a70;--bad-bg:#4a2321;--given:#e8ecf3;--entry:#7fa8ff;--hint:#4d4222;--hint-strong:#8a6d12;--hint-elim:#5a2a27;--role-chain_a:#2f5aa8;--role-chain_b:#8a5a1d;--role-pivot:#5b3f9a;--role-wing:#1f6a58;--role-floor:#3c6b2c;--role-roof:#7a2f5c}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font:16px/1.3 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;touch-action:manipulation}.app{--board:min(calc(100vw - 16px), calc(100dvh - 340px), 520px);flex-direction:column;align-items:center;gap:10px;min-height:100%;padding:8px;display:flex}header{width:var(--board);flex-direction:column;gap:6px;display:flex}.tiers{gap:4px;display:flex}.tiers button{border:1px solid var(--line);background:var(--surface);text-transform:capitalize;white-space:nowrap;border-radius:8px;flex:1;min-height:40px;padding:0 4px;font-size:14px}.tiers button.on{background:var(--accent);border-color:var(--accent);color:#fff}.meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.board{width:var(--board);height:var(--board);border:2px solid var(--line-strong);background:var(--surface);touch-action:none;border-radius:6px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden}.cell{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:calc(var(--board) / 15);color:var(--entry);justify-content:center;align-items:center;padding:0;display:flex}.cell.given{color:var(--given);font-weight:650}.cell.br{border-right:2px solid var(--line-strong)}.cell.bb{border-bottom:2px solid var(--line-strong)}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+73){border-bottom:0}.cell.peer{background:var(--peer)}.cell.same{background:var(--same)}.cell.selected{background:var(--sel)}.cell.hint-unit{background:var(--hint)}.cell.hint-elim{background:var(--hint-elim)}.cell.hint-cell{background:var(--hint-strong)}.cell.conflict{color:var(--bad);background:var(--bad-bg)}.cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.notes{width:100%;height:100%;font-size:calc(var(--board) / 38);color:var(--muted);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:2px;font-weight:500;line-height:1;display:grid}.notes span{justify-content:center;align-items:center;display:flex}.controls{width:var(--board);flex-direction:column;gap:8px;display:flex}.tools{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.tools button{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:48px;padding:0 2px;font-size:13px}.tools button:disabled{opacity:.4}.tools .toggle.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pad{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.pad button{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;min-height:60px;display:flex;position:relative}.pad .num{color:var(--entry);font-size:26px}.pad .left{color:var(--muted);font-size:10px;position:absolute;top:3px;right:5px}.pad button:disabled{opacity:.25}.pad.notes-mode button{border-style:dashed;border-color:var(--accent)}.pad.notes-mode .num{font-size:20px}.win{background:var(--accent);color:#fff;border-radius:12px;padding:12px 18px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000004d}.hint-panel{width:var(--board);background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:space-between;gap:6px;min-height:78px;padding:8px 10px;font-size:14px;display:flex}.hint-panel p{margin:0}.hint-panel .idle{color:var(--muted)}.hint-actions{justify-content:flex-end;gap:6px;display:flex}.hint-actions button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:36px;padding:0 14px}.hint-actions .primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.app.no-hints{--board:min(calc(100vw - 16px), calc(100dvh - 250px), 520px)}.tools.five{grid-template-columns:repeat(5,1fr)}.meta{flex-wrap:wrap;align-items:center;gap:4px 8px}.meta span{white-space:nowrap}.meta .gear{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--muted);border-radius:8px;margin-left:auto;padding:0 10px;font-size:13px}.scrim{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;width:min(100%,380px);padding:16px;display:flex}.dialog h2{margin:0;font-size:18px}.settings-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.settings-list label{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.settings-list .text{flex-direction:column;gap:2px;display:flex}.settings-list .name{font-weight:600}.settings-list .desc{color:var(--muted);font-size:13px}.settings-list input{width:22px;height:22px;accent-color:var(--accent);flex:none}.settings-list input:disabled{opacity:.4}.dialog .close{background:var(--accent);color:#fff;border:0;border-radius:10px;min-height:44px;font-weight:600}.cell{position:relative}.cell.role-chain_a{background:var(--role-chain_a)}.cell.role-chain_b{background:var(--role-chain_b)}.cell.role-pivot{background:var(--role-pivot)}.cell.role-wing{background:var(--role-wing)}.cell.role-floor{background:var(--role-floor)}.cell.role-roof{background:var(--role-roof)}.badge{background:var(--ink);color:var(--surface);font-size:calc(var(--board) / 42);border-radius:4px;padding:0 3px;font-weight:700;line-height:1.25;position:absolute;top:1px;left:1px}.hint-panel .hint-text{flex:1;min-height:0;overflow-y:auto}.hint-panel .insight{color:var(--muted);margin-top:4px;font-size:12.5px}.app.insights{--board:min(calc(100vw - 16px), calc(100dvh - 436px), 520px)}.app.insights .hint-panel{height:162px;font-size:13.5px}.tiers button.daily{border-color:var(--accent);color:var(--accent);font-weight:600}.tiers button.daily.on{background:var(--accent);color:#fff}.tiers button:disabled{opacity:.6}.notice{background:var(--hint);border-radius:8px;margin:0;padding:6px 10px;font-size:13px}