*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:#03070d;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{touch-action:none}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 35%,rgba(0,0,0,.58) 100%)}.grain{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{position:fixed;top:0;left:0;right:0;padding:18px 20px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand{font-weight:1000;font-style:italic;letter-spacing:3px;font-size:21px;text-shadow:0 4px 18px #000}.brand em{font-style:normal;color:#19c8ff}.brand small{font-style:normal;font-size:10px;opacity:.55;margin-left:5px}.race{display:flex;gap:18px;align-items:stretch;background:#050b13d9;border:1px solid #ffffff1c;border-radius:15px;padding:10px 13px;backdrop-filter:blur(16px);box-shadow:0 14px 50px #0009}.race>div{display:flex;flex-direction:column;justify-content:center;min-width:55px}.race strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.race span{font-size:7px;letter-spacing:1.2px;opacity:.48;margin-top:5px}.race .gear{border-left:1px solid #fff2;padding-left:15px}.race .gear strong{font-size:25px}.stats{position:fixed;left:20px;top:70px;padding:10px 13px;width:190px;border:1px solid #ffffff18;border-radius:12px;background:#050b13c9;backdrop-filter:blur(12px);box-shadow:0 12px 35px #0007}.stats div{display:flex;justify-content:space-between;padding:4px 0}.stats span{font-size:8px;letter-spacing:1px;opacity:.45}.stats b{font-size:11px}.nitro{position:fixed;right:20px;top:85px;width:245px;padding:10px 12px;border:1px solid #ffffff18;border-radius:12px;background:#050b13d4;backdrop-filter:blur(12px)}.nitro>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.nitro b{font-size:11px}.nitro i{display:block;height:8px;margin-top:7px;border-radius:99px;background:#121d28;overflow:hidden}.nitro u{display:block;height:100%;width:100%;text-decoration:none;background:linear-gradient(90deg,#13b9ff,#a6f6ff);box-shadow:0 0 20px #17c8ff}.checkpoint{position:fixed;left:50%;top:22%;transform:translateX(-50%);text-align:center;text-shadow:0 3px 20px #000}.checkpoint b{display:block;font-size:11px;letter-spacing:2px;opacity:.8}.checkpoint strong{font-size:30px;line-height:1}.checkpoint span{font-size:11px;opacity:.7}.district{position:fixed;right:20px;bottom:20px;background:#050b13dc;border:1px solid #ffffff18;border-radius:12px;padding:9px 13px;backdrop-filter:blur(12px);display:flex;flex-direction:column}.district b{font-size:11px;letter-spacing:1px;color:#42d8ff}.district span{font-size:9px;opacity:.5;margin-top:3px}.minimap{position:fixed;left:18px;bottom:18px;width:230px;height:230px;border-radius:50%;overflow:hidden;border:2px solid #b9efff55;background:#061019ee;box-shadow:0 18px 55px #000b,0 0 30px #10caff16}.minimap canvas{width:100%;height:100%}.minimap label{position:absolute;top:9px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;background:#06101dcc;border-radius:8px;padding:4px 8px}.mapdist{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:8px;white-space:nowrap;background:#06101ddd;padding:4px 8px;border-radius:8px}.mapdist b{color:#20cfff}.help{position:fixed;right:20px;bottom:20px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;max-width:370px;justify-content:flex-end;background:#050b13c9;border:1px solid #ffffff16;border-radius:12px;padding:9px;font-size:8px;color:#dce8ef;backdrop-filter:blur(12px)}kbd{border:1px solid #ffffff28;border-radius:4px;padding:3px 5px;background:#ffffff0b;font:700 8px ui-monospace,monospace}.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,520px);padding:42px;text-align:center;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(145deg,#07131eea,#02070dea);backdrop-filter:blur(20px);box-shadow:0 35px 120px #000d}.panel p{font-size:9px;letter-spacing:2px;opacity:.55}.panel h1{margin:8px 0;font-size:55px;letter-spacing:5px;font-style:italic}.panel h1 em{font-style:normal;color:#1bcaff}.panel h2{font-size:13px;letter-spacing:3px;opacity:.72;margin:0 0 28px}.panel button{border:0;border-radius:11px;padding:15px 28px;font-weight:1000;letter-spacing:1.5px;background:#eafaff;color:#06101a;cursor:pointer;box-shadow:0 0 35px #12caff44}.panel small{display:block;margin-top:20px;font-size:9px;opacity:.4}.panel>strong{display:block;margin:18px;font-size:25px}.hidden{display:none!important}#touch{display:none;position:fixed;inset:0;pointer-events:none}.touch,.steer button,.pedals button{border:1px solid #ffffff28;background:#06121ddd;color:#fff;border-radius:18px;backdrop-filter:blur(10px);font-weight:900;touch-action:none}.steer,.pedals{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:10px}.steer{left:12px}.pedals{right:12px;align-items:flex-end}.steer button{width:66px;height:66px}.pedals button{width:70px;height:58px;font-size:9px}.pedals .gas{height:72px}.pedals .nitroTouch{border-color:#16c8ff55}.steer button:active,.pedals button:active{background:#0c9dcc88}@media(max-width:900px){#touch{display:block}.help{display:none}.stats{display:none}.minimap{width:175px;height:175px;left:10px;bottom:110px}.district{right:10px;bottom:10px}.nitro{right:10px;top:72px;width:170px}.checkpoint{top:17%}.topbar{padding:12px}.brand{font-size:15px}.race{gap:9px;padding:8px}.race>div{min-width:42px}.race strong{font-size:17px}.race .gear{display:none}}@media(max-width:600px){.panel{padding:30px 22px}.panel h1{font-size:38px}.panel h2{font-size:10px}.minimap{width:145px;height:145px;bottom:100px}.district{font-size:9px}.checkpoint strong{font-size:24px}.race>div:nth-child(4){display:none}.brand{font-size:13px}.steer button{width:60px;height:60px}.pedals button{width:62px;height:54px}.pedals .gas{height:64px}}