@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080a0f;--bg2:#0c0f18;--surface:#111520;--surface2:#161b2a;--surface3:#1c2235;--border:#1e2538;--border2:#263050;--accent:#e63946;--accent-dim:#e639461f;--green:#2dce89;--blue:#4d9ef7;--blue-dim:#4d9ef71f;--gold:#f5a623;--purple:#a78bfa;--text:#eef2ff;--text2:#8892aa;--text3:#606880;--radius:12px;--radius-sm:8px;--header-h:58px;--sidebar-w:224px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}button{cursor:pointer;font-family:inherit}img{display:block}a{color:inherit;text-decoration:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%,to{opacity:.35}50%{opacity:.65}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=768px){:root{--app-header-h:96px}.desktop-only{display:none!important}.app-header{flex-wrap:wrap;height:var(--app-header-h)!important;align-items:center!important;gap:8px!important;padding:8px 14px!important}.app-header>button:first-child{max-width:calc(100% - 46px)}.app-header .mode-tabs{flex:auto;order:10;width:auto;margin-left:0!important}.app-header .mode-tabs button{flex:1;justify-content:center}.app-header .live-badge{flex-shrink:0;order:11}.app-header .nav-menu-button{margin-left:auto}.mobile-sport-menu{top:var(--app-header-h)!important}.desktop-sidebar{display:none!important}.match-grid{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))!important;gap:10px!important;padding:12px 14px!important}.stream-source-grid{grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:8px;padding:10px;display:grid;max-height:none!important;overflow:visible!important}.stream-source-grid>button{border-radius:var(--radius-sm);border:1px solid var(--border)!important;border-left:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important}.movie-source-grid{grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:8px!important;display:grid!important}.movie-source-grid>button{justify-content:center;min-height:36px}.watch-topbar{min-height:var(--header-h);flex-wrap:wrap;gap:8px!important;height:auto!important;padding:8px 12px!important}.watch-topbar>button:first-child{order:1}.watch-topbar>button:nth-child(2){order:2;min-width:0}.watch-mode-tabs{order:3;width:100%;margin-left:0!important}.watch-mode-tabs button{flex:1}}@media (width>=769px){.mobile-only{display:none!important}}@media (width>=1280px){:root{--header-h:64px;--sidebar-w:260px}}@media (width>=1600px){:root{--header-h:72px;--sidebar-w:300px}body{font-size:17px}}@media (width>=2560px){:root{--header-h:88px;--sidebar-w:360px;--radius:16px;--radius-sm:10px}body{font-size:20px}::-webkit-scrollbar{width:8px;height:8px}}@media (width>=3840px){:root{--header-h:110px;--sidebar-w:440px;--radius:20px;--radius-sm:14px}body{font-size:26px}::-webkit-scrollbar{width:12px;height:12px}}@media (width>=1600px){.match-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:16px!important;padding:18px 28px!important}.app-header{padding:0 clamp(20px,2.5vw,56px)!important}}@media (width>=2560px){.match-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important;gap:20px!important;padding:24px 40px!important}.app-header{padding:0 clamp(32px,3vw,80px)!important}.stream-source-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:12px!important}}@media (width>=3840px){.match-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))!important;gap:28px!important;padding:32px 60px!important}.app-header{padding:0 clamp(48px,3.5vw,120px)!important}.stream-source-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:16px!important}}