:root{--bg-primary: #070b12;--bg-surface: rgba(15, 23, 42, .85);--bg-surface-elevated: rgba(30, 41, 59, .75);--border-color: rgba(56, 189, 248, .25);--border-glow: rgba(56, 189, 248, .5);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #38bdf8;--accent-amber: #f59e0b;--accent-emerald: #34d399;--accent-rose: #fb7185;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans)}#app-container{position:relative;width:100vw;height:100vh}#canvas-host{position:absolute;inset:0;width:100%;height:100%}.hud-overlay{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;padding:16px;z-index:10}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hud-card{pointer-events:auto;background:#081119ad;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;box-shadow:0 8px 32px #0006,0 0 16px #38bdf81a}.hud-brand{display:flex;align-items:center;gap:12px}.hud-brand h1{font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:var(--accent-cyan);text-transform:uppercase}.badge{font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:4px;background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3);letter-spacing:.08em;text-transform:uppercase}.badge.amber{background:#f59e0b26;color:var(--accent-amber);border-color:#f59e0b4d}.badge.emerald{background:#34d39926;color:var(--accent-emerald);border-color:#34d3994d}.badge.rose{background:#fb718526;color:var(--accent-rose);border-color:#fb71854d}.telemetry-row{display:flex;gap:24px;margin-top:8px}.telemetry-item{display:flex;flex-direction:column;gap:2px}.telemetry-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.05em}.telemetry-value{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.telemetry-value.cyan{color:var(--accent-cyan)}.telemetry-value.amber{color:var(--accent-amber)}.telemetry-value.emerald{color:var(--accent-emerald)}.telemetry-value.rose{color:var(--accent-rose)}.meter-container{width:140px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:4px}.meter-fill{height:100%;width:100%;transition:width .15s ease,background-color .3s ease}.meter-fill.oxygen{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.meter-fill.warning{background:linear-gradient(90deg,#f59e0b,#ef4444);animation:pulseWarning .8s infinite alternate}.meter-fill.hull{background:linear-gradient(90deg,#34d399,#10b981)}@keyframes pulseWarning{0%{opacity:.6}to{opacity:1}}.hud-center{display:flex;justify-content:center;align-items:center;position:relative}.reticle-container{width:180px;height:180px;border:1px dashed rgba(56,189,248,.35);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.reticle-crosshair{width:12px;height:12px;border:1px solid var(--accent-cyan);border-radius:50%}.contact-panel,.objective-callout{position:absolute;background:#020817d1;border:1px solid rgba(34,211,238,.38);color:#bae6fd;font:700 .72rem/1.45 var(--font-mono);letter-spacing:.04em;text-shadow:0 0 10px rgba(56,189,248,.45)}body[data-capture=review] .hud-bottom,body[data-capture=review] .reticle-container,body[data-capture=review] .objective-callout,body[data-capture=review] #dr-modal{opacity:0;pointer-events:none}body[data-capture=review] .hud-top{inset:12px 16px auto;gap:12px}body[data-capture=review] .hud-panel{transform:scale(.72);opacity:.88}body[data-capture=review] .hud-panel:first-child{transform-origin:top left}body[data-capture=review] .hud-panel:last-child{transform-origin:top right}.location-reveal{display:none;position:absolute;left:50%;bottom:24px;width:min(480px,64vw);transform:translate(-50%);text-align:center;color:#f3ead6;text-shadow:0 2px 16px rgba(0,0,0,.95);pointer-events:none}body[data-capture=review] .location-reveal{display:grid;gap:3px}.location-reveal:before{content:"";position:absolute;inset:-24px -72px -20px;z-index:-1;background:radial-gradient(ellipse at center,rgba(4,15,19,.86) 0%,rgba(4,15,19,.34) 52%,transparent 76%)}.location-reveal span,.location-reveal small{color:#8be8eb;font:700 .64rem/1.25 var(--font-mono);letter-spacing:.2em;text-transform:uppercase}.location-reveal strong{font:500 clamp(1.4rem,2.5vw,2.05rem)/1.05 Georgia,"Times New Roman",serif;letter-spacing:.08em;text-transform:uppercase}.location-reveal small{color:#d9b86f;letter-spacing:.13em}.contact-panel{left:0;top:50%;width:min(260px,28vw);padding:10px 12px;border-radius:8px;display:grid;gap:4px}body[data-capture=review] .contact-panel{width:min(220px,23vw);padding:8px 10px;font-size:.62rem;opacity:.82}.contact-panel strong{color:var(--accent-cyan)}.contact-panel span{color:var(--text-secondary);font-weight:500}.objective-callout{bottom:22px;padding:8px 14px;border-radius:999px;color:#fbbf24;border-color:#f59e0b7a}body.is-breached #app-container:after,body.is-low-oxygen #app-container:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;box-shadow:inset 0 0 90px #ef44446b}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.controls-hint{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);line-height:1.6}.controls-hint kbd{background:#ffffff1a;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.2);color:var(--accent-cyan)}.action-buttons{pointer-events:auto;display:flex;gap:10px}.btn{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 18px;border-radius:6px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:44px;min-height:44px;touch-action:none}.btn:hover{background:#38bdf833;border-color:var(--accent-cyan);box-shadow:0 0 12px #38bdf84d}.btn.primary{background:#38bdf840;border-color:var(--accent-cyan);color:#fff}.btn.primary:hover{background:#38bdf866}.modal-backdrop{position:absolute;inset:0;background:#070b12d9;backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:50;pointer-events:auto}.modal-backdrop.active{display:flex}.modal-dialog{background:var(--bg-surface);border:1px solid var(--accent-cyan);box-shadow:0 0 32px #38bdf84d;border-radius:12px;padding:28px 36px;max-width:480px;text-align:center;display:flex;flex-direction:column;gap:16px}.modal-dialog h2{font-size:1.4rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em}.modal-dialog.failure h2{color:var(--accent-rose)}@media(min-width:901px){.touch-move{display:none}}@media(max-width:900px){.hud-overlay{padding:8px}.hud-top{display:grid;grid-template-columns:1fr;gap:6px}.hud-card{padding:8px 10px}.hud-brand h1{font-size:.88rem}.telemetry-row{gap:12px;justify-content:space-between}.telemetry-label{font-size:.56rem}.telemetry-value{font-size:.82rem}.meter-container{width:76px}.controls-hint{display:none}.hud-bottom{justify-content:center}.action-buttons{width:100%;flex-wrap:wrap;justify-content:center;gap:5px}.btn{padding:7px 9px;font-size:.65rem}.contact-panel{top:38%;width:170px;font-size:.58rem}.objective-callout{bottom:82px;max-width:88vw;text-align:center;font-size:.6rem}.reticle-container{width:116px;height:116px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}