@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a0a20,#1a1a40,#0a0a20);padding:20px;box-sizing:border-box}.game-title{font-family:"Press Start 2P",Courier New,monospace;font-size:2.5rem;color:#0f8;text-shadow:0 0 10px #00ff88,0 0 20px #00ff88,0 0 40px #00ff88;margin-bottom:20px;letter-spacing:4px}.game-wrapper{position:relative;border:4px solid #00ff88;border-radius:10px;box-shadow:0 0 20px #00ff8880,inset 0 0 20px #00ff881a}.game-canvas{display:block;border-radius:6px;max-width:100%;height:auto}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#0a0a20e6;border-radius:6px;animation:fadeIn .3s ease;z-index:2100;overflow-y:auto;padding:20px 10px}.brand-overlay{background-color:#000!important;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200!important;border-radius:0}.brand-overlay.fade-out{animation:fadeToBlack .8s ease-out forwards}.brand-logo{filter:drop-shadow(0 0 20px rgba(0,255,255,.3))}@keyframes brandFadeIn{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes brandGlow{0%,to{filter:drop-shadow(0 0 20px rgba(0,255,255,.3))}50%{filter:drop-shadow(0 0 40px rgba(0,255,255,.6)) drop-shadow(0 0 60px rgba(255,0,255,.3))}}.brand-logo{animation:brandFadeIn 1.5s ease-out forwards,brandGlow 3s ease-in-out 1.5s infinite}@keyframes fadeToBlack{0%{opacity:1}to{opacity:0}}@keyframes fadeFromBlack{0%{opacity:0}to{opacity:1}}.cinematic-overlay{background-color:#000!important;z-index:200!important;border-radius:0;animation:fadeFromBlack .8s ease-in}.cinematic-overlay.fade-out{animation:fadeToBlack .8s ease-out forwards}.cinematic-overlay video{animation:fadeFromBlack .8s ease-in .5s both}.splash-overlay{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200!important}.splash-overlay.fade-out{animation:fadeToBlack .8s ease-out forwards}.splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.splash-title{font-family:"Press Start 2P",Courier New,monospace;font-size:3rem;color:#fff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00aaff,0 0 60px #0066ff,2px 2px 0 #000,-2px -2px 0 #000;margin-bottom:10px;letter-spacing:8px;animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00aaff,0 0 60px #0066ff,2px 2px 0 #000,-2px -2px 0 #000}to{text-shadow:0 0 15px #00ffff,0 0 30px #00ffff,0 0 60px #00aaff,0 0 80px #0066ff,0 0 100px #ff00ff,2px 2px 0 #000,-2px -2px 0 #000}}.splash-subtitle{font-family:"Press Start 2P",Courier New,monospace;font-size:.8rem;color:#8cf;text-shadow:0 0 10px #0088ff;margin-bottom:60px;letter-spacing:4px;text-transform:uppercase}.splash-prompt{margin-bottom:40px}.splash-prompt .blink{font-family:"Press Start 2P",Courier New,monospace;font-size:.9rem;color:#fff;text-shadow:0 0 10px #ffffff,0 0 20px #00ffff;animation:blinkText 1s ease-in-out infinite}@keyframes blinkText{0%,50%{opacity:1}51%,to{opacity:.3}}.splash-hints{display:flex;gap:30px;margin-top:20px}.splash-hints span{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#666;text-transform:uppercase}.splash-footer{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 30px}.splash-footer span{font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;color:#444;text-transform:uppercase}.menu-overlay{background-size:cover;background-position:center;overflow:hidden;z-index:150!important;background-color:#050519fa!important;position:absolute;top:0;left:0;width:100%;height:100%}.split-screen-menu{display:flex;flex-direction:row;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#050519fa,#0a0f23fa,#050519fa)!important}.menu-left-panel{width:40%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 20px;background:linear-gradient(135deg,#050519f2,#0f0f28e6,#0a0a1ef2);border-right:2px solid rgba(0,255,136,.2);box-shadow:inset -30px 0 80px #0009,inset 0 0 100px #00ff8808,20px 0 60px #00ff881a;overflow:hidden;overflow-x:hidden;position:relative;z-index:2}.menu-right-panel{width:60%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 60px;background:linear-gradient(135deg,#0a0f23e6,#050a1ef2,#080c20eb);box-shadow:inset 30px 0 80px #0006,inset 0 0 120px #4488ff05;position:relative;z-index:2}.parallax-layer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.parallax-slow{animation:parallaxSlow 20s ease-in-out infinite}.parallax-medium{animation:parallaxMedium 15s ease-in-out infinite}.parallax-fast{animation:parallaxFast 10s ease-in-out infinite}@keyframes parallaxSlow{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-10px) translateY(-5px)}}@keyframes parallaxMedium{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-5px) translateY(-8px)}}@keyframes parallaxFast{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(5px) translateY(-3px)}}.split-divider{position:absolute;left:40%;top:5%;height:90%;width:3px;background:linear-gradient(180deg,transparent 0%,rgba(0,255,136,.2) 10%,rgba(0,255,136,.4) 20%,rgba(0,255,255,.6) 50%,rgba(0,255,136,.4) 80%,rgba(0,255,136,.2) 90%,transparent 100%);box-shadow:0 0 30px #00ff8880,0 0 60px #00ff884d,0 0 90px #00ff881a;z-index:10;animation:dividerPulse 3s ease-in-out infinite}.split-divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle,rgba(0,255,255,.8) 0%,transparent 70%);border-radius:50%;box-shadow:0 0 40px #0f8c;animation:dividerNodePulse 2s ease-in-out infinite}@keyframes dividerNodePulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1}}@keyframes dividerPulse{0%,to{opacity:.6;transform:scaleY(.95)}50%{opacity:1;transform:scaleY(1)}}.ship-showcase{position:relative;width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px;background:radial-gradient(circle,rgba(0,255,136,.08) 0%,rgba(0,255,136,.02) 40%,transparent 70%);border-radius:50%;border:2px solid rgba(0,255,136,.3);box-shadow:0 0 60px #0f83,inset 0 0 60px #00ff880d,0 10px 40px #0006;animation:showcaseRotate 20s linear infinite}@keyframes showcaseRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ship-showcase-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,136,.3) 0%,rgba(0,255,136,.15) 30%,transparent 60%);border-radius:50%;filter:blur(25px);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.ship-showcase-icon{font-size:4.5rem;z-index:1;animation:shipFloat 4s ease-in-out infinite;transform-origin:center}@keyframes shipFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-3deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-10px) rotate(3deg)}}.ship-showcase-particles{position:absolute;width:100%;height:100%;pointer-events:none}.showcase-particle{position:absolute;width:8px;height:8px;background:#0f8;border-radius:50%;top:50%;left:50%;box-shadow:0 0 10px currentColor;animation:showcaseParticleOrbit 6s linear infinite;animation-delay:calc(var(--i) * -.75s);opacity:.7}@keyframes showcaseParticleOrbit{0%{transform:rotate(0) translate(120px) rotate(0);opacity:0;scale:.5}10%{opacity:.7;scale:1}90%{opacity:.7;scale:1}to{transform:rotate(360deg) translate(120px) rotate(-360deg);opacity:0;scale:.5}}.ship-showcase-label{position:absolute;bottom:-60px;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:1;padding:10px 20px;background:linear-gradient(135deg,#00ff880d,#0088ff0d);border-radius:8px;border:1px solid rgba(0,255,136,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ship-name{font-family:"Press Start 2P",monospace;font-size:.65rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.4),2px 2px 4px rgba(0,0,0,.6);letter-spacing:2px}.ship-class{font-family:"Press Start 2P",monospace;font-size:.4rem;color:#48f;opacity:.9;letter-spacing:1px;text-shadow:0 0 8px rgba(68,136,255,.5)}.split-profile{width:100%;max-width:320px;margin-top:8px;justify-content:flex-start;padding:10px 12px;background:linear-gradient(135deg,#00ff881a,#0088ff14,#00ff880d);border-left:4px solid rgba(0,255,136,.6);border-radius:10px;box-shadow:-4px 0 20px #0f83,0 4px 20px #0000004d,inset 0 0 40px #00ff8808;transition:all .3s ease}.split-profile:hover{background:linear-gradient(135deg,#00ff8826,#0088ff1f,#00ff8814);border-left-color:#0f8c;box-shadow:-6px 0 30px #00ff884d,0 6px 30px #0006,inset 0 0 50px #00ff880d;transform:translate(-3px)}.split-stats{width:100%;max-width:320px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.split-stats .stat-box{background:linear-gradient(135deg,#00ff8814,#0088ff0f,#00ff880a);border:2px solid rgba(0,255,136,.25);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 10px #0003,inset 0 0 30px #00ff8805}.split-stats .stat-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.split-stats .stat-box:hover{background:linear-gradient(135deg,#00ff8826,#0088ff1f,#00ff8814);border-color:#00ff88b3;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #00ff884d,0 2px 10px #0006,inset 0 0 40px #00ff880d}.split-stats .stat-box:hover:before{left:100%}.split-stats .stat-icon{font-size:1rem;filter:drop-shadow(0 0 6px currentColor);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.split-stats .stat-label{font-size:.45rem;opacity:.8;letter-spacing:.5px;color:#8ac;text-shadow:0 0 5px rgba(136,170,204,.3)}.split-stats .stat-value{font-size:.9rem;font-weight:700;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.6),0 0 20px rgba(0,255,136,.3),2px 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}.split-logo{margin-bottom:40px}.split-logo{position:relative}.split-logo .logo-glow{width:450px;height:120px;background:radial-gradient(ellipse,rgba(0,255,136,.4) 0%,rgba(0,255,136,.1) 50%,transparent 70%)}.split-logo .menu-logo{font-size:2.8rem;letter-spacing:18px;background:linear-gradient(180deg,#fff,#cfe,#9fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,255,136,.8)) drop-shadow(0 0 40px rgba(0,255,136,.4))}.split-logo .menu-tagline{font-size:.55rem;letter-spacing:6px;margin-top:15px;color:#6af;text-shadow:0 0 10px rgba(68,136,255,.6),0 0 20px rgba(68,136,255,.3)}.split-logo .logo-underline{width:250px;height:4px;background:linear-gradient(90deg,transparent,#00ff88,#00ffff,#00ff88,transparent);box-shadow:0 0 15px #0f89}.split-buttons{width:100%;max-width:450px;display:flex;flex-direction:column;gap:15px;margin-top:20px}.split-buttons .start-button,.split-buttons .settings-button{width:100%;font-size:.85rem;padding:20px 35px;background:linear-gradient(135deg,#00ff881f,#0088ff1a,#00ff8814);border:2px solid rgba(0,255,136,.4);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d,inset 0 0 30px #00ff8808;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:2px}.split-buttons .start-button:before{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.split-buttons .start-button:hover:before,.split-buttons .gamepad-selected:before{left:100%}.split-buttons .start-button:hover,.split-buttons .settings-button:hover{background:linear-gradient(135deg,#00ff8840,#08f3,#00ff8826);border-color:#00ff88e6;transform:translate(8px) scale(1.02);box-shadow:-8px 0 40px #0f86,0 6px 25px #0006,inset 0 0 40px #00ff8814;color:#fff;text-shadow:0 0 10px rgba(0,255,136,.8)}.split-buttons .gamepad-selected{background:linear-gradient(135deg,#0f83,#0088ff26,#00ff881f);border-color:#0f8c;box-shadow:-6px 0 35px #00ff8859,0 4px 20px #00000059,inset 0 0 35px #00ff880f;animation:selectedPulse 2s ease-in-out infinite}@keyframes selectedPulse{0%,to{border-color:#0f8c;box-shadow:-6px 0 35px #00ff8859,0 4px 20px #00000059,inset 0 0 35px #00ff880f}50%{border-color:#0f8;box-shadow:-8px 0 45px #00ff8880,0 6px 30px #0006,inset 0 0 45px #00ff881a}}.split-hint{margin-top:30px;font-size:.5rem;opacity:.6}.split-footer{margin-top:auto;padding-top:30px;opacity:.5}.menu-background{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:#050519f2;z-index:0}.star-field{position:absolute;width:100%;height:100%}.menu-star{position:absolute;border-radius:50%;background:#fff}.menu-star.star-1{width:2px;height:2px;animation:twinkle 2s ease-in-out infinite}.menu-star.star-2{width:3px;height:3px;animation:twinkle 3s ease-in-out infinite;box-shadow:0 0 4px #fff}.menu-star.star-3{width:1px;height:1px;animation:twinkle 1.5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.nebula-cloud{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;animation:nebulaDrift 20s ease-in-out infinite;pointer-events:none}.nebula-cloud.cloud-1{width:400px;height:300px;background:radial-gradient(ellipse,#ff00ff 0%,transparent 70%);top:10%;left:5%}.nebula-cloud.cloud-2{width:350px;height:350px;background:radial-gradient(ellipse,#00ffff 0%,transparent 70%);bottom:15%;right:10%;animation-delay:-10s}.nebula-cloud.cloud-3{width:300px;height:250px;background:radial-gradient(ellipse,#4488ff 0%,transparent 70%);top:50%;left:35%;animation-delay:-5s;opacity:.1}@keyframes nebulaDrift{0%,to{transform:translate(0) scale(1);opacity:.15}50%{transform:translate(30px,-20px) scale(1.1);opacity:.25}}.scan-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;opacity:.3}.floating-ship{position:absolute;width:60px;height:30px;background:linear-gradient(90deg,#0f8,#0a5);clip-path:polygon(100% 50%,70% 0%,0% 20%,0% 80%,70% 100%);animation:floatShip 6s ease-in-out infinite;opacity:.6;filter:blur(1px)}.floating-ship.ship-1{bottom:20%;left:5%;animation-duration:8s}.floating-ship.ship-2{width:40px;height:20px;top:25%;right:10%;background:linear-gradient(90deg,#f48,#a25);animation-duration:10s;animation-delay:-3s;opacity:.4}.floating-ship.ship-3{width:30px;height:15px;top:60%;left:80%;background:linear-gradient(90deg,#48f,#24a);animation-duration:7s;animation-delay:-5s;opacity:.5}@keyframes floatShip{0%,to{transform:translateY(0) translate(0);opacity:.6}25%{transform:translateY(-20px) translate(100px);opacity:.8}50%{transform:translateY(10px) translate(250px);opacity:.5}75%{transform:translateY(-15px) translate(400px);opacity:.7}}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.8) 0%,transparent 70%);animation:floatParticle 8s linear infinite}.particle.p1{width:4px;height:4px;top:10%;left:20%;animation-delay:0s;animation-duration:7s}.particle.p2{width:6px;height:6px;top:30%;left:80%;animation-delay:-2s;animation-duration:9s}.particle.p3{width:3px;height:3px;top:60%;left:15%;animation-delay:-4s;animation-duration:6s}.particle.p4{width:5px;height:5px;top:80%;left:70%;animation-delay:-1s;animation-duration:8s}.particle.p5{width:4px;height:4px;top:45%;left:50%;animation-delay:-3s;animation-duration:10s}@keyframes floatParticle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(50px) scale(.5);opacity:0}}.menu-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 20px;max-height:100%;overflow-y:auto;overflow-x:hidden}.menu-border-top{width:400px;height:2px;background:linear-gradient(90deg,transparent 0%,#00ff88 20%,#00ffff 50%,#00ff88 80%,transparent 100%);margin-bottom:10px;animation:borderPulse 2s ease-in-out infinite}@keyframes borderPulse{0%,to{opacity:.5;transform:scaleX(.9)}50%{opacity:1;transform:scaleX(1)}}.logo-container{text-align:center;margin-bottom:0;position:relative}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:100px;background:radial-gradient(ellipse,rgba(0,255,136,.3) 0%,transparent 70%);filter:blur(20px);animation:logoGlowPulse 3s ease-in-out infinite}@keyframes logoGlowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.menu-logo{font-family:"Press Start 2P",Courier New,monospace;font-size:1.8rem;color:#fff;text-shadow:0 0 10px #00ff88,0 0 20px #00ff88,0 0 40px #00ff88,0 0 80px #00ff88,3px 3px 0 #006644,-1px -1px 0 #00ffaa;letter-spacing:10px;margin:0;animation:logoGlow 2s ease-in-out infinite alternate;position:relative}.logo-underline{width:200px;height:3px;background:linear-gradient(90deg,transparent,#00ff88,#00ffff,#00ff88,transparent);margin:15px auto 0;border-radius:2px;animation:underlinePulse 1.5s ease-in-out infinite}@keyframes underlinePulse{0%,to{width:200px;opacity:.7}50%{width:250px;opacity:1}}@keyframes logoGlow{0%{text-shadow:0 0 10px #00ff88,0 0 20px #00ff88,0 0 40px #00ff88,0 0 80px #00ff88,2px 2px 0 #006644;filter:brightness(1)}to{text-shadow:0 0 15px #00ffaa,0 0 30px #00ffaa,0 0 60px #00ff88,0 0 100px #00ff88,2px 2px 0 #008855;filter:brightness(1.1)}}.menu-tagline{font-family:"Press Start 2P",Courier New,monospace;font-size:.45rem;color:#48f;letter-spacing:4px;margin-top:8px;opacity:.9;text-transform:uppercase;animation:taglineFade 3s ease-in-out infinite}@keyframes taglineFade{0%,to{opacity:.7;letter-spacing:6px}50%{opacity:1;letter-spacing:8px}}.menu-profile{display:flex;align-items:center;gap:10px;padding:8px 15px 8px 35px;background:linear-gradient(135deg,#00ff881a,#0088ff1a);border-radius:15px;border:2px solid rgba(0,255,136,.3);margin-bottom:5px;animation:profileGlow 3s ease-in-out infinite;position:relative;overflow:visible!important}.menu-profile.rarity-uncommon{border-color:#00ff8880;background:linear-gradient(135deg,#00ff8826,#00c8641a)}.menu-profile.rarity-rare{border-color:#48f9;background:linear-gradient(135deg,#4488ff26,#0064c81a)}.menu-profile.rarity-epic{border-color:#a4f9;background:linear-gradient(135deg,#aa44ff26,#6400c81a)}.menu-profile.rarity-legendary{border-color:#ffaa00b3;background:linear-gradient(135deg,#fa03,#ff64001a);animation:legendaryGlow 2s ease-in-out infinite}@keyframes legendaryGlow{0%,to{border-color:#ffaa0080;box-shadow:0 0 20px #fa03,inset 0 0 20px #ffaa000d}50%{border-color:#ffc832cc;box-shadow:0 0 35px #fa06,inset 0 0 30px #ffaa001a}}.profile-avatar-frame{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.avatar-ring{position:absolute;width:100%;height:100%;border:2px solid rgba(0,255,136,.5);border-radius:50%;animation:ringRotate 8s linear infinite;top:0;left:0}.avatar-ring.ring-2{width:130%;height:130%;top:-15%;left:-15%;border-style:dashed;border-color:#00ff884d;animation:ringRotate 12s linear infinite reverse}.rarity-epic .avatar-ring{border-color:#aa44ff80}.rarity-epic .avatar-ring.ring-2{border-color:#aa44ff4d}.rarity-legendary .avatar-ring{border-color:#fa09}.rarity-legendary .avatar-ring.ring-2{border-color:#fa06}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-particles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.avatar-particle{position:absolute;width:5px;height:5px;background:#0f8;border-radius:50%;top:50%;left:50%;box-shadow:0 0 4px #0f8;animation:particleOrbit 4s linear infinite;animation-delay:calc(var(--i) * -.67s);opacity:.9}.rarity-legendary .avatar-particle{background:#fa0;box-shadow:0 0 6px #fa0}.rarity-epic .avatar-particle{background:#a4f;box-shadow:0 0 6px #a4f}@keyframes particleOrbit{0%{transform:rotate(0) translate(35px) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:rotate(360deg) translate(35px) rotate(-360deg);opacity:0}}.menu-profile .profile-avatar{font-size:1.3rem;filter:drop-shadow(0 0 6px rgba(0,255,136,.6));z-index:1;animation:avatarFloat 3s ease-in-out infinite}.rarity-legendary .profile-avatar{filter:drop-shadow(0 0 12px rgba(255,170,0,.8))}.rarity-epic .profile-avatar{filter:drop-shadow(0 0 10px rgba(170,68,255,.7))}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.profile-info{display:flex;flex-direction:column;gap:6px}.menu-profile .profile-name{font-family:"Press Start 2P",Courier New,monospace;font-size:.7rem;color:#fff;letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,255,255,.3)}.profile-rank{display:flex;align-items:center;gap:4px;font-family:"Press Start 2P",Courier New,monospace;font-size:.45rem;letter-spacing:.5px}.rank-icon{font-size:.7rem}@keyframes profileGlow{0%,to{border-color:#00ff884d;box-shadow:0 0 10px #00ff881a}50%{border-color:#00ff8880;box-shadow:0 0 20px #0f83}}.menu-stats{display:flex;gap:15px}.stat-box{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background:linear-gradient(180deg,#ffffff14,#ffffff05);border-radius:15px;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:statShine 4s ease-in-out infinite}@keyframes statShine{0%,to{left:-100%}50%{left:100%}}.stat-box:hover{transform:translateY(-5px) scale(1.02);border-color:#00ff8880;box-shadow:0 15px 40px #00ff8840,inset 0 1px #ffffff1a}.stat-icon{font-size:1.3rem;margin-bottom:6px;filter:drop-shadow(0 0 5px currentColor)}.stat-label{font-family:"Press Start 2P",Courier New,monospace;font-size:.45rem;color:#888;letter-spacing:2px;text-transform:uppercase}.stat-value{font-family:"Press Start 2P",Courier New,monospace;font-size:1rem;color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.5),0 0 20px rgba(255,255,0,.3);margin-top:8px;animation:valueGlow 2s ease-in-out infinite alternate}@keyframes valueGlow{0%{text-shadow:0 0 10px rgba(255,255,0,.5)}to{text-shadow:0 0 20px rgba(255,255,0,.8),0 0 30px rgba(255,255,0,.4)}}.menu-buttons{display:flex;flex-direction:column;gap:8px;align-items:center}.btn-icon{margin-right:12px;font-size:.9em}.btn-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%,to{left:-100%}50%,60%{left:150%}}.menu-features{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:5px}.feature{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#aaa;padding:8px 15px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;transition:all .3s ease}.feature:hover{background:#00ff881a;border-color:#00ff884d;color:#0f8;transform:translateY(-2px)}.feature-icon{font-size:.8rem}.menu-footer{display:flex;align-items:center;gap:15px;margin-top:10px;opacity:.5;font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;color:#666;letter-spacing:2px}.menu-footer .divider{color:#444}.menu-footer .version{color:#0f8}.menu-footer .credit{color:#f0f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay h2{font-family:"Press Start 2P",Courier New,monospace;font-size:2rem;color:#fff;margin-bottom:30px;text-shadow:0 0 10px #ffffff}.controls-info{margin-bottom:15px;text-align:center}.controls-info p{font-family:"Press Start 2P",Courier New,monospace;font-size:.7rem;color:#888;margin:10px 0}.powerup-info{margin-bottom:20px;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.powerup-info p{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;color:#aaa;margin:8px 0}.high-score{font-family:"Press Start 2P",Courier New,monospace;font-size:.9rem;color:#ff0;margin-bottom:30px}.start-button{font-family:"Press Start 2P",Courier New,monospace;font-size:.75rem;padding:12px 35px;background:linear-gradient(135deg,#00ff8826,#00c86440,#00ff8826);border:2px solid rgba(0,255,136,.6);border-radius:50px;color:#0f8;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 30px #00ff884d,0 0 60px #00ff8826,0 8px 32px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000001a;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.5),0 0 30px rgba(0,255,136,.3)}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.3) 50%,transparent 100%);transition:left .6s ease}.start-button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.1) 100%);border-radius:48px;pointer-events:none}.start-button:hover:before{left:100%}.start-button:hover{transform:translateY(-4px) scale(1.03);background:linear-gradient(135deg,#00ff8840,#00dc6e59,#00ff8840);border-color:#00ff88e6;box-shadow:0 0 50px #00ff8880,0 0 80px #00ff884d,0 15px 40px #0006,inset 0 1px #ffffff4d;text-shadow:0 0 15px rgba(0,255,136,1),0 0 30px rgba(0,255,136,.8),0 0 45px rgba(0,255,136,.5)}.start-button:active{transform:translateY(2px) scale(.98);background:linear-gradient(135deg,#00ff884d,#00b45a66,#00ff884d);box-shadow:0 0 30px #0f86,0 5px 20px #0000004d,inset 0 2px 5px #0003}.restart-button{font-family:"Press Start 2P",Courier New,monospace;font-size:.7rem;padding:11px 30px;background:linear-gradient(135deg,#ffaa0026,#ff8c0040,#ffaa0026);border:2px solid rgba(255,170,0,.6);border-radius:50px;color:#fa0;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 30px #ffaa004d,0 0 60px #ffaa0026,0 8px 32px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000001a;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,170,0,.8),0 0 20px rgba(255,170,0,.5),0 0 30px rgba(255,170,0,.3)}.restart-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,200,0,.4) 50%,transparent 100%);transition:left .6s ease}.restart-button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.1) 100%);border-radius:48px;pointer-events:none}.restart-button:hover:before{left:100%}.restart-button:hover{transform:translateY(-4px) scale(1.03);background:linear-gradient(135deg,#ffaa0040,#ff8c0059,#ffaa0040);border-color:#ffb400e6;box-shadow:0 0 50px #ffaa0080,0 0 80px #ffaa004d,0 15px 40px #0006,inset 0 1px #ffffff4d;text-shadow:0 0 15px rgba(255,170,0,1),0 0 30px rgba(255,170,0,.8),0 0 45px rgba(255,170,0,.5)}.restart-button:active{transform:translateY(2px) scale(.98);background:linear-gradient(135deg,#ffaa004d,#ff780066,#ffaa004d);box-shadow:0 0 30px #fa06,0 5px 20px #0000004d,inset 0 2px 5px #0003}.restart-button.gamepad-selected{transform:translateY(-4px) scale(1.05);background:linear-gradient(135deg,#ffaa004d,#ff8c0066,#ffaa004d);border-color:#ffc800;box-shadow:0 0 60px #fa09,0 0 100px #fa06,0 15px 50px #0006,inset 0 1px #ffffff4d;text-shadow:0 0 15px rgba(255,170,0,1),0 0 30px rgba(255,170,0,.8),0 0 45px rgba(255,170,0,.6);animation:pulse-glow-orange 1s ease-in-out infinite alternate}.restart-button.gamepad-selected:before{left:100%}@keyframes pulse-glow-orange{0%{box-shadow:0 0 60px #fa09,0 0 100px #fa06,0 15px 50px #0006,inset 0 1px #ffffff4d}to{box-shadow:0 0 80px #fa0c,0 0 120px #ffaa0080,0 15px 50px #0006,inset 0 1px #fff6}}.settings-button{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;padding:10px 25px;background:linear-gradient(180deg,#48f3,#2255aa4d);border:2px solid rgba(68,136,255,.5);border-radius:50px;color:#8bf;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #48f3,inset 0 1px #ffffff1a}.settings-button:hover{transform:translateY(-3px);background:linear-gradient(180deg,#4488ff4d,#25a6);border-color:#48fc;color:#fff;box-shadow:0 8px 25px #48f6,inset 0 1px #fff3}.menu-button{font-family:"Press Start 2P",Courier New,monospace;font-size:.75rem;padding:14px 35px;background:linear-gradient(180deg,#ff646433,#aa32324d);border:2px solid rgba(255,100,100,.5);border-radius:50px;color:#faa;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #ff646433,inset 0 1px #ffffff1a}.menu-button:hover{transform:translateY(-3px);background:linear-gradient(180deg,#ff64644d,#aa323266);border-color:#ff6464cc;color:#fff;box-shadow:0 8px 25px #ff646466,inset 0 1px #fff3}.menu-button.gamepad-selected{transform:translateY(-3px) scale(1.03);background:linear-gradient(180deg,#ff646459,#aa323273);border-color:#ff9696;color:#fff;box-shadow:0 8px 25px #ff646480,0 0 40px #ff64644d,inset 0 1px #fff3;animation:pulse-glow-red .8s ease-in-out infinite alternate}@keyframes pulse-glow-red{0%{box-shadow:0 8px 25px #ff646480,0 0 40px #ff64644d,inset 0 1px #fff3}to{box-shadow:0 8px 35px #ff6464b3,0 0 60px #ff646480,inset 0 1px #ffffff4d}}.pause-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all;background:#0a0a20fa!important}.pause-overlay h2{font-size:2.5rem;margin-bottom:35px;text-shadow:0 0 20px rgba(255,255,255,.5)}.pause-buttons{display:flex;flex-direction:column;gap:15px;align-items:center;margin-bottom:20px}.pause-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:380px;margin:0 auto 15px}.pause-grid-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:15px 12px;min-height:75px;background:linear-gradient(135deg,#00ffff1a,#00c8ff0d);border:2px solid rgba(0,255,255,.3);border-radius:10px;color:#fff;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.pause-grid-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.3) 50%,transparent 100%);transition:left .5s ease}.pause-grid-button:hover:before{left:100%}.pause-grid-button .btn-icon{font-size:1.8rem;filter:drop-shadow(0 0 8px rgba(0,255,255,.8))}.pause-grid-button .btn-label{font-size:.75rem;letter-spacing:1px}.pause-grid-button:hover{transform:translateY(-3px);border-color:#0ffc;box-shadow:0 0 25px #0ff6,0 8px 20px #0000004d;background:linear-gradient(135deg,#0ff3,#00c8ff1a)}.pause-grid-button.gamepad-selected{transform:translateY(-3px) scale(1.03);background:linear-gradient(135deg,#00ff884d,#00dc6e66,#00ff884d);border-color:#0f8;box-shadow:0 0 50px #0f89,0 0 80px #0f86,0 12px 40px #0006;animation:pulse-grid-glow 1s ease-in-out infinite alternate}.pause-grid-button.gamepad-selected .btn-icon{filter:drop-shadow(0 0 15px rgba(0,255,136,1));animation:icon-bounce .6s ease-in-out infinite alternate}.pause-grid-full{grid-column:1 / -1;background:linear-gradient(135deg,#ff64641a,#c832320d);border-color:#ff64644d}.pause-grid-full:hover{border-color:#ff6464cc;box-shadow:0 0 25px #ff646466,0 8px 20px #0000004d}.pause-grid-full.gamepad-selected{background:linear-gradient(135deg,#ff88884d,#dc6e6e66,#ff88884d);border-color:#f88;box-shadow:0 0 50px #f889,0 0 80px #f886,0 12px 40px #0006}@keyframes pulse-grid-glow{0%{box-shadow:0 0 50px #0f89,0 0 80px #0f86,0 12px 40px #0006}to{box-shadow:0 0 60px #0f8c,0 0 90px #0f89,0 12px 40px #0006}}@keyframes icon-bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.start-button.gamepad-selected{transform:translateY(-4px) scale(1.05);background:linear-gradient(135deg,#00ff884d,#00dc6e66,#00ff884d);border-color:#0f8;box-shadow:0 0 60px #0f89,0 0 100px #0f86,0 15px 50px #0006,inset 0 1px #ffffff4d;text-shadow:0 0 15px rgba(0,255,136,1),0 0 30px rgba(0,255,136,.8),0 0 45px rgba(0,255,136,.6);animation:pulse-glow-enhanced 1s ease-in-out infinite alternate}.start-button.gamepad-selected:before{left:100%}@keyframes pulse-glow-enhanced{0%{box-shadow:0 0 60px #0f89,0 0 100px #0f86,0 15px 50px #0006,inset 0 1px #ffffff4d}to{box-shadow:0 0 80px #0f8c,0 0 120px #00ff8880,0 15px 50px #0006,inset 0 1px #fff6}}.settings-button.gamepad-selected{transform:translateY(-3px) scale(1.03);background:linear-gradient(180deg,#4488ff59,#2255aa73);border-color:#64b4ff;color:#fff;box-shadow:0 8px 25px #4488ff80,0 0 40px #4488ff4d,inset 0 1px #fff3;animation:pulse-glow-blue .8s ease-in-out infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 10px #063,0 0 50px #00ff88b3,0 0 80px #0f86,inset 0 2px #fff6}to{box-shadow:0 10px #063,0 0 70px #00ff88e6,0 0 100px #00ff8880,inset 0 2px #ffffff80}}@keyframes pulse-glow-blue{0%{box-shadow:0 8px 25px #4488ff80,0 0 40px #4488ff4d,inset 0 1px #fff3}to{box-shadow:0 8px 35px #4488ffb3,0 0 60px #4488ff80,inset 0 1px #ffffff4d}}.settings-button:active{transform:translateY(1px);box-shadow:0 2px 10px #4488ff4d}.back-button{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;padding:12px 30px;background:linear-gradient(180deg,#6464784d,#46465a4d);border:2px solid rgba(150,150,170,.6);border-radius:8px;color:#abc;cursor:pointer;transition:all .3s ease}.back-button:hover{background:linear-gradient(180deg,#64647880,#46465a80);border-color:#abc;box-shadow:0 0 20px #9696aa80;transform:scale(1.05)}.back-button:active{transform:scale(.98)}.settings-overlay{background:linear-gradient(180deg,#050519fa,#0a1432f2,#050519fa)}.settings-overlay h2{font-family:"Press Start 2P",Courier New,monospace;font-size:1.2rem;color:#48f;text-shadow:0 0 20px rgba(68,136,255,.8);margin-bottom:15px;letter-spacing:3px}.settings-content{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap;justify-content:center;max-height:60vh;overflow-y:auto;overflow-x:hidden;padding:10px}.controls-section,.powerups-section{background:linear-gradient(180deg,#ffffff14,#ffffff08);border-radius:15px;padding:15px 18px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-width:160px}.controls-section:hover,.powerups-section:hover{border-color:#00ff884d;box-shadow:0 5px 20px #00ff881a}.controls-section h3,.powerups-section h3{font-family:"Press Start 2P",Courier New,monospace;font-size:.65rem;color:#0f8;margin-bottom:18px;text-align:center;text-shadow:0 0 10px rgba(0,255,136,.5);letter-spacing:2px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,136,.2)}.settings-overlay .controls-info{margin-bottom:0}.settings-overlay .controls-info p{font-size:.55rem;margin:8px 0;text-align:left}.settings-overlay .powerup-info{margin-bottom:0;padding:0;background:transparent;border:none}.settings-overlay .powerup-info p{font-size:.55rem;margin:8px 0;text-align:left}.settings-tabs{display:flex;gap:8px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.settings-tab{font-family:"Press Start 2P",Courier New,monospace;font-size:.45rem;padding:10px 14px;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:10px;color:#fff9;cursor:pointer;transition:all .3s ease}.settings-tab:hover{border-color:#0f86;color:#0f8;background:#00ff881a}.settings-tab.active{border-color:#0f8;color:#0f8;background:#0f83;box-shadow:0 0 15px #00ff884d}.settings-audio{display:flex;flex-direction:column;gap:20px;min-width:350px;padding:20px}.volume-control{display:flex;flex-direction:column;gap:8px}.volume-control label{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.slider-row{display:flex;align-items:center;gap:15px}.volume-slider{flex:1;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#00ff884d,#0088ff4d);border-radius:4px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0f8;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #0f8c;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #0f8}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:#0f8;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px #0f8c}.volume-value{font-family:"Press Start 2P",Courier New,monospace;font-size:.55rem;color:#fff;min-width:45px;text-align:right}.test-sound-button{font-family:"Press Start 2P",Courier New,monospace;font-size:.55rem;padding:12px 25px;background:linear-gradient(180deg,#0088ff4d,#0064c84d);border:2px solid rgba(0,136,255,.5);border-radius:8px;color:#48f;cursor:pointer;transition:all .3s ease;margin-top:10px;align-self:center}.test-sound-button:hover{background:linear-gradient(180deg,#0088ff80,#0064c880);border-color:#48f;box-shadow:0 0 15px #4488ff80;transform:scale(1.05)}.performance-section{border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.toggle-option{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-label span:first-child{font-size:.6rem;color:#fff}.toggle-desc{font-size:.45rem;color:#888}.toggle-button{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;padding:8px 16px;background:linear-gradient(180deg,#6464644d,#3c3c3c4d);border:2px solid rgba(100,100,100,.6);border-radius:6px;color:#888;cursor:pointer;transition:all .2s ease;min-width:60px}.toggle-button:hover{background:linear-gradient(180deg,#96969666,#64646466);border-color:#aaa}.toggle-button.active{background:linear-gradient(180deg,#00ff884d,#00c8644d);border-color:#0f89;color:#4f8;box-shadow:0 0 10px #44ff884d}.toggle-button.active:hover{background:linear-gradient(180deg,#00ff8880,#00c86480);box-shadow:0 0 15px #44ff8880}.settings-ok-button{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;padding:12px 30px;background:linear-gradient(180deg,#00ff884d,#00c8644d);border:2px solid rgba(0,255,136,.6);border-radius:8px;color:#4f8;cursor:pointer;transition:all .3s ease}.settings-ok-button:hover{background:linear-gradient(180deg,#00ff8880,#00c86480);border-color:#4f8;box-shadow:0 0 20px #4f89;transform:scale(1.05)}.settings-buttons-row{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:15px}.settings-profile{display:flex;flex-direction:column;gap:15px;min-width:300px;max-width:350px;padding:15px}.profile-name-section{display:flex;flex-direction:column;gap:10px}.profile-name-section label,.avatar-section label{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.name-input{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;padding:10px 12px;background:#ffffff14;border:2px solid rgba(0,255,136,.3);border-radius:8px;color:#fff;outline:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.name-input:focus{border-color:#0f8;box-shadow:0 0 15px #00ff884d;background:#ffffff1f}.name-input::placeholder{color:#ffffff4d}.avatar-section{display:flex;flex-direction:column;gap:8px}.avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:130px;overflow-y:auto;padding:5px;background:#0003;border-radius:8px}.avatar-option{width:36px;height:36px;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.avatar-option:hover{transform:scale(1.1);z-index:1}.avatar-option.rarity-common{border-color:#aaaaaa4d}.avatar-option.rarity-common:hover{border-color:#aaa9;background:#aaaaaa1a}.avatar-option.rarity-common.selected{border-color:#aaa;background:#aaa3;box-shadow:0 0 10px #aaaaaa4d}.avatar-option.rarity-uncommon{border-color:#00ff884d}.avatar-option.rarity-uncommon:hover{border-color:#0f89;background:#00ff881a}.avatar-option.rarity-uncommon.selected{border-color:#0f8;background:#0f83;box-shadow:0 0 12px #0f86}.avatar-option.rarity-rare{border-color:#48f6}.avatar-option.rarity-rare:hover{border-color:#4488ffb3;background:#4488ff26}.avatar-option.rarity-rare.selected{border-color:#48f;background:#4488ff40;box-shadow:0 0 15px #4488ff80}.avatar-option.rarity-epic{border-color:#a4f6}.avatar-option.rarity-epic:hover{border-color:#aa44ffb3;background:#aa44ff26}.avatar-option.rarity-epic.selected{border-color:#a4f;background:#aa44ff40;box-shadow:0 0 18px #aa44ff80}.avatar-option.rarity-legendary{border-color:#ffaa0080;animation:legendaryPulse 2s ease-in-out infinite}.avatar-option.rarity-legendary:hover{border-color:#ffaa00e6;background:#fa03}.avatar-option.rarity-legendary.selected{border-color:#fa0;background:#ffaa004d;box-shadow:0 0 20px #fa09}@keyframes legendaryPulse{0%,to{box-shadow:0 0 5px #fa03}50%{box-shadow:0 0 15px #fa06}}.avatar-option.rarity-mythic{border-color:#f0f9;background:linear-gradient(135deg,#ff006426,#6400ff26);animation:mythicGlow 2s ease-in-out infinite,mythicRotate 8s linear infinite;position:relative}.avatar-option.rarity-mythic:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#f0f,#0ff,#f0f,#ff0,#f0f);background-size:400% 400%;border-radius:10px;z-index:-1;animation:mythicBorder 3s ease infinite;opacity:.7}.avatar-option.rarity-mythic:hover{border-color:#ff00ffe6;background:linear-gradient(135deg,#ff006440,#6400ff40);transform:scale(1.15)}.avatar-option.rarity-mythic.selected{border-color:#f0f;background:linear-gradient(135deg,#ff00644d,#6400ff4d);box-shadow:0 0 25px #ff00ffb3,0 0 50px #6400ff66}@keyframes mythicGlow{0%,to{box-shadow:0 0 8px #ff00ff4d,0 0 16px #6400ff33}50%{box-shadow:0 0 20px #ff00ff80,0 0 35px #6400ff4d}}@keyframes mythicBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes mythicRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.avatar-option.rarity-mythic .avatar-icon{font-size:1.1rem;animation:mythicIconPulse 1.5s ease-in-out infinite}@keyframes mythicIconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,0,255,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(255,0,255,.8))}}.avatar-option.rarity-legendary .avatar-icon{animation:legendaryIconShine 2s ease-in-out infinite}@keyframes legendaryIconShine{0%,to{filter:drop-shadow(0 0 2px rgba(255,170,0,.5))}50%{filter:drop-shadow(0 0 5px rgba(255,170,0,.8))}}.avatar-option.rarity-epic .avatar-icon{animation:epicIconGlow 2.5s ease-in-out infinite}@keyframes epicIconGlow{0%,to{filter:drop-shadow(0 0 1px rgba(170,68,255,.4))}50%{filter:drop-shadow(0 0 4px rgba(170,68,255,.7))}}.avatar-option.selected{border-width:3px}.avatar-icon{font-size:1rem;transition:transform .2s ease}.avatar-option:hover .avatar-icon{transform:scale(1.1)}.color-option.special-gradient{position:relative;animation:gradientShimmer 2s linear infinite}.color-option.special-gradient:after{content:"✦";position:absolute;bottom:-4px;right:-4px;font-size:8px;color:#fff;text-shadow:0 0 4px rgba(255,255,255,.8)}@keyframes gradientShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.avatar-color-section{display:flex;flex-direction:column;gap:8px}.avatar-color-section label{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.color-grid{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.color-option{width:28px;height:28px;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.color-option:hover{transform:scale(1.15);box-shadow:0 0 12px currentColor}.color-option.selected{border-color:#fff!important;box-shadow:0 0 15px currentColor}.color-check{font-size:.6rem;color:#000;font-weight:700;text-shadow:0 0 2px #ffffff}.rarity-legend{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.legend-item{font-family:"Press Start 2P",Courier New,monospace;font-size:.35rem;letter-spacing:1px}.legend-item.common{color:#aaa}.legend-item.uncommon{color:#0f8}.legend-item.rare{color:#48f}.legend-item.epic{color:#a4f}.legend-item.legendary{color:#fa0;text-shadow:0 0 5px rgba(255,170,0,.5)}.profile-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.preview-label{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#ffffff80}.preview-card{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:10px;border:2px solid rgba(0,255,136,.3);background:linear-gradient(135deg,#0006,#14142866);transition:all .3s ease}.preview-avatar-wrapper{width:50px;height:50px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.preview-card.rarity-uncommon{border-color:#0f86}.preview-card.rarity-rare{border-color:#4488ff80}.preview-card.rarity-epic{border-color:#aa44ff80}.preview-card.rarity-legendary{border-color:#fa09}.preview-info{display:flex;flex-direction:column;gap:4px}.preview-rank{font-family:"Press Start 2P",Courier New,monospace;font-size:.45rem;letter-spacing:1px}.preview-avatar{font-size:1.8rem}.preview-name{font-family:"Press Start 2P",Courier New,monospace;font-size:.7rem;color:#fff;letter-spacing:2px}.start-hint{font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;color:#ffffff59;margin-top:5px;letter-spacing:2px;animation:pulseHint 2s ease-in-out infinite;padding:10px 20px;background:#ffffff08;border-radius:25px;border:1px solid rgba(255,255,255,.08)}@keyframes pulseHint{0%,to{opacity:.4;transform:scale(1);border-color:#ffffff14}50%{opacity:.7;transform:scale(1.01);border-color:#00ff8826}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.checkpoint-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(ellipse at center,#00643266,#000000d9)}.checkpoint-overlay h2{font-size:1.4rem;color:#0f8;margin-bottom:12px;text-shadow:0 0 20px rgba(0,255,136,.8);animation:checkpoint-pulse 1.5s ease-in-out infinite alternate}@keyframes checkpoint-pulse{0%{text-shadow:0 0 20px rgba(0,255,136,.6);transform:scale(1)}to{text-shadow:0 0 40px rgba(0,255,136,1),0 0 60px rgba(0,255,136,.5);transform:scale(1.02)}}.checkpoint-content{display:flex;flex-direction:column;align-items:center;gap:12px;max-height:420px;overflow-y:auto;padding:10px}.checkpoint-wave{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#00ff881a,#00643233);border:2px solid rgba(0,255,136,.5);border-radius:10px;padding:10px 30px;margin-bottom:5px}.checkpoint-wave .checkpoint-label{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#8fa;letter-spacing:3px}.checkpoint-wave .checkpoint-value{font-family:"Press Start 2P",monospace;font-size:2rem;color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.8);margin:3px 0}.checkpoint-tally{background:#00000080;border:1px solid rgba(0,255,136,.3);border-radius:8px;padding:10px 20px;min-width:280px}.tally-row{display:flex;justify-content:space-between;font-family:"Press Start 2P",monospace;font-size:.6rem;color:#aaa;padding:5px 0}.tally-row.bonus{color:#8f8}.tally-row.bonus span:last-child{color:#0f8}.tally-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.5),transparent);margin:10px 0}.tally-row.total{font-size:.8rem;color:#fff;padding-top:10px}.tally-row.total span:last-child{color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.5)}.checkpoint-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:5px}.save-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:8px 12px;background:linear-gradient(135deg,#00c86426,#00965040,#00c86426);border:2px solid rgba(0,200,100,.4);color:#0f8;border-radius:8px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,136,.5)}.save-button:hover,.save-button.gamepad-selected{background:linear-gradient(135deg,#00c8644d,#00965066,#00c8644d);border-color:#0f8;box-shadow:0 0 40px #00ff8880,0 0 80px #00ff884d;text-shadow:0 0 15px rgba(0,255,136,1),0 0 30px rgba(0,255,136,.8);transform:scale(1.03)}.save-button.save-success{background:linear-gradient(135deg,#0f86,#00c86480,#0f86)!important;border-color:#0f8!important;color:#fff!important;animation:saveFlash .3s ease-out;box-shadow:0 0 60px #0f8c,0 0 100px #00ff8880!important}@keyframes saveFlash{0%{transform:scale(1.1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quit-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:8px 12px;background:linear-gradient(135deg,#c8640026,#96500040,#c8640026);border:2px solid rgba(200,100,0,.4);color:#f84;border-radius:8px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(255,136,68,.5)}.quit-button:hover,.quit-button.gamepad-selected{background:linear-gradient(135deg,#c864004d,#96500066,#c864004d);border-color:#f84;box-shadow:0 0 40px #ff884480,0 0 80px #ff88444d;text-shadow:0 0 15px rgba(255,136,68,1),0 0 30px rgba(255,136,68,.8);transform:scale(1.03)}.customize-checkpoint-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:8px 12px;background:linear-gradient(135deg,#9600c826,#64009640,#9600c826);border:2px solid rgba(200,100,255,.4);color:#c8f;border-radius:8px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(200,100,255,.5)}.customize-checkpoint-button:hover,.customize-checkpoint-button.gamepad-selected{background:linear-gradient(135deg,#9600c84d,#64009666,#9600c84d);border-color:#c864ff;box-shadow:0 0 40px #c864ff80,0 0 80px #c864ff4d;text-shadow:0 0 15px rgba(200,100,255,1),0 0 30px rgba(200,100,255,.8);transform:scale(1.03)}.checkpoint-hint{font-family:"Press Start 2P",monospace;font-size:.4rem;color:#666;margin-top:8px}.continue-button{background:linear-gradient(135deg,#ffc80026,#ff960040,#ffc80026)!important;border-color:#ffc80066!important}.continue-button:hover,.continue-button.gamepad-selected{background:linear-gradient(135deg,#ffc8004d,#ff960066,#ffc8004d)!important;border-color:#ffc800!important;box-shadow:0 0 60px #ffc80099,0 0 100px #ffc80066,0 15px 50px #0006,inset 0 1px #ffffff4d!important;text-shadow:0 0 15px rgba(255,200,0,1),0 0 30px rgba(255,200,0,.8)!important}.game-over h2{color:#f44;text-shadow:0 0 10px #ff4444}.challenge-game-over-stats{background:linear-gradient(180deg,#6432004d,#3c1e0033);border:1px solid rgba(255,150,0,.4);border-radius:8px;padding:12px 20px;margin:15px 0}.survival-time-stat{font-family:"Press Start 2P",monospace;font-size:1.1rem;color:#f80;text-shadow:0 0 10px rgba(255,136,0,.5);margin:0}.final-score{font-family:"Press Start 2P",Courier New,monospace;font-size:1.2rem;color:#fff;margin-bottom:10px}.wave-reached{font-family:"Press Start 2P",Courier New,monospace;font-size:.9rem;color:#0f8;margin-bottom:10px}.boss-fight{font-family:"Press Start 2P",Courier New,monospace;font-size:.7rem;color:#f0f;margin-bottom:15px;text-shadow:0 0 10px #ff00ff}.new-high-score{font-family:"Press Start 2P",Courier New,monospace;font-size:.9rem;color:#ff0;margin-bottom:20px;animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:scale(1);text-shadow:0 0 10px #ffff00}to{transform:scale(1.1);text-shadow:0 0 20px #ffff00,0 0 30px #ffaa00}}.game-over-settings{background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px 20px;margin:15px 0;max-width:350px}.settings-tip{font-family:"Press Start 2P",Courier New,monospace;font-size:.45rem;color:#8cf;text-align:center;margin-bottom:12px}.difficulty-selector{margin-bottom:15px}.difficulty-selector label{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#aaa;display:block;margin-bottom:8px}.difficulty-buttons{display:flex;gap:8px;justify-content:center}.difficulty-btn{font-family:"Press Start 2P",Courier New,monospace;font-size:.45rem;padding:8px 12px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:6px;color:#aaa;cursor:pointer;transition:all .3s ease}.difficulty-btn:hover{border-color:var(--diff-color);color:var(--diff-color);background:#ffffff26}.difficulty-btn.active{border-color:var(--diff-color);color:var(--diff-color);background:#fff3;box-shadow:0 0 15px #fff3}.difficulty-desc{font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;text-align:center;margin-top:8px}.audio-quick-controls{display:flex;flex-direction:column;gap:8px}.volume-row{display:flex;align-items:center;gap:10px}.volume-label{font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;color:#888;width:70px}.volume-slider-small{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#00ff884d,#0088ff4d);border-radius:3px;outline:none;cursor:pointer}.volume-slider-small::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#0f8;border-radius:50%;cursor:pointer;box-shadow:0 0 6px #0f8c}.volume-slider-small::-moz-range-thumb{width:14px;height:14px;background:#0f8;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 6px #0f8c}.volume-val{font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;color:#fff;width:40px;text-align:right}.game-over-buttons{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:10px}.quit-button{background:linear-gradient(180deg,#f443,#aa22224d)!important;border-color:#ff444480!important;color:#f66!important}.quit-button:hover{background:linear-gradient(180deg,#ff44444d,#a226)!important;border-color:#f44c!important;color:#fff!important;box-shadow:0 8px 25px #f446!important}.quit-confirm-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.quit-confirm-modal{background:linear-gradient(180deg,#1e0a0afa,#320f0ff2);border:2px solid #ff4444;border-radius:15px;padding:25px 35px;text-align:center;box-shadow:0 0 40px #f446,inset 0 0 30px #ff44441a}.quit-confirm-modal h3{font-family:"Press Start 2P",Courier New,monospace;font-size:1rem;color:#f44;margin-bottom:15px;text-shadow:0 0 15px rgba(255,68,68,.8)}.quit-confirm-modal p{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;color:#fff;margin-bottom:8px}.quit-warning{color:#f88!important;font-size:.5rem!important;margin-bottom:20px!important}.quit-confirm-buttons{display:flex;gap:15px;justify-content:center}.quit-confirm-btn{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid}.confirm-yes{background:linear-gradient(180deg,#ff44444d,#a226);border-color:#f44;color:#f66}.confirm-yes:hover{background:linear-gradient(180deg,#ff444480,#a229);color:#fff;box-shadow:0 0 20px #ff444480;transform:scale(1.05)}.confirm-no{background:linear-gradient(180deg,#0f83,#00aa5a4d);border-color:#0f8;color:#0f8}.confirm-no:hover{background:linear-gradient(180deg,#0f86,#00aa5a80);color:#fff;box-shadow:0 0 20px #00ff8880;transform:scale(1.05)}.customize-overlay{z-index:50;background:linear-gradient(135deg,#050f23fa,#0f0523fa);border:2px solid #00ffff;box-shadow:0 0 30px #00ffff4d,inset 0 0 60px #00ffff0d;padding:15px 20px;overflow-y:auto;max-height:100%}.customize-overlay h2{font-family:"Press Start 2P",Courier New,monospace;font-size:.9rem;color:#0ff;text-shadow:0 0 20px #00ffff,0 0 40px #0088ff;margin-bottom:10px;letter-spacing:3px}.customize-layout{display:flex;gap:20px;align-items:flex-start;max-width:700px}.customize-preview-section{display:flex;flex-direction:column;align-items:center;gap:15px}.ship-preview-large{width:250px;height:160px;background:radial-gradient(ellipse at center,#00507866,#001428e6);border:2px solid rgba(0,255,255,.4);border-radius:12px;box-shadow:0 0 20px #0ff3,inset 0 0 40px #00649633;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-glow{position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(40px);animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{opacity:.3;transform:scale(.9)}to{opacity:.6;transform:scale(1.1)}}.ship-canvas-large{display:block;position:relative;z-index:1}.ship-nav-row{display:flex;align-items:center;gap:15px}.ship-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:180px}.ship-dot{width:10px;height:10px;border-radius:50%;cursor:pointer;transition:all .2s ease;border:1px solid #666}.ship-dot:hover{transform:scale(1.2)}.ship-dot.active{border-color:#fff;box-shadow:0 0 10px currentColor}.ship-nav-btn{background:linear-gradient(135deg,#06a,#048);border:2px solid #00ffff;color:#0ff;font-size:1.2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-shadow:0 0 10px #00ffff;box-shadow:0 0 15px #00ffff4d}.ship-nav-btn:hover{background:linear-gradient(135deg,#08c,#06a);transform:scale(1.1);box-shadow:0 0 25px #0ff9}.ship-nav-btn:active{transform:scale(.95)}.customize-info-section{display:flex;flex-direction:column;gap:8px;padding:15px;background:#0006;border-radius:10px;border:1px solid rgba(0,255,255,.2);min-width:240px;max-width:280px}.ship-header{text-align:center;border-bottom:1px solid rgba(0,255,255,.2);padding-bottom:8px}.ship-name-large{font-family:"Press Start 2P",Courier New,monospace;font-size:.9rem;margin:0 0 5px;letter-spacing:2px;text-shadow:0 0 20px currentColor}.ship-class{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#8ac;margin:0;text-transform:uppercase;letter-spacing:1px}.ship-lore{font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;color:#689;margin:0;line-height:1.6;text-align:center;font-style:italic}.ship-stats{display:flex;flex-direction:column;gap:6px;margin-top:3px}.stat-row{display:flex;align-items:center;gap:8px}.stat-label{font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;color:#aaa;width:70px;text-align:left}.stat-bar-container{flex:1;height:8px;background:#00000080;border-radius:5px;border:1px solid #333;overflow:hidden}.stat-bar{height:100%;border-radius:4px;transition:width .3s ease;box-shadow:0 0 8px currentColor}.ship-counter{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#666;text-align:center;margin-top:5px}.parts-section{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;padding:10px;background:#00325066;border-radius:8px;border:1px solid rgba(0,200,255,.3);max-width:700px}.part-selector{display:flex;align-items:center;gap:8px}.part-label{font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;color:#0cf;width:70px;text-align:left;text-shadow:0 0 8px #00ccff}.part-options{flex:1;display:flex;align-items:center;gap:8px}.part-nav-btn{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;width:24px;height:24px;background:linear-gradient(135deg,#333,#111);border:1px solid #00ccff;color:#0cf;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.part-nav-btn:hover{background:linear-gradient(135deg,#0cf,#08a);color:#000;box-shadow:0 0 10px #00c8ff99}.part-nav-btn:active{transform:scale(.9)}.part-info{flex:1;display:flex;flex-direction:column;align-items:center;background:#0000004d;padding:4px 8px;border-radius:4px;border:1px solid #444;min-width:100px}.part-name{font-family:"Press Start 2P",Courier New,monospace;font-size:.4rem;color:#fff;text-shadow:0 0 6px #00ccff}.part-desc{font-family:Courier New,monospace;font-size:.45rem;color:#888;margin-top:1px}.randomize-button{grid-column:1 / -1;margin-top:5px;padding:8px 20px;font-family:"Press Start 2P",monospace;font-size:.6rem;background:linear-gradient(135deg,#ff64004d,#c8320066);border:2px solid #ff6600;border-radius:8px;color:#fa0;cursor:pointer;transition:all .2s ease;text-shadow:0 0 10px rgba(255,100,0,.5);box-shadow:0 0 15px #ff64004d;animation:randomizePulse 2s ease infinite}.randomize-button:hover{background:linear-gradient(135deg,#ff960066,#ff500080);box-shadow:0 0 25px #ff640080;transform:scale(1.05);color:#fc0}.randomize-button:active{transform:scale(.95)}@keyframes randomizePulse{0%,to{box-shadow:0 0 15px #ff64004d}50%{box-shadow:0 0 25px #ff640080}}.customize-buttons{display:flex;gap:15px;margin-top:10px;justify-content:center;align-items:center}.confirm-button{font-family:"Press Start 2P",Courier New,monospace;font-size:.55rem;padding:10px 25px;background:linear-gradient(180deg,#00ff884d,#00c8644d);border:2px solid rgba(0,255,136,.6);border-radius:8px;color:#4f8;cursor:pointer;transition:all .3s ease}.confirm-button:hover{background:linear-gradient(180deg,#00ff8880,#00c86480);border-color:#4f8;box-shadow:0 0 20px #4f89;transform:scale(1.05)}.confirm-button:active{transform:scale(.98)}.customize-button{background:linear-gradient(135deg,#057,#035)!important;border-color:#0ac!important}.customize-button:hover{background:linear-gradient(135deg,#068,#046)!important;box-shadow:0 0 20px #00aacc80!important}.zone-selection{margin:5px 0;padding:10px;background:#001428cc;border-radius:8px;border:1px solid #334455}.zone-selection h3{font-size:.6rem;color:#0cf;margin-bottom:8px;text-align:center;text-shadow:0 0 10px #00ccff}.zone-options{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.zone-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:55px;padding:6px;border:2px solid #666;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace}.zone-button:hover{transform:scale(1.08);box-shadow:0 0 15px currentColor}.zone-name{font-size:.45rem;color:#fff;margin-bottom:3px;text-shadow:0 0 5px #000}.zone-desc{font-size:.35rem;color:#aaa;text-align:center}.checkpoint-adjustments{margin:8px 0;padding:10px;background:#001e32e6;border-radius:8px;border:1px solid #00ffaa;box-shadow:0 0 10px #00ffaa4d}.checkpoint-adjustments h3{font-size:.6rem;color:#0fa;margin-bottom:10px;text-align:center;text-shadow:0 0 10px #00ffaa}.adjustment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.adjustment-item{display:flex;flex-direction:column;gap:4px;font-size:.4rem;color:#fff}.adjustment-item label{font-size:.4rem;color:#0cf;display:flex;align-items:center;gap:5px}.adjustment-item input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#00ffaa}.adjustment-hint{font-size:.35rem;color:#888;font-style:italic}.difficulty-mini-buttons{display:flex;gap:4px}.diff-mini-btn{width:30px;height:30px;border:2px solid #666;border-radius:4px;background:#0009;color:#fff;font-size:.45rem;cursor:pointer;transition:all .2s ease;font-family:"Press Start 2P",monospace}.diff-mini-btn:hover{transform:scale(1.1);box-shadow:0 0 10px currentColor}.diff-mini-btn.active{background:#0fa3;border-width:3px;box-shadow:0 0 15px currentColor}.volume-slider-mini{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer;accent-color:#00ffaa}.volume-slider-mini::-webkit-slider-thumb{width:14px;height:14px;background:#0fa;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #0fa}.checkpoint-loadout{margin-top:12px;padding:8px;background:#00000080;border-radius:6px;border:1px solid #00ccff}.checkpoint-loadout h4{font-size:.5rem;color:#0cf;margin-bottom:8px;text-align:center;text-shadow:0 0 8px #00ccff}.loadout-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.loadout-stat{display:flex;justify-content:space-between;font-size:.4rem;padding:4px 6px;background:#0032644d;border-radius:3px}.stat-label{color:#aaa}.stat-value{color:#0fa;font-weight:700;text-shadow:0 0 5px #00ffaa}.achievement-notification{position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:1000;animation:achievementSlideIn .5s ease-out,achievementGlow 2s ease-in-out infinite}.achievement-notification-content{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #ffd700;border-radius:8px;padding:12px 20px;box-shadow:0 0 20px #ffd70066,0 0 40px #ffd70033,inset 0 1px #ffffff1a}.achievement-icon{font-size:2rem;animation:achievementBounce .5s ease-out}.achievement-details{display:flex;flex-direction:column;gap:2px}.achievement-unlocked{font-size:.5rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);letter-spacing:2px}.achievement-name{font-size:.55rem;color:#fff;font-weight:700}.achievement-desc{font-size:.4rem;color:#aaa}@keyframes achievementSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes achievementBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes achievementGlow{0%,to{box-shadow:0 0 20px #ffd70066,0 0 40px #ffd70033}50%{box-shadow:0 0 30px #ffd70099,0 0 60px #ffd7004d}}.achievements-section{display:flex;flex-direction:column;gap:10px;width:100%}.achievements-header{text-align:center;font-size:.5rem;color:gold;padding:5px 0;border-bottom:1px solid #333}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:200px;overflow-y:auto;padding-right:5px}.achievement-card{display:flex;align-items:center;gap:8px;background:#0006;border:1px solid #333;border-radius:6px;padding:8px;transition:all .3s ease}.achievement-card.unlocked{background:#ffd7001a;border-color:gold}.achievement-card.locked{opacity:.6}.achievement-card-icon{font-size:1.2rem;min-width:30px;text-align:center}.achievement-card-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.achievement-card-name{font-size:.4rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-card.unlocked .achievement-card-name{color:gold}.achievement-card-desc{font-size:.35rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1400px){.game-wrapper{max-width:95vw}.game-canvas{width:100%!important;height:auto!important}}@media(max-width:1024px){.game-wrapper{max-width:98vw}.game-title{font-size:2rem}.touch-joystick{position:fixed!important;bottom:10px!important;left:10px!important;width:140px!important;height:140px!important;z-index:2000!important}.touch-buttons{position:fixed!important;bottom:10px!important;right:10px!important;gap:8px!important;z-index:2000!important}.touch-btn{width:70px!important;height:70px!important;font-size:.55rem!important}.overlay.game-over{padding:15px 10px!important;overflow-y:auto}.game-over h2{font-size:1.2rem!important;margin-bottom:10px!important}.final-score{font-size:.9rem!important;margin-bottom:8px!important}.wave-reached{font-size:.7rem!important;margin-bottom:8px!important}.boss-fight{font-size:.6rem!important;margin-bottom:10px!important}.new-high-score{font-size:.7rem!important;margin-bottom:12px!important}.challenge-game-over-stats{padding:8px 12px!important;margin:10px 0!important}.survival-time-stat{font-size:.8rem!important}.game-over-settings{padding:10px 12px!important;margin:10px 0!important;max-width:90%!important}.settings-tip{font-size:.55rem!important;margin-bottom:8px!important}.difficulty-selector label{font-size:.6rem!important}.difficulty-btn{padding:6px 10px!important;font-size:.5rem!important}.difficulty-desc{font-size:.5rem!important;margin-top:6px!important}.audio-quick-controls,.volume-row{gap:6px!important}.volume-label{font-size:.5rem!important;min-width:50px!important}.volume-slider-small{height:4px!important}.volume-val{font-size:.5rem!important;min-width:30px!important}.game-over-buttons{gap:8px!important;margin-top:8px!important}.game-over-buttons button{padding:10px 18px!important;font-size:.6rem!important}.pause-overlay h2{font-size:1.8rem!important;margin-bottom:20px!important}.pause-buttons-grid{max-width:95%!important;gap:10px!important}.pause-grid-button{padding:12px 10px!important;min-height:65px!important;font-size:.7rem!important}.pause-grid-button .btn-icon{font-size:1.5rem!important}.pause-grid-button .btn-label{font-size:.65rem!important}.split-screen-menu{overflow-y:auto!important}.menu-left-panel{padding:15px!important}.menu-right-panel{padding:20px 30px!important}.ship-showcase{width:120px!important;height:120px!important;margin-bottom:8px!important}.ship-showcase-icon{font-size:3.5rem!important}.split-logo .menu-logo{font-size:1.5rem!important;letter-spacing:4px!important;margin-bottom:5px!important}.split-logo .menu-tagline{font-size:.45rem!important;margin-bottom:15px!important}.split-buttons{gap:10px!important}.split-buttons .start-button,.split-buttons .settings-button,.split-buttons button{font-size:.7rem!important;padding:12px 20px!important}.split-stats{gap:8px!important;margin:12px 0!important}.stat-item{padding:8px 10px!important;font-size:.6rem!important}.stat-label{font-size:.5rem!important}.stat-value{font-size:.7rem!important}.challenge-modal-overlay{overflow-y:auto!important}.challenge-modal,.practice-modal{padding:15px 20px!important;max-width:90%!important;max-height:85vh!important;overflow-y:auto!important}.challenge-modal h2,.practice-modal h2{font-size:1rem!important;margin-bottom:10px!important}.challenge-subtitle{font-size:.5rem!important;margin-bottom:12px!important}.practice-settings{gap:12px!important}.practice-setting label{font-size:.6rem!important}.wave-selector{gap:8px!important}.wave-btn{width:35px!important;height:35px!important;font-size:1rem!important}.wave-display{font-size:.7rem!important;padding:8px 15px!important}.setting-hint{font-size:.5rem!important}.zone-preview{padding:6px 10px!important;margin-top:8px!important}.challenge-item{padding:12px 15px!important;gap:8px!important}.challenge-title{font-size:.7rem!important}.challenge-desc,.challenge-reward{font-size:.5rem!important}.challenge-buttons button{padding:10px 15px!important;font-size:.6rem!important}.settings-overlay{padding:15px 20px!important;overflow-y:auto!important}.settings-overlay h2{font-size:1.2rem!important;margin-bottom:15px!important}.settings-section{padding:12px 15px!important;margin-bottom:12px!important}.settings-section h3{font-size:.7rem!important;margin-bottom:10px!important}.volume-control{gap:8px!important}.volume-label-main{font-size:.6rem!important;min-width:80px!important}}@media(max-width:850px){.game-container{padding:10px}.game-title{font-size:1.5rem}.game-wrapper{transform:scale(.9);transform-origin:top center}}.victory-screen{background:radial-gradient(ellipse at center,#140a28fa,#050514fc)!important;overflow-y:auto;padding:20px}.victory-content{max-width:600px;text-align:center;animation:victoryFadeIn 1s ease}@keyframes victoryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.victory-title h1{font-family:"Press Start 2P",monospace;font-size:2rem;color:gold;text-shadow:0 0 10px #ffd700,0 0 20px #ffaa00,0 0 40px #ff8800;margin-bottom:10px;animation:victoryPulse 2s ease infinite}@keyframes victoryPulse{0%,to{text-shadow:0 0 10px #ffd700,0 0 20px #ffaa00,0 0 40px #ff8800}50%{text-shadow:0 0 20px #ffd700,0 0 40px #ffaa00,0 0 60px #ff8800}}.victory-title h2{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#0ff;text-shadow:0 0 10px #00ffff;margin-bottom:25px;letter-spacing:2px}.victory-story{background:linear-gradient(180deg,#0032504d,#001e3233);border:1px solid rgba(0,255,255,.3);border-radius:10px;padding:20px;margin-bottom:20px}.story-text{font-family:Segoe UI,Arial,sans-serif;font-size:.85rem;line-height:1.6;color:#cde}.story-paragraph{margin-bottom:15px;text-align:justify}.story-paragraph .highlight{color:#0f8;font-weight:700;text-shadow:0 0 5px #00ff88}.story-final{font-size:1rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);margin-top:20px;margin-bottom:0}.victory-stats{background:linear-gradient(180deg,#00643233,#003c1e26);border:1px solid rgba(0,255,136,.4);border-radius:10px;padding:15px;margin-bottom:20px}.victory-stats h3{font-family:"Press Start 2P",monospace;font-size:.7rem;color:#0f8;margin-bottom:10px;text-shadow:0 0 10px #00ff88}.victory-stats p{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#ada;margin:8px 0}.victory-stats .stat-value{color:#0f8;font-weight:700}.credits-section{background:linear-gradient(180deg,#321e504d,#1e0f3233);border:1px solid rgba(150,100,255,.3);border-radius:10px;padding:20px;margin-bottom:20px}.credits-section h3{font-family:"Press Start 2P",monospace;font-size:.8rem;color:#a8f;margin-bottom:15px;text-shadow:0 0 10px rgba(170,136,255,.5)}.credits-list{text-align:center}.credit-item{font-family:Segoe UI,Arial,sans-serif;font-size:.8rem;color:#cce;margin:15px 0;line-height:1.4}.credit-role{font-family:"Press Start 2P",monospace;font-size:.55rem;color:#86c;letter-spacing:1px}.victory-buttons{margin-top:20px}.victory-button{font-size:.8rem!important;padding:15px 30px!important;background:linear-gradient(180deg,#00b46466,#00783c80)!important;border:2px solid #00ff88!important;color:#0f8!important;text-shadow:0 0 10px #00ff88!important;box-shadow:0 0 20px #00ff884d!important}.victory-button:hover{background:linear-gradient(180deg,#00dc7880,#00965099)!important;box-shadow:0 0 30px #00ff8880!important;transform:scale(1.05)}.victory-hint{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#889;margin-top:15px}.time-attack-title h1{color:#48f!important;text-shadow:0 0 30px #4488ff,0 0 60px rgba(68,136,255,.5)!important}.time-attack-title h2{color:#8af!important;text-shadow:0 0 10px #4488ff!important}.boss-rush-title h1{color:#a4f!important;text-shadow:0 0 30px #aa44ff,0 0 60px rgba(170,68,255,.5)!important}.boss-rush-title h2{color:#c8f!important;text-shadow:0 0 10px #aa44ff!important}.challenge-stats{background:linear-gradient(180deg,#503c784d,#321e5033);border:1px solid rgba(170,100,255,.4)}.challenge-stats h3{color:#a8f;text-shadow:0 0 10px rgba(170,136,255,.5)}.challenge-stats p{color:#cbe}.challenge-stats .stat-value{color:#fa0}.challenge-stats .time-value{color:#48f;font-size:1.2rem}@media(max-width:1200px){.split-logo .menu-logo{font-size:2rem;letter-spacing:10px}.ship-showcase{width:220px;height:220px}.ship-showcase-icon{font-size:6rem}}@media(max-width:900px){.split-screen-menu{flex-direction:column}.menu-left-panel,.menu-right-panel{width:100%;height:auto;min-height:50vh;padding:30px 20px}.split-divider{left:10%;top:50%;width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.3) 20%,rgba(0,255,255,.5) 50%,rgba(0,255,136,.3) 80%,transparent 100%)}.ship-showcase{width:180px;height:180px;margin-bottom:10px}.ship-showcase-icon{font-size:5rem}.split-logo .menu-logo{font-size:1.5rem;letter-spacing:8px}.split-logo .menu-tagline{font-size:.4rem}}@media(max-width:600px){.menu-left-panel,.menu-right-panel{padding:20px 15px}.ship-showcase{width:150px;height:150px}.ship-showcase-icon{font-size:4rem}.split-stats{grid-template-columns:1fr;gap:8px}.split-buttons .start-button,.split-buttons .settings-button{font-size:.65rem;padding:14px 20px}}.challenge-message{background:linear-gradient(180deg,#ffb40026,#c878001a);border:1px solid rgba(255,180,0,.4);border-radius:10px;padding:20px;margin-bottom:20px;font-family:"Press Start 2P",monospace;font-size:.7rem;color:#fc0;text-shadow:0 0 10px rgba(255,180,0,.3);line-height:2}.challenge-button{background:linear-gradient(180deg,#ffb4004d,#c8780066)!important;border-color:#ffc80099!important;animation:challengeGlow 2s ease infinite}.challenge-button:hover{background:linear-gradient(180deg,#ffc80066,#dc8c0080)!important;border-color:#ffdc00cc!important}@keyframes challengeGlow{0%,to{box-shadow:0 0 10px #ffb4004d}50%{box-shadow:0 0 20px #ffb40080}}.challenge-modal-overlay{position:absolute;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s ease}.challenge-modal{background:linear-gradient(180deg,#140f28fa,#1e143cf2);border:2px solid #ffd700;border-radius:15px;padding:25px 30px;max-width:500px;width:90%;text-align:center;box-shadow:0 0 30px #ffd7004d,inset 0 0 50px #ffd7000d}.challenge-modal h2{font-family:"Press Start 2P",monospace;font-size:1.2rem;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5);margin-bottom:5px}.challenge-subtitle{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#aac;margin-bottom:20px}.challenge-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.challenge-option{display:flex;align-items:center;gap:15px;padding:15px;background:linear-gradient(90deg,#281e5099,#3c286466);border:1px solid rgba(150,100,255,.4);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.challenge-option:hover{background:linear-gradient(90deg,#3c2864b3,#50328280);border-color:#c896ff99;transform:translate(5px)}.challenge-icon{font-size:2rem;min-width:50px;text-align:center}.challenge-info h3{font-family:"Press Start 2P",monospace;font-size:.7rem;color:#fff;margin-bottom:5px}.challenge-info p{font-family:Segoe UI,Arial,sans-serif;font-size:.75rem;color:#abc;margin-bottom:5px}.challenge-detail{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#889}.campaign-mode{border-color:#00c8ff66!important}.campaign-mode:hover{border-color:#00dcff99!important;box-shadow:0 0 15px #00c8ff4d}.campaign-mode h3{color:#0cf!important}.practice-mode{border-color:#0f86!important}.practice-mode:hover{border-color:#00ff9699!important;box-shadow:0 0 15px #00ff884d}.practice-mode h3{color:#0f8!important}.replay-mode{border-color:#ff00c866!important}.replay-mode:hover{border-color:#ff32dc99!important;box-shadow:0 0 15px #ff00c84d}.replay-mode h3{color:#f0c!important}.survival-mode{border-color:#ff646466!important}.survival-mode:hover{border-color:#ff969699!important;box-shadow:0 0 15px #ff64644d}.survival-mode h3{color:#f66!important}.bossrush-mode{border-color:#ff64ff66!important}.bossrush-mode:hover{border-color:#ff96ff99!important;box-shadow:0 0 15px #ff64ff4d}.bossrush-mode h3{color:#f6f!important}.timeattack-mode{border-color:#64c8ff66!important}.timeattack-mode:hover{border-color:#96dcff99!important;box-shadow:0 0 15px #64c8ff4d}.timeattack-mode h3{color:#6cf!important}.challenge-back{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:10px 20px;background:#6464644d;border:1px solid rgba(150,150,150,.4);border-radius:5px;color:#aaa;cursor:pointer;transition:all .2s ease}.challenge-back:hover{background:#78787866;border-color:#b4b4b499;color:#fff}.practice-modal{max-width:420px!important;max-height:90vh;overflow-y:auto;padding-top:20px!important;padding-bottom:20px!important}.practice-settings{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.practice-setting{display:flex;flex-direction:column;align-items:center;gap:5px}.practice-setting label{font-family:"Press Start 2P",monospace;font-size:.55rem;color:#0ff}.wave-selector{display:flex;align-items:center;gap:15px}.wave-btn{font-family:"Press Start 2P",monospace;font-size:.9rem;width:36px;height:36px;background:#00ffff1a;border:2px solid rgba(0,255,255,.5);border-radius:6px;color:#0ff;cursor:pointer;transition:all .2s ease}.wave-btn:hover{background:#0ff3;border-color:#0ff;transform:scale(1.1)}.wave-display{font-family:"Press Start 2P",monospace;font-size:.7rem;color:#fff;min-width:100px;text-align:center}.setting-hint{font-family:"Press Start 2P",monospace;font-size:.4rem;color:#889}.practice-toggles{display:flex;flex-direction:column;gap:6px;width:100%}.toggle-option{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#32325066;border:1px solid rgba(100,100,150,.3);border-radius:6px;cursor:pointer;transition:all .2s ease}.toggle-option:hover{background:#46466480;border-color:#9696c880}.toggle-option input[type=checkbox]{width:18px;height:18px;accent-color:#00ff88;cursor:pointer}.toggle-label{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#fff;min-width:110px}.toggle-desc{font-family:"Press Start 2P",monospace;font-size:.35rem;color:#889;flex:1;text-align:right}.practice-actions{margin-bottom:10px}.practice-start{border-color:#00ff8880!important;background:linear-gradient(90deg,#00ff8826,#00c8641a)!important;width:100%}.practice-start:hover{border-color:#0f8c!important;background:linear-gradient(90deg,#00ff8840,#00c86426)!important;box-shadow:0 0 20px #00ff884d!important;transform:translateY(-2px)}.practice-start .challenge-icon{background:linear-gradient(135deg,#0f8,#0c6);color:#032;font-family:"Press Start 2P",monospace;font-size:.6rem;font-weight:700;padding:12px 16px;border-radius:8px;text-shadow:none;box-shadow:0 0 15px #00ff8880}.practice-start h3{color:#0f8!important;font-family:"Press Start 2P",monospace;font-size:.55rem;margin-bottom:4px}.practice-start p{color:#8fa!important;font-family:"Press Start 2P",monospace;font-size:.4rem}.practice-note{font-family:"Press Start 2P",monospace;font-size:.35rem;color:#f86;margin-top:10px;text-align:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.replay-button{background:linear-gradient(180deg,#ff00884d,#c8006466)!important;border-color:#ff00c899!important}.replay-button:hover{background:linear-gradient(180deg,#ff329666,#dc007880)!important;border-color:#ff32dccc!important}.replay-modal{max-width:600px!important;max-height:90vh;overflow-y:auto}.replay-controls{margin-bottom:20px}.replay-btn{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:15px 25px;background:linear-gradient(135deg,#f08,#c06);border:2px solid #ff00aa;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 0 15px #ff00884d}.replay-btn:hover{background:linear-gradient(135deg,#f39,#d07);transform:translateY(-2px);box-shadow:0 0 25px #ff008880}.replay-btn.recording{background:linear-gradient(135deg,#f33,#c00);border-color:red;animation:pulse 1.5s ease-in-out infinite}.replay-list{margin-bottom:20px}.replay-list h3{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#0ff;margin-bottom:12px;text-align:left}.no-replays{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#889;padding:20px;text-align:center;line-height:1.6}.replay-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px;background:#32285080;border:1px solid rgba(150,100,255,.3);border-radius:8px;margin-bottom:8px;transition:all .2s ease}.replay-item:hover{background:#46326499;border-color:#c896ff80;transform:translate(3px)}.replay-info{flex:1;text-align:left}.replay-header{display:flex;gap:10px;align-items:center;margin-bottom:5px}.replay-name{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#fff}.replay-mode{font-family:"Press Start 2P",monospace;font-size:.35rem;color:#0ff;background:#00ffff1a;padding:2px 6px;border-radius:3px}.replay-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:3px}.replay-stats span{font-family:"Press Start 2P",monospace;font-size:.4rem;color:#abc}.replay-date{font-family:"Press Start 2P",monospace;font-size:.35rem;color:#667}.replay-actions{display:flex;gap:8px}.replay-play-btn{font-family:"Press Start 2P",monospace;font-size:.45rem;padding:8px 12px;background:linear-gradient(135deg,#0f8,#0c6);border:2px solid #00ff88;border-radius:5px;color:#032;cursor:pointer;transition:all .2s ease;font-weight:700}.replay-play-btn:hover{background:linear-gradient(135deg,#3fa,#0d7);transform:scale(1.05);box-shadow:0 0 15px #0f86}.replay-delete-btn{font-family:"Press Start 2P",monospace;font-size:.45rem;padding:8px 12px;background:#ff323233;border:2px solid rgba(255,50,50,.5);border-radius:5px;color:#f66;cursor:pointer;transition:all .2s ease}.replay-delete-btn:hover{background:#ff323266;border-color:#f33;transform:scale(1.05)}.settings-controls{width:100%;max-height:70vh;overflow-y:auto}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(0,255,136,.3)}.controls-header h3{font-family:"Press Start 2P",monospace;font-size:.8rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5);margin:0}.reset-controls-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:8px 15px;background:linear-gradient(180deg,#ff6b6b,#ff4757);border:2px solid #ff8787;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 8px #ff47574d}.reset-controls-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #ff475780;background:linear-gradient(180deg,#ff8787,#ff6b6b)}.reset-controls-button:active{transform:translateY(0);box-shadow:0 2px 4px #ff47574d}.remapping-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.remapping-prompt{background:linear-gradient(180deg,#2d3561,#1a1f3a);border:3px solid #00ff88;border-radius:20px;padding:40px 60px;text-align:center;box-shadow:0 10px 40px #0f86;animation:pulse 2s ease-in-out infinite}.remapping-prompt h4{font-family:"Press Start 2P",monospace;font-size:.7rem;color:#0f8;margin-bottom:20px;text-shadow:0 0 15px rgba(0,255,136,.8)}.remapping-prompt p{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#fff;margin:15px 0;text-shadow:0 0 10px rgba(255,255,255,.5)}.remapping-hint{font-size:.5rem!important;color:#fff9!important;margin-top:30px!important}@keyframes pulse{0%,to{box-shadow:0 10px 40px #0f86}50%{box-shadow:0 10px 60px #00ff88b3}}.control-mappings{display:flex;flex-direction:column;gap:25px}.control-category{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border-radius:12px;padding:15px 20px;border:1px solid rgba(255,255,255,.1)}.control-category h4{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#0f8;margin-bottom:15px;text-shadow:0 0 8px rgba(0,255,136,.4)}.control-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:10px;background:#0003;border-radius:8px;transition:all .2s ease}.control-row:hover{background:#00ff880d;border-left:3px solid #00ff88}.control-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#ffffffe6;text-shadow:0 0 5px rgba(255,255,255,.3);flex:1}.control-keys{display:flex;gap:10px}.key-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:10px 20px;min-width:80px;background:linear-gradient(180deg,#667eea,#5a67d8);border:2px solid #7f9cf5;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 8px #667eea4d}.key-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea80;background:linear-gradient(180deg,#7f9cf5,#667eea);border-color:#a3bffa}.key-button:active{transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.controls-note{margin-top:25px;padding:15px;background:#ffffff08;border-radius:10px;border-left:3px solid #00ff88}.controls-note p{font-family:"Press Start 2P",monospace;font-size:.45rem;color:#ffffffb3;margin:8px 0;line-height:1.8}.touch-pause-btn{position:fixed;top:max(15px,env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:12px 24px;background:linear-gradient(135deg,#0ff6,#00c8ff4d);border:2px solid rgba(0,255,255,.6);border-radius:10px;color:#0ff;font-family:"Press Start 2P",monospace;font-size:.6rem;font-weight:700;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;z-index:2000;box-shadow:0 0 20px #0ff6,inset 0 2px 5px #ffffff1a;transition:all .08s ease-out;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);min-width:48px;min-height:48px;text-shadow:0 0 8px currentColor}.touch-pause-btn:active{transform:translate(-50%) scale(.94);background:linear-gradient(135deg,#0f89,#00dc6e80);border-color:#0f8;border-width:3px;box-shadow:0 0 30px #00ff88b3,inset 0 0 15px #00ff884d}.touch-joystick{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));width:150px;height:150px;z-index:1000;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.joystick-base{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#00ff884d,#00c86433);border:3px solid rgba(0,255,136,.5);transform:translate(-50%,-50%);pointer-events:none}.joystick-stick{position:absolute;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#0f8c,#00c86499);border:2px solid rgba(0,255,136,1);box-shadow:0 0 20px #0f89;transform:translate(-50%,-50%);pointer-events:none;transition:all .05s ease-out}.joystick-range{position:absolute;width:110px;height:110px;border-radius:50%;border:2px dashed rgba(0,255,136,.3);transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s}.joystick-direction-line{position:absolute;height:3px;background:linear-gradient(90deg,#0f8c,#0f80);transform-origin:left center;pointer-events:none;border-radius:2px}.touch-joystick.joystick-small{width:120px;height:120px}.touch-joystick.joystick-small .joystick-base{width:60px;height:60px}.touch-joystick.joystick-small .joystick-stick{width:32px;height:32px}.touch-joystick.joystick-small .joystick-range{width:80px;height:80px}.touch-joystick.joystick-medium{width:150px;height:150px}.touch-joystick.joystick-medium .joystick-base{width:80px;height:80px}.touch-joystick.joystick-medium .joystick-stick{width:40px;height:40px}.touch-joystick.joystick-medium .joystick-range{width:110px;height:110px}.touch-joystick.joystick-large{width:180px;height:180px}.touch-joystick.joystick-large .joystick-base{width:100px;height:100px}.touch-joystick.joystick-large .joystick-stick{width:50px;height:50px}.touch-joystick.joystick-large .joystick-range{width:140px;height:140px}.touch-controls-settings{margin-top:30px;padding-top:20px;border-top:2px solid rgba(0,255,136,.3)}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background:#ffffff08;border-radius:8px}.setting-row label{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:"Press Start 2P",monospace;font-size:.5rem;color:#0f8}.setting-label{flex:1}.setting-value{margin-left:10px;color:#ff0;min-width:50px;text-align:right}.setting-select{font-family:"Press Start 2P",monospace;font-size:.45rem;background:#00000080;color:#0f8;border:2px solid rgba(0,255,136,.5);border-radius:5px;padding:8px 12px;cursor:pointer;outline:none;margin-top:8px;width:100%}.setting-select:hover{border-color:#0f8}.setting-select option{background:#000;color:#0f8}.checkbox-toggle{width:50px;height:25px;margin-top:8px;cursor:pointer}.touch-buttons{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:1000}.touch-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00ffff4d,#00c8ff33);border:2px solid rgba(0,255,255,.5);color:#0ff;font-family:"Press Start 2P",monospace;font-size:.5rem;font-weight:700;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .08s ease-out;box-shadow:0 0 15px #00ffff4d,inset 0 2px 5px #ffffff1a;-webkit-tap-highlight-color:transparent;position:relative;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);will-change:transform,box-shadow}.btn-label{font-size:.45rem;line-height:1.2;text-shadow:0 0 8px currentColor}.btn-hint{font-size:.3rem;opacity:.7;margin-top:2px;color:#ff0}.touch-btn.active,.touch-btn:active{transform:scale(.88);background:linear-gradient(135deg,#0f89,#00dc6e80);border-color:#0f8;border-width:3px;box-shadow:0 0 30px #0f8c,inset 0 0 15px #00ff884d}.touch-btn-shoot{background:linear-gradient(135deg,#ff646459,#ff323240);border-color:#ff646499;color:#f66;box-shadow:0 0 15px #ff646466,inset 0 2px 5px #ffffff1a}.touch-btn-shoot.active,.touch-btn-shoot:active{background:linear-gradient(135deg,#ff8888a6,#ff646480);border-color:#f88;box-shadow:0 0 35px #ff8888e6,inset 0 0 20px #ff646466}.touch-btn-dash{background:linear-gradient(135deg,#00ffff59,#00c8ff40);border-color:#0ff9;color:#0ff}.touch-btn-dash.active,.touch-btn-dash:active{background:linear-gradient(135deg,#00ffffa6,#00dcff80);border-color:#0ff;box-shadow:0 0 35px #00ffffe6,inset 0 0 20px #0ff6}.touch-btn-bomb{background:linear-gradient(135deg,#ffc80059,#ff960040);border-color:#ffc80099;color:#fc0}.touch-btn-bomb.active,.touch-btn-bomb:active{background:linear-gradient(135deg,#ffdc00a6,#ffb40080);border-color:#ffdc00;box-shadow:0 0 35px #ffc800e6,inset 0 0 20px #ff960066}.touch-btn-special{background:linear-gradient(135deg,#c864ff59,#9632ff40);border-color:#c864ff99;color:#c6f}.touch-btn-special.active,.touch-btn-special:active{background:linear-gradient(135deg,#dc88ffa6,#b464ff80);border-color:#dc88ff;box-shadow:0 0 35px #c864ffe6,inset 0 0 20px #9632ff66}.touch-btn,.touch-pause-btn{min-width:48px;min-height:48px;margin:4px}.touch-btn,.touch-pause-btn,.touch-joystick{touch-action:manipulation}.touch-buttons.buttons-small .touch-btn{width:52px;height:52px;font-size:.4rem}.touch-buttons.buttons-small .btn-label{font-size:.4rem}.touch-buttons.buttons-small .btn-hint{font-size:.28rem}.touch-buttons.buttons-medium .touch-btn{width:64px;height:64px;font-size:.5rem}.touch-buttons.buttons-medium .btn-label{font-size:.45rem}.touch-buttons.buttons-medium .btn-hint{font-size:.3rem}.touch-buttons.buttons-large .touch-btn{width:76px;height:76px;font-size:.55rem}.touch-buttons.buttons-large .btn-label{font-size:.5rem}.touch-buttons.buttons-large .btn-hint{font-size:.32rem}@supports (height: 100dvh){.touch-joystick{bottom:max(env(safe-area-inset-bottom,20px),20px);left:max(env(safe-area-inset-left,20px),20px)}.touch-buttons{bottom:max(env(safe-area-inset-bottom,20px),20px);right:max(env(safe-area-inset-right,20px),20px)}.touch-pause-btn{top:max(env(safe-area-inset-top,15px),15px)}}@media(display-mode:fullscreen){.touch-joystick{bottom:25px;left:25px}.touch-buttons{bottom:25px;right:25px}}@media(prefers-contrast:high){.touch-btn,.touch-pause-btn{border-width:3px}.joystick-base,.joystick-stick{border-width:4px}}@media(prefers-reduced-motion:reduce){.touch-btn,.touch-pause-btn{transition:none}.joystick-base,.joystick-stick{animation:none}}@media(min-width:400px)and (max-width:450px)and (min-height:850px)and (orientation:portrait){.touch-joystick.joystick-medium{width:160px;height:160px;bottom:max(30px,env(safe-area-inset-bottom));left:max(25px,env(safe-area-inset-left))}.touch-joystick.joystick-medium .joystick-base{width:90px;height:90px}.touch-joystick.joystick-medium .joystick-stick{width:45px;height:45px}.touch-buttons.buttons-medium{bottom:max(30px,env(safe-area-inset-bottom));right:max(25px,env(safe-area-inset-right));gap:12px}.touch-buttons.buttons-medium .touch-btn{width:68px;height:68px}.touch-pause-btn{padding:12px 24px;font-size:.65rem;top:max(20px,env(safe-area-inset-top))}}@media(max-width:900px)and (orientation:landscape){.game-container{padding:5px}.game-title{font-size:1.2rem;margin:5px 0}.game-wrapper{max-width:95vw}.touch-joystick{width:120px;height:120px;bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left))}.joystick-base{width:70px;height:70px}.joystick-stick{width:35px;height:35px}.touch-buttons{bottom:max(10px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));gap:8px}.touch-btn{width:50px;height:50px;font-size:.4rem}}@media(max-width:700px){.game-wrapper{transform:scale(.8);transform-origin:top center}.touch-btn{width:55px;height:55px}}@media(max-width:500px){.game-container{padding:2px}.game-title{font-size:1rem;margin:3px 0}.game-wrapper{transform:scale(.65);transform-origin:top center}.touch-joystick{width:100px;height:100px}.touch-buttons{gap:6px}.touch-btn{width:48px;height:48px;font-size:.35rem}.touch-pause-btn{font-size:.5rem;padding:8px 16px}}@media(max-width:360px){.touch-joystick{width:90px;height:90px}.touch-btn{width:44px;height:44px;font-size:.3rem}.touch-buttons{gap:4px}}@media(max-width:900px)and (orientation:portrait){.game-container:before{content:"↻ Please rotate your device for the best experience";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#0f8;padding:20px;border-radius:10px;border:2px solid #00ff88;z-index:10000;font-family:"Press Start 2P",monospace;font-size:.7rem;text-align:center;max-width:80%;pointer-events:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.touch-btn,.touch-pause-btn{image-rendering:crisp-edges}}.meta-rewards-panel{background:linear-gradient(135deg,#001428f2,#0a1e32f2);border:3px solid #00ff88;border-radius:15px;padding:20px;margin:20px 0;box-shadow:0 0 30px #0f86}.rewards-header{text-align:center;margin-bottom:15px}.rewards-header h3{color:#fa0;font-size:1.2rem;margin:0 0 5px;text-shadow:0 0 10px #ffaa00}.pilot-level{color:#0f8;font-size:.9rem;margin:0}.rewards-earned{display:flex;justify-content:space-around;gap:15px;margin:15px 0}.reward-item{flex:1;background:#00000080;border:2px solid #00ff88;border-radius:10px;padding:15px;text-align:center}.reward-icon{font-size:2rem;display:block;margin-bottom:8px}.reward-amount{color:#fa0;font-size:1.3rem;font-weight:700;display:block;margin-bottom:5px;text-shadow:0 0 10px #ffaa00}.reward-label{color:#aaa;font-size:.7rem;display:block}.xp-progress-bar{position:relative;width:100%;height:30px;background:#0009;border:2px solid #00ff88;border-radius:15px;overflow:hidden;margin:15px 0}.xp-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#0f8,#0af);transition:width .5s ease;box-shadow:0 0 15px #0f89}.xp-text{position:relative;z-index:1;color:#fff;font-size:.75rem;line-height:30px;text-shadow:0 0 5px black,0 0 10px black;font-weight:700}.credits-display{text-align:center;margin:15px 0;padding:10px;background:#ffaa001a;border:2px solid #ffaa00;border-radius:10px}.credits-icon{font-size:1.5rem;margin-right:10px}.credits-amount{color:#fa0;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px #ffaa00}.upgrade-shop-button{width:100%;padding:15px;background:linear-gradient(135deg,#0f8,#0af);border:3px solid white;border-radius:10px;color:#000;font-family:"Press Start 2P",monospace;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #00ff8880;margin-top:10px}.upgrade-shop-button:hover{background:linear-gradient(135deg,#0fc,#0df);transform:scale(1.05);box-shadow:0 0 30px #0f8c}.upgrade-shop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:5000;padding:20px;overflow-y:auto}.upgrade-shop-modal{background:linear-gradient(135deg,#012,#024);border:4px solid #00ff88;border-radius:20px;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #0f89}.upgrade-shop-header{background:linear-gradient(135deg,#0f8,#0af);padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #00ff88;position:sticky;top:0;z-index:10}.upgrade-shop- h2{color:#000;margin:0;font-size:1.5rem;text-shadow:2px 2px 0 rgba(255,255,255,.3)}.close-shop-btn{background:#f44;border:3px solid white;border-radius:50%;width:50px;height:50px;font-size:1.5rem;color:#fff;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;display:flex;align-items:center;justify-content:center;line-height:1}.close-shop-btn:hover{background:red;transform:rotate(90deg);box-shadow:0 0 20px #f44c}.pilot-status-bar{background:#00000080;padding:15px;display:flex;justify-content:space-around;gap:20px;border-bottom:2px solid #00ff88}.status-item{display:flex;align-items:center;gap:10px;color:#fff;font-size:.9rem}.status-icon{font-size:1.5rem}.status-text{font-weight:700;color:#0f8}.upgrade-shop-content{padding:20px}.upgrade-category{margin-bottom:40px}.category-header{color:#fa0;font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ffaa00;text-shadow:0 0 10px #ffaa00}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.upgrade-card{background:linear-gradient(135deg,#002850cc,#001428cc);border:3px solid #444;border-radius:15px;padding:20px;transition:all .3s ease;position:relative}.upgrade-card.available{border-color:#0f8;box-shadow:0 0 20px #00ff884d}.upgrade-card.available:hover{transform:translateY(-5px);box-shadow:0 0 30px #0f89}.upgrade-card.maxed{border-color:#fa0;background:linear-gradient(135deg,#503c0099,#281e0099)}.upgrade-card.advanced{border-width:4px;border-color:#f0f;box-shadow:0 0 30px #f0f6}.upgrade-icon{font-size:3rem;text-align:center;margin-bottom:10px}.upgrade-name{color:#fff;font-size:1rem;font-weight:700;text-align:center;margin-bottom:10px;text-shadow:0 0 5px rgba(255,255,255,.5)}.upgrade-desc{color:#aaa;font-size:.75rem;text-align:center;margin-bottom:15px;line-height:1.4}.upgrade-level{color:#0f8;font-size:.8rem;text-align:center;margin-bottom:10px;font-weight:700}.upgrade-cost{text-align:center;font-size:.9rem;font-weight:700;margin-bottom:10px;padding:8px;border-radius:8px;background:#00000080}.upgrade-cost.affordable{color:#0f8;border:2px solid #00ff88}.upgrade-cost.expensive{color:#f44;border:2px solid #ff4444}.upgrade-locked{text-align:center;color:#f80;font-size:.7rem;margin-bottom:10px;padding:5px;background:#f803;border:2px solid #ff8800;border-radius:5px}.purchase-btn{width:100%;padding:12px;background:linear-gradient(135deg,#0f8,#0af);border:3px solid white;border-radius:10px;color:#000;font-family:"Press Start 2P",monospace;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease}.purchase-btn:hover:not(.disabled){background:linear-gradient(135deg,#0fc,#0df);transform:scale(1.05);box-shadow:0 0 20px #0f8c}.purchase-btn.disabled{background:#333;color:#666;border-color:#555;cursor:not-allowed;opacity:.5}.maxed-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#fa0,#f60);color:#000;padding:5px 10px;border-radius:5px;font-size:.6rem;font-weight:700;box-shadow:0 0 15px #fa09}@media(max-width:768px){.upgrades-grid{grid-template-columns:1fr}.upgrade-shop-modal{max-width:95%}.pilot-status-bar{flex-direction:column;gap:10px}.rewards-earned{flex-direction:column}.upgrade-shop-header h2{font-size:1rem}}