:root{--red:#f36;--red-dim:#ff336626;--red-glow:#ff336659;--gold:#fcd34d;--glass-border:#ff33661f;--glass-bg:#000005cc;--glass-blur:24px;--font-mono:"JetBrains Mono", monospace;--font-display:"Outfit", sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-mono);color:#f0e0e4;background:#000;margin:0;padding:0;overflow:hidden}body:after{content:"";z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff336603 2px 4px);animation:12s linear infinite scanMove;position:fixed;inset:0}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 200px}}.scrollbar-thin::-webkit-scrollbar{width:3px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--red);box-shadow:0 0 6px var(--red);border-radius:2px}.hud-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:4px;position:relative;overflow:hidden}.hud-panel:before,.hud-panel:after{content:"";border-color:var(--red);pointer-events:none;opacity:.7;border-style:solid;width:10px;height:10px;position:absolute}.hud-panel:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.hud-panel:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}#mission-nav{pointer-events:auto;z-index:30;width:min(96%,800px);position:absolute;top:20px;left:50%;transform:translate(-50%)}.mission-nav-inner{-webkit-backdrop-filter:blur(20px);background:#050002e6;border:1px solid #f363;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex;position:relative;box-shadow:0 0 30px #ff33660f,inset 0 0 40px #ff336605}.mission-nav-inner:before{content:"";background:linear-gradient(90deg, transparent, var(--red), transparent);width:40%;height:1px;animation:4s linear infinite navBeam;position:absolute;top:0;left:-40%}@keyframes navBeam{0%{opacity:0;left:-40%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:140%}}.nav-logo-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-dot{border:1px solid var(--red);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;animation:3s ease-in-out infinite logoPulse;display:flex;box-shadow:0 0 12px #f366}@keyframes logoPulse{0%,to{box-shadow:0 0 12px #f366}50%{box-shadow:0 0 24px #f36c,0 0 40px #f363}}.nav-logo-dot-inner{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite dotBeat}@keyframes dotBeat{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.nav-logo-text{font-family:var(--font-display);letter-spacing:.15em;color:#fff;font-size:.85rem;font-weight:900}.nav-logo-text span{color:var(--red)}.nav-links-center{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.nav-link-item{font-family:var(--font-mono);letter-spacing:.18em;color:#ffdce466;text-transform:uppercase;border:1px solid #0000;border-radius:2px;padding:6px 14px;font-size:.65rem;text-decoration:none;transition:all .25s}.nav-link-item:hover{color:#fff;background:#ff33660f;border-color:#f363}.nav-link-active{color:var(--red);background:#ff336614;border-color:#ff336659;box-shadow:0 0 12px #ff336626}.nav-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-ctrl-btn{font-family:var(--font-mono);letter-spacing:.15em;color:#ffdce48c;cursor:pointer;text-transform:uppercase;background:#ff336608;border:1px solid #ff33661f;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.6rem;transition:all .2s;display:inline-flex}.nav-ctrl-btn:hover{color:var(--red);background:#ff336614;border-color:#ff336680;box-shadow:0 0 12px #f363}.nav-ctrl-btn.gravity{color:#fcd34db3;background:#fcd34d0a;border-color:#fcd34d33}.nav-ctrl-btn.gravity:hover{color:var(--gold);background:#fcd34d14;border-color:#fcd34d80;box-shadow:0 0 12px #fcd34d33}.nav-ctrl-btn.exit{color:#ff3366b3;background:#ff33660a;border-color:#f363;text-decoration:none}.nav-ctrl-btn.exit:hover{color:var(--red);background:#ff336614;border-color:#ff336680;box-shadow:0 0 12px #f363}.command-center{pointer-events:auto;width:240px;position:absolute;top:96px;left:20px}.hud-label{font-family:var(--font-mono);letter-spacing:.25em;color:var(--red);text-transform:uppercase;border-bottom:1px solid #ff336626;margin-bottom:12px;padding-bottom:8px;font-size:.6rem}.hud-label:before{content:"// ";opacity:.5}.stat-row{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.65rem;display:flex}.stat-key{color:#ffc8d259;text-transform:uppercase;letter-spacing:.1em}.stat-val{color:#fff;font-weight:700}.stat-live{color:var(--red);animation:2s step-start infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.resume-btn{text-align:center;width:100%;font-family:var(--font-mono);letter-spacing:.2em;color:#ffdce473;text-transform:uppercase;border:1px solid #ff336626;border-radius:2px;margin-top:14px;padding:8px;font-size:.6rem;text-decoration:none;transition:all .25s;display:block}.resume-btn:hover{color:var(--red);background:#ff33660d;border-color:#f366;box-shadow:0 0 14px #ff336626}.ai-hud{pointer-events:auto;width:240px;position:absolute;bottom:24px;left:20px}.hud-bar-track{background:#ffffff0d;border-radius:2px;width:100%;height:3px;margin-bottom:8px;overflow:hidden}.hud-bar-fill{border-radius:2px;height:100%;position:relative}.hud-bar-fill:after{content:"";background:#fff9;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 6px}.solar-nav{pointer-events:auto;max-height:88vh;position:absolute;top:50%;right:20px;overflow-y:auto;transform:translateY(-50%)}.solar-nav-inner{-webkit-backdrop-filter:blur(24px);background:#050002d9;border:1px solid #ff336626;border-radius:4px;min-width:180px;padding:14px 16px;position:relative}.solar-title{font-family:var(--font-mono);letter-spacing:.3em;color:var(--red);text-transform:uppercase;opacity:.7;margin-bottom:16px;font-size:.55rem}.solar-title:before{content:"// ";opacity:.6}.nav-node{cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;gap:10px;width:100%;padding:6px 4px;transition:all .2s;display:flex}.nav-node:hover{background:#ff33660a}.nav-node-dot{border:1px solid;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .2s}.nav-node:hover .nav-node-dot{box-shadow:0 0 8px}.nav-node-label{font-family:var(--font-mono);letter-spacing:.12em;color:#ffc8d266;text-transform:uppercase;font-size:.6rem;transition:color .2s}.nav-node:hover .nav-node-label{color:#fff}.nav-divider{background:#ff33661f;width:1px;height:10px;margin:0 0 0 7px}#planet-detail-panel{-webkit-backdrop-filter:blur(28px);background:#030001f2;border-left:1px solid #ff336626;position:relative;overflow:hidden}#planet-detail-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--red), transparent);height:1px;animation:5s linear infinite panelBeam;position:absolute;top:0;left:0;right:0}@keyframes panelBeam{0%{opacity:0;transform:translate(-100%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(100%)}}#close-planet-btn{color:#f369;cursor:pointer;background:#ff33660a;border:1px solid #f363;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}#close-planet-btn:hover{color:var(--red);border-color:#ff336680;box-shadow:0 0 12px #f363}.ecosystem-card{background:#ff336605;border:1px solid #ff336614;border-radius:3px;padding:14px;transition:all .25s;position:relative;overflow:hidden}.ecosystem-card:before{content:"";background:var(--red);opacity:0;width:2px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.ecosystem-card:hover{background:#ff33660d;border-color:#f363}.ecosystem-card:hover:before{opacity:1}.tech-tag{font-size:.58rem;font-family:var(--font-mono);color:var(--red);letter-spacing:.1em;background:#ff33660f;border:1px solid #ff336626;border-radius:2px;margin-bottom:4px;margin-right:4px;padding:2px 8px;display:inline-block}#dock-launch-btn{color:#ff3366b3;font-family:var(--font-mono);letter-spacing:.2em;cursor:pointer;background:#ff336608;border:1px solid #f363;border-radius:3px;font-size:.7rem;transition:all .25s;position:relative;overflow:hidden}#dock-launch-btn:hover{color:var(--red);border-color:#ff336680;box-shadow:0 0 20px #ff336626}#dock-launch-btn .fill-overlay{background:#ff33660f;transition:transform .3s;position:absolute;inset:0;transform:translateY(100%)}#dock-launch-btn:hover .fill-overlay{transform:translateY(0)}@keyframes bootPulse{0%,to{opacity:.5}50%{opacity:1;text-shadow:0 0 10px var(--red)}}.boot-text-glitch{animation:2s infinite bootPulse}@keyframes corePulse{0%,to{box-shadow:0 0 20px #f363}50%{box-shadow:0 0 50px #f369}}.core-active-pulse{animation:3s infinite corePulse}#orbit-instructions{font-family:var(--font-mono);letter-spacing:.3em;color:#ff33664d;text-transform:uppercase;font-size:.58rem}@media (width<=768px){.command-center,.ai-hud{display:none}.solar-nav{right:8px}.solar-nav-inner{min-width:140px;padding:10px 12px}.nav-node-label{font-size:.55rem}#planet-detail-panel{width:100%!important}}