@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-color:#050810;color:#e0e0e0;font-family:Inter,system-ui,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.text-magenta{color:#ff006e}.text-cyan{color:#00f5ff}.neon-text.cyan{text-shadow:0 0 8px #00F5FF,0 0 16px #00F5FF;color:#fff}.neon-text.yellow{text-shadow:0 0 8px #FFD700,0 0 16px #FFD700;color:#fff}.neon-icon.cyan{filter:drop-shadow(0 0 5px #00F5FF);color:#00f5ff}.neon-icon.yellow{filter:drop-shadow(0 0 5px #FFD700);color:gold}.app-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:500px;padding:20px}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px}.logo-area{display:flex;align-items:center;gap:8px}.logo-area h1{font-family:JetBrains Mono,monospace;font-size:1.5rem;letter-spacing:.1em;margin:0}.cloud-badge{display:flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-family:JetBrains Mono,monospace}.cloud-badge.loading{color:#00f5ff;border-color:#00f5ff;box-shadow:0 0 8px #00f5ff4d}.cloud-badge.success{color:#39ff14;border-color:#39ff14;box-shadow:0 0 8px #39ff144d}.cloud-badge.error{color:#ff006e;border-color:#ff006e}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-viewport{position:relative;background-color:#0a0e1a;border:2px solid #1A1F3A;border-radius:8px;overflow:hidden;box-shadow:0 0 20px #00f5ff1a,inset 0 0 40px #000c;touch-action:none}.grid-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,245,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.1) 1px,transparent 1px);background-size:40px 40px;background-position:center bottom;animation:gridMove 2s linear infinite;z-index:0}@keyframes gridMove{0%{transform:translateY(-40px)}to{transform:translateY(0)}}.entity{position:absolute;transform:translate(-50%,-50%);z-index:10;display:flex;justify-content:center;align-items:center}.entity img{width:100%;height:100%;object-fit:contain}.entity span{font-size:32px}.player{width:60px;height:60px;transition:top .1s cubic-bezier(.25,.46,.45,.94)}.player.invincible{animation:blink .2s infinite}.engine-glow{position:absolute;bottom:-15px;width:10px;height:20px;background:#00f5ff;border-radius:50%;filter:blur(5px);animation:pulse .5s infinite alternate;z-index:-1}.enemy{width:50px;height:50px}.enemy.tank{width:70px;height:70px}.enemy.fast{width:40px;height:40px}.hp-bar{position:absolute;top:-10px;width:100%;height:4px;background:#ff00004d;border-radius:2px}.hp-fill{height:100%;background:#ff006e;border-radius:2px;box-shadow:0 0 5px #ff006e;transition:width .2s}.bullet{width:4px;height:15px}.bullet-core{width:100%;height:100%;background:#00f5ff;border-radius:2px;box-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff}.bullet-trail{position:absolute;top:100%;width:2px;height:20px;background:linear-gradient(to bottom,#00F5FF,transparent);opacity:.5}.explosion{width:80px;height:80px;pointer-events:none}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;z-index:20;font-family:JetBrains Mono,monospace}.score-box{display:flex;flex-direction:column}.score-box .label{font-size:.7rem;color:#6b7280}.score-box .value{font-size:1.5rem;font-weight:700;text-shadow:0 0 10px rgba(0,245,255,.5)}.lives-box{display:flex;gap:4px}.life-icon{transition:all .3s}.life-icon.active{filter:drop-shadow(0 0 5px #FF006E)}.life-icon.lost{opacity:.2;transform:scale(.8)}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e1ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:30;padding:20px;text-align:center}.glitch-title{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:.1em}.high-score-display{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:1.2rem;color:gold;margin-bottom:30px;background:#ffd7001a;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,215,0,.3)}.features-list{display:flex;flex-direction:column;gap:10px;margin-bottom:40px;text-align:left;font-size:.9rem;color:#a0aec0}.feature-item{display:flex;align-items:center;gap:10px}.feature-item svg{color:#00f5ff}.cyber-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:#fff;background:transparent;border:2px solid;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase}.cyber-btn.primary{border-color:#00f5ff;box-shadow:0 0 10px #00f5ff33,inset 0 0 10px #00f5ff1a}.cyber-btn.primary:hover,.cyber-btn.primary:active{background:#00f5ff33;box-shadow:0 0 20px #00f5ff99,inset 0 0 20px #00f5ff66}.cyber-btn.secondary{border-color:#ff006e;box-shadow:0 0 10px #ff006e33,inset 0 0 10px #ff006e1a}.cyber-btn.secondary:hover,.cyber-btn.secondary:active{background:#ff006e33;box-shadow:0 0 20px #ff006e99,inset 0 0 20px #ff006e66}.final-stats{width:100%;max-width:250px;margin:30px 0;display:flex;flex-direction:column;gap:15px;font-family:JetBrains Mono,monospace}.stat-row{display:flex;justify-content:space-between;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}.new-record-badge{background:#ff006e;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;align-self:center;margin-top:10px}.mobile-controls{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:400px}.mobile-controls .hint{font-size:.8rem;color:#6b7280}.fire-btn{width:100%;padding:16px;font-size:1.2rem}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.2);opacity:1}}.pulse{animation:pulse 1s infinite alternate}.demo-entities{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.3;z-index:-1}