:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101317;color:#eef2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=light]{color-scheme:light;background:#f4f5f2;color:#171a1d}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#1b2127eb,#101317 320px),#101317}:root[data-theme=light] body{background:linear-gradient(180deg,#edefe8fa,#f4f5f2 320px),#f4f5f2}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f5c451;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar-nav{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;height:100vh;padding:22px 14px;border-right:1px solid rgba(255,255,255,.08);background:#0b0e11d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=light] .sidebar-nav{border-right-color:#151a1f1f;background:#f8f9f5e6}.brand{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;color:#f5c451;font-size:1.15rem;font-weight:800}.sidebar-nav nav{display:grid;gap:6px}.sidebar-nav nav a,.sidebar-nav nav button,.bottom-nav a,.bottom-nav button{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 12px;border-radius:8px;color:#aeb8c1;font-weight:700}.sidebar-nav nav button{justify-content:flex-start;border:1px solid transparent;background:transparent;text-align:left}.bottom-nav button{justify-content:center;border:0;background:transparent}.sidebar-nav nav a.active,.sidebar-nav nav a:hover,.sidebar-nav nav button.is-active,.sidebar-nav nav button:hover,.bottom-nav a.active,.bottom-nav button.active{background:#26323a;color:#fff}:root[data-theme=light] .sidebar-nav nav a,:root[data-theme=light] .sidebar-nav nav button,:root[data-theme=light] .bottom-nav a,:root[data-theme=light] .bottom-nav button{color:#52606a}:root[data-theme=light] .sidebar-nav nav a.active,:root[data-theme=light] .sidebar-nav nav a:hover,:root[data-theme=light] .sidebar-nav nav button.is-active,:root[data-theme=light] .sidebar-nav nav button:hover,:root[data-theme=light] .bottom-nav a.active,:root[data-theme=light] .bottom-nav button.active{background:#dce6df;color:#111416}.app-main{min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.08);background:#101317d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#bac5cd;font-size:.92rem;transform:translateY(0);transition:transform .26s cubic-bezier(.4,0,.2,1);will-change:transform}.topbar.is-hidden{transform:translateY(-100%)}:root[data-theme=light] .topbar{border-bottom-color:#151a1f1a;background:#f4f5f2db;color:#59646d}.topbar>div{display:flex;align-items:center;gap:9px}.topbar a{color:#f5c451;font-weight:800}.topbar-brand{display:none!important}.topbar-brand{color:#f5c451;font-size:1.15rem;font-weight:900}.status-dot{width:9px;height:9px;border-radius:999px;background:#41d67c;box-shadow:0 0 0 4px #41d67c1f}.content{width:min(100%,1360px);margin:0 auto;padding:30px 28px 56px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.eyebrow{margin:0 0 7px;color:#f5c451;font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,4vw,4.2rem);line-height:.98;letter-spacing:0}h2{margin-bottom:16px;font-size:1.1rem}.page-heading p:last-child,.player-title p:last-child{max-width:720px;margin-bottom:0;color:#aeb8c1}:root[data-theme=light] .page-heading p:last-child,:root[data-theme=light] .player-title p:last-child{color:#5c6872}.filters{display:grid;gap:12px;margin-bottom:22px}.search-field{display:flex;align-items:center;gap:11px;min-height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#ffffff0f;color:#dce5ec}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit}:root[data-theme=light] .search-field{border-color:#151a1f24;background:#fff;color:#171a1d}.filter-row{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.filter-row label,.settings-panel label{display:grid;gap:7px;color:#aeb8c1;font-size:.82rem;font-weight:800}:root[data-theme=light] .filter-row label,:root[data-theme=light] .settings-panel label{color:#59646d}select{min-width:160px;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#1b2228;color:#f3f6f8}:root[data-theme=light] select{border-color:#151a1f24;background:#fff;color:#171a1d}.check-control{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:9px!important;min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#ffffff0a}:root[data-theme=light] .check-control{border-color:#151a1f24;background:#fff}.competition-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border-radius:8px}.competition-strip>span{padding:0 6px;color:#aeb8c1;font-size:.78rem;font-weight:900;text-transform:uppercase}.competition-strip button{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff0d;color:#dbe4ea;font-size:.84rem;font-weight:850}.competition-strip button.is-active{border-color:#f5c451;background:#f5c451;color:#141719}:root[data-theme=light] .competition-strip{border-color:#151a1f1f;background:#fff}:root[data-theme=light] .competition-strip>span{color:#59646d}:root[data-theme=light] .competition-strip button{border-color:#151a1f24;background:#f5f7f3;color:#171a1d}.ghost-button,.primary-button,.watch-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#f3f6f8;font-weight:850}.primary-button,.watch-link{border-color:#f5c451;background:#f5c451;color:#161a1d}.ghost-button.is-active{color:#f5c451}:root[data-theme=light] .ghost-button{border-color:#151a1f24;background:#fff;color:#171a1d}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(246px,1fr));gap:16px}.channel-card{display:grid;gap:12px;min-height:306px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0e;box-shadow:0 18px 38px #00000029;transition:border-color .16s ease,transform .16s ease,background .16s ease}.channel-card:hover{transform:translateY(-2px);border-color:#f5c45173;background:#ffffff13}:root[data-theme=light] .channel-card{border-color:#151a1f1f;background:#fff;box-shadow:0 16px 34px #151a1f14}:root[data-theme=light] .channel-card:hover{border-color:#b5841452;background:#fbfcf8}.player-header,.player-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.channel-card__image{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:8px;background:radial-gradient(circle at 50% 40%,rgba(245,196,81,.12),transparent 58%),#223039}.channel-card__image img{width:100%;height:100%;object-fit:cover}.channel-card__image img.is-logo{padding:28px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.34))}.channel-card__image .icon-button{position:absolute;top:10px;right:10px;border-color:#ffffff29;background:#151719b8;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.channel-card__image .icon-button--danger{right:56px;color:#ff8f8f}.channel-card__image .icon-button--danger:hover{border-color:#ff8f8f73;background:#6e1823b8}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#c7d1d8}.icon-button.is-active{color:#f5c451}:root[data-theme=light] .icon-button{border-color:#151a1f21;background:#f6f7f4;color:#52606a}.channel-card__body h3{min-height:20px;margin-bottom:0;font-size:1.08rem;line-height:1.22}.channel-card__meta{display:flex;flex-wrap:wrap;gap:8px;color:#aeb8c1;font-size:.78rem;font-weight:800}:root[data-theme=light] .channel-card__meta{color:#59646d}.channel-card__tags,.channel-card__matches{display:flex;flex-wrap:wrap;gap:6px;min-height:22px}.channel-card__tags span{padding:4px 8px;border-radius:999px;background:#41d67c21;color:#98efbb;font-size:.72rem;font-weight:850}.channel-card__matches span{padding:4px 8px;border-radius:999px;background:#f5c45126;color:#ffd76e;font-size:.72rem;font-weight:900}:root[data-theme=light] .channel-card__tags span{background:#e7f3eb;color:#226c45}:root[data-theme=light] .channel-card__matches span{background:#fff2c7;color:#805b00}.watch-link{width:100%;align-self:end}.empty-state,.loading-state{display:grid;place-items:center;gap:12px;min-height:280px;padding:26px;border:1px dashed rgba(255,255,255,.18);border-radius:8px;color:#aeb8c1;text-align:center}:root[data-theme=light] .empty-state,:root[data-theme=light] .loading-state{border-color:#151a1f2e;color:#59646d}.loader{width:36px;height:36px;border:4px solid rgba(255,255,255,.16);border-top-color:#f5c451;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-page{max-width:1280px}.player-title{margin:22px 0}.player-title h1{font-size:clamp(2rem,4vw,3.6rem)}.mobile-versus{display:none}.player-shell{border:0;border-radius:8px;overflow:hidden;background:#050607}.player-frame{aspect-ratio:16 / 9;width:100%;min-height:260px;overflow:hidden}.player-frame iframe{display:block;width:calc(100% + 24px);height:calc(100% + 24px);margin:-12px;border:0;background:#050607}.player-controls{flex-wrap:wrap;margin-top:14px}.source-tabs{display:flex;flex-wrap:wrap;gap:8px}.source-tabs button{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:#dbe4ea;font-weight:850}.source-tabs button.is-active{border-color:#f5c451;background:#f5c451;color:#111416}:root[data-theme=light] .source-tabs button{border-color:#151a1f24;background:#fff;color:#171a1d}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.settings-panel{display:grid;align-content:start;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0e}:root[data-theme=light] .settings-panel{border-color:#151a1f1f;background:#fff}.today-content{max-width:1260px}.today-panel{margin-bottom:30px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0f;overflow:hidden}:root[data-theme=light] .today-panel{border-color:#151a1f1f;background:#fff}.today-toolbar{display:grid;place-items:center;min-height:96px;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center}:root[data-theme=light] .today-toolbar{border-bottom-color:#151a1f1a}.today-toolbar h1{margin-bottom:0;font-size:2.2rem}.today-filters{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:26px 32px}.today-filters>button{min-height:48px;padding:0 26px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#f3f6f8;font-size:1rem;font-weight:900}.today-filters>button.is-active{border-color:#f5c451;background:#f5c451;color:#151719}:root[data-theme=light] .today-filters>button{border-color:#151a1f1f;background:#fff;color:#171a1d;box-shadow:inset 0 0 0 1px #151a1f0a}.today-search{flex:1;display:flex;align-items:center;gap:12px;min-width:260px;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;color:#aeb8c1}:root[data-theme=light] .today-search{border-color:#151a1f1f;background:#fff;color:#5c6872}.today-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;font-size:1rem;font-weight:800}.today-groups{display:grid;gap:18px}.match-group{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0b;overflow:hidden}:root[data-theme=light] .match-group{border-color:#151a1f1a;background:#fff}.match-group>header{display:flex;align-items:center;gap:12px;min-height:72px;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.08)}:root[data-theme=light] .match-group>header{border-bottom-color:#151a1f1a}.match-group h2{margin:0;font-size:1.1rem}.league-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#41d67c29}.match-row{display:grid;grid-template-columns:96px minmax(120px,1fr) 120px minmax(120px,1fr) 42px;align-items:center;gap:16px;min-height:76px;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.06)}.match-row:hover{background:#ffffff14}:root[data-theme=light] .match-row{border-bottom-color:#151a1f14}:root[data-theme=light] .match-row:hover{background:#f1f4ef}.match-status{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:5px 9px;border-radius:999px;background:#ffffff17;color:#aeb8c1;font-size:.78rem;font-weight:900}.match-status.is-live{background:#41d67c29;color:#41d67c}.match-status.is-live span{width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px #41d67c24}:root[data-theme=light] .match-status.is-live{background:#e5f6eb;color:#187346}.team{font-size:1.05rem;font-weight:850}.team-home{text-align:right}.match-row strong{justify-self:center;color:#f5c451}.source-count{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#f5c45126;color:#f5c451;font-size:.82rem;font-weight:950}.match-sources{display:grid;gap:12px;margin-top:16px}.match-source-group{display:grid;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0a}.match-source-group p{margin-bottom:0;color:#f3f6f8;font-weight:900}.match-source-group div{display:flex;flex-wrap:wrap;gap:10px}:root[data-theme=light] .match-source-group{border-color:#151a1f1f;background:#fff}:root[data-theme=light] .match-source-group p{color:#171a1d}.match-sources button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#f3f6f8;font-weight:850}.match-sources button.is-active{border-color:#f5c451;background:#f5c451;color:#151719}:root[data-theme=light] .match-sources button{border-color:#151a1f1f;background:#fff;color:#171a1d}.bottom-nav,.mobile-menu{display:none}@media(max-width:920px){.app-shell{display:block;padding-bottom:74px}.sidebar-nav{display:none}.topbar{padding:0 16px}.topbar-status{display:none!important}.topbar-brand{display:flex!important}.content{padding:24px 16px 38px}h1{font-size:2.4rem}.page-heading{display:block}.page-actions{justify-content:stretch;margin-top:14px}.page-actions .ghost-button{width:100%}.filter-row{display:grid;grid-template-columns:1fr 1fr}.today-toolbar{min-height:92px;padding:18px 16px}.today-filters{padding:18px 16px}.today-content .match-group{min-width:0}.match-row{grid-template-columns:72px minmax(0,1fr) 82px minmax(0,1fr) 32px;gap:8px;min-height:66px;padding:0 12px}.match-group>header{min-height:60px;padding:0 14px}.match-status{padding:4px 7px;font-size:.64rem}.match-status.is-live span{width:6px;height:6px;box-shadow:0 0 0 3px #41d67c24}.team{min-width:0;overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.match-row strong{font-size:.84rem}.team-home{text-align:right}.match-row strong{justify-self:center}.source-count{justify-self:center;width:26px;height:26px;font-size:.72rem}.filter-row label,.filter-row button{min-width:0}.filter-row select{width:100%;min-width:0}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.1);background:#0c0f12f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(0);transition:transform .26s cubic-bezier(.4,0,.2,1);will-change:transform}.bottom-nav.is-hidden{pointer-events:none;transform:translateY(calc(100% + env(safe-area-inset-bottom,0px) + 12px))}:root[data-theme=light] .bottom-nav{border-top-color:#151a1f1f;background:#f8f9f5f5}.bottom-nav a,.bottom-nav button{display:grid;place-items:center;gap:3px;min-height:64px;padding:6px 2px;border-radius:0;font-size:.68rem}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:block}.mobile-menu__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000007a}.mobile-menu__panel{position:absolute;right:10px;bottom:84px;left:10px;display:grid;gap:14px;max-height:min(72vh,560px);padding:16px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0e1216fa;box-shadow:0 24px 70px #00000061}:root[data-theme=light] .mobile-menu__panel{border-color:#151a1f1f;background:#f8f9f5fa}.mobile-menu__panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-menu__panel h2{margin:0;font-size:1.35rem}.mobile-menu__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-menu__grid a,.mobile-menu__grid button{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff0d;color:#d7dee3;font-weight:850}.mobile-menu__grid a.active,.mobile-menu__grid button.is-active{border-color:#f5c451;background:#f5c45129;color:#f5c451}:root[data-theme=light] .mobile-menu__grid a,:root[data-theme=light] .mobile-menu__grid button{border-color:#151a1f1f;background:#fff;color:#52606a}}@media(max-width:560px){.topbar{align-items:start;flex-direction:column;justify-content:center;min-height:70px;gap:4px}.filter-row,.channel-grid{grid-template-columns:1fr}.player-header{align-items:flex-start;flex-direction:column;margin-bottom:14px}.player-controls{align-items:stretch;flex-direction:column}.player-header .ghost-button{width:auto;min-height:38px;padding:0 12px;border-radius:999px;background:#ffffff0a;font-size:.9rem}.today-match-page{padding-top:18px}.today-match-page .player-header{margin-bottom:12px}.today-match-page .player-title{margin:0 0 16px}.today-match-page .player-title .eyebrow{margin-bottom:8px;font-size:.68rem;line-height:1.35}.today-match-page .player-title h1{margin-bottom:6px;font-size:1.95rem;line-height:1.08}.today-match-page .mobile-versus{display:inline}.today-match-page .player-opponent{display:none}.today-match-page .player-shell{border-radius:10px;background:#020303;box-shadow:0 18px 44px #00000047}.source-tabs{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.player-frame{min-height:0;aspect-ratio:16 / 9}.today-match-page .match-sources{gap:12px;margin-top:12px}.today-match-page .match-source-group{gap:10px;padding:0;border:0;border-radius:0;background:transparent}.today-match-page .match-source-group p{color:#f5c451;font-size:.82rem;text-transform:uppercase;letter-spacing:0}.today-match-page .match-source-group div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.today-match-page .match-sources button{justify-content:center;min-height:46px;padding:0 10px;border-radius:9px;font-size:.92rem}}