@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";:root{--font-display:"Orbitron", monospace;--font-body:"Inter", -apple-system, sans-serif;--accent:#00e5ff;--accent-glow:#00e5ff4d;--accent-dim:#00e5ff14;--bg-panel:#080c14bf;--border:#00e5ff26;--text-main:#e8edf5;--text-muted:#6b7a90}body{font-family:var(--font-body);color:var(--text-main);-webkit-font-smoothing:antialiased;background:#080c14;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}.app-container{width:100vw;height:100vh;position:relative}.canvas-container{z-index:1;position:absolute;inset:0}.ui-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;padding:2rem 2.5rem;display:flex;position:absolute;inset:0}.header{justify-content:space-between;align-items:flex-start;animation:.8s cubic-bezier(.16,1,.3,1) slideDown;display:flex}.brand{flex-direction:column;gap:.3rem;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;color:var(--text-main);margin:0;font-size:1.8rem;font-weight:800}.brand h1 span{color:var(--accent)}.brand p{color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:500}.status-badge{pointer-events:auto;background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);letter-spacing:2px;text-transform:uppercase;color:var(--accent);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.65rem;font-weight:600;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.bottom-bar{justify-content:space-between;align-items:flex-end;gap:1.5rem;animation:.8s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.specs-panel{pointer-events:auto;background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:12px;min-width:220px;padding:1.5rem}.specs-panel h3{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.65rem;font-weight:700}.spec-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.spec-row:last-child{border-bottom:none}.spec-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.7rem}.spec-value{font-family:var(--font-display);color:var(--text-main);font-size:.75rem;font-weight:600}.controls-panel{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:.6rem;display:flex}.control-group{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:12px;min-width:200px;padding:1rem 1.2rem}.control-group h4{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin:0 0 .8rem;font-size:.55rem;font-weight:700}.toggle-row{justify-content:space-between;align-items:center;padding:.3rem 0;display:flex}.toggle-label{color:var(--text-muted);letter-spacing:.5px;font-size:.7rem}.toggle-btn{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:100px;width:36px;height:20px;padding:0;transition:all .3s;position:relative}.toggle-btn.active{background:var(--accent-dim);border-color:var(--accent)}.toggle-btn:after{content:"";background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px}.toggle-btn.active:after{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);left:18px}.planet-selector{grid-template-columns:1fr 1fr 1fr;gap:.4rem;display:grid}.planet-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .4rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.planet-icon{font-size:1.2rem;transition:transform .3s}.planet-name{font-size:.55rem;font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-weight:500;transition:color .3s}.planet-btn:hover{background:#00e5ff0d;border-color:#00e5ff33;transform:translateY(-2px)}.planet-btn:hover .planet-icon{transform:scale(1.15)}.planet-btn:hover .planet-name{color:var(--text-main)}.planet-btn.active{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 16px #00e5ff1f}.planet-btn.active .planet-name{color:var(--accent)}.planet-desc{color:var(--text-muted);letter-spacing:.5px;text-align:center;margin:.6rem 0 0;font-size:.6rem;font-style:italic}.mode-buttons{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.mode-btn{color:var(--text-muted);font-size:.65rem;font-family:var(--font-body);letter-spacing:.5px;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.mode-icon{opacity:.6;font-size:.8rem;transition:all .3s}.mode-btn:hover{color:var(--text-main);background:#00e5ff0d;border-color:#00e5ff33;transform:translateY(-1px)}.mode-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px #00e5ff1f,inset 0 0 20px #00e5ff0d}.mode-btn.active .mode-icon{opacity:1;filter:drop-shadow(0 0 4px var(--accent))}.hologram-btn.active{animation:2s ease-in-out infinite holoGlow}@keyframes holoGlow{0%,to{box-shadow:0 0 20px #00e5ff1f,inset 0 0 20px #00e5ff0d}50%{box-shadow:0 0 30px #00e5ff40,inset 0 0 30px #00e5ff1a}}.shield-btn.active{animation:2.5s ease-in-out infinite shieldGlow}@keyframes shieldGlow{0%,to{box-shadow:0 0 20px #00e5ff1f,inset 0 0 20px #00e5ff0d}50%{box-shadow:0 0 35px #00e5ff4d,inset 0 0 25px #00e5ff1f}}.scanline{background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);opacity:.4;z-index:20;height:2px;animation:4s ease-in-out infinite scanMove;position:absolute;top:0;left:0;right:0}.corner-marker{z-index:15;opacity:.3;width:20px;height:20px;position:absolute}.corner-marker:before,.corner-marker:after{content:"";background:var(--accent);position:absolute}.corner-marker.tl{top:1rem;left:1rem}.corner-marker.tl:before{width:20px;height:1px;top:0;left:0}.corner-marker.tl:after{width:1px;height:20px;top:0;left:0}.corner-marker.tr{top:1rem;right:1rem}.corner-marker.tr:before{width:20px;height:1px;top:0;right:0}.corner-marker.tr:after{width:1px;height:20px;top:0;right:0}.corner-marker.bl{bottom:1rem;left:1rem}.corner-marker.bl:before{width:20px;height:1px;bottom:0;left:0}.corner-marker.bl:after{width:1px;height:20px;bottom:0;left:0}.corner-marker.br{bottom:1rem;right:1rem}.corner-marker.br:before{width:20px;height:1px;bottom:0;right:0}.corner-marker.br:after{width:1px;height:20px;bottom:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 4px var(--accent)}50%{opacity:.4;box-shadow:none}}@keyframes scanMove{0%{opacity:0;top:-2px}10%{opacity:.4}90%{opacity:.4}to{opacity:0;top:100%}}@media (width<=768px){.ui-overlay{padding:1.2rem}.brand h1{font-size:1.2rem}.bottom-bar{flex-direction:column;align-items:stretch}.specs-panel,.control-group{min-width:unset}}