:root{--bg:#1a1410;--ink:#f5efe8;--dim:#f5efe899;--gold:#ffd83d;--you:#7ac74f;--rival:#e5533d;--tv-ink:#241a10;--font:ui-rounded, -apple-system, system-ui, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overflow:hidden}#tv{height:100dvh;position:relative}.tv-bg{z-index:0;background-position:50% 82%;background-size:cover;position:absolute;inset:0}.tv-bg:after{content:"";background:linear-gradient(#0a07048c 0%,#0a070433 40%,#0a0704c7 100%);position:absolute;inset:0}.tv-stage{z-index:1;flex-direction:column;height:100%;padding:clamp(20px,4vh,56px) clamp(24px,4vw,80px);display:flex;position:relative}.tv-head{align-items:center;gap:20px;display:flex}.tv-logo{border-radius:14px;height:clamp(48px,8vh,92px)}.tv-title{flex:1}.tv-title h1{letter-spacing:.02em;font-size:clamp(26px,4.5vh,54px);line-height:1}.tv-title p{color:var(--dim);margin-top:6px;font-size:clamp(13px,1.8vh,20px)}.tv-lobby{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,4vw,72px);display:grid}.tv-join{background:#00000059;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;gap:18px;padding:clamp(20px,3vh,40px);display:flex}.tv-join .qr{background:#fff;border-radius:18px;width:clamp(180px,34vh,360px);height:clamp(180px,34vh,360px);padding:14px}.tv-join .qr svg{width:100%;height:100%;display:block}.tv-join .scan{color:var(--dim);font-size:clamp(14px,2vh,22px);font-weight:700}.tv-code-block{text-align:center}.tv-code-label{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;font-size:clamp(13px,1.8vh,20px);font-weight:800}.tv-code{letter-spacing:.12em;color:var(--gold);font-size:clamp(64px,15vh,190px);font-weight:900;line-height:1}.tv-url{color:var(--dim);margin-top:10px;font-size:clamp(12px,1.6vh,18px)}.tv-roster{flex-direction:column;gap:12px;display:flex}.tv-roster h2{color:var(--dim);margin-bottom:6px;font-size:clamp(18px,2.6vh,30px)}.tv-racer-chip{background:#00000059;border-radius:16px;align-items:center;gap:16px;padding:12px 20px;font-size:clamp(18px,2.8vh,34px);font-weight:800;animation:.4s cubic-bezier(.34,1.4,.44,1) chipIn;display:flex}.tv-racer-chip img{width:clamp(36px,5vh,60px);height:clamp(36px,5vh,60px)}@keyframes chipIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.tv-empty{color:var(--dim);font-size:clamp(16px,2.2vh,26px)}.tv-race{flex-direction:column;flex:1;justify-content:center;gap:clamp(10px,2vh,26px);margin:clamp(12px,3vh,36px) 0;display:flex}.tv-lane{background:radial-gradient(3px at 14px,#ffffff24 3px,#0000 3.2px) 0 0/26px 100% repeat-x,#0006;border-radius:999px;align-items:center;height:clamp(52px,11vh,112px);display:flex;position:relative;box-shadow:inset 0 3px 8px #0000008c}.tv-lane:after{content:"🏁";font-size:clamp(22px,4vh,46px);position:absolute;right:clamp(10px,1.5vw,26px)}.tv-lane-fill{background:linear-gradient(180deg, var(--rival), #a82e1f);border-radius:999px;width:0%;transition:width .55s cubic-bezier(.34,1.4,.44,1);position:absolute;top:4px;bottom:4px;left:4px}.tv-lane.leader .tv-lane-fill{background:linear-gradient(180deg, var(--gold), #e0a91e)}.tv-lane-name{text-shadow:0 2px 6px #000000b3;z-index:4;white-space:nowrap;background:#0c08048c;border-radius:999px;padding:4px 16px 4px 14px;font-size:clamp(16px,3vh,36px);font-weight:900;position:absolute;left:clamp(56px,6vw,116px)}.tv-lane-pct{color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #000000b3;z-index:2;font-size:clamp(16px,2.8vh,34px);font-weight:800;position:absolute;right:clamp(50px,6vw,96px)}.tv-donkey{z-index:3;filter:drop-shadow(0 4px 5px #0000008c);width:clamp(50px,10vh,104px);height:clamp(50px,10vh,104px);transition:left .55s cubic-bezier(.34,1.4,.44,1);animation:.4s ease-in-out infinite gallop;position:absolute;left:0%;transform:translate(-40%)}.tv-lane.leader .tv-donkey{filter:drop-shadow(0 0 10px var(--gold)) drop-shadow(0 4px 5px #0000008c)}@keyframes gallop{0%,to{transform:translate(-40%)translateY(0)rotate(-2deg)}50%{transform:translate(-40%)translateY(-8%)rotate(2deg)}}.tv-rank{color:var(--gold);z-index:2;text-shadow:0 2px 6px #000000b3;font-size:clamp(20px,3.6vh,44px);font-weight:900;position:absolute;left:clamp(14px,2vw,34px)}.tv-ticker{background:#00000073;border-radius:999px;align-items:center;gap:14px;height:clamp(34px,5vh,56px);padding:0 clamp(16px,2vw,32px);display:flex;overflow:hidden}.tv-ticker .live{letter-spacing:.1em;color:#fff;background:var(--rival);border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:clamp(11px,1.4vh,16px);font-weight:900}.tv-ticker .msg{white-space:nowrap;font-size:clamp(14px,2vh,24px);font-weight:700;animation:.4s tickerIn}@keyframes tickerIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.tv-winner{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080503b8;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.4s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tv-winner img{border-radius:18px;width:clamp(120px,22vh,240px);animation:.6s cubic-bezier(.34,1.5,.44,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.tv-winner h1{color:var(--gold);letter-spacing:.02em;font-size:clamp(44px,11vh,130px)}.tv-winner p{color:var(--dim);font-size:clamp(18px,3vh,34px)}.hidden{display:none!important}