:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#050806;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{color:#0f1b14;cursor:pointer;font:inherit;background:#f3f7f0;border:0;min-height:48px;padding:0 22px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.45}.player-screen,.pairing-screen,.empty-screen{background:#050806;width:100%;height:100%;position:relative}.transition-stage,.media-layer,.transition-visual-overlay,.transition-proxy,.transition-blackout{position:absolute;inset:0}.transition-stage{background:#050806;overflow:hidden}.media-layer{opacity:1;transition:opacity var(--player-transition-ms,1.5s) ease-in-out;will-change:opacity;z-index:1;transform:translateZ(0)}.media-layer-pending{opacity:0;pointer-events:none;z-index:2}.media-layer-inactive{opacity:0;pointer-events:none;visibility:hidden;z-index:0}.transition-stage-fade_black.transition-stage-fading .media-layer-visible,.transition-stage-dissolve.transition-stage-fading .media-layer-visible{opacity:0}.transition-stage-dissolve.transition-stage-fading .media-layer-pending{opacity:1}.transition-stage-with-overlay .media-layer{transition:none}.transition-stage-with-overlay.transition-stage-dissolve.transition-stage-fading .media-layer-visible{opacity:1}.transition-stage-with-overlay.transition-stage-dissolve.transition-stage-fading .media-layer-pending{opacity:0}.transition-visual-overlay{pointer-events:none;z-index:4}.transition-proxy{background:#050806;width:100%;height:100%;display:block}.transition-proxy-from{opacity:1;transition:opacity var(--player-transition-ms,1.5s) ease-in-out;z-index:1}.transition-proxy-to{opacity:0;transition:opacity var(--player-transition-ms,1.5s) ease-in-out;z-index:2}.transition-visual-overlay-fading .transition-proxy-from,.transition-visual-overlay-settling .transition-proxy-from,.transition-visual-overlay-releasing .transition-proxy-from{opacity:0}.transition-visual-overlay-fading .transition-proxy-to,.transition-visual-overlay-settling .transition-proxy-to{opacity:1}.transition-visual-overlay-settling .transition-proxy{transition:none}.transition-visual-overlay-releasing .transition-proxy-to{opacity:0;transition:opacity var(--player-overlay-release-ms,.22s) linear}.transition-blackout{opacity:0;pointer-events:none;transition:opacity var(--player-transition-ms,.3s) ease;z-index:5;background:#050806}.transition-stage-blackout .transition-blackout{opacity:1}.media-stage{object-fit:cover;background:#050806;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.transition-proxy,.transition-blackout{transition-duration:.18s}}.player-status{z-index:5;background:#050806b8;align-items:flex-start;gap:4px;max-width:min(420px,100vw - 36px);padding:12px 14px;display:grid;position:absolute;bottom:18px;left:18px}.fixture-ribbon{color:#0f1b14;letter-spacing:0;text-transform:uppercase;z-index:6;background:#f3f7f0e6;padding:9px 12px;font-size:13px;font-weight:900;position:absolute;top:18px;right:18px}.player-status span{color:#ffffffb8;font-size:.84rem}.pairing-screen,.empty-screen{text-align:center;place-items:center;padding:40px;display:grid}.pairing-box{justify-items:center;gap:18px;max-width:920px;display:grid}.eyebrow{color:#9fcbb8;letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(1rem,1.6vw,1.4rem);font-weight:800}h1{margin:0;font-size:clamp(4rem,13vw,10rem);line-height:.95}.empty-screen h1{font-size:clamp(3rem,9vw,7rem)}p{margin:0}.pairing-copy,.polling,.error{color:#ffffffc7;max-width:720px;font-size:clamp(1.1rem,2vw,1.8rem);line-height:1.35}.error{color:#ffb4a8}.pairing-actions{grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;width:min(900px,100%);display:grid}.pairing-method{border:1px solid #9fcbb852;border-radius:6px;align-content:center;justify-items:center;gap:12px;min-height:150px;padding:18px;display:grid}.pairing-method strong,.pairing-method label{color:#ffffffd6;font-size:1rem;font-weight:800}.pairing-code-entry{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.pairing-code-entry input{color:#0f1b14;font:inherit;letter-spacing:0;text-align:center;text-transform:uppercase;background:#f3f7f0;border:0;width:100%;max-width:150px;height:48px;padding:0 12px;font-size:1.4rem;font-weight:900}.pairing-code-entry input:disabled{opacity:.45}footer{color:#ffffffad;justify-content:center;align-items:center;gap:16px;width:100%;display:flex;position:absolute;bottom:24px;left:0}@media (width<=700px){.pairing-screen,.empty-screen{padding:24px}.pairing-actions{grid-template-columns:1fr}.pairing-code-entry{flex-direction:column;align-items:stretch}.pairing-code-entry input{max-width:none}footer{flex-direction:column;align-items:stretch;padding:0 24px}}
