: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}.app{width:100%;max-width:1280px;margin:0 auto;overflow-y:auto}.app-header{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex;position:relative}.app-header h1{letter-spacing:.02em;margin:0;font-size:23px}.app-header>.btn{flex:none}.app-header .newgame{z-index:5;width:min(350px,100vw - 16px);position:absolute;top:48px;right:0;box-shadow:0 12px 30px #0002}.game-actions{flex:none}.mutation-busy{z-index:4;background:var(--panel);border-radius:8px;padding:6px 10px;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #0002}.main-grid{flex:1;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:16px;min-height:0;display:grid}.board-column,.conversation{flex-direction:column;gap:8px;min-height:0;display:flex}.board-column .board-wrap{max-height:min(100dvh - 230px,660px)}.conversation{padding:2px 0 4px}.conversation .transcript{min-height:180px}.conversation-input-row{align-items:stretch;gap:8px;display:flex}.conversation-input-row .chat-input{flex:1;min-width:0;padding:0}.voice-button{white-space:nowrap;flex:none}.voice-button-on{background:var(--accent);color:var(--accent-fg)}.chat-field{resize:none;padding:10px;line-height:1.35}.playback-error{color:#9b341f;justify-content:space-between;align-items:center;gap:8px;display:flex}.voice-orb{--level:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex:0 0 112px;align-content:center;justify-items:center;gap:7px;display:grid;position:relative}.voice-orb-core{background:radial-gradient(circle at 35% 30%, #f1dcae, var(--accent));width:82px;height:82px;box-shadow:0 0 calc(12px + var(--level) * 26px) color-mix(in srgb, var(--accent) 60%, transparent);transform:scale(calc(1 + var(--level) * .12));border-radius:50%;transition:transform .1s linear,box-shadow .1s linear;animation:4s ease-in-out infinite orb-idle}.voice-orb-speaking .voice-orb-core{background:radial-gradient(circle at 35% 30%,#fff0c8,#bf6f45)}.voice-orb-thinking .voice-orb-core{animation-duration:1.8s}.voice-orb-connecting .voice-orb-core{opacity:.55}.voice-orb-label{color:var(--muted);font-size:14px}@keyframes orb-idle{50%{transform:scale(calc(1.025 + var(--level) * .12))}}@media (prefers-reduced-motion:reduce){.voice-orb-core{transition:none;animation:none}}.move-history ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;max-height:150px;margin:4px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.move-history li{border-radius:6px;align-items:center;gap:7px;padding:3px 5px;display:flex}.move-last{background:color-mix(in srgb, var(--accent) 14%, transparent);font-weight:600}.move-stone{border:1px solid #777;border-radius:50%;flex:0 0 14px;width:14px;height:14px}.move-B{background:#111}.move-W{background:#fafaf6}.diagnostic-note{margin:3px 0 8px;font-size:13px}.recording-active{align-items:center;gap:8px;display:flex}.recording-dot{background:#bc2d25;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite record-pulse}@keyframes record-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.recording-dot{animation:none}}.recording-result p{margin:4px 0 8px}.download-row{gap:6px;margin-bottom:8px;display:flex}.link-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (width<=720px){.app{gap:5px;height:100dvh;min-height:0;overflow:hidden}.app-header{min-height:44px}.game-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.game-actions .btn{padding:0 4px;font-size:13px}.main-grid{flex-direction:column;flex:1;gap:4px;display:flex}.board-column{flex:1;gap:3px;min-height:100px}.board-column .board-wrap{flex:1;min-height:0;max-height:calc(100vw - 16px)}.conversation{flex:none;gap:4px;min-height:0}.conversation .transcript{flex:1;min-height:0;max-height:none}.chat-collapsed .transcript{display:none}.chat-expanded .conversation{flex:1;min-height:170px}.voice-orb{flex-basis:50px}.voice-orb-core{width:42px;height:42px}.voice-orb-label{font-size:12px}.status-main{-webkit-line-clamp:1;line-clamp:1;height:1.3em;font-size:15px}.status-sub{min-height:16px;font-size:12px}}.board{touch-action:none}.board-preview{opacity:.65;pointer-events:none}.board-preview-label{z-index:2;white-space:nowrap;background:var(--panel);pointer-events:none;border-radius:20px;padding:5px 10px;font-size:13px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0002}.chat-input{border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);background:var(--panel);border-radius:28px;flex:none;align-items:center;padding:5px}.chat-field{background:0 0;border:0;border-radius:20px;max-height:90px}.chat-input .btn{border-radius:50%;place-items:center;display:grid}.chat-toggle{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 32px;justify-content:space-between;align-items:center;padding:2px 10px;display:flex}.voice-orb{flex-direction:row;justify-content:center;align-items:center;gap:12px;display:flex}.line{margin-bottom:12px;line-height:1.5}.line-me{background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-radius:14px;margin-left:24px;padding:8px 10px}.line-goko{padding:2px 4px}.utility-menu{flex:none}.utility-trigger{align-items:center;gap:5px;display:flex}.utility-panel{z-index:8;background:var(--panel);border-radius:16px;width:min(420px,100vw - 24px);max-height:calc(100dvh - 150px);padding:12px;position:fixed;bottom:80px;right:max(12px,50vw - 640px);overflow:auto;box-shadow:0 10px 60px #0004}.utility-panel-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.utility-panel-heading .btn{background:0 0}@media (width<=720px){.app-header{gap:5px}.app-header h1{margin-right:auto;font-size:20px}.app-header .btn{padding:0 8px;font-size:13px}.app-header .btn-square{font-size:24px}}