*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#0cf;--cyan-dim:#0cf3;--cyan-glow:#00ccff8c;--bg:#000d1a;--panel:#000a18e6;--text:#e8f4ff;--muted:#4d7a99;--warn:#fa0;--green:#4f8;--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px);--mono:"SF Mono", "Fira Code", "Consolas", monospace}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{position:fixed;inset:0}[hidden]{display:none!important}#permission-screen{background:var(--bg);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow-y:auto}.perm-content{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;display:flex}.artemis-logo svg{width:72px;height:72px;filter:drop-shadow(0 0 12px var(--cyan-glow));animation:3s ease-in-out infinite pulse-logo}@keyframes pulse-logo{0%,to{filter:drop-shadow(0 0 12px var(--cyan-glow))}50%{filter:drop-shadow(0 0 28px var(--cyan-glow))}}.perm-content h1{letter-spacing:.15em;color:var(--cyan);text-transform:uppercase;font-size:2rem;font-weight:700}.tagline{color:var(--muted);text-align:center;font-size:.9rem;line-height:1.6}.perm-list{flex-direction:column;gap:8px;width:100%;display:flex}.perm-item{background:#00ccff0a;border:1px solid #00ccff1f;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.perm-icon{flex-shrink:0;font-size:1.3rem}.perm-item div{flex:1}.perm-item strong{color:var(--text);font-size:.85rem;display:block}.perm-item small{color:var(--muted);font-size:.72rem}.perm-status{font-size:.7rem;font-family:var(--mono);color:var(--muted);text-align:right;flex-shrink:0;min-width:52px}.perm-status.granted{color:var(--green)}.perm-status.denied{color:#f44}.start-btn{background:var(--cyan);color:#000;letter-spacing:.06em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:opacity .2s,transform .1s}.start-btn:active{opacity:.85;transform:scale(.97)}.perm-note{color:var(--muted);text-align:center;font-size:.7rem;line-height:1.6}.perm-note a{color:var(--cyan);text-decoration:none}#loading-screen{background:var(--bg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-content{flex-direction:column;align-items:center;gap:18px;display:flex}.spinner{border:2px solid #00ccff26;border-top-color:var(--cyan);border-radius:50%;width:38px;height:38px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading-msg{color:var(--muted);font-size:.82rem;font-family:var(--mono)}#error-screen{background:var(--bg);justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.error-content{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:340px;display:flex}.error-icon{font-size:2.5rem}.error-content h2{color:var(--warn);font-size:1.1rem}#error-msg{color:var(--muted);font-size:.82rem;line-height:1.6}#ar-view{position:absolute;inset:0}#camera-feed{object-fit:cover;background:var(--bg);width:100%;height:100%;position:absolute;inset:0}#ar-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#hud-top{padding:calc(var(--safe-top) + 12px) 16px 20px;pointer-events:none;background:linear-gradient(#000d1ae0 0%,#0000 100%);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud-left{flex-direction:column;gap:4px;display:flex}.hud-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.mission-badge{font-family:var(--mono);letter-spacing:.18em;color:var(--cyan);align-items:center;gap:7px;font-size:.68rem;font-weight:700;display:flex}.mission-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite blink}.mission-dot.prelaunch{background:var(--warn);box-shadow:0 0 8px var(--warn)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.met{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;font-size:.72rem}.hud-pill{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;background:#000d1ab8;border:1px solid #00ccff2e;border-radius:4px;padding:2px 8px;font-size:.62rem}.hud-pill.good{color:var(--green);border-color:#44ff8840}.hud-pill.warn{color:var(--warn);border-color:#ffaa0040}#launch-banner{top:calc(var(--safe-top) + 56px);pointer-events:none;background:#ffaa001a;border:1px solid #ffaa004d;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;left:12px;right:12px}.launch-icon{flex-shrink:0;font-size:1.4rem}.launch-text{flex:1}.launch-title{font-family:var(--mono);letter-spacing:.14em;color:var(--warn);font-size:.58rem}.launch-countdown{font-family:var(--mono);color:var(--warn);letter-spacing:.04em;font-size:1rem;font-weight:700}.launch-demo-badge{font-family:var(--mono);letter-spacing:.12em;color:#5090ff;border:1px solid #5090ff66;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:.58rem}#hud-bottom{pointer-events:none;background:linear-gradient(#0000 0%,#000d1af0 40%);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}#hud-bottom.panel-open{opacity:0;transform:translateY(60px)}.telem-grid{border-top:1px solid #00ccff1f;grid-template-columns:repeat(3,1fr);padding:14px 8px 4px;display:grid}.telem-cell{flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex}.telem-label{font-size:.52rem;font-family:var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.telem-value{font-size:1.1rem;font-family:var(--mono);color:var(--cyan);letter-spacing:-.02em;font-weight:700;line-height:1.15}.telem-value.sm{font-size:.85rem}.telem-unit{font-size:.5rem;font-family:var(--mono);color:var(--muted);letter-spacing:.1em}.hud-bottom-bar{padding:4px 14px calc(var(--safe-bot) + 8px);pointer-events:all;justify-content:space-between;align-items:center;display:flex}.last-update{font-size:.57rem;font-family:var(--mono);color:var(--muted);opacity:.65;flex:1}.panel-toggle{font-family:var(--mono);letter-spacing:.1em;color:var(--cyan);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #00ccff40;border-radius:5px;padding:4px 10px;font-size:.6rem;transition:background .15s}.panel-toggle:active{background:#00ccff1a}#panel-arrow{transition:transform .3s;display:inline-block}#panel-arrow.open{transform:rotate(180deg)}#mission-panel{-webkit-overflow-scrolling:touch;background:var(--panel);will-change:transform;touch-action:pan-y;-webkit-backdrop-filter:blur(16px);border-top:1px solid #0cf3;border-radius:16px 16px 0 0;max-height:80dvh;padding:8px 0 0;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}#mission-panel.open{transform:translateY(0)}.panel-header{justify-content:center;align-items:center;padding:0 0 12px;display:flex;position:relative}.panel-handle{background:#00ccff40;border-radius:2px;width:36px;height:4px}.panel-close{color:var(--cyan);cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.7;background:0 0;border:none;padding:4px 8px;font-size:1.4rem;line-height:1;position:absolute;top:-4px;right:12px}.panel-section{padding:4px 20px 12px}.panel-section-title{font-family:var(--mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-size:.58rem}.panel-divider{border:none;border-top:1px solid #00ccff14;margin:0 20px}.mission-phase-row{align-items:flex-start;gap:10px;display:flex}.phase-badge{font-family:var(--mono);letter-spacing:.1em;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:.6rem;font-weight:700}.phase-prelaunch{color:var(--warn);background:#ffaa001f;border:1px solid #ffaa004d}.phase-inflight{color:var(--green);background:#44ff881f;border:1px solid #44ff884d}.phase-complete{color:var(--muted);background:#00ccff14;border:1px solid #0cf3}.phase-desc{color:var(--text);font-size:.8rem;line-height:1.45}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:12px;padding-bottom:14px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.tl-dot{z-index:1;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px;position:relative}.tl-dot:after{content:"";background:#00ccff1f;width:1px;height:calc(100% + 4px);position:absolute;top:10px;left:4px}.timeline-item:last-child .tl-dot:after{display:none}.tl-dot.tl-done{background:var(--green);box-shadow:0 0 6px var(--green)}.tl-dot.tl-active{background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:1.5s ease-in-out infinite blink}.tl-dot.tl-future{background:#0cf3;border:1px solid #00ccff4d}.tl-content{flex:1}.tl-label{color:var(--text);font-size:.82rem;line-height:1.3}.tl-time{color:var(--muted);font-size:.7rem;font-family:var(--mono);margin-top:1px}.crew-grid{flex-direction:column;gap:10px;display:flex}.crew-card{align-items:center;gap:12px;display:flex}.crew-avatar{background:var(--cyan-dim);width:36px;height:36px;font-family:var(--mono);color:var(--cyan);letter-spacing:.05em;border:1px solid #00ccff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.crew-name{color:var(--text);font-size:.88rem;font-weight:600}.crew-role{color:var(--muted);margin-top:1px;font-size:.72rem}.specs-grid{flex-direction:column;gap:8px;display:flex}.spec-row{justify-content:space-between;align-items:baseline;display:flex}.spec-label{color:var(--muted);font-size:.78rem}.spec-val{color:var(--text);font-size:.78rem;font-family:var(--mono)}@media (orientation:landscape){.telem-grid{grid-template-columns:repeat(6,1fr);padding:8px 20px 4px}#mission-panel{max-height:90dvh}}