:root{--bg: #f6f5ef;--surface: #ffffff;--surface-2: #fbf1eb;--line: #e7ded6;--title: #735056;--muted: #a99089;--pill-fg: #8a5a5a;--accent: #9179d1;--accent-hover: #8168c8;--accent-ink: #ffffff;--good: #22c55e;--warn: #d9453c;--count-total: #71717a;--count-slash: #a1a1aa;--cell-radius: 8px;--card-radius: 16px;--sheet-radius: 22px;--gap: 6px;--pad: 16px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 18px 50px rgb(115 80 86 / .16);--ease: cubic-bezier(.4, 0, .2, 1);--hit: 44px;--icon-btn: 36px;--tool-btn: 60px;--status-h: 30px;--font: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--title);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}.play{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.header{width:100%;max-width:560px;display:flex;flex-direction:column;gap:4px}.header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:var(--hit)}.header-left{justify-self:start;display:flex;align-items:center;gap:6px}.header-actions{justify-self:end;display:flex;align-items:center;gap:6px}.title{margin:0;font-size:20px;font-weight:600;color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.status-bar{min-height:var(--status-h);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px}.stat{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-xs);font-size:13px;font-weight:600;line-height:1.4;color:var(--pill-fg);white-space:nowrap}.stat-label{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--muted)}.stat-num{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--title)}.stat-now{color:var(--good)}.stat-slash{color:var(--count-slash)}.stat-total{color:var(--count-total)}.icon-btn{position:relative;width:var(--icon-btn);height:var(--icon-btn);flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-xs);color:var(--title);cursor:pointer;transition:transform .15s var(--ease),opacity .15s var(--ease)}.icon-btn:after{content:"";position:absolute;top:50%;left:50%;width:var(--hit);height:var(--hit);transform:translate(-50%,-50%)}.icon-btn svg{width:22px;height:22px;display:block}.icon-btn:active{transform:scale(.9)}.icon-btn:disabled{opacity:.4;cursor:default}.footer{display:flex;gap:24px}.tool{width:var(--tool-btn);height:var(--tool-btn);display:grid;place-items:center;padding:10px;border:0;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-xs);color:var(--accent);cursor:pointer;transition:transform .15s var(--ease),opacity .15s var(--ease)}.tool svg{width:32px;height:32px;display:block}.tool:active:not(:disabled){transform:scale(.9)}.tool:disabled{opacity:.35;cursor:default}.app-home{position:relative;justify-content:center;gap:0}.home-top{position:absolute;top:16px;right:16px;display:flex;gap:6px}.home{display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,320px)}.home-art{position:relative;width:132px;height:132px;display:grid;place-items:center}.home-title{margin:6px 0 0;font-size:36px;font-weight:700;letter-spacing:.06em;color:var(--title)}.home-sub{margin:6px 0 28px;font-size:14px;color:var(--muted)}.home-buttons{display:grid;gap:12px;width:100%}.home-btn{border:0;border-radius:999px;padding:15px 24px;font:inherit;font-size:16px;font-weight:700;color:var(--title);background:var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform .15s var(--ease),background-color .15s var(--ease)}.home-btn:active{transform:scale(.96)}.home-btn.primary{color:var(--accent-ink);background:var(--accent);padding:14px 24px}.home-btn.primary:hover{background:var(--accent-hover)}.home-btn-sub{display:block;margin-top:2px;font-size:12px;font-weight:600;opacity:.85}.home-progress{margin:20px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.dev-pill{position:absolute;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:0;border-radius:999px;padding:4px 12px;font:inherit;font-size:10px;font-weight:700;color:var(--muted);background:#73505614;cursor:pointer;opacity:.8}.dev-pill:active{opacity:.5}.dev-note{margin:0;font-size:12px;line-height:1.6;color:var(--muted);text-align:center}.dev-status{margin:0;font-size:12px;font-weight:700;color:var(--good);text-align:center;min-height:16px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#f6f5efa8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.sheet{background:var(--surface);border-radius:var(--sheet-radius);padding:26px 26px 22px;box-shadow:var(--shadow-lg);width:min(92vw,420px);max-height:min(80dvh,620px);display:flex;flex-direction:column;gap:12px}.sheet-title{margin:0;font-size:20px;font-weight:700;color:var(--title);text-align:center}.sheet-subtitle{margin:6px 0 0;font-size:14px;font-weight:700;color:var(--pill-fg)}.help-list{margin:0;padding-left:1.15em;display:grid;gap:8px;font-size:14px;line-height:1.65;color:var(--pill-fg)}.help-list li::marker{color:#c9b0a8}.sheet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;border:0;border-radius:12px;background:var(--surface-2);color:var(--pill-fg);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:transform .14s var(--ease),background-color .14s var(--ease)}.sheet-row:hover{background:#f6e6dd}.sheet-row:active{transform:scale(.98)}.sheet-row.static{cursor:default}.sheet-row.static:active{transform:none}.sheet-row.danger{color:var(--warn)}.switch{position:relative;width:46px;height:27px;flex:none;border:0;border-radius:999px;padding:0;background:#ded2cb;cursor:pointer;transition:background-color .18s var(--ease)}.switch[aria-checked=true]{background:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:999px;background:#fff;box-shadow:var(--shadow-xs);transition:transform .18s var(--ease)}.switch[aria-checked=true]:after{transform:translate(19px)}.sheet-list{overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px;margin:0 -2px;overscroll-behavior:contain}.sheet-btn{border:0;border-radius:999px;padding:11px 30px;font:inherit;font-size:15px;font-weight:700;color:var(--accent-ink);background:var(--accent);cursor:pointer;transition:transform .15s var(--ease),background-color .15s var(--ease)}.sheet-btn:hover{background:var(--accent-hover)}.sheet-btn:active{transform:scale(.94)}.sheet-btn.quiet{color:var(--pill-fg);background:var(--surface-2)}.sheet-btn.quiet:hover{background:#f6e6dd}.sheet-link{margin-top:2px;border:0;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;padding:4px 12px}@media(max-width:640px){.sheet{padding:22px 20px 18px}.tool{width:54px;height:54px}.tool svg{width:28px;height:28px}.footer{gap:18px}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}:root{--owner-you: #85b7eb;--owner-you-ink: #042c53;--owner-cpu: #f0997b;--owner-cpu-ink: #4a1b0c}.opponent{display:flex;align-items:center;gap:8px;padding:8px var(--pad);min-height:42px}.opponent-badge{width:26px;height:26px;border-radius:50%;background:var(--owner-cpu);color:var(--owner-cpu-ink);display:grid;place-items:center;font-size:10px}.opponent-owned{margin-left:auto;display:flex;gap:3px}.owned-dot{width:14px;height:14px;border-radius:3px;background:var(--owner-cpu)}.market{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:var(--gap);padding:0 var(--pad)}.slot{min-width:0;min-height:0;aspect-ratio:3 / 4;border:1px solid var(--line);border-radius:var(--cell-radius);background:var(--surface);display:grid;place-content:center;gap:2px;font-size:11px;color:var(--title)}.slot.owned-you{background:var(--owner-you);color:var(--owner-you-ink);border-color:transparent}.slot.owned-cpu{background:var(--owner-cpu);color:var(--owner-cpu-ink);border-color:transparent}.slot.is-blocked{opacity:.4}.coinbar{display:flex;align-items:center;gap:10px;margin:12px var(--pad) 8px;padding:8px 12px;border-radius:var(--cell-radius);background:var(--surface-2)}.coinbar-amount{font-size:22px;font-weight:600;color:var(--title)}.coinbar-forecast{margin-left:auto;font-size:12px;color:var(--muted)}.hand-row{display:flex;align-items:flex-end;gap:6px;padding:0 var(--pad)}.next{width:34px;display:grid;gap:3px;justify-items:center}.next-label{font-size:10px;color:var(--muted)}.next-card{width:34px;height:46px;border-radius:6px;background:var(--surface-2);display:grid;place-content:center;font-size:9px;color:var(--muted)}.hand{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.card{min-width:0;min-height:0;height:62px;border:1px solid var(--line);border-radius:var(--cell-radius);background:var(--surface);display:grid;place-content:center;gap:2px;font-size:11px;color:var(--title)}.card.is-dim{opacity:.45}.road-btn{margin:10px var(--pad) 0;min-height:var(--hit);border:1px solid var(--line);border-radius:var(--cell-radius);background:var(--surface);color:var(--title);font-size:14px}.road-btn:disabled{opacity:.35}.end-turn{margin:12px var(--pad) var(--pad);min-height:var(--hit);border:none;border-radius:var(--cell-radius);background:var(--accent);color:var(--accent-ink);font-size:15px}.sheet-text{margin:0 0 12px;font-size:13px;color:var(--muted);line-height:1.6}.dev-grid{display:grid;gap:8px;max-height:50vh;overflow-y:auto;margin-bottom:12px}.dev-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--title)}.dev-grid input{width:72px;min-height:var(--hit);border:1px solid var(--line);border-radius:var(--cell-radius);text-align:center;font-size:15px}