@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;500;700;800&family=Sora:wght@400;600;700;800&display=swap";:root{--bg-0: #041113;--bg-1: #0a2327;--surface: rgba(9, 30, 34, .86);--surface-soft: rgba(18, 48, 53, .76);--text: #e6fbfb;--muted: #9ec8cc;--accent: #2dd4bf;--accent-warm: #f59e0b;--danger: #fb7185;--line: rgba(135, 220, 228, .25)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 10% 10%,#184145 0%,transparent 36%),radial-gradient(circle at 85% 15%,#3f2f16 0%,transparent 32%),linear-gradient(155deg,var(--bg-0),var(--bg-1));color:var(--text);font-family:Alegreya Sans,sans-serif}body{overflow:hidden}.shell{position:relative;height:100vh;width:100vw;display:grid;grid-template-columns:minmax(260px,360px) minmax(320px,1fr) minmax(260px,360px);grid-template-rows:auto 1fr auto;gap:16px;padding:16px}.scene{position:absolute;inset:0;z-index:1}.grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.2;background-image:radial-gradient(rgba(255,255,255,.12) .5px,transparent .5px);background-size:2px 2px}.card{position:relative;z-index:3;border:1px solid var(--line);border-radius:20px;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;box-shadow:0 18px 30px #00000047}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;z-index:4}.brand{display:flex;align-items:center;gap:10px}.brand h1{margin:0;font-family:Sora,sans-serif;font-size:1.5rem;letter-spacing:.04em}.brand-mark{width:18px;height:18px;border-radius:50%;background:conic-gradient(from 180deg,var(--accent),var(--accent-warm),var(--danger),var(--accent))}.status{margin:0;color:var(--muted);letter-spacing:.12em;font-size:.8rem}.xr-host button{border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text);padding:10px 14px;font:700 .82rem Sora,sans-serif;letter-spacing:.08em}.eyebrow{margin:0;color:var(--accent);letter-spacing:.12em;font:700 .78rem Sora,sans-serif;text-transform:uppercase}.briefing{grid-column:1;grid-row:2;align-self:start;display:none}.briefing.open{display:block;animation:rise .3s ease}.briefing h2{margin:8px 0;font:800 1.9rem Sora,sans-serif}.onboarding{display:grid;gap:10px;margin:14px 0}.onboarding article{padding:10px;border-radius:14px;background:#08252ad9;border:1px solid rgba(153,236,240,.2)}.onboarding h3{margin:0 0 3px;color:#ccf8f9;font-size:1rem}.onboarding p{margin:0;color:var(--muted);font-size:.95rem}.mission-panel{grid-column:2;grid-row:2;align-self:start}.problem-statement{margin-top:6px;font-size:1.2rem;line-height:1.4}.sub-instructions{margin:12px 0;padding-left:16px;color:var(--muted)}.sub-instructions li{margin-bottom:6px}.answer-row{display:grid;grid-template-columns:1fr auto;gap:10px}.answer-row input{border-radius:12px;border:1px solid var(--line);background:#06181cd9;color:var(--text);padding:10px 12px;font-size:1rem}.feedback{min-height:24px;margin:10px 0;color:#d7f7d0}.panel-actions{display:flex;gap:8px}.missions{grid-column:3;grid-row:2;align-self:start}#mission-list{display:grid;gap:8px;margin-top:10px}.mission-row{border:1px solid var(--line);border-radius:12px;background:#0b2529cc;color:var(--text);padding:10px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.mission-row.active{border-color:#7dd3fc;box-shadow:inset 0 0 0 1px #7dd3fc}.meta-row{margin-top:12px;display:flex;justify-content:space-between;color:var(--muted)}.debrief{grid-column:1 / -1;grid-row:3;display:none}.debrief.open{display:block;animation:rise .32s ease}.action{border:1px solid var(--line);border-radius:12px;color:var(--text);background:#0f2c31cc;padding:10px 14px;cursor:pointer;font:700 .92rem Sora,sans-serif}.action.primary{background:linear-gradient(140deg,#0f766e,#0f9a8e);border-color:#81f3e666}.action.ghost{background:#0c272bcc}.action:hover{transform:translateY(-1px)}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1100px){.shell{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.topbar,.briefing,.mission-panel,.missions,.debrief{grid-column:1;grid-row:auto}body{overflow:auto}.scene{position:fixed}}