*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:"Press Start 2P",monospace;background:linear-gradient(180deg,#000,#001a33,#000);color:#0ff;box-shadow:0 0 5px #0ff;position:relative}.game-container{position:relative;width:100vw;height:100vh;overflow:hidden}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,transparent 10%,rgba(0,120,255,.15));pointer-events:none;z-index:1}.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.6) 2px,transparent 2px),linear-gradient(90deg,rgba(0,255,255,.6) 2px,transparent 2px);background-size:80px 80px;background-position:calc(50% - 40px) 0;animation:gridMove 20s linear infinite;z-index:1}.bg-grid:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,transparent 10%,rgba(0,120,255,.15));pointer-events:none}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(80px)}}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}.game-area{position:absolute;top:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.hidden{display:none!important;visibility:hidden!important;opacity:0!important}.visible{display:block!important;visibility:visible!important;opacity:1!important}.key-label,.key-highlight{display:inline-block;padding:2px 6px;margin:0 2px;border:2px solid currentColor;border-radius:4px;background:#0006;font-family:Rajdhani,sans-serif;font-size:.85em;line-height:1;text-shadow:0 0 8px currentColor}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}*::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px;box-shadow:0 0 10px #0ff}*::-webkit-scrollbar-thumb:hover{background:#40ffff}@media (max-width: 768px){body{font-size:10px}.game-container{min-height:66vh}}@media (min-width: 769px) and (max-width: 1024px){.game-container{max-width:100vw}}@media (min-width: 1025px){.game-container{max-width:100vw}}.cannon{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:4;top:70%;transform:scale(1.5) translateY(-70%);animation:shipFloating 3s ease-in-out infinite}.cannon.exploding{animation:cannonFall 1.2s ease-in forwards;animation-fill-mode:forwards;animation-name:cannonFall}.cannon.spawning{animation:cannonSpawn 1s ease-out forwards}.cannon .cannon-base{height:80;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;z-index:5;display:flex;align-items:center;justify-content:center;transition:transform .1s linear}.cannon .cannon-base .ship-sprite{width:80px;height:50px;background-repeat:no-repeat;background-size:320px 50px;animation:shipSpriteAnim .6s steps(4) infinite;filter:drop-shadow(0 0 0px blsck);position:relative;image-rendering:pixelated}.cannon .cannon-base .ship-sprite .central-flame{position:absolute;left:50%;bottom:-80px;transform:translate(-50%);width:24px;height:80px;background:radial-gradient(ellipse at top,rgba(255,255,255,.9) 0%,rgba(255,0,0,.8) 30%,rgba(180,0,0,.2) 60%,transparent 100%);filter:blur(3px);transform-origin:top center;animation:centralFlame .3s infinite alternate;pointer-events:none;z-index:-1}.cannon .cannon-base .ship-sprite:before,.cannon .cannon-base .ship-sprite:after{content:"";position:absolute;bottom:-20px;width:12px;height:40px;background:radial-gradient(ellipse at center,rgba(255,255,255,.9) 0%,rgba(255,200,0,.8) 40%,rgba(255,100,0,.5) 70%,transparent 100%);filter:blur(2px);transform-origin:top center;animation:engineFlame .25s infinite alternate;pointer-events:none;z-index:-1}.cannon .cannon-base .ship-sprite:before{left:14px}.cannon .cannon-base .ship-sprite:after{right:14px}@media (max-width: 768px){.cannon .cannon-base .ship-sprite{width:60px;height:38px;background-size:240px 38px}}.cannon .cannon-barrel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:80px;background:linear-gradient(90deg,#fff,red 30%,red 70%,#fff);border:1px solid black;border-radius:3px;box-shadow:0 0 15px #0ff;z-index:3;clip-path:inset(0 0 50% 0);transition:transform .03s linear}.cannon.reloading .cannon-barrel{animation:reloadPulse .5s ease-in-out infinite alternate}.lives-ships{display:flex;justify-content:center;align-items:center;gap:6px}.lives-ships .life-ship{width:30x;height:30px;display:flex;justify-content:center;align-items:center}.lives-ships .life-ship .mini-ship{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.compact-lives-ships{display:flex;justify-content:center;align-items:center;gap:3px}.compact-lives-ships .compact-mini-ship{width:20px;height:20px;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center}.compact-lives-ships .compact-mini-ship .life-ship-icon{width:100%;height:100%;object-fit:contain}@keyframes shipFloating{0%,to{transform:scale(1.5) translateY(0) rotate(0)}25%{transform:scale(1.5) translateY(-8px) rotate(1deg)}50%{transform:scale(1.5) translateY(-4px) rotate(-.5deg)}75%{transform:scale(1.5) translateY(-12px) rotate(.8deg)}}@keyframes cannonGlow{0%{box-shadow:0 0 20px #0ff}to{box-shadow:0 0 30px #0ff}}@keyframes shipSpriteAnim{0%{background-position:0 0}to{background-position:-320px 0}}@keyframes reloadPulse{0%{box-shadow:0 0 15px #ff0080;border-color:#ff0080}to{box-shadow:0 0 25px #f66;border-color:#f99}}@keyframes engineFlame{0%{transform:scaleY(.8);opacity:.7}50%{transform:scaleY(1.1);opacity:1}to{transform:scaleY(.9);opacity:.65}}@keyframes centralFlame{0%{transform:translate(-50%) scaleY(.9);opacity:.75}50%{transform:translate(-50%) scaleY(1.2);opacity:1}to{transform:translate(-50%) scaleY(1);opacity:.7}}@keyframes cannonFall{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-40%,80%) rotate(180deg)}to{transform:translate(-30%,350%) rotate(360deg)}}@keyframes cannonSpawn{0%{transform:translate(-50%,300%) scale(.7);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.falling-letter{position:absolute;width:100px;height:100px;z-index:2;animation:letterFall linear infinite;perspective:400px}.falling-letter .cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:swayCube 4s linear infinite}.falling-letter .face{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-family:"Press Start 2P",monospace;font-weight:700;color:currentColor;background:#000000e6;border:2px solid currentColor;box-shadow:0 0 6px currentColor;text-shadow:none}.falling-letter .front{transform:translateZ(50px)}.falling-letter .back{transform:rotateY(180deg) translateZ(50px)}.falling-letter .right{transform:rotateY(90deg) translateZ(50px)}.falling-letter .left{transform:rotateY(-90deg) translateZ(50px)}.falling-letter .top{transform:rotateX(90deg) translateZ(50px)}.falling-letter .bottom{transform:rotateX(-90deg) translateZ(50px)}.falling-letter.highlighted{font-size:40px!important;font-weight:900!important;text-shadow:0 0 20px currentColor;text-shadow:0 0 40px currentColor;animation:letterFall linear infinite,letterColorShift .8s ease-in-out infinite,highlightedImagePulse .3s ease-in-out infinite alternate;transform:translateY(-2px);box-shadow:0 0 30px currentColor,inset 0 2px #fff3,inset 0 -2px #0006,0 6px 12px #0009}.falling-letter.highlighted:before{animation:letterInnerGlow .5s ease-in-out infinite alternate}.falling-letter.highlighted:after{animation:letterBorderPulse .4s ease-in-out infinite alternate}.falling-letter.cube-wrapper{border:none;box-shadow:none;animation:letterFall linear infinite}@keyframes letterFall{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}@keyframes letterColorShift{0%{color:#ff0080;text-shadow:0 0 15px #ff0080;border-color:#ff0080;transform:scale(1)}16.66%{color:#ff8000;text-shadow:0 0 15px #ff8000;border-color:#ff8000;transform:scale(1.02)}33.33%{color:#ff0;text-shadow:0 0 15px #ffff00;border-color:#ff0;transform:scale(1.05)}50%{color:#0f0;text-shadow:0 0 15px #00ff00;border-color:#0f0;transform:scale(1.02)}66.66%{color:#0080ff;text-shadow:0 0 15px #0080ff;border-color:#0080ff;transform:scale(1)}83.33%{color:#8000ff;text-shadow:0 0 15px #8000ff;border-color:#8000ff;transform:scale(1.02)}to{color:#ff0080;text-shadow:0 0 15px #ff0080;border-color:#ff0080;transform:scale(1)}}@keyframes letterInnerGlow{0%{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 60%);transform:scale(.95)}to{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 80%);transform:scale(1.05)}}@keyframes letterBorderPulse{0%{border-color:#ff0080;box-shadow:0 0 10px #ff0080;transform:scale(1)}to{border-color:#ff66b3;box-shadow:0 0 20px #ff0080;transform:scale(1.02)}}@keyframes highlightedImagePulse{0%{filter:drop-shadow(0 0 20px #00ffff);transform:scale(1.1)}to{filter:drop-shadow(0 0 30px #00ffff);transform:scale(1.2)}}@keyframes swayCube{0%{transform:rotateX(-5deg) rotateY(-45deg) rotate(-5deg)}50%{transform:rotateX(5deg) rotateY(45deg) rotate(5deg)}to{transform:rotateX(-5deg) rotateY(-45deg) rotate(-5deg)}}@media (max-width: 600px){.falling-letter{width:56px;height:56px}.falling-letter .cube{transform:none!important}.falling-letter .face{display:none}.falling-letter .front{display:flex;background:transparent;border:none;font-size:36px;box-shadow:none}}.sector-info{margin:12px;z-index:25}.sector-panel{padding:12px 30px;text-align:center;background:transparent}.sector-label{font-size:12px;color:#00ff80;text-shadow:0 0 5px #00ff80;margin-bottom:6px;font-family:"Press Start 2P",monospace;letter-spacing:2px}.sector-name{font-size:18px;margin-bottom:6px;color:#00ff80;text-shadow:0 0 15px #00ff80;font-family:"Press Start 2P",monospace;font-weight:400}.sector-description{font-size:12px;color:#0ff;opacity:.9;font-family:"Press Start 2P",monospace;font-weight:400}.sector-info-large{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;width:80%;max-width:800px;animation:sectorInfoAppear .5s ease-out}.sector-panel-large{background:linear-gradient(135deg,#001e3cf2,#001428fa);border:5px solid #00ff80;border-radius:12px;padding:50px;text-align:center;box-shadow:0 0 50px #00ff8066,inset 0 0 30px #00ff8040;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:sectorLargeGlow 3s ease-in-out infinite alternate}.sector-label-large{font-size:16px;color:#00ff80;text-shadow:0 0 10px #00ff80;margin-bottom:18px;font-family:"Press Start 2P",monospace;letter-spacing:3px}.sector-name-large{font-size:24px;margin-bottom:18px;color:#00ff80;text-shadow:0 0 25px #00ff80;font-family:"Press Start 2P",monospace;font-weight:400}.sector-description-large{font-size:18px;color:#0ff;opacity:.9;font-family:"Press Start 2P",monospace;font-weight:400;line-height:1.5}.sector-panel-large:after{content:"Presiona enter para continuar";display:block;font-size:14px;color:#0ff;margin-top:30px;opacity:.8;font-family:"Press Start 2P",monospace;animation:blinkText 1.5s infinite}@keyframes sectorGlow{0%{box-shadow:0 0 30px #00ffff4d,inset 0 0 20px #00ffff1a;border-color:#0ff}to{box-shadow:0 0 50px #00ffff4d,inset 0 0 30px #0ff3;border-color:#40ffff}}@keyframes sectorLargeGlow{0%{box-shadow:0 0 50px #00ffff4d,inset 0 0 30px #0ff3;border-color:#0ff}to{box-shadow:0 0 80px #00ffff4d,inset 0 0 50px #00ffff4d;border-color:#40ffff}}@keyframes sectorInfoAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes blinkText{0%,to{opacity:.8}50%{opacity:.4}}.hud{background:#000000e6;border:2px solid #00ffff;border-radius:10px;box-shadow:0 0 20px #00ffff4d,inset 0 0 15px #00ffff1a;position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:center;align-items:center;z-index:25;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud .instrument-panel{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:700px;gap:30px}.hud .instrument-panel .score-display,.hud .instrument-panel .lives-display{background:#000000e6;border:2px solid #00ffff;border-radius:10px;box-shadow:0 0 20px #00ffff4d,inset 0 0 15px #00ffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:250px;text-align:center}.hud .instrument-panel .score-display .instrument-label,.hud .instrument-panel .lives-display .instrument-label{font-size:8px;color:#0ff;text-shadow:0 0 8px #00ffff;margin-bottom:6px;font-family:"Press Start 2P",monospace;letter-spacing:2px}.hud .instrument-panel .score-value{font-size:28px;color:#0ff;text-shadow:0 0 20px #00ffff;font-family:"Press Start 2P",monospace;font-weight:400;letter-spacing:3px;animation:scoreAnimation .5s ease-out}.mute-toggle{background:#000000e6;border:2px solid #00ffff;border-radius:15px;box-shadow:0 0 20px #00ffff4d,inset 0 0 15px #00ffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;cursor:pointer;transition:all .3s ease-in-out}.mute-toggle .instrument-label{font-size:8px;color:#0ff;text-shadow:0 0 5px #00ffff;margin-bottom:6px;font-family:"Press Start 2P",monospace;letter-spacing:2px}.mute-toggle .mute-icon{width:20px;height:20px;color:#0ff}.mute-toggle.unmuted{border-color:#00ff80;box-shadow:0 0 20px #00ff804d}.mute-toggle.unmuted svg{color:#00ff80}.mute-toggle.muted{border-color:#ff0080;box-shadow:0 0 20px #ff00804d}.mute-toggle.muted svg{color:#ff0080}.mute-toggle:hover{transform:scale(1.05);box-shadow:0 0 25px #0ff}.mute-toggle:active{transform:scale(.95)}.compact-hud{background:linear-gradient(135deg,#000814f2,#001932f2);border:2px solid #00ffff;border-radius:15px;padding:12px 18px;box-shadow:0 0 20px #00ffff4d,inset 0 0 15px #00ffff26,0 0 40px #00ffff4d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);animation:compactHudGlow 3s ease-in-out infinite alternate}.compact-instrument-panel{display:flex;justify-content:center;align-items:center;gap:25px}.compact-score-display{background:#0000004d;border:2px solid #ff00ff;padding:6px 12px;border-radius:6px;text-align:center;min-width:180px;box-shadow:0 0 15px #f0f6,inset 0 0 10px #ff00ff40;display:flex;flex-direction:column;align-items:center;justify-content:space-around;min-height:60px}.compact-instrument-label{font-size:8px;color:#0ff;text-shadow:0 0 8px #00ffff;margin-bottom:3px;font-family:"Press Start 2P",monospace;letter-spacing:1px}.compact-score-value{font-size:18px;color:#0ff;text-shadow:0 0 15px #00ffff;font-family:"Press Start 2P",monospace;font-weight:400;letter-spacing:2px;animation:compactScoreGlow .5s ease-out}.compact-lives-display{background:#0000004d;border:2px solid #00ff80;padding:6px 12px;border-radius:6px;text-align:center;box-shadow:0 0 15px #00ff8066,inset 0 0 10px #00ff8040;min-width:100px;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.compact-mute-toggle{background:#0000004d;border:2px solid #ffff00;padding:6px 12px;border-radius:6px;text-align:center;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 0 15px #ff06,inset 0 0 10px #ffff0040;min-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;min-height:60px}.compact-mute-icon{display:flex;justify-content:center;align-items:center}.compact-mute-toggle.unmuted{color:#0ff;border-color:#0ff}.compact-mute-toggle.unmuted svg{filter:drop-shadow(0 0 5px #00ffff)}.compact-mute-toggle.muted{color:#f06;border-color:#f06;box-shadow:0 0 15px #ff00664d}.compact-mute-toggle.muted svg{filter:drop-shadow(0 0 5px #ff0066)}.compact-mute-toggle:hover{transform:scale(1.05);box-shadow:0 0 25px #00ffff4d}.compact-mute-toggle:active{transform:scale(.95)}.compact-score-display .compact-instrument-label,.compact-score-display .compact-score-value{color:#f0f;text-shadow:0 0 10px #ff00ff}.compact-lives-display .compact-instrument-label{color:#00ff80;text-shadow:0 0 10px #00ff80}.compact-mute-toggle .compact-instrument-label{color:#ff0;text-shadow:0 0 10px #ffff00}.compact-mute-toggle .compact-mute-icon svg{color:#ff0}.compact-lives-display .life-heart{color:#f06}.compact-lives-display .life-ship-icon{object-fit:contain}.start-btn{background:#0ff;border:2px solid #001a33;border-radius:10px;color:#001a33;cursor:pointer;transition:all .3s ease-in-out;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px;padding:12px 24px;display:flex;align-items:center;justify-content:center;width:100%}.start-btn:hover{background:#0ff3;box-shadow:0 0 20px #0ff;transform:scale(1.05)}.start-btn:active{transform:scale(.95)}.continue-btn{background:#00ff80;border:2px solid #008000;border-radius:10px;color:green;cursor:pointer;transition:all .3s ease-in-out;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px;padding:12px 24px;display:flex;align-items:center;justify-content:center;width:100%}.continue-btn:hover{background:#00ff8033;box-shadow:0 0 20px #00ff80;transform:scale(1.05)}.continue-btn:active{transform:scale(.95)}@keyframes scoreAnimation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes compactHudGlow{0%{box-shadow:0 0 20px #00ffff4d,inset 0 0 15px #00ffff26}to{box-shadow:0 0 30px #00ffff4d,inset 0 0 20px #00ffff40}}@keyframes compactScoreGlow{0%{transform:scale(1);color:#0ff;text-shadow:0 0 15px #00ffff}25%{transform:scale(1.5);color:#ff0;text-shadow:0 0 25px #ffff00}50%{transform:scale(2);color:#0f0;text-shadow:0 0 30px #00ff00}75%{transform:scale(1.5);color:#ff0;text-shadow:0 0 25px #ffff00}to{transform:scale(1);color:#0ff;text-shadow:0 0 15px #00ffff}}.hand-maps-container{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:18px;z-index:8;pointer-events:none}@media (max-width: 768px){.hand-maps-container{flex-direction:column;gap:6px}}.hand-map{background:#0000004d;border:2px solid #ff8000;border-radius:8px;box-shadow:0 0 20px #ff8000;animation:handMapGlow 2s ease-in-out infinite alternate}.hand-map-left{align-self:flex-start}.hand-map-right{align-self:flex-end}.hand-visual{display:flex;justify-content:center;align-items:center;position:relative;width:140px;height:220px;margin-bottom:6px}.pixel-palm{background:#ff800033;border:2px solid #ff8000;transition:all .3s ease-in-out;transform:perspective(150px) rotateX(-30deg) scaleY(1)}.pixel-finger{background:#ff80004d;border:1.5px solid #ff8000;transition:all .3s ease-in-out}.pixel-palm.highlighted,.pixel-finger.highlighted{background:#00fffff2;border-color:#fff;border-width:3px;box-shadow:0 0 32px 12px #0ff,0 0 3px 1px #fff;filter:drop-shadow(0 0 24px #00ffff) brightness(1.3) saturate(1.5);animation:fingerPulse 1s cubic-bezier(.4,0,.6,1) infinite alternate,fingerGlowExtra 3s ease-in-out infinite alternate;z-index:10}.pixel-palm.subtle-highlight,.pixel-finger.subtle-highlight{background:#00ffff40;border-color:#0ff;box-shadow:0 0 10px 4px #0ff6;filter:brightness(1.15)}@keyframes fingerGlowExtra{0%{box-shadow:0 0 32px 12px #0ff,0 0 3px 1px #fff}to{box-shadow:0 0 48px 20px #fff 0 0 16px 4px #fff}}@keyframes handMapGlow{0%{box-shadow:0 0 20px #ff8000}to{box-shadow:0 0 30px #ff8000}}@keyframes fingerPulse{0%{fill:#00ffffb3;stroke:#0ff}to{fill:#00ffffe6;stroke:#40ffff}}.meteorite{display:block;pointer-events:none;filter:drop-shadow(0 0 10px #ff6600);-webkit-user-select:none;user-select:none;background-image:url(../../assets/images/asteroid-01_40px.png)}.force-field{position:absolute;border-radius:50%;animation:forceFieldGrow .5s ease-out,forceFieldPulse 2s ease-in-out infinite alternate;pointer-events:none;z-index:5}@keyframes meteoriteGlow{0%{box-shadow:0 0 15px #ff4500}to{box-shadow:0 0 25px #ff4500}}@keyframes forceFieldGrow{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes forceFieldPulse{0%{transform:translate(-50%,-50%) scale(1);border-color:#0ff;box-shadow:0 0 50px #0ff;background:radial-gradient(circle,rgba(0,255,255,.2) 0%,rgba(0,128,255,.1) 50%,transparent 100%)}to{transform:translate(-50%,-50%) scale(1.05);border-color:#0080ff;box-shadow:0 0 80px #0080ff;background:radial-gradient(circle,rgba(0,255,255,.3) 0%,rgba(0,128,255,.2) 50%,transparent 100%)}}.instructions,.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#001e3cf2,#001428fa);border:2px solid #8000ff;border-radius:10px;padding:30px;text-align:center;z-index:9999;box-shadow:0 0 30px #8000ff;animation:instructionsGlow 2s ease-in-out infinite alternate}.instructions p,.game-over p{color:#fff;margin-bottom:12px;line-height:1.5;font-size:18px}.game-over{border-color:#ff0080;box-shadow:0 0 30px #ff0080;min-width:35%}.game-over h2{color:#ff0080;font-size:24px;text-shadow:0 0 20px #ff0080;margin:8px;line-height:1.3}.game-over p span{color:#0ff;font-weight:700}.game-over .game-over-buttons{display:flex;gap:12px;justify-content:center}.toggle-instructions-btn{background:transparent;border:2px solid #8000ff;color:#8000ff;font-family:"Press Start 2P",monospace;padding:6px 10px;margin-bottom:12px;cursor:pointer;text-shadow:0 0 8px #8000ff}.toggle-instructions-btn:hover{border:2px solid #cb97ff}.instruction-details{text-align:left;margin-left:12px}.central-message.countdown-only{background:transparent;border:none;box-shadow:none;animation:none}.central-message.countdown-only .central-message-content{padding:0}.central-message.countdown-only .countdown-number{text-shadow:none;text-shadow:0 0 0px none}.floating-combo-message{position:absolute;top:50%;right:40px;transform:translateY(-50%);background:#ff0000e6;box-shadow:inset 0 0 15px #0009;border:2px solid #ff0000;border-radius:15px;padding:18px;text-align:center;z-index:12;box-shadow:0 0 20px #f0f;animation:floatingMessageGlow 1.2s ease-in-out infinite alternate,comboMessageSlideIn .6s ease-out,comboPulse .8s ease-in-out infinite}.floating-combo-message .floating-combo-content{color:#12002b;font-size:18px;line-height:1.4;font-family:"Press Start 2P",monospace}.floating-order-message{position:absolute;top:50%;left:40px;transform:translateY(-50%);background:#ffff00e6;box-shadow:inset 0 0 15px #0000001a;border:2px solid #00ffff;border-radius:15px;padding:18px;text-align:center;z-index:12;box-shadow:0 0 20px #0ff;animation:floatingMessageGlow 1.2s ease-in-out infinite alternate,orderMessageSlideIn .6s ease-out,comboPulse .8s ease-in-out infinite}.floating-order-message .floating-order-content{color:#12002b;font-size:18px;line-height:1.4;font-family:"Press Start 2P",monospace}.central-message,.combo-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#001e3cf2,#001428fa);border:3px solid #ff8000;border-radius:10px;padding:30px;text-align:center;z-index:15;box-shadow:0 0 30px #ff8000;animation:centralMessageGlow 2s ease-in-out infinite alternate}.central-message .central-message-content,.central-message .combo-message-content,.combo-message .central-message-content,.combo-message .combo-message-content{color:#fff;font-size:20px;line-height:1.5;margin-bottom:18px;font-family:"Press Start 2P",monospace}.central-message .countdown .countdown-number,.combo-message .countdown .countdown-number{font-size:64px;color:#0ff;text-shadow:0 0 20px #00ffff;margin-bottom:6px;font-family:"Press Start 2P",monospace}.central-message .countdown .countdown-number.horizon-anim,.combo-message .countdown .countdown-number.horizon-anim{animation:fromHorizon .6s ease-out forwards}.central-message .countdown .countdown-text,.combo-message .countdown .countdown-text{font-size:18px;color:#fff;font-family:"Press Start 2P",monospace}.central-message .status-message .message-line,.combo-message .status-message .message-line{margin-bottom:6px}.central-message .status-message .key-highlight,.combo-message .status-message .key-highlight{color:#0ff;font-weight:700;text-shadow:0 0 8px #00ffff}.instructions{transition:all .3s ease-in-out;cursor:pointer}.instructions:hover{transform:translate(-50%,-50%) scale(1.02);box-shadow:0 0 40px #00ffff4d;border-color:#40ffff}@keyframes instructionsGlow{0%{box-shadow:0 0 30px #00ffff4d}to{box-shadow:0 0 50px #00ffff4d}}@keyframes floatingMessageGlow{0%{box-shadow:0 0 20px #00ffff4d}to{box-shadow:0 0 30px #00ffff4d}}@keyframes centralMessageGlow{0%{box-shadow:0 0 30px #00ffff4d;border-color:#0ff}to{box-shadow:0 0 50px #00ffff4d;border-color:#40ffff}}@keyframes comboMessageSlideIn{0%{transform:translateY(-50%) translate(100%) scale(.3);opacity:0}50%{transform:translateY(-50%) translate(20px) scale(1.1);opacity:.8}to{transform:translateY(-50%) translate(0) scale(1);opacity:1}}@keyframes orderMessageSlideIn{0%{transform:translateY(-50%) translate(-100%) scale(.3);opacity:0}50%{transform:translateY(-50%) translate(-20px) scale(1.1);opacity:.8}to{transform:translateY(-50%) translate(0) scale(1);opacity:1}}@keyframes comboPulse{0%{transform:translateY(-50%) scale(1);box-shadow:0 0 20px #f0f9}50%{transform:translateY(-50%) scale(1.15);box-shadow:0 0 35px #ff00ffe6}to{transform:translateY(-50%) scale(1);box-shadow:0 0 20px #f0f9}}@keyframes fromHorizon{0%{transform:translateY(-200px) scale(0);opacity:0}50%{transform:translateY(-10px) scale(1);opacity:1}to{transform:translateY(20px) scale(1.5);opacity:0}}@keyframes neonTitleColors{0%{-webkit-text-stroke:2px #ff00ff;text-shadow:0 0 8px #ff00ff,0 0 16px #ff00ff}25%{-webkit-text-stroke:2px #00ffff;text-shadow:0 0 8px #00ffff,0 0 16px #00ffff}50%{-webkit-text-stroke:2px #ffff00;text-shadow:0 0 8px #ffff00,0 0 16px #ffff00}75%{-webkit-text-stroke:2px #00ff00;text-shadow:0 0 8px #00ff00,0 0 16px #00ff00}to{-webkit-text-stroke:2px #ff00ff;text-shadow:0 0 8px #ff00ff,0 0 16px #ff00ff}}.neon-title{display:inline-block;white-space:nowrap}.neon-letter{display:inline-block;font-size:72px;line-height:1;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:px #ff00ff;letter-spacing:2px;margin-top:-40px;animation:neonLetterColors 1s linear infinite}.mobile-title .neon-letter{font-size:48px;margin-top:20px}@keyframes neonLetterColors{0%{-webkit-text-stroke:1px rgb(255,0,255);text-shadow:0 0 8px rgba(255,0,255,.1),0 0 16px rgba(255,0,255,.1)}20%{-webkit-text-stroke:1px rgb(0,255,255);text-shadow:0 0 8px rgba(0,255,255,.1),0 0 16px rgba(0,255,255,.1)}40%{-webkit-text-stroke:1px rgb(255,255,1);text-shadow:0 0 8px rgba(255,255,0,.1),0 0 16px rgba(255,255,0,.1)}60%{-webkit-text-stroke:1px rgb(0,255,0);text-shadow:0 0 8px rgba(0,255,0,.1),0 0 16px rgba(0,255,0,.1)}80%{-webkit-text-stroke:1px rgb(255,0,153);text-shadow:0 0 8px rgba(255,0,153,.1),0 0 16px rgba(255,0,153,.1)}to{-webkit-text-stroke:1px rgb(255,0,255);text-shadow:0 0 8px rgba(255,0,255,.1),0 0 16px rgba(255,0,255,.1)}}.game-container{background:#000000e6;border:2px solid #00ffff;border-radius:12px;box-shadow:0 0 20px #00ffff4d,inset 0 0 15px #00ffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:1600px;width:95%;height:100vh;margin:0 auto;position:relative;z-index:1;overflow:hidden;box-shadow:0 0 50px #00ffff4d,inset 0 0 100px #00ffff1a}.game-container .bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgb(0,255,255) 2px,transparent 2px),linear-gradient(90deg,rgb(0,255,255) 2px,transparent 2px),linear-gradient(rgba(0,128,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(0,128,255,.6) 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px;background-position:calc(50% - 1px) 0,calc(50% - 1px) 0,calc(50% - 1px) 0,calc(50% - 1px) 0;transform:perspective(1200px) rotateX(80deg) scale(4) translateY(100px);transform-origin:center 70%;animation:gridScroll 2s linear infinite;z-index:1;opacity:.6;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 20%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.6) 60%,rgba(255,255,255,.8) 80%,rgb(255,255,255) 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 20%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.6) 60%,rgba(255,255,255,.8) 80%,rgb(255,255,255) 100%);box-shadow:inset 0 0 100px #00ffff1a,0 0 50px #0ff3}.game-container .bg-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,transparent 25%,rgba(0,0,0,.1) 45%,rgba(0,0,0,.3) 65%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.9) 100%);pointer-events:none;z-index:2}.game-area{position:relative;width:100%;height:100%;overflow:hidden;z-index:5}.integrated-control-panel{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;align-items:flex-end;z-index:25;gap:18px}@media (max-width: 768px){.game-area{width:100%}body{font-size:14px;overflow-x:hidden}}@keyframes gridScroll{0%{background-position:calc(50% - 1px) 0,calc(50% - 1px) 0,calc(50% - 1px) 0,calc(50% - 1px) 0}to{background-position:calc(50% - 1px) 80px,calc(50% - 1px) 80px,calc(50% - 1px) 80px,calc(50% - 1px) 80px}}@media (max-width: 768px){.game-container{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.game-container input,.game-container textarea{font-size:16px!important}}@media (max-width: 768px){.integrated-control-panel{flex-direction:column;gap:4px}.integrated-control-panel .control-section{display:none}.integrated-control-panel .central-instruments{width:100%;max-width:100%}.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel{flex-direction:row;justify-content:space-between;align-items:center;padding:6px 8px;background:linear-gradient(135deg,#000000e6,#001a33e6);border:1px solid #00ffff;border-radius:6px;box-shadow:0 0 12px #00ffff4d}.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-score-display,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-lives-display,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-mute-toggle{flex:1;text-align:center}.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-score-display .compact-instrument-label,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-lives-display .compact-instrument-label,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-mute-toggle .compact-instrument-label{font-size:7px;margin-bottom:1px;letter-spacing:.3px}.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-score-display .compact-score-value,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-lives-display .compact-score-value,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-mute-toggle .compact-score-value{font-size:10px;letter-spacing:.5px}.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-score-display .compact-lives-ships,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-lives-display .compact-lives-ships,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-mute-toggle .compact-lives-ships{justify-content:center;gap:2px}.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-score-display .compact-lives-ships .compact-life-ship .compact-mini-ship,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-lives-display .compact-lives-ships .compact-life-ship .compact-mini-ship,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-mute-toggle .compact-lives-ships .compact-life-ship .compact-mini-ship{width:12px;height:12px}.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-score-display .compact-mute-icon svg,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-lives-display .compact-mute-icon svg,.integrated-control-panel .central-instruments .compact-hud .compact-instrument-panel .compact-mute-toggle .compact-mute-icon svg{width:12px;height:12px}}@media (max-width: 768px){.hand-maps-container{display:none!important}}@media (max-width: 768px){.game-area{padding-bottom:20px}}@media (max-width: 768px){.falling-letter{width:60px!important;height:60px!important}.falling-letter span{font-size:30px!important}}@media (max-width: 768px){.cannon .cannon-base{width:60px;height:60px}.cannon .cannon-base:before{width:20px;height:20px}.cannon .cannon-barrel{width:6px;height:45px}.cannon .ship-sprite{width:120px!important;height:75px!important;background-size:480px 75px!important}.cannon .ship-sprite .central-flame{bottom:-120px!important;width:36px!important;height:120px!important}}@media (max-width: 768px){.meteorite{width:20px!important;height:20px!important}}@media (max-width: 768px){.central-message,.floating-combo-message,.floating-order-message{font-size:12px;padding:6px 8px;max-width:95%;border-radius:4px;border:1px solid #00ffff}}@media (max-width: 768px){.start-btn-mobile{display:block;width:80%;margin:30px auto;padding:18px 30px;font-size:18px;font-family:"Press Start 2P",monospace;color:#fff;border:3px solid #40ffff;border-radius:10px;cursor:pointer;text-align:center;text-shadow:0 0 10px #fff;box-shadow:0 0 30px #0ff;transition:all .2s ease-out}.start-btn-mobile:hover{transform:scale(1.05);box-shadow:0 0 40px #40ffff}.start-btn-mobile:active{transform:scale(.95)}}.mobile-hud .mobile-panel{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:2px 4px!important;background:none!important;border:none!important}@media (max-width: 768px){.instructions-panel{padding:8px}.instructions-panel .instructions-content{font-size:10px}.instructions-panel .instructions-content h2{font-size:14px;margin-bottom:6px}.instructions-panel .instructions-content .instruction-step{font-size:9px;margin-bottom:4px;line-height:1.2}.instructions-panel .instructions-content .instruction-buttons{gap:6px}.instructions-panel .instructions-content .instruction-buttons button{padding:6px 8px;font-size:10px;border-radius:4px}}@media (max-width: 768px){.start-btn-mobile{display:block;width:80%;margin:30px auto;padding:18px 30px;font-size:18px;font-family:"Press Start 2P",monospace;color:#fff;border:3px solid #40ffff;border-radius:10px;cursor:pointer;text-align:center;text-shadow:0 0 10px #fff;box-shadow:0 0 30px #0ff;transition:all .2s ease-out;background:transparent}.start-btn-mobile:hover{transform:scale(1.05);box-shadow:0 0 40px #40ffff}.start-btn-mobile:active{transform:scale(.95)}}@media (max-width: 768px){.game-over{padding:20px;width:80%}.game-over h2{font-size:24px;margin-bottom:6px}.game-over .final-score{font-size:12px;margin-bottom:8px}.game-over .game-over-buttons{display:flex;flex-direction:column;gap:12px}.game-over .game-over-buttons button svg{margin-right:6px}}@media (max-width: 768px){.game-container{padding:4px}}@media (max-width: 768px){.sector-hud{padding:4px 6px;border-radius:4px;border:1px solid #00ffff}.sector-hud .sector-info{font-size:8px;letter-spacing:.3px}.sector-hud .sector-progress{height:4px;border-radius:2px}}@media (max-width: 768px){.floating-message{font-size:10px;padding:4px 6px;border-radius:3px;border:1px solid #00ffff;max-width:90%}}@media (max-width: 768px){.bg-grid{background-size:40px 40px}}@media (max-width: 768px){.force-field{border-width:2px!important;box-shadow:0 0 40px #0ff,inset 0 0 30px #00ffff4d!important}}@media (max-width: 768px){.bullet{height:2px!important;box-shadow:0 0 8px red,0 0 16px red!important}}@media (max-width: 768px){.explosion{width:60px!important;height:60px!important}}@media (max-width: 768px){.particle{width:3px!important;height:3px!important}}.mobile-hud .mobile-panel{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:2px 4px!important;background:none!important;border:none!important;box-shadow:none!important;min-width:0!important;width:auto!important}.mobile-hud .mobile-panel{display:flex!important;flex-direction:row!important;justify-content:space-between!important;text-shadow:0 0 2px #00ffff!important}.mobile-hud .mobile-value{font-size:16px!important;letter-spacing:1px!important;color:#fff!important;text-shadow:0 0 5px #00ffff!important}.mobile-hud .mobile-lives-ships{display:flex!important;gap:2px!important}.mobile-hud .mobile-lives-ships .mobile-life-ship .mobile-mini-ship{width:14px!important;height:14px!important}.mobile-hud .mobile-mute-icon{color:#0ff!important;filter:drop-shadow(0 0 2px #00ffff)!important}.horizon-line{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:4px;background:linear-gradient(to right,transparent 0%,#4400ff 15%,#4400ff 85%,transparent 100%);box-shadow:0 -15px 50px #110072e6,0 0 40px 8px #110072;opacity:.75;pointer-events:none;z-index:2}.horizon-line:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140%;height:240px;background:radial-gradient(ellipse at center,rgba(100,0,255,.8) 0%,rgba(50,0,150,.4) 40%,transparent 0%);filter:blur(100px);opacity:1;pointer-events:none}@media (max-width: 768px){.horizon-line{bottom:100px;height:3px;background:linear-gradient(to right,transparent 0%,#ffffff 15%,#ffffff 85%,transparent 100%);box-shadow:0 0 12px 4px #ffffffe6,0 0 50px 10px #fffc}.horizon-line:after{width:160%;height:180px;filter:blur(40px)}}.level-selector-container{position:relative;z-index:100;width:100%;max-width:600px;margin:20px auto}.level-selector-btn{width:100%;background:linear-gradient(135deg,#00ffff1a,#ff00801a);border:2px solid #00ffff;border-radius:8px;padding:15px 20px;color:#0ff;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;font-family:Orbitron,monospace;text-align:left;box-shadow:0 0 15px #00ffff4d}.level-selector-btn:hover{border-color:#ff0080;color:#ff0080;box-shadow:0 0 25px #ff008080;transform:translateY(-2px)}.level-selector-btn .selected-level-info{display:flex;flex-direction:column;gap:4px}.level-selector-btn .selected-level-info .selected-level-name{font-size:16px;font-weight:700;color:#fff}.level-selector-btn .selected-level-info .selected-level-desc{font-size:12px;color:#888;font-weight:400}.level-selector-btn .dropdown-arrow{font-size:18px;font-weight:700;transition:transform .3s ease}.level-cards-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#000000f2;border:2px solid #00ffff;border-radius:12px;box-shadow:0 10px 30px #0ff6;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.level-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:15px;max-height:45vh;overflow-y:auto}.level-cards-grid::-webkit-scrollbar{width:8px}.level-cards-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.level-cards-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#ff0080);border-radius:4px}.level-card{background:linear-gradient(135deg,#000c,#00ffff0d);border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(0,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.level-card:hover{border-color:#ff0080;transform:translateY(-3px);box-shadow:0 8px 25px #ff00804d}.level-card:hover:before{opacity:1}.level-card:hover .level-card-title{color:#ff0080}.level-card.selected{border-color:#0f0;background:linear-gradient(135deg,#00ff001a,#00ffff0d);box-shadow:0 0 20px #0f06}.level-card.selected .level-card-title{color:#0f0}.level-card.selected .level-number{box-shadow:0 0 20px #ffffffb3}.level-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.level-number{background:linear-gradient(135deg,#0ff,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:12px;font-weight:700;font-family:Orbitron,monospace;padding:4px 8px;border:1px solid rgba(0,255,255,.5);border-radius:4px;background-color:#00ffff1a}.level-difficulty{color:#ff0;font-size:14px;text-shadow:0 0 5px #ffff00}.level-card-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;font-family:Orbitron,monospace;transition:color .3s ease}.level-card-description{font-size:12px;color:#888;line-height:1.4;margin-bottom:12px}.level-card-letters{display:flex;flex-direction:column;gap:4px;font-family:Courier New,monospace}.level-card-letters .letters-preview{font-size:14px;color:#0ff;font-weight:700;text-shadow:0 0 5px rgba(0,255,255,.5)}.level-card-letters .letters-count{font-size:10px;color:#666}@media (max-width: 768px){.level-cards-grid{grid-template-columns:1fr;gap:8px;padding:12px;max-height:40vh}.level-card{padding:12px}.level-card-title{font-size:14px}.level-card-description{font-size:11px}.level-selector-btn{padding:12px 16px}.level-selector-btn .selected-level-info .selected-level-name{font-size:14px}.level-selector-btn .selected-level-info .selected-level-desc{font-size:11px}}.level-difficulty{animation:twinkle 2s infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.7}}.mobile-control-panel{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#000a14f2,#000000fa);border-top:2px solid #00ffff;box-shadow:0 -5px 30px #0ff6}.mobile-control-panel .mobile-hud-strip{flex:0 0 auto;padding:6px 8px;background:linear-gradient(135deg,#001428e6,#000a14f2);border-bottom:1px solid rgba(0,255,255,.3);display:flex;justify-content:space-between;align-items:center}.mobile-control-panel .keyboard-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden}.virtual-keyboard{width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 6px}.virtual-keyboard .keyboard-grid{width:100%;max-width:600px;display:flex;flex-direction:column;gap:3px}.virtual-keyboard .keyboard-row{display:flex;justify-content:center;gap:2px;width:100%}.virtual-keyboard .keyboard-row.space-row{margin-top:3px}.virtual-keyboard .keyboard-key{flex:1;height:36px;background:linear-gradient(180deg,#001e3ce6,#000f1ef2);border:1px solid rgba(0,255,255,.6);border-radius:4px;color:#fff;font-family:"Press Start 2P",monospace;font-size:14px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .08s ease;text-shadow:0 0 4px #00ffff;box-shadow:0 0 5px #00ffff26,inset 0 1px #ffffff1a}.virtual-keyboard .keyboard-key:active,.virtual-keyboard .keyboard-key.active{background:linear-gradient(180deg,#00c8ffe6,#0096c8e6);color:#000;transform:scale(.95);box-shadow:0 0 20px #0ff,inset 0 0 10px #ffffff4d;text-shadow:none;border-color:#0ff}.virtual-keyboard .keyboard-key.space-key{flex:5;font-size:12px;letter-spacing:1px;background:linear-gradient(180deg,#640096cc,#320064e6);border-color:#c864ff99;text-shadow:0 0 4px #ff00ff}.virtual-keyboard .keyboard-key.space-key:active,.virtual-keyboard .keyboard-key.space-key.active{background:linear-gradient(180deg,#ff00ffe6,#c800c8e6);box-shadow:0 0 20px #f0f,inset 0 0 10px #ffffff4d;border-color:#f0f}.mobile-hud{width:100%}.mobile-hud .compact-hud{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.mobile-hud .compact-instrument-panel{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:0!important;background:none!important}.mobile-hud .compact-score-display,.mobile-hud .compact-lives-display,.mobile-hud .compact-mute-toggle{background:none!important;border:none!important;box-shadow:none!important;padding:2px 4px!important;min-width:auto!important;min-height:auto!important}.mobile-hud .compact-instrument-label{font-size:8px!important;margin-bottom:1px!important;letter-spacing:.5px!important}.mobile-hud .compact-score-value{font-size:14px!important;letter-spacing:1px!important}.mobile-hud .compact-lives-ships{gap:3px!important}.mobile-hud .compact-lives-ships .compact-life-ship .compact-mini-ship,.mobile-hud .compact-lives-ships .compact-life-ship .life-ship-icon{width:16px!important;height:16px!important}.mobile-hud .compact-mute-icon svg{width:16px!important;height:16px!important}