:root{--void: #05060a;--cosmos: #0d1117;--nebula: #1c1f26;--starlight: #e6edf3;--stardust: #7d8590;--sol: #f4a623;--ice: #58a6ff;--pulse: #f97316}@font-face{font-family:JetBrains Mono;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPVmUsaaDhw.woff2) format("woff2");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--void);font-family:JetBrains Mono,monospace;color:var(--starlight)}#canvas{width:100%;height:100%;display:block}#title-card{position:fixed;top:40px;left:40px;z-index:10;pointer-events:none;opacity:0;transform:translateY(-20px);animation:fadeSlideIn 1.2s ease-out .5s forwards}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}#title-card .title{font-family:Playfair Display,Georgia,serif;font-size:48px;font-weight:400;color:var(--starlight);letter-spacing:.02em;margin:0 0 16px;text-shadow:0 2px 20px rgba(0,0,0,.5)}#title-card .stats{display:flex;flex-direction:column;gap:8px}#title-card .stat-row{display:flex;align-items:baseline;gap:8px;opacity:0;transform:translate(-10px);animation:fadeSlideInLeft .8s ease-out forwards}#title-card .stat-row:nth-child(1){animation-delay:1s}#title-card .stat-row:nth-child(2){animation-delay:1.2s}@keyframes fadeSlideInLeft{to{opacity:1;transform:translate(0)}}#title-card .stat-value{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--starlight)}#title-card .stat-label{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--stardust)}#title-card .stat-row.hidden{display:none}#body-facts{margin:16px 0;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);max-width:280px;opacity:0;transform:translate(-10px);animation:fadeSlideInLeft .8s ease-out 1.4s forwards;transition:opacity .5s ease}#body-facts.transitioning{opacity:.3}.fact-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:11px}.fact-label{color:var(--stardust);text-transform:uppercase;letter-spacing:.05em}.fact-value{color:var(--starlight)}.fact-highlight{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font-family:JetBrains Mono,monospace;font-size:11px;font-style:italic;color:var(--ice);line-height:1.5}#settings-container{position:fixed;top:20px;right:20px;z-index:1000}.settings-btn{width:40px;height:40px;border-radius:50%;background:#14141eb3;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;backdrop-filter:blur(10px)}.settings-btn:hover{background:#282832cc;border-color:#ffffff4d;color:#ffffffe6}.settings-btn svg{transition:transform .3s}.settings-btn:hover svg{transform:rotate(30deg)}.settings-panel{position:absolute;top:50px;right:0;min-width:180px;background:#14141ee6;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px;backdrop-filter:blur(10px);opacity:1;transform:translateY(0);transition:opacity .2s,transform .2s}.settings-panel.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.settings-title{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:12px;color:#fffc;transition:color .2s}.settings-option:hover{color:#fff}.settings-option input[type=checkbox]{width:16px;height:16px;accent-color:#4ade80;cursor:pointer}.settings-section{margin-bottom:12px}.settings-section:last-child{margin-bottom:0}.menu-mission-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;color:#ffffffd9;transition:all .2s}.menu-mission-btn:hover{background:#ffffff1a;border-color:#fff3}.menu-mission-btn .mission-icon{color:#60a5fa}.menu-mission-btn .mission-tag{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;background:#60a5fa33;color:#60a5fa;border-radius:3px}#settings-container.earth-only-hidden{display:none}.satellite-toggle .toggle-icon{font-size:10px;color:#4ade80;transition:color .2s}.satellite-toggle.off .toggle-icon{color:#6b7280}#journey-dock{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:flex-start;gap:40px;opacity:0;transform:translate(-50%) translateY(10px);animation:dockSlideIn .6s ease-out 1.5s forwards}@keyframes dockSlideIn{to{opacity:1;transform:translate(-50%) translateY(0)}}.dock-group{display:flex;flex-direction:column;gap:8px}.dock-group-header{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--stardust);opacity:.6;cursor:pointer;padding:4px 0;user-select:none;transition:opacity .2s ease}.dock-group-header:hover{opacity:1}.dock-group-header:before{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--stardust);margin-right:8px;vertical-align:middle;transition:transform .2s ease}.dock-group.collapsed .dock-group-header:before{transform:rotate(-90deg)}.dock-group-items{display:flex;flex-direction:row;gap:20px;overflow:hidden;max-height:50px;transition:max-height .3s ease,opacity .3s ease}.dock-group.collapsed .dock-group-items{max-height:0;opacity:0;pointer-events:none}.dock-item{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .2s ease;opacity:.5}.dock-item:hover{opacity:.8}.dock-item.active{cursor:default;opacity:1}.dock-indicator{width:6px;height:6px;border-radius:50%;background:var(--stardust);transition:background .3s ease,transform .3s ease}.dock-item.active .dock-indicator{background:var(--starlight);transform:scale(1.2)}.dock-name{font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:400;color:var(--starlight);letter-spacing:.02em}.dock-distance{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--stardust);opacity:.7}.dock-divider{display:none}#title-card .title{transition:opacity .8s ease,transform .8s ease}#title-card .title.transitioning{opacity:.15;transform:translateY(-5px)}#hud{position:fixed;bottom:32px;left:32px;z-index:10;pointer-events:none}#info-card{position:fixed;top:50%;right:0;transform:translateY(-50%) translate(100%);z-index:20;transition:transform .3s ease-out,opacity .3s ease-out;opacity:0;pointer-events:none}#info-card.visible{transform:translateY(-50%) translate(0);opacity:1;pointer-events:auto}.info-card-content{position:relative;background:var(--cosmos);border:1px solid var(--nebula);border-radius:8px 0 0 8px;padding:24px;min-width:280px;max-width:320px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:-4px 0 24px #0006}.info-card-close{position:absolute;top:12px;right:12px;width:28px;height:28px;background:transparent;border:1px solid var(--nebula);border-radius:4px;color:var(--stardust);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s}.info-card-close:hover{background:var(--nebula);color:var(--starlight);border-color:var(--stardust)}.info-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.info-card-category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.info-card-category{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--stardust)}.info-card-name{font-size:16px;font-weight:400;color:var(--starlight);margin-bottom:20px;line-height:1.3;padding-right:24px}.info-card-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-card-stat{display:flex;justify-content:space-between;align-items:baseline}.info-card-stat-label{font-size:12px;color:var(--stardust)}.info-card-stat-value{font-size:13px;color:var(--starlight)}.info-card-link{display:inline-block;font-size:12px;color:var(--ice);text-decoration:none;padding:8px 12px;border:1px solid var(--nebula);border-radius:4px;transition:background .2s,border-color .2s}.info-card-link:hover{background:var(--nebula);border-color:var(--ice)}#mission-preview{display:none!important}#mission-preview-unused{position:fixed;top:40px;right:40px;z-index:15;opacity:0;transform:translateY(-10px);animation:fadeSlideIn .8s ease-out 2s forwards}.mission-start-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#0d1117cc;border:1px solid var(--nebula);border-radius:8px;color:var(--starlight);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease}.mission-start-btn:hover{background:#1c1f26e6;border-color:var(--ice);transform:translateY(-2px);box-shadow:0 8px 32px #58a6ff33}.mission-icon{font-size:18px;color:var(--ice)}.mission-label{font-family:Playfair Display,Georgia,serif;font-size:14px;letter-spacing:.05em}#mission-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;justify-content:space-between;padding:60px;pointer-events:none;transition:opacity .5s ease}#mission-overlay.hidden{opacity:0;pointer-events:none}#mission-overlay>*{pointer-events:auto}.mission-header{opacity:0;transform:translateY(-20px);animation:missionFadeIn 1s ease-out .3s forwards}@keyframes missionFadeIn{to{opacity:1;transform:translateY(0)}}.mission-badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.2em;color:var(--ice);background:#58a6ff1a;border:1px solid rgba(88,166,255,.3);padding:6px 14px;border-radius:4px;margin-bottom:20px}.mission-title{font-family:Playfair Display,Georgia,serif;font-size:72px;font-weight:400;color:var(--starlight);letter-spacing:.02em;margin:0 0 12px;text-shadow:0 4px 40px rgba(0,0,0,.5)}.mission-tagline{font-family:Playfair Display,Georgia,serif;font-size:20px;font-style:italic;color:var(--stardust);letter-spacing:.02em}.mission-phase{position:absolute;left:60px;bottom:180px;max-width:480px;opacity:0;transform:translate(-20px)}.mission-phase.animate{animation:phaseSlideIn .8s ease-out forwards}@keyframes phaseSlideIn{to{opacity:1;transform:translate(0)}}.phase-number{font-family:JetBrains Mono,monospace;font-size:64px;font-weight:300;color:#58a6ff33;line-height:1;margin-bottom:-20px}.phase-name{font-family:Playfair Display,Georgia,serif;font-size:36px;font-weight:400;color:var(--starlight);margin:0 0 8px}.phase-subtitle{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.1em;color:var(--ice);text-transform:uppercase;margin-bottom:16px}.phase-description{font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.7;color:var(--stardust)}.mission-progress{position:absolute;bottom:60px;left:60px;right:60px}.progress-bar{height:2px;background:#7d85904d;border-radius:1px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--ice),var(--sol));border-radius:1px;transition:width .3s ease}.progress-stats{display:flex;gap:40px}.progress-stats .stat{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--stardust)}.progress-stats .stat strong{color:var(--starlight);font-weight:400}.mission-controls{position:absolute;top:60px;right:60px}.control-btn{font-family:JetBrains Mono,monospace;font-size:12px;padding:10px 20px;background:#0d1117cc;border:1px solid var(--nebula);border-radius:6px;color:var(--stardust);cursor:pointer;backdrop-filter:blur(12px);transition:all .2s ease}.control-btn:hover{background:var(--nebula);color:var(--starlight);border-color:var(--stardust)}.mission-active #title-card,.mission-active #journey-dock,.mission-active #mission-preview .mission-start-btn{opacity:0!important;pointer-events:none!important;transition:opacity .5s ease}