: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}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff}.crosshair:before{width:1px;height:100%;left:50%;transform:translate(-50%)}.crosshair:after{width:100%;height:1px;top:50%;transform:translateY(-50%)}#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}}