:root{--bg: #1a1917;--bg-deep: #131211;--surface: #262421;--surface-hi: #302d29;--ink: #f6efe3;--ink-soft: #a89f92;--line: #3b3733;--shadow-c: rgba(6, 4, 2, .55);--arena: #201e1b;--arena-hi: #2a2724;--panel: var(--surface);--panel-2: var(--surface-hi);--ink-dim: var(--ink-soft);--accent: #ffc233;--danger: #ff6b7a;--shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 14px 30px var(--shadow-c);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 7px 16px rgba(10, 0, 25, .42);--font-hud: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", "Varela Round", "Comfortaa", "Quicksand", system-ui, sans-serif;--font-num: ui-rounded, "SF Pro Rounded", "Varela Round", system-ui, sans-serif}:root{--edge: #100f0e;--on-bright: #2a231e;--on-hot: #fff3e2;--accent-ink: color-mix(in srgb, var(--accent) 72%, var(--ink));--danger-ink: color-mix(in srgb, var(--danger) 78%, var(--ink));--scrim: rgba(12, 10, 8, .86);--shadow-lg: 0 3px 6px rgba(0, 0, 0, .34), 0 20px 44px var(--shadow-c);--pip-ok: #2fd6a3;--pip-warn: #ffc233;--pip-hot: #ff9633;--qr-paper: #ffffff;--qr-ink: #1a1917;--qr-ink-faint: color-mix(in srgb, var(--qr-ink) 18%, transparent);--qr-danger: #8a1020;--critter-glow: rgba(255, 210, 150, .26);--critter-glow-sm: rgba(255, 220, 160, .3);--critter-glow-lg: rgba(255, 220, 160, .4);--critter-glow-hero: rgba(255, 216, 150, .58);--star: #ffe9b8;--firefly: #ffd76e;--firefly-halo: rgba(255, 215, 110, .5);--radius: 1.1rem}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-hud);font-weight:800;letter-spacing:0;overscroll-behavior:none}button{font-family:var(--font-hud);font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius)}input{font-family:var(--font-hud);font-weight:800;border-radius:calc(var(--radius) * .8)}.card{background:var(--surface);border:.16rem solid transparent;border-radius:var(--radius);box-shadow:var(--shadow),0 .3rem 0 var(--edge)}.pill{display:inline-flex;align-items:center;gap:.5em;background:var(--surface);border-radius:99rem;box-shadow:var(--shadow-sm),0 .2rem 0 var(--edge);padding:.4em 1em}.hud-label{color:var(--ink-soft);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.slab{border:0;font-family:inherit;font-weight:800;color:var(--on-hot);background:var(--surface-hi);border-radius:calc(var(--radius) * 1.4);box-shadow:var(--shadow),0 .42rem 0 var(--slab-edge, var(--edge));display:flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;transition:transform .06s ease-out,box-shadow .06s ease-out}.slab:not(:disabled):active{transform:translateY(.3rem);box-shadow:var(--shadow),0 .12rem 0 var(--slab-edge, var(--edge))}.cr{display:inline-block;flex:none;background-image:radial-gradient(closest-side circle at 50% 54%,var(--cr-glow, var(--critter-glow)) 0%,transparent 100%);background-repeat:no-repeat;background-position:center}.cr svg{width:100%;height:100%;display:block;overflow:visible}.cr img{width:100%;height:100%;display:block;object-fit:contain}html.perf-lite .star,html.perf-lite .firefly,html.perf-lite .cr.bob,html.perf-lite .blink,html.perf-lite .cr.bob .blink,html.perf-lite .podium-slot .blink,html.perf-lite [data-testid=podium] .blink,html.perf-lite .waveArm,html.perf-lite .tile.focused,html.perf-lite .rail-dots i{animation:none}html.perf-lite .rail{scroll-behavior:auto}[data-testid=podium]{--cr-glow: var(--critter-glow-lg)}.podium-slot{--cr-glow: var(--critter-glow-hero)}.cr.bob{animation:cr-bob 2.8s ease-in-out infinite}@keyframes cr-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.3rem)}}.blink{transform-box:fill-box;transform-origin:center;animation:none}.cr.bob .blink,.podium-slot .blink,[data-testid=podium] .blink{animation:ckblink 5.2s infinite}@keyframes ckblink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}.waveArm{transform-box:fill-box;transform-origin:15% 88%;animation:wv 1.5s ease-in-out infinite}@keyframes wv{0%,to{transform:rotate(0)}50%{transform:rotate(-22deg)}}@keyframes cr-wob{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes popbeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.cr.bob,.blink,.cr.bob .blink,.podium-slot .blink,[data-testid=podium] .blink,.waveArm{animation:none}}html.tv-scale{--ui-scale: 1;--safe-x: clamp(1rem, 3.5vw, 8.75rem);--safe-y: clamp(.75rem, 3.5vh, 5rem);font-size:calc(clamp(12px,.833vw,34px) * var(--ui-scale))}