:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#070a11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}button,input{font:inherit}[data-remote-focus=true]:focus{outline-offset:4px;outline:4px solid #fff}[data-remote-focus=true]:focus:not(:focus-visible){outline:none}button:focus-visible{outline-offset:4px;outline:4px solid #fff}input:focus-visible{outline-offset:4px;outline:4px solid #fff}[data-remote-focus=true]:focus-visible{outline-offset:4px;outline:4px solid #fff}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 30% 20%,#182034 0,#0000 55%),#070a11;min-height:100vh}#app{min-height:100vh}.eyebrow{color:#e11d2e;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem;font-size:.9rem;font-weight:900}.join-screen,.ended-screen{place-items:center;min-height:100vh;padding:2rem;display:grid}.join-card,.ended-screen{text-align:center}.join-card{width:100%;max-width:38rem;padding:2rem;background:#0c111deb;border:1px solid #ffffff1f;border-radius:1.25rem;width:min(100%,38rem);padding:max(1.5rem,min(5vw,3.5rem));box-shadow:0 2rem 6rem #00000061}.join-card h1,.ended-screen h1{font-size:3rem;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:max(2.5rem,min(8vw,4.5rem))}.join-instruction,.join-assurance,.ended-screen p{color:#c2c8d4;font-size:1.1rem}.join-assurance{color:#929bad;margin:-.4rem 0 0;font-size:.95rem}.join-form{text-align:left;gap:1rem;margin-top:2rem;display:grid}.join-form label{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:800}.join-form input{color:#fff;font-size:2.25rem;letter-spacing:.15em;text-align:center;text-transform:uppercase;background:#070a11;border:2px solid #485169;border-radius:.75rem;width:100%;padding:.8rem 1rem;font-size:max(1.8rem,min(7vw,3rem));font-weight:900}.primary-action,.display-action,.demo-controls button{color:#fff;cursor:pointer;background:#e11d2e;border:0;border-radius:.7rem;font-weight:850}.primary-action{min-height:3.4rem;padding:.8rem 1.25rem;font-size:1.1rem}.status{color:#c2c8d4;min-height:1.5rem;margin:1rem 0 0}.status.error{color:#ffb4ba}.display-viewport{top:0;bottom:0;left:0;right:0;background:#02040a;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.display-stage{transform-origin:50%;background:radial-gradient(circle at 25% 12%,#202a44 0,#0000 56%),#070a11;width:1280px;height:720px;padding:36px 48px;position:relative;overflow:hidden}.display-header{border-bottom:2px solid #ffffff1f;justify-content:space-between;align-items:flex-start;min-height:92px;display:flex}.display-header>*+*{margin-left:24px}.display-header h1{text-transform:uppercase;margin:0;font-size:38px}.display-header p{color:#b5bdcd;margin:8px 0 0;font-size:18px;font-weight:700}.display-actions{display:flex}.display-actions>*+*{margin-left:10px}.display-action{background:#2b3344;min-width:104px;padding:12px 16px}.display-content{height:calc(100% - 92px);padding-top:24px}.projection{flex-direction:column;align-items:stretch;height:100%;display:flex}.phase-label{color:#e11d2e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px;font-size:22px;font-weight:900}.players{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.player{background:#ffffff0a;border:2px solid #ffffff1f;border-radius:16px;padding:24px}.player.active{border-color:#e11d2e;box-shadow:inset 7px 0 #e11d2e}.player h2{text-transform:uppercase;margin:0;font-size:30px}.player strong{margin-top:12px;font-size:96px;line-height:1;display:block}.checkout,.result{margin:22px 0 0;font-size:28px;font-weight:850}.up-next,.champions{background:#ffffff12;border-left:6px solid #e11d2e;margin-top:auto;padding:20px 24px}.up-next h2,.champions h2{color:#e11d2e;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:20px}.up-next p,.champions p{margin:8px 0 0;font-size:34px;font-weight:900}.champions{text-align:center;border:0;margin:auto 0}.champions p{font-size:72px}.status-overlay{text-align:center;background:#05080fe6;border:1px solid #ffffff2e;border-radius:10px;padding:14px 20px;font-size:20px;font-weight:800;position:absolute;top:auto;bottom:28px;left:36px;right:36px}.display-viewport{isolation:isolate;background:#02040a;grid-template-rows:48px minmax(0,1fr);place-items:stretch stretch;display:grid}.display-stage-host{grid-row:2;place-self:stretch stretch;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.display-stage{color:#fff;background:radial-gradient(circle at 25% 12%,#202a44 0,#0000 54%),#070a11;padding:24px 36px 28px;position:absolute;top:50%;left:50%}.broadcast-header{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:18px;height:78px;display:grid}.broadcast-header-accent{background:#e11d2e;border-radius:3px;width:8px;height:78px}.broadcast-identity{min-width:0}.broadcast-brand,.broadcast-identity h1,.broadcast-meta p{margin:0}.broadcast-brand{color:#e11d2e;letter-spacing:.16em;text-transform:uppercase;font-size:16px;font-weight:950}.broadcast-identity h1{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:760px;font-size:35px;line-height:1.08;overflow:hidden}.broadcast-meta{text-align:right;min-width:230px}.broadcast-meta p{color:#e7eaf0;font-size:18px;font-weight:850}.broadcast-meta .broadcast-progress{color:#aeb6c6;margin-top:6px;font-size:16px;font-weight:700}.display-content{height:calc(100% - 96px);min-height:0;margin-top:18px;padding-top:0}.phase-view{width:100%;height:100%;min-height:0}.idle-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.idle-view h2{letter-spacing:.04em;text-transform:uppercase;max-width:920px;margin:0;font-size:52px}.phase-icon{color:#e11d2e;width:116px;height:116px;margin-bottom:26px}.phase-label{margin:0 0 14px;font-size:18px;font-weight:950}.live-match-view{flex-direction:column;display:flex}.participant-grid{grid-template-columns:repeat(var(--participant-columns), minmax(0, 1fr));flex:1;gap:14px;min-height:0;display:grid}.participant-card{background:#0c111dd6;border:2px solid #ffffff1f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:18px;display:flex;position:relative}.participant-card.is-active{background:#1e1019f0;border-width:4px;border-color:#e11d2e;box-shadow:0 0 26px #e11d2e3d}.participant-heading{text-align:center;max-width:100%;position:relative}.participant-heading h2{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0;font-size:27px;line-height:1.08;overflow:hidden}.active-marker{color:#e11d2e;font-size:19px;position:absolute;top:4px;right:calc(100% + 10px)}.participant-team{color:#b8bfcd;margin:5px 0 0;font-size:16px;font-weight:750}.participant-score{letter-spacing:-.06em;margin:8px 0 10px;font-size:124px;font-weight:950;line-height:1;display:block}.participant-stats{color:#c7ccd6;flex-wrap:wrap;justify-content:center;align-items:center;margin:-4px -9px;font-size:16px;font-weight:800;display:flex}.participant-stats>*{margin:4px 9px}.participant-stats .last-visit{color:#fff}.live-match-footer{grid-template-columns:7fr 4fr;gap:14px;height:142px;margin-top:14px;display:grid}.broadcast-panel{background:#0c111dd6;border:1px solid #ffffff21;border-radius:12px;min-width:0;padding:16px 20px;overflow:visible}.red-panel{background:#1f0d15e0;border-color:#e11d2e80}.gold-panel{background:#2b200bbf;border-color:#ffbc3e80}.match-context-panel,.fixture-panel{flex-direction:column;justify-content:center;display:flex}.checkout-requirement,.leg-context,.checkout-route{margin:0}.checkout-requirement{color:#c3cad6;font-size:18px;font-weight:800}.checkout-route{letter-spacing:.03em;margin-top:7px;font-size:34px;font-weight:950}.leg-context{font-size:30px;font-weight:900}.panel-label,.panel-title{letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:950}.panel-label{font-size:16px}.panel-title{font-size:24px}.red-label{color:#e11d2e}.fixture-label{color:#ffbc3e}.fixture-pairing{text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:25px;font-weight:950;line-height:1.08;overflow:hidden}.fixture-context,.fixture-later-inline{color:#b7becc;margin:6px 0 0;font-size:14px;font-weight:750}.fixture-later-inline{color:#d5d9e2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.split-view{grid-template-columns:5fr 7fr;gap:18px;display:grid}.result-view{grid-template-columns:7fr 5fr}.running-order-column,.result-column,.context-column{flex-direction:column;min-height:0;display:flex}.result-column>*+*,.context-column>*+*{margin-top:12px}.running-order-column>*+*{margin-top:8px}.between-ready-banner{color:#fff;flex:0 0 42px;align-items:center;display:flex}.between-ready-banner h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:20px;font-weight:950}.between-ready-icon{color:#e11d2e;flex:0 0 34px;width:34px;height:34px;margin-right:12px}.between-matches-view .prominent-fixture{flex:0 0 122px}.between-matches-view .later-panel{flex:0 104px}.between-matches-view .compact-result{flex:0 0 78px}.between-matches-view .highlights-panel{flex:0 0 88px}.prominent-fixture{flex:0 0 150px}.prominent-fixture .fixture-pairing{font-size:32px}.later-panel{padding-top:13px;padding-bottom:13px}.later-fixture{color:#adb5c5;grid-template-columns:92px minmax(0,1fr);gap:12px;margin-top:9px;font-size:15px;display:grid}.later-fixture strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-result-panel{text-align:center}.prominent-result{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.result-player{text-transform:uppercase;margin:10px 0 0;font-size:36px;font-weight:900}.result-score{margin:4px 0;font-size:94px;line-height:1;display:block}.result-stats{color:#c7ccd6;flex-wrap:wrap;justify-content:center;margin:14px -14px -4px;font-size:17px;font-weight:800;display:flex}.result-stats>*{margin:4px 14px}.compact-result{padding-top:12px;padding-bottom:12px}.compact-result-summary{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:17px;font-weight:800;overflow:hidden}.standings-panel{flex:1;min-height:0}.standings-table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:12px}.standings-table th,.standings-table td{text-align:center;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:8px 7px;font-size:17px;overflow:hidden}.standings-table th{color:#9099aa;letter-spacing:.06em;text-transform:uppercase;font-size:13px}.standings-table .position-column{width:42px}.standings-table .name-column{text-align:left;width:42%}.standings-table .number-column{width:48px}.standings-table .points-column{width:58px}.standings-table td:nth-child(2),.standing-name{text-align:left;font-weight:850}.standings-table td:last-child{color:#ffbc3e;font-weight:950}.table-empty,.empty-state{color:#aeb6c6;text-align:center;font-size:17px}.highlights-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.highlight{background:#ffffff0e;border-radius:9px;min-width:0;padding:11px 12px}.highlight span,.highlight strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.highlight span{color:#aeb6c6;letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:800}.highlight strong{margin-top:5px;font-size:18px}.celebration-view{text-align:center;background:#e11d2e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex}.celebration-view h2{text-transform:uppercase;margin:0;font-size:108px;font-weight:950;line-height:1}.celebration-player{text-transform:uppercase;margin:24px 0 0;font-size:48px;font-weight:950}.celebration-detail{margin:13px 0 0;font-size:25px;font-weight:750}.champion-view{grid-template-columns:5fr 7fr}.champion-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.trophy-icon{color:#ffbc3e;width:92px;height:92px}.champion-panel h2{color:#ffbc3e;letter-spacing:.05em;text-transform:uppercase;margin:17px 0 0;font-size:25px}.champion-names{text-transform:uppercase;margin:15px 0 18px;font-size:46px;font-weight:950;line-height:1.08}.transparent-highlights{width:100%;margin-top:8px}.status-overlay{z-index:4;bottom:28px;left:36px;right:36px;background:#05080ff0;top:auto;bottom:28px;left:36px;right:36px}.receiver-chrome{z-index:20;opacity:1;background:#050810;border-bottom:1px solid #ffffff1a;grid-row:1;justify-content:flex-end;align-items:center;min-height:48px;padding:6px 14px;transition:opacity .18s;display:flex;position:relative}.receiver-chrome>*+*{margin-left:8px}.display-viewport.is-fullscreen{grid-template-rows:minmax(0,1fr)}.is-fullscreen .display-stage-host{grid-row:1}.is-fullscreen .receiver-chrome{background:#03050ad1;border:1px solid #ffffff24;border-radius:10px;min-height:0;padding:7px;position:fixed;bottom:14px;right:14px}.receiver-chrome.is-idle{pointer-events:none;opacity:0}.receiver-chrome:focus-within{pointer-events:auto;opacity:1}.display-action{color:#d9dee8;cursor:pointer;background:#2b3344db;border:0;border-radius:7px;min-width:0;padding:8px 11px;font-size:13px;font-weight:800}.display-action:hover{color:#fff;background:#e11d2e}.display-action:focus-visible{color:#fff;background:#e11d2e}.fullscreen-feedback{color:#ffb4ba;min-width:0;margin:0 6px 0 0;font-size:12px;font-weight:750}.fullscreen-feedback:empty{margin:0;display:none}.portrait-notice{z-index:10;top:0;bottom:0;left:0;right:0;color:#fff;text-align:center;align-content:center;place-items:center;padding:32px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.portrait-notice h1,.portrait-notice h2,.portrait-notice p{margin:0}.portrait-notice h1{color:#e11d2e;letter-spacing:.12em;text-transform:uppercase;margin-top:20px;font-size:24px}.portrait-notice h2{text-transform:uppercase;margin-top:10px;font-size:38px}.portrait-notice p{color:#c5cbd6;max-width:460px;margin-top:15px;font-size:18px}.portrait-icon{color:#e11d2e;width:84px;height:84px}.is-portrait .display-stage{visibility:hidden}.is-portrait .portrait-notice{display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.receiver-chrome{transition:none}}.ended-screen{align-content:center}.ended-screen .primary-action{margin-top:1.25rem}.demo-controls{z-index:10;background:#000000d9;border-radius:8px;gap:6px;padding:8px;display:flex;position:fixed;bottom:12px;right:12px}.demo-controls button{padding:7px 9px;font-size:12px}