:root{color-scheme:dark;--page: #111111;--surface: #1b1b1b;--raised: #242424;--border: #3a3a3a;--text: #f3f3f3;--muted: #b5b5b5;--gold: #d7b66c;--on-gold: #111111;--warning: #f2a35a;--success: #6bc7a1;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;font-synthesis:none;color:var(--text);background:var(--page);letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}h1,h2,p{margin:0}.footer a{color:inherit;text-decoration:none;white-space:nowrap}.footer a:hover{text-decoration:underline}@media (max-width: 600px){.footer{gap:8px;flex-wrap:wrap;justify-content:center;font-size:12px}.footer span:last-child{display:none}}.screen{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:128px minmax(0,1fr) 56px;padding:0 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:20px;min-width:0}.brand-logo{width:72px;height:72px;object-fit:contain;flex:0 0 72px}.brand-copy{display:grid;gap:5px;min-width:0}.brand-name{font-weight:700;font-size:28px}.display-name{color:var(--muted);font-size:18px;max-width:560px;overflow-wrap:anywhere}.topbar-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}.connection{color:var(--success);font-size:20px;min-width:80px;text-align:center}.connection.is-offline{color:var(--warning)}.text-command{border:0;background:transparent;color:var(--muted);min-height:44px;padding:10px 12px;font-size:18px}.text-command:hover{color:var(--text);background:var(--raised)}.sound-unlock{color:var(--gold);white-space:nowrap}.main{min-width:0;min-height:0;display:grid}.footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:16px;border-top:1px solid var(--border)}.pairing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:36px 0;text-align:center;min-width:0}.pairing-title{font-size:44px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.qr-area{width:360px;height:360px;position:relative;margin-top:8px}.pair-qr{width:360px;height:360px;display:block}.qr-placeholder{width:100%;height:100%;border:1px solid var(--border);background:var(--surface);display:flex;justify-content:center;align-items:center;color:var(--muted);padding:24px;font-size:28px;line-height:1.5}.pair-code{min-height:72px;font-size:58px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--gold)}.pair-meta{display:flex;gap:16px;justify-content:center;min-height:32px;font-size:22px;color:var(--muted)}.pair-expiry{color:var(--text);min-width:64px;font-variant-numeric:tabular-nums}.primary-command{min-height:52px;border:1px solid var(--gold);border-radius:4px;background:var(--gold);color:var(--on-gold);padding:12px 24px;font-size:20px;font-weight:600}.primary-command:hover:enabled{filter:brightness(1.08)}.linked{display:grid;grid-template-rows:auto minmax(380px,1fr) 170px;padding-top:34px;min-width:0}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}.session-name{font-size:42px;line-height:1.3;font-weight:500;overflow-wrap:anywhere;min-width:0}.session-status{color:var(--muted);flex:0 0 auto;font-size:26px;white-space:nowrap}.timer-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;min-width:0}.stage-label{color:var(--muted);font-size:24px;margin-bottom:12px}.current-stage{color:var(--gold);font-size:72px;line-height:1.2;min-height:87px;font-weight:500;text-align:center;overflow-wrap:anywhere;max-width:100%}.countdown{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:238px;line-height:1.1;font-weight:700;width:100%;text-align:center;white-space:nowrap}.timer-state{color:var(--muted);font-size:25px;min-height:34px}.session-bottom{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:40px;border-top:1px solid var(--border)}.next-section{display:grid;gap:12px;align-content:center;min-width:0}.metric-label{color:var(--muted);font-size:25px}.next-stage{color:var(--text);font-size:50px;line-height:1.15;overflow-wrap:anywhere}.seated-section{border-left:1px solid var(--border);padding-left:64px;display:grid;gap:5px}.seated-value{display:flex;align-items:baseline;gap:18px;font-variant-numeric:tabular-nums;font-size:80px;line-height:1}.unit{color:var(--muted);font-size:28px}.promotion{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 0 64px;text-align:center;min-width:0}.promotion-logo{width:380px;height:380px;object-fit:contain}.promotion-copy{display:grid;gap:24px}.promotion-copy h1{font-size:72px;line-height:1.3;color:var(--gold);font-weight:500;overflow-wrap:anywhere}.promotion-copy p{color:var(--muted);font-size:32px;line-height:1.4}.name-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:32px;width:min(520px,calc(100% - 32px))}.name-dialog::backdrop{background:#000000bf}.name-dialog h2{font-size:26px;margin-bottom:28px}.name-label{display:block;color:var(--muted);font-size:18px;margin-bottom:12px}.name-dialog input{width:100%;border:1px solid var(--border);border-radius:3px;background:var(--page);color:var(--text);padding:14px;font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:28px}@media (max-height: 850px) and (min-width: 1001px){.screen{grid-template-rows:100px minmax(0,1fr) 44px;padding:0 40px}.brand-logo{width:60px;height:60px;flex-basis:60px}.linked{grid-template-rows:auto minmax(280px,1fr) 130px;padding-top:22px}.session-name{font-size:32px}.current-stage{font-size:54px;min-height:65px}.countdown{font-size:172px}.next-stage{font-size:40px}.seated-value{font-size:62px}.pairing{gap:12px;padding:22px 0}.pairing-title{font-size:32px}.qr-area,.pair-qr{width:280px;height:280px}.pair-code{font-size:46px;min-height:56px}.promotion-logo{width:280px;height:280px}.promotion-copy h1{font-size:56px}}@media (max-width: 1000px){.screen{grid-template-rows:auto minmax(0,1fr) 44px;padding:0 24px}.topbar{padding:18px 0;flex-wrap:wrap;gap:16px}.brand-logo{width:56px;height:56px;flex-basis:56px}.brand-name{font-size:24px}.display-name{max-width:360px;font-size:16px}.topbar-actions{gap:8px;margin-left:auto}.text-command{font-size:16px;padding:8px}.connection{font-size:16px;min-width:64px}.linked{grid-template-rows:auto minmax(310px,1fr) auto;padding-top:24px}.session-heading{gap:20px;flex-wrap:wrap}.session-name{font-size:32px}.session-status{font-size:20px}.current-stage{font-size:54px;min-height:65px}.countdown{font-size:120px}.stage-label{font-size:20px}.session-bottom{grid-template-columns:1fr 180px;min-height:130px;gap:24px;padding:20px 0}.metric-label{font-size:20px}.next-stage{font-size:34px}.seated-section{padding-left:24px}.seated-value{font-size:58px}.timer-state{font-size:20px}.promotion-logo{width:300px;height:300px}.promotion-copy h1{font-size:48px}.promotion-copy p{font-size:26px}}@media (max-width: 560px){.screen{padding:0 16px}.topbar-actions{width:100%;justify-content:flex-end}.topbar-actions .connection{margin-right:auto;text-align:left}.brand{gap:12px}.display-name{max-width:240px}.pairing{padding:28px 0;gap:16px}.pairing-title{font-size:27px}.qr-area,.pair-qr{width:264px;height:264px}.pair-code{min-height:46px;font-size:38px}.pair-meta{font-size:18px}.session-name{font-size:26px}.session-status{font-size:18px}.current-stage{font-size:44px;min-height:53px}.countdown{font-size:66px}.session-bottom{grid-template-columns:minmax(0,1fr) 120px;gap:12px}.seated-section{padding-left:16px}.seated-value{font-size:50px}.next-stage{font-size:30px}.promotion-logo{width:240px;height:240px}.promotion-copy h1{font-size:36px}.promotion-copy p{font-size:22px}}@media (max-width: 400px){.countdown{font-size:54px}.current-stage{font-size:38px}}.screen:not([data-mode=PAIRING]){--tv-scale: 1;height:100vh;height:100dvh;min-height:0;grid-template-rows:128px minmax(0,1fr) 56px;padding:0 48px}.broadcast{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.7fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:calc(24px * var(--tv-scale));padding:calc(36px * var(--tv-scale)) 0;min-height:0;min-width:0}.leaderboard{grid-column:1;grid-row:1;min-width:0}.column-heading{height:calc(94px * var(--tv-scale));display:flex;flex-direction:column;gap:calc(10px * var(--tv-scale));align-items:flex-start}.column-heading h2{font-size:calc(32px * var(--tv-scale));line-height:1.3;font-weight:500}.leaderboard-month{font-size:calc(24px * var(--tv-scale));color:var(--muted)}.leaderboard-labels,.leaderboard-rows li{display:grid;grid-template-columns:calc(44px * var(--tv-scale)) minmax(0,1fr) calc(108px * var(--tv-scale));gap:calc(12px * var(--tv-scale));align-items:baseline}.leaderboard-labels{color:var(--muted);font-size:calc(20px * var(--tv-scale));line-height:1.5;padding-bottom:calc(10px * var(--tv-scale));border-bottom:1px solid var(--border)}.leaderboard-labels span:first-child,.leaderboard-labels span:last-child{text-align:right}.leaderboard-rows{list-style:none;margin:0;padding:0}.leaderboard-rows li{height:calc(62px * var(--tv-scale));padding:calc(7px * var(--tv-scale)) 0;border-bottom:1px solid var(--border);font-size:calc(36px * var(--tv-scale));line-height:1.3}.leaderboard-rank,.leaderboard-points{text-align:right;font-variant-numeric:tabular-nums;font-family:Arial,sans-serif}.leaderboard-rank{color:var(--gold)}.leaderboard-nickname,.leaderboard-points{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-empty{padding-top:calc(32px * var(--tv-scale));color:var(--muted);font-size:calc(30px * var(--tv-scale));line-height:1.5}.broadcast .linked{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:0;min-height:0;min-width:0}.broadcast .timer-area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0;flex:0 0 auto}.broadcast .current-stage{font-size:calc(64px * var(--tv-scale));line-height:1.25;min-height:calc(80px * var(--tv-scale));margin-bottom:calc(16px * var(--tv-scale))}.broadcast .countdown{font-size:calc(250px * var(--tv-scale));font-weight:700;font-family:Arial,sans-serif;line-height:1.05;font-variant-numeric:tabular-nums;width:100%;white-space:nowrap;flex-shrink:0}.timer-digits{width:100%;position:relative;flex-shrink:0;min-width:0}.quick-countdown{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);background:#111111fa;pointer-events:none}.quick-countdown.is-urgent{color:#f19a91}.quick-countdown-value{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:calc(250px * var(--tv-scale));line-height:1.05;font-weight:700;white-space:nowrap;text-align:center;max-width:100%}.broadcast .timer-state{font-size:calc(24px * var(--tv-scale));min-height:calc(32px * var(--tv-scale));line-height:1.3;margin-top:calc(12px * var(--tv-scale))}.broadcast .current-values{margin-top:calc(36px * var(--tv-scale));max-width:100%;font-size:calc(88px * var(--tv-scale));line-height:1.25;text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.broadcast .next-section{width:100%;display:block;text-align:center;margin-top:calc(36px * var(--tv-scale));min-width:0}.broadcast .next-stage{font-size:calc(48px * var(--tv-scale));line-height:1.3;font-variant-numeric:tabular-nums;text-align:center;overflow-wrap:anywhere}.broadcast .linked.is-dense .current-stage{margin-bottom:calc(8px * var(--tv-scale))}.broadcast .linked.is-dense .timer-state{margin-top:0}.broadcast .linked.is-dense .current-values{margin-top:calc(12px * var(--tv-scale));line-height:1.1}.broadcast .linked.is-dense .next-section{margin-top:calc(12px * var(--tv-scale))}.broadcast .linked.is-dense .next-stage{line-height:1.2}.session-panel{grid-column:3;grid-row:1;min-width:0}.broadcast .session-name{font-size:calc(40px * var(--tv-scale));line-height:1.4;margin-bottom:calc(20px * var(--tv-scale))}.broadcast .session-status{font-size:calc(24px * var(--tv-scale))}.competition-hint{color:var(--gold);margin-top:calc(24px * var(--tv-scale));font-size:calc(36px * var(--tv-scale));line-height:1.5;overflow-wrap:anywhere}.broadcast .seated-section{border-left:0;border-top:1px solid var(--border);padding:calc(32px * var(--tv-scale)) 0 0;margin-top:calc(40px * var(--tv-scale));gap:calc(16px * var(--tv-scale))}.broadcast .metric-label{font-size:calc(28px * var(--tv-scale))}.broadcast .seated-value{font-size:calc(96px * var(--tv-scale));gap:calc(14px * var(--tv-scale))}.broadcast .unit{font-size:calc(28px * var(--tv-scale))}.entry-hint{margin-top:calc(48px * var(--tv-scale));color:var(--gold);font-size:calc(36px * var(--tv-scale));line-height:1.5;overflow-wrap:anywhere}.broadcast .promotion{grid-column:2 / 4;grid-row:1;padding:0}.broadcast .promotion-logo{width:calc(380px * var(--tv-scale));height:calc(380px * var(--tv-scale))}.broadcast .promotion-copy{gap:calc(24px * var(--tv-scale))}.broadcast .promotion-copy h1{font-size:calc(72px * var(--tv-scale))}.broadcast .promotion-copy p{font-size:calc(32px * var(--tv-scale))}@media (max-width: 1600px){.screen:not([data-mode=PAIRING]){--tv-scale: .666666667;grid-template-rows:85.333333px minmax(0,1fr) 37.333333px;padding:0 32px}.screen:not([data-mode=PAIRING]) .brand-logo{width:48px;height:48px;flex-basis:48px}.screen:not([data-mode=PAIRING]) .brand-name{font-size:22px}.screen:not([data-mode=PAIRING]) .display-name{font-size:14px}.screen:not([data-mode=PAIRING]) .topbar-actions{gap:12px}.screen:not([data-mode=PAIRING]) .connection{font-size:16px}.screen:not([data-mode=PAIRING]) .text-command{font-size:14px}.screen:not([data-mode=PAIRING]) .footer{font-size:12px}}