:root{--accent: #3cf0ff;--accent2: #ff4fa3;--gold: #ffd23a;--panel: rgba(10, 12, 20, .62);--text: #f4f6fb;--red: #ff3b4e;--green: #4dff88;font-family:Rajdhani,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d14;color:var(--text);user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}.panel{position:absolute;background:var(--panel);padding:8px 16px;border-radius:4px;transform:skew(-8deg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel>*{transform:skew(8deg)}.tl{top:16px;left:16px;border-left:4px solid var(--accent)}.score{font-family:Russo One,sans-serif;font-size:34px;line-height:1.1;display:flex;align-items:baseline;gap:10px}.mult{font-size:18px;color:var(--gold)}.row{font-size:20px;display:flex;gap:8px;align-items:center}.sep{opacity:.35}.coin-icon{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6b0,var(--gold) 45%,#c98a00);display:inline-block}.tc{top:16px;left:50%;transform:translate(-50%) skew(-8deg);font-family:Russo One,sans-serif;font-size:24px;letter-spacing:1px}.tr{top:16px;right:16px;text-align:right;border-right:4px solid var(--accent2)}#biome{font-family:Russo One,sans-serif;font-size:20px}.surface{font-size:16px;opacity:.8;letter-spacing:2px}#police{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:56px;text-align:center;font-weight:700}#police .label{font-size:14px;letter-spacing:2px;opacity:.85}#police .bar{position:relative;height:200px;width:14px;margin:6px auto;background:var(--panel);border-radius:8px;overflow:visible}#police-fill{position:absolute;bottom:0;left:0;right:0;border-radius:8px;background:linear-gradient(to top,var(--red),#ffae3b);height:0%}#police-icon{position:absolute;left:50%;transform:translate(-50%,50%);bottom:0%;font-size:26px;filter:drop-shadow(0 0 6px rgba(255,50,60,.8))}#police-dist{font-size:16px}.br{position:absolute;right:22px;bottom:20px;text-align:right}.speedo{display:flex;align-items:baseline;justify-content:flex-end;gap:6px}#speed{font-family:Russo One,sans-serif;font-size:72px;line-height:1;font-style:italic;text-shadow:0 3px 0 rgba(0,0,0,.45)}.unit{font-size:20px;opacity:.8}#powerups{display:flex;gap:8px;justify-content:flex-end;margin-bottom:6px}.pu{background:var(--panel);padding:4px 10px;border-radius:4px;font-weight:700;font-size:16px;border-bottom:3px solid currentColor}#toast{position:absolute;top:26%;left:0;right:0;text-align:center;font-family:Russo One,sans-serif;font-size:64px;font-style:italic;text-shadow:0 4px 0 rgba(0,0,0,.5),0 0 30px rgba(0,0,0,.4);opacity:0;transition:opacity .2s,transform .2s}#toast small{display:block;font-family:Rajdhani,sans-serif;font-size:26px;font-style:normal;letter-spacing:3px;opacity:.9}#toast.show{opacity:1;animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}#popups{position:absolute;left:50%;top:58%;transform:translate(-50%);width:400px;text-align:center}.popup{font-family:Russo One,sans-serif;font-size:24px;animation:rise 1.3s ease-out forwards;text-shadow:0 2px 0 rgba(0,0,0,.6)}@keyframes rise{0%{transform:translateY(10px) scale(.8);opacity:0}15%{transform:translateY(0) scale(1.1);opacity:1}to{transform:translateY(-50px) scale(1);opacity:0}}#warning{position:absolute;top:40%;width:100%;text-align:center;font-family:Russo One,sans-serif;font-size:34px;color:var(--red);text-shadow:0 0 20px rgba(255,0,0,.6);opacity:0}#warning.on{animation:blink .5s steps(2) infinite}@keyframes blink{0%{opacity:1}to{opacity:.15}}#cp-split{position:absolute;top:70px;left:50%;transform:translate(-50%);font-family:Russo One,sans-serif;font-size:22px;padding:4px 14px;background:#14a05abf;border-radius:4px;opacity:0;transition:opacity .3s}#cp-split.on{opacity:1}#vignette{position:fixed;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 160px 40px var(--red)}#mirror-frame{position:fixed;pointer-events:none;border:3px solid rgba(255,255,255,.75);border-radius:10px;box-shadow:0 0 0 2px #0006;display:none}#mirror-frame span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:13px;letter-spacing:3px;color:var(--red);font-weight:700}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,#0a0c198c,#05060ce0);text-align:center;padding:16px;overflow-y:auto}#loading{background:#0b0d14}.logo{font-family:Russo One,sans-serif;font-size:clamp(48px,10vw,110px);font-style:italic;letter-spacing:2px;text-shadow:0 6px 0 rgba(0,0,0,.5);line-height:1}.logo span{color:var(--accent)}.tagline{font-size:22px;opacity:.85;letter-spacing:3px;text-transform:uppercase}.title{font-family:Russo One,sans-serif;font-size:clamp(44px,8vw,84px);font-style:italic}.title.red{color:var(--red);text-shadow:0 0 40px rgba(255,40,60,.6)}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 26px;font-size:18px;text-align:left;background:var(--panel);padding:14px 20px;border-radius:6px;max-width:720px}.controls .dim{opacity:.6}kbd{display:inline-block;min-width:26px;padding:1px 6px;margin-right:4px;border-radius:4px;background:#22283a;border-bottom:2px solid #0d1018;font-family:inherit;font-weight:700;font-size:15px;text-align:center}kbd.pad{border-radius:11px;background:#1d3040;color:#9fe6ff;font-size:13px}.howto{max-width:640px;font-size:18px;line-height:1.4;opacity:.92}.gold{color:var(--gold)}.green{color:var(--green)}.red{color:var(--red)}.btn{font-family:Russo One,sans-serif;font-size:26px;padding:12px 42px;border:none;border-radius:4px;background:var(--accent);color:#061018;cursor:pointer;transform:skew(-10deg);box-shadow:0 5px #138a96;pointer-events:auto}.btn small{font-family:Rajdhani,sans-serif;font-size:15px;opacity:.7}.btn:hover{filter:brightness(1.1)}.btn:active{transform:skew(-10deg) translateY(3px);box-shadow:0 2px #138a96}.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 2px #fff6;font-size:18px;padding:8px 26px}.best{font-size:20px;letter-spacing:3px;opacity:.8}.loadbar{width:min(360px,80vw);height:8px;background:#1c2132;border-radius:4px;overflow:hidden}#loadfill{height:100%;width:0;background:var(--accent)}.hint{opacity:.6}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:600px;width:100%}.stats div{background:var(--panel);padding:10px;border-radius:4px;display:flex;flex-direction:column}.stats span{font-size:14px;letter-spacing:2px;opacity:.7}.stats b{font-family:Russo One,sans-serif;font-size:26px}.newbest{font-family:Russo One,sans-serif;font-size:28px;color:var(--gold);animation:blink .6s steps(2) infinite}#touch{display:none}body.touch #touch.active{display:block}.tz{position:fixed;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:16px;color:#fffc}.tz.on{background:#3cf0ff4d}.tz.left{left:12px;bottom:12px;width:22vw;height:34vh}.tz.right{left:calc(24vw + 12px);bottom:12px;width:22vw;height:34vh}.tz.brake{right:12px;bottom:12px;width:20vw;height:30vh}.tz.respawn{right:12px;top:110px;width:56px;height:56px;border-radius:50%}body.touch .br{bottom:auto;top:100px}@media(max-width:700px){.controls{grid-template-columns:1fr;font-size:15px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.score{font-size:24px}#speed{font-size:48px}.tc{display:none}#toast{font-size:40px}.howto{font-size:15px}}.cols{display:flex;gap:22px;align-items:stretch;justify-content:center;width:100%;max-width:1120px}.col{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-width:0;flex:1 1 0}.cols .controls{width:100%}.btns{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.name-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.name-form label{font-size:15px;letter-spacing:3px;opacity:.8;font-weight:700}#name-input{font-family:Russo One,sans-serif;font-size:22px;width:260px;max-width:70vw;padding:10px 14px;border-radius:4px;border:2px solid rgba(255,255,255,.25);background:#0a0c14bf;color:var(--text);outline:none;transform:skew(-8deg);user-select:text;-webkit-user-select:text}#name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3cf0ff40}#name-input::placeholder{color:#ffffff59}#name-input.shake{animation:shake .4s;border-color:var(--red)}@keyframes shake{0%,to{translate:0}20%,60%{translate:-8px}40%,80%{translate:8px}}.lb-panel{width:100%;max-width:520px;background:var(--panel);border-radius:6px;padding:12px 14px;border-top:3px solid var(--gold)}.lb-title{font-family:Russo One,sans-serif;font-size:20px;letter-spacing:2px;color:var(--gold);margin-bottom:6px;text-align:left}.lb{display:flex;flex-direction:column;gap:2px}.lb-row{display:grid;grid-template-columns:34px minmax(0,1fr) 92px 82px 54px;gap:8px;align-items:center;padding:4px 8px;border-radius:3px;font-size:17px;font-weight:700;text-align:right}.lb-row span:nth-child(1),.lb-row span:nth-child(2){text-align:left}.lb-row:nth-child(2n):not(.lb-head){background:#ffffff0a}.lb-head{font-size:12px;letter-spacing:2px;opacity:.6}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-p1 span:first-child{color:var(--gold)}.lb-p2 span:first-child{color:#d6dde8}.lb-p3 span:first-child{color:#e0915a}.lb-me{background:#3cf0ff1a!important}.lb-new{background:#ffd23a40!important;box-shadow:inset 3px 0 0 var(--gold);animation:glow 1.2s ease-in-out infinite alternate}@keyframes glow{0%{background:#ffd23a24}to{background:#ffd23a52}}.lb-extra{margin-top:6px;border-top:1px dashed rgba(255,255,255,.2)}.lb-empty{opacity:.6;padding:18px 0;font-size:17px}.driver{font-size:16px;letter-spacing:3px;opacity:.85}.driver b{font-family:Russo One,sans-serif;letter-spacing:1px;font-size:22px;color:var(--accent);margin-left:6px}.rank{font-family:Russo One,sans-serif;font-size:22px;opacity:.85}.rank.top-rank{color:var(--accent);opacity:1}.rank.gold-rank{color:var(--gold);opacity:1;animation:blink .6s steps(2) infinite}.pb{font-size:17px;letter-spacing:2px;opacity:.75}@media(max-width:860px){.cols{flex-direction:column;align-items:center}.lb-row{grid-template-columns:28px minmax(0,1fr) 76px 68px 44px;font-size:15px}}#settings{z-index:5;justify-content:safe center}.set-panel{max-width:520px;width:100%;background:var(--panel);border-radius:6px;padding:12px 18px 16px;border-top:3px solid var(--accent);text-align:left}.set-title{font-family:Russo One,sans-serif;font-size:20px;letter-spacing:2px;color:var(--accent);margin-bottom:6px}.set-row{display:grid;grid-template-columns:140px minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:42px;font-size:18px;font-weight:700}.set-row output{font-family:Russo One,sans-serif;font-size:15px;text-align:right;opacity:.8}.set-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--fill, 50%),rgba(255,255,255,.15) var(--fill, 50%));outline:none;cursor:pointer}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 2px 6px #00000080}.set-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent)}.set-row input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #3cf0ff59}.settings-cols{align-items:flex-start;max-width:1000px}.settings-cols .set-panel{flex:1 1 0;min-width:0}.set-row.seg-row{grid-template-columns:140px minmax(0,1fr)}.set-row kbd{margin-left:4px;font-size:12px;min-width:20px}.seg{display:flex;flex-wrap:wrap;gap:4px}.seg button{flex:1 1 auto;font-family:Rajdhani,sans-serif;font-weight:700;font-size:15px;letter-spacing:1px;padding:6px 10px;border-radius:3px;border:none;background:#ffffff14;color:var(--text);cursor:pointer}.seg button:hover{background:#ffffff29}.seg button.on{background:var(--accent);color:#061018}@media(max-width:560px){.set-row{grid-template-columns:110px minmax(0,1fr) 36px}.set-row.seg-row{grid-template-columns:110px minmax(0,1fr)}}.keys-panel{max-width:1000px}.set-sub{font-family:Rajdhani,sans-serif;font-size:14px;letter-spacing:.5px;color:var(--text);opacity:.6;margin-left:8px}.keybinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.keybind{display:grid;grid-template-columns:minmax(0,1fr) 96px 96px;align-items:center;gap:6px;min-height:40px;font-size:17px;font-weight:700}.keybind button{font-family:Russo One,sans-serif;font-size:14px;padding:6px 4px;border-radius:4px;border:none;border-bottom:2px solid #0d1018;background:#22283a;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keybind button:hover{background:#2d3550}.keybind button.pad{border-radius:14px;background:#1d3040}.keybind button.pad:hover{background:#26405a}.keybind-head{min-height:24px;font-family:Russo One,sans-serif;font-size:11px;letter-spacing:1.5px;opacity:.55}.keybind-head span{text-align:center}.keybind button.empty{opacity:.45}.keybind button.listening{background:var(--accent);color:#061018;animation:blink .6s steps(2) infinite}.keys-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;min-height:30px}.keybind-msg{font-size:15px;font-weight:700;color:var(--accent)}.keybind-msg.warn{color:#ff6b6b}.mini-btn{font-family:Rajdhani,sans-serif;font-weight:700;font-size:15px;letter-spacing:1px;padding:6px 14px;border-radius:3px;border:none;background:#ffffff14;color:var(--text);cursor:pointer}.mini-btn:hover{background:#ffffff29}@media(max-width:760px){.keybinds{grid-template-columns:minmax(0,1fr)}.keybind-head+.keybind-head{display:none}}@media(max-width:420px){.keybind{grid-template-columns:minmax(0,1fr) 78px 78px;font-size:15px}}
