@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--road: #0a0b10;--lane: #ffd23f;--car: #e02424;--neon: #ff2bd6;--cyan: #00f0ff}html,body{height:100%;margin:0;overflow:hidden;background:#050608;font-family:Chakra Petch,system-ui,sans-serif;color:#edeef0}.stage{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(224,36,36,.35),transparent 60%),radial-gradient(ellipse at 50% 0%,rgba(255,43,214,.18),transparent 55%),linear-gradient(180deg,#0d0e12,#050608);overflow:hidden}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,240,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 80%);animation:pan 20s linear infinite}@keyframes pan{0%{background-position:0 0,0 0}to{background-position:0 60px,60px 0}}.sun{position:absolute;left:50%;top:18%;width:520px;height:520px;margin-left:-260px;background:radial-gradient(circle,#ff2bd6 0%,#ff5b3a 40%,#e02424 65%,transparent 75%);filter:blur(2px);opacity:.55;border-radius:50%;animation:pulse 4s ease-in-out infinite}@keyframes pulse{50%{opacity:.75;transform:scale(1.04)}}.mountains{position:absolute;left:0;right:0;bottom:42%;height:30%;background:linear-gradient(180deg,transparent 60%,#1a0a1a 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'><polygon points='0,300 100,160 220,220 360,90 480,200 620,120 760,210 900,80 1040,200 1200,140 1200,300' fill='%23120a18' stroke='%23ff2bd6' stroke-width='1.5' opacity='.9'/></svg>") center bottom / 100% 100% no-repeat}.hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;z-index:30;pointer-events:none;font-family:JetBrains Mono,monospace}.hud .left,.hud .right{display:flex;gap:22px;align-items:center}.stat{background:#0a0b10a6;backdrop-filter:blur(8px);border:1px solid rgba(0,240,255,.35);padding:10px 16px;border-radius:6px;box-shadow:0 0 24px #00f0ff26,inset 0 0 0 1px #ffffff0a}.stat .label{font-size:10px;letter-spacing:.25em;color:#00f0ff;text-transform:uppercase}.stat .value{font-size:22px;font-weight:700;color:#fff;line-height:1;margin-top:2px;text-shadow:0 0 12px rgba(0,240,255,.7)}.brand{font-weight:800;letter-spacing:.15em;font-size:22px;color:#fff;text-shadow:0 0 16px #ff2bd6,0 0 32px #e02424;pointer-events:auto}.brand span{color:#ffd23f}.controls{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:30;pointer-events:none}.controls .kbd{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.2em;padding:8px 14px;border-radius:4px;background:#0a0b1099;border:1px solid rgba(255,210,63,.4);color:#ffd23f;text-transform:uppercase}.game{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(100vw,520px);height:100vh;perspective:600px}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.overlay{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a050fa6,#000000eb);backdrop-filter:blur(6px);text-align:center;padding:24px}.overlay h1{font-size:clamp(48px,9vw,96px);font-weight:800;margin:0;letter-spacing:.04em;line-height:.95;color:#fff;text-shadow:0 0 24px rgba(255,43,214,.7),0 2px 0 #7a1212;filter:drop-shadow(0 0 28px rgba(255,43,214,.55))}.overlay h2{font-size:clamp(20px,3vw,28px);font-weight:500;color:#00f0ff;letter-spacing:.35em;text-transform:uppercase;margin:8px 0 28px;text-shadow:0 0 18px rgba(0,240,255,.5)}.overlay p{color:#d4d4d8;max-width:520px;line-height:1.6;font-size:15px}.overlay .keys{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.overlay .keys span{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.15em;padding:8px 14px;border:1px solid rgba(0,240,255,.4);border-radius:4px;color:#00f0ff;background:#00f0ff0d}.start-btn{margin-top:28px;font-family:Chakra Petch,sans-serif;font-weight:700;font-size:18px;letter-spacing:.25em;text-transform:uppercase;padding:16px 44px;background:linear-gradient(135deg,#ff2bd6,#e02424);color:#fff;border:none;border-radius:6px;cursor:pointer;box-shadow:0 0 30px #ff2bd68c,0 8px #7a1212;transition:transform .08s ease,box-shadow .08s ease}.start-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff2bd6b3,0 10px #7a1212}.start-btn:active{transform:translateY(4px);box-shadow:0 0 20px #ff2bd680,0 2px #7a1212}.hidden{display:none!important}.tilt-l{animation:tiltL .12s ease}.tilt-r{animation:tiltR .12s ease}@keyframes tiltL{50%{transform:translate(-3px) skew(-2deg)}}@keyframes tiltR{50%{transform:translate(3px) skew(2deg)}}@media(prefers-reduced-motion:reduce){.grid-bg,.sun{animation:none}}