:root{--ink:#f2f4f8;--dim:#9aa3b2;--panel:#0c0e14d1;--edge:#ffffff1f;--accent:#ffd23d;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);background:#0a0c11;margin:0;overflow:hidden}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}#hud-layer{pointer-events:none;position:fixed;inset:0}#overlay{position:fixed;inset:0}#overlay:empty{display:none}.lobby{background:#0d1016;grid-template-rows:auto 1fr auto;gap:2vh;padding:4vh 4vw;display:grid;position:absolute;inset:0;overflow-y:auto}.brand{align-items:baseline;gap:.8rem;display:flex}.brand h1{letter-spacing:.22em;color:var(--accent);margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:800}.brand span{color:var(--dim);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.8rem,1.4vw,1.1rem)}.lobby-body{grid-template-columns:minmax(260px,34%) 1fr;align-items:center;gap:3vw;min-height:0;display:grid}.join-card{background:var(--panel);border:1px solid var(--edge);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;min-height:0;max-height:100%;padding:clamp(1rem,2.6vh,2rem);display:flex}.join-card .label{color:var(--dim);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}.join-card .code{letter-spacing:.12em;font-variant-numeric:tabular-nums;margin-top:.4rem;margin-bottom:.2rem;margin-right:-.12em;font-size:clamp(2rem,min(6.4vw,10vh),5.5rem);font-weight:800;line-height:1.05}.join-card .url{color:var(--accent);word-break:break-all;font-size:clamp(.95rem,1.6vw,1.3rem)}.join-card canvas{aspect-ratio:1;box-sizing:border-box;width:auto;max-width:100%;height:min(230px,30vh);min-height:0;image-rendering:pixelated;background:#fff;border:8px solid #fff;border-radius:12px;flex:0 auto;align-self:center;margin-top:clamp(.5rem,1.6vh,1.2rem)}.slots{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}.slot{border:1px solid var(--edge);background:#ffffff08;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:clamp(4.5rem,11vh,8.5rem);padding:clamp(.9rem,2vh,1.4rem);display:flex}.slot.empty{color:var(--dim);border-style:dashed;justify-content:center;align-items:center;font-size:1.05rem}.slot .who{align-items:center;gap:.7rem;font-size:clamp(1.1rem,2vw,1.7rem);font-weight:700;display:flex}.slot .dot{border-radius:50%;flex:none;width:1.1em;height:1.1em;box-shadow:0 0 18px}.slot .state{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;font-size:.95rem}.slot.ready{background:#3ddc8414;border-color:#3ddc848c}.slot.ready .state{color:#3ddc84}.slot.gone{opacity:.55}.slot.gone .state{color:#ff9f43}.lobby-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.hint{color:var(--dim);max-width:46ch;font-size:.95rem;line-height:1.5}button.primary{font:inherit;letter-spacing:.06em;cursor:pointer;color:#14161d;background:var(--accent);border:none;border-radius:999px;padding:.85em 2.2em;font-size:clamp(1rem,1.8vw,1.5rem);font-weight:700;box-shadow:0 10px 30px #ffa03c47}button.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.track-pick{color:var(--dim);align-items:center;gap:.6rem;display:flex}.track-pick button{font:inherit;cursor:pointer;border:1px solid var(--edge);color:var(--ink);background:0 0;border-radius:999px;padding:.5em 1.1em}.track-pick button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.center-note{pointer-events:none;letter-spacing:.06em;text-shadow:0 .06em .3em #0009;place-items:center;font-size:clamp(4rem,18vh,14rem);font-weight:900;display:grid;position:absolute;inset:0}.banner{background:var(--panel);border:1px solid var(--edge);color:var(--ink);border-radius:999px;padding:.6rem 1.4rem;font-size:.95rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.banner.bad{color:#ff9d9d;border-color:#ff5a5a99}.pane{pointer-events:none;position:absolute}.pane:after{content:"";pointer-events:none;border:1px solid #0000008c;position:absolute;inset:0}.pane .tag{background:#080a0e99;border-radius:999px;align-items:center;gap:.45rem;padding:.28rem .75rem .28rem .35rem;font-size:clamp(.75rem,1.3vh,1rem);font-weight:700;display:flex;position:absolute;top:.7rem;left:.8rem}.pane .tag .dot{border-radius:50%;width:.9em;height:.9em}.pane .pos{text-shadow:0 2px 10px #000000b3;font-size:clamp(1.6rem,5vh,3.4rem);font-weight:900;line-height:1;position:absolute;top:.5rem;right:.8rem}.pane .pos sup{font-size:.45em}.pane .lap{text-shadow:0 2px 10px #000000b3;font-size:clamp(.9rem,2.4vh,1.6rem);font-weight:800;position:absolute;bottom:.7rem;left:.8rem}.pane .lap small{color:var(--dim);letter-spacing:.1em;font-size:.62em;font-weight:600}.pane .speed{font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000000b3;font-size:clamp(.9rem,2.6vh,1.7rem);font-weight:800;position:absolute;bottom:.7rem;right:.8rem}.pane .speed small{color:var(--dim);margin-left:.25em;font-size:.55em}.pane .charge{opacity:0;background:#00000073;border-radius:999px;width:34%;height:.5rem;transition:opacity .15s;position:absolute;bottom:.6rem;left:50%;overflow:hidden;transform:translate(-50%)}.pane .charge i{background:var(--accent);width:0%;height:100%;transition:width 60ms linear;display:block}.pane .drop{letter-spacing:.04em;background:#06080c9e;place-items:center;font-size:clamp(.9rem,2.4vh,1.5rem);font-weight:700;display:grid;position:absolute;inset:0}.pane .fin{color:var(--accent);text-shadow:0 3px 18px #000c;place-items:center;font-size:clamp(1.4rem,6vh,4rem);font-weight:900;display:grid;position:absolute;inset:0}#minimap-holder{place-items:center;display:grid;position:absolute}#minimap-holder canvas{width:100%;height:100%}.pane.has-map .speed{left:.8rem;right:auto}.pane.has-map .lap{bottom:2.6rem}.results{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080cdb;place-items:center;display:grid;position:absolute;inset:0}.results .card{width:min(860px,88vw)}.results h2{letter-spacing:.1em;margin:0 0 1.4rem;font-size:clamp(1.6rem,4vw,3rem)}.results ol{gap:.6rem;margin:0 0 1.8rem;padding:0;list-style:none;display:grid}.results li{border:1px solid var(--edge);background:#ffffff09;border-radius:14px;grid-template-columns:3ch 1.4em 1fr auto auto;align-items:center;gap:1rem;padding:.9rem 1.2rem;font-size:clamp(1rem,1.8vw,1.35rem);display:grid}.results li .rank{color:var(--accent);font-weight:900}.results li .dot{border-radius:50%;width:1.1em;height:1.1em}.results li .nm{font-weight:700}.results li .t{font-variant-numeric:tabular-nums;color:var(--dim)}.results li .best{font-variant-numeric:tabular-nums;color:var(--dim);font-size:.85em}.results li.dnf .t{color:#ff9f43}