*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#050510;font-family:Courier New,Lucida Console,monospace;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.game-container{width:100%;height:100%;position:relative}canvas{display:block}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050510d9;z-index:10;padding:2rem}.title{font-size:clamp(2.5rem,8vw,5rem);color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.6),0 0 60px rgba(0,255,136,.2);letter-spacing:.2em;margin-bottom:.5rem}.subtitle{font-size:clamp(.8rem,2.5vw,1.2rem);color:#8ac;margin-bottom:2rem;letter-spacing:.1em}.gameover-title{font-size:clamp(3rem,10vw,6rem);color:#f44;text-shadow:0 0 30px rgba(255,68,68,.7),0 0 80px rgba(255,68,68,.3);letter-spacing:.15em;margin-bottom:1.5rem}.start-btn{font-family:inherit;font-size:clamp(1rem,3vw,1.4rem);color:#050510;background:#0f8;border:none;padding:.8em 2em;cursor:pointer;letter-spacing:.15em;font-weight:700;transition:box-shadow .2s;box-shadow:0 0 20px #0f86}.start-btn:hover{box-shadow:0 0 40px #00ff88b3}.controls-hint{margin-top:1.5rem;font-size:.8rem;color:#678;letter-spacing:.1em}.score-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}.final-score,.best-score-display{text-align:center}.score-label{display:block;font-size:.7rem;color:#678;letter-spacing:.2em}.score-number{display:block;font-size:clamp(1.8rem,5vw,3rem);color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.4)}.new-best{display:inline-block;color:#fc0;font-size:1rem;letter-spacing:.15em;text-shadow:0 0 15px rgba(255,204,0,.5);margin-top:.3rem}.hud{position:absolute;inset:0;pointer-events:none;z-index:5}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem}.hud-score,.hud-speed,.hud-best{text-align:center}.hud-label{display:block;font-size:.55rem;color:#678;letter-spacing:.2em}.hud-value{display:block;font-size:clamp(.9rem,3vw,1.3rem);color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.3)}.hud-pause-btn{pointer-events:auto;width:2.5rem;height:2.5rem;border-radius:.6rem;border:1px solid rgba(0,255,136,.45);background:#00ff881f;color:#0f8;font-size:1.2rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-pause-btn:active{background:#00ff8840}.hud-mobile-controls{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:space-between;padding:0 1.5rem;pointer-events:auto}.hud-btn{width:4.5rem;height:4.5rem;border-radius:50%;border:2px solid rgba(0,255,136,.3);background:#00ff8814;color:#0f8;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation;transition:background .15s,border-color .15s}.hud-btn:active{background:#00ff8840;border-color:#00ff88b3}@media(hover:hover)and (pointer:fine){.hud-mobile-controls{display:none}}