*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#0a0e27;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}#root{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.screen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.loading-screen{background:radial-gradient(ellipse at center,#1b2838,#0a0e27)}.loading{text-align:center;position:relative;z-index:10}.loading-spinner{width:80px;height:80px;border:3px solid transparent;border-top-color:#00d4ff;border-right-color:#0f8;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 30px;filter:drop-shadow(0 0 20px rgba(0,212,255,.5))}@keyframes spin{to{transform:rotate(360deg)}}.loading p{font-size:28px;color:#00d4ff;font-weight:300;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(0,212,255,.5)}.menu-screen{background:radial-gradient(ellipse at center,#1b2838,#0a0e27)}.menu-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,255,136,.1) 0%,transparent 50%);animation:menuGlow 10s ease-in-out infinite alternate}@keyframes menuGlow{0%{opacity:.5}to{opacity:1}}.game-title{font-size:clamp(48px,10vw,96px);font-weight:900;text-transform:uppercase;letter-spacing:5px;margin-bottom:60px;text-align:center;position:relative;z-index:10;background:linear-gradient(135deg,#00d4ff,#0f8,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,212,255,.5));animation:titleFloat 3s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.menu-buttons{display:flex;flex-direction:column;gap:25px;align-items:center;position:relative;z-index:10}.button{padding:20px 60px;font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;min-width:280px;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.button:hover:before{left:100%}.play-button{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;box-shadow:0 0 30px #00d4ff80,inset 0 0 20px #fff3}.play-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 40px #00d4ffb3,inset 0 0 30px #ffffff4d}.ads-button{background:linear-gradient(135deg,#ff0080,#ff0040);color:#fff;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 0 30px #ff008080,inset 0 0 20px #fff3}.ads-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 40px #ff0080b3,inset 0 0 30px #ffffff4d}.shield-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.language-switcher{display:flex;gap:15px;margin-top:30px}.lang-button{padding:12px 24px;font-size:18px;font-weight:600;border:2px solid #00d4ff;background:transparent;color:#00d4ff;border-radius:30px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.lang-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#00d4ff;transition:all .3s ease;transform:translate(-50%,-50%);border-radius:50%}.lang-button.active:before,.lang-button:hover:before{width:100%;height:100%;border-radius:30px}.lang-button.active,.lang-button:hover{color:#0a0e27;border-color:#00d4ff;transform:scale(1.05)}.lang-button span{position:relative;z-index:1}.gameover-screen{background:radial-gradient(ellipse at center,#2a1b38,#0a0e27)}.game-over-title{font-size:clamp(48px,10vw,84px);font-weight:900;text-transform:uppercase;letter-spacing:4px;margin-bottom:40px;background:linear-gradient(135deg,#ff0080,#f44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,0,128,.5));animation:gameOverPulse 1s ease-in-out infinite}@keyframes gameOverPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.score-display{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 60px;border-radius:30px;margin-bottom:40px;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 40px #00d4ff4d,inset 0 0 20px #ffffff1a}.score-display p{font-size:36px;color:#00d4ff;font-weight:700;text-shadow:0 0 20px rgba(0,212,255,.5);letter-spacing:2px}.game-screen{cursor:pointer;background:#0a0e27}.game-area{width:100%;height:100%;max-width:1200px;max-height:800px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1b2838,#0a0e27);border:2px solid rgba(0,212,255,.3);box-shadow:0 0 50px #00d4ff4d,inset 0 0 50px #00000080}.stars{position:absolute;width:100%;height:100%;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:0}50%{opacity:1}}.background-lines{position:absolute;width:100%;height:100%;opacity:.2;pointer-events:none}.bg-line{position:absolute;width:200%;height:1px;background:linear-gradient(90deg,transparent 0%,#00d4ff 20%,#00ff88 50%,#00d4ff 80%,transparent 100%);animation:moveLine 4s linear infinite;filter:blur(1px)}@keyframes moveLine{0%{transform:translate(0)}to{transform:translate(-50%)}}.particles{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#00d4ff 0%,transparent 70%);border-radius:50%;animation:moveParticle 10s linear infinite;filter:blur(.5px)}@keyframes moveParticle{0%{transform:translate(0)}to{transform:translate(-120vw)}}.ship{position:absolute;left:10%;width:40px;height:30px;transition:top .3s cubic-bezier(.4,0,.2,1);z-index:20;filter:drop-shadow(0 0 20px rgba(0,212,255,.8))}.ship:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#00d4ff,#09c,#069);clip-path:polygon(0 50%,70% 0,100% 50%,70% 100%);box-shadow:inset 0 0 20px #ffffff80}.ship:after{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:40px;height:15px;background:radial-gradient(ellipse at right,#00d4ff 0%,transparent 70%);filter:blur(5px);animation:enginePulse .2s ease-in-out infinite alternate}@keyframes enginePulse{0%{opacity:.8;transform:translateY(-50%) scaleX(1)}to{opacity:1;transform:translateY(-50%) scaleX(1.5)}}.shield{position:absolute;left:-20px;top:-20px;width:80px;height:70px;display:flex;align-items:center;justify-content:center;animation:shieldRotate 3s linear infinite}.shield:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,255,.3) 0%,transparent 70%);border-radius:50%;animation:shieldPulse 1s ease-in-out infinite}@keyframes shieldRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shieldPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.wall{position:absolute;width:40px;height:100%;z-index:15;transition:filter .5s ease}.wall.shielded{filter:brightness(2) hue-rotate(180deg);pointer-events:none}.wall-part{position:absolute;width:100%;background:transparent;overflow:visible}.wall-part.top{top:0;height:35%}.wall-part.bottom{bottom:0;height:35%}.laser-beam{position:absolute;width:100%;height:100%;background:linear-gradient(180deg,#ff008000,#ff0080cc 10%,#ff0080,#ff0080cc 90%,#ff008000);box-shadow:0 0 30px #ff0080,inset 0 0 20px #f0f;animation:laserPulse .5s ease-in-out infinite alternate}.wall-part.top .laser-beam{border-radius:0 0 5px 5px}.wall-part.bottom .laser-beam{border-radius:5px 5px 0 0}@keyframes laserPulse{0%{opacity:.8;box-shadow:0 0 30px #ff0080,inset 0 0 20px #f0f}to{opacity:1;box-shadow:0 0 50px #ff0080,inset 0 0 30px #f0f}}.laser-glow{position:absolute;width:120%;height:120%;left:-10%;top:-10%;background:radial-gradient(ellipse at center,rgba(255,0,128,.4) 0%,transparent 70%);filter:blur(20px);animation:glowPulse .5s ease-in-out infinite alternate}@keyframes glowPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.gap{position:absolute;width:100%;height:30%;left:0}.gap.top{top:0}.gap.bottom{bottom:0}.gap-glow{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,255,136,.3) 0%,transparent 70%);filter:blur(10px);animation:safeZonePulse 2s ease-in-out infinite}@keyframes safeZonePulse{0%,to{opacity:.5}50%{opacity:1}}.game-ui{position:absolute;top:30px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:30}.ads-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.shield-status{text-align:center;color:#4caf50;margin-top:10px;font-weight:700}.score{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 30px;border-radius:30px;font-size:32px;font-weight:900;color:#00d4ff;border:2px solid rgba(0,212,255,.3);box-shadow:0 0 30px #00d4ff4d,inset 0 0 20px #00d4ff1a;text-shadow:0 0 20px rgba(0,212,255,.5);letter-spacing:2px}.shield-indicator{background:linear-gradient(135deg,#00ffffe6,#00ffffb3);padding:15px 30px;border-radius:30px;font-size:20px;font-weight:700;color:#0a0e27;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 30px #00ffff80,inset 0 0 20px #ffffff4d;animation:shieldIndicatorPulse 1s ease-in-out infinite}@keyframes shieldIndicatorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.game-area{border:none;border-radius:0;max-width:100%;max-height:100%}.button{min-width:240px;padding:18px 40px;font-size:20px}.score{font-size:24px;padding:12px 24px}.shield-indicator{font-size:16px;padding:12px 24px}.game-title{font-size:clamp(36px,12vw,72px);margin-bottom:40px}.game-ui{top:20px;left:20px;right:20px}}@media (max-height: 600px){.game-title{margin-bottom:30px}.menu-buttons{gap:20px}.button{padding:16px 40px;font-size:18px}.game-ui{top:15px}.score{font-size:20px;padding:10px 20px}}@keyframes collision{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:.5}to{transform:scale(0) rotate(360deg);opacity:0}}.ship.colliding{animation:collision .5s ease-out forwards}.game-screen *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.wall:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,0,128,.1) 50%,transparent 100%);animation:wallScan 2s linear infinite}@keyframes wallScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.wall{animation:wallAppear .3s ease-out}@keyframes wallAppear{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.button{position:relative;isolation:isolate}.button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:-1}.button:active:after{width:300px;height:300px}@keyframes scoreIncrease{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.score{animation:scoreIncrease .3s ease-out}.menu-screen:after{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle,rgba(0,212,255,.05) 0%,transparent 70%);animation:bgPulse 4s ease-in-out infinite}@keyframes bgPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.lang-button{text-transform:uppercase;letter-spacing:1px;font-weight:700}.lang-button span{display:inline-block;transition:transform .3s ease}.lang-button:hover span{transform:translateY(-2px)}.game-area:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00d4ff,#0f8,#ff0080,#00d4ff);background-size:400% 400%;border-radius:inherit;z-index:-1;animation:borderGradient 10s ease infinite;opacity:.5}@keyframes borderGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.game-title:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,#00d4ff,#0f8,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(3px);opacity:.5;animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{opacity:.5;filter:blur(3px)}to{opacity:.8;filter:blur(5px)}}.game-screen:active:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;animation:tapRipple .5s ease-out}@keyframes tapRipple{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}body{background:#0a0e27;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,255,136,.05) 0%,transparent 50%);pointer-events:none;z-index:1}#root{position:relative;z-index:2}.explosion{position:absolute;width:80px;height:80px;transform:translate(-50%,-50%);pointer-events:none;z-index:25}.explosion-particle{position:absolute;width:20px;height:4px;background:linear-gradient(90deg,#ff0080 0%,#ffff00 50%,transparent 100%);border-radius:2px;top:50%;left:50%;transform-origin:left center;animation:explode .5s ease-out forwards;box-shadow:0 0 10px #ff0080}@keyframes explode{0%{transform:rotate(var(--rotation, 0deg)) translate(0) scale(1);opacity:1}70%{opacity:1}to{transform:rotate(var(--rotation, 0deg)) translate(80px) scale(.5);opacity:0}}.explosion:before,.explosion:after{content:"";position:absolute;width:100px;height:100px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;animation:shockwave .5s ease-out forwards}.explosion:before{border:3px solid #ff0080}.explosion:after{border:3px solid #ffff00;animation-delay:.1s}@keyframes shockwave{0%{width:0;height:0;opacity:1}to{width:150px;height:150px;opacity:0}}.ship .shield-visual{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.7;pointer-events:none}.bonus{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 8px 2px gold}.shield-bonus-item{font-size:32px}.wall.shielded .wall-part{opacity:.5}.wall.shielded .laser-beam{background:linear-gradient(to right,#00ff0080,#0080001a)}.wall.shielded .laser-glow{box-shadow:0 0 10px 2px #00ff004d,0 0 20px 5px #0f03}