:root{--bg:#090d17;--base:#0e1322;--panel:#141b2d;--panel2:#171f33;--line:#273047;--ink:#f2f5ff;--muted:#96a2ba;--accent:#6d5efc;--glow:#a99eff;--green:#2bd1ac;--bad:#fb6c79;--font:'DM Sans',system-ui,sans-serif;--head:'Space Grotesk',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{outline:0}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #6d5efc25}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--head);letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.08}h2{font-size:clamp(1.4rem,3vw,2rem)}p{line-height:1.7}::selection{background:var(--accent);color:#fff}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}.topbar{height:77px;border-bottom:1px solid #ffffff0b;position:relative;z-index:50;background:#0b1020ed;backdrop-filter:blur(20px)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--head);font-size:23px;font-weight:700;letter-spacing:-1px;line-height:1.05}.brand-mark{width:39px;height:39px;border-radius:11px;background:linear-gradient(140deg,#9a8aff,#5f4ef0);color:white;display:grid;place-items:center;font-size:26px;box-shadow:0 4px 23px #6d5efc56}.brand small{display:block;font:600 8px var(--font);letter-spacing:2.8px;color:var(--muted);margin-top:6px}.top-links{display:flex;align-items:center;gap:7px}.top-links>a{padding:12px 16px;color:#b9c3d8;border-radius:10px;font-size:14px;font-weight:700;transition:.15s}.top-links>a:hover,.top-links>a.on{background:#242944;color:white}.new-tag{font:800 9px var(--font);padding:3px 5px;border-radius:5px;background:#244a45;color:#5fe8c8;vertical-align:middle;margin-left:4px}.pill-nav{border:1px solid #3e4365;background:#222641;padding:10px 14px;border-radius:9px;color:#d9d9ff;font-size:13px;font-weight:700}.hamburger{display:none;background:none;border:0;color:#fff;font-size:24px}.mobile-nav{display:none}.announce{background:linear-gradient(90deg,#191939,#10152b,#152437);border-bottom:1px solid #39386150}.announce-inner{display:flex;align-items:center;gap:11px;height:39px;font-size:12px;color:#a9b2d4;font-weight:650;letter-spacing:.2px}.announce-right{margin-left:auto;color:#bfb8ff}.pulse{display:inline-block;background:#2dd4ac;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2bd1ac22,0 0 15px #2bd1ac55;flex-shrink:0}.main-content{padding-top:34px;padding-bottom:80px}.hero{display:grid;grid-template-columns:1fr 430px;min-height:347px;background:linear-gradient(120deg,#171b38 0%,#11192e 51%,#1d2145 100%);border:1px solid #48457966;border-radius:23px;overflow:hidden;position:relative;box-shadow:0 20px 70px #00000023}.hero:before{position:absolute;content:'';width:520px;height:520px;background:radial-gradient(circle,#6754e835,transparent 60%);right:5%;top:-40%}.hero-text{padding:45px 0 45px 55px;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:800;color:#b4aaff;display:flex;align-items:center;gap:10px}.eyebrow.tiny{font-size:10px;color:#a4a9d7}.hero h1{font-size:clamp(2.6rem,4.5vw,4rem);margin:16px 0 13px}.hero h1 span,.bottom-promo h2 span,.page-heading h1 span{color:#a69cff}.hero p{color:#abb6d6;max-width:440px;font-size:14px;line-height:1.8;margin-bottom:25px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid transparent;padding:12px 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:800;transition:filter .15s,transform .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 4px 25px #6d5efc30}.btn.ghost{background:#282e4a;border-color:#424b67;color:#f3f3ff}.hero-art{position:relative;min-height:300px;display:grid;place-items:center}.hero-ball{font-size:145px;filter:drop-shadow(0 23px 28px #0007);transform:rotate(-15deg);z-index:1}.hero-ring{position:absolute;border:1px solid #9c91ff3b;border-radius:50%;width:300px;height:300px;transform:rotate(25deg) scaleY(.6)}.ring2{width:405px;height:405px;border-color:#b6a8fb19}.hero-stat{position:absolute;right:35px;bottom:35px;border:1px solid #8c81b063;background:#1b2045dc;padding:12px 15px;border-radius:13px;font-size:12px;color:#d1cafa;z-index:2}.hero-stat strong{font-size:27px;padding:0 9px;color:white}.match-section{padding-top:44px}.section-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.section-header h2{margin:7px 0 0}.count-bubble{font:700 12px var(--font);vertical-align:middle;padding:5px 10px;color:#c9c1ff;background:#272445;border-radius:8px}.today-filter{display:flex;align-items:center;border:1px solid #30364d;border-radius:10px;background:#141a29;padding:4px;flex-wrap:wrap;gap:2px}.today-filter a{padding:9px 13px;font-size:12px;font-weight:700;color:#a3adc1;border-radius:7px}.today-filter a.active{color:#fff;background:#333b55}.filters{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;margin-bottom:17px;padding-bottom:4px}.filters::-webkit-scrollbar{display:none}.sport-filter{display:inline-flex;align-items:center;white-space:nowrap;gap:5px;border:1px solid #2c3448;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:700;color:#afb9ce;background:#151b2b}.sport-filter:hover{color:#fff;border-color:#666387}.sport-filter.active{background:#30275f;color:#fff;border-color:#7666ff}.search-row{margin-bottom:21px}.search-box{display:flex;align-items:center;background:#121827;border:1px solid #303951;border-radius:11px;padding:6px 7px 6px 17px;gap:11px}.search-box>span{font-size:25px;color:#8e94ba}.search-box input{border:0;background:transparent;color:#fff;flex:1;min-width:10px;font-size:13px}.search-box input::placeholder{color:#687792}.search-submit{border:0;border-radius:8px;background:#272e46;color:#dddaf8;padding:10px 18px;font-weight:750;font-size:12px}.search-submit:hover{background:#3a4264}.group-header{display:flex;align-items:center;gap:10px;margin:30px 0 12px}.group-header h3{margin:0;font-size:17px;letter-spacing:-.02em}.group-header>span:last-child{font-size:12px;color:#8995ae;margin-left:auto}.category-glyph{font-size:19px}.events-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.event-card{display:flex;align-items:center;gap:13px;border:1px solid #2b354b;border-radius:13px;background:linear-gradient(125deg,#161d30,#111828);padding:16px 16px 15px;min-height:107px;transition:background .15s,border-color .15s,transform .15s}.event-card:hover{border-color:#6963ab;background:#1c2540;transform:translateY(-2px)}.event-logo{border:1px solid #3b405c;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:11px;background:#222944;font-size:22px}.event-main{min-width:0;flex:1}.event-main strong{display:block;font-size:14px;margin:6px 0 7px;line-height:1.35}.event-league{color:#a59cf6;font-size:10px;font-weight:700;letter-spacing:.4px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-time{font-size:11px;color:#8e9bb5}.dot-mini{margin:0 5px}.event-trailing{display:flex;flex-direction:column;align-items:end;gap:12px;max-width:135px;flex:0 0 auto}.timer{font-size:12px;color:#c5bcff;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.live-badge{display:inline-flex;align-items:center;gap:6px;color:#56f3c6;background:#1744395d;border:1px solid #317b6e;border-radius:6px;padding:5px 8px;font-weight:900;font-size:10px;letter-spacing:.5px}.live-badge i{width:6px;height:6px;background:#31edb6;border-radius:50%;box-shadow:0 0 0 3px #2bd1ac26}.status-tag{display:inline-flex;align-items:center;border:1px solid #47516d;border-radius:7px;background:#2b3449;color:#ccd5e7;padding:6px 9px;font-size:10px;font-weight:800}.watch-chip{font-size:11px;font-weight:750;color:#b9b3ff;white-space:nowrap}.empty{text-align:center;padding:70px 20px;background:#141b2b;border:1px dashed #3a4157;border-radius:16px;color:#9da8c0}.empty span{font-size:50px;display:block;margin-bottom:8px}.empty h3{color:#fff}.empty p{margin-bottom:20px}.bottom-promo{margin-top:50px;border-radius:21px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:radial-gradient(circle at 80% 10%,#6f5ee32d,transparent 50%),#181b32;border:1px solid #3b3d68;padding:35px 43px}.bottom-promo h2{margin:12px 0;font-size:29px}.bottom-promo p{color:#9fa9bf;max-width:430px;font-size:13px;margin:0}.ad-wrap{margin:16px 0;display:grid;justify-items:center;gap:7px;max-width:100%;overflow:hidden}.ad-wrap span{color:#687690;letter-spacing:1.5px;font-size:9px}.ad-wrap img{max-width:100%;height:auto;border-radius:10px;border:1px solid #2c334a}.footer{border-top:1px solid #252d41;background:#0d1220}.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-block:38px}.footbrand{font:800 21px var(--head);color:#b7acff}.footer-inner p{font-size:12px;color:#7f8da7;max-width:435px;margin:12px 0 0}.foot-links{display:flex;gap:19px;flex-wrap:wrap}.foot-links a,.foot-bottom a{font-size:12px;color:#94a2bc}.foot-links a:hover,.foot-bottom a:hover{color:#fff}.foot-bottom{border-top:1px solid #20283c;padding:17px 0 22px;font-size:11px;color:#77849c}.page-heading{padding:20px 0 12px}.page-heading h1{margin:12px 0 11px}.page-heading p{font-size:14px;color:#9fabbb;max-width:680px}.channels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.channel-card{background:#151c2e;border:1px solid #2a344a;border-radius:14px;padding:17px;display:flex;flex-direction:column;gap:8px;min-height:184px;transition:.15s}.channel-card:hover{background:#1c2640;border-color:#6e68ad;transform:translateY(-2px)}.channel-image{border-radius:12px;background:linear-gradient(145deg,#302862,#1b3051);border:1px solid #544c93;display:grid;place-items:center;color:#b7aef7;width:65px;height:65px;font-size:31px}.channel-card>strong{font-size:14px}.channel-card>span{font-size:11px;color:#8697b2}.channel-foot{border-top:1px solid #30374e;margin-top:auto;display:flex;justify-content:space-between;gap:7px;padding-top:12px;font-size:11px;color:#a89eff}.detail-page{padding-top:26px}.crumb{display:flex;gap:13px;align-items:center;color:#8192ad;font-size:12px;margin:0 0 19px}.crumb a:hover{color:white}.event-banner{border:1px solid #383d65;background:linear-gradient(105deg,#201e3f,#11182b);border-radius:16px;padding:30px 32px;margin-bottom:20px}.event-banner h1{font-size:clamp(1.75rem,3vw,2.8rem);margin:12px 0}.banner-meta{display:flex;gap:17px;align-items:center;flex-wrap:wrap;color:#b3bdd5;font-size:12px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:17px;align-items:start}.watch-main{min-width:0}.player-shell,.chat-panel,.info-panel{background:#141b2c;border:1px solid #303b52;border-radius:15px;overflow:hidden}.player-top{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #30364b;font-size:11px;font-weight:800;letter-spacing:1px;color:#c5c6e7}.player-top>span:first-child{display:flex;align-items:center;gap:10px}.quality-label{color:#8d97b4;font-size:9px}.player-stage{width:100%;aspect-ratio:16/9;display:grid;place-items:center;background:#080b14;position:relative}.player-stage iframe{border:0;width:100%;height:100%;position:absolute;inset:0;background:#05080e}.player-placeholder{text-align:center;max-width:340px;padding:15px}.placeholder-icon{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:linear-gradient(145deg,#7565fa,#3d3782);font-size:29px;padding-left:5px;box-shadow:0 0 40px #6d5efc3e}.player-placeholder h3{margin:0 0 8px;font-size:20px}.player-placeholder p{font-size:12px;color:#8e9ab5;margin:0}.player-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:13px;border-top:1px solid #262f45;min-height:63px}.stream-switches{display:flex;gap:8px;flex-wrap:wrap}.stream-button,.outline-btn{border:1px solid #464966;background:#262c44;padding:10px 12px;color:#d9dafa;border-radius:8px;font-size:11px;font-weight:800}.stream-button.active,.stream-button:hover{border-color:var(--accent);background:#393165;color:white}.outline-btn:hover{background:#333b53}.info-panel{padding:27px;margin-top:18px}.info-panel h2{font-size:21px;margin:12px 0}.info-panel h2:not(:first-child){margin-top:25px}.info-panel p{color:#afbbd0;font-size:13px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:23px 0}.info-grid>div{border:1px solid #303b55;border-radius:10px;padding:13px;color:#8d9bb2;font-size:11px}.info-grid strong{display:block;margin-top:7px;color:#f3f5ff;font-size:13px}.muted-small{color:#8191ad!important;font-size:11px!important}.chat-panel{display:flex;flex-direction:column;min-height:570px;max-height:720px}.chat-heading{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #303b52}.chat-heading>div{display:flex;align-items:center;gap:11px;font-size:13px;letter-spacing:1px}.chat-online{font-size:10px;color:#8b9bb4}.chat-intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.chat-illustration{font-size:40px;margin-bottom:16px}.chat-intro h3{font-size:18px;margin:0 0 10px}.chat-intro p{font-size:12px;color:#a2afc5;margin-bottom:21px}.chat-messages{min-height:280px;height:395px;overflow-y:auto;flex:1;padding:17px 13px;scrollbar-color:#434b6e transparent;scrollbar-width:thin}.chat-line{font-size:12px;color:#aeb9d2;line-height:1.55;padding:7px 0;overflow-wrap:anywhere;border-bottom:1px solid #ffffff07}.chat-line b{color:#b5acff}.chat-composer{padding:13px;display:flex;flex-direction:column;gap:9px;border-top:1px solid #2c344a}.chat-composer input,.chat-composer textarea{width:100%;border:1px solid #343f5a;background:#0e1425;color:white;border-radius:8px;padding:10px 12px;font-size:12px;resize:vertical}.chat-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-form-bottom span{font-size:10px;color:#8492b0;max-width:180px}.view-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:22px 0}.view-controls>span{font-size:11px;letter-spacing:1px;color:#9aa6bd;margin-right:9px}.layout-choice{width:40px;height:40px;background:#222a40;color:#b9c5d9;border:1px solid #39445f;border-radius:9px;font-weight:800}.layout-choice.active{background:#4c3eb1;border-color:#7e6eff;color:white}.view-controls .outline-btn{margin-left:auto}.multiview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.multiview-grid[data-count="1"]{grid-template-columns:1fr}.multiview-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.multiview-grid[data-count="1"]>.view-slot{min-height:520px}.view-slot{border:1px solid #343d59;background:#111827;min-height:310px;border-radius:13px;overflow:hidden;display:flex;flex-direction:column}.view-head{display:flex;justify-content:space-between;align-items:center;background:#1d2540;padding:10px 15px;font-size:11px;color:#bdb4fa;font-weight:800;letter-spacing:.8px}.view-clear{border:0;background:transparent;color:#9ba6c2;font-size:20px}.view-slot iframe{border:0;width:100%;aspect-ratio:16/9;flex:1;background:black;min-height:230px}.view-caption{font-size:11px;font-weight:800;padding:12px;color:#a9b4ce;background:#202942}.view-empty{padding:25px;flex:1;display:flex;align-items:center;flex-direction:column;gap:10px;justify-content:center}.view-plus{font-size:30px;color:#bcb0ff;background:#30275f;width:53px;height:53px;border-radius:50%;display:grid;place-items:center}.view-empty strong{font-size:13px}.view-empty input{width:100%;max-width:320px;background:#0c1221;color:#fff;border:1px solid #343e59;border-radius:8px;padding:10px 12px;font-size:12px}.view-results{width:100%;max-width:340px;overflow:auto;max-height:130px;scrollbar-width:thin;font-size:11px;color:#96a4c0}.view-results button{width:100%;border:0;border-bottom:1px solid #343e54;background:#222a3f;color:#eff1fa;padding:10px;display:flex;justify-content:space-between;gap:10px;text-align:left}.view-results button:hover{background:#343054}.view-results small{color:#9f99cf}.multi-tip{margin-top:18px}.legal{max-width:900px}.legal .info-panel{margin-top:0}.install-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 20px;background:radial-gradient(circle at 40% 0,#3330676e,transparent 40%),#0b1020}.admin-login{width:min(100%,520px);padding:35px;background:#151c30;border:1px solid #3a405c;border-radius:17px;box-shadow:0 20px 70px #0006}.admin-login h1{font-size:32px;margin:22px 0 8px}.admin-login p{color:#98a6bf;font-size:13px;margin:8px 0 22px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:8px;color:#c7cce6}.form-stack input,.form-stack textarea,.form-stack select{border:1px solid #38435e;background:#101629;border-radius:9px;color:white;min-height:42px;padding:11px 12px;width:100%;font-size:13px}.form-stack textarea{resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-stack .check-label{display:flex;flex-direction:row;align-items:center;gap:11px}.form-stack .check-label input{width:16px;min-height:16px}.form-stack hr{border:0;border-top:1px solid #343b53;width:100%}.alert{padding:13px 15px;border-radius:10px;margin:15px 0;font-size:13px}.alert.error{border:1px solid #bd5268;background:#522835;color:#ffc8ce}.alert.success{border:1px solid #297968;background:#153f39;color:#a3f5d3}.admin-page{background:#0d1220}.admin-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.admin-side{padding:26px 16px;background:#11182a;border-right:1px solid #28324a;display:flex;flex-direction:column;gap:5px}.admin-side .brand{margin:0 12px 42px}.admin-side-group{font-size:10px;letter-spacing:1.7px;color:#7280a3;margin:0 13px 10px}.admin-side>a:not(.brand),.admin-bottom>a,.admin-bottom button{padding:12px 14px;display:block;border:0;border-radius:9px;background:transparent;color:#aeb8ce;font-size:13px;text-align:left;width:100%;font-weight:700}.admin-side>a.active,.admin-side>a:not(.brand):hover,.admin-bottom a:hover,.admin-bottom button:hover{background:#292d50;color:#fff}.admin-bottom{margin-top:auto;border-top:1px solid #333b50;padding-top:18px}.admin-content{padding:30px 35px 80px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.admin-top h1{font-size:31px;margin:7px 0}.admin-user{font-size:12px;border:1px solid #434764;padding:10px 13px;border-radius:9px;color:#b9b3ef}.admin-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:25px}.metric{padding:21px;background:#181f33;border:1px solid #323a54;border-radius:12px}.metric span{display:block;color:#92a0bf;font-size:11px;margin-bottom:12px}.metric strong{font-family:var(--head);font-size:29px}.admin-card{border:1px solid #343d55;background:#171f31;padding:24px;border-radius:15px;margin-bottom:21px}.admin-card h2{font-size:21px;margin-bottom:18px}.admin-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.admin-toolbar h2{margin:0}.table-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.admin-table th{color:#8796b5;background:#20273e;font-size:11px;white-space:nowrap}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid #343b50}.admin-table td{color:#d0d7e9}.admin-table td>a{color:#a89dff;font-weight:750}.inline-form{display:inline-flex;margin-left:10px}.link-danger{color:#ff9da7;border:0;background:none;padding:0;font-size:12px;font-weight:750}.chat-admin-body{max-width:420px;overflow-wrap:anywhere}
@media(max-width:1020px){.hero{grid-template-columns:1fr 280px}.hero-text{padding-left:35px}.hero-ball{font-size:110px}.watch-layout{grid-template-columns:minmax(0,1fr) 285px}.channels-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.top-links,.pill-nav{display:none}.hamburger{display:block}.mobile-nav.open{position:absolute;display:flex;flex-direction:column;gap:0;left:0;right:0;padding:12px 20px;border:1px solid #303853;background:#171c2b;z-index:90}.mobile-nav a{padding:12px;color:#d5daec;border-bottom:1px solid #30374c}.hero{grid-template-columns:1fr 170px;min-height:275px}.hero-text{padding:35px 0 32px 28px}.hero-art{min-height:250px}.hero-ball{font-size:82px}.hero-stat{right:10px;bottom:22px}.watch-layout{grid-template-columns:1fr}.chat-panel{min-height:410px;max-height:610px}.channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:column}.admin-shell{grid-template-columns:1fr}.admin-side{padding:14px;flex-direction:row;flex-wrap:wrap;align-items:center}.admin-side .brand{margin:0 25px 0 0}.admin-side-group,.admin-bottom{display:none}.admin-side>a:not(.brand){width:auto;padding:10px}.admin-content{padding:25px}.events-grid{grid-template-columns:1fr}}@media(max-width:560px){.container{width:min(100% - 24px,1200px)}.topbar{height:66px}.brand{font-size:19px}.brand-mark{width:33px;height:33px;font-size:22px}.announce-inner{font-size:10px}.announce-right{display:none}.main-content{padding-top:19px;padding-bottom:45px}.hero{display:block;min-height:275px}.hero:before{right:-50%}.hero-text{padding:33px 25px 39px}.hero-art{display:none}.hero h1{font-size:39px}.hero-actions .btn{padding:11px 13px}.section-header{flex-wrap:wrap;align-items:center}.section-header h2{font-size:23px}.today-filter{width:100%;justify-content:space-between}.today-filter a{flex:1;text-align:center}.event-card{padding:13px;gap:10px;min-height:102px}.event-logo{width:40px;flex-basis:40px;height:40px;font-size:20px}.event-main strong{font-size:12px}.event-league{font-size:9px}.event-time{font-size:10px}.event-trailing{max-width:93px}.timer{font-size:10px}.watch-chip{font-size:10px}.bottom-promo{padding:27px;display:block}.bottom-promo h2{font-size:25px}.bottom-promo .btn{margin-top:17px}.channels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.channel-card{padding:12px;min-height:169px}.channel-card strong{font-size:12px}.channel-image{height:50px;width:50px;font-size:23px}.event-banner{padding:24px 18px}.player-toolbar{align-items:flex-start;flex-direction:column}.chat-panel{min-height:410px}.view-controls .outline-btn{margin-left:0}.multiview-grid,.multiview-grid[data-count="3"]{grid-template-columns:1fr}.view-slot{min-height:295px}.multiview-grid[data-count="1"]>.view-slot{min-height:310px}.info-panel{padding:20px}.form-two{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content{padding:16px}.admin-side .brand{width:100%;margin-bottom:10px}.admin-top{align-items:flex-start}.admin-top h1{font-size:25px}.admin-user{display:none}.admin-card{padding:16px}}

.score-pill{font-size:13px;font-weight:850;white-space:nowrap;color:#fff;background:#292f50;border:1px solid #545d83;padding:5px 10px;border-radius:7px;font-variant-numeric:tabular-nums}.banner-meta .score-pill{font-size:20px;padding:7px 14px}

.admin-chart{height:205px;display:grid;grid-template-columns:repeat(14,minmax(15px,1fr));gap:8px;align-items:end;padding-top:15px;overflow-x:auto}.chart-col{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px;min-width:0;height:100%}.chart-bar{width:min(100%,38px);min-height:2px;background:linear-gradient(180deg,#b2aaff,#5d53c8);border-radius:5px 5px 2px 2px}.chart-num{font-size:9px;color:#afbbd2;white-space:nowrap}.chart-col span{font-size:9px;color:#8394b0;white-space:nowrap}@media(max-width:700px){.admin-chart{gap:4px}.chart-col span{font-size:8px;writing-mode:vertical-rl}}
/* V2 — fixtures import and streamlined admin form; site-scoped CSS only. */
.form-three{display:grid;grid-template-columns:1.2fr 1fr auto;gap:14px;align-items:end}
.import-controls label,.import-filters label{display:flex;flex-direction:column;gap:8px;font-weight:600}
.import-controls input,.import-controls select,.import-filters input,.import-filters select,.fixture-players textarea{width:100%;min-width:0;background:#141525;border:1px solid #36364c;border-radius:11px;color:#fff;padding:13px;font:inherit}
.import-controls input:focus,.import-controls select:focus,.import-filters input:focus,.fixture-players textarea:focus{outline:2px solid #8880fa;outline-offset:1px}
.import-button-cell{padding-bottom:2px}.import-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;margin-bottom:16px}
.fixture-list{display:grid;gap:12px;margin-top:14px}.fixture-entry{background:#151520;border:1px solid #363144;border-radius:14px;padding:17px}
.fixture-entry-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.fixture-check{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.fixture-check input,.import-bottom input{accent-color:#7c68ff;width:19px;height:19px;flex:0 0 auto}.fixture-check strong{font-size:15px;color:#fff}
.fixture-date{color:#d9d6e6;font-size:13px}.fixture-league{color:#a8a5b6;font-size:13px;margin:8px 0 0 30px}
.fixture-players{margin:12px 0 0 30px;color:#b7abff}.fixture-players summary{cursor:pointer;font-size:13px}.fixture-players textarea{display:block;margin-top:12px;min-height:94px}
.import-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:20px;position:sticky;bottom:10px;background:#1c1b2b;border:1px solid #413c67;border-radius:14px;padding:16px;box-shadow:0 12px 40px #0008;margin-top:16px}
.import-bottom .btn{margin-left:auto}.fixture-empty{padding:26px;border:1px dashed #46435c;border-radius:12px;color:#bcb9d0}.form-stack small{font-size:12px;color:#a9a7bc}
@media(max-width:750px){.form-three,.import-filters{grid-template-columns:1fr}.import-bottom .btn{margin-left:0;width:100%}.fixture-entry-top{align-items:flex-start}.fixture-date{margin-left:30px}.fixture-players{margin-left:0}}

/* v3: safe team crest and repeatable admin player editor */
.event-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.event-logo{overflow:hidden}.away-logo{margin-left:auto}
.team-logos{display:flex;align-items:center;gap:22px;margin-bottom:16px}.team-logos>div{width:72px;height:72px;border-radius:18px;background:rgba(255,255,255,.06);display:grid;place-items:center;padding:8px}.team-logos img{width:100%;height:100%;object-fit:contain}.team-logos>span{font-weight:800;opacity:.6}
.player-edit-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(250px,2.5fr) auto;gap:12px;align-items:end;margin:10px 0;padding:12px;background:rgba(255,255,255,.03);border:1px solid rgba(150,160,190,.2);border-radius:12px}
.player-edit-row label{margin:0}.player-editor{margin-top:12px}.player-editor h3{margin-top:0}
.team-logo-control{border:1px solid rgba(150,160,190,.15);padding:12px;border-radius:12px}.team-logo-control img{width:48px;height:48px;object-fit:contain}.import-json{margin-top:18px}.import-json textarea{min-height:110px}
.adblock-notice{padding:14px;border:1px solid #d68e4f;border-radius:10px;background:#321d13;color:#f9d7b7;margin:10px 0}.adblock-notice[hidden]{display:none}
@media(max-width:700px){.player-edit-row{grid-template-columns:1fr}.away-logo{display:none}}

.adblock-lock{position:fixed;inset:0;background:rgba(4,7,18,.96);z-index:99999;display:grid;place-items:center;padding:20px}.adblock-lock-card{max-width:490px;background:#131b2b;border:1px solid #85623a;padding:30px;border-radius:16px;text-align:center;box-shadow:0 20px 80px #0008}.adblock-lock-card p{line-height:1.6;color:#cbd4e4}

/* v4: admin autosuggestions and field-specific errors */
.autocomplete-field{position:relative;min-width:0}
.suggestions{position:absolute;z-index:25;top:calc(100% - 2px);left:0;right:0;max-height:240px;overflow-y:auto;background:#111827;border:1px solid #46506d;border-radius:10px;box-shadow:0 18px 35px rgba(0,0,0,.35)}
.suggestions[hidden]{display:none}
.suggestion-item{display:block;width:100%;padding:11px 12px;text-align:left;color:#eef2ff;background:transparent;border:0;border-bottom:1px solid #263149;cursor:pointer}
.suggestion-item:hover,.suggestion-item:focus-visible{background:#2b3267;outline:2px solid #7566ff;outline-offset:-2px}
.field-error{display:block;color:#ffb4bc;font-weight:650;font-size:.87rem;margin:7px 0}
.admin-logo-preview{width:54px;height:54px;object-fit:contain;display:block;margin:8px 0;background:#151926;border-radius:6px}


/* TFLIX v5: responsive screenshot-inspired match rails / dark editorial header */
body:not(.admin-page){background:#07070b;color:#f4f4fa}
body:not(.admin-page) .container{width:min(1460px,calc(100% - 52px))}
.promo-strip{background:#b91178;color:#fff;min-height:40px;display:grid;place-items:center}
.promo-inner{width:min(1500px,calc(100% - 24px));height:40px;position:relative;display:flex;align-items:center;justify-content:center}
.promo-slide{font-size:12px;font-weight:800;letter-spacing:.05px;display:block;text-align:center;padding:7px 30px;transition:opacity .2s}
.promo-slide:hover{text-decoration:underline}.promo-close{position:absolute;right:1px;top:5px;border:0;background:transparent;color:#fff;font-size:22px;font-weight:800;padding:2px 9px;line-height:1}
.topbar{height:87px;background:#050506;border-bottom:1px solid #29272c}.topbar-inner{justify-content:space-between;gap:18px;max-width:1110px}
.brand{gap:5px;letter-spacing:-.06em}.brand-mark{background:linear-gradient(130deg,#ff2997,#9e0067);border-radius:50%;width:43px;height:43px;box-shadow:none;font-size:30px;font-weight:950;transform:rotate(-8deg)}
.brand-word{font-weight:950;font-size:31px;letter-spacing:-.075em;text-transform:uppercase;color:#fff}
.top-links{gap:1px;background:#0a0a0c;border:1px solid #2d2b32;border-radius:17px;padding:7px 9px}
.top-links>a{font-size:12px;padding:9px 12px;color:#d7d6df;white-space:nowrap;border-radius:9px}
.top-links>a:hover,.top-links>a.on{background:#19181f;color:#fff}
.new-tag{color:#fff;background:#b81175;padding:3px 6px;border-radius:4px}
.nav-utilities{display:flex;align-items:center;gap:12px}.social-buttons{display:flex;align-items:center;gap:7px}
.social-btn{width:35px;height:35px;display:grid;place-items:center;border:1px solid #37313c;background:#17151a;border-radius:10px;color:#dbdae2;transition:.15s}
.social-btn:hover{color:#fff;background:#ab187b;border-color:#e248a3;transform:translateY(-1px)}
.mobile-nav[hidden]{display:none!important}.mobile-social{padding-top:12px}
.main-content{padding-top:26px}.hero{border-color:#34305b;background:linear-gradient(115deg,#16152e,#1d193b 90%);min-height:350px;box-shadow:none}
.hero:before{background:radial-gradient(circle,#8656ec25,transparent 65%)}.hero h1 span{color:#b49cff}.hero .btn.primary,.bottom-promo .btn.primary{background:#7548ff}
.group-header{margin:31px 0 13px;gap:12px;padding:0 4px}.group-header h3{letter-spacing:-.035em;color:#f5f3f9;font-size:21px}
.group-header>span:last-child{margin-left:8px;color:#9a99a5}.group-header .live-dot{background:#dc167d;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 4px #e71a7621;flex:0 0 10px}
.carousel-controls{display:flex;align-items:center;gap:7px;margin-left:auto}.carousel-controls button{width:34px;height:34px;display:grid;place-items:center;background:#1a1920;color:#f9f8fa;border:1px solid #33323b;border-radius:50%;font-size:27px;padding:0;line-height:1}
.carousel-controls button:hover:not(:disabled){background:#303040}.carousel-controls button:disabled{opacity:.25}
.fixture-group{margin-bottom:26px}.events-grid.compact-strip{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#34303f transparent;overscroll-behavior-inline:contain;padding:3px 2px 12px}
.sport-tile{flex:0 0 calc((100% - 52px)/5);min-width:0;height:190px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:linear-gradient(150deg,#24242a,#0f0f13 58%,#08080c);border:1px solid #38383e;border-radius:13px;padding:12px 12px 11px;scroll-snap-align:start;transition:.18s;box-shadow:inset 0 0 0 1px #ffffff03}
.sport-tile:hover{border-color:#a354ae;background:linear-gradient(150deg,#282533,#111017);transform:translateY(-2px)}
.tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.tile-league{font-size:10px;font-weight:700;color:#c4c2cd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90%;line-height:1.3}
.tile-sport-icon{font-size:14px;opacity:.7}.tile-teams{display:flex;align-items:center;justify-content:space-around;gap:7px;padding:7px 0 8px;flex:1;min-height:65px}
.tile-crest{width:56px;height:56px;display:grid;place-items:center;font-size:25px;color:#9b8fdd}.tile-crest img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 3px 4px #0007)}
.tile-vs{font-size:10px;font-weight:900;color:#676674}.tile-title{font-size:12px;color:#fbfbff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:3px 0 7px}
.tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.tile-category{font-size:9px;font-weight:800;color:#9999ab;text-transform:uppercase;letter-spacing:.6px}
.tile-datetime{font-size:9px;color:#a6a4b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.tile-status{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:6px;min-height:20px}
.tile-countdown,.tile-ended,.tile-live,.tile-score{border:1px solid #35313f;background:#121217;color:#eee9f9;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums}
.tile-live{color:#fff;border-color:#ac145d;background:#891246}.tile-live i{width:7px;height:7px;background:#ff5baa;border-radius:50%;display:inline-block}
.tile-ended{color:#aaa8b6}.tile-score{background:#30293f;color:#eee}.tile-status>span:last-child{margin-left:auto}
.ended-group{border-top:1px solid #26232e;padding-top:16px}
.footer{background:#050508;border-top:1px solid #28222d;margin-top:20px}.footer-inner{padding:48px 0;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.footer-brand-block p{max-width:410px}
.footbrand{display:inline-flex;align-items:center;gap:8px;font-size:25px;color:#fff}.brand-mark.mini{width:32px;height:32px;font-size:22px}
.social-footer{margin-top:18px}.footer-navigation{display:flex;flex-direction:column;gap:13px}.footer-navigation strong{color:#fff;font-size:13px;margin-bottom:4px}.footer-navigation a{color:#a8a4b3;font-size:12px}.footer-navigation a:hover{color:#fff}
.mirror-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px}.mirror-item{display:flex;align-items:center;gap:12px;background:#171620;border:1px solid #322f3e;padding:16px;border-radius:13px}.mirror-bullet{color:#da46ac}.mirror-item strong{display:block;font-size:14px}.mirror-item small{display:block;color:#aaa1bb;margin-top:5px}.mirror-go{margin-left:auto;font-size:11px;color:#ce93ef}
.admin-logo-preview{border:1px solid #44435e;padding:3px;box-sizing:content-box}.logo-preview-stack{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.logo-preview-badge{color:#a7b0c9;font-size:11px}.logo-preview-badge.error{color:#ff9fa6}
@media(max-width:1150px){.sport-tile{flex-basis:calc((100% - 39px)/4)}.topbar-inner{max-width:100%}.top-links>a{padding:9px 9px}.mirror-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.top-links{display:none}.hamburger{display:block}.topbar{height:68px}.brand-word{font-size:25px}.brand-mark{width:37px;height:37px}.sport-tile{flex-basis:calc((100% - 26px)/3)}.mobile-nav.open{position:relative;display:flex;flex-direction:column;left:auto;right:auto;border:0;border-bottom:1px solid #292632;border-radius:0;background:#0b0a0e;padding:10px 15px 18px}.mobile-nav a{border-bottom:1px solid #24222b;padding:12px 5px}}
@media(max-width:650px){body:not(.admin-page) .container{width:calc(100% - 24px)}.promo-slide{font-size:11px}.topbar{height:62px}.social-btn{width:32px;height:32px}.nav-utilities>.social-buttons{display:none}.hero{min-height:260px}.hero h1{font-size:clamp(34px,8vw,44px)}.sport-tile{flex-basis:calc((100% - 12px)/2);min-height:185px}.group-header h3{font-size:18px}.group-header>span:last-child{font-size:10px}.carousel-controls{gap:3px}.carousel-controls button{width:29px;height:29px;font-size:21px}.footer-inner{grid-template-columns:1fr 1fr;gap:28px}.footer-brand-block{grid-column:1/-1}.mirror-list{grid-template-columns:1fr}}
@media(max-width:380px){.sport-tile{flex-basis:88%}.hero-text{padding:25px 19px 29px}.tile-title{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sport-tile{transition:none}.promo-slide{transition:none}}

/* === TFLIX v6: compact match-first layout; isolated to TFLIX website === */
body:not(.admin-page) .main-content.home-v5{padding-top:20px}
.home-v5 .match-section{margin-top:0}
.home-v5 .section-header{margin-bottom:16px;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap}
.home-v5 .section-header h2{font-size:clamp(22px,3vw,29px);margin:0}
.schedule-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.search-icon-btn{display:grid;place-items:center;width:41px;height:41px;cursor:pointer;background:#14131a;color:#faf9ff;border:1px solid #3c3548;border-radius:11px}
.search-icon-btn:hover,.search-icon-btn[aria-expanded="true"]{color:#fff;background:#8a1466;border-color:#b42a91}
.search-collapsible{margin:0 0 17px;max-width:650px}
.search-collapsible[hidden]{display:none!important}
.home-v5 .events-grid.compact-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px;overflow:visible!important;scroll-snap-type:none!important;padding:2px 0 8px!important}
.home-v5 .sport-tile{width:100%;height:194px;min-width:0;max-width:none;flex:auto!important;scroll-snap-align:unset}
.home-v5 .tile-crest{width:68px;height:68px;flex:0 0 68px}
.home-v5 .tile-title{font-size:14px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-v5 .tile-league{font-size:11px}
.home-v5 .tile-datetime{font-size:11px;max-width:65%}
.home-v5 .tile-category{font-size:10px}
.logo-holder{width:100%;height:100%;display:grid;place-items:center;position:relative}
.logo-holder .team-logo-fallback{grid-area:1/1;font-size:29px;line-height:1}
.logo-holder img.team-logo-image{grid-area:1/1;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
.logo-holder img.team-logo-image[hidden]{display:none}
.team-logos .logo-holder{width:75px;height:75px}
.team-logos .team-logo-fallback{font-size:36px}
.logo-live-preview{display:flex;align-items:center;gap:12px;min-height:96px;background:#151523;border:1px dashed #55516e;border-radius:12px;padding:10px;margin:9px 0}
.logo-preview-frame{height:76px;width:76px;flex:0 0 76px;display:grid;place-items:center;border-radius:12px;background:#090a12;border:1px solid #3b3b55}
.logo-preview-frame img{max-height:70px;max-width:70px;width:auto;height:auto;object-fit:contain}
.logo-preview-frame img[hidden]{display:none}
.logo-live-preview small{font-size:12px;line-height:1.5;color:#abb3ca;overflow-wrap:anywhere}
.logo-live-preview small.error{color:#ff9a9f}
.import-controls{display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto!important;gap:14px!important;align-items:end!important}
.import-controls>*{min-width:0}
.import-controls input,.import-controls select{width:100%;min-width:0}
.import-button-cell{display:flex;align-items:flex-end;justify-content:flex-start;padding-bottom:1px}
.import-advanced,.import-json{margin:16px 0!important}
.import-advanced>summary,.import-json>summary{cursor:pointer;color:#dcd9f5;font-weight:650;margin-bottom:10px}
.import-advanced label,.import-json label{display:block;max-width:100%;overflow-wrap:anywhere}
.import-advanced input,.import-json input,.import-json textarea{max-width:100%;box-sizing:border-box}
#importStatus{display:block;margin:16px 0!important;line-height:1.65;overflow-wrap:anywhere;white-space:normal}
.footer-inner{grid-template-columns:1.6fr 1fr 1fr}
.nav-apps{display:inline-flex!important;gap:7px;align-items:center}
.nav-apps svg{flex:0 0 auto}
@media (max-width:900px){
 .home-v5 .events-grid.compact-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .import-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .import-button-cell{grid-column:1/-1}
 .footer-inner{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
 .home-v5 .events-grid.compact-strip{grid-template-columns:1fr!important}
 .home-v5 .sport-tile{height:205px}
 .home-v5 .tile-crest{width:72px;height:72px;flex:0 0 72px}
 .home-v5 .section-header{align-items:flex-start}
 .schedule-actions{width:100%}
 .today-filter{flex:1;display:flex}
 .today-filter>a{flex:1;text-align:center}
 .import-controls{grid-template-columns:1fr!important}
 .import-button-cell{grid-column:auto}
 .import-button-cell .btn{width:100%}
 .footer-inner{grid-template-columns:1fr}
}
@media(max-width:340px){.home-v5 .tile-crest{width:59px;height:59px;flex-basis:59px}.home-v5 .sport-tile{padding:11px}}

/* === TFLIX v7: match-first layout and reliable player controls (site only) === */
body:not(.admin-page) .main-content.home-v5{padding-top:0!important}
.home-v5 .match-section{margin-top:0;padding-top:8px}
.home-v5 .schedule-toolbar{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:8px}
.home-v5 .schedule-toolbar .filters{display:flex;flex:1;min-width:0;overflow-x:auto;align-items:center;gap:9px;margin:0;scrollbar-width:thin;padding:9px 0;white-space:nowrap}
.home-v5 .schedule-toolbar .sport-filter{flex:0 0 auto}
.home-v5 .search-icon-btn{flex:0 0 42px;margin-left:auto}
.home-v5 .search-collapsible{margin:3px 0 18px}
.home-v5 .sport-tile{min-height:188px;height:auto;gap:7px}
.home-v5 .tile-teams{display:grid;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);gap:4px;padding:8px 0;min-height:100px;align-items:center}
.home-v5 .tile-team{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.home-v5 .tile-team-name{font-size:11px;font-weight:700;color:#e6e6ef;max-width:100%;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-v5 .tile-vs{color:#ff3866!important;font-size:21px!important;font-weight:950!important;opacity:1;letter-spacing:-.03em;text-align:center;text-shadow:0 0 20px #c62f6440}
.home-v5 .tile-crest,.home-v5 .tile-crest .logo-holder{border-radius:50%;overflow:hidden}
.home-v5 .tile-crest{background:rgba(255,255,255,.05);border:1px solid #3c3744;padding:6px;flex:0 0 auto}
.home-v5 .tile-crest img.team-logo-image{border-radius:50%;object-fit:contain}
.home-v5 .tile-bottom{margin-top:auto}
.detail-page--watch{padding-top:12px!important}
.detail-page--watch .watch-layout{margin-top:0}
.player-match-name{display:flex;align-items:center;gap:8px;font-size:clamp(11px,1vw,14px);font-weight:850;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-context{display:flex;align-items:center;gap:9px;color:#d3cfe2;font-size:11px;white-space:nowrap}
.player-context time{font-size:11px;color:#b7b1c8}
.player-status{background:#151321;border-top:1px solid #322d43;color:#bfbbd3;padding:9px 13px;font-size:12px;min-height:35px;line-height:1.4}
.player-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-left:auto}
.player-actions #nextServerBtn{border-color:#6c395c;color:#ffe0ee}
.player-actions #nextServerBtn:hover{background:#612a4f}
@media(max-width:650px){
 body:not(.admin-page) .main-content.home-v5{padding-top:0!important}
 .home-v5 .schedule-toolbar{gap:8px}
 .home-v5 .schedule-toolbar .filters{gap:6px}
 .home-v5 .sport-tile{min-height:198px;height:auto}
 .home-v5 .tile-teams{min-height:115px;grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr)}
 .home-v5 .tile-vs{font-size:23px!important}
 .player-top{flex-wrap:wrap;gap:8px}
 .player-context{max-width:100%;flex-wrap:wrap;white-space:normal}
 .player-actions{width:100%;justify-content:space-between;margin-left:0}
 .player-actions .outline-btn{flex:1}
}


/* === TFLIX v8: compact centered team presentation, invisible-scrolling rails === */
.home-v5 .schedule-toolbar{gap:8px;max-width:100%;overflow:hidden}
.home-v5 .category-rail-shell{display:flex;min-width:0;flex:1;gap:5px;align-items:center;overflow:hidden}
.home-v5 .schedule-toolbar .filters{min-width:0;flex:1;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none;padding:6px 1px!important;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x;}
.home-v5 .schedule-toolbar .filters::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.home-v5 .category-step{width:27px;height:38px;flex:0 0 27px;border-radius:8px;background:#1e1b27;border:1px solid #39323e;color:#ded8e7;font-size:23px;display:grid;place-items:center;padding:0;line-height:1}
.home-v5 .category-step:disabled{opacity:.22}
.home-v5 .search-icon-btn{margin-left:0;flex:0 0 42px}
.home-v5 .sport-tile{padding:12px 14px 11px;min-height:206px}
.home-v5 .tile-top{min-width:0;gap:7px}
.home-v5 .tile-event-title{font-size:12px;font-weight:800;color:#f3f0f7;letter-spacing:.01em;max-width:100%;flex:1;min-width:0}
.marquee-clip{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}
.marquee-text{display:inline-block;white-space:nowrap;vertical-align:bottom;will-change:auto}
.marquee-clip.is-overflowing .marquee-text{animation:tflix-title-marquee var(--marquee-duration,9s) linear 1s infinite alternate;will-change:transform}
@keyframes tflix-title-marquee{0%,11%{transform:translateX(0)}85%,100%{transform:translateX(var(--marquee-distance,-20px))}}
.home-v5 .tile-teams{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);min-height:91px;padding:7px 0 2px}
.home-v5 .tile-team{min-width:0}
.home-v5 .tile-crest{width:76px;height:76px;flex-basis:76px;padding:0;background:rgba(255,255,255,.04);border:1px solid #383440;border-radius:50%;overflow:hidden}
.home-v5 .tile-crest .logo-holder{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:50%}
.home-v5 .tile-crest img.team-logo-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:scale(1.13);border-radius:50%}
.home-v5 .tile-vs{font-size:25px!important;color:#ff375e!important;font-weight:950!important}
.home-v5 .tile-matchup{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;color:#f1edf6;text-align:center;font-size:12px;font-weight:800;line-height:1.4;min-height:20px;margin:0 0 2px}
.home-v5 .tile-matchup>span:first-child,.home-v5 .tile-matchup>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-v5 .tile-matchup .matchup-vs{color:#ff4e77;text-transform:uppercase;flex-shrink:0;font-size:10px}
.home-v5 .tile-bottom{margin-top:auto}
/* Watch title has no oversized highlighted player bar. Provider buttons live BELOW player. */
.detail-page--watch .watch-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;margin:0 0 13px;padding:1px 0 0;min-width:0}
.detail-page--watch .watch-event-title{width:100%;max-width:100%;font-size:clamp(18px,2.7vw,26px);color:#f6f2ff;font-weight:900}
.detail-page--watch .watch-event-title h1{font-size:inherit;line-height:1.3;margin:0;font-weight:900}
.detail-page--watch .watch-team-names{display:flex;gap:10px;align-items:center;justify-content:center;font-size:clamp(13px,1.4vw,17px);font-weight:750;max-width:100%;min-width:0}
.detail-page--watch .watch-team-names>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-page--watch .watch-team-names strong{color:#ff4166;font-weight:950;font-size:17px}
.detail-page--watch .watch-meta{font-size:11px;color:#b0aabd;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}
.detail-page--watch .watch-state-text{color:#c8bfe2;font-weight:750}
.detail-page--watch .watch-heading~.player-shell{border-radius:14px;overflow:hidden}
.detail-page--watch .server-panel{margin-top:12px;padding:13px 14px;background:#141420;border:1px solid #34303d;border-radius:14px}
.detail-page--watch .server-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}
.detail-page--watch .server-panel-heading h2{font-size:14px;margin:0;letter-spacing:0}
.detail-page--watch .server-panel-heading span{font-size:11px;color:#aba7bf}
.detail-page--watch .server-panel .player-toolbar{border:0;background:transparent;padding:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.detail-page--watch .server-panel .stream-switches{min-width:0;display:flex;flex-wrap:wrap;gap:6px}
.detail-page--watch .server-panel .player-actions{margin-left:auto}
/* Chat is expanded immediately and guest input is always visible. */
.chat-panel .chat-intro{display:none!important}
.chat-panel .chat-messages{display:block;flex:1;min-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#474059 transparent}
.chat-panel .chat-empty{color:#88829f;font-size:12px;text-align:center;padding:20px 10px}
.chat-panel .chat-composer{display:flex;flex-direction:column;gap:9px}
.chat-panel .chat-composer input,.chat-panel .chat-composer textarea{width:100%}
.chat-panel .chat-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.chat-panel #chatNotice{font-size:10px;color:#a7a1b7;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:650px){
 .home-v5 .category-step{width:24px;flex-basis:24px;height:35px;font-size:20px}
 .home-v5 .tile-crest{width:75px;height:75px;flex-basis:75px}
 .home-v5 .tile-teams{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}
 .detail-page--watch .watch-event-title{font-size:19px}
 .detail-page--watch .watch-team-names{gap:7px}
 .detail-page--watch .server-panel .player-actions{width:100%;justify-content:space-between}
 .detail-page--watch .server-panel .player-actions .outline-btn{flex:1}
 .chat-panel .chat-messages{min-height:190px}
}
@media(prefers-reduced-motion:reduce){.marquee-clip.is-overflowing .marquee-text{animation:none!important;text-overflow:ellipsis;max-width:100%;overflow:hidden}}


/* === v9 visual fixes: logo, typography, countdown, fullscreen, player controls === */
.brand-logo-image{display:block;flex:0 0 auto;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(239,18,141,.16))}
.brand-logo-image--small{width:30px;height:30px}
.brand-word{font-weight:900;letter-spacing:-1px;color:#f9f8ff}
.footbrand{display:inline-flex;align-items:center;gap:5px}
.home-v5 .tile-top{position:relative;justify-content:center;min-height:23px;padding:0 24px}
.home-v5 .tile-event-title{display:block;flex:none;width:100%;font-size:13px;font-weight:850;text-align:center}
.home-v5 .tile-event-title .marquee-text{margin-left:0}
.home-v5 .tile-event-title.is-overflowing{text-align:left}
.home-v5 .tile-sport-icon{position:absolute;right:0;top:1px}
.home-v5 .tile-teams{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}
.home-v5 .tile-vs{font-size:14px!important;font-weight:600!important;color:#e2deea!important;text-transform:lowercase}
.home-v5 .tile-matchup{font-size:12px;font-weight:600;color:#e6e3ed;gap:5px}
.home-v5 .tile-matchup .matchup-vs{font-size:12px;font-weight:600;text-transform:lowercase;color:inherit}
.home-v5 .tile-countdown{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:0;font-size:11px}
.detail-page--watch .watch-heading{align-items:center;text-align:center;gap:6px;padding:4px 0 1px}
.detail-page--watch .watch-event-title{width:min(100%,640px);margin:0 auto;display:block;text-align:center;color:#f8f6ff}
.detail-page--watch .watch-event-title .marquee-text{display:inline-block;margin-left:0}
.detail-page--watch .watch-event-title.is-overflowing{text-align:left}
.detail-page--watch .watch-team-names{font-weight:600;font-size:clamp(13px,1.5vw,16px);color:#e7e5ee;gap:8px}
.detail-page--watch .watch-vs{font-weight:500;color:inherit;font-size:inherit;text-transform:lowercase}
.detail-page--watch .watch-meta{gap:8px;font-variant-numeric:tabular-nums}
.detail-page--watch .watch-countdown{color:#c8beec;font-size:11px;padding:4px 7px;background:#221e32;border-radius:6px;border:1px solid #39324d}
.player-shell{position:relative}
.player-shell .player-status[hidden]{display:none!important;padding:0!important;margin:0!important;border:0!important}
.player-shell .player-status:not([hidden]){padding:10px 13px;margin:0;border-top:1px solid #42364d;color:#f8d0d8;background:#2e1a25;font-size:12px}
.fullscreen-exit{position:absolute;z-index:25;top:10px;right:12px;background:rgba(12,12,20,.86);color:#fff;border:1px solid #bcb2d9;border-radius:10px;padding:10px 15px;font-weight:700;font-size:13px;box-shadow:0 3px 15px #0009}
.fullscreen-exit[hidden]{display:none!important}
.player-shell:fullscreen,.player-shell:-webkit-full-screen,.player-shell.is-fullscreen{background:#000;border-radius:0;border:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;width:100%}
.player-shell:fullscreen .player-stage,.player-shell.is-fullscreen .player-stage{width:100%;flex:1;min-height:0;aspect-ratio:auto;display:flex;align-items:stretch;justify-content:center}
.player-shell:fullscreen .player-stage iframe,.player-shell.is-fullscreen .player-stage iframe{width:100%;height:100%;min-height:0;flex:1;object-fit:contain}
.player-shell.is-fullscreen:not(:fullscreen){position:fixed!important;inset:0!important;z-index:99999!important;height:100dvh!important;width:100vw!important}
body.tflix-fullscreen-lock{overflow:hidden!important}
.detail-page .server-panel{margin-top:12px;padding:13px 14px;background:#141420;border:1px solid #34303d;border-radius:14px}
.detail-page .server-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}
.detail-page .server-panel-heading h2{font-size:14px;margin:0;letter-spacing:0}
.detail-page .server-panel-heading span{font-size:11px;color:#aba7bf}
.detail-page .server-panel .player-toolbar{border:0;background:transparent;padding:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.detail-page .server-panel .stream-switches{min-width:0;display:flex;flex-wrap:wrap;gap:6px}
.detail-page .server-panel .player-actions{margin-left:auto}
@media(max-width:650px){
 .brand-logo-image{width:37px;height:37px}
 .home-v5 .tile-teams{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}
 .home-v5 .tile-vs{font-size:13px!important}
 .detail-page--watch .watch-event-title{font-size:18px;width:100%}
 .detail-page .server-panel .player-actions{width:100%;margin:0;justify-content:space-between}
 .detail-page .server-panel .player-actions .outline-btn{flex:1}
}
@media(prefers-reduced-motion:reduce){.marquee-clip.is-overflowing .marquee-text{animation:none!important;text-overflow:ellipsis;max-width:100%;overflow:hidden}}

/* === v10: compact watch, 24-hour countdown, larger centered crests, responsive footer === */
.home-v5 .tile-crest img.team-logo-image{transform:scale(1.27);object-position:center center}
.home-v5 .tile-crest .team-logo-fallback{font-size:34px}
.home-v5 .tile-status[hidden],.home-v5 .tile-countdown[hidden],.detail-page--watch .watch-countdown[hidden]{display:none!important}
.detail-page--watch .watch-main{min-width:0}
.detail-page--watch.main-content{padding-bottom:24px!important}
.detail-page--watch .player-shell{margin:0;overflow:hidden;border-radius:12px}
/* No 'Available servers' heading or a second outlined container below the video. */
.detail-page--watch .server-panel{padding:9px 0 4px!important;margin:4px 0 0!important;background:transparent!important;border:0!important;border-radius:0!important}
.detail-page--watch .server-panel-heading{display:none!important}
.detail-page--watch .server-panel .player-toolbar{border:0!important;background:transparent!important;display:flex;align-items:center;gap:9px;padding:2px 0!important}
.detail-page--watch .watch-heading{margin:5px 0 0!important;padding:9px 6px 0!important;gap:6px;max-width:100%;background:transparent;border:0;text-align:center}
.detail-page--watch .watch-event-title{max-width:100%;width:min(100%,680px);font-size:clamp(17px,2.3vw,24px);line-height:1.3}
.detail-page--watch .watch-meta{min-width:0;gap:8px 10px;font-size:11px}
.detail-page--watch .watch-meta time{max-width:100%;white-space:normal}
.detail-page--watch .watch-countdown{font-variant-numeric:tabular-nums}
/* Remove an extra ad slot and its visual gap on the watch page only. */
.detail-page--watch .watch-main>.ad-wrap{display:none!important}
.footer-inner--compact{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(200px,.8fr)!important;gap:clamp(18px,4vw,50px);align-items:start;padding:33px 0!important}
.footer-inner--compact .footer-brand-block{min-width:0}
.footer-inner--compact .footer-brand-block p{max-width:500px;line-height:1.6;margin:12px 0}
.footer-inner--compact .social-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.footer-inner--compact .footer-navigation{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
.footer-inner--compact .footer-navigation strong{width:100%;text-align:right;margin:0 0 3px;color:#f4f0fb}
.footer-inner--compact .footer-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border:1px solid #302b3b;border-radius:9px;background:#14111b;color:#d9d3e3}
.footer-inner--compact .footer-navigation a:hover{border-color:#674361;background:#241927}
.footer .foot-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 10px;text-align:center;padding:14px 0;font-size:11px}
@media(max-width:900px){
 .footer-inner--compact{grid-template-columns:1fr!important;gap:21px;padding:27px 0!important}
 .footer-inner--compact .footer-brand-block{grid-column:auto!important}
 .footer-inner--compact .footer-navigation{justify-content:flex-start}
 .footer-inner--compact .footer-navigation strong{text-align:left}
}
@media(max-width:650px){
 .home-v5 .tile-crest img.team-logo-image{transform:scale(1.30)}
 .detail-page--watch .server-panel .player-toolbar{align-items:stretch}
 .detail-page--watch .server-panel .stream-switches{flex:1 1 100%;min-width:0}
 .detail-page--watch .server-panel .player-actions{flex:1 1 100%;justify-content:space-between;gap:7px}
 .detail-page--watch .watch-heading{padding-top:8px!important}
 .footer-inner--compact{padding:26px 0!important;text-align:center;gap:17px}
 .footer-inner--compact .footbrand{justify-content:center}
 .footer-inner--compact .footer-brand-block p{margin:11px auto;max-width:350px}
 .footer-inner--compact .social-footer{justify-content:center;gap:12px}
 .footer-inner--compact .footer-navigation{justify-content:center;gap:8px}
 .footer-inner--compact .footer-navigation strong{text-align:center}
 .footer-inner--compact .footer-navigation a{font-size:12px;padding:9px 13px}
}