:root{--color-obsidian: #030712;--color-obsidian-deep: #000000;--color-gold: #eab308;--color-crimson: #ef4444;--color-cyan: #06b6d4;--color-slate: #64748b;--color-text-primary: #ffffff;--color-text-slate: #f8fafc;--color-text-muted: #94a3b8;--font-display: "Orbitron", "Share Tech Mono", "Rajdhani", monospace;--font-mono: "JetBrains Mono", "Fira Code", "Roboto Mono", monospace;--font-body: "Space Grotesk", "Inter", "Outfit", sans-serif;--hud-bg: rgba(3, 7, 18, .78);--hud-border: rgba(6, 182, 212, .35);--hud-shadow: 0 0 0 1px rgba(6, 182, 212, .08), 0 20px 60px rgba(0, 0, 0, .55);--cut: 14px}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--color-obsidian-deep);color:var(--color-text-slate);font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0;background:radial-gradient(ellipse at 50% 30%,#0a1220,#030712 55%,#000);cursor:grab}#webgl-canvas.is-dragging{cursor:grabbing}#webgl-canvas.is-hovering{cursor:pointer}body.is-intro #webgl-canvas{cursor:default}.scanline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(6,182,212,.05) 0px,rgba(6,182,212,.05) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay;opacity:.55}#app{position:relative;z-index:1}.mono{font-family:var(--font-mono)}.hud-header{position:fixed;top:1.5rem;left:1.75rem;z-index:25;padding:.6rem 1.1rem;background:var(--hud-bg);border:1px solid var(--hud-border);border-left:2px solid var(--color-cyan);pointer-events:none;max-width:min(90vw,520px)}.hud-header-line{margin:0;color:var(--color-cyan);font-size:.78rem;letter-spacing:.1em;font-weight:700}.hud-header-sub{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.62rem;letter-spacing:.08em}@media (max-width: 760px){.hud-header-sub{display:none}}.home-btn{position:fixed;top:1.5rem;right:1.75rem;z-index:25;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--color-cyan);background:var(--hud-bg);border:1px solid var(--hud-border);padding:.55rem 1rem;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:all .2s ease}.home-btn:hover{color:var(--color-gold);border-color:var(--color-gold);box-shadow:0 0 14px #eab30859}.time-control{position:fixed;top:5.4rem;right:1.75rem;z-index:25;display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;background:var(--hud-bg);border:1px solid var(--hud-border);font-size:.65rem;letter-spacing:.06em;color:var(--color-text-muted)}.time-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:3px;background:#64748b59;outline:none}.time-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-cyan);box-shadow:0 0 8px #06b6d4cc;cursor:pointer;border:none}.time-control input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--color-cyan);box-shadow:0 0 8px #06b6d4cc;cursor:pointer;border:none}.time-control-value{color:var(--color-cyan);min-width:2.6em}#time-projection{top:8.6rem}#time-projection .time-control-value{color:var(--color-gold);min-width:3.4em}#time-projection input[type=range]::-webkit-slider-thumb{background:var(--color-gold);box-shadow:0 0 8px #eab308cc}#time-projection input[type=range]::-moz-range-thumb{background:var(--color-gold);box-shadow:0 0 8px #eab308cc}@media (max-width: 760px){.time-control{top:auto;bottom:6.5rem;right:1rem}#time-projection{bottom:10.6rem}}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;color:var(--color-cyan);font-size:.85rem;letter-spacing:.14em;opacity:1;transition:opacity .5s ease;pointer-events:none}.loading-indicator.is-hidden{opacity:0}.info-panel{position:fixed;top:50%;right:1.75rem;transform:translateY(-50%) translate(24px);width:min(420px,90vw);max-height:82vh;overflow-y:auto;z-index:30;padding:1.9rem 2rem;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--hud-shadow);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.info-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}@media (max-width: 760px){.info-panel{top:auto;bottom:0;right:0;left:0;width:100%;max-height:60vh;transform:translateY(100%)}.info-panel.is-open{transform:translateY(0)}}.info-panel-close{position:absolute;top:1rem;right:1.1rem;width:30px;height:30px;border:1px solid var(--hud-border);background:#ffffff0d;color:var(--color-text-primary);font-size:1.2rem;line-height:1;cursor:pointer}.info-panel-close:hover{border-color:var(--color-crimson);color:var(--color-crimson)}.info-title{font-size:1.6rem;padding-right:2rem}.eyebrow{color:var(--color-slate);font-size:.7rem;letter-spacing:.16em;margin:0 0 .75rem;text-transform:uppercase}.display-heading{font-family:var(--font-display);font-weight:700;color:var(--color-text-primary);margin:0 0 .9rem;line-height:1.15;letter-spacing:.01em}.body-text{font-family:var(--font-body);font-weight:400;color:var(--color-text-slate);line-height:1.65;margin:0 0 1rem}.subtitle{color:var(--color-text-muted)}.citation{color:var(--color-text-muted);font-size:.68rem;letter-spacing:.03em;margin-top:1.25rem;opacity:.85}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;margin:0 0 1.25rem}.telemetry-grid .full{grid-column:1 / -1}.telemetry-grid dt{color:var(--color-slate);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.2rem}.telemetry-grid dd{margin:0;color:var(--color-text-primary);font-size:.9rem;font-weight:700;line-height:1.35}.site-credit{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:1rem;padding:.5rem 1.4rem .5rem .6rem;background:var(--hud-bg);border:1px solid var(--hud-border);pointer-events:auto;white-space:nowrap}.site-credit-logo{height:34px;width:auto;border-radius:6px;display:block}.site-credit-primary{display:flex;flex-direction:column;line-height:1.25;padding-right:1rem;border-right:1px solid var(--hud-border)}.site-credit-name{font-family:var(--font-display);font-weight:700;font-size:.75rem;color:var(--color-text-primary);letter-spacing:.02em}.site-credit-org{font-size:.64rem;color:var(--color-text-muted)}.site-credit-dot{margin:0 .15rem;opacity:.6}.site-credit-contact{display:flex;align-items:center;gap:.6rem;font-size:.66rem}.site-credit-contact a{color:var(--color-cyan);text-decoration:none;transition:color .2s ease}.site-credit-contact a:hover,.site-credit-contact a:focus-visible{color:var(--color-gold);text-decoration:underline}.site-credit-sep{color:var(--color-text-muted);opacity:.5}@media (max-width: 760px){.site-credit{bottom:.75rem;left:.75rem;right:.75rem;transform:none;width:calc(100% - 1.5rem);flex-wrap:wrap;gap:.6rem;padding:.6rem .9rem;white-space:normal}.site-credit-primary{border-right:none;padding-right:0}.site-credit-contact{flex-wrap:wrap}}.object-nav{position:fixed;top:6.4rem;left:1.75rem;bottom:5.5rem;z-index:22;width:210px;display:flex;flex-direction:column;background:var(--hud-bg);border:1px solid var(--hud-border);border-left:2px solid var(--color-cyan);transition:opacity .3s ease,transform .3s ease}.object-nav-heading{flex:none;margin:0;padding:.7rem 1rem .6rem;font-size:.68rem;letter-spacing:.14em;color:var(--color-cyan);border-bottom:1px solid var(--hud-border)}.object-nav-list{flex:1;overflow-y:auto;padding:.35rem 0}.object-nav-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.42rem 1rem;background:none;border:none;border-left:2px solid transparent;color:var(--color-text-slate);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.object-nav-item:hover{background:#06b6d41a;color:var(--color-text-primary)}.object-nav-item.is-active{background:#06b6d429;border-left-color:var(--color-cyan);color:var(--color-cyan)}.object-nav-dot{flex:none;width:9px;height:9px;border-radius:50%;box-shadow:0 0 6px currentColor}.object-nav-divider{margin:.5rem 1rem .3rem;padding-top:.4rem;border-top:1px solid var(--hud-border);font-size:.6rem;letter-spacing:.12em;color:var(--color-slate)}@media (max-width: 900px){.object-nav{top:auto;bottom:5.5rem;left:.75rem;width:160px;max-height:40vh}}.intro-caption{position:fixed;left:50%;bottom:3.5rem;transform:translate(-50%);z-index:26;margin:0;padding:.6rem 1.4rem;background:var(--hud-bg);border:1px solid var(--hud-border);color:var(--color-cyan);font-size:.8rem;letter-spacing:.12em;text-align:center;white-space:nowrap;opacity:0;transition:opacity .5s ease;pointer-events:none}.intro-caption.is-visible{opacity:1}@media (max-width: 760px){.intro-caption{white-space:normal;width:88vw}}.skip-intro-btn{position:fixed;bottom:1.25rem;right:1.75rem;z-index:26;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--color-text-muted);background:var(--hud-bg);border:1px solid var(--hud-border);padding:.5rem 1rem;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s ease}body.is-intro .skip-intro-btn{opacity:1;pointer-events:auto}.skip-intro-btn:hover{color:var(--color-gold);border-color:var(--color-gold)}.object-nav,.home-btn,.time-control{opacity:1;pointer-events:auto}body.is-intro .object-nav,body.is-intro .home-btn,body.is-intro .time-control{opacity:0;pointer-events:none}.onboarding-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:45;width:min(460px,90vw);padding:1.9rem 2.1rem;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--hud-shadow);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.onboarding-banner.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.onboarding-close{position:absolute;top:1rem;right:1.1rem;width:30px;height:30px;border:1px solid var(--hud-border);background:#ffffff0d;color:var(--color-text-primary);font-size:1.2rem;line-height:1;cursor:pointer}.onboarding-close:hover{border-color:var(--color-gold);color:var(--color-gold)}.onboarding-title{margin:0 0 1.1rem;padding-right:1.5rem;font-size:.95rem;letter-spacing:.08em;color:var(--color-gold)}.onboarding-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;font-size:.82rem;color:var(--color-text-slate);letter-spacing:.02em}.onboarding-key{display:inline-block;min-width:88px;margin-right:.4rem;padding:.15rem .5rem;background:#06b6d424;border:1px solid var(--hud-border);color:var(--color-cyan);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-align:center}