:root{--bg:#f4f1ea;--fg:#1d1a16;--muted:#6b665c;--panel:#fff;--board:#dcb35c;--line:#4a3a1a;--accent:#2f6f4f;--accent-fg:#fff;--btn:#e8e3d8;--btn-fg:#1d1a16}@media (prefers-color-scheme:dark){:root{--bg:#15130f;--fg:#ece7dc;--muted:#9a938a;--panel:#1f1c17;--board:#b98d3f;--line:#2b2110;--accent:#5fb58a;--accent-fg:#0f1a14;--btn:#2b2721;--btn-fg:#ece7dc}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{height:100dvh;padding:env(safe-area-inset-top) 8px env(safe-area-inset-bottom);flex-direction:column;gap:8px;display:flex}.top-row{justify-content:flex-end;padding-top:6px;display:flex}.status{padding:0 4px}.status-main{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.6em;font-size:18px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.status-retry{margin-top:4px;display:flex}.status-notice{font-size:14px;line-height:1.3}.status-sub{min-height:20px;font-size:14px}.muted{color:var(--muted)}.board-wrap{flex:3 1 0;min-height:0;max-height:calc(100vw - 16px);position:relative}.board{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.board-bg{fill:var(--board)}.grid line{stroke:var(--line);stroke-width:2.5px}.coord{fill:var(--line);text-anchor:middle;dominant-baseline:middle;font-size:32px}.hoshi{fill:var(--line)}.stone-b{fill:#111;stroke:#000;stroke-width:1.5px}.stone-w{fill:#f7f7f2;stroke:#555;stroke-width:1.5px}.mark-on-b{fill:none;stroke:#fff;stroke-width:5px}.mark-on-w{fill:none;stroke:#111;stroke-width:5px}.territory-b{fill:#111;opacity:.6}.territory-w{fill:#fff;opacity:.8}.dead line{stroke:#d33;stroke-width:6px}.controls{flex-direction:column;gap:8px;display:flex}.controls-row{gap:8px;display:flex}.btn{background:var(--btn);min-height:44px;color:var(--btn-fg);border:0;border-radius:10px;flex:1;padding:0 10px;font-size:16px}.btn:disabled{opacity:.45}.btn-mic{background:var(--accent);color:var(--accent-fg);min-height:52px;font-size:18px;font-weight:600}.btn-accent{background:var(--accent);color:var(--accent-fg);font-weight:600}.btn-inline,.app>.btn{flex:none}.btn-square{flex:0 0 44px;width:44px;padding:0;font-size:22px}.seg{background:var(--btn);border-radius:12px;gap:4px;padding:3px;display:flex}.seg-btn{background:0 0;min-width:44px}.seg-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);font-weight:600}.mode-switch{width:min(100%,220px)}.newgame{background:var(--panel);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.rank-row{align-items:center;gap:8px;display:flex}.rank-value{text-align:center;flex:1;font-size:18px;font-weight:600}.transcript{background:var(--panel);border-radius:10px;flex:1 1 0;min-height:80px;padding:8px 10px;overflow-y:auto}.app:has(.newgame) .transcript{min-height:0}.line{margin:0 0 6px}.line .who{color:var(--muted);font-weight:600}.line-me .who{color:var(--accent)}.line-partial{opacity:.6}.notice{color:var(--accent);margin:0 0 6px;font-weight:600}.chat-input{gap:8px;padding-bottom:4px;display:flex}.chat-field{border:1px solid var(--muted);background:var(--panel);min-width:0;min-height:44px;color:var(--fg);border-radius:10px;flex:1;padding:0 10px;font-size:16px}