:root{--cyan: #00e5ff;--magenta: #ff2d95;--orange: #ff8c42;--gold: #ffd166;--green: #39ff88;--ink: #1a0533;--pad: max(14px, env(safe-area-inset-left))}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0216;color:#fff;font-family:Rajdhani,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#app canvas{display:block;position:fixed;inset:0;width:100%;height:100%}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.6)}.tl{position:absolute;top:calc(12px + env(safe-area-inset-top));left:var(--pad)}.driver{font-size:13px;letter-spacing:.18em;opacity:.8}#stars{font-size:26px;line-height:1;letter-spacing:2px}.star{color:#ffffff2e;transition:color .15s}.star.on{color:#ff2040;text-shadow:0 0 10px #ff2040}.star.on.dim{animation:evadeStar .7s steps(2) infinite}@keyframes evadeStar{50%{color:#f4f0ff;text-shadow:0 0 8px rgba(255,255,255,.7)}}#combo{font-family:Orbitron,sans-serif;font-size:13px;color:var(--gold);margin-top:6px;min-height:16px}#popups{margin-top:4px;display:flex;flex-direction:column;gap:2px}.pop{font-family:Orbitron,sans-serif;font-weight:900;font-size:17px;letter-spacing:.04em;animation:pop 1.9s ease-out forwards;white-space:nowrap}.pop b{color:var(--green);font-family:Rajdhani,sans-serif;font-size:18px}@keyframes pop{0%{transform:translate(-20px) scale(1.3);opacity:0}12%{transform:none;opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.tc{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);text-align:center}.carname{font-family:Orbitron,sans-serif;font-weight:900;font-size:15px;letter-spacing:.12em}.package{font-size:12px;letter-spacing:.3em;color:var(--cyan)}#power{margin-top:8px;--c: var(--cyan);color:var(--c);font-family:Orbitron,sans-serif;font-size:13px;font-weight:900}#power .bar,.meter .bar{width:150px;height:6px;margin:4px auto 0;background:#ffffff26;border-radius:3px;overflow:hidden}#power i{display:block;height:100%;background:var(--c);box-shadow:0 0 10px var(--c)}.tr{position:absolute;top:calc(12px + env(safe-area-inset-top));right:var(--pad);text-align:right}#cash{font-family:Rajdhani,sans-serif;font-weight:700;font-size:30px;color:var(--green);text-shadow:0 0 12px rgba(57,255,136,.5)}.btns{margin-top:4px;display:flex;gap:6px;justify-content:flex-end;pointer-events:auto}.btns button{width:34px;height:30px;border-radius:8px;border:1px solid rgba(0,229,255,.5);background:#14062899;font-size:13px}#warnings{position:absolute;right:var(--pad);top:34%;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.warn{font-family:Orbitron,sans-serif;font-weight:900;font-size:14px;padding:8px 12px;border:2px solid #ff2040;background:#3c000aa6;color:#fff;border-radius:6px;animation:warn .5s steps(2) infinite}@keyframes warn{50%{border-color:#ff204040}}#center{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;width:min(90vw,560px)}#bigmsg{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(26px,6vw,44px);opacity:0;letter-spacing:.05em}#bigmsg small{display:block;font-family:Rajdhani,sans-serif;font-size:20px;color:var(--green)}#bigmsg.show{animation:big 1.6s ease-out forwards}@keyframes big{0%{opacity:0;transform:scale(1.6)}10%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}.meter{margin-top:10px;font-family:Orbitron,sans-serif;font-weight:900;font-size:14px}.meter .bar{width:220px;height:8px}#bust{color:#ff2040}#bust i{display:block;height:100%;background:#ff2040;box-shadow:0 0 10px #ff2040}#evade{color:var(--cyan)}#evade i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.bl{position:absolute;left:var(--pad);bottom:calc(14px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:10px}#minimap{width:150px;height:150px;border-radius:50%}.wanted small{display:block;font-size:11px;letter-spacing:.2em;opacity:.75}#bounty{font-size:22px;font-weight:700;color:var(--gold)}#thrust{position:absolute;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:12px}#thrust .cell{--p: 0deg;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(rgba(0,229,255,.85) var(--p),rgba(255,255,255,.1) 0);padding:4px}#thrust .cell span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#0e041ee6;font-size:16px;color:#ffffff59}#thrust .cell.full span{color:var(--orange);text-shadow:0 0 10px var(--orange)}#thrust .cell.full{box-shadow:0 0 14px #00e5ff99}#thrust .cell.over{background:conic-gradient(var(--gold) 360deg,transparent 0);box-shadow:0 0 14px #ffd166b3}.br{position:absolute;right:var(--pad);bottom:calc(14px + env(safe-area-inset-bottom))}#speedo{width:130px;height:130px}#edge{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 #ff002800;transition:box-shadow .25s}#edge.hit{box-shadow:inset 0 0 90px #ff0028bf;transition:none}#edge.tyres{animation:tyres .8s ease-in-out infinite}#edge.busted{box-shadow:inset 0 0 220px 60px #000000e6;transition:box-shadow 1.2s}@keyframes tyres{50%{box-shadow:inset 0 0 70px #ff002899}}#touch{position:fixed;left:0;right:0;bottom:0;padding:0 var(--pad) calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}#touch .left,#touch .right{display:flex;gap:10px;align-items:flex-end;pointer-events:auto}#touch button{width:76px;height:76px;border-radius:18px;border:2px solid rgba(0,229,255,.55);background:#1004228c;font-size:26px;touch-action:none}#touch button.small{width:64px;height:52px;font-size:13px;font-weight:700;border-radius:14px}#touch .thrustBtn{width:92px;height:92px;border-radius:50%;border-color:var(--orange);font-family:Orbitron,sans-serif;font-size:13px;font-weight:900;box-shadow:0 0 16px #ff8c4266}#touch button.on{background:#00e5ff59}body.touch .bl,body.touch .br{bottom:calc(112px + env(safe-area-inset-bottom))}body.touch #thrust{bottom:calc(118px + env(safe-area-inset-bottom))}@media (max-width: 700px){#minimap{width:108px;height:108px}#speedo{width:96px;height:96px}#thrust .cell{width:38px;height:38px}.carname,.package{display:none}.tc{top:calc(52px + env(safe-area-inset-top))}#cash{font-size:24px}#stars{font-size:21px}.pop{font-size:14px}.wanted small{font-size:9px}#bounty{font-size:18px}.bl{flex-direction:column;align-items:flex-start;gap:2px}body.touch #thrust{bottom:calc(108px + env(safe-area-inset-bottom))}#touch button{width:66px;height:66px}#touch .thrustBtn{width:84px;height:84px}#touch button.small{width:56px;height:46px}}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at center,#1a053359,#080012cc)}.panel{text-align:center;max-width:560px}h1{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(42px,11vw,92px);line-height:.9;margin:0;color:#fff;text-shadow:0 0 18px var(--magenta),0 0 42px rgba(255,45,149,.6);letter-spacing:.04em}h1 span{display:block;font-size:.48em;letter-spacing:.32em;color:var(--cyan);text-shadow:0 0 16px var(--cyan);margin-top:8px}h2{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(48px,13vw,96px);margin:0;color:#fff;text-shadow:0 0 22px #ff2040}.tag{font-size:20px;letter-spacing:.12em;color:var(--gold);margin:14px 0 22px}.go{font-family:Orbitron,sans-serif;font-weight:900;font-size:22px;letter-spacing:.18em;padding:16px 44px;border-radius:12px;border:2px solid var(--cyan);background:linear-gradient(180deg,#ff2d9566,#1a0533b3);box-shadow:0 0 22px #00e5ff73,inset 0 0 18px #ff2d9559;margin:6px 0 14px}.go:hover,.go:focus-visible{box-shadow:0 0 34px #00e5ffcc,inset 0 0 18px #ff2d9580;outline:none}.stats{font-size:18px;color:#ffffffd9;margin-bottom:14px;line-height:1.5}.stats b{color:var(--green)}.stats b.red{color:#ff2040;text-shadow:0 0 10px rgba(255,32,64,.6)}.fine{font-family:Orbitron,sans-serif;font-weight:900;font-size:26px;color:#ff5a6e;margin:6px 0 12px}.controls{font-size:16px;opacity:.9;line-height:1.9}.controls span{opacity:.8}kbd{display:inline-block;min-width:26px;padding:1px 6px;border:1px solid rgba(0,229,255,.6);border-radius:5px;font-family:Rajdhani,sans-serif;font-weight:700;background:#00e5ff1a}body.touch .controls.desktop,body:not(.touch) .controls.mobile{display:none}.tips{font-size:15px;opacity:.85;line-height:1.45;margin-top:16px}.c-thrust{color:var(--cyan)}.c-nitro{color:#a47bff}.c-shield{color:var(--magenta)}.c-emp{color:var(--gold)}.c-cash{color:var(--green)}
