:root{--ink: #f4f1ea;--muted: #b9b4a8;--panel: rgba(18, 20, 24, .72);--panel-solid: #16181c;--line: rgba(255, 255, 255, .12);--accent: #e8c44a;--accent-ink: #1a1608;--danger: #e2574c;--radius: 14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0f1113;user-select:none;-webkit-user-select:none}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffff14;color:var(--ink);font:600 15px/1 inherit;padding:12px 18px;border-radius:999px;cursor:pointer;transition:background .15s,transform .1s}.btn:hover{background:#ffffff29}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.primary:hover{background:#f3d466}.btn.danger{background:#e2574c33;border-color:#e2574c80}.btn.small{padding:8px 12px;font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed}.row{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.field{display:block;margin:14px 0}.field span,.opt>span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field em{text-transform:none;letter-spacing:0;font-style:normal;opacity:.7}input{width:100%;font:500 17px inherit;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:10px;padding:12px 14px;outline:none}input:focus{border-color:var(--accent)}.code-input{font:700 28px ui-monospace,monospace;letter-spacing:.3em;text-transform:uppercase;text-align:center}.opt{margin:14px 0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffff0f;color:var(--ink);font:500 14px inherit;padding:8px 13px;border-radius:999px;cursor:pointer}.chips button.on{background:var(--ink);color:#111;border-color:transparent}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;z-index:2;background:linear-gradient(90deg,#0a080c8c,#0a080c1a 70%);place-items:center start;padding-left:max(16px,6vw)}.menu-card{width:min(480px,100%);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:22px;padding:28px 26px;max-height:calc(100vh - 80px);overflow:auto}.logo{margin:0;font:900 46px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em}.tag{margin:6px 0 10px;color:var(--muted)}.status{min-height:1.2em;color:var(--accent);margin:14px 0 0;font-size:14px}.status.err{color:#ff8a80}.foot{position:fixed;bottom:12px;left:0;right:0;text-align:center;color:var(--muted);font-size:12px;margin:0;padding:0 16px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button,#hud canvas{pointer-events:auto}.tl{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:260px}.chip-world{display:flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px;cursor:pointer;font:700 18px ui-monospace,monospace;letter-spacing:.15em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip-world .lbl{font:600 10px system-ui;letter-spacing:.12em;color:var(--muted)}.chip-world .copy{font:600 11px system-ui;letter-spacing:0;color:var(--accent)}#roster{list-style:none;margin:0;padding:6px 0;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none}#roster.show{display:block}#stunts{position:absolute;top:92px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.75),0 0 2px #000;min-width:260px}#stunts .st-tricks{font:800 15px system-ui,sans-serif;letter-spacing:.08em;color:#ffe2a8}#stunts .st-pts{font:900 40px ui-monospace,monospace;font-variant-numeric:tabular-nums;line-height:1.05}#stunts .st-pts small{font-size:20px;color:#ffb22e}#stunts .st-grab{font:900 18px system-ui,sans-serif;color:#3cf;letter-spacing:.2em;animation:stGrab .35s ease-in-out infinite alternate}#stunts .st-result{font:900 26px system-ui,sans-serif;letter-spacing:.12em}#stunts .st-result.clean{color:#6cff8a}#stunts .st-result.sketchy{color:#ffd23f}#stunts .st-result.bail{color:#ff4f5e}#stunts .st-od{font:900 22px system-ui,sans-serif;letter-spacing:.3em;color:#ffb22e;animation:stGrab .25s ease-in-out infinite alternate}#stunts .st-odbar{margin:6px auto 0;width:180px;height:6px;border-radius:3px;background:#ffffff2e;overflow:hidden}#stunts .st-odbar i{display:block;height:100%;background:linear-gradient(90deg,#ff7a18,#ffd23f)}@keyframes stGrab{0%{opacity:.65;transform:scale(.97)}to{opacity:1;transform:scale(1.04)}}#zenBar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 8px 6px 14px;font-size:13px;color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#zenBar b{color:#ffd88a}#spMeta .chip.mega{background:#ffb22e;color:#1a1205}#roster.fading{opacity:0;transition:opacity var(--board-fade, 3s) cubic-bezier(.45,0,.55,1)}#roster li{display:flex;align-items:center;gap:8px;padding:4px 12px;font-size:14px}#roster .dot{width:10px;height:10px;border-radius:50%;flex:none}#roster .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#roster .me .nm{font-weight:700}#roster .wins{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}#roster .where{font-size:12px;opacity:.85}#roster .head{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#hostTools{display:flex;flex-direction:column;gap:6px}#inviteStatus{background:var(--panel);border-radius:10px;font-size:13px;padding:0}#inviteStatus:not(:empty){padding:8px 12px}#minimap{position:absolute;top:14px;right:14px;width:200px;height:200px;border-radius:50%;border:2px solid var(--line);box-shadow:0 6px 20px #00000059}#raceBar{position:absolute;top:14px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 18px;display:flex;gap:22px;align-items:baseline;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}#raceBar b{font:800 26px ui-monospace,monospace;font-variant-numeric:tabular-nums}#raceBar span{font-size:13px;color:var(--muted)}#raceBar span strong{color:var(--ink);font-size:16px}#standings{position:absolute;top:230px;right:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 0;min-width:200px;font-size:13px}#standings div{display:flex;gap:8px;padding:3px 12px;align-items:center}#standings .me{font-weight:700}#standings .t{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted)}#countdown{position:absolute;top:34%;left:0;right:0;text-align:center;font:900 140px/1 ui-sans-serif,system-ui;text-shadow:0 8px 30px rgba(0,0,0,.5);pointer-events:none}#countdown.pop{animation:pop .9s ease-out}@keyframes pop{0%{transform:scale(1.6);opacity:0}30%{transform:scale(1);opacity:1}}#flash{position:absolute;top:22%;left:0;right:0;text-align:center;font:800 30px ui-sans-serif,system-ui;color:var(--accent);text-shadow:0 4px 16px rgba(0,0,0,.6);opacity:0;transition:opacity .3s}#flash.show{opacity:1}#toasts{position:absolute;left:14px;bottom:18px;display:flex;flex-direction:column;gap:6px}#toasts div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px;animation:slide .3s ease-out;max-width:320px}@keyframes slide{0%{transform:translate(-20px);opacity:0}}#touch{display:none}#hud.touch #touch{display:block}#touch button{position:absolute;bottom:24px;width:76px;height:76px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0000004d;color:#fff;font-size:26px;pointer-events:auto;touch-action:none}#touch button.down{background:#ffffff4d}#touch [data-t=left]{left:20px}#touch [data-t=right]{left:110px}#touch [data-t=brake]{right:110px;bottom:110px}#touch [data-t=gas]{right:20px;bottom:110px}#touch [data-t=reset]{left:20px;bottom:120px;width:48px;height:48px;font-size:16px}#hud.touch .speedo{bottom:auto;top:230px}#hud.touch #toasts{bottom:200px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05070a73;padding:16px}.card{background:var(--panel-solid);border:1px solid var(--line);border-radius:20px;padding:22px 24px;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 60px #00000080}.card.wide{width:min(960px,100%)}.card h2{margin:0 0 10px;font-size:22px}.card h2 small{font-size:13px;color:var(--muted);font-weight:500}.card canvas{width:100%;height:auto;border-radius:12px;display:block;cursor:crosshair;touch-action:none}.hint{color:var(--muted);font-size:14px;margin:0 0 12px}.quick{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 0 4px}.quick>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.summary{color:var(--accent);min-height:1.2em;margin:8px 0 0}.timer{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:12px 0 0}.timer div{height:100%;background:var(--accent);width:100%}.results{padding-left:0;list-style:none;margin:8px 0 12px}.results li{display:flex;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line)}.results .pos{width:28px;font-weight:800;color:var(--muted)}.results li:first-child .pos{color:var(--accent)}.results .t{margin-left:auto;font-variant-numeric:tabular-nums}.results .dot,#standings .dot{width:10px;height:10px;border-radius:50%;flex:none}.keys{list-style:none;padding:0;margin:12px 0;font-size:14px;color:var(--muted);line-height:2}kbd{display:inline-block;min-width:24px;text-align:center;padding:1px 6px;border-radius:6px;border:1px solid var(--line);background:#ffffff14;color:var(--ink);font:600 12px ui-monospace,monospace;margin-right:2px}@media (max-width: 640px){.logo{font-size:40px}#minimap{width:130px;height:130px}#standings{top:154px}#raceBar{top:auto;bottom:200px;gap:12px}.tl{max-width:190px}#roster{min-width:160px}}.speedo{position:absolute;right:24px;bottom:20px;text-align:right;text-shadow:0 2px 14px rgba(0,0,0,.45)}.speedo .dial{display:flex;align-items:baseline;justify-content:flex-end;gap:6px}.speedo .dial span{font:300 64px/1 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.speedo .dial small{font:600 12px system-ui;letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf}.speedo .trip{margin-top:2px;font-size:13px;color:#fffc}.speedo .trip b{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.speedo em{display:block;font-style:normal;font-size:12px;color:#f0c48a;min-height:1em;margin-top:2px}#spotPrompt{position:absolute;left:50%;bottom:28px;transform:translate(-50%);width:min(380px,calc(100vw - 32px));background:#0e1014db;border:1px solid var(--line);border-radius:18px;padding:16px 18px;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px #00000073;animation:rise .35s ease-out}@keyframes rise{0%{transform:translate(-50%,20px);opacity:0}}.sp-kicker{font:800 12px system-ui;letter-spacing:.22em;color:var(--accent)}.sp-name{font:800 24px/1.2 system-ui;margin:4px 0 6px}.sp-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted)}.sp-meta .chip{padding:3px 9px;border-radius:999px;background:#ffffff14;color:var(--ink)}.sp-meta .diff{color:#111;font-weight:700}.sp-busy{margin-top:10px;font-size:14px;color:#f0c48a}#spotPrompt .row{margin-top:12px}#lobbyBar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#0e1014d1;border:1px solid var(--line);border-radius:999px;padding:8px 10px 8px 18px;font-size:14px;pointer-events:auto;white-space:nowrap;max-width:calc(100vw - 440px)}#lobbyBar b{color:var(--accent)}#nav{position:absolute;top:224px;right:14px;width:200px;display:flex;gap:10px;align-items:center;justify-content:center;background:#0e1014b8;border:1px solid var(--line);border-radius:14px;padding:6px 12px}#nav svg{transition:transform .1s linear;flex:none}#nav b{display:block;font-size:18px;font-variant-numeric:tabular-nums}#nav small{display:block;font-size:12px;color:var(--muted);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#standings{top:290px}#mapOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12343c;z-index:5}#bigMap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.map-top{position:absolute;top:14px;left:16px;right:16px;display:flex;gap:14px;align-items:baseline;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.6);flex-wrap:wrap}.map-top h2{margin:0;font:900 26px system-ui;letter-spacing:.08em}.map-top span{font-size:13px;color:#ffffffd9}.map-legend{position:absolute;left:16px;bottom:16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#0e1014c7;border:1px solid var(--line);border-radius:14px;padding:8px 12px;font-size:13px}.map-legend span{display:flex;align-items:center;gap:6px}.lg{display:inline-block;width:22px;height:4px;border-radius:2px}.lg.paved{background:#f1efe8;box-shadow:0 0 0 1px #222}.lg.dirt{background:repeating-linear-gradient(90deg,#d9a35f 0 5px,transparent 5px 8px)}.lg.gps{background:#38e8ff}#spotCard{position:absolute;right:16px;top:64px;width:min(320px,calc(100vw - 32px));background:#0e1014e6;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 16px 40px #00000073}#spotCard h3{margin:6px 0 4px;font:800 22px system-ui}#spotCard .stars{font-size:16px;letter-spacing:2px}#spotCard dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0;font-size:14px}#spotCard dt{color:var(--muted)}#spotCard dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#spotCard .bar{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden;margin-top:4px}#spotCard .bar i{display:block;height:100%}@media (max-width: 640px){#nav{top:150px;width:130px}#lobbyBar{max-width:calc(100vw - 24px);top:auto;bottom:200px;white-space:normal;border-radius:14px}#spotPrompt{bottom:200px}}#guide{position:absolute;top:76px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;padding:10px 16px 10px 12px;border-radius:16px;background:#0e1014d1;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0006;white-space:nowrap}#guide b{display:block;font:900 20px/1.1 system-ui;letter-spacing:.12em}#guide small{display:block;font-size:13px;color:#fffc;margin-top:2px}#guide.wrongway,#guide.wrongroute{border-color:#ef4f4fb3;background:#3c0a0cd9;animation:pulse 1s ease-in-out infinite}#guide.wrongway b,#guide.wrongroute b{color:#ff6b6b}#guide.shortcut{border-color:#f2c14e80}#guide.shortcut b{color:#f2c14e;font-size:15px}#guide.turnaround{border-color:#38e8ff99}#guide.turnaround b{color:#38e8ff}#guideArrow{color:#fff;transition:transform .12s linear;flex:none}@keyframes pulse{50%{box-shadow:0 0 0 6px #ef4f4f2e,0 10px 30px #0006}}#lobbyBar.member{top:70px;padding:12px 12px 12px 20px;font-size:16px;border-color:#e8c44a99}#lobbyBar.member b{font-size:17px}#guide.offroute{border-color:#f2c14e80}#guide.offroute b{color:#f2c14e}#hud.cockpit .speedo .dial{display:none}body.no-cursor,body.no-cursor *{cursor:none!important}#stats{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font:600 12px ui-monospace,monospace;background:#0009;color:#9ff3c6;padding:4px 10px;border-radius:8px;white-space:nowrap}.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.slider{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:12px;margin:8px 0;font-size:13px;color:var(--muted)}.slider input[type=range]{width:100%;accent-color:var(--accent);padding:0;border:0;background:none}#radio{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);z-index:6;display:flex;flex-direction:column;background:#0c0e12f0;border-left:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px 16px 10px;box-shadow:-20px 0 50px #0006;animation:slideIn .25s ease-out}@keyframes slideIn{0%{transform:translate(40px);opacity:0}}.radio-head{display:flex;align-items:center;justify-content:space-between}.radio-head h2{margin:0;font:800 22px system-ui}.radio-tabs{display:flex;gap:6px;margin:14px 0 10px}.radio-tabs button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font:600 14px system-ui;padding:9px;border-radius:10px;cursor:pointer}.radio-tabs button.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}#radioQuery{font-size:15px;padding:10px 14px;border-radius:12px}#radioGenres{margin:10px 0 2px}#radioGenres button{padding:6px 11px;font-size:13px}#radioBody{flex:1;overflow-y:auto;margin:6px -6px 0;padding:0 6px}#radioBody h3{font:700 12px system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 2px 6px}.radio-list{list-style:none;margin:0;padding:0}.radio-row{width:100%;display:flex;align-items:center;gap:12px;padding:7px 8px;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.radio-row:hover{background:#ffffff12}.radio-row.playing{background:#e8c44a24}.radio-row.playing b{color:var(--accent)}.radio-row img,.art-fallback{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none}.art-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#2b3a55,#5a3a6b);font:800 18px system-ui;color:#fff}.radio-row .meta{flex:1;min-width:0}.radio-row .meta b,.radio-row .meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-row .meta b{font-size:14px}.radio-row .meta small{font-size:12px;color:var(--muted);margin-top:2px}.radio-row .dur{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.live{font-style:normal;font:800 10px system-ui;letter-spacing:.08em;color:#fff;background:#e2574c;padding:2px 6px;border-radius:4px}.radio-status{padding:14px 6px;color:var(--muted);font-size:14px}.radio-status.err{color:#ff8a80}.radio-credit{margin:8px 0 0;font-size:11px;color:var(--muted);text-align:center}.radio-credit a{color:var(--muted)}#nowPlaying{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#0c0e12d1;border:1px solid var(--line);border-radius:14px;padding:6px 10px 6px 6px;pointer-events:auto;max-width:min(520px,calc(100vw - 280px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#npArt img,#npArt .art-fallback{width:38px;height:38px;border-radius:8px;display:block}.np-meta{min-width:0;flex:1}.np-meta b,.np-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.np-meta b{font-size:13px}.np-meta small{font-size:11px;color:var(--muted)}#nowPlaying button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#ffffff14;color:var(--ink);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:12px;flex:none}#nowPlaying button:hover{background:#ffffff2e}#npVolume{width:70px;accent-color:var(--accent);padding:0;border:0;background:none}#npOpen{font:800 12px ui-monospace,monospace!important}@media (max-width: 640px){#nowPlaying{bottom:110px;max-width:calc(100vw - 24px)}#npVolume{display:none}}#ytCard{position:fixed;width:240px;height:200px;border-radius:12px;overflow:hidden;z-index:30;background:#000;border:1px solid var(--line);box-shadow:0 10px 30px #00000073;pointer-events:auto;transition:opacity .35s}#ytCard[data-corner=bl]{left:14px;bottom:18px}#ytCard[data-corner=br]{right:14px;bottom:18px}#ytCard[data-corner=tl]{left:14px;top:14px}#ytCard[data-corner=tr]{right:14px;top:14px}#ytCard.dragging{right:auto;bottom:auto;transition:none;opacity:.9}#ytCard.dragging iframe{pointer-events:none}body.no-cursor #ytCard:not(:hover){opacity:.5}#ytPlayer,#ytPlayer iframe{width:240px;height:200px;display:block;border:0}#ytGrip{position:absolute;top:6px;left:6px;padding:3px 8px;border-radius:10px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#000000a6;color:#fff;font:600 11px system-ui;opacity:.7}#ytGrip:hover{opacity:1}.dragging #ytGrip{cursor:grabbing}#ytHide{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:0;cursor:pointer;background:#000000a6;color:#fff;font-size:12px;opacity:.7}#ytHide:hover{opacity:1}body.video-on[data-video-corner=bl] #toasts{bottom:232px}#wheelie{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px;font-size:11px}#wheelie span{font:800 10px system-ui;letter-spacing:.14em;color:#ffffffb3}#wheelie .wl-bar{width:110px;height:7px;border-radius:4px;background:#ffffff24;overflow:hidden}#wheelie .wl-bar i{display:block;height:100%;background:var(--accent);transform-origin:left center;transition:background .2s}#wheelie small{min-width:70px;text-align:left;color:#ffffffa6}#wheelie.up .wl-bar i{background:#ff9f43;box-shadow:0 0 10px #ff9f43}#wheelie.up span{color:#ffb36b}#wheelie.rest .wl-bar i,#wheelie.charging .wl-bar i{background:#ffffff73}#wheelie.slow{opacity:.55}#skyInfo{position:absolute;top:222px;right:14px;width:200px;display:flex;justify-content:center;align-items:baseline;gap:10px;font-size:12px;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}#skyInfo b{font:700 14px ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em}#skyInfo.night b{color:#9fb4ff}@media (max-width: 760px){#skyInfo{top:150px;width:130px}}.tabs{display:flex;gap:4px;padding:4px;margin:4px 0 6px;background:#ffffff0d;border:1px solid var(--line);border-radius:12px}.tabs button{flex:1;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:600 13px system-ui;cursor:pointer}.tabs button:hover{color:#fff}.tabs button.on{background:var(--accent);color:#14110a}#pause .pane{min-height:190px}.btn.wide{flex:1}.invite{margin:4px 0 14px;padding:10px 14px;border-radius:12px;background:#e8c44a1f;border:1px solid rgba(232,196,74,.35);font-size:14px}.invite b{font:700 15px ui-monospace,monospace;letter-spacing:.15em;color:var(--accent)}.hello{margin:4px 0 12px;color:var(--muted);font-size:14px}.hello b{color:#fff}.link{background:none;border:0;padding:0 0 0 6px;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline}.code-row{display:flex;gap:8px}.code-row .code-input{flex:1;min-width:0}.or{display:flex;align-items:center;gap:10px;margin:16px 0 4px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.garage-list{display:grid;gap:10px;margin-top:8px}.garage-item{text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;color:inherit;font:inherit;cursor:pointer}.garage-item:hover{border-color:#ffffff4d}.garage-item.on{border-color:var(--accent);background:#e8c44a14}.garage-item .g-head{display:flex;align-items:center;gap:10px}.garage-item .g-head b{font-size:17px}.garage-item .g-head em{margin-left:auto;font-style:normal;font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.garage-item p{margin:6px 0 10px;color:var(--muted);font-size:13px}.g-stat{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:4px}.g-stat i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent) var(--w),rgba(255,255,255,.1) var(--w))}#garage .card{width:min(760px,100%)}.garage-list{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.garage-item .g-img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;margin-bottom:12px;background:#14171c}.chip.diff.hunt{background:#b35cff}#lobbyOpts{display:inline-flex;margin-left:10px}#lobbyOpts button{padding:4px 10px;font-size:12px}#raceBar .role{font-style:normal;font:800 13px system-ui;letter-spacing:.12em;padding:4px 10px;border-radius:8px}#raceBar .role.it{background:#ff2b4a;color:#fff}#raceBar .role.run{background:#2b8cff;color:#fff}#raceBar.hunt-it{border-color:#ff2b4ab3;box-shadow:0 0 24px #ff2b4a59}#raceBar .power strong{color:#ffd84a}#raceBar .fx{font-size:12px;padding:2px 8px;border-radius:6px;background:#ffffff1f;color:#fff;text-transform:uppercase;letter-spacing:.06em}#raceBar .fx.slowed{background:#ff8c2859}#huntDanger{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s;box-shadow:inset 0 0 120px 30px #ff1e3c8c;animation:huntPulse .9s ease-in-out infinite}body.hunt-danger #huntDanger{opacity:1}@keyframes huntPulse{50%{box-shadow:inset 0 0 70px 14px #ff1e3c59}}.results li.lost{color:#ff8a8a}.mobile-only{display:none}body.mobile .mobile-only{display:revert}body.mobile .desk-only{display:none!important}body.mobile{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body.mobile canvas#view{touch-action:none}#rotate{display:none}@media (orientation: portrait){body.mobile #rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#0e1014;color:#fff;font:600 18px system-ui;text-align:center;padding:24px}}.rot-phone{width:56px;height:96px;border:4px solid #fff;border-radius:12px;animation:rotPhone 2s ease-in-out infinite}@keyframes rotPhone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}body.mobile #nowPlaying,body.mobile #radio,body.mobile #ytCard{display:none!important}body.mobile .menu-card{padding:16px 20px;max-height:calc(100vh - 24px);overflow:auto}body.mobile .logo{font-size:30px}body.mobile .tag{margin:2px 0 6px;font-size:13px}body.mobile .foot{bottom:6px}body.mobile .card{padding:14px 16px;max-height:calc(100vh - 16px)}body.mobile .modal{padding:8px}body.mobile #pause .pane{min-height:0}body.mobile #minimap{width:112px;height:112px;top:calc(8px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}body.mobile #skyInfo{top:124px;right:calc(10px + env(safe-area-inset-right));width:112px;font-size:10px;gap:6px}body.mobile #skyInfo b{font-size:11px}body.mobile .tl{top:8px;left:calc(62px + env(safe-area-inset-left));max-width:220px}body.mobile #roster{display:none}body.mobile .chip-world{transform:scale(.85);transform-origin:left top}body.mobile .speedo{right:auto;left:50%;transform:translate(-50%);bottom:8px;top:auto;text-align:center}body.mobile .speedo .dial span{font-size:34px}body.mobile .speedo .trip,body.mobile #wheelie small{display:none}body.mobile #wheelie{justify-content:center;margin-top:2px}body.mobile #wheelie .wl-bar{width:80px}body.mobile #raceBar{top:8px;bottom:auto;padding:6px 12px;gap:10px;max-width:calc(100vw - 330px);flex-wrap:wrap;justify-content:center}body.mobile #raceBar b{font-size:20px}body.mobile #lobbyBar{top:54px;bottom:auto;max-width:calc(100vw - 300px);font-size:12px;white-space:normal}body.mobile #toasts{top:96px;bottom:auto;left:50%;right:auto;transform:translate(-50%);width:min(420px,60vw)}body.mobile #flash{top:30%}body.mobile #countdown{font-size:96px}body.mobile #guide{top:56px;transform:translate(-50%) scale(.85)}body.mobile #nav{top:150px;right:10px;transform:scale(.85);transform-origin:right top}body.mobile #standings{top:150px;transform:scale(.85);transform-origin:right top}body.mobile #spotPrompt{bottom:auto;top:50%;transform:translate(-50%,-50%)}body.mobile #stats{display:none!important}body.mobile #touch{display:block}#touch .t-steer{position:absolute;left:0;top:64px;bottom:0;width:44vw;pointer-events:auto;touch-action:none}#touch .t-hint{position:absolute;left:calc(24px + env(safe-area-inset-left));bottom:22px;font:700 12px system-ui;letter-spacing:.08em;color:#ffffff8c;padding:8px 12px;border-radius:20px;border:1px dashed rgba(255,255,255,.3);transition:opacity .2s}#touch .t-steer.active .t-hint{opacity:0}#touch .t-ring{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#00000026;opacity:0;transition:opacity .12s;pointer-events:none}#touch .t-steer.active .t-ring{opacity:1}#touch .t-ring i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:#ffffff8c}#touch .t-btn{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.32);background:#0a0c1059;color:#fff;font:800 13px system-ui;letter-spacing:.06em;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}#touch .t-btn.down{background:#ffffff52;transform:scale(.95)}#touch .t-btn.hidden{display:none}#touch .t-gas{right:calc(16px + env(safe-area-inset-right));bottom:16px;width:104px;height:104px;border-color:#78ffa099}#touch .t-brake{right:calc(132px + env(safe-area-inset-right));bottom:14px;width:80px;height:80px;border-color:#ff787899}#touch .t-drift{right:calc(140px + env(safe-area-inset-right));bottom:106px;width:62px;height:62px;font-size:11px}#touch .t-wheelie{right:calc(26px + env(safe-area-inset-right));bottom:132px;width:84px;height:44px;border-radius:22px;font-size:11px}#touch .t-power{right:calc(222px + env(safe-area-inset-right));bottom:24px;width:70px;height:70px;font-size:30px;border-color:#ffd84a;box-shadow:0 0 22px #ffd84a99;animation:huntPulse 1s ease-in-out infinite}#touch .t-pause,#touch .t-cam,#touch .t-reset,#touch .t-veh{width:44px;height:44px;font-size:18px;top:calc(8px + env(safe-area-inset-top))}#touch .t-pause{left:calc(10px + env(safe-area-inset-left))}#touch .t-cam{right:calc(132px + env(safe-area-inset-right))}#touch .t-reset{right:calc(182px + env(safe-area-inset-right))}#touch .t-veh{right:calc(232px + env(safe-area-inset-right))}body.mobile .map-top{top:8px;left:10px;right:10px;font-size:12px}body.mobile .map-top h2{font-size:18px}body.mobile .map-legend{bottom:8px;left:8px;right:8px;flex-wrap:wrap;gap:6px;font-size:11px}body.mobile #spotCard{max-height:calc(100vh - 90px);overflow:auto;right:8px;top:44px;width:min(300px,46vw)}#warp{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:30;background:radial-gradient(circle at 50% 55%,#fffffff2,#ff46b4bf 24%,#28dcff66 52%,#0a051400 78%)}#warp.go{animation:warp .95s ease-out}@keyframes warp{0%{opacity:0;transform:scale(.4)}16%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(2.4)}}#finishFx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;animation:finishIn .35s ease-out}#finishFx .bar{position:absolute;left:0;right:0;height:12vh;background:#000}#finishFx .bar.top{top:0;animation:barTop .5s ease-out}#finishFx .bar.bottom{bottom:0;animation:barBottom .5s ease-out;display:flex;align-items:center;padding-left:4vw}#finishFx .cine-title{display:flex;flex-direction:column;color:#fff;letter-spacing:.2em}#finishFx .cine-title small{font:700 12px ui-sans-serif,system-ui;color:var(--accent)}#finishFx .cine-title b{font:800 22px ui-sans-serif,system-ui;letter-spacing:.06em}#finishFx.closing{animation:finishOut .38s ease-in forwards}#finishSkip{position:absolute;right:22px;bottom:calc(12vh + 14px);padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#0a0c108c;color:#fff;font:600 15px ui-sans-serif,system-ui;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;pointer-events:auto}#finishSkip:hover{background:#ffffff2e}body.cine #hud>*:not(#finishFx):not(#toasts){visibility:hidden}@keyframes finishIn{0%{opacity:0}to{opacity:1}}@keyframes finishOut{to{opacity:0}}@keyframes barTop{0%{transform:translateY(-100%)}}@keyframes barBottom{0%{transform:translateY(100%)}}