@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&display=swap";:root{--bg-dark:#050811;--panel-bg:#080c18d1;--panel-border:#d4af372e;--accent-gold:#d4af37;--accent-amber:#e8a838;--accent-cyan:#39c5bb;--accent-red:#ff453a;--accent-crimson:#dc143c;--accent-green:#3fb950;--accent-indigo:#1a1a3e;--accent-blue:#4a7fff;--font-display:"Orbitron", "Segoe UI", sans-serif;--font-mono:"Share Tech Mono", "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--scanline:repeating-linear-gradient(0deg, transparent, transparent 2px, #d4af3708 2px, #d4af3708 4px);--holographic-noise:repeating-linear-gradient(135deg, transparent 0px, #d4af3704 1px, transparent 2px, transparent 4px)}*{box-sizing:border-box;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-mono);color:#c9d1d9;overflow:hidden}#loading-overlay{z-index:9999;pointer-events:none;background:radial-gradient(#0a0e1a 0%,#030508 100%);flex-direction:column;justify-content:center;align-items:center;animation:1.2s ease-in 3s forwards loading-fade-out;display:flex;position:fixed;inset:0}.loading-title{font-family:var(--font-display);color:var(--accent-gold);text-shadow:0 0 40px #d4af3799,0 0 80px #d4af374d;letter-spacing:.35em;font-size:3.8rem;font-weight:900;animation:2s ease-in-out infinite alternate loading-glow}.loading-subtitle{font-family:var(--font-display);color:#d4af3799;letter-spacing:.35em;text-transform:uppercase;margin-top:1.2rem;font-size:.85rem}.loading-line{background:linear-gradient(90deg, transparent, var(--accent-gold), transparent);width:200px;height:1px;margin-top:2rem;animation:1.5s ease-in-out infinite loading-line-pulse}@keyframes loading-glow{0%{text-shadow:0 0 30px #d4af3766,0 0 60px #d4af3733}to{text-shadow:0 0 50px #d4af37cc,0 0 100px #d4af3766}}@keyframes loading-line-pulse{0%,to{opacity:.3;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}@keyframes loading-fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}#app-container{width:100vw;height:100vh;position:relative}#app-container:before{content:"";pointer-events:none;z-index:100;background:radial-gradient(#0000 55%,#05081173 85%,#050811d9 100%);position:absolute;inset:0}#app-container:after{content:"";pointer-events:none;z-index:99;background:linear-gradient(#0000004d 0%,#0000 3.5%),linear-gradient(#0000 96.5%,#0000004d 100%);position:absolute;inset:0}canvas{display:block}.crosshair{pointer-events:none;opacity:.55;z-index:10;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background-color:var(--accent-gold);box-shadow:0 0 6px var(--accent-gold);position:absolute}.crosshair:before{width:20px;height:2px;top:9px;left:0}.crosshair:after{width:2px;height:20px;top:0;left:9px}.telemetry-hud{pointer-events:none;z-index:20;flex-direction:column;justify-content:space-between;padding:1.2rem;display:flex;position:absolute;inset:0}.hud-card:before,.hud-star-card:before,.radar-wrapper:before,.hud-era-banner:before{content:"";background:var(--scanline);pointer-events:none;border-radius:inherit;z-index:1;opacity:.5;position:absolute;inset:0}.hud-top-bar{justify-content:space-between;align-items:flex-start;display:flex}.hud-title-group{flex-direction:column;gap:.35rem;display:flex}.hud-sys-label{font-family:var(--font-display);letter-spacing:.18em;color:#d4af3780;text-transform:uppercase;font-size:.6rem;font-weight:500}.hud-era-banner{font-family:var(--font-display);letter-spacing:.1em;background:var(--panel-bg);backdrop-filter:blur(14px);border:1px solid var(--panel-border);border-radius:2px;padding:.5rem 1rem;font-size:.95rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000080}.hud-era-banner:after{content:"";pointer-events:none;border:1px solid #0000;border-color:#d4af374d #0000 #0000 #d4af374d;position:absolute;inset:3px}.hud-era-banner.chaotic{color:var(--accent-amber);border-color:#e8a83873;animation:3s ease-in-out infinite era-chaotic-pulse;box-shadow:0 0 20px #e8a83833,inset 0 0 30px #e8a8380d}.hud-era-banner.stable{color:var(--accent-green);border-color:#3fb95066;box-shadow:0 0 18px #3fb95026,inset 0 0 30px #3fb9500d}@keyframes era-chaotic-pulse{0%,to{border-color:#e8a83859}50%{border-color:#e8a838a6}}.hud-top-right{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.hud-condition-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;background:var(--panel-bg);backdrop-filter:blur(14px);border:1px solid var(--panel-border);border-radius:2px;padding:.35rem .75rem;font-size:.7rem;font-weight:700}.hud-visor-badge{font-family:var(--font-mono);letter-spacing:.08em;background:var(--panel-bg);backdrop-filter:blur(14px);border:1px solid var(--panel-border);color:#a0afc3b3;border-radius:2px;padding:.25rem .6rem;font-size:.65rem;font-weight:700;transition:all .3s}.hud-visor-badge.active{color:var(--accent-cyan);background:#39c5bb1f;border-color:#39c5bb99;box-shadow:0 0 16px #39c5bb59}.badge-temperate{color:var(--accent-green);border-color:#3fb95066}.badge-frost_blizzard{color:#80d4ff;border-color:#80d4ff80}.badge-cryogenic_calm{color:#58a6ff;border-color:#58a6ff66}.badge-heat_wave{color:#ffab70;border-color:#ffab7080}.badge-firestorm{color:var(--accent-crimson);border-color:#dc143c99;animation:1s infinite pulse-crimson}@keyframes pulse-crimson{0%,to{box-shadow:0 0 8px #dc143c66}50%{box-shadow:0 0 25px #dc143ce6}}.hud-sim-timer{font-family:var(--font-mono);color:#d4af3773;letter-spacing:.1em;margin-top:.15rem;font-size:.62rem}.hud-alert-banner{font-size:1rem;font-weight:800;font-family:var(--font-display);letter-spacing:.1em;backdrop-filter:blur(20px);background:#080a12f0;border:2px solid;border-radius:2px;align-self:center;align-items:center;gap:.6rem;padding:.75rem 1.6rem;animation:1.4s infinite alert-pulse;display:flex;position:relative}.alert-icon{color:inherit;justify-content:center;align-items:center;display:flex}.era-icon{justify-content:center;align-items:center;margin-right:.35rem;display:inline-flex}.ctrl-btn svg,.btn-randomize svg,.layer-toggle-btn svg,.focus-btn svg{vertical-align:-2px;margin-right:.25rem;display:inline-block}.focus-btn .icon svg{margin-right:0}@keyframes alert-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.hud-alert-banner.alert-danger{color:var(--accent-crimson);border-color:var(--accent-crimson);animation:1.4s infinite alert-pulse,1s ease-in-out infinite alternate danger-vignette;box-shadow:0 0 40px #dc143c80,0 0 80px #dc143c33,inset 0 0 60px #dc143c14}@keyframes danger-vignette{0%{box-shadow:0 0 40px #dc143c66,0 0 80px #dc143c26}to{box-shadow:0 0 60px #dc143cb3,0 0 120px #dc143c59}}.danger-vignette-overlay{pointer-events:none;z-index:95;background:radial-gradient(#0000 40%,#dc143c26 100%);animation:1.5s ease-in-out infinite alternate vignette-breathe;position:fixed;inset:0}@keyframes vignette-breathe{0%{opacity:.5}to{opacity:1}}.hud-alert-banner.alert-warning{color:var(--accent-amber);border-color:var(--accent-amber);box-shadow:0 0 30px #e8a83859}.hud-alert-banner.alert-success{color:var(--accent-gold);border-color:var(--accent-gold);box-shadow:0 0 30px #d4af3766,0 0 60px #d4af3726}.hidden{display:none!important}.hud-gauges-left{flex-direction:column;gap:.8rem;width:260px;display:flex;position:absolute;top:5.5rem;left:1.2rem}.hud-card{background:var(--panel-bg);backdrop-filter:blur(14px);border:1px solid var(--panel-border);border-radius:2px;padding:.9rem;animation:4s ease-in-out infinite panel-border-glow;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}.hud-card:after{content:"";pointer-events:none;border:1px solid #0000;border-color:#d4af3726 #0000 #0000 #d4af3726;border-radius:1px;position:absolute;inset:4px}@keyframes panel-border-glow{0%,to{border-color:#d4af3726}50%{border-color:#d4af3759}}.card-title{font-family:var(--font-display);color:#d4af37a6;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem;font-size:.58rem;font-weight:600}.temp-readout{align-items:baseline;gap:.3rem;display:flex}.temp-val{font-family:var(--font-display);font-size:2.6rem;font-weight:900;line-height:1;transition:color .4s,text-shadow .4s}.temp-card.glow-freeze .temp-val{color:#80d4ff;text-shadow:0 0 20px #80d4ff99,0 0 40px #80d4ff4d}.temp-card.glow-cold .temp-val{color:#58a6ff;text-shadow:0 0 15px #58a6ff80}.temp-card.glow-habitable .temp-val{color:var(--accent-green);text-shadow:0 0 15px #3fb95066}.temp-card.glow-hot .temp-val{color:var(--accent-amber);text-shadow:0 0 20px #e8a83880,0 0 40px #e8a83833}.temp-card.glow-magma .temp-val{color:var(--accent-crimson);text-shadow:0 0 30px #dc143cb3,0 0 60px #dc143c4d;animation:.8s ease-in-out infinite alternate magma-text-pulse}@keyframes magma-text-pulse{0%{text-shadow:0 0 20px #dc143c80,0 0 40px #dc143c33}to{text-shadow:0 0 40px #dc143ce6,0 0 80px #dc143c66}}.temp-unit{font-family:var(--font-mono);color:#c8d2e180;font-size:1.1rem}.temp-kelvin{font-family:var(--font-mono);color:#8c9baf8c;margin-top:.25rem;font-size:.72rem}.temp-bar-wrapper{background:#ffffff0f;border-radius:0;width:100%;height:4px;margin:.7rem 0 .4rem;position:relative;overflow:hidden}.temp-bar-wrapper:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;animation:3s linear infinite bar-scan;position:absolute;top:0;left:-100%}@keyframes bar-scan{0%{left:-50%}to{left:150%}}.temp-bar{height:100%;transition:width .3s,background .3s}.bar-deep-freeze{background:#80d4ff;box-shadow:0 0 10px #80d4ff}.bar-freezing{background:#58a6ff;box-shadow:0 0 6px #58a6ff}.bar-habitable{background:#3fb950;box-shadow:0 0 8px #3fb950}.bar-scorching{background:var(--accent-amber);box-shadow:0 0 10px var(--accent-amber)}.bar-magma{background:var(--accent-crimson);box-shadow:0 0 15px var(--accent-crimson)}.temp-status{font-family:var(--font-display);letter-spacing:.1em;font-size:.65rem;font-weight:600}.temp-status.deep-freeze{color:#80d4ff}.temp-status.freezing{color:#58a6ff}.temp-status.habitable{color:#3fb950}.temp-status.scorching{color:var(--accent-amber)}.temp-status.magma{color:var(--accent-crimson)}.flux-readout{align-items:baseline;gap:.3rem;display:flex}.flux-val{font-family:var(--font-display);color:var(--accent-gold);font-size:1.6rem;font-weight:700}.flux-unit{font-family:var(--font-mono);color:#8c9baf8c;font-size:.8rem}.suns-summary{font-family:var(--font-mono);color:#aab9cdbf;margin-top:.45rem;font-size:.7rem}.accent{color:var(--accent-gold);font-weight:700}.hud-stars-right{flex-direction:column;gap:.65rem;width:255px;display:flex;position:absolute;top:5.5rem;right:1.2rem}.hud-star-card{background:var(--panel-bg);backdrop-filter:blur(14px);border:1px solid var(--panel-border);border-radius:2px;padding:.7rem;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.hud-star-card:before{content:"";background:var(--scanline);pointer-events:none;border-radius:inherit;z-index:1;opacity:.4;position:absolute;inset:0}.hud-star-card.active-star{border-color:#d4af3766;box-shadow:0 0 12px #d4af371a}.hud-star-card.dormant-star{opacity:.5}.star-card-header{align-items:center;gap:.45rem;margin-bottom:.4rem;display:flex}.star-indicator{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px}.star-name{font-family:var(--font-display);color:#f0f6fc;font-size:.72rem;font-weight:700}.star-spectral{font-family:var(--font-mono);color:#8c9bafa6;margin-left:auto;font-size:.62rem}.star-card-body{font-size:.68rem;font-family:var(--font-mono);color:#a0afc3cc;grid-template-columns:1fr 1fr;gap:.2rem .5rem;display:grid}.star-metric strong{color:#e0e8f0;font-weight:600}.star-card-tags{gap:.3rem;margin-top:.4rem;display:flex}.tag-up{font-family:var(--font-display);color:#3fb950;letter-spacing:.05em;background:#3fb95026;border:1px solid #3fb9504d;border-radius:1px;padding:.15rem .4rem;font-size:.55rem;font-weight:700}.tag-down{font-family:var(--font-display);color:#6e7681;letter-spacing:.05em;background:#6e768126;border:1px solid #6e768140;border-radius:1px;padding:.15rem .4rem;font-size:.55rem}.tag-flying{font-family:var(--font-display);color:var(--accent-amber);letter-spacing:.05em;background:#e8a83826;border:1px solid #e8a8384d;border-radius:1px;padding:.15rem .4rem;font-size:.55rem;font-weight:700}.radar-wrapper{background:var(--panel-bg);backdrop-filter:blur(14px);border:1px solid var(--panel-border);pointer-events:auto;border-radius:2px;flex-direction:column;align-items:center;padding:.7rem;animation:4s ease-in-out infinite panel-border-glow;display:flex;position:absolute;bottom:5.5rem;right:1.2rem;overflow:hidden;box-shadow:0 8px 32px #00000080}.radar-title{font-family:var(--font-display);color:#d4af37a6;letter-spacing:.12em;margin-bottom:.4rem;font-size:.55rem;font-weight:600}.celestial-radar-canvas{border-radius:50%;display:block}.controls-overlay{pointer-events:none;z-index:30;position:absolute;inset:0}.control-bar-bottom{-webkit-backdrop-filter:blur(24px)saturate(1.4);pointer-events:auto;background:#080c18bf;border:1px solid #d4af371f;border-radius:4px;align-items:center;gap:1.2rem;padding:.55rem 1.1rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #0009,inset 0 1px #d4af3714}.ctrl-group{flex-direction:column;gap:.25rem;display:flex}.ctrl-label{font-family:var(--font-display);color:#d4af3780;letter-spacing:.12em;font-size:.5rem;font-weight:600}.ctrl-select{color:#e0e8f0;font-family:var(--font-mono);cursor:pointer;background:#0c101ce6;border:1px solid #d4af3733;border-radius:2px;outline:none;padding:.38rem .6rem;font-size:.72rem;transition:border-color .2s,box-shadow .2s}.ctrl-select:hover{border-color:var(--accent-gold);box-shadow:0 0 8px #d4af3733}.preset-controls-wrapper{align-items:center;gap:.35rem;display:flex}.btn-randomize{color:var(--accent-amber);white-space:nowrap;background:#e8a8381f;border-color:#e8a83859;font-weight:700}.btn-randomize:hover{background:var(--accent-amber);border-color:var(--accent-amber);color:#050811;box-shadow:0 0 16px #e8a83866}#ctrl-visor-btn.active{background:var(--accent-cyan);color:#050811;border-color:var(--accent-cyan);font-weight:700;box-shadow:0 0 14px #39c5bb73}.btn-group{gap:.25rem;display:flex}.ctrl-timewarp-group{min-width:330px}.warp-controls-container{flex-direction:column;gap:.35rem;display:flex}.warp-btn-group{flex-wrap:nowrap;gap:.2rem;display:flex}.warp-btn-group .ctrl-btn{padding:.25rem .45rem;font-size:.66rem}.warp-slider-input-row{align-items:center;gap:.6rem;display:flex}.ctrl-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:#d4af372e;border-radius:0;outline:none;flex:1;height:3px;transition:background .2s}.ctrl-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-gold);cursor:pointer;border:1px solid #fff6;border-radius:50%;width:12px;height:12px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 10px #d4af37b3}.ctrl-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 18px #d4af37e6}.ctrl-slider::-moz-range-thumb{background:var(--accent-gold);cursor:pointer;border:1px solid #fff6;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #d4af37b3}.warp-input-wrapper{background:#0c101cf2;border:1px solid #d4af3733;border-radius:2px;align-items:center;gap:.15rem;padding:.15rem .4rem;display:flex}.ctrl-input-number{width:48px;color:var(--accent-gold);font-family:var(--font-mono);text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;font-size:.75rem;font-weight:700}.ctrl-input-number::-webkit-outer-spin-button,.ctrl-input-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.warp-input-unit{color:#d4af3799;font-size:.68rem;font-family:var(--font-mono);font-weight:700}.ctrl-btn{color:#c0c8d4;font-family:var(--font-mono);cursor:pointer;background:#0c101ce6;border:1px solid #d4af372e;border-radius:2px;padding:.35rem .65rem;font-size:.7rem;transition:all .25s;position:relative}.ctrl-btn:hover{border-color:var(--accent-gold);color:#fff;background:#d4af371a;box-shadow:0 0 10px #d4af3726}.ctrl-btn.active{color:var(--accent-gold);border-color:var(--accent-gold);background:#d4af3733;font-weight:700;box-shadow:0 0 12px #d4af374d}.btn-highlight{color:var(--accent-gold);background:#d4af371a;border-color:#d4af3759;font-weight:700}.btn-highlight:hover{background:var(--accent-gold);color:#050811;box-shadow:0 0 16px #d4af3766}.controls-guide{backdrop-filter:blur(14px);font-size:.66rem;font-family:var(--font-mono);color:#a0afc3bf;pointer-events:none;background:#080c18bf;border:1px solid #d4af371f;border-radius:2px;flex-direction:column;gap:.3rem;padding:.65rem .85rem;animation:12s ease-in-out forwards guide-fade;display:flex;position:absolute;bottom:1.2rem;left:1.2rem}@keyframes guide-fade{0%{opacity:1}70%{opacity:1}to{opacity:0;pointer-events:none}}.guide-title{font-family:var(--font-display);color:#d4af378c;letter-spacing:.12em;margin-bottom:.15rem;font-size:.55rem;font-weight:600}.guide-item kbd{color:var(--accent-gold);font-size:.6rem;font-weight:700;font-family:var(--font-mono);background:#d4af371a;border:1px solid #d4af3740;border-radius:2px;margin-right:.25rem;padding:.1rem .3rem}.view-transition-active:before{content:"";z-index:200;pointer-events:none;background:linear-gradient(#000c 0%,#0000 12%),linear-gradient(#0000 88%,#000c 100%);animation:.8s ease-in-out forwards letterbox-in-out;position:fixed;inset:0}@keyframes letterbox-in-out{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}#app-container{opacity:1}.orrery-nav-toolbar{backdrop-filter:blur(18px);pointer-events:auto;z-index:50;background:#080c18e0;border:1px solid #d4af3759;border-radius:4px;flex-direction:column;align-items:center;gap:.5rem;padding:.6rem 1.1rem;animation:.4s cubic-bezier(.16,1,.3,1) toolbar-drop;display:flex;position:absolute;top:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #000000a6,0 0 20px #d4af3726}@keyframes toolbar-drop{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.orrery-nav-title{align-items:center;gap:.5rem;display:flex}.nav-title-text{font-family:var(--font-display);letter-spacing:.16em;color:#d4af37d9;font-size:.62rem;font-weight:700}.orrery-focus-buttons{align-items:center;gap:.4rem;display:flex}.focus-btn{color:#c9d1d9;font-family:var(--font-mono);cursor:pointer;background:#0f1626d9;border:1px solid #58a6ff40;border-radius:3px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.focus-btn .icon{color:var(--accent-blue);font-size:.85rem}.focus-btn .key-hint{color:#8c9bafa6;font-size:.6rem}.focus-btn:hover{border-color:var(--accent-blue);color:#fff;background:#58a6ff2e;box-shadow:0 0 10px #58a6ff4d}.focus-btn.active{color:#fff;background:#58a6ff4d;border-color:#58a6ff;box-shadow:0 0 15px #58a6ff80}.focus-btn.active .icon{color:#fff}.star-alpha-btn.active{background:#fff5ea40;border-color:#fff5ea;box-shadow:0 0 15px #fff5ea80}.star-beta-btn.active{background:#ffb84d40;border-color:#ffb84d;box-shadow:0 0 15px #ffb84d80}.star-gamma-btn.active{background:#ff453a40;border-color:#ff453a;box-shadow:0 0 15px #ff453a80}.orrery-layer-toggles{align-items:center;gap:.35rem;margin-top:.1rem;display:flex}.layer-toggle-btn{color:#d4af37a6;font-family:var(--font-mono);cursor:pointer;background:#0c101ab3;border:1px solid #d4af3733;border-radius:2px;padding:.2rem .5rem;font-size:.62rem;transition:all .2s}.layer-toggle-btn.active{color:var(--accent-gold);background:#d4af3726;border-color:#d4af378c;box-shadow:0 0 8px #d4af3733}.card-title{justify-content:space-between;align-items:center;display:flex}.hud-meta-row{align-items:center;gap:.4rem;display:flex}.hud-timer-badge{font-size:.68rem;font-family:var(--font-mono);letter-spacing:.06em;color:#d4af37d9;background:var(--panel-bg);backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:2px;padding:.25rem .6rem;font-weight:700}.alert-content{flex-direction:column;gap:.1rem;display:flex}.radar-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:.35rem;display:flex}.star-title-wrap{flex-direction:column;display:flex}