:root{--vh: 1vh}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;background:#000;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#f5f5f5}#game-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;z-index:0;-webkit-overflow-scrolling:touch}#game-container canvas{display:block;width:100%!important;height:100%!important}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#000000fa,#000 75%)}#loading-screen.fade-out{animation:fadeOut 1s ease forwards}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.loader-content{text-align:center}.loader-content h1{font-size:3rem;letter-spacing:.35em;font-weight:300;color:#fff;text-transform:uppercase}.loader-bar{width:300px;height:2px;background:#ffffff14;margin:2rem auto;border-radius:1px;overflow:hidden}.loader-fill{width:0%;height:100%;background:#fff;transition:width .3s}.loader-status{font-size:.8rem;opacity:.55;letter-spacing:.12em}#btn-start{margin-top:2rem;padding:.8rem 2.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.24);color:#f5f5f5;font-size:1rem;letter-spacing:.16em;cursor:pointer;transition:all .25s}#btn-start:hover{background:#ffffff29;border-color:#ffffff5c}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}#hud>*{pointer-events:auto}#hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem}#location-display{font-size:.85rem;letter-spacing:.15em;opacity:.7}#system-name{color:#8af}#planet-name{color:#fa8}#music-indicator{display:flex;align-items:center;gap:.5rem}.music-bars{display:flex;gap:2px;align-items:flex-end;height:16px}.music-bars span{width:3px;background:#8f8;border-radius:1px;animation:musicBar .8s ease-in-out infinite alternate}.music-bars span:nth-child(1){height:40%;animation-delay:0s}.music-bars span:nth-child(2){height:70%;animation-delay:.15s}.music-bars span:nth-child(3){height:100%;animation-delay:.3s}.music-bars span:nth-child(4){height:60%;animation-delay:.45s}.music-bars span:nth-child(5){height:30%;animation-delay:.6s}@keyframes musicBar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}#music-label{font-size:.75rem;opacity:.5}#hud-bottom{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}#jetpack-fuel{display:flex;align-items:center;gap:.6rem;opacity:0;transition:opacity .4s}#jetpack-label{font-size:.65rem;letter-spacing:.12em;opacity:.6;white-space:nowrap;min-width:5.5em;text-align:right}#jetpack-fuel-bar{width:140px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;border:1px solid rgba(100,200,255,.15)}#jetpack-fuel-fill{width:100%;height:100%;border-radius:3px;background:linear-gradient(90deg,#4ff,#8af);transition:width .08s linear}#controls-hint{font-size:.75rem;opacity:.4;letter-spacing:.1em;background:#0000004d;padding:.4rem 1rem;border-radius:4px}#hud-right{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem}#hud-right button{width:44px;height:44px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.15);font-size:1.2rem;cursor:pointer;transition:all .3s}#hud-right button:hover{background:#88f3;border-color:#88f}.hidden{display:none!important}#ship-console,#inventory-panel,#claim-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.console-frame,.panel-frame,.dialog-frame{background:#0a0a28f2;border:1px solid rgba(136,136,255,.2);border-radius:12px;padding:2rem;max-width:800px;width:90%}.console-frame h2,.panel-frame h2,.dialog-frame h2{font-weight:300;letter-spacing:.2em;margin-bottom:1.5rem;text-align:center;color:#aaf}#galaxy-map-canvas{width:100%;height:400px;background:#050515;border-radius:8px;border:1px solid rgba(136,136,255,.1);cursor:grab}#galaxy-map-canvas:active{cursor:grabbing}#map-info{margin-top:1rem;text-align:center;font-size:.85rem;opacity:.7;min-height:2em}.console-controls{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}button{padding:.6rem 1.5rem;background:transparent;border:1px solid rgba(136,136,255,.3);color:#aaf;font-size:.85rem;letter-spacing:.15em;cursor:pointer;border-radius:6px;transition:all .3s}button:hover{background:#8888ff26;border-color:#aaf}button:disabled{opacity:.3;cursor:default}#btn-warp{background:#64ff641a;border-color:#64ff644d;color:#8f8}#btn-warp:hover{background:#64ff6433}#claim-name{width:100%;padding:.8rem 1rem;margin-bottom:1rem;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:1rem;text-align:center;letter-spacing:.1em}#claim-name:focus{outline:none;border-color:#88f}#creature-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-height:400px;overflow-y:auto;margin-bottom:1rem}.creature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s}.creature-card:hover{border-color:#8888ff4d;background:#8888ff0d}.creature-card .creature-icon{font-size:2.5rem;margin-bottom:.5rem}.creature-card .creature-name{font-size:.75rem;opacity:.7}#notification-area{position:fixed;top:5rem;left:50%;transform:translate(-50%);z-index:500;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}.notification{background:#0a0a28e6;border:1px solid rgba(136,136,255,.3);padding:.6rem 1.5rem;border-radius:8px;font-size:.85rem;letter-spacing:.1em;animation:notifIn .3s ease,notifOut .3s ease 2.7s forwards;white-space:nowrap}@keyframes notifIn{0%{opacity:0;transform:translateY(-10px)}}@keyframes notifOut{to{opacity:0;transform:translateY(-10px)}}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;z-index:50;pointer-events:none;opacity:.3;transition:opacity .15s,width .1s,height .1s}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff;transition:background .1s}.crosshair:before{width:1px;height:100%;left:50%;transform:translate(-50%)}.crosshair:after{width:100%;height:1px;top:50%;transform:translateY(-50%)}.crosshair.mining{opacity:.7;width:16px;height:16px;animation:mine-pulse .15s ease-in-out infinite alternate}.crosshair.mining:before,.crosshair.mining:after{background:#fc4}@keyframes mine-pulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.75)}}#interact-prompt{position:fixed;top:55%;left:50%;transform:translate(-50%);z-index:60;font-size:.8rem;letter-spacing:.15em;opacity:0;transition:opacity .3s;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.8)}#interact-prompt.visible{opacity:.7}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8888ff4d;border-radius:2px}#minimap{position:fixed;bottom:1.8rem;left:1.5rem;width:180px;height:180px;z-index:80;pointer-events:none;border-radius:50%;overflow:hidden;border:1px solid rgba(136,170,255,.25);box-shadow:0 0 20px #6496ff26,inset 0 0 30px #0006;background:radial-gradient(circle,#050519cc,#000000f2)}#minimap canvas{display:block;width:100%;height:100%;border-radius:50%}#minimap.hidden,#mobile-controls{display:none}html.mobile #mobile-controls{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;pointer-events:auto}html.mobile #mobile-controls.console-open{z-index:320;pointer-events:none}html.mobile #mobile-controls.console-open #mobile-bottom-controls{z-index:410;pointer-events:auto}#mobile-left-zone,#mobile-right-zone{display:none}html.mobile #mobile-left-zone,html.mobile #mobile-right-zone{display:block;position:fixed;top:0;bottom:0;width:50%;z-index:200;pointer-events:auto}#mobile-left-zone{left:0}#mobile-right-zone{right:0}#mobile-joystick,#mobile-look-joystick{position:fixed;display:none;width:120px;height:120px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff0a;pointer-events:auto;touch-action:none;z-index:250}#mobile-joystick{left:1rem;bottom:1.5rem}#mobile-look-joystick{right:1rem;bottom:9.5rem}#mobile-joystick:before,#mobile-look-joystick:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#ffffff0a}#mobile-joystick .joystick-knob,#mobile-look-joystick .joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:transform .05s ease;pointer-events:none}#mobile-joystick:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#ffffff0a}#mobile-joystick .joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:transform .05s ease;pointer-events:none}#mobile-bottom-controls{position:fixed;right:1rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.8rem;pointer-events:auto;z-index:250}html.mobile #mobile-controls.console-open #mobile-left-zone,html.mobile #mobile-controls.console-open #mobile-right-zone,html.mobile #mobile-controls.console-open #mobile-joystick,html.mobile #mobile-controls.console-open #mobile-look-joystick{display:none!important;pointer-events:none!important}html.mobile #mobile-controls.console-open #mobile-bottom-controls{z-index:310}.mobile-btn{width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff1f;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;touch-action:none}.mobile-btn.secondary{background:#ffffff0f}.mobile-btn:active{transform:scale(.96)}@media(max-width:900px),(pointer:coarse){html.mobile #mobile-joystick,html.mobile #mobile-look-joystick{width:110px;height:110px}html.mobile #mobile-joystick{left:.8rem;bottom:1rem}html.mobile #mobile-look-joystick{right:.8rem;bottom:9rem}html.mobile #mobile-bottom-controls{right:.8rem;bottom:1rem}}#broadcast-indicator{position:fixed;top:50px;left:50%;transform:translate(-50%);background:#0a2814bf;border:1px solid rgba(68,255,136,.5);color:#4f8;padding:4px 14px;border-radius:16px;font-size:13px;font-family:monospace;letter-spacing:1px;pointer-events:none;z-index:200;animation:broadcast-pulse 2s ease-in-out infinite}#broadcast-indicator.hidden{display:none}@keyframes broadcast-pulse{0%,to{opacity:.85}50%{opacity:1;border-color:#44ff88e6}}.music-note-sprite{position:fixed;pointer-events:none;z-index:200;font-size:1.4rem;transform:translate(-50%,-100%);transition:opacity .15s ease-out;-webkit-user-select:none;user-select:none;will-change:transform,opacity;filter:drop-shadow(0 0 3px currentColor)}#intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#05051efa,#000 70%);animation:intro-fade-in 1.5s ease}@keyframes intro-fade-in{0%{opacity:0}}.intro-content{text-align:center;max-width:480px;width:90%}.intro-title{font-size:3rem;font-weight:200;letter-spacing:.4em;color:#fff;margin-bottom:.5rem;text-shadow:0 0 40px rgba(100,140,255,.3)}.intro-subtitle{font-size:1rem;opacity:.45;letter-spacing:.15em;margin-bottom:3rem}.intro-form{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.intro-form label{font-size:.9rem;letter-spacing:.12em;opacity:.7}#astronaut-name{width:100%;max-width:320px;padding:.9rem 1.2rem;background:#ffffff0d;border:1px solid rgba(136,170,255,.25);border-radius:8px;color:#fff;font-size:1.1rem;text-align:center;letter-spacing:.1em;transition:border-color .3s}#astronaut-name:focus{outline:none;border-color:#8af9}#astronaut-name::placeholder{color:#fff3}#btn-begin{padding:.8rem 2.5rem;background:#648cff1a;border:1px solid rgba(100,140,255,.35);color:#acf;font-size:1rem;letter-spacing:.18em;cursor:pointer;border-radius:8px;transition:all .3s}#btn-begin:hover{background:#648cff33;border-color:#648cff99}#intro-screen.fade-out{animation:fadeOut 1.2s ease forwards}#quest-progress{position:absolute;top:4rem;left:50%;transform:translate(-50%);display:flex;gap:.8rem;align-items:center;font-size:.75rem;letter-spacing:.1em;opacity:.5;background:#0000004d;padding:.35rem 1rem;border-radius:12px;pointer-events:none}.quest-sep{opacity:.3}#journal-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.journal-frame{max-width:700px}.journal-subtitle{text-align:center;font-size:.8rem;opacity:.45;letter-spacing:.1em;margin-bottom:1.5rem}#species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.species-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem;text-align:center;transition:all .3s;position:relative}.species-card.listened{border-color:#64ff9659;background:#64ff960a}.species-card.undiscovered{opacity:.35}.species-card .species-icon{font-size:2.2rem;margin-bottom:.5rem}.species-card .species-name{font-size:.75rem;opacity:.7}.species-card .species-role{font-size:.65rem;opacity:.4;margin-top:.3rem}.species-card .species-check{position:absolute;top:.5rem;right:.5rem;font-size:.9rem;color:#6f8}.journal-footer{display:flex;justify-content:space-between;align-items:center}#journal-count{font-size:.8rem;opacity:.5;letter-spacing:.1em}#tools-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tools-frame{max-width:600px}.tools-subtitle{text-align:center;font-size:.8rem;opacity:.45;letter-spacing:.1em;margin-bottom:1.5rem}#tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem}.tool-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1.2rem 1rem;text-align:center;transition:all .3s}.tool-card.found{border-color:#ffc85066;background:#ffc8500d}.tool-card.missing{opacity:.3}.tool-card .tool-icon{font-size:2rem;margin-bottom:.5rem}.tool-card .tool-name{font-size:.8rem;opacity:.7}.tool-card .tool-desc{font-size:.65rem;opacity:.4;margin-top:.3rem}.tools-footer{display:flex;justify-content:space-between;align-items:center}#tools-count{font-size:.8rem;opacity:.5;letter-spacing:.1em}#endgame-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#0000;pointer-events:auto;transition:background 3s ease}#endgame-overlay.active{background:#000000b3}#endgame-content{text-align:center;max-width:600px;width:90%;opacity:0;transition:opacity 2s ease}#endgame-overlay.credits-visible #endgame-content{opacity:1}#endgame-credits{margin-bottom:3rem}#endgame-thank-you{font-size:1.6rem;font-weight:200;letter-spacing:.3em;opacity:.8;margin-bottom:1.5rem}#endgame-song-title{font-size:1.2rem;color:#acf;letter-spacing:.15em;margin-bottom:.5rem}#endgame-song-author{font-size:.9rem;opacity:.5;letter-spacing:.12em}.endgame-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}#btn-write-song{background:#64ff961a;border-color:#64ff9659;color:#8fda8f;padding:.8rem 2rem}#btn-write-song:hover{background:#64ff9633}#music-maker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:flex;align-items:center;justify-content:center;background:#00000af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.music-maker-frame{width:95%;max-width:1100px;height:80vh;display:flex;flex-direction:column;background:#0a0a23f2;border:1px solid rgba(136,136,255,.2);border-radius:12px;overflow:hidden}.mm-header{padding:1.2rem 1.5rem .8rem;text-align:center;border-bottom:1px solid rgba(136,136,255,.1)}.mm-header h2{font-weight:300;letter-spacing:.2em;color:#aaf;font-size:1.2rem}.mm-subtitle{font-size:.75rem;opacity:.4;margin-top:.3rem}.mm-workspace{flex:1;display:flex;overflow:hidden}#mm-tracks{width:180px;min-width:180px;border-right:1px solid rgba(136,136,255,.1);overflow-y:auto;padding:.5rem 0}.mm-track-label{padding:.6rem .8rem;font-size:.7rem;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.mm-track-label:hover{background:#8888ff14}.mm-track-label.active{background:#8888ff1f;border-left:2px solid #88f}.mm-track-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mm-track-icon{font-size:1.2rem}.mm-track-name{opacity:.7}.mm-track-name.mm-track-dim{opacity:.35;font-style:italic}#mm-timeline{flex:1;overflow:auto;position:relative}#mm-canvas{display:block;cursor:crosshair;background:#050514cc;image-rendering:pixelated}.mm-controls{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;border-top:1px solid rgba(136,136,255,.1);background:#05051980}.mm-controls button{padding:.5rem 1rem;font-size:.85rem}#mm-play{color:#8f8;border-color:#64ff644d}#mm-stop{color:#f88;border-color:#ff64644d}#mm-bpm{width:60px;padding:.4rem;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:.8rem}#mm-bpm:focus{outline:none;border-color:#88f}.mm-controls label{font-size:.7rem;opacity:.4}.mm-spacer{flex:1}#mm-song-name{width:200px;padding:.5rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:.85rem;letter-spacing:.08em}#mm-song-name:focus{outline:none;border-color:#88f}#mm-save{color:#8f8;border-color:#64ff644d}.listen-indicator{position:fixed;left:50%;bottom:18%;z-index:150;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;transition:opacity .4s}.listen-indicator.hidden{opacity:0;pointer-events:none}.listen-ring{width:48px;height:48px}.listen-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.listen-ring-bg{fill:none;stroke:#ffffff1f;stroke-width:2.5}.listen-ring-fill{fill:none;stroke:#6f8;stroke-width:2.5;stroke-linecap:round;transition:stroke-dasharray .15s}.listen-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#96ffc8d9;white-space:nowrap;text-shadow:0 0 8px rgba(0,0,0,.8);animation:listen-pulse 1.5s ease infinite}@keyframes listen-pulse{0%,to{opacity:.7}50%{opacity:1}}