:root{--bg-color: #000010;--text-color: #fff;--primary-blue: #4cc9f0;--primary-pink: #f72585;--accent-gold: #ffd700;--accent-yellow: #ffdd55;--power-shield: rgba(50, 150, 255, .8);--power-boost: rgba(255, 100, 50, .8);--power-magnet: rgba(255, 215, 0, .8);--power-shrink: rgba(120, 220, 120, .8);--power-timeWarp: rgba(180, 100, 255, .8);--panel-bg: rgba(5, 10, 35, .95);--panel-border: 2px solid var(--primary-blue);--shadow-glow: 0 0 15px rgba(76, 201, 240, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);font-family:"Press Start 2P",cursive;color:var(--text-color)}canvas{display:block;position:absolute;top:0;left:0;z-index:5;background:transparent;cursor:pointer}body:before,body:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background-repeat:repeat;z-index:1;will-change:transform;pointer-events:none}body:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><circle fill="%23FFF" fill-opacity="0.3" cx="30" cy="30" r="0.7"/><circle fill="%23FFF" fill-opacity="0.2" cx="90" cy="210" r="0.5"/><circle fill="%23FFF" fill-opacity="0.3" cx="150" cy="90" r="0.7"/><circle fill="%23FFF" fill-opacity="0.2" cx="240" cy="240" r="0.5"/><circle fill="%23FFF" fill-opacity="0.3" cx="270" cy="30" r="0.7"/><circle fill="%23FFF" fill-opacity="0.2" cx="180" cy="270" r="0.5"/><circle fill="%23FFF" fill-opacity="0.3" cx="60" cy="120" r="0.7"/><defs><radialGradient id="nebula" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="rgba(80, 80, 150, 0.05)"/><stop offset="100%" stop-color="rgba(80, 80, 150, 0)"/></radialGradient></defs><circle cx="150" cy="150" r="100" fill="url(%23nebula)"/></svg>');background-size:300px 300px;animation:parallax-scroll 60s linear infinite}body:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><circle fill="%23FFF" fill-opacity="0.7" cx="20" cy="100" r="1"/><circle fill="%23FFF" fill-opacity="0.6" cx="70" cy="30" r="0.8"/><circle fill="%23FFF" fill-opacity="0.7" cx="120" cy="150" r="1"/><circle fill="%23FFF" fill-opacity="0.6" cx="170" cy="60" r="0.8"/><circle fill="%23FFF" fill-opacity="0.7" cx="90" cy="90" r="1"/></svg>');background-size:200px 200px;animation:parallax-scroll 30s linear infinite;z-index:2}@keyframes parallax-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.score-display,.highscore-display{position:absolute;top:20px;z-index:10;text-shadow:0 0 5px rgba(0,0,0,.7);pointer-events:none}.score-display{left:50%;transform:translate(-50%);font-size:clamp(1.5em,4vw,2.5em);background:#00001433;padding:5px 15px;border-radius:10px}.highscore-display{right:20px;font-size:clamp(.8em,2vw,1.2em);color:var(--accent-yellow)}.message-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#050814e6;padding:clamp(20px,5vw,40px);border-radius:15px;text-align:center;z-index:20;display:none;border:3px solid var(--primary-blue);box-shadow:0 0 30px #4cc9f080,inset 0 0 20px #0000004d;max-width:90%}.message-box h2{margin-top:0;margin-bottom:15px;font-size:clamp(1.2em,4vw,2em);color:var(--accent-yellow)}.message-box p{margin-bottom:25px;font-size:clamp(.8em,2vw,1.2em);line-height:1.4}.message-box .final-score{color:var(--text-color);font-weight:400}.message-box .high-score-msg{color:var(--accent-yellow);font-weight:700}.restart-button{padding:clamp(10px,3vw,15px) clamp(20px,6vw,30px);font-size:clamp(1em,3vw,1.3em);font-family:"Press Start 2P",cursive;color:#111;background:linear-gradient(145deg,#ffb,#fc6);border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 6px 10px #0006;text-shadow:1px 1px 1px rgba(255,255,255,.4)}.restart-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 9px 15px #00000080}.restart-button:active{transform:translateY(0) scale(1);box-shadow:0 4px 6px #0006}body.shake{animation:screenShake .1s ease-out}body.shield-hit-flash{animation:shieldFlash .15s ease-out}@keyframes screenShake{0%,to{transform:translate(0)}25%{transform:translate(-5px,-3px) rotate(-.5deg)}50%{transform:translate(4px,4px) rotate(.5deg)}75%{transform:translate(-3px,5px) rotate(-.3deg)}}@keyframes shieldFlash{0%,to{opacity:1}50%{opacity:.7;filter:brightness(1.5)}}.sound-toggle{position:absolute;top:20px;left:20px;z-index:10}.sound-button{background:#00001433;border:2px solid #aaccff;border-radius:50%;width:40px;height:40px;font-size:20px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-shadow:0 0 5px rgba(0,0,0,.7)}.sound-button:hover{background:#00001466;transform:scale(1.1)}.sound-button.muted{opacity:.5}.spacecraft-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:500px;margin:15px auto}.spacecraft-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:12px;border-radius:15px;transition:all .3s ease;background:#00001480;border:2px solid transparent;width:120px;height:120px;position:relative}.spacecraft-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(76,201,240,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.spacecraft-option:hover{background:#4cc9f026;transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.spacecraft-option:hover:before{opacity:1}.spacecraft-option.selected{background:#4cc9f033;border:2px solid var(--primary-blue);box-shadow:0 0 15px #4cc9f066}.spacecraft-preview{width:60px;height:60px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease}.spacecraft-option:hover .spacecraft-preview{transform:scale(1.1)}.spacecraft-option span{font-size:12px;color:#fff;text-align:center;margin-top:auto;transition:color .3s ease;text-shadow:0 0 5px rgba(0,0,0,.5)}.spacecraft-option:hover span{color:var(--primary-blue)}.spacecraft-option[data-type=classic] .spacecraft-preview{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23ddeeff" d="M30,20 L70,20 L80,50 L70,80 L30,80 L20,50 Z"/><circle fill="%2387ceeb" cx="50" cy="40" r="10"/><path fill="%23ff6666" d="M30,50 L20,60 L30,60 Z M70,50 L80,60 L70,60 Z"/></svg>')}.spacecraft-option[data-type=futuristic] .spacecraft-preview{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23aaccff" d="M20,50 L50,20 L80,50 L50,80 Z"/><circle fill="%23ffffff" cx="50" cy="50" r="15"/><path fill="%23ffcc66" d="M50,80 L40,90 L60,90 Z"/></svg>')}.spacecraft-option[data-type=stealth] .spacecraft-preview{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23333333" d="M50,20 L70,40 L70,60 L50,80 L30,60 L30,40 Z" stroke="%23666666" stroke-width="2"/><circle fill="%23666666" cx="50" cy="50" r="10" stroke="%23444444" stroke-width="3"/><path fill="%23444444" d="M40,70 L60,70 L55,85 L45,85 Z"/></svg>')}.spacecraft-option[data-type=quantum] .spacecraft-preview{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><linearGradient id="bodyGradient" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="%233a0ca3"/><stop offset="50%" stop-color="%234361ee"/><stop offset="100%" stop-color="%233a0ca3"/></linearGradient></defs><path fill="url(%23bodyGradient)" d="M50,20 C60,30 70,40 60,60 L50,80 L40,60 C30,40 40,30 50,20 Z"/><ellipse fill="%23f72585" cx="50" cy="40" rx="10" ry="6"/><path stroke="%234cc9f0" stroke-width="2" d="M40,45 L60,45 M40,50 L60,50 M40,55 L60,55"/><path fill="%234cc9f0" d="M40,65 L60,65 L55,85 L45,85 Z"/></svg>')}.spacecraft-option[data-type=celestial] .spacecraft-preview{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><radialGradient id="starGlow" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="rgba(255, 255, 255, 0.8)"/><stop offset="50%" stop-color="rgba(255, 215, 0, 0.3)"/><stop offset="100%" stop-color="rgba(255, 215, 0, 0)"/></radialGradient></defs><circle cx="50" cy="50" r="40" fill="url(%23starGlow)"/><path fill="%23ffd700" d="M50,20 L58,40 L80,40 L62,55 L70,75 L50,62 L30,75 L38,55 L20,40 L42,40 Z"/><circle fill="%23ffffff" cx="50" cy="50" r="10"/><path stroke="%23ffffff" stroke-width="2" d="M50,35 L50,45 M50,55 L50,65 M35,50 L45,50 M55,50 L65,50"/></svg>')}.spacecraft-option[data-type=warp] .spacecraft-preview{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><linearGradient id="warpGradient" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="%236600cc"/><stop offset="50%" stop-color="%239933ff"/><stop offset="100%" stop-color="%2300ccff"/></linearGradient><radialGradient id="coreGradient" cx="50%" cy="50%" r="25%"><stop offset="0%" stop-color="%23ffffff"/><stop offset="30%" stop-color="%2300ffff"/><stop offset="100%" stop-color="%236600cc"/></radialGradient></defs><path fill="url(%23warpGradient)" d="M50,20 C60,20 80,30 80,50 C80,70 60,80 50,80 C40,80 20,70 20,50 C20,30 40,20 50,20 Z" stroke="%23ffffff" stroke-width="1"/><circle fill="url(%23coreGradient)" cx="50" cy="50" r="20"/><path stroke="%2300ffff" stroke-width="1" d="M42,42 L20,20 M58,42 L80,20 M42,58 L20,80 M58,58 L80,80 M40,50 L15,50 M60,50 L85,50 M50,40 L50,15 M50,60 L50,85"/><path fill="%2300ccff" d="M33,50 L17,60 L33,65 Z M67,50 L83,60 L67,65 Z"/></svg>')}.spacecraft-option.locked{position:relative;cursor:not-allowed}.spacecraft-option.locked .spacecraft-preview,.spacecraft-option.locked>span{opacity:.7}.spacecraft-option.locked:hover{transform:none;background:#00001480}.spacecraft-option.locked .spacecraft-preview{filter:brightness(.3) grayscale(.7);opacity:.5}.spacecraft-option.locked:hover .spacecraft-preview{transform:none}.spacecraft-option .lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;z-index:2;text-shadow:0 0 10px rgba(0,0,0,.7)}.spacecraft-tooltip,.difficulty-tooltip,.powerup-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);width:200px;background:#0a0f28f2;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 20px #00000080;border-radius:8px;padding:15px;pointer-events:none;opacity:0!important;visibility:hidden;transition:all .2s ease;z-index:1000;max-width:90vw;letter-spacing:.5px}.spacecraft-option:hover .spacecraft-tooltip,.difficulty-option:hover .difficulty-tooltip,.powerup-icon-compact:hover .powerup-tooltip{opacity:1!important;visibility:visible;bottom:130%}.spacecraft-tooltip:after,.difficulty-tooltip:after,.powerup-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(10,15,40,.95) transparent transparent transparent}.tooltip-header h3,.difficulty-tooltip h3,.powerup-tooltip strong{color:#fff;font-size:12px;display:block;margin-bottom:8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:6px;text-shadow:0 0 8px rgba(76,201,240,.5)}.tooltip-stats{margin-bottom:15px;background:#0f193766;padding:12px;border-radius:8px;border:1px solid rgba(76,201,240,.2)}.tooltip-stats .stat{display:flex;align-items:center;margin-bottom:10px}.tooltip-stats .stat span{width:55px;color:#fff;font-size:11px;margin-right:12px;text-shadow:0 0 5px rgba(0,0,0,.8)}.tooltip-stats .stat:last-child{margin-bottom:0}.tooltip-stats .stat-bar{flex-grow:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.tooltip-stats .stat-fill{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--primary-pink));border-radius:4px;transition:width .3s ease}.tooltip-special{margin:15px 0;padding:10px;border-radius:8px;background:#f7258526;border:1px solid rgba(247,37,133,.3)}.special-badge{display:inline-block;font-size:10px;color:var(--primary-pink);background:#f725854d;padding:4px 10px;border-radius:10px;margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 0 5px rgba(0,0,0,.8)}.tooltip-special p{font-size:11px;color:#fff;margin:0;line-height:1.5;text-shadow:0 0 5px rgba(0,0,0,.8)}.tooltip-unlock{font-size:10px;color:#acf;text-align:center;margin-top:12px;border-top:1px solid rgba(76,201,240,.3);padding-top:10px;text-shadow:0 0 5px rgba(0,0,0,.8)}.tooltip-unlock p{margin:0;font-style:italic}.difficulty-tooltip p,.powerup-tooltip p{color:#acf;font-size:9px;margin:0 0 8px;line-height:1.5;text-align:center;text-shadow:0 0 5px rgba(0,0,0,.8)}.difficulty-tooltip p:last-child,.powerup-tooltip p:last-child{margin-bottom:0}.difficulty-option[data-difficulty=easy] .difficulty-tooltip:after{border-top-color:#78dc78cc}.difficulty-option[data-difficulty=medium] .difficulty-tooltip:after{border-top-color:#4cc9f0cc}.difficulty-option[data-difficulty=hard] .difficulty-tooltip:after{border-top-color:#f72585cc}.powerups-grid-compact{padding:10px;background:#000a1e99;border-radius:15px;max-width:340px;margin:15px auto;box-shadow:0 0 15px #000a1e66;border:1px solid rgba(100,180,255,.3)}.powerups-grid-compact h3{color:var(--accent-yellow);font-size:14px;margin:0 0 8px;text-align:center;text-shadow:0 0 5px rgba(255,221,85,.5);letter-spacing:1px}.powerup-icons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.powerup-icon-compact{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;border:2px solid rgba(255,255,255,.8);position:relative;cursor:help;box-shadow:0 0 10px #0000004d;transition:all .2s ease}.powerup-icon-compact span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.powerup-icon-compact[style*="rgba(50, 150, 255, 0.8)"] span{transform:translateY(0);font-size:22px}.powerup-icon-compact[style*="rgba(255, 100, 50, 0.8)"] span{transform:translateY(-1px)}.powerup-icon-compact[style*="rgba(255, 215, 0, 0.8)"] span,.powerup-icon-compact[style*="rgba(120, 220, 120, 0.8)"] span,.powerup-icon-compact[style*="rgba(180, 100, 255, 0.8)"] span{transform:translateY(0)}.powerup-icon-compact:hover{transform:scale(1.15);box-shadow:0 0 15px #fff6}.boost-active{animation:boost-pulse .5s infinite alternate}.magnet-active{animation:magnet-glow 1s infinite}.time-warp-active{animation:time-warp 2s infinite}body.boost-flash{animation:boostFlash .2s ease-out}body.timeWarp-effect{animation:timeWarpEffect .5s ease-out}@keyframes boost-pulse{0%{filter:brightness(1)}to{filter:brightness(1.3)}}@keyframes magnet-glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,215,0,.7))}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,.9))}}@keyframes time-warp{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes boostFlash{0%,to{opacity:1}50%{opacity:.8;filter:brightness(1.7) saturate(1.5)}}@keyframes timeWarpEffect{0%{filter:blur(0px) saturate(1)}50%{filter:blur(3px) saturate(1.5)}to{filter:blur(0px) saturate(1)}}.active-powerups{position:absolute;top:70px;left:20px;display:flex;flex-direction:column;gap:5px;z-index:10}.active-powerup{display:flex;align-items:center;gap:5px;padding:3px 8px;background:#00001480;border-radius:10px;margin-bottom:3px}.active-powerup-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.active-powerup-duration{width:40px;height:3px;background:#ffffff4d;position:relative;border-radius:2px;overflow:hidden}.active-powerup-fill{height:100%;background:#fff;border-radius:2px}.spacecraft-option.newly-unlocked{animation:unlock-pulse 1s ease-in-out 3}@keyframes unlock-pulse{0%{transform:scale(1);box-shadow:0 0 #fc30}50%{transform:scale(1.1);box-shadow:0 0 20px #fc3c}to{transform:scale(1);box-shadow:0 0 #fc30}}.unlock-notification{color:#fc3;font-size:14px;margin:15px 0;padding:10px;background-color:#fc33;border-radius:5px;animation:glow 1.5s infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #ffcc3380}to{box-shadow:0 0 15px #fc3c}}.unlock-info{margin:10px 0;font-size:12px;color:#acf}.difficulty-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:400px;margin:15px auto}.difficulty-option{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:12px 24px;border-radius:12px;transition:all .3s ease;background:#00001480;border:2px solid transparent;position:relative;min-width:100px;height:50px}.difficulty-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(76,201,240,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;border-radius:10px}.difficulty-option:hover{background:#4cc9f026;transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.difficulty-option:hover:before{opacity:1}.difficulty-option.selected{background:#4cc9f033;border:2px solid var(--primary-blue);box-shadow:0 0 15px #4cc9f066}.difficulty-option[data-difficulty=easy]{border-color:#78dc7880}.difficulty-option[data-difficulty=easy].selected{background:#78dc7833;border-color:#78dc78cc;box-shadow:0 0 15px #78dc7866}.difficulty-option[data-difficulty=medium]{border-color:#4cc9f080}.difficulty-option[data-difficulty=medium].selected{background:#4cc9f033;border-color:#4cc9f0cc;box-shadow:0 0 15px #4cc9f066}.difficulty-option[data-difficulty=hard]{border-color:#f7258580}.difficulty-option[data-difficulty=hard].selected{background:#f7258533;border-color:#f72585cc;box-shadow:0 0 15px #f7258566}.difficulty-option span{font-size:12px;color:#fff;text-align:center;transition:color .3s ease;text-shadow:0 0 5px rgba(0,0,0,.5)}.difficulty-option[data-difficulty=easy]:hover span,.difficulty-option[data-difficulty=easy].selected span{color:#78dc78}.difficulty-option[data-difficulty=medium]:hover span,.difficulty-option[data-difficulty=medium].selected span{color:#4cc9f0}.difficulty-option[data-difficulty=hard]:hover span,.difficulty-option[data-difficulty=hard].selected span{color:#f72585}@media (max-width: 768px){html,body{overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.score-display{font-size:clamp(1.2em,6vw,2.2em);padding:3px 10px}.highscore-display{right:10px;top:15px;font-size:clamp(.7em,3vw,1.2em)}.sound-toggle{top:15px;left:10px}.sound-button{width:36px;height:36px;font-size:18px}.message-box{width:90%;max-width:100%;padding:20px 15px}.message-box h2{font-size:clamp(1em,5vw,1.8em);margin-bottom:10px}.message-box p{font-size:clamp(.7em,3vw,1em);margin-bottom:15px}.restart-button{padding:10px 15px;font-size:clamp(.8em,4vw,1.2em);margin-top:10px}.spacecraft-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin:10px 0}.spacecraft-option{width:auto;min-width:70px;height:auto;min-height:85px;padding:8px}.spacecraft-preview{width:40px;height:40px}.spacecraft-option span{font-size:10px}.spacecraft-tooltip,.powerup-tooltip,.difficulty-tooltip{display:none!important}.spacecraft-option:focus .spacecraft-tooltip,.powerup-icon-compact:focus .powerup-tooltip,.difficulty-option:focus .difficulty-tooltip{display:block!important;opacity:1!important;visibility:visible!important;bottom:130%;z-index:1000}.difficulty-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.difficulty-option{padding:8px;min-width:auto;height:auto;min-height:40px}.difficulty-option span{font-size:10px}.powerups-grid-compact{padding:8px;margin:10px 0}.powerups-grid-compact h3{font-size:12px;margin-bottom:6px}.powerup-icons{gap:8px}.powerup-icon-compact{width:30px;height:30px;font-size:15px}.active-powerups{top:50px;left:8px;gap:3px}.unlock-notification{font-size:12px;padding:8px;margin:10px 0}.unlock-info{font-size:10px;margin:6px 0}}@media (max-width: 375px){.spacecraft-selector{grid-template-columns:repeat(3,1fr)}.spacecraft-option{padding:5px;min-height:75px}.spacecraft-preview{width:35px;height:35px}.spacecraft-option span{font-size:8px}.restart-button{padding:8px 12px;font-size:.9em}.difficulty-option{padding:6px;min-height:35px}}@media (max-height: 600px){.message-box{top:0;transform:translate(-50%);margin-top:50px;max-height:85vh;overflow-y:auto}.spacecraft-selector,.powerups-grid-compact{margin:8px 0}}@media (max-width: 480px) and (orientation: portrait){.message-box{padding:15px 10px}.difficulty-selector{margin:5px 0}.spacecraft-selector{grid-template-columns:repeat(3,1fr);gap:5px;margin:5px 0}.powerups-grid-compact{padding:8px;margin:5px 0}}@media (max-height: 450px) and (orientation: landscape){.message-box{transform:translate(-50%,-50%);max-height:90vh;overflow-y:auto;padding:12px}.message-box h2{font-size:1em;margin-bottom:5px}.message-box p{margin-bottom:8px}.spacecraft-selector{grid-template-columns:repeat(5,1fr);gap:5px;margin:5px 0}.difficulty-selector{display:flex;margin:5px 0}.powerups-grid-compact{padding:5px;margin:5px 0}.restart-button{margin-top:5px}}@media (pointer: coarse){.sound-button{width:44px;height:44px}.restart-button{padding:12px 20px}.spacecraft-option,.difficulty-option,.powerup-icon-compact{position:relative}.spacecraft-option:active,.difficulty-option:active,.restart-button:active,.sound-button:active{transform:scale(.95);transition:transform .1s}.spacecraft-option:active .spacecraft-tooltip,.powerup-icon-compact:active .powerup-tooltip,.difficulty-option:active .difficulty-tooltip{display:block!important;opacity:1!important;visibility:visible!important;bottom:130%;z-index:1000}}@supports (-webkit-touch-callout: none){html,body{height:-webkit-fill-available}html{position:fixed;width:100%}.restart-button{-webkit-appearance:none;border-radius:10px}.spacecraft-option,.difficulty-option,.powerup-icon-compact,.sound-button,.restart-button{cursor:pointer;-webkit-tap-highlight-color:transparent}}@media (max-width: 768px){canvas#gameCanvas{width:100%;height:100%;position:fixed;top:0;left:0}}@media (max-width: 768px){.active-powerup{padding:2px 6px;background:#000014b3;border-radius:8px}.active-powerup-icon{width:16px;height:16px;font-size:8px}.active-powerup-duration{width:25px;font-size:10px}}