*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#08080f;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#e0e0f0;-webkit-user-select:none;user-select:none}#game-container{position:relative;width:100%;height:100%}#game-canvas{display:block;width:100%;height:100%}.hidden{display:none!important}#hud{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;font-weight:600;letter-spacing:1px}#hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px}#score-display,#combo-display,#speed-display{display:flex;flex-direction:column;align-items:center}.label{font-size:11px;opacity:.5;letter-spacing:3px}#score-value{font-size:42px;font-weight:800;color:#00e5ff;text-shadow:0 0 20px rgba(0,229,255,.4);line-height:1;transition:transform .15s ease}#score-value.pop{transform:scale(1.3);color:#fff;text-shadow:0 0 40px rgba(0,229,255,.8)}#combo-display{flex-direction:row;gap:8px;align-items:baseline;background:#ffd70014;border:1px solid rgba(255,215,0,.25);border-radius:8px;padding:8px 18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#combo-value{font-size:28px;font-weight:800;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5)}#combo-multiplier{font-size:16px;color:gold;opacity:.8}#combo-display .label{color:gold;opacity:.6}#speed-value{font-size:24px;font-weight:800;color:#a080ff;text-shadow:0 0 15px rgba(160,128,255,.4)}#hud-bottom{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}#dash-display{display:flex;gap:10px}.dash-charge{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,229,255,.5);background:#00e5ff26;transition:all .3s ease;box-shadow:0 0 8px #00e5ff33}.dash-charge.active{background:#00e5ffcc;border-color:#00e5ff;box-shadow:0 0 16px #00e5ff99}.dash-charge.recharging{background:#00e5ff14;border-color:#00e5ff33;box-shadow:none}#near-miss-display{font-size:20px;font-weight:800;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6);animation:pulse-gold .6s ease-out}#countdown-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#08080f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#countdown-text{font-size:120px;font-weight:900;color:#00e5ff;text-shadow:0 0 60px rgba(0,229,255,.6);animation:countdown-pop .8s ease-out}#menu{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08080fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}#title{font-size:72px;font-weight:900;line-height:1;text-align:center;color:#00e5ff;text-shadow:0 0 40px rgba(0,229,255,.5),0 0 80px rgba(0,229,255,.2);letter-spacing:8px;animation:title-glow 2s ease-in-out infinite alternate}#title-underline{width:200px;height:3px;background:linear-gradient(90deg,transparent,#00e5ff,transparent);margin:16px 0;animation:scan-line 3s ease-in-out infinite}#subtitle{font-size:16px;letter-spacing:6px;opacity:.5;margin-bottom:40px}#controls-info{display:flex;gap:32px;margin-bottom:32px}.control-row{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.6}.control-row kbd{display:inline-block;padding:2px 8px;border:1px solid rgba(0,229,255,.3);border-radius:4px;font-family:inherit;font-size:11px;color:#00e5ff;background:#00e5ff14}#start-prompt{font-size:18px;letter-spacing:4px;color:#00e5ff;animation:blink 1.2s ease-in-out infinite;margin-bottom:24px}#high-score-text{font-size:14px;letter-spacing:2px;opacity:.4}#high-score-value{color:gold}#game-header{position:fixed;top:0;left:0;z-index:100;padding:12px 16px;opacity:.5;transition:opacity .2s}#game-header:hover{opacity:1}#game-header img{height:24px;width:auto}#game-over{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08080fcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;animation:fade-in .5s ease-out}#game-over h2{font-size:64px;font-weight:900;color:#f35;text-shadow:0 0 40px rgba(255,51,85,.6);letter-spacing:6px;margin-bottom:16px}#final-score-display{text-align:center;margin-bottom:24px}#final-score-display p{font-size:12px;letter-spacing:3px;opacity:.4;margin-bottom:4px}#final-score-value{font-size:64px;font-weight:900;color:#00e5ff;text-shadow:0 0 30px rgba(0,229,255,.5)}#stats-display{display:flex;gap:32px;margin-bottom:32px}.stat-row{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:11px;letter-spacing:2px;opacity:.4}.stat-row span:not(.stat-label):not(.stat-unit){font-size:28px;font-weight:800;color:#a080ff}.stat-unit{font-size:14px;opacity:.4;margin-left:2px}#restart-prompt{font-size:16px;letter-spacing:4px;color:#f35;animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes title-glow{0%{text-shadow:0 0 40px rgba(0,229,255,.3),0 0 80px rgba(0,229,255,.1)}to{text-shadow:0 0 60px rgba(0,229,255,.6),0 0 120px rgba(0,229,255,.3)}}@keyframes scan-line{0%{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}to{opacity:.3;transform:scaleX(.8)}}@keyframes countdown-pop{0%{transform:scale(2);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-gold{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}