*{box-sizing:border-box;margin:0;padding:0}body{background-color:#050510;color:#fff;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}.app-container{display:flex;flex-direction:column;align-items:center;gap:12px}.cloud-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#00f3ff;background:#00f3ff1a;padding:8px 16px;border-radius:20px;border:1px solid rgba(0,243,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 10px #00f3ff33}.cloud-status .icon{width:16px;height:16px}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-container{position:relative;background:linear-gradient(180deg,#0a0a2a,#1a0b2e);border-radius:16px;overflow:hidden;box-shadow:0 0 40px #bc13fe33,inset 0 0 20px #00f3ff1a;border:2px solid rgba(188,19,254,.4);touch-action:none;transition:background 2s,border-color 2s}.game-container.rage-mode{background:linear-gradient(180deg,#2a0a0a,#2e0b0b);border-color:#f059;box-shadow:0 0 50px #ff00554d,inset 0 0 30px #f053}.starfield{position:absolute;top:-100%;left:0;width:100%;height:200%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;animation:starScroll 4s linear infinite;opacity:.6;pointer-events:none}.rage-mode .starfield{animation:starScroll 2s linear infinite;opacity:.8}.nebula-bg{position:absolute;top:-150px;left:-100px;width:600px;height:600px;background:radial-gradient(circle,#bc13fe26,#00f3ff0d 40%,#0000 70%);animation:rotateNebula 30s linear infinite;pointer-events:none;mix-blend-mode:screen;transition:background 2s}.rage-mode .nebula-bg{background:radial-gradient(circle,#f053,#ff64001a 40%,#0000 70%);animation:rotateNebula 15s linear infinite}.flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:90;pointer-events:none;animation:flashFade .2s ease-out forwards}@keyframes starScroll{0%{transform:translateY(0)}to{transform:translateY(50%)}}@keyframes rotateNebula{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#050510d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;padding:20px}.neon-title{font-size:52px;font-weight:900;text-align:center;line-height:1.1;margin-bottom:20px;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #00f3ff,0 0 40px #00f3ff,0 0 80px #00f3ff;letter-spacing:4px}.neon-button{display:flex;align-items:center;justify-content:center;gap:10px;background:#00f3ff1a;color:#00f3ff;font-size:18px;font-weight:700;padding:14px 36px;border:2px solid #00f3ff;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #00f3ff66,inset 0 0 10px #00f3ff33;text-transform:uppercase;width:80%;max-width:250px}.neon-button:hover:not(:disabled){background:#00f3ff;color:#050510;box-shadow:0 0 30px #00f3ff,inset 0 0 20px #00f3ff}.neon-button:disabled{opacity:.5;cursor:not-allowed;border-color:#666;color:#666;box-shadow:none}.mt-6{margin-top:24px}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.hint{font-size:13px;color:#888;text-align:center}kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;color:#00f3ff;box-shadow:0 2px #fff3}.keyboard-hints{margin-top:20px;display:flex;gap:15px;font-size:13px;color:#aaa}.leaderboard-panel{width:100%;max-width:320px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;box-shadow:0 8px 32px #0000004d}.leaderboard-panel.compact{padding:12px;max-width:280px}.leaderboard-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;color:#fff;margin-bottom:16px;text-shadow:0 0 10px rgba(255,255,255,.5)}.leaderboard-panel.compact .leaderboard-title{font-size:15px;margin-bottom:10px}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;background:#0006;padding:10px 12px;border-radius:8px;border-left:3px solid #333;transition:transform .2s}.leaderboard-item:hover{transform:translate(5px);background:#ffffff1a}.leaderboard-item:nth-child(1){border-left-color:gold;background:linear-gradient(90deg,#ffd70026,#0006)}.leaderboard-item:nth-child(2){border-left-color:silver;background:linear-gradient(90deg,#c0c0c026,#0006)}.leaderboard-item:nth-child(3){border-left-color:#cd7f32;background:linear-gradient(90deg,#cd7f3226,#0006)}.rank{width:30px;display:flex;justify-content:center;font-weight:700;color:#888}.name{flex:1;font-weight:600;letter-spacing:1px;font-size:14px}.score-val{font-family:monospace;font-size:16px;color:#00f3ff;font-weight:700;text-shadow:0 0 5px #00f3ff}.text-gold{color:gold;filter:drop-shadow(0 0 5px #ffd700)}.text-silver{color:silver;filter:drop-shadow(0 0 5px #c0c0c0)}.text-bronze{color:#cd7f32;filter:drop-shadow(0 0 5px #cd7f32)}.text-cyan{color:#00f3ff}.glow-icon{animation:iconGlow 2s infinite alternate}@keyframes iconGlow{0%{filter:drop-shadow(0 0 2px currentColor)}to{filter:drop-shadow(0 0 10px currentColor)}}.empty-state{text-align:center;color:#888;font-size:13px;padding:15px 10px;font-style:italic;background:#0000004d;border-radius:8px}.hud{position:absolute;top:0;padding:15px 20px;z-index:50;pointer-events:none;display:flex;flex-direction:column;gap:8px}.hud.top-left{left:0;align-items:flex-start}.hud.top-right{right:0;align-items:flex-end}.score{font-size:24px;font-weight:700;color:#00f3ff;text-shadow:0 0 10px #00f3ff;font-family:monospace}.combo{font-size:16px;font-weight:700;color:gold;text-shadow:0 0 8px #ffd700;font-style:italic;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}.combo-high{font-size:22px;color:#f05;text-shadow:0 0 15px #ff0055;animation:shake .5s infinite}.lives{display:flex;gap:5px}.life-icon{width:24px;height:24px;transition:all .3s}.life-icon.active{color:#f05;filter:drop-shadow(0 0 5px #ff0055)}.life-icon.lost{color:#333;opacity:.5}.powerups{display:flex;gap:8px;margin-top:4px}.icon-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;background:#00000080;border:1px solid #333;transition:all .3s}.icon-badge.active-bomb{color:gold;border-color:gold;box-shadow:0 0 8px #ffd70066}.icon-badge.active-shield{color:#00f3ff;border-color:#00f3ff;box-shadow:0 0 8px #00f3ff66}.icon-badge.empty{color:#555}.entity{position:absolute;top:0;left:0;will-change:transform;display:flex;justify-content:center;align-items:center}.entity img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,243,255,.5))}.fallback-emoji{font-size:2rem}.player img{filter:drop-shadow(0 0 15px rgba(0,243,255,.8));z-index:2;position:relative}.engine-flame{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:12px;height:20px;background:radial-gradient(ellipse at top,#fff 0%,#00f3ff 40%,transparent 100%);border-radius:50%;animation:flameFlicker .1s infinite alternate;filter:blur(1px);z-index:1}.engine-flame.rage-flame{background:radial-gradient(ellipse at top,#fff 0%,#ff0055 40%,transparent 100%);height:30px}.shield-aura{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid #00f3ff;box-shadow:0 0 15px #00f3ff,inset 0 0 10px #00f3ff;background:#00f3ff1a;animation:pulseShield 1.5s infinite alternate;z-index:3;pointer-events:none}@keyframes flameFlicker{0%{height:18px;opacity:.8}to{height:24px;opacity:1}}@keyframes pulseShield{0%{transform:scale(.95);opacity:.7}to{transform:scale(1.05);opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px) rotate(-2deg)}75%{transform:translate(2px) rotate(2deg)}}.enemy.type-fast img{filter:drop-shadow(0 0 10px rgba(255,0,85,.6))}.enemy.type-medium img{filter:drop-shadow(0 0 15px rgba(188,19,254,.6))}.enemy.type-boss img{filter:drop-shadow(0 0 25px rgba(255,50,50,.8))}.hp-bar-bg{position:absolute;top:-10px;left:10%;width:80%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.hp-bar-fill{height:100%;background:#f05;box-shadow:0 0 5px #f05;transition:width .1s}.bullet-inner{width:4px;height:100%;background:#fff;border-radius:2px;box-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 30px #00f3ff}.bullet-inner.rage-bullet{box-shadow:0 0 10px #f05,0 0 20px #f05,0 0 30px #f05;width:6px}.item{animation:floatItem 2s infinite ease-in-out}@keyframes floatItem{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:60;color:#fff}.pause-overlay h2{font-size:28px;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 10px #00f3ff}.gameover-title{font-size:36px;color:#f05;text-shadow:0 0 15px #ff0055;margin-bottom:10px;font-weight:900}.final-score-box{text-align:center;margin-bottom:20px;background:#00000080;padding:15px 40px;border-radius:12px;border:1px solid rgba(188,19,254,.3)}.final-score-box .label{font-size:14px;color:#aaa;text-transform:uppercase;letter-spacing:2px}.final-score-box .value{font-size:56px;font-weight:700;color:#fff;text-shadow:0 0 20px #bc13fe;font-family:monospace;line-height:1}.record-input-box{width:100%;max-width:320px;background:#00f3ff1a;border:1px solid #00f3ff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 0 20px #00f3ff33}.new-record-badge{color:#00f3ff;font-size:16px;font-weight:700;margin-bottom:15px;animation:pulse 1s infinite alternate}.input-group{display:flex;gap:10px}.input-group input{flex:1;background:#00000080;border:1px solid rgba(0,243,255,.5);border-radius:8px;padding:10px 15px;color:#fff;font-size:16px;outline:none;text-transform:uppercase;transition:all .3s}.input-group input:focus{border-color:#00f3ff;box-shadow:0 0 10px #00f3ff4d}.input-group button{background:#00f3ff;color:#000;border:none;border-radius:8px;width:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.input-group button:hover:not(:disabled){background:#fff;box-shadow:0 0 15px #00f3ff}.input-group button:disabled{background:#333;color:#666;cursor:not-allowed}.leaderboard-wrapper{width:100%;display:flex;justify-content:center}@keyframes pulse{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}