:root{--bg: #000000;--panel: rgba(0, 0, 0, .78);--panel-border: rgba(255, 255, 255, .18);--text: #ffffff;--muted: rgba(255, 255, 255, .55);--dim: rgba(255, 255, 255, .35);--ok: #ffffff;--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#app{position:relative;width:100%;height:100%;height:100dvh}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.btn-clean{position:absolute;top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));z-index:50;font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.4);background:#000000a6;color:#fff;border-radius:2px;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-clean:active{background:#ffffff26}body.cinema-mode .hud-top,body.cinema-mode .hud-left,body.cinema-mode .hud-right,body.cinema-mode .hud-bottom,body.cinema-mode .toast,body.cinema-mode .prompt,body.cinema-mode .look-hint{display:none!important}body.cinema-mode .btn-clean{opacity:.85}.btn.chip.accent{border-color:#ffffff80}.hidden{display:none!important}.look-hint{position:absolute;bottom:calc(20px + var(--safe-b));left:50%;transform:translate(-50%);z-index:5;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);pointer-events:none;background:#00000073;padding:8px 14px;border:1px solid var(--panel-border);border-radius:2px;transition:opacity .6s}.look-hint.fade{opacity:0}.overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;pointer-events:none}.overlay>*{pointer-events:auto}.overlay.panel-screen{background:linear-gradient(105deg,#000000e0,#000000b8 42%,#00000040 70%,#00000026);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-start;align-items:stretch}.briefing-card,.countdown-card,.debrief-card{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:#000000d1;border:1px solid var(--panel-border);border-radius:2px;padding:32px 28px;align-self:center;margin-left:max(8px,var(--safe-l))}.sx-mark{font-size:11px;font-weight:700;letter-spacing:.35em;color:var(--text);margin-bottom:20px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}h1{font-weight:700;font-size:clamp(2.4rem,7vw,3.2rem);letter-spacing:-.02em;line-height:1;color:var(--text)}.tagline{color:var(--muted);font-size:13px;margin:12px 0 22px;line-height:1.5;font-weight:400}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--panel-border)}.brief-grid h3{font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--dim);margin-bottom:6px}.brief-grid p{font-size:13px;color:var(--text);line-height:1.45}.objectives-preview{list-style:none;margin-bottom:18px}.objectives-preview li{position:relative;padding:7px 0 7px 16px;font-size:13px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.06)}.objectives-preview li:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;background:#fff;border-radius:50%;transform:translateY(-50%)}.note{font-size:12px;color:var(--dim);line-height:1.55;margin-bottom:22px}.hint{text-align:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:14px}.btn{font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--text);padding:14px 20px;border-radius:2px;cursor:pointer;min-height:48px;transition:background .15s,color .15s,border-color .15s}.btn:hover{border-color:#fff;background:#ffffff0f}.btn:active{background:#ffffff1f}.btn.primary{width:100%;background:#fff;color:#000;border-color:#fff}.btn.primary:hover{background:#e8e8e8;color:#000}.btn.secondary{opacity:.85}.btn.small{min-height:44px;padding:10px 14px;font-size:11px}.btn.chip{min-height:38px;padding:8px 12px;font-size:10px;letter-spacing:.08em;border-radius:2px;border-color:#ffffff38;background:#00000073}.btn.chip.active{border-color:#fff;background:#fff;color:#000}.big-clock{font-family:var(--font-mono);font-size:clamp(2.4rem,9vw,3.2rem);font-weight:500;color:var(--text);text-align:center;margin:18px 0;letter-spacing:.04em}.status-line{text-align:center;color:var(--muted);font-size:13px;margin-bottom:22px;min-height:1.4em}.countdown-actions{display:flex;flex-direction:column;gap:10px}.hud{position:absolute;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(10px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l))}.hud-top,.hud-left,.hud-bottom,.prompt,.toast{pointer-events:auto}.hud-top{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-start;justify-content:space-between;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);margin:-10px -10px 0;padding:14px 14px 28px}.hud-brand{display:flex;align-items:baseline;gap:12px}.logo{font-size:12px;font-weight:700;letter-spacing:.28em;color:#fff}.mission-name{font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--muted)}.hud-clock,.hud-phase{display:flex;flex-direction:column;gap:3px}.hud-clock .label,.hud-phase .label,.ctrl-label{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.hud-clock .value,.hud-phase .value{font-family:var(--font-mono);font-size:15px;font-weight:500;color:#fff}.hud-phase .value{font-size:12px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}.mono{font-family:var(--font-mono)}.hud-left{position:absolute;top:calc(72px + var(--safe-t));left:calc(10px + var(--safe-l));width:min(230px,44vw);display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 200px);overflow-y:auto}.hud-right{position:absolute;top:calc(72px + var(--safe-t));right:calc(10px + var(--safe-r));width:min(200px,40vw);pointer-events:auto}.radar-panel,.steps-panel,.light-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:2px;padding:10px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:8px}.radar-panel h4,.steps-panel h4,.light-panel h4{font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--dim);margin-bottom:8px}#radar{width:100%;height:auto;display:block;border:1px solid rgba(255,255,255,.1);border-radius:2px;background:#000}.radar-label{font-size:10px;color:var(--muted);margin-top:6px;letter-spacing:.04em}.mission-steps{list-style:none;counter-reset:step;max-height:160px;overflow-y:auto}.mission-steps li{font-size:10px;padding:4px 0 4px 16px;color:var(--dim);position:relative;border-left:2px solid transparent}.mission-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;font-family:var(--font-mono);font-size:9px;color:var(--dim)}.mission-steps li.done{color:var(--muted)}.mission-steps li.active{color:#fff;border-left-color:#fff;padding-left:14px}.slider-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.slider-row input[type=range]{width:100%;accent-color:#fff;cursor:pointer}.telem-block,.objectives-panel,.timeline-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:2px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.telem-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:5px 0;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.06)}.telem-row:last-child{border-bottom:none}.telem-row span:last-child{color:var(--text);font-weight:500}.objectives-panel h4,.timeline-panel h4{font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--dim);margin-bottom:8px}.objectives-panel ul{list-style:none}.objectives-panel li{font-size:11px;padding:4px 0;color:var(--muted);display:flex;gap:8px;align-items:flex-start;line-height:1.35}.objectives-panel li.done{color:#fff}.objectives-panel li .mark{flex-shrink:0;width:12px;font-family:var(--font-mono);font-size:10px}.timeline-list{display:flex;flex-direction:column;gap:2px;max-height:140px;overflow-y:auto}.timeline-item{font-size:10px;font-family:var(--font-mono);padding:5px 6px;color:var(--dim);border-left:2px solid transparent;cursor:pointer;text-align:left;background:transparent;border-top:none;border-right:none;border-bottom:none;width:100%}.timeline-item:hover{color:#fff;background:#ffffff0d}.timeline-item.active{color:#fff;border-left-color:#fff}.timeline-item.done{color:var(--muted)}.toast{position:absolute;top:calc(72px + var(--safe-t));left:50%;transform:translate(-50%);max-width:min(480px,90vw);background:#000000e6;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:12px 18px;border-radius:2px;text-align:center;animation:toastIn .3s ease;z-index:15}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.prompt{position:absolute;bottom:calc(120px + var(--safe-b));left:50%;transform:translate(-50%);width:min(400px,92vw);background:#000000e6;border:1px solid rgba(255,255,255,.3);border-radius:2px;padding:16px;z-index:16;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.prompt p{font-size:13px;margin-bottom:14px;text-align:center;color:var(--text);line-height:1.45}.prompt-actions{display:flex;gap:8px;justify-content:center}.prompt-actions .btn{flex:1}.hud-bottom{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;justify-content:space-between;background:linear-gradient(to top,rgba(0,0,0,.88),transparent);margin:0 -10px -10px;padding:32px 12px 12px}.control-group{display:flex;flex-direction:column;gap:6px}.btn-row{display:flex;flex-wrap:wrap;gap:6px}.debrief-list{list-style:none;margin:18px 0;border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);padding:12px 0}.debrief-list li{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.06)}.debrief-list li:last-child{border-bottom:none}.debrief-list li.done{color:#fff}.debrief-list li .status{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}@media(max-width:700px){.hud-left{width:min(170px,42vw);top:calc(100px + var(--safe-t))}.objectives-panel,.timeline-panel,.steps-panel,.hud-right{display:none}.overlay.panel-screen{background:#000000b8;justify-content:center}.briefing-card,.countdown-card,.debrief-card{margin-left:0}.mission-name{display:none}.btn.chip{min-height:36px;padding:6px 8px;font-size:9px}}@media(max-height:500px)and (orientation:landscape){.objectives-panel,.timeline-panel{display:none}.briefing-card,.countdown-card,.debrief-card{padding:18px;max-height:90dvh}h1{font-size:1.8rem}}