*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#070b14;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#root{display:flex;justify-content:center;align-items:center}.game-container{position:relative;width:100%;height:100%;max-width:500px;max-height:100vh;overflow:hidden}canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;left:0;right:0;padding:12px 16px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 100%)}.hud-left,.hud-right{display:flex;gap:16px;align-items:flex-start}.hud-stat{display:flex;flex-direction:column;align-items:flex-start;min-width:50px}.hud-stat-right{display:flex;flex-direction:column;align-items:flex-end}.hud-label{font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:#fff6;font-weight:700;line-height:1}.hud-value{font-size:20px;font-weight:900;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7);line-height:1.1;margin-top:2px;font-variant-numeric:tabular-nums}.hud-value-sm{font-size:13px;font-weight:800;line-height:1;margin-top:3px}.hud-icon{display:inline-flex;align-items:center;gap:4px}.coin-icon{display:inline-block;width:10px;height:10px;background:#ffd740;border-radius:50%;box-shadow:0 0 4px #ffd74066;vertical-align:middle}.weapon-bar-container{position:absolute;bottom:64px;left:50%;transform:translate(-50%);width:160px;text-align:center;pointer-events:none;z-index:10}.weapon-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}.weapon-icon{font-size:8px;letter-spacing:2px}.weapon-name{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:#ffd740;text-shadow:0 1px 4px rgba(0,0,0,.9)}.weapon-bar{width:100%;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.weapon-bar-fill{height:100%;background:linear-gradient(90deg,#ffd740,#ff6d00);border-radius:3px;transition:width .15s ease-out;box-shadow:0 0 6px #ff6d004d}.combo-display{position:absolute;top:62px;left:50%;transform:translate(-50%);font-size:15px;font-weight:900;color:#ffd740;text-shadow:0 1px 6px rgba(0,0,0,.8),0 0 12px rgba(255,215,64,.2);pointer-events:none;z-index:10;letter-spacing:.08em;animation:comboPulse .3s ease}@keyframes comboPulse{0%{transform:translate(-50%) scale(1.3)}to{transform:translate(-50%) scale(1)}}.level-banner{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:900;text-transform:uppercase;color:#ffd740;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 30px rgba(255,215,64,.25);pointer-events:none;z-index:15;letter-spacing:.08em;opacity:0;animation:levelBanner 2s cubic-bezier(.22,1,.36,1) forwards}@keyframes levelBanner{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-3deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(1deg)}28%{transform:translate(-50%,-50%) scale(1) rotate(0)}65%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,0,0,.25) 100%);animation:damageFlash .4s ease-out forwards}@keyframes damageFlash{0%{opacity:1}to{opacity:0}}.lane-indicator{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:none;z-index:10}.lane-dot{width:6px;height:6px;border-radius:50%;background:#ffffff1f;transition:all .15s ease}.lane-dot.active{background:#40c4ff;box-shadow:0 0 6px #40c4ff66;transform:scale(1.3)}.controls-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:9px;color:#ffffff2e;pointer-events:none;z-index:10;text-align:center;letter-spacing:.12em;text-transform:uppercase;transition:opacity .5s ease}.start-screen,.game-over-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#070b14f0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:20;padding:24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.title{font-size:38px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#ffd740,#ff8f00,#ff6d00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;line-height:1.05;filter:drop-shadow(0 2px 8px rgba(255,109,0,.3));animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 2px 8px rgba(255,109,0,.2))}to{filter:drop-shadow(0 2px 16px rgba(255,109,0,.4))}}.subtitle{font-size:11px;color:#ffffff59;text-transform:uppercase;letter-spacing:.25em;text-align:center;margin-top:8px}.feature-grid{display:flex;gap:20px;margin-top:28px;margin-bottom:8px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:6px}.feature-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;border:1px solid rgba(255,255,255,.06)}.feature-icon-green{background:#69f0ae1f;color:#69f0ae}.feature-icon-gold{background:#ffd7401f;color:#ffd740}.feature-icon-red{background:#ff52521f;color:#ff5252}.feature-label{font-size:9px;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;text-align:center;line-height:1.2}.high-score-display{font-size:12px;color:#ffd74099;font-weight:700;letter-spacing:.12em;margin-top:6px}.last-score{font-size:11px;color:#fff3;font-weight:600;letter-spacing:.1em;margin-top:2px}.start-btn{margin-top:24px;padding:14px 52px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;border:none;border-radius:50px;background:linear-gradient(135deg,#ffd740,#ff8f00);color:#1a1a2e;cursor:pointer;pointer-events:auto;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 4px 20px #ff8f004d,0 0 40px #ff8f001a;animation:btnPulse 2s ease-in-out infinite;position:relative;overflow:hidden}.start-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes btnPulse{0%,to{box-shadow:0 4px 20px #ff8f004d,0 0 40px #ff8f001a}50%{box-shadow:0 4px 28px #ff8f0073,0 0 60px #ff8f0026}}.start-btn:hover{transform:scale(1.06);box-shadow:0 6px 28px #ff8f0080}.start-btn:active{transform:scale(.96);animation:none}.instructions{margin-top:20px;text-align:center;display:flex;flex-direction:column;gap:3px}.instructions p{font-size:10px;color:#ffffff38;line-height:1.4}.game-over-screen{gap:6px}.game-over-title{font-size:13px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.25em;font-weight:700}.game-over-score{font-size:56px;font-weight:900;color:#ffd740;line-height:1;text-shadow:0 2px 12px rgba(255,215,64,.25);font-variant-numeric:tabular-nums;animation:scoreReveal .6s cubic-bezier(.22,1,.36,1)}@keyframes scoreReveal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.game-over-label{font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.2em;font-weight:600}.new-best{font-size:13px;font-weight:900;color:#69f0ae;text-transform:uppercase;letter-spacing:.15em;margin:4px 0;animation:newBestPulse 1s ease infinite alternate;text-shadow:0 0 10px rgba(105,240,174,.3)}@keyframes newBestPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:12px 0;padding:12px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:16px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.stat-label{font-size:8px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.restart-btn{margin-top:16px;padding:12px 44px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;border:none;border-radius:50px;background:linear-gradient(135deg,#ffd740,#ff8f00);color:#1a1a2e;cursor:pointer;pointer-events:auto;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 4px 16px #ff8f004d}.restart-btn:hover{transform:scale(1.06);box-shadow:0 6px 24px #ff8f0073}.restart-btn:active{transform:scale(.96)}@media(max-height:600px){.title{font-size:28px}.feature-grid{margin-top:16px;gap:14px}.feature-icon{width:34px;height:34px;font-size:15px}.start-btn{margin-top:14px;padding:10px 36px}.game-over-score{font-size:42px}.stats-grid{padding:8px 12px;gap:6px 14px}}@media(max-width:360px){.hud{padding:8px 10px}.hud-value{font-size:16px}.weapon-bar-container{width:130px}}