@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Inter:wght@300;400;500&display=swap";#loading-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000;transition:opacity 1s ease}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0a0015,#000 70%);background-size:100% 100%}.loading-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 30% 70%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 50% 40%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 85% 15%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 15% 60%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 60% 10%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 40% 90%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 90% 50%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.5) 0%,transparent 100%)}.loading-content{position:relative;text-align:center;z-index:1}.loading-orbit{position:relative;width:200px;height:200px;margin:0 auto 40px}.loading-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid transparent;transform:translate(-50%,-50%)}.loading-ring-1{width:200px;height:200px;border-color:rgba(0,200,255,.4) transparent transparent transparent;animation:spinRing1 3s linear infinite}.loading-ring-2{width:150px;height:150px;border-color:rgba(150,50,255,.6) transparent rgba(150,50,255,.2) transparent;animation:spinRing2 2s linear infinite reverse}.loading-ring-3{width:100px;height:100px;border-color:transparent rgba(255,150,0,.5) transparent rgba(255,150,0,.2);animation:spinRing2 1.5s linear infinite}.loading-star{position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffc,#fd4 40%,#ffc80000 70%);border-radius:50%;animation:pulseStar 2s ease-in-out infinite}@keyframes spinRing1{to{transform:translate(-50%,-50%) rotateY(60deg) rotate(360deg)}}@keyframes spinRing2{to{transform:translate(-50%,-50%) rotateX(60deg) rotate(360deg)}}@keyframes pulseStar{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.4);opacity:1}}.loading-title{font-family:Orbitron,sans-serif;font-size:56px;font-weight:900;letter-spacing:16px;margin:0 0 8px;background:linear-gradient(135deg,#fff,#0cf,#a5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:breatheTitle 3s ease-in-out infinite}@keyframes breatheTitle{0%,to{letter-spacing:16px}50%{letter-spacing:20px}}.loading-subtitle{font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;letter-spacing:8px;color:#00c8ff99;margin:0 0 24px}.loading-divider{width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,255,.5),transparent);margin:0 auto 24px}.loading-prompt{font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;color:#c8c8c8b3;animation:blinkPrompt 1.5s ease-in-out infinite}@keyframes blinkPrompt{0%,to{opacity:.7}50%{opacity:.2}}body,html{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:#000;font-family:Inter,sans-serif;color:#fff;cursor:crosshair;user-select:none;-webkit-user-select:none}#hyper-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}#app{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#hud{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#controls-panel{position:absolute;top:20px;left:20px;background:#080c18bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,200,255,.15);border-radius:12px;padding:16px 20px;-webkit-user-select:none;user-select:none;max-width:280px}#controls-panel h3{margin:0 0 12px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;color:#00d4ff}#controls-panel p{margin:5px 0;font-size:11px;color:#ffffffb3;line-height:1.4}.highlight{color:#0fe!important;font-weight:500}#status-panel{position:absolute;bottom:20px;left:20px;background:#080c18a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,200,255,.1);border-radius:10px;padding:12px 18px;-webkit-user-select:none;user-select:none}#status-panel p{margin:3px 0;font-family:Orbitron,sans-serif;font-size:11px;font-weight:400;letter-spacing:1px;color:#fff9}#status-panel span{color:#0fe;font-weight:600}#landing-prompt{position:absolute;bottom:100px;left:50%;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:13px;color:#0fe;background:#001428cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 28px;border:1px solid rgba(0,255,238,.3);border-radius:8px;display:none;animation:blink 1.2s infinite;letter-spacing:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.planet-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:420px;opacity:0;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275);z-index:100}.planet-popup.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.planet-popup.hidden{opacity:0;transform:translate(-50%,-50%) scale(.7)}.popup-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at center,rgba(0,180,255,.15) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.popup-content{background:linear-gradient(145deg,#0a1228eb,#040814f5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,200,255,.25);border-radius:20px;padding:36px 32px;text-align:center;box-shadow:0 0 60px #0096ff1a,0 0 120px #0064c80d,inset 0 1px #ffffff14}.popup-icon{width:56px;height:56px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 20px rgba(0,200,255,.4))}.popup-icon svg{width:56px;height:56px}.popup-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;margin:8px 0 4px;background:linear-gradient(135deg,#0fe,#08f,#a5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px}.popup-subtitle{font-family:Orbitron,sans-serif;font-size:10px;font-weight:600;letter-spacing:4px;color:#00dcff99;margin:0 0 16px}.popup-divider{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,255,.5),transparent);margin:0 auto 16px}.popup-description{font-family:Inter,sans-serif;font-size:13px;font-weight:300;line-height:1.7;color:#ffffffbf;margin:0 0 20px}.popup-badge{display:inline-block;font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;color:gold;background:#ffd70014;border:1px solid rgba(255,215,0,.25);border-radius:20px;padding:6px 20px;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{border-color:#ffd70040;color:gold}50%{border-color:#ffd70099;color:#ffe866}}.endgame-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);z-index:1000;pointer-events:none;opacity:0;transition:opacity 2s ease,transform 2s cubic-bezier(.175,.885,.32,1.275)}.endgame-popup.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.endgame-glow{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(circle,#9600ff66,#c8003200 70%);filter:blur(40px);z-index:-1;animation:endgamePulse 3s ease-in-out infinite}@keyframes endgamePulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.endgame-content{background:linear-gradient(145deg,#140028cc,#000000f2);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid rgba(200,50,255,.5);border-radius:30px;padding:50px 60px;text-align:center;box-shadow:0 0 100px #9600ff4d,inset 0 0 50px #ff326433}.endgame-title{font-family:Orbitron,sans-serif;font-size:50px;font-weight:900;margin:0 0 10px;background:linear-gradient(135deg,#f05,#a0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:10px;text-shadow:0 0 20px rgba(255,255,255,.2)}.endgame-subtitle{font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;letter-spacing:6px;color:#fa0;margin:0 0 20px}.endgame-divider{width:150px;height:2px;background:linear-gradient(90deg,transparent,rgba(200,50,255,.8),transparent);margin:0 auto 20px}.endgame-description{font-family:Inter,sans-serif;font-size:16px;font-weight:300;line-height:1.8;color:#ffffffe6;max-width:400px;margin:0 auto}#achievements-panel{position:absolute;top:20px;right:20px;background:#080c18bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.12);border-radius:12px;padding:14px 18px;-webkit-user-select:none;user-select:none;min-width:180px}#achievements-panel h3{margin:0 0 10px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:gold}.achievement-item{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:11px;color:#ffffff59;transition:all .3s ease}.achievement-item.unlocked{color:#ffffffe6}.achievement-item .ach-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.3;transition:all .3s ease}.achievement-item .ach-icon svg{width:18px;height:18px}.achievement-item.unlocked .ach-icon{opacity:1}.achievement-item .ach-name{font-family:Inter,sans-serif;font-weight:400;letter-spacing:.5px}.achievement-item.unlocked .ach-name{font-weight:500}#crosshair{position:absolute;top:50%;left:50%;width:2px;height:2px;background:#0fe9;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #00ffee4d}
