
:root{
  --red:#e50000;--red2:#f00000;--yellow:#fff000;--orange:#ffb000;
  --bg:#000;--panel:#191919;--panel2:#232323;--line:#aab1b8;--green:#9acd7f;
  --text:#f2f2f2;--muted:#858d9d;--blue:#748aa5;--white:#fff;
}
*{box-sizing:border-box}
html{background:#000;color-scheme:dark}
body{margin:0;background:#000;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}
a{color:inherit}
.site-header{background:var(--red2);min-height:40px}
.site-header-inner{max-width:960px;margin:0 auto;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 12px}
.site-brand{font-size:26px;font-weight:800;text-decoration:none;color:var(--yellow);line-height:1}
.site-nav{display:flex;align-items:center;gap:34px;font-weight:800}
.site-nav a{text-decoration:none;color:#fff;font-size:16px}
.site-nav a:hover,.site-nav a:focus{color:var(--yellow)}
.page-wrap{max-width:800px;margin:14px auto 16px}
.seo-intro{background:#1a1a1a;border-left:3px solid var(--red);padding:10px 18px 12px;text-align:center}
.seo-intro h1{font-size:17px;line-height:1.3;color:#ffb000;margin:0 0 7px;font-weight:800}
.seo-intro p{margin:0 auto;max-width:720px;font-size:12px;font-weight:600;color:#fff}
.agenda-box{margin-top:7px;border-top:1px solid #3c3c3c}
.agenda-title{background:#252525;color:#ffaf00;text-align:center;font-size:17px;padding:7px 10px;border-bottom:1px solid #6c6c6c}
.live-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:5px 10px;background:#111;border-bottom:1px solid #444;color:#aaa;font-size:11px}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#44d04f;margin-right:5px;box-shadow:0 0 6px rgba(68,208,79,.8)}
.agenda{background:#fff;color:#242424}
.date-separator{padding:5px 11px;background:#ececec;color:#596b84;font-size:12px;border-top:1px solid #aeb4b9;border-bottom:1px solid #c5c9cc}
.event{border-bottom:1px solid #aeb4b9;background:#fff}
.event-toggle{width:100%;appearance:none;border:0;background:#fff;color:#262832;display:grid;grid-template-columns:74px 28px minmax(0,1fr) 22px;align-items:center;gap:4px;min-height:31px;padding:4px 8px;cursor:pointer;text-align:left;font:inherit}
.event.is-open .event-toggle{background:var(--green)}
.event-time{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9d9d9;border-radius:16px;padding:3px 7px;min-width:52px;font-size:11px;font-weight:800;color:#151515}
.event-icon{font-size:15px;text-align:center}
.event-title{font-size:11px;font-weight:700;white-space:normal;overflow-wrap:anywhere}
.event-competition{font-weight:800}
.event-chevron{font-size:14px;color:#738aa5;text-align:right;transition:transform .18s ease}
.event.is-open .event-chevron{transform:rotate(90deg)}
.event-channels{background:#f4f4f4}
.channel-row{display:flex;align-items:center;gap:8px;min-height:27px;padding:4px 16px;border-top:1px solid #d5d5d5;color:#74829a;font-size:11px}
.channel-row:before{content:"▶";font-size:9px;color:#7890af}
.channel-note{margin-left:auto;color:#a0a0a0;font-size:9px}
.seo-home{background:#191919;border-top:3px solid var(--red);border-bottom:3px solid var(--red);padding:16px 18px 18px;margin-top:12px}
.seo-home h2{position:relative;color:#ffb000;font-size:17px;line-height:1.25;margin:0 0 12px;padding-bottom:6px}
.seo-home h2:not(:first-child){margin-top:20px}
.seo-home h2:after{content:"";position:absolute;width:38px;height:2px;background:var(--red);bottom:0;left:0}
.seo-home p{font-size:12px;line-height:1.55;margin:0 0 10px;color:#f3f3f3}
.seo-home strong{color:#fff}
.site-footer{background:var(--red2);color:#fff;text-align:center;padding:10px 12px 11px;font-size:12px}
.site-footer .footer-links{font-size:14px;font-weight:700;margin-bottom:2px}
.site-footer a{text-decoration:none}
.legal-card{background:#191919;border-top:3px solid var(--red);border-bottom:3px solid var(--red);padding:24px 28px;margin:24px auto;color:#fff;font-size:15px;line-height:1.55}
.legal-card h1{font-size:24px;color:#ffb000;margin:0 0 18px}
.legal-card h2{font-size:18px;color:#ffb000;margin:22px 0 8px}
.legal-card p{margin:0 0 16px}
.legal-card a{color:#ffb000}
.error-state{padding:18px;background:#fff;color:#333;text-align:center;font-size:13px}
.skeleton{height:31px;border-bottom:1px solid #bbb;background:linear-gradient(90deg,#f6f6f6,#eee,#f6f6f6);background-size:200% 100%;animation:shine 1.2s linear infinite}
@keyframes shine{to{background-position:-200% 0}}
@media(max-width:820px){
  .page-wrap{margin:10px 8px 12px;max-width:none}
  .site-header-inner{max-width:none}
}
@media(max-width:620px){
  .site-header-inner{padding:6px 9px;gap:10px}
  .site-brand{font-size:20px}
  .site-nav{gap:16px}
  .site-nav a{font-size:13px}
  .seo-intro{padding:9px 10px}
  .seo-intro h1{font-size:15px}
  .seo-intro p{font-size:11px}
  .agenda-title{font-size:14px}
  .event-toggle{grid-template-columns:61px 23px minmax(0,1fr) 17px;padding:4px 6px}
  .event-title{font-size:10px}
  .event-time{font-size:10px;min-width:48px;padding:2px 5px}
  .seo-home{padding:14px 13px}
  .seo-home h2{font-size:15px}
  .seo-home p{font-size:11px}
  .legal-card{margin:12px 8px;padding:18px 16px;font-size:13px}
}
@media(max-width:390px){
  .site-header-inner{flex-direction:column;align-items:flex-start;padding:7px 9px}
  .site-nav{width:100%;justify-content:space-between}
  .page-wrap{margin:8px 5px 10px}
  .event-toggle{grid-template-columns:57px 21px minmax(0,1fr) 15px}
}


.channel-row-link{display:flex;align-items:center;gap:8px;min-height:27px;padding:4px 16px;border-top:1px solid #d5d5d5;color:#74829a;font-size:11px;text-decoration:none;background:#f4f4f4}
.channel-row-link:before{content:"▶";font-size:9px;color:#7890af}
.channel-row-link:hover,.channel-row-link:focus{background:#fff;color:#355c8a;text-decoration:underline}
.channel-row-link .channel-note{margin-left:auto;color:#a0a0a0;font-size:9px;text-decoration:none}
.player-shell{background:#191919;border-top:3px solid var(--red);border-bottom:3px solid var(--red);padding:14px 16px 18px;margin-top:14px}
.player-shell h1{margin:0 0 10px;color:#ffb000;font-size:22px;text-align:center}
.player-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#050505;border:1px solid #444;display:flex;align-items:center;justify-content:center;overflow:hidden}
.player-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.player-empty{max-width:560px;text-align:center;padding:24px;color:#ddd;font-size:13px;line-height:1.55}
.player-empty strong{display:block;color:#ffb000;font-size:16px;margin-bottom:8px}
.player-back{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.player-back a{display:inline-block;background:#e50000;color:#fff;text-decoration:none;font-weight:700;padding:8px 14px;border-radius:3px}
.player-meta{margin-top:12px;font-size:12px;color:#ccc;text-align:center}


/* Premium 2026 sports visual refresh */
:root{--red:#ff3850;--red2:#bd203c;--yellow:#fff;--orange:#ffb86b;--bg:#090c13;--panel:#131a26;--panel2:#1b2532;--line:#2c3444;--green:#d3f1d9;--text:#edf2fa;--muted:#abb6c9;--blue:#9daec9}
html{background:#090c13}
body{background:radial-gradient(ellipse 80% 430px at 50% -100px,rgba(199,37,70,.2),transparent),#090c13;color:#eaf0fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65}
.site-header{background:rgba(15,19,29,.97);min-height:76px;border-bottom:1px solid #303441;position:relative;z-index:5}
.site-header-inner{max-width:1160px;min-height:76px;padding:10px 20px}
.site-brand{display:flex;align-items:center;gap:12px;color:white;font-size:21px;letter-spacing:-.9px;line-height:1.06}
.brand-icon{display:grid;place-items:center;color:white;background:linear-gradient(135deg,#ff4c5b,#bb1747);border-radius:13px;width:45px;height:45px;font-size:29px;font-style:italic;box-shadow:0 7px 25px rgba(232,35,72,.3)}
.brand-accent{color:#ff4b66}.site-brand small{display:block;font-size:9px;letter-spacing:2.2px;font-weight:650;color:#9aa6b9;margin-top:5px}
.site-nav{gap:12px}.site-nav a{font-size:12px;letter-spacing:.8px;border:1px solid #354054;border-radius:10px;padding:10px 15px;color:#d7dfed;transition:.2s}
.site-nav a:hover,.site-nav a:focus{background:#ec3554;border-color:#ec3554;color:#fff}
.page-wrap{max-width:1080px;margin:28px auto 40px;padding:0 18px}
.seo-intro{background:linear-gradient(125deg,rgba(64,28,48,.98),rgba(19,26,41,.98) 58%,#152235);border:1px solid #543246;border-radius:22px;padding:42px 34px;text-align:left;box-shadow:0 20px 65px #0003;position:relative;overflow:hidden}
.seo-intro:after{content:'⚽';font-size:180px;line-height:1;position:absolute;right:-12px;top:-4px;opacity:.055;pointer-events:none}
.seo-intro h1{font-size:clamp(25px,4vw,43px);line-height:1.16;color:#fff;text-align:left;max-width:800px;margin:15px 0;font-weight:850;letter-spacing:-1.4px}
.seo-intro p{font-size:15px;font-weight:400;max-width:760px;color:#c9d3e2;margin:0;text-align:left}
.eyebrow{font-weight:800;font-size:10px;letter-spacing:2.3px;color:#ff7e94}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.hero-chips span{border:1px solid #664558;background:#ffffff0b;border-radius:30px;font-size:12px;padding:7px 12px;color:#e7dbe4}
.agenda-box{margin-top:25px;overflow:hidden;border-radius:18px;background:#141b29;border:1px solid #303949;box-shadow:0 15px 45px #0003}
.agenda-title{display:flex;gap:12px;align-items:center;flex-wrap:wrap;text-align:left;background:#151d2b;color:#fff;font-size:18px;font-weight:800;padding:17px 20px;border-bottom:1px solid #374356}.title-emblem{color:#ff4e65}.agenda-tag{margin-left:auto;color:#ff9bab;font-size:10px;letter-spacing:1px;background:#602135;padding:6px 9px;border-radius:20px}
.live-meta{background:#111827;color:#b6c3d7;font-size:12px;padding:11px 20px;border-bottom:1px solid #354055}
.agenda{background:#fff}.date-separator{background:#edf1f7;color:#435167;font-weight:750;font-size:13px;padding:11px 15px}
.event-toggle{padding:10px 15px;min-height:51px;transition:background .15s}.event-toggle:hover{background:#f1f5f9}.event{border-bottom:1px solid #e4e8f1}
.seo-home,.channel-directory,.channel-guide{margin:25px 0;background:#141b29;border:1px solid #303949;border-radius:20px;padding:30px 34px;color:#cad5e6;box-shadow:0 10px 30px #0002}
.seo-home h2,.channel-directory h2,.channel-guide h2{color:#fff;font-size:clamp(20px,2.6vw,25px);line-height:1.3;letter-spacing:-.4px;margin:32px 0 11px}.seo-home h2:first-child,.channel-directory h2:first-child,.channel-guide h2:first-child{margin-top:0}
.seo-home h3{color:#f0b7c3}.seo-home p,.channel-directory p,.channel-guide p{color:#bbc6d8;font-size:15px;line-height:1.8}.seo-home a,.channel-guide a{color:#ff7a91}
.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:20px}.channel-grid a{background:#1e2838;border:1px solid #344156;text-decoration:none;color:#e7eef8;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:650;transition:.2s}.channel-grid a:hover{border-color:#ef4b69;background:#303044;transform:translateY(-2px)}
.player-shell{background:#141b29;border:1px solid #343f50;border-radius:20px;padding:26px;overflow:hidden}.player-shell h1{color:white}.player-frame-wrap{overflow:hidden;border-radius:14px;background:#080b11}.player-meta{color:#c7d0df}.player-back a{color:#ff8196}
.channel-guide{padding:22px 25px;margin:25px 0 0;background:#1a2433}.channel-guide h2{font-size:19px}
.site-footer{background:#0e131e;border-top:1px solid #343c4d;color:#aebbd0;padding:32px 22px;text-align:center;font-size:13px}.footer-links{margin-bottom:10px}.footer-copy{color:#e0e6ef;font-weight:600}.footer-disclaimer{max-width:850px;margin:18px auto 0;font-size:12px;line-height:1.8;color:#8997aa}.footer-disclaimer strong{color:#d0dbea}
@media(max-width:600px){.site-header-inner{gap:12px}.site-brand{font-size:16px}.brand-icon{width:38px;height:38px;font-size:24px}.site-nav{gap:5px}.site-nav a{font-size:9px;letter-spacing:0;padding:9px 7px}.page-wrap{padding:0 10px;margin:15px auto}.seo-intro{padding:28px 21px;border-radius:15px}.seo-intro h1{font-size:28px}.seo-intro p{font-size:13px}.agenda-box,.seo-home,.channel-directory{border-radius:14px}.seo-home,.channel-directory{padding:23px 20px}.agenda-title{font-size:15px;padding:14px}.agenda-tag{font-size:9px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-shell{padding:12px}}
