:root{--nc: #00f2ff;--np: #ff00ff;--npurp:#9d00ff;--bg: #00020f;--glass:rgba(255,255,255,.04);--gb: rgba(255,255,255,.08);--font: "Outfit", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{background:var(--bg);color:#fff;font-family:var(--font);overflow:hidden;height:100vh}#app{position:relative;width:100vw;height:100vh}#game-canvas{width:100%;height:100%;display:block}.hidden{display:none!important}.overlay-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--gb);border-radius:20px;box-shadow:0 20px 60px #0009}#loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg);transition:opacity .8s ease}.loader-inner{text-align:center;width:360px}.logo-text{font-size:4.5rem;font-weight:900;line-height:.9;letter-spacing:.6rem;background:linear-gradient(135deg,var(--nc),var(--np));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(0,242,255,.5));margin-bottom:2.5rem;animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 20px rgba(0,242,255,.5))}50%{filter:drop-shadow(0 0 40px rgba(0,242,255,.9))}}.progress-track{width:100%;height:2px;background:#ffffff0f;border-radius:1px;overflow:hidden;margin-bottom:1.2rem}#progress-bar{width:0;height:100%;background:linear-gradient(to right,var(--nc),var(--np));box-shadow:0 0 16px var(--nc);transition:width .4s cubic-bezier(.4,0,.2,1)}.loader-label{font-size:.75rem;font-weight:700;letter-spacing:.3rem;color:#ffffff59}#menu{background:#000000b3;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:opacity .6s ease}.menu-inner{text-align:center;max-width:560px;padding:3rem 3.5rem}.menu-title{font-size:6rem;font-weight:900;line-height:.85;letter-spacing:.5rem;margin-bottom:1.2rem;text-shadow:0 0 30px var(--nc),0 0 60px var(--npurp);animation:titleFlicker 4s ease-in-out infinite}.menu-title span{color:var(--nc)}@keyframes titleFlicker{0%,95%,to{opacity:1}97%{opacity:.85}}.menu-sub{font-size:.85rem;letter-spacing:.35rem;color:#fff6;margin-bottom:2.8rem;font-weight:700}.btn-primary{border:2px solid var(--nc);color:var(--nc);background:transparent;font-family:var(--font);font-size:1.3rem;font-weight:900;letter-spacing:.4rem;padding:1.2rem 4.5rem;border-radius:100px;cursor:pointer;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:block;margin:0 auto 2.5rem}.btn-primary:hover{background:var(--nc);color:#000;box-shadow:0 0 50px var(--nc);transform:translateY(-4px) scale(1.04)}.btn-primary:active{transform:translateY(1px) scale(.98)}.controls-grid{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:center;font-size:.78rem;font-weight:600;color:#ffffff73;letter-spacing:.05rem}kbd{display:inline-block;padding:.15rem .45rem;border:1px solid rgba(255,255,255,.2);border-radius:5px;font-size:.72rem;font-family:var(--font);margin:0 .15rem;background:#ffffff0d}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:2rem 2.5rem;transition:opacity .6s ease}.hud-timer,.hud-lap,.hud-laps{position:absolute;padding:.9rem 1.6rem;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--gb);border-radius:16px;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 8px 32px #0006}.hud-timer{top:2rem;left:50%;transform:translate(-50%);text-align:center;min-width:180px}.hud-lap{top:2rem;left:2.5rem}.hud-laps{top:2rem;right:2.5rem;align-items:flex-end}.hud-label{font-size:.65rem;font-weight:800;letter-spacing:.25rem;color:#ffffff61;text-transform:uppercase}.hud-value{font-size:1.7rem;font-weight:900;line-height:1}.hud-value.mono{font-variant-numeric:tabular-nums}.hud-value.best{color:var(--np)}.hud-row{display:flex;flex-direction:column;gap:.1rem}.speedo{position:absolute;bottom:2.5rem;right:2.5rem;width:210px;height:210px;border-radius:50%;background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--gb);box-shadow:inset 0 0 50px #00f2ff0f,0 20px 60px #00000080;display:flex;align-items:center;justify-content:center}.speedo-ring{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1px solid rgba(0,242,255,.12)}.speedo-inner{text-align:center;z-index:1}.speedo-num{display:block;font-size:4.8rem;font-weight:900;line-height:1;background:linear-gradient(to bottom,#fff 40%,#777);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.speedo-unit{font-size:.85rem;font-weight:800;color:var(--nc);letter-spacing:.2rem}.drive-hint{position:absolute;bottom:2.5rem;left:2.5rem;font-size:.75rem;font-weight:600;letter-spacing:.1rem;color:#ffffff4d;padding:.8rem 1.2rem;background:var(--glass);border:1px solid var(--gb);border-radius:12px;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}#countdown-overlay{background:transparent;pointer-events:none;z-index:300}.countdown-num{font-size:16rem;font-weight:900;color:#fff;filter:drop-shadow(0 0 40px var(--nc));line-height:1}#finish-screen{background:#000000e0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.finish-inner{text-align:center}.finish-title{font-size:5.5rem;font-weight:900;letter-spacing:.6rem;color:var(--nc);text-shadow:0 0 40px var(--nc),0 0 80px var(--npurp);margin-bottom:1.2rem;animation:titleFlicker 3s ease-in-out infinite}.finish-sub{font-size:.8rem;letter-spacing:.35rem;color:#ffffff59;font-weight:700;margin-bottom:.5rem}.finish-time{font-size:4rem;font-weight:900;margin-bottom:3rem;color:var(--np);text-shadow:0 0 20px var(--np);font-variant-numeric:tabular-nums}