:root{--fg: #e8ecf4;--accent: #6ee7ff;--hot: #ff5d8f;--dim: rgba(255, 255, 255, .08);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#05070e;color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button{font:inherit;color:inherit}.race-root{position:absolute;inset:0}.race-root .gl-root,.race-root .gl-root canvas{display:block;width:100%!important;height:100%!important}.menu-root{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 15% 0%,rgba(110,231,255,.14),transparent 55%),radial-gradient(700px 480px at 90% 80%,rgba(255,93,143,.12),transparent 50%),#05070e}.menu-card{width:min(92vw,720px);padding:32px 36px 28px;border:1px solid rgba(110,231,255,.2);border-radius:20px;background:#080c16d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 80px #0000008c}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.5}.menu-card h1{margin:10px 0 14px;font-size:clamp(36px,8vw,64px);line-height:.95;letter-spacing:-.04em;background:linear-gradient(100deg,#6ee7ff,#b06bff 55%,#ff5d8f);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:0 0 22px;font-size:15px;line-height:1.6;opacity:.72}.row{display:flex;gap:10px;flex-wrap:wrap}.row.wrap{margin-bottom:16px}.stack{display:grid;gap:10px}.btn{border:1px solid rgba(110,231,255,.25);background:#6ee7ff0f;border-radius:10px;padding:10px 16px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:linear-gradient(100deg,#2a8dff,#b04bff);border-color:transparent;font-weight:700}.btn:disabled{opacity:.35;cursor:not-allowed}.choice{text-align:left;border:1px solid rgba(255,255,255,.1);background:var(--dim);border-radius:12px;padding:12px 14px;cursor:pointer}.choice b{display:block;font-size:16px}.choice span{opacity:.6;font-size:13px}.choice.on,.choice:hover{border-color:var(--accent)}.hint{margin:16px 0 0;font-size:12px;opacity:.5}.hints{margin:8px 0 0;padding:0 0 0 18px;font-size:13px;opacity:.65;line-height:1.6}.menu-foot{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.char-card{border:1px solid color-mix(in srgb,var(--c) 50%,transparent);background:color-mix(in srgb,var(--c) 14%,#0a0e18);border-radius:12px;padding:12px;text-align:left;cursor:pointer}.char-card .swatch{width:100%;height:28px;border-radius:8px;background:linear-gradient(90deg,var(--c),var(--a));margin-bottom:8px}.char-card b{display:block}.char-card span,.char-card small{display:block;opacity:.65;font-size:12px}.char-card small{margin-top:6px;letter-spacing:.04em}.roster-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mini-racer{border:0;border-radius:999px;padding:6px 12px;font-weight:700;color:#111;cursor:pointer}.results{list-style:none;margin:0;padding:0;display:grid;gap:6px}.results li{display:grid;grid-template-columns:36px 14px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--dim)}.results li.you{outline:1px solid var(--accent)}.results .pl{font-weight:800;opacity:.7}.results .dot{width:10px;height:10px;border-radius:50%}.results em{font-style:normal;opacity:.6;margin-left:6px;font-size:12px}.results .t{font-variant-numeric:tabular-nums;opacity:.75}.hud{position:absolute;inset:0;pointer-events:none}.hud-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:clamp(64px,12vw,120px);font-weight:900;letter-spacing:.08em;text-shadow:0 8px 30px #000}.hud canvas.minimap{position:absolute;right:16px;bottom:16px;width:148px!important;height:148px!important;max-width:148px;max-height:148px;border-radius:12px;pointer-events:none}.hud-3 canvas.minimap{width:112px!important;height:112px!important;right:10px;bottom:10px}.hud-4 canvas.minimap{inset:50% auto auto 50%;width:128px!important;height:128px!important;transform:translate(-50%,-50%);opacity:.92}.phud{position:absolute;padding:12px 14px;min-width:180px}.hud-1 .phud{left:14px;top:12px}.hud-2 .p0{left:14px;top:8px}.hud-2 .p1{left:14px;bottom:8px}.hud-3 .p0{left:8px;top:6px}.hud-3 .p1{right:8px;top:6px;left:auto}.hud-3 .p2{left:14px;bottom:8px}.hud-4 .p0{left:8px;top:6px}.hud-4 .p1{right:8px;top:6px;left:auto}.hud-4 .p2{left:8px;bottom:6px}.hud-4 .p3{right:8px;bottom:6px;left:auto}.phud-top,.phud-bot{display:flex;align-items:flex-end;gap:12px}.phud-bot{margin-top:8px}.place{font-size:34px;font-weight:900;line-height:1;text-shadow:0 4px 16px #000}.racer{font-weight:700;font-size:13px}.lap,.timer,.unit{font-size:12px;opacity:.75}.timer{font-variant-numeric:tabular-nums}.item-slot{min-width:72px;text-align:center;padding:6px 8px;border-radius:8px;background:#0006;border:1px solid rgba(255,255,255,.15);font-weight:800;letter-spacing:.08em;font-size:12px}.speed{font-size:28px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}@media(max-width:700px){.char-grid{grid-template-columns:repeat(2,1fr)}.menu-card{padding:22px 18px}}