:root{--sand:#f1c68e;--rust:#e8641b;--rust-deep:#a83c08;--ink:#2b1a0e;--cream:#fff5e6;--muted:#fff5e6b8;--panel:#26160ba8;--edge:#ffd6a033;--good:#9be15d;--warn:#ff4b2b;--display:"Bungee", Impact, "Arial Black", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--cream);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;background:#d8a468;margin:0;font:16px/1.4 Rubik,system-ui,sans-serif;overflow:hidden}[hidden],.no-hud #hud,.no-hud #mute{display:none!important}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.logo{font-family:var(--display);letter-spacing:.01em;color:var(--cream);text-shadow:0 4px 0 var(--rust-deep), 0 10px 30px #2b1a0e73;margin:0;font-weight:400;line-height:.92}.logo span{color:var(--rust);text-shadow:0 4px 0 var(--ink), 0 10px 30px #2b1a0e73}.panel,.card,#standings,#results,#dash,#item,#lobby{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px)saturate(1.2);box-shadow:0 12px 40px #2b1a0e59}#loading{z-index:50;text-align:center;background:radial-gradient(120% 80% at 50% 110%,#d98a4a 0%,#efc493 55%,#9cc3e6 100%);place-content:center;gap:22px;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;visibility:hidden}#loading .logo{font-size:clamp(40px,9vw,88px)}#loading .bar{background:#2b1a0e40;border-radius:99px;width:min(360px,70vw);height:10px;margin:0 auto;overflow:hidden}#load-bar{background:var(--rust);transform-origin:0;height:100%;transition:transform .3s;transform:scaleX(0)}#load-label{color:var(--ink);margin:0;font-weight:500}#menu{z-index:10;touch-action:pan-y;background:linear-gradient(90deg,#2b1a0e59,#2b1a0e00 70%);grid-template-columns:minmax(0,430px) minmax(0,1fr) minmax(0,360px);place-content:safe center stretch;gap:24px;padding:24px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.card{border-radius:24px;padding:32px 28px 24px}.card .logo{font-size:clamp(48px,7vw,74px)}.tag{color:var(--muted);margin:18px 0 22px;font-size:17px}label,.label{letter-spacing:.08em;text-transform:uppercase;color:var(--sand);margin:0 0 8px;font-size:13px;font-weight:700;display:block}#name{background:var(--cream);width:100%;color:var(--ink);-webkit-user-select:text;user-select:text;border:2px solid #0000;border-radius:14px;margin-bottom:18px;padding:14px 16px;font:500 19px Rubik,sans-serif}#name:focus{border-color:var(--rust);outline:none}#swatches{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}#swatches button{cursor:pointer;border:3px solid #ffffff40;border-radius:50%;width:34px;height:34px;transition:transform .12s}#swatches button:hover{transform:scale(1.1)}#swatches button[aria-pressed=true]{border-color:var(--cream);box-shadow:0 0 0 3px var(--rust)}#play{border:0;border-bottom:6px solid var(--rust-deep);background:var(--rust);width:100%;color:var(--cream);font:26px var(--display);cursor:pointer;text-shadow:0 2px 0 var(--rust-deep);border-radius:16px;padding:16px 20px 14px;transition:transform .1s,filter .1s}#play:hover{filter:brightness(1.08);transform:translateY(-1px)}#play:active{border-bottom-width:3px;transform:translateY(3px)}#play:focus-visible,#swatches button:focus-visible,#mute:focus-visible{outline:3px solid var(--cream);outline-offset:3px}#online{text-align:center;min-height:1.4em;color:var(--sand);margin:16px 0 0;font-weight:500}.side{grid-column:3;align-content:center;gap:16px;display:grid}#standings:empty{display:none}.panel{border-radius:20px;padding:18px 20px}.panel h2,#results h3{font:16px var(--display);color:var(--sand);letter-spacing:.02em;margin:0 0 10px}.panel p{color:var(--muted);margin:12px 0 0;font-size:14px}.board{font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.board li{border-bottom:1px solid #ffd6a01a;grid-template-columns:24px 1fr auto;gap:8px;padding:5px 0;display:grid}.board li:last-child{border-bottom:0}.board .n{color:var(--sand);font-weight:700}.board .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board .empty{color:var(--muted);display:block}.keys{grid-template-columns:auto 1fr;gap:7px 14px;margin:0;font-size:14px;display:grid}.keys dt{gap:4px;display:flex}.keys dd{color:var(--muted);align-self:center;margin:0}kbd{background:var(--cream);min-width:26px;color:var(--ink);text-align:center;border-radius:6px;padding:2px 6px;font:700 12px Rubik,sans-serif;display:inline-block;box-shadow:0 2px #00000059}.touch-help{display:none}.touch .touch-help{display:block}.touch .keys{display:none}@media (width<=1100px){#menu{grid-template-columns:minmax(0,430px) minmax(0,360px);justify-content:center}.side{grid-column:2}}@media (width<=820px){#menu{grid-template-columns:minmax(0,480px);align-content:start}.side{grid-column:1}}#hud{z-index:5;pointer-events:none;--gap:max(16px, env(safe-area-inset-left));position:fixed;inset:0}.tl{top:max(14px, env(safe-area-inset-top));left:var(--gap);text-shadow:0 3px #2b1a0e99,0 6px 18px #2b1a0e80;position:absolute}#place{font:72px/.95 var(--display)}#place sup{vertical-align:1.1em;margin-left:2px;font-size:.4em}#place small{color:var(--sand);margin-left:4px;font-size:.36em}#clock{font-variant-numeric:tabular-nums;font:700 18px Rubik,sans-serif}#standings{top:max(14px, env(safe-area-inset-top));right:var(--gap);border-radius:16px;width:220px;margin:0;padding:8px 10px;font-size:14px;list-style:none;position:absolute}#standings li{border-radius:8px;grid-template-columns:18px 10px 1fr auto;align-items:center;gap:7px;padding:3px 6px;display:grid}#standings li.me{background:var(--rust);font-weight:700}#standings i,#results i{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1.5px #fff9}#standings .n{color:var(--sand);font-weight:700}#standings li.me .n{color:var(--cream)}#standings .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#standings .t{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.tc{top:max(10px, env(safe-area-inset-top));text-align:center;filter:drop-shadow(0 3px 8px #2b1a0e80);width:min(640px,100vw - 520px);position:absolute;left:50%;transform:translate(-50%)}#route{width:100%;height:auto;display:block}#to-go{font:15px var(--display);color:var(--cream);text-shadow:0 2px #2b1a0eb3}#gaps{gap:2px;margin-top:6px;font-size:14px;font-weight:500;display:grid}#gaps b{font-variant-numeric:tabular-nums}#gaps .up{color:#ffd2a8}#gaps .down{color:var(--muted)}#item{left:var(--gap);bottom:max(16px, env(safe-area-inset-bottom));border-radius:20px;align-items:center;gap:12px;min-width:210px;padding:10px 16px 10px 10px;display:flex;position:absolute}#item-icon{background:#00000059;border:2px dashed #ffd6a04d;border-radius:14px;place-items:center;width:64px;height:64px;display:grid}#item-icon svg{width:48px;height:48px}#item.full #item-icon{border:2px solid var(--rust);background:radial-gradient(circle,#e8641b73,#00000059);box-shadow:0 0 24px #e8641b99}#item.pop #item-icon{animation:.45s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{transform:scale(.3)rotate(-20deg)}}#item .meta{font:15px var(--display);gap:6px;display:grid}#item:not(.full) .meta{color:var(--muted);font:500 14px Rubik,sans-serif}#item:not(.full) .key{display:none}.key{justify-self:start}.touch .key{display:none}#lobby{text-align:center;font:22px var(--display);border-radius:20px;max-width:calc(100vw - 32px);padding:18px 26px;position:absolute;top:22%;left:50%;transform:translate(-50%)}#lobby b{color:var(--rust);font-weight:400}#lobby small{color:var(--muted);margin-top:6px;font:500 14px Rubik,sans-serif;display:block}#dash{right:var(--gap);bottom:max(16px, env(safe-area-inset-bottom));border-radius:20px;width:230px;padding:14px 18px 16px;position:absolute}.speedo{align-items:baseline;gap:8px;display:flex}#speed{font:54px/1 var(--display);font-variant-numeric:tabular-nums;text-align:right;min-width:3ch}.speedo small{color:var(--sand);font-weight:700}#fuel{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:10px;display:grid}#fuel .lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--sand);font-size:12px;font-weight:700}.gauge{background:#00000059;border-radius:99px;height:14px;overflow:hidden}#fuel-fill{transform-origin:0;background:linear-gradient(90deg,#f5a623,#ffd84a);height:100%;transition:transform .12s linear}#fuel-fill.low{background:var(--warn);animation:.6s ease-in-out infinite alternate pulse}#fuel.boosting .gauge{box-shadow:0 0 14px 2px #ff8c1ecc}@keyframes pulse{to{opacity:.45}}#offroad,#fuel-empty{margin-top:10px;font-size:13px;font-weight:700}#offroad{color:var(--sand);display:none}#offroad.on{display:block}#fuel-empty{color:#ff8a70}#banner{text-align:center;font:clamp(48px, 11vw, 120px) var(--display);color:var(--cream);text-shadow:0 6px 0 var(--rust-deep), 0 14px 40px #2b1a0e80;position:absolute;top:28%;left:0;right:0}#banner.count{animation:1s ease-out infinite thump}#banner.go{color:var(--good);text-shadow:0 6px #2f6b12,0 14px 40px #2b1a0e80}#banner.warn{color:#ffd2c4;text-shadow:0 5px #a3150a,0 14px 40px #2b1a0e80;font-size:clamp(34px,7vw,72px);animation:.35s ease-in-out infinite alternate pulse}#banner.done{font-size:clamp(34px,7vw,72px)}@keyframes thump{0%{transform:scale(1.25)}30%{transform:scale(1)}}#toast{top:max(18px, env(safe-area-inset-top));background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;border-radius:99px;padding:10px 20px;font-size:17px;transition:transform .35s cubic-bezier(.2,1.4,.4,1),opacity .25s;position:absolute;left:50%;transform:translate(-50%,-140%)}#toast.show{opacity:1;transform:translate(-50%)}#toast b{font-family:var(--display);margin-right:8px;font-weight:400}#toast em{color:var(--good);text-transform:uppercase;margin-left:6px;font-size:13px;font-style:normal;font-weight:700}#net{background:var(--panel);border-radius:99px;padding:12px 22px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#results{pointer-events:auto;border-radius:24px;width:min(520px,100vw - 32px);max-height:calc(100vh - 40px);padding:24px 26px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#results h2{font:36px var(--display);text-align:center;text-shadow:0 4px 0 var(--rust-deep);margin:0 0 14px}#results table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-bottom:18px}#results th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--sand);padding:0 6px 6px;font-size:12px}#results td{border-top:1px solid #ffd6a01f;padding:6px}#results td i{margin-right:8px}#results tr.me td{background:#e8641bd9;font-weight:700}#results-next{text-align:center;font:18px var(--display);color:var(--sand);margin:16px 0 0}#mute{z-index:20;right:max(16px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 150px);border:1px solid var(--edge);background:var(--panel);width:42px;height:42px;color:var(--cream);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed}#menu:not([hidden])~#mute{top:auto;left:auto;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));transform:none}#mute svg{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}#mute .wave{fill:none}#mute .x,#mute[aria-pressed=true] .wave{display:none}#mute[aria-pressed=true] .x{display:block}#touch{display:none}.touch #touch{display:block}#steer-pad{left:var(--gap);bottom:max(20px, env(safe-area-inset-bottom));border:2px solid var(--edge);pointer-events:auto;touch-action:none;background:#26160b73;border-radius:48px;width:200px;height:96px;position:absolute}#steer-knob{background:var(--cream);border-radius:50%;width:70px;height:70px;margin:-35px 0 0 -35px;position:absolute;top:50%;left:50%;box-shadow:0 4px #0000004d}.pedals{right:var(--gap);bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(3,70px);gap:10px;display:grid;position:absolute}.pedals button{height:64px;color:var(--cream);font:13px var(--display);touch-action:none;background:#26160b99;border:0;border-bottom:5px solid #00000059;border-radius:18px}.pedals #btn-boost{background:var(--rust)}.pedals #btn-horn,.pedals #btn-reset{height:44px;font-size:11px}.pedals button.on{filter:brightness(1.2);border-bottom-width:2px;transform:translateY(3px)}.touch #item{left:calc(var(--gap) + 382px);right:auto;bottom:max(16px, env(safe-area-inset-bottom));min-width:0;padding:6px}.touch #item-icon{width:52px;height:52px}.touch #standings{width:160px;max-height:150px;padding:5px 6px;font-size:11px;overflow:hidden}.touch #standings li{grid-template-columns:14px 8px 1fr 14px;padding:1px 4px}.touch #standings .hp,.touch #item .meta{display:none}.touch .tc{width:min(520px,100vw - 380px)}.touch #dash{right:auto;left:calc(var(--gap) + 216px);bottom:max(16px, env(safe-area-inset-bottom));width:156px;padding:8px 12px 10px}.touch #speed{font-size:28px}.touch .meter{grid-template-columns:28px 1fr;margin-top:4px}.touch .pills,.touch #fuel-empty{display:none}.touch #mute{top:150px;bottom:auto;right:auto;left:var(--gap)}@media (width<=700px){#standings{width:170px;font-size:12px}#place{font-size:54px}}@media (height<=500px){.card{padding:20px 22px 18px}.card .logo{font-size:44px}.tag{margin:10px 0 14px}#standings{width:170px;padding:6px 8px;font-size:12px}#standings li{padding:1px 5px}#place{font-size:50px}#gaps{font-size:12px}#lobby{font-size:17px}}#name-note{color:#ffb49a;min-height:0;margin:-10px 0 12px;font-size:13px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chips button{color:var(--cream);cursor:pointer;background:#00000040;border:2px solid #ffd6a040;border-radius:99px;padding:8px 12px;font:500 14px Rubik,sans-serif}.chips button[aria-pressed=true]{border-color:var(--rust);background:var(--rust);font-weight:700}.chips button:focus-visible{outline:3px solid var(--cream);outline-offset:2px}.boards{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel .news{opacity:.8;font-size:12px;font-style:italic}.meter{grid-template-columns:34px 1fr;align-items:center;gap:10px;margin-top:8px;display:grid}.meter .lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--sand);font-size:12px;font-weight:700}#health-fill{transform-origin:0;background:linear-gradient(90deg,#5fd35f,#b8f06a);height:100%;transition:transform .12s linear}#health-fill.low{background:var(--warn);animation:.5s ease-in-out infinite alternate pulse}.pills{gap:6px;min-height:22px;margin-top:8px;display:flex}.pills span{background:#00000059;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700;display:none}.pills span.on{display:inline-block}#draft.on{color:#9fe3ff;box-shadow:0 0 12px #50beff99}#standings li{grid-template-columns:18px 10px 1fr 34px 16px}#standings .hp{background:#0006;border-radius:9px;height:5px;overflow:hidden}#standings .hp span{transform-origin:0;background:#7fe07f;height:100%;display:block}#standings li.wrecked{opacity:.55}#results .boards h3{font:14px var(--display);color:var(--sand);margin:0 0 8px}@media (width<=1000px){.tc{width:min(520px,100vw - 280px)}#standings{width:190px}}@media (prefers-reduced-motion:reduce){#banner.count,#banner.warn,#fuel-fill.low{animation:none}}