:root{--sea:#0b2239;--sea-line:#14324f;--island:#4a5d43;--sonar:#1d4e63;--self:#7fd1ae;--text:#e8eef4;--muted:#92a6b8;--accent:#2d6a8a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--text);background:#05121f;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.5}.screen{max-width:480px;padding:16px 12px calc(24px + env(safe-area-inset-bottom));margin:0 auto}h1{letter-spacing:.08em;margin:0 0 4px;font-size:1.5rem}h2{color:var(--muted);margin:20px 0 8px;font-size:1rem}.tagline{color:var(--muted);margin:0 0 24px}button,select{border:1px solid var(--accent);background:var(--accent);min-height:44px;color:var(--text);border-radius:8px;padding:0 16px;font-family:inherit;font-size:1rem}button:disabled{opacity:.45}button.secondary{background:0 0}select{background:var(--sea);width:100%;margin-bottom:12px}label{color:var(--muted);margin-bottom:4px;display:block}.sea-map-viewport{aspect-ratio:1;border:1px solid var(--sea-line);touch-action:none;border-radius:8px;width:100%;position:relative;overflow:hidden}.sea-map{aspect-ratio:1;background:var(--sea-line);transform-origin:0 0;will-change:transform;grid-template-columns:repeat(32,1fr);gap:1px;width:100%;display:grid}.recenter{background:#05121fd9;padding:0 12px;font-size:.75rem;position:absolute;bottom:8px;right:8px}.cell{background:var(--sea)}.cell.island{background:var(--island)}.cell.sonar{background:var(--sonar)}.cell.self{background:var(--self)}.turn-indicator{margin:0;font-size:1.125rem;font-weight:600}.turn-count,.opponent,.self-sector{color:var(--muted);margin:2px 0;font-size:.875rem}.action-bar{margin-top:16px}.action-heading{color:var(--muted);margin:0 0 8px;font-size:.875rem}.action-grid,.direction-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.result-actions{gap:8px;margin-top:24px;display:grid}.event-log ul{color:var(--muted);margin:0;padding:0;font-size:.875rem;list-style:none}.event-log li{padding:2px 0}.error{color:#ffb4a2;font-size:.875rem}.outcome{text-align:center;margin-top:32px;font-size:2rem}.reason{text-align:center;color:var(--muted)}.checkbox{min-height:44px;color:var(--text);align-items:center;gap:8px;display:flex}.checkbox input{width:20px;height:20px}.elapsed,.remaining,.waiting,.host,.expires,.copied,.unavailable{color:var(--muted);margin:4px 0}.invite-url{word-break:break-all;background:var(--sea);border-radius:8px;padding:12px;font-size:.875rem}.disconnected{color:#ffb4a2;background:#4a2c2c;border-radius:8px;margin:8px 0;padding:8px 12px;font-size:.875rem}.rematch-ready,.rematch-waiting{text-align:center;color:var(--muted)}.forfeit{width:100%;margin-top:24px}.cell.target{background:#3d6f52}.cell.self.target{background:var(--self)}.locale-switcher{justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.locale-switcher .locale{border-color:var(--sea-line);color:var(--muted);background:0 0;padding:0 12px;font-size:.875rem}.locale-switcher .locale.active{border-color:var(--accent);color:var(--text)}.reconnect-screen .countdown{text-align:center;color:var(--text);font-size:1.5rem}.reconnect-screen .frozen{text-align:center;color:var(--muted);margin-bottom:16px}.consent-banner{z-index:100;border-top:1px solid var(--sea-line);padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#0b1f33;position:fixed;bottom:0;left:0;right:0}.consent-banner>*{max-width:480px;margin-left:auto;margin-right:auto}.consent-text{margin:0 0 8px;font-size:.875rem}.consent-link{margin:0 0 12px;font-size:.875rem}.consent-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.site-footer{border-top:1px solid var(--sea-line);margin-top:32px;padding-top:16px;font-size:.875rem}.site-footer ul{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.site-footer a{align-items:center;min-height:44px;display:inline-flex}.lead{color:var(--muted);margin:0 0 24px}.action-list dt{margin-top:12px;font-weight:600}.action-list dd{margin:4px 0 0}.contact-link,.contact-unavailable{align-items:center;min-height:44px;display:inline-flex}.note{color:var(--muted);margin-top:24px;font-size:.875rem}.info-screen h2{margin-top:24px}.info-screen p,.info-screen dd{font-size:.9375rem}.info-updated,.consent-status{color:var(--muted);font-size:.875rem}.cookie-list dt{margin-top:12px;font-weight:600}.cookie-list dd{color:var(--muted);margin:4px 0 0}.info-back{margin-top:32px}a{color:#7fd4ff}