@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";:root{--neon-blue: #4a9eff;--neon-pink: #d44eff;--neon-green: #50fa7b;--dark-bg: #0a0a0c;--cave-wall-fill: #180c02;--cave-wall-edge: #532104;--star-color: #ffffff;--ship-color: #ffffff;--ship-cargo-color: #8f0909;--ship-thrust-color: #ecc87ac4;--pod-color: var(--ship-cargo-color);--exit-portal-color: var(--ship-cargo-color);--platform-color: #50fa7b;--particle-color: #837d7d;--radar-grid-color: var(--cave-wall-edge);--radar-ship-color: var(--ship-color);--radar-pod-color: var(--pod-color);--radar-exit-color: var(--exit-portal-color)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--dark-bg)}body{position:fixed;top:0;left:0;right:0;bottom:0;font-family:Orbitron,sans-serif;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}#game-container{flex:1;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at center,#15151a,#050507)}#play-area{flex:1;position:relative;overflow:hidden}canvas{background:transparent;display:block}#hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 0 10px rgba(0,243,255,.5)}.hud-item{font-size:1.2rem;display:flex;align-items:center}#radar-container{position:absolute;top:80px;right:20px;z-index:5;background:var(--cave-wall-fill);border:1px solid var(--cave-wall-edge);box-shadow:0 0 15px #00000080;pointer-events:none}#radar-canvas{display:block}.hud-cargo-box{width:14px;height:14px;border:1px solid rgba(0,243,255,.4);display:inline-block;margin-left:10px;transition:all .3s}.hud-cargo-box.filled{background:var(--ship-cargo-color);border-color:var(--ship-cargo-color);box-shadow:0 0 10px var(--ship-cargo-color)}.bar-bg{width:200px;height:10px;background:#ffffff1a;border:1px solid rgba(0,243,255,.3);margin-top:5px}#fuel-bar{width:100%;height:100%;background:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue);transition:width .1s linear}#mobile-controls{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-areas:"left thrust right";gap:15px;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px)) 20px;box-sizing:border-box;background:#0a0a0c;border-top:1px solid rgba(0,243,255,.1)}.touch-zone{height:120px;background:#ffffff0d;border:2px solid rgba(0,243,255,.2);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:2rem;color:var(--neon-blue);transition:all .2s;touch-action:none}.touch-zone:active{background:#00f3ff33;border-color:var(--neon-blue);box-shadow:0 0 15px var(--neon-blue);transform:scale(.95)}#left-ctrl{grid-area:left}#right-ctrl{grid-area:right}#thrust-ctrl{grid-area:thrust;background:#ff00ff0d;border-color:#f0f3;color:var(--neon-pink);font-size:1.5rem;font-weight:700}#thrust-ctrl:active{background:#f0f3;border-color:var(--neon-pink);box-shadow:0 0 15px var(--neon-pink)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0ce6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.overlay h1{font-size:3rem;color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);margin-bottom:20px}.difficulty-picker{display:flex;gap:10px;margin-bottom:30px}.difficulty-picker button{background:transparent;border:1px solid var(--neon-blue);color:var(--neon-blue);padding:10px 20px;cursor:pointer;font-family:inherit;transition:all .2s}.difficulty-picker button:hover,.difficulty-picker button.selected{background:var(--neon-blue);color:#000;box-shadow:0 0 20px var(--neon-blue)}.difficulty-picker button:focus-visible,#start-btn:focus-visible{outline:2px solid var(--neon-pink);outline-offset:4px}#start-btn{background:var(--neon-green);color:#000;border:none;padding:15px 40px;font-size:1.5rem;font-family:inherit;font-weight:700;cursor:pointer;box-shadow:0 0 20px var(--neon-green);transition:transform .2s}#start-btn:hover{transform:scale(1.1)}.bounce{animation:bounce 2s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0) scale(1);text-shadow:0 0 20px var(--neon-pink)}50%{transform:translateY(-10px) scale(1.05);text-shadow:0 0 40px var(--neon-pink)}}.neon-btn{background:var(--neon-blue);color:#000;border:none;padding:15px 40px;font-size:1.5rem;font-family:inherit;font-weight:700;cursor:pointer;box-shadow:0 0 20px var(--neon-blue);transition:all .2s}.neon-btn:hover{transform:scale(1.1);box-shadow:0 0 40px var(--neon-blue)}@media (max-width: 600px){#hud{top:10px;left:10px;right:10px;flex-wrap:wrap;justify-content:flex-start;gap:5px 15px}.hud-item{font-size:.9rem}.bar-bg{width:120px}#radar-container{top:100px;right:10px;transform:scale(.8);transform-origin:top right}.overlay h1{font-size:2rem;text-align:center;margin-bottom:10px}.stats-box{margin-bottom:15px!important;font-size:1.2rem!important}.difficulty-picker{flex-direction:column;gap:8px;margin-bottom:20px}.difficulty-picker button{padding:8px 15px;width:100%}#start-btn,.neon-btn{padding:12px 30px;font-size:1.2rem}}