:root{--panel:#18100cdb;--line:#ffffff24;--text:#fff6e8;--muted:#d9c3a8;--accent:#ffcf5c}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#f0b07a;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}canvas#view{width:100%;height:100%;position:fixed;inset:0}.hidden{display:none!important}.screen{background:#28140a59;place-items:center;display:grid;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;width:min(560px,92vw);max-height:96vh;padding:26px 28px;overflow-y:auto}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0;font-size:13px;font-weight:700}h1{letter-spacing:-.02em;margin:4px 0 6px;font-size:46px}h2{color:var(--muted);margin:0 0 10px;font-size:20px}.qr{background:#fff;border-radius:14px;margin:6px auto 8px;padding:10px;display:block}.join-url{color:var(--muted);margin:0}.code{letter-spacing:.18em;color:var(--accent);margin:4px 0 10px;font-size:64px;font-weight:900}.players{flex-wrap:wrap;justify-content:center;gap:8px;min-height:34px;display:flex}.chip{border:2px solid;border-radius:999px;padding:5px 14px;font-weight:700}.chip small{color:var(--muted);margin-left:8px;font-weight:600}.hint,.note,.how{color:var(--muted);margin:10px 0 0;font-size:14px}.waiting{color:#ffcf5c;min-height:0;margin:8px 0 0;font-size:22px;font-weight:800}.waiting:empty,.hub-line:empty{display:none}.hub-line{color:var(--muted);margin:10px 0 0;font-size:18px;font-weight:700}.credits{color:var(--muted);opacity:.75;margin:12px 0 0;font-size:12px}.row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}button{font:inherit;cursor:pointer;border-radius:12px}.toggle,.ghost{border:1px solid var(--line);color:var(--text);background:0 0;padding:9px 14px;font-weight:700}.toggle.active{border-color:var(--accent);color:var(--accent);background:#ffcf5c1f}.toggle.streamer.active{color:#d6bcff;background:#9146ff33;border-color:#a970ff}#invite{margin-top:10px}.primary{color:#fff;background:linear-gradient(#e8763c,#c4542a);border:0;width:100%;margin-top:16px;padding:15px;font-size:20px;font-weight:900;display:block}.primary:disabled{opacity:.45;cursor:default}.row .primary,.row .ghost{flex:1;width:auto;margin-top:0}#huds{pointer-events:none;position:fixed;inset:0}.hud{border:2px solid #00000059;position:absolute}.hud.scrape{box-shadow:inset 0 0 40px #ff782899}.hud .tag{color:#10161f;border-radius:999px;padding:4px 12px;font-weight:900;position:absolute;top:12px;left:12px}.hud .place{text-shadow:0 3px #0006;font-size:clamp(28px,5vw,56px);font-weight:900;position:absolute;top:44px;left:14px}.hud .lap{text-shadow:0 2px #0006;font-size:20px;font-weight:800;position:absolute;bottom:40px;left:14px}.hud .meter{background:#0006;border-radius:999px;width:min(220px,40%);height:14px;position:absolute;bottom:14px;left:14px;overflow:hidden}.hud .meter i{background:linear-gradient(90deg,#4fc3ff,#b5f0ff);height:100%;display:block}.hud .meter.on{box-shadow:0 0 14px #7fd6ff}.hud .who{text-align:center;color:#10161f;opacity:0;place-content:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.hud .who.on{opacity:.94}.hud .who b{overflow-wrap:anywhere;font-weight:900;line-height:1}.hud .who span{opacity:.7;margin-top:.6em;font-size:clamp(18px,3vh,34px);font-weight:800}.hud .big{color:#fff;text-shadow:0 6px #00000059;place-items:center;font-size:clamp(48px,12vw,160px);font-weight:900;display:grid;position:absolute;inset:0}.chat-line{pointer-events:none;background:#9146ffbf;border-radius:999px;margin:0;padding:6px 16px;font-weight:700;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.chat-line:empty{display:none}.banner{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;padding:14px 24px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.grid-list,.podium{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.grid-list li,.podium li{align-items:center;gap:8px;font-weight:700;display:flex}.grid-list i,.podium i{border-radius:50%;width:14px;height:14px;display:inline-block}.podium{flex-direction:column;align-items:stretch;margin:10px 0}.podium li{background:#ffffff0f;border-radius:12px;justify-content:flex-start;padding:10px 14px;font-size:20px}.podium li b{width:28px;color:var(--accent)}.podium li span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.map-wrap{border:1px solid var(--line);pointer-events:none;background:#1e28148c;border-radius:18px;padding:6px;position:fixed;top:10px;left:50%;transform:translate(-50%)}.map-wrap canvas{width:200px;height:200px;display:block}.map-wrap.spotlight{box-shadow:0 0 0 4px var(--accent), 0 0 60px #ffcf5ccc;transform-origin:top;transition:transform .4s;transform:translate(-50%)scale(1.5)}.loading{background:var(--panel);border-radius:999px;margin:0;padding:8px 18px;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.chip.ready{background:#6ef08a26}.wheel{transition:transform 80ms linear;display:inline-block}button.how{flex:none}button.how.fresh{border-color:var(--accent);color:var(--accent);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px #ffcf5c40}}.how-text{color:var(--muted);margin:12px 0 0;font-size:14px}.hud .callout{letter-spacing:.02em;text-shadow:0 5px #00000059;font-size:clamp(30px,6vw,72px);font-weight:900;animation:.25s ease-out pop;position:absolute;top:28%;left:50%;transform:translate(-50%)rotate(-6deg)}.hud .callout:empty{display:none}.hud .callout.oil{color:#ffb14a}.hud .callout.butter{color:#ffe066}.hud .callout.ketchup{color:#ff4a3a}.hud .callout.mashed{color:#f3e3c3}@keyframes pop{0%{transform:translate(-50%)rotate(-6deg)scale(.4)}}.hud .meter{position:absolute}.hud .meter b{background:#fffc;width:2px;position:absolute;top:0;bottom:0;left:50%}.hud .meter.ready{box-shadow:0 0 10px #7fd6ffe6}.hud.demo .place,.hud.demo .lap,.hud.demo .meter{display:none}.hud .item{background:#100a069e;border:3px solid #fff4e2d9;border-radius:20px;place-items:center;width:clamp(54px,9vh,92px);height:clamp(54px,9vh,92px);font-size:clamp(32px,5.6vh,58px);display:grid;position:absolute;translate:-50% -100%;box-shadow:0 8px 22px #00000059}.hud .item.empty{display:none}.hud .item.rolling{border-color:#ffd23f;animation:.18s linear infinite item-roll}@keyframes item-roll{50%{transform:scale(1.08)rotate(-4deg)}}.hud .meter[data-tier="1"] i{background:#4fb8ff}.hud .meter[data-tier="2"] i{background:#ff9a2a}.hud .meter[data-tier="3"] i{background:#c06cff}.hud .meter[data-tier=turbo] i{background:linear-gradient(90deg,#ffd23f,#ff7a3d)}.hud .callout.fried,.hud .callout.hit,.hud .callout.buttered,.hud .callout.salted,.hud .callout.stall{color:#ff5a4a}.hud .callout.golden,.hud .callout.rocketstart,.hud .callout.ultra{color:#ffd23f}.hud .callout.mini{color:#4fb8ff}.hud .callout.super{color:#ff9a2a}.cup{margin-top:18px}.cup h2{margin:0 0 8px;font-size:26px}.venue{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 50% 30%,#2a170ed1,#0e0805f0);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.venue h1{margin:4px 0 28px;font-size:54px;font-weight:900}.venue-strip{width:100%}.venue-cards{will-change:transform;gap:28px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex}.venue-card{width:min(30vw,470px);color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:.55;background:#20140c;border:3px solid #fff4e226;border-radius:22px;flex:none;padding:0;transition:transform .35s,opacity .35s,border-color .2s,box-shadow .35s;overflow:hidden;transform:scale(.88)}.venue-card.focus{opacity:1;border-color:#fff4e2;transform:scale(1);box-shadow:0 30px 70px #0000008c}.venue-card.chosen{border-color:#ffd23f;animation:.5s cubic-bezier(.22,1.4,.36,1) venue-pop;box-shadow:0 0 0 6px #ffd23f59,0 30px 70px #0000008c}.venue-card.out{opacity:.2}@keyframes venue-pop{50%{transform:scale(1.06)}}.venue-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.venue-body{padding:16px 18px 18px;position:relative}.venue-body h3{margin:0 0 6px;font-size:28px;font-weight:900}.venue-body p{color:#d9c7ad;min-height:66px;margin:0 190px 0 0;font-size:16px;line-height:1.4}.venue-body canvas{width:180px;height:110px;position:absolute;top:12px;right:12px}.venue-votes{flex-wrap:wrap;gap:6px;min-height:30px;margin-top:10px;display:flex}.venue-votes span{color:#10161f;border-radius:999px;padding:4px 12px;font-size:15px;font-weight:900;animation:.35s venue-pop}.venue-line{color:#ffd23f;margin:30px 0 0;font-size:24px;font-weight:800}body.on-podium #results{background:0 0;place-items:center end;padding-right:4vw}body.on-podium #results .panel{max-width:460px}body.on-podium #map-wrap,body.on-podium #huds{display:none}