:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden;user-select:none;-webkit-user-select:none}@font-face{font-family:Arcade;src:local("Impact"),local("Arial Black")}.arcade-title{font-family:Impact,Arial Black,sans-serif;letter-spacing:.08em;text-transform:uppercase}.game-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#1a0a2e,#0a0a0a 70%)}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none;z-index:100}canvas{display:block;cursor:crosshair}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 24px;pointer-events:none;z-index:10}.hud-left,.hud-right,.hud-center{display:flex;flex-direction:column;gap:4px}.hud-center{align-items:center;position:absolute;left:50%;transform:translate(-50%)}.hud-label{font-family:Impact,Arial Black,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#fff6}.hud-value{font-family:Impact,Arial Black,sans-serif;font-size:36px;line-height:1;color:#fff;text-shadow:0 0 20px rgba(255,100,255,.6),0 0 40px rgba(255,100,255,.3)}.hud-value.combo{color:#fc0;text-shadow:0 0 20px rgba(255,204,0,.8),0 0 40px rgba(255,204,0,.4);font-size:28px}.hud-value.timer{font-size:48px;color:#0fc;text-shadow:0 0 20px rgba(0,255,204,.6),0 0 40px rgba(0,255,204,.3)}.hud-value.timer.danger{color:#f36;text-shadow:0 0 20px rgba(255,51,102,.8),0 0 40px rgba(255,51,102,.4);animation:pulse-danger .5s ease-in-out infinite alternate}@keyframes pulse-danger{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-title{font-family:Impact,Arial Black,sans-serif;font-size:clamp(32px,8vw,72px);text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 0 30px rgba(255,100,255,.8),0 0 60px rgba(255,100,255,.4),0 0 100px rgba(255,100,255,.2);margin-bottom:8px}.overlay-subtitle{font-family:Impact,Arial Black,sans-serif;font-size:clamp(14px,3vw,22px);letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;margin-bottom:32px}.overlay-score{font-family:Impact,Arial Black,sans-serif;font-size:clamp(48px,12vw,96px);color:#fc0;text-shadow:0 0 30px rgba(255,204,0,.8),0 0 60px rgba(255,204,0,.4);line-height:1;margin-bottom:8px}.overlay-stat{font-family:Impact,Arial Black,sans-serif;font-size:clamp(12px,2.5vw,18px);letter-spacing:.15em;text-transform:uppercase;color:#fff6;margin-bottom:4px}.start-btn{margin-top:32px;padding:16px 48px;font-family:Impact,Arial Black,sans-serif;font-size:20px;letter-spacing:.15em;text-transform:uppercase;color:#0a0a0a;background:linear-gradient(135deg,#fc0,#f60);border:none;border-radius:4px;cursor:pointer;pointer-events:all;transition:transform .1s,box-shadow .1s;box-shadow:0 0 30px #fc06,0 4px 20px #00000080}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 50px #fc09,0 4px 20px #00000080}.start-btn:active{transform:scale(.97)}.flash-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Impact,Arial Black,sans-serif;font-size:clamp(40px,10vw,80px);text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 0 40px rgba(255,255,0,.9),0 0 80px rgba(255,100,0,.6);z-index:20;pointer-events:none;animation:flash-in .8s ease-out forwards}@keyframes flash-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5) translateY(-30px)}}.power-bar-container{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:200px;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;z-index:10;pointer-events:none;border:1px solid rgba(255,255,255,.2)}.power-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#0f8,#fc0,#f36);transition:width .05s}.instructions{position:absolute;bottom:50px;left:50%;transform:translate(-50%);font-family:Impact,Arial Black,sans-serif;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#ffffff4d;z-index:10;pointer-events:none;text-align:center;white-space:nowrap}