:root{color:#eaf3ee;background:#0d1a1c;font-family:Segoe UI,system-ui,sans-serif}html,body,#root{touch-action:none;height:100%;margin:0;overflow:hidden}main{height:100%;position:relative}.hud{z-index:2;pointer-events:none;background:#14323ccc;border:1px solid #21424d;border-radius:12px;max-width:min(420px,100% - 32px);padding:12px 14px;position:absolute;top:16px;left:16px}.region{margin:6px 0 0;font-size:1.25rem;font-weight:700}.sign{color:#f4fff8;white-space:nowrap;background:#14323ccc;border-radius:999px;padding:4px 8px;font:600 13px Segoe UI,system-ui,sans-serif;display:inline-block}.joystick{z-index:3;left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));touch-action:none;background:#0e242866;border:2px solid #d5e7dc88;border-radius:50%;width:128px;height:128px;position:absolute}.joystick-knob{background:#e7f6ee;border-radius:50%;width:40px;height:40px;position:absolute;top:44px;left:44px}.move-actions{z-index:4;right:max(16px, env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute}h1{letter-spacing:.01em;margin:0;font-size:1.05rem;font-weight:650}.status{color:#9db5ad;margin:6px 0 0;font-size:.85rem}.offline-banner{color:#f0c27a;margin:8px 0 0;font-size:.85rem;font-weight:700}.fallback{max-width:42rem;margin:0;padding:24px}canvas{display:block}.login-open,.login-card,.callsign{z-index:4;top:16px;right:max(16px, env(safe-area-inset-right));position:absolute}.login-open,.callsign{color:#eaf3ee;background:#14323ccc;border:0;border-radius:999px;margin:0;padding:8px 12px;font:700 .9rem Segoe UI,system-ui,sans-serif}.login-card{background:#132628ee;border:1px solid #21424d;border-radius:12px;gap:8px;width:min(240px,100% - 32px);padding:12px;display:grid}.login-card input{box-sizing:border-box;width:100%;margin-top:4px;padding:6px 8px;display:block}.talk{z-index:4;right:max(16px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));color:#0d1a1c;background:#9be7c4;border:0;border-radius:999px;min-height:44px;padding:12px 18px;font:700 1rem Segoe UI,system-ui,sans-serif;position:absolute}.sheet-backdrop{z-index:6;background:#0d1a1ccc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow:auto}.sheet{color:#eaf3ee;background:#132628;border:1px solid #21424d;border-radius:16px;flex-direction:column;gap:12px;width:min(560px,100%);max-height:100%;padding:18px;display:flex;overflow:auto}.sheet-head,.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet h2,.kicker{margin:0}.kicker,.exam-kicker{color:#9be7c4;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.btn{color:#0d1a1c;background:#9be7c4;border:0;border-radius:999px;min-height:44px;padding:10px 16px;font:700 .95rem Segoe UI,system-ui,sans-serif}.btn.secondary{color:#eaf3ee;background:0 0;border:1px solid #9db5ad}.btn:disabled{opacity:.6}.field{gap:12px;margin-top:12px;display:grid}.tank{background:#d7e6ea;border:3px solid #d5e7dc;width:120px;height:160px;position:relative;overflow:hidden}.tank-water{background:#3e86b0;position:absolute;bottom:0;left:0;right:0}.minutes{gap:6px;display:grid}.minutes input{border:1px solid #21424d;border-radius:8px;padding:8px 10px;font:1rem Segoe UI,system-ui,sans-serif}.note{color:#ffb547;margin:8px 0 0}.coded{letter-spacing:.14em;margin:8px 0;font:700 1.4rem Georgia,Iowan Old Style,serif}.portrait{color:#0d1a1c;background:linear-gradient(#d7efe4,#7fbfa4);border-radius:16px;place-items:center;width:88px;height:116px;font-size:2rem;font-weight:800;display:grid;box-shadow:inset 0 0 0 3px #14323c}.dialogue-stage{background:#0c1e22;border:1px solid #3d5c58;border-radius:16px;grid-template-columns:88px 1fr;align-items:start;gap:12px;margin:8px 0 4px;padding:12px;display:grid}.nameplate{color:#f0c27a;margin:0 0 6px;font-weight:800}.line{margin:6px 0}.quest-tracker{z-index:4;pointer-events:none;background:#132628ee;border:1px solid #21424d;border-radius:14px;gap:2px;width:min(280px,100% - 32px);padding:8px 12px;display:grid;position:absolute;top:72px;left:50%;transform:translate(-50%)}.quest-tracker-title{margin:0;font-weight:800}.quest-tracker-detail{color:#9db5ad;margin:0;font-size:.82rem}.pairs{margin:8px 0;padding-left:18px}.choice{text-align:left;border-radius:12px}.exam-paper{color:#1c1915;background:#f6f1e4;border-radius:4px;margin-top:12px;padding:18px;font-family:Georgia,Iowan Old Style,serif}.exam-timer{color:#8a5a12;margin:4px 0 10px;font-family:Segoe UI,system-ui,sans-serif;font-size:.85rem}.exam-stem{margin:0 0 12px;font-size:1.05rem;line-height:1.45}.exam-options{gap:8px;display:grid}.exam-option{text-align:left;color:#1c1915;background:#fffdf8;border:1px solid #c9bfa8;padding:8px 10px;font:1rem Georgia,Iowan Old Style,serif}.debrief-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.debrief-list li{gap:2px;display:grid}.debrief-list .is-correct strong{color:#1d6b45}.debrief-list span{color:#4d463b;font-size:.92rem}.social{z-index:4;left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:#132628ee;border:1px solid #21424d;border-radius:14px;gap:6px;width:min(640px,100% - 280px);padding:8px 10px;display:grid;position:absolute;transform:translate(-50%)}.social-row{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#eaf3ee;background:#0e2428;border:1px solid #3d5c58;border-radius:999px;min-height:44px;padding:8px 12px;font:600 .82rem Segoe UI,system-ui,sans-serif}.chip[aria-pressed=true]{color:#1a140c;background:#c9843a;border-color:#c9843a}.class-challenge{z-index:4;color:#1a140c;background:#c9843a;border-radius:999px;margin:0;padding:8px 12px;font-weight:700;position:absolute;top:64px;left:220px}.boards-open,.wardrobe-open{z-index:4;color:#eaf3ee;background:#14323ccc;border:0;border-radius:999px;padding:8px 12px;font:700 .9rem Segoe UI,system-ui,sans-serif;position:absolute;top:16px;left:220px}.wardrobe-open{left:320px}.quality-toggle{z-index:4;color:#eaf3ee;background:#14323ccc;border:0;border-radius:999px;min-height:44px;padding:8px 12px;font:700 .9rem Segoe UI,system-ui,sans-serif;position:absolute;top:16px;left:440px}.phrase-log{color:#d7c4a2;min-height:1.2em;margin:0;padding:0;font-size:.85rem;list-style:none}.onboard{z-index:6;top:168px;left:max(16px, env(safe-area-inset-left));background:#132628f2;border:1px solid #21424d;border-radius:14px;gap:8px;width:min(300px,100% - 32px);padding:12px 14px;display:grid;position:absolute}.onboard h2{margin:0;font-size:1.05rem}.onboard p{margin:0}.login-open,.boards-open,.wardrobe-open{min-height:44px}@media (width<=720px){.joystick{width:148px;height:148px}.joystick-knob{width:44px;height:44px;top:52px;left:52px}.social{width:calc(100% - 24px);bottom:calc(168px + env(safe-area-inset-bottom))}.talk{bottom:calc(96px + env(safe-area-inset-bottom))}.move-actions{bottom:calc(156px + env(safe-area-inset-bottom))}.quality-toggle{top:68px;left:auto;right:max(16px, env(safe-area-inset-right))}}