.live-player{position:relative}
.live-controls{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#121216e6;color:#f2f0f7;position:absolute;bottom:0;left:0;right:0;z-index:1;transition:opacity .2s}
.live-controls[hidden],.live-controls button[hidden]{display:none!important}
.live-controls button{padding:7px 12px;min-height:40px;background:#292630;color:#f2f0f7;border:0;border-radius:8px;cursor:pointer}
.live-controls input[data-live-volume]{width:85px;min-width:0;margin:0;accent-color:#bfa0ff}
.live-controls [data-live-fullscreen]{margin-left:auto;font-size:22px}
.live-indicator{font-size:11px;font-weight:750;letter-spacing:1px;white-space:nowrap}
.live-indicator span{color:#f36b7f;margin-right:4px}
.live-player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#000;width:100%;height:100%}
.live-player:fullscreen video{flex:1;min-height:0;object-fit:contain;aspect-ratio:auto!important}
.live-player:fullscreen.controls-idle{cursor:none}
.live-player:fullscreen.controls-idle .live-controls{opacity:0;pointer-events:none}

:root{color-scheme:dark;--bg:#111018;--surface:#1c1a26;--hover:#262233;--text:#eeeaf5;--accent:#c4a2ff;--muted:#b1a9bf;--line:#3b354b;--button:#7543b5;--button-text:#fff}
input,select,textarea{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;accent-color:var(--accent)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.play-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;border-radius:50%;background:var(--button);color:#fff;font-size:25px}
.play-cell{width:76px;text-align:center}.play-link{display:inline-flex}.play-link:hover{text-decoration:none;filter:brightness(1.2)}
.stream-choice{display:flex;align-items:center;gap:16px;width:100%;margin:10px 0;text-align:left;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.stream-choice[aria-pressed="true"]{border-color:var(--accent)!important;background:var(--hover)!important}
.stream-choice small{display:block;color:var(--muted)}
button:hover{filter:brightness(1.15)}button:disabled{opacity:.6;cursor:wait}
:root{--bg:#101014;--surface:#19191f;--hover:#23232c;--text:#f4f3f7;--accent:#c8b4ff;--muted:#9998a7;--line:#303038;--button:#bda1ff;--button-text:#171021}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{background:var(--button);color:var(--button-text);border:0;border-radius:9px;padding:11px 22px;cursor:pointer}button:hover{filter:brightness(1.08)}[hidden]{display:none!important}.site-header{min-height:88px;display:flex;align-items:center;gap:65px;padding:0 max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:#121216}.brand{font-size:26px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap}.brand-mark{font-size:16px;display:inline-grid;place-items:center;background:var(--accent);color:#20172f;width:31px;height:31px;border-radius:9px;margin-right:8px;vertical-align:3px}.brand-dot{color:var(--accent)}.site-header nav{display:flex;gap:30px;align-self:stretch;align-items:center}.site-header nav a{height:100%;display:flex;align-items:center;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--text);border-color:var(--accent)}.header-note{margin-left:auto;font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:32px 28px 70px;min-height:75vh}.breadcrumb{font-size:13px;color:var(--muted);margin:4px 0 24px}.breadcrumb a:hover{color:var(--accent)}.hero{display:flex;justify-content:space-between;position:relative;overflow:hidden;padding:28px 0 32px;gap:30px}.hero h1{font-size:48px;line-height:1.1;letter-spacing:-2px;margin:12px 0 18px;max-width:850px}.hero-home{background:linear-gradient(110deg,#24202f,#1b1924 65%,#282136);border:1px solid #393044;border-radius:20px;padding:48px;margin:4px 0 28px;min-height:310px}.hero-home h1{font-size:62px}.hero h1 span{color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:750;color:var(--accent);margin:0}.hero-copy{color:#bab6c8;font-size:16px;margin:0}.hero-art{width:340px;flex-shrink:0;position:relative;border:1px solid #6f5b8c;border-radius:100px 100px 12px 12px;transform:rotate(-12deg);opacity:.55;margin:0 20px}.hero:not(.hero-home) .hero-art{display:none}.court-circle{position:absolute;inset:21% 20%;border:1px solid #9d7fca;border-radius:50%}.court-line{position:absolute;top:50%;width:100%;border-top:1px solid #9d7fca}.court-ball{position:absolute;right:19%;top:17%;font-size:56px;color:var(--accent)}.court-caption{position:absolute;bottom:15px;left:36px;font-size:9px;letter-spacing:4px}.search-bar{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 10px 8px 20px;margin:0 0 38px}.search-bar>span{font-size:28px;color:var(--muted)}.search-bar input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);padding:9px 0;outline-offset:4px}.search-bar button{font-size:13px;font-weight:700;padding:10px 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading h2{font-size:22px;letter-spacing:-.6px;margin:0}.section-heading>span{font-size:12px;color:var(--muted)}.folders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sport-card{display:flex;min-height:170px;flex-direction:column;justify-content:space-between;padding:23px;background:linear-gradient(145deg,#23212d,#19191f);border:1px solid var(--line);border-radius:14px;transition:transform .18s,border-color .18s}.sport-card:nth-child(3n+2){background:linear-gradient(145deg,#232b2b,#19191f)}.sport-card:nth-child(3n){background:linear-gradient(145deg,#2b2521,#19191f)}.sport-card:hover{transform:translateY(-3px);border-color:var(--accent)}.sport-glyph{font-size:33px;color:var(--accent);line-height:1}.sport-card:nth-child(3n+2) .sport-glyph{color:#a4d4ca}.sport-card:nth-child(3n) .sport-glyph{color:#e1c19c}.sport-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.sport-card strong{font-size:18px;display:block}.sport-card small{color:var(--muted);font-size:12px}.chevron{color:var(--muted);font-size:24px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid var(--line);border-radius:25px;padding:7px 17px;color:var(--muted);font-size:13px}.filter.selected{background:var(--accent);border-color:var(--accent);color:#21162f;font-weight:700}.event-list{display:grid;gap:12px}.event-card{display:flex;align-items:center;gap:22px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:23px}.event-card:hover{border-color:#5f516e}.play-link{flex-shrink:0}.play-icon{width:56px;height:56px;background:var(--accent);color:#23182f;font-size:21px;padding-left:3px}.event-info{flex:1;min-width:0}.event-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:6px}.event-meta>span:first-child{text-transform:uppercase;letter-spacing:1.2px}.event-title{font-size:19px;line-height:1.35;display:block;overflow-wrap:anywhere}.event-title:hover{color:var(--accent)}.event-time{font-size:12px;color:var(--muted);margin-top:8px}.event-open{color:var(--muted);font-size:24px;padding:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:5px;background:#292832;color:#c4c0cf;font-size:11px;font-weight:650}.badge.live{background:#19362b;color:#8be3b4}.badge i{width:5px;height:5px;background:currentColor;border-radius:50%}.browse-more{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:22px;margin-top:25px;font-size:12px;color:var(--muted)}.browse-more a:hover,.text-link{color:var(--accent)}.empty{text-align:center;padding:65px 24px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.empty h2{color:var(--text)}.empty-icon{font-size:38px}.site-footer{max-width:1184px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:25px 0 36px;color:var(--muted);font-size:12px}.site-footer .brand{font-size:20px;color:#d5d1dd}.site-footer>a:last-child{margin-left:auto}.watch-heading{padding:4px 0 24px}.watch-heading h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:14px 0}.watch-heading p{color:var(--muted);font-size:13px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.video-panel{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#050506}.video-panel video{display:block}.video-wrap{position:relative}.player-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;color:var(--muted)}.player-placeholder span{font-size:42px;color:var(--accent);margin-bottom:10px}.video-panel:has(video[src]) .player-placeholder,.video-panel:has(video[data-selected]) .player-placeholder{display:none}.player-info{padding:14px 20px;background:var(--surface);font-size:13px;color:var(--muted);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.player-info p{margin:0}.player-info a{color:var(--accent)}.streams-panel{border:1px solid var(--line);border-radius:14px;background:#15151b;padding:22px}.streams-panel h2{font-size:19px;margin:0}.streams-panel>p{color:var(--muted);font-size:12px;margin:6px 0 20px}.stream-choice{padding:14px;border-radius:10px;gap:12px;font-size:12px;overflow-wrap:anywhere}.stream-choice .play-icon{width:36px;height:36px;font-size:15px}.stream-choice strong{display:block;font-size:13px;font-weight:650}.stream-choice small{font-size:11px;margin-top:3px}.stream-choice[aria-pressed=true]{box-shadow:inset 3px 0 var(--accent)}.watch-note{color:var(--muted);font-size:12px;margin-top:22px;max-width:700px}
@media(min-width:1000px){.streams-panel{max-height:620px;overflow:auto}}
@media(max-width:1000px){.site-header{gap:24px}.site-header nav{gap:20px}.header-note{display:none}.folders{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{width:250px}.hero-home h1{font-size:50px}.watch-layout{grid-template-columns:1fr}.streams-panel{margin-top:0}.site-footer{margin:0 28px}}
@media(max-width:650px){.site-header{padding:17px 20px;gap:15px;flex-wrap:wrap;min-height:100px}.site-header nav{gap:clamp(10px,4vw,24px);font-size:13px;min-height:30px;width:100%}.brand{font-size:24px}main{padding:24px 18px 45px}.hero-home{padding:28px;min-height:240px}.hero-home h1{font-size:43px}.hero h1{font-size:36px}.hero-art{display:none}.hero-copy{font-size:14px}.folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sport-card{padding:18px;min-height:150px}.sport-card strong{font-size:16px}.event-card{padding:18px 14px;gap:14px}.event-title{font-size:16px}.event-open{display:none}.play-icon{width:48px;height:48px}.event-meta{gap:8px}.site-footer{margin:0 18px;gap:16px;flex-wrap:wrap}.site-footer>span{order:3;width:100%}.search-bar button{padding:10px 14px}.watch-heading h1{font-size:28px}.watch-layout{gap:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sport-icon{display:block;width:44px;height:44px;flex-shrink:0}.sport-glyph .sport-icon{width:42px;height:42px}.match-art{display:flex;align-items:center;gap:8px;flex-shrink:0}.team-crest{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#272630;color:#ded3f4;font-size:12px;font-weight:800;isolation:isolate}.team-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#222129;border-radius:50%;padding:5px}.match-vs{font-size:10px;color:var(--muted)}.sport-fallback{color:var(--accent);padding:8px}.sport-fallback .sport-icon{width:34px;height:34px}.match-art-large .team-crest{width:78px;height:78px;font-size:18px}.match-art-large{gap:18px}.match-art-large .match-vs{font-size:13px}.watch-heading{position:relative;padding-right:220px;min-height:150px}.watch-match-art{position:absolute;right:0;top:25px}.stream-sport{display:none}.watch-match-art .sport-fallback .sport-icon{width:70px;height:70px}
@media(max-width:650px){.event-card{flex-wrap:wrap}.event-card>.match-art{order:-1;width:100%;padding-left:62px;margin-bottom:-4px}.event-card>.sport-fallback{display:none}.team-crest{width:37px;height:37px;font-size:10px}.event-card .team-logo{padding:3px}.watch-heading{padding-right:0}.watch-match-art{position:static;margin:8px 0 20px}.match-art-large .team-crest{width:62px;height:62px}.watch-match-art .sport-fallback .sport-icon{width:48px;height:48px}}

.team-logo{opacity:0}.team-logo.loaded{opacity:1}

.browse-title{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 24px}

.subcategories{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.subcategories .filter{font-size:12px}.subcategories .filter:hover{border-color:var(--accent);color:var(--text)}.subcategories .filter span{opacity:.65;margin-left:5px}
.game-status{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;letter-spacing:normal;text-transform:none}.score-teams{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.score-team{white-space:nowrap}.score-team b{font-size:15px;margin-left:4px}.score-divider,.score-detail{color:var(--muted)}.score-detail{font-size:11px}.badge.stale{color:#e2c894;background:#352c1e}.watch-heading .score-teams{font-size:14px}.watch-heading .score-team b{font-size:19px}
.event-note { color: var(--accent); font-size: .85rem; font-weight: 600; margin-top: .25rem; }