:root{--green-bright: #00ff00;--green-medium: #00cc00;--green-dim: #009900;--green-dark: #004400;--green-glow: rgba(0, 255, 0, .3);--blue-bright: #4488ff;--blue-glow: rgba(68, 136, 255, .4);--moon-gray: #aaaaaa;--moon-glow: rgba(170, 170, 170, .3);--orion-color: #00ff00;--black: #000000;--scan-line-opacity: .05}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--black);color:var(--green-bright);font-family:VT323,monospace;font-size:18px;line-height:1.2}#app{width:100%;height:100%;display:flex;flex-direction:column;padding:10px;position:relative}#app:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}#app:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px #00ff001a;pointer-events:none;z-index:999}.header{text-align:center;padding:8px 0;border:1px solid var(--green-medium);margin-bottom:8px;text-shadow:0 0 10px var(--green-glow)}.header h1{font-size:28px;font-weight:400;letter-spacing:4px}.main-content{flex:1;display:flex;gap:8px;min-height:0}.map-container{flex:1;border:1px solid var(--green-medium);position:relative;overflow:hidden;min-height:0;animation:flicker .15s infinite}.mission-map{width:100%;height:100%;background-color:var(--black)}.distance-ring{fill:none;stroke:var(--green-dark);stroke-width:.5;stroke-dasharray:4,4;opacity:.5}.distance-ring-label{font-family:VT323,monospace;font-size:10px;fill:var(--green-dark);opacity:.6}.grid-axis{stroke:var(--green-dark);stroke-width:.5;opacity:.3}.earth-glow{fill:var(--blue-glow);opacity:.5}.earth-body{fill:var(--blue-bright);stroke:var(--blue-bright);stroke-width:1;filter:drop-shadow(0 0 4px var(--blue-glow))}.earth-label{fill:var(--blue-bright)}.moon-glow{fill:var(--moon-glow);opacity:.4}.moon-body{fill:var(--moon-gray);stroke:var(--moon-gray);stroke-width:1;filter:drop-shadow(0 0 3px var(--moon-glow))}.moon-label{fill:var(--moon-gray)}.body-label{font-family:VT323,monospace;font-size:12px;text-shadow:0 0 5px currentColor}.orion-label{fill:var(--green-bright)}.spacecraft-icon{filter:drop-shadow(0 0 5px var(--green-bright))}.spacecraft-body{fill:var(--green-bright);stroke:var(--green-bright);stroke-width:1}.spacecraft-panel{fill:none;stroke:var(--green-bright);stroke-width:1}.spacecraft-marker{transition:transform .1s ease-out}.trajectory-past{fill:none;stroke:var(--green-dim);stroke-width:1.5;stroke-dasharray:4,3;opacity:.6}.trajectory-future{fill:none;stroke:var(--green-bright);stroke-width:1.5;opacity:.8}.distance-line{stroke-width:.5;stroke-dasharray:3,3;opacity:.4}.earth-distance-line{stroke:var(--blue-bright)}.moon-distance-line{stroke:var(--moon-gray)}.distance-label{font-family:VT323,monospace;font-size:9px;fill:var(--green-dim);text-anchor:middle;opacity:.7}.moon-orbit-arc{fill:none;stroke:var(--moon-gray);stroke-width:1;stroke-dasharray:6,4;opacity:.45}.telemetry-panel{width:220px;border:1px solid var(--green-medium);padding:12px;display:flex;flex-direction:column;gap:2px;overflow:hidden;flex-shrink:0}.telemetry-title{text-align:center;font-size:20px;letter-spacing:3px;padding-bottom:8px;border-bottom:1px solid var(--green-dark);margin-bottom:8px;text-shadow:0 0 10px var(--green-glow)}.telemetry-row{display:flex;flex-direction:column;padding:4px 0;border-bottom:1px solid rgba(0,68,0,.3)}.telemetry-label{font-size:12px;color:var(--green-dim);letter-spacing:1px}.telemetry-value{font-size:18px;color:var(--green-bright);text-shadow:0 0 5px var(--green-glow);word-break:break-all}@keyframes telemetry-flash{0%{border-color:var(--green-medium)}30%{border-color:#fff;box-shadow:inset 0 0 15px #00ff0026}to{border-color:var(--green-medium);box-shadow:none}}.telemetry-updating{animation:telemetry-flash .5s ease-out}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;border:1px solid var(--green-medium);margin-top:8px;font-size:16px;text-shadow:0 0 5px var(--green-glow)}.status-section{display:flex;gap:15px;align-items:center}.status-item{white-space:nowrap}.status-item.error{color:#f44;text-shadow:0 0 5px rgba(255,68,68,.5)}.toggle-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:1px solid var(--green-dim);color:var(--green-dim);font-family:VT323,monospace;font-size:14px;cursor:pointer;transition:all .2s ease;opacity:.5}.toggle-btn:hover{border-color:var(--green-medium);color:var(--green-medium);opacity:.8}.toggle-btn.active{border-color:var(--green-bright);color:var(--green-bright);opacity:1}.timezone-toggle{min-width:60px;justify-content:center}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.98}15%{opacity:.96}20%{opacity:.99}to{opacity:.98}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:24px;animation:blink 1s infinite}@media (max-width: 768px){.header h1{font-size:20px;letter-spacing:2px}.main-content{flex-direction:column}.telemetry-panel{width:100%;flex-direction:row;flex-wrap:wrap;gap:8px}.telemetry-title{width:100%}.telemetry-row{flex:1;min-width:120px}.status-bar{flex-direction:column;gap:6px}.status-section{justify-content:center}}