:root,:root[data-theme=felt]{--bg:radial-gradient(circle at 50% 30%, #1f6b45, #0d3b26);--bg-solid:#0d3b26;--fg:#f3ecd8;--muted:#f3ecd8b3;--accent:#d8b45a;--accent-fg:#1f1a0e;--surface:#00000038;--btn:#ffffff1a;--btn-border:#ffffff2e;--card-bg:#fbf7ec;--slot:#0000002e;--panel:#fbf7ec;--panel-fg:#1a1a1a;--panel-soft:#efe7d2;--ok:#2e9d5b;--ng:#a33a3a;--ok-text:#1f7a45;--ng-text:#b23030;--suit-s:#1a1a1a;--suit-h:#c62828;--suit-d:#c62828;--suit-c:#1a1a1a;--danger:#ff8a80;--player-1:#f2c14e;--player-2:#7cc6f2;--player-3:#f28d7c;--player-4:#b69cf2;--player-5:#8fe3a8;--player-6:#f2a2d4;--player-7:#e6e6e6;--player-8:#5fd4d4;--player-9:#d9a36b;--heat-pos:#2e9d5b;--heat-neg:#b23030;--heat-mid:#d9d2bf}:root[data-theme=dark]{--bg:#0f1115;--bg-solid:#0f1115;--fg:#e6e8ee;--muted:#e6e8eea6;--accent:#22d3a6;--accent-fg:#07231c;--surface:#1b1e25;--btn:#1b1e25;--btn-border:#2c3039;--card-bg:#f4f5f7;--slot:#1b1e25;--panel:#1b1e25;--panel-fg:#e6e8ee;--panel-soft:#23262e;--ok:#1f9e7c;--ng:#b8394f;--ok-text:#22d3a6;--ng-text:#ff5c7a;--suit-s:#16181d;--suit-h:#d6264a;--suit-d:#d6264a;--suit-c:#16181d;--danger:#ff5c7a;--player-1:#f2c14e;--player-2:#7cc6f2;--player-3:#f28d7c;--player-4:#b69cf2;--player-5:#8fe3a8;--player-6:#f2a2d4;--player-7:#e6e6e6;--player-8:#5fd4d4;--player-9:#d9a36b;--heat-pos:#1f9e7c;--heat-neg:#b8394f;--heat-mid:#2c3039}:root[data-theme=light]{--bg:#f7f6f2;--bg-solid:#f7f6f2;--fg:#1c1c1e;--muted:#1c1c1e99;--accent:#2f5bea;--accent-fg:#fff;--surface:#ecebe5;--btn:#fff;--btn-border:#dcd9d0;--card-bg:#fff;--slot:#e4e2db;--panel:#fff;--panel-fg:#1c1c1e;--panel-soft:#f1efe8;--ok:#2e9d5b;--ng:#c23b3b;--ok-text:#1f7a45;--ng-text:#c23b3b;--suit-s:#1c1c1e;--suit-h:#d12c2c;--suit-d:#d12c2c;--suit-c:#1c1c1e;--danger:#c23b3b;--player-1:#c8961a;--player-2:#2f7fc1;--player-3:#d0543f;--player-4:#7a5cc9;--player-5:#2f9d57;--player-6:#c2458f;--player-7:#6b6b6b;--player-8:#1f9a9a;--player-9:#a86a2c;--heat-pos:#2e9d5b;--heat-neg:#c23b3b;--heat-mid:#e4e2db}:root[data-theme=midnight]{--bg:linear-gradient(160deg, #1a1440, #0b0b1f);--bg-solid:#0b0b1f;--fg:#ece8ff;--muted:#ece8ffa6;--accent:#f5c451;--accent-fg:#1a1440;--surface:#ffffff14;--btn:#ffffff14;--btn-border:#ffffff29;--card-bg:#fff;--slot:#ffffff0f;--panel:#f4f1ff;--panel-fg:#16132e;--panel-soft:#e6e0ff;--ok:#2e9d5b;--ng:#b8394f;--ok-text:#1f7a45;--ng-text:#c0244e;--suit-s:#16132e;--suit-h:#e0245e;--suit-d:#e0245e;--suit-c:#16132e;--danger:#ff7a9a;--player-1:#f2c14e;--player-2:#7cc6f2;--player-3:#f28d7c;--player-4:#b69cf2;--player-5:#8fe3a8;--player-6:#f2a2d4;--player-7:#e6e6e6;--player-8:#5fd4d4;--player-9:#d9a36b;--heat-pos:#2e9d5b;--heat-neg:#b23030;--heat-mid:#d6cff5}:root[data-four-color=true]{--suit-d:#1e5fd6;--suit-c:#1f8a3a}.hl-row{justify-content:center;gap:6px;display:flex}.hl-card{border-radius:7px;flex-shrink:0;display:block;box-shadow:0 2px 5px #00000059}.hl-card--md{width:46px;height:64px}.hl-card--lg{width:56px;height:78px}.hl-card--empty{background:var(--slot);box-shadow:inset 0 0 0 1px #ffffff14}.hl-card--sm{border-radius:4px;width:30px;height:42px}.hl-picker{grid-template-columns:repeat(13,1fr);gap:3px;display:grid}.hl-picker-card{aspect-ratio:5/7;background:var(--card-bg);border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:0;font-size:clamp(9px,2.8vw,14px);font-weight:800;line-height:1;display:flex;box-shadow:0 1px 2px #00000040}.hl-picker-card small{font-size:.85em}.hl-picker-card:disabled{opacity:.2}.hl-picker-card[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.hl-range-grid{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(13,1fr);gap:1px;width:100%;display:grid}.hl-range-grid--edit{touch-action:none;cursor:pointer}.hl-range-grid [data-hc]{aspect-ratio:1;background:var(--panel-soft);color:color-mix(in srgb, var(--panel-fg) 45%, transparent);border-radius:2px;justify-content:center;align-items:center;font-size:clamp(6px,1.9vw,10px);display:flex;overflow:hidden}.hl-range-grid [data-state=in]{background:var(--ok);color:#fff}.hl-range-grid [data-state=mixed]{background:linear-gradient(135deg, var(--ok) 50%, var(--panel-soft) 50%);color:var(--panel-fg)}.hl-range-grid [data-highlight]{outline:2px solid var(--ng-text);z-index:1;position:relative}html,body,#root{min-height:100%;margin:0}body{background-color:var(--bg-solid);background-image:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;background-attachment:fixed;font-family:-apple-system,system-ui,Hiragino Sans,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}.app{max-width:480px;padding:calc(12px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box;margin:0 auto}.app-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.app-header img{border-radius:8px;width:32px;height:32px}.app-header h1{margin:0;font-size:18px;font-weight:800}.spacer{flex:1}.icon-button{color:var(--muted);background:0 0;border:0;padding:4px 8px;font-size:20px}.layout{flex-direction:column;gap:12px;display:flex}.inputs{flex-direction:column;gap:6px;display:flex}.zone-label{letter-spacing:.1em;color:var(--muted);text-align:center;font-size:10px}.board-button{background:0 0;border:0;padding:4px 0 8px}.player{background:var(--surface);text-align:left;border:0;border-radius:12px;align-items:center;gap:8px;width:100%;min-height:52px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.player-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.player-name{width:22px;color:var(--muted);flex-shrink:0;font-size:12px}.player-body{flex:1;min-width:0}.player-cards{gap:3px;display:flex}.range-chip{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--btn-border);border-radius:999px;max-width:100%;padding:3px 8px;font-size:12px;display:inline-block;overflow:hidden}.player-eq{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.player-bar{height:3px;transition:width .2s;position:absolute;bottom:0;left:0}.player-warn{color:var(--danger);font-size:10px;position:absolute;top:4px;right:12px}.add-player{border:1px dashed var(--btn-border);color:var(--muted);background:0 0;border-radius:12px;padding:8px;font-size:13px}.precision{text-align:right;color:var(--muted);margin:2px 4px 0;font-size:11px}.precision[data-running=true]:before{content:"● ";color:var(--accent)}.precision-error{color:var(--danger)}.link{color:inherit;background:0 0;border:0;margin-left:8px;text-decoration:underline}.muted{color:var(--muted);font-size:13px}.center{text-align:center}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--btn-border);background:0 0;border-radius:999px;padding:6px 12px;font-size:13px}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:700}.seg{background:var(--panel-soft);border-radius:10px;padding:2px;display:flex}.seg button{background:0 0;border:0;border-radius:8px;flex:1;padding:6px;font-size:13px}.seg button[aria-selected=true]{background:var(--accent);color:var(--accent-fg);font-weight:700}.primary{background:var(--accent);height:44px;color:var(--accent-fg);border:0;border-radius:12px;flex:1;font-weight:800}.secondary{border:1px solid var(--btn-border);background:0 0;border-radius:12px;flex:1;height:44px;font-weight:700}.secondary.danger{color:var(--danger);flex:none;width:100%}.sheet-backdrop{z-index:10;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{box-sizing:border-box;width:100%;max-width:480px;max-height:88dvh;padding:12px 14px calc(16px + env(safe-area-inset-bottom));background:var(--panel);color:var(--panel-fg);border-radius:18px 18px 0 0;overflow-y:auto}.sheet .chip,.sheet .secondary{border-color:color-mix(in srgb, var(--panel-fg) 20%, transparent)}.sheet-head{align-items:center;margin-bottom:8px;display:flex}.sheet-title{flex:1;font-weight:800}.sheet-close{background:0 0;border:0;padding:0 4px;font-size:22px;line-height:1}.editor{flex-direction:column;gap:10px;display:flex}.editor-actions{gap:8px;display:flex}.notation{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--panel-fg) 25%, transparent);background:var(--panel-soft);width:100%;color:var(--panel-fg);border-radius:8px;padding:8px 10px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.notation-errors{color:var(--panel-fg);opacity:.8;margin:-4px 0 0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.notation-errors u{-webkit-text-decoration:wavy underline var(--danger);text-decoration:wavy underline var(--danger)}.analysis{background:var(--panel);color:var(--panel-fg);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.analysis .chip{border-color:color-mix(in srgb, var(--panel-fg) 20%, transparent);padding:4px 10px;font-size:12px}.analysis .label{color:color-mix(in srgb, var(--panel-fg) 60%, transparent);align-self:center;font-size:11px}.analysis .muted{color:color-mix(in srgb, var(--panel-fg) 60%, transparent)}.next-grid{grid-template-columns:repeat(13,1fr);gap:2px;display:grid}.next-grid button{aspect-ratio:1;color:#fff;text-shadow:0 1px 1px #00000059;border:0;border-radius:3px;padding:0;font-size:clamp(8px,2.4vw,12px);font-weight:700}.next-grid button:disabled{color:#0000;text-shadow:none;background:0 0}.next-summary{background:var(--panel-soft);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:6px 8px;font-size:12px;display:flex}.range-view{flex-direction:column;gap:8px;display:flex}.streets{width:100%;height:auto}.streets-grid{stroke:color-mix(in srgb, var(--panel-fg) 15%, transparent)}.streets-axis{fill:color-mix(in srgb, var(--panel-fg) 60%, transparent);font-size:9px}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:14px;display:flex}.switch{border:1px solid color-mix(in srgb, var(--panel-fg) 25%, transparent);background:var(--panel-soft);border-radius:999px;width:48px;height:28px;padding:0;position:relative}.switch:after{content:"";background:color-mix(in srgb, var(--panel-fg) 50%, transparent);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true]:after{background:var(--accent-fg);transform:translate(20px)}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--panel);max-width:calc(100% - 32px);color:var(--panel-fg);z-index:20;border-radius:12px;padding:10px 16px;font-size:13px;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}@media (width>=900px){.app{max-width:1080px}.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.sheet-backdrop{background:#0003;justify-content:flex-end;align-items:stretch}.sheet{border-radius:18px 0 0 18px;max-width:440px;max-height:none}}