:root{--bg:#07090c;--surface:#0d1117;--text:#f6f8fa;--muted:#929dac;--line:#252c36;--red:#ef3f45;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin:auto}.display{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.025em}.eyebrow{color:#aeb8c5;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:22px;height:2px;background:var(--red);margin:0 9px 3px 0}
header{position:sticky;top:0;z-index:50;background:#07090cef;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}nav{height:74px;display:flex;align-items:center;gap:34px}.logo img{display:block;width:88px;height:34px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:28px;margin-left:auto}.navlinks a{color:#9fa9b6;font-size:.84rem;font-weight:600;padding:28px 0 24px;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{color:#fff;border-color:var(--red)}.searchlink{border:1px solid var(--line)!important;border-radius:8px;padding:9px 13px!important}.menubtn{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#10151c;color:#fff;font-size:1.25rem}
.pagehead{padding:82px 0 48px;border-bottom:1px solid var(--line)}.pagehead h1{font-size:clamp(3.8rem,8vw,7.2rem);line-height:.82;margin:18px 0}.pagehead p{max-width:620px;color:#aeb6c1;line-height:1.7;font-size:1.05rem}.hero{min-height:680px;display:flex;align-items:flex-end;background:url('hero-sports-bg.png') center/cover;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#040609f2,#0406099c 48%,#04060925),linear-gradient(0deg,#07090c,transparent 45%)}.hero-copy{max-width:760px;padding:140px 0 78px}.hero h1{font-size:clamp(4.6rem,10vw,8.8rem);line-height:.78;margin:22px 0 28px}.hero h1 span{color:transparent;-webkit-text-stroke:1.5px #ffffffaa}.hero p{max-width:600px;color:#bac2cd;line-height:1.75;font-size:1.08rem}.primary{display:inline-flex;margin-top:24px;background:#fff;color:#080a0d;border:0;border-radius:7px;padding:14px 18px;font-weight:800}
section.content{padding:76px 0}.sectiontop{display:flex;justify-content:space-between;align-items:end;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:10px}.sectiontop h2{font-size:clamp(2.5rem,5vw,4rem);margin:8px 0 0}.sectiontop p{color:var(--muted);max-width:480px;line-height:1.6}.textlink{font-size:.8rem;font-weight:700;color:#c9d0d9}.textlink:hover{color:#fff}
.sport-list{display:grid;grid-template-columns:1fr 1fr}.sport-row{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:18px 20px;border-bottom:1px solid var(--line);cursor:pointer;background:none;color:var(--text);border-top:0;border-left:0;border-right:0;text-align:left}.sport-row:nth-child(odd){border-right:1px solid var(--line)}.sport-row:hover{background:#0c1015}.sport-row strong{font:700 1.45rem "Barlow Condensed";text-transform:uppercase}.sport-row small{display:block;color:#7f8a98;margin-top:4px}.sport-row span{color:#66717e}
.livebar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.livebar select,.livebar button{height:40px;border:1px solid var(--line);border-radius:7px;background:#10151c;color:#fff;padding:0 12px}.livebar button{cursor:pointer}.status{font-size:.7rem;color:#8d98a5;text-transform:uppercase;letter-spacing:.08em}.games,.news-list{display:grid}.game{display:grid;grid-template-columns:100px 1fr auto;gap:22px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line)}.time{font-size:.75rem;color:#8994a1}.teams{display:grid;gap:9px}.team{display:flex;justify-content:space-between;font-weight:600}.state{font-size:.72rem;color:#8b96a4}.state.live{color:#ff676c}.empty{padding:50px 0;color:#818c99;text-align:center}
.lead-story{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.lead-story img{width:100%;height:380px;object-fit:cover}.lead-story h2{font:700 clamp(2.3rem,5vw,4.4rem)/.95 "Barlow Condensed";text-transform:uppercase;margin:13px 0}.lead-story p{color:#aeb7c2;line-height:1.65}.tag{font-size:.68rem;color:#9cbcff;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.news-row{display:grid;grid-template-columns:140px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.news-row img{width:140px;height:86px;object-fit:cover}.news-row h3{margin:5px 0;font-size:1rem;line-height:1.35}.news-row small{color:#7e8997}.arrow{color:#697481}
.prose{max-width:760px}.prose h2{font:700 2.4rem "Barlow Condensed";text-transform:uppercase;margin:48px 0 12px}.prose p{color:#aeb7c2;line-height:1.8}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.contact-grid p{color:#9ca7b4;line-height:1.7}.form{display:grid;gap:18px}.form label{display:grid;gap:8px;font-size:.8rem;font-weight:700}.form input,.form textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:#0d1218;color:#fff;padding:13px}.form textarea{min-height:160px;resize:vertical}.form button{justify-self:start;border:0;border-radius:7px;background:#fff;color:#080a0d;padding:13px 18px;font-weight:800;cursor:pointer}
dialog{width:min(640px,calc(100% - 30px));border:1px solid #303947;border-radius:12px;background:#0d1218;color:#fff;padding:0}dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.modalhead{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.modalhead h2{font:700 2rem "Barlow Condensed";text-transform:uppercase;margin:0}.close{width:36px;height:36px;border:0;border-radius:50%;background:#1b232d;color:#fff}.modalbody{padding:22px}.league-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.league-row small{color:#7e8997}
footer{padding:42px 0 28px;border-top:1px solid var(--line)}.foot{display:flex;justify-content:space-between;gap:30px;align-items:center}.foot img{width:92px}.foot span{font-size:.75rem;color:#6f7a87}
@media(max-width:760px){.shell{width:calc(100% - 30px)}nav{height:66px}.menubtn{display:block}.navlinks{display:none;position:absolute;top:66px;left:0;right:0;background:#090c11;border-bottom:1px solid var(--line);padding:8px 15px 18px;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a,.searchlink{padding:14px 4px!important;border:0!important;border-bottom:1px solid #202731!important;border-radius:0}.navlinks a:last-child{border-bottom:0!important}.hero{min-height:680px;background-image:url('hero-sports-bg-mobile.jpg');background-position:center top}.hero:before{background:linear-gradient(0deg,#07090c,#05070acd 58%,#05070a2b)}.hero-copy{padding:300px 0 55px}.hero h1{font-size:4.5rem}.sectiontop{display:block}.sectiontop p{margin-top:14px}.sport-list{grid-template-columns:1fr}.sport-row:nth-child(odd){border-right:0}.game{grid-template-columns:72px 1fr}.state{grid-column:2}.lead-story{grid-template-columns:1fr}.lead-story img{height:250px}.news-row{grid-template-columns:92px 1fr}.news-row img{width:92px;height:72px}.news-row .arrow{display:none}.contact-grid{grid-template-columns:1fr;gap:35px}.foot{align-items:flex-start;flex-direction:column}.pagehead{padding:58px 0 34px}}
.bottomnav{display:none}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.quick-link{padding:28px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-link:last-child{border-right:0}.quick-link strong{display:block;font:700 1.5rem "Barlow Condensed";text-transform:uppercase}.quick-link span{display:block;color:#7f8996;font-size:.78rem;margin-top:8px}.quick-link:hover{background:#0c1015}.searchbox{display:flex;gap:10px;margin:28px 0}.searchbox input{flex:1;height:48px;border:1px solid var(--line);border-radius:7px;background:#0d1218;color:#fff;padding:0 15px}.searchbox button{height:48px;border:0;border-radius:7px;background:#fff;color:#080a0d;padding:0 18px;font-weight:800}.result-count{color:#7f8a97;font-size:.75rem;margin-bottom:10px}.source-note{font-size:.72rem;color:#788390;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.tool{background:var(--bg);padding:24px}.tool strong{font:700 1.4rem "Barlow Condensed";text-transform:uppercase}.tool p{color:#87929f;font-size:.8rem;line-height:1.5}
@media(max-width:760px){body{padding-bottom:70px}.quick-grid,.tool-grid{grid-template-columns:1fr}.quick-link{border-right:0}.bottomnav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:66px;z-index:80;background:#0b0f15f5;border-top:1px solid #29313c;backdrop-filter:blur(18px)}.bottomnav a{display:grid;place-items:center;align-content:center;gap:4px;color:#7f8a98;font-size:.62rem;font-weight:700}.bottomnav a b{font-size:1.08rem;font-weight:500}.bottomnav a.active{color:#fff}.bottomnav a.active b{color:var(--red)}}
.oddsline{grid-column:2/-1;display:flex;gap:16px;color:#9ba6b3;font-size:.72rem;padding-top:8px}.oddsline b{color:#fff}.odds-event{padding:20px 4px;border-bottom:1px solid var(--line)}.odds-event h3{font:700 1.35rem "Barlow Condensed";text-transform:uppercase;margin:0 0 12px}.odds-markets{display:flex;flex-wrap:wrap;gap:18px;color:#9aa5b2;font-size:.78rem}.odds-markets b{color:#fff}.responsible{margin-top:28px;padding:16px 0;border-top:1px solid var(--line);color:#7f8996;font-size:.72rem;line-height:1.6}
:root[data-theme="light"]{--bg:#f5f7fa;--surface:#fff;--text:#101318;--muted:#66717d;--line:#d9dee5}.themebtn{margin-left:auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.themebtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.themebtn+.menubtn{margin-left:0}:root[data-theme="light"] header{background:#f7f9fbea}:root[data-theme="light"] .logo img,:root[data-theme="light"] .foot img{filter:invert(1)}:root[data-theme="light"] .navlinks a:hover,:root[data-theme="light"] .navlinks a.active,:root[data-theme="light"] .bottomnav a.active{color:var(--text)}:root[data-theme="light"] .sport-row:hover{background:#e9edf2}:root[data-theme="light"] .hero:before{background:linear-gradient(90deg,#f5f7faef,#f5f7fa8c 52%,#f5f7fa12),linear-gradient(0deg,#f5f7fa,transparent 45%)}:root[data-theme="light"] .hero h1 span{-webkit-text-stroke:1.5px #10131899}:root[data-theme="light"] .hero p{color:#39434f}:root[data-theme="light"] .bottomnav{background:#ffffffed}:root[data-theme="light"] .navlinks{background:var(--bg)}.bookmaker{display:grid;grid-template-columns:minmax(110px,1fr) repeat(4,minmax(70px,.7fr));gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:.78rem}.bookmaker strong{color:var(--text)}.market-label{display:block;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-style:normal}
@media(max-width:760px){header nav{gap:10px}.themebtn{margin-left:auto}.menubtn{margin-left:0}.navlinks{max-height:calc(100vh - 136px);overflow:auto}.livebar{align-items:stretch;flex-direction:column}.livebar>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.livebar select:first-child{grid-column:1/-1}.livebar button{width:100%}.bookmaker{grid-template-columns:1fr 1fr}.bookmaker strong{grid-column:1/-1}.bottomnav{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{min-width:0;overflow:hidden}.bottomnav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.bottomnav b{height:21px;display:grid;place-items:center}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}
.themebtn{position:fixed;right:18px;bottom:90px;z-index:100;width:52px;height:52px;margin:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 10px 30px #0005;cursor:grab;touch-action:none;user-select:none}.themebtn:active{cursor:grabbing}.themebtn svg{width:22px;height:22px}.foot{justify-content:flex-start}@media(max-width:760px){.navlinks{display:none}.themebtn{margin:0}.foot{align-items:flex-start}}

/* Responsive spacing and layout rhythm */
main{min-height:calc(100svh - 74px)}
section.content{padding:52px 0 68px}
.livebar>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.livebar select{max-width:100%}
.game>*,.news-row>*,.lead-story>*,.bookmaker>*{min-width:0}
.team span,.news-row h3,.lead-story h2{overflow-wrap:anywhere}
.themebtn{bottom:24px}

@media(max-width:980px) and (min-width:761px){
  .shell{width:calc(100% - 36px)}
  nav{gap:22px}
  .navlinks{gap:18px}
  .navlinks a{font-size:.8rem}
  section.content{padding:44px 0 58px}
  .hero{min-height:calc(100svh - 74px)}
  .hero-copy{padding:110px 0 64px}
  .bookmaker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bookmaker strong{grid-column:1/-1}
}

@media(max-width:760px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  main{min-height:calc(100svh - 66px - 68px)}
  header .shell{width:calc(100% - 32px)}
  .logo img{width:82px;height:32px}
  section.content{padding:24px 0 40px}
  .pagehead{padding:34px 0 24px}
  .pagehead h1{font-size:clamp(3.25rem,18vw,5rem);margin:12px 0}
  .pagehead p{margin:0;font-size:.98rem;line-height:1.55}
  .hero{min-height:calc(100svh - 66px - 68px)}
  .hero-copy{padding:clamp(210px,42svh,320px) 0 34px}
  .hero h1{font-size:clamp(3.45rem,18vw,4.5rem);margin:16px 0 20px}
  .hero p{font-size:.98rem;line-height:1.6;margin-bottom:0}
  .sectiontop{padding-bottom:18px;margin-bottom:0}
  .sectiontop h2{font-size:2.6rem}
  .livebar{gap:10px;padding:12px 0 18px}
  .livebar>div{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:8px}
  .livebar select:first-child{grid-column:auto}
  .livebar select,.livebar button{width:100%;min-width:0}
  .status{line-height:1.45}
  .sport-row{min-height:76px;padding:16px 8px}
  .sport-row strong{font-size:1.35rem}
  .game{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:18px 0}
  .team{gap:12px;align-items:baseline}
  .team span{line-height:1.35}
  .team b{flex:0 0 auto}
  .oddsline{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding-top:2px}
  .lead-story{gap:18px;padding:20px 0}
  .lead-story img{height:220px}
  .lead-story h2{font-size:clamp(2rem,11vw,3rem);margin:10px 0}
  .lead-story p{margin-bottom:0}
  .news-row{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:15px 0}
  .news-row img{width:80px;height:68px}
  .news-row h3{font-size:.94rem}
  .odds-event{padding:18px 0}
  .odds-markets{gap:10px 16px;line-height:1.45}
  .bookmaker{gap:10px;padding:12px 0}
  .themebtn{right:16px;bottom:calc(84px + env(safe-area-inset-bottom));width:50px;height:50px}
}

@media(max-width:380px){
  .shell{width:calc(100% - 24px)}
  header .shell{width:calc(100% - 24px)}
  .hero h1{font-size:3.25rem}
  .bottomnav a{font-size:.58rem}
  .bottomnav svg{width:19px;height:19px}
}

/* App navigation */
header nav{justify-content:space-between}
.navlinks{margin-left:auto;padding:5px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);gap:3px;box-shadow:0 8px 30px #00000018}
.navlinks a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px!important;border:0!important;border-radius:10px;color:var(--muted);font-size:.82rem;line-height:1}
.navlinks a:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent)}
.navlinks a.active{color:var(--text);background:color-mix(in srgb,var(--red) 16%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red) 34%,transparent)}
.navicon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto}
.navicon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.navlinks a.active .navicon{color:var(--red)}
.navlinks a:focus-visible,.bottomnav a:focus-visible,.logo:focus-visible{outline:2px solid var(--red);outline-offset:3px}

@media(max-width:980px) and (min-width:761px){
  .navlinks a{gap:6px;padding:10px 11px!important}
  .navicon,.navicon svg{width:16px;height:16px}
}

@media(max-width:760px){
  header nav{justify-content:flex-start}
  .navlinks{display:none}
  .bottomnav{height:calc(74px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);gap:2px}
  .bottomnav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:58px;border-radius:12px;font-size:.68rem;line-height:1;color:var(--muted);transition:color .18s ease,background .18s ease}
  .bottomnav a b{display:grid;place-items:center;width:44px;height:28px;border-radius:14px;transition:background .18s ease,color .18s ease,transform .18s ease}
  .bottomnav a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .bottomnav a.active{color:var(--text);background:transparent}
  .bottomnav a.active b{color:var(--red);background:color-mix(in srgb,var(--red) 15%,transparent);transform:translateY(-1px)}
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .themebtn{bottom:calc(90px + env(safe-area-inset-bottom))}
}

@media(max-width:360px){
  .bottomnav{padding-left:3px;padding-right:3px;gap:0}
  .bottomnav a{font-size:.62rem}
  .bottomnav a b{width:40px}
}

/* Minimal navigation treatment with image-based icons */
.navlinks{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:8px}
.navlinks a{position:relative;min-height:44px;padding:12px 13px!important;border-radius:0;background:transparent!important;box-shadow:none!important}
.navlinks a.active:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:var(--red)}
.navicon{display:none}
.navglyph{display:block;width:22px;height:22px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.icon-home{mask-image:url('icons/home.svg');-webkit-mask-image:url('icons/home.svg')}
.icon-sports{mask-image:url('icons/sports.svg');-webkit-mask-image:url('icons/sports.svg')}
.icon-scores{mask-image:url('icons/scores.svg');-webkit-mask-image:url('icons/scores.svg')}
.icon-news{mask-image:url('icons/news.svg');-webkit-mask-image:url('icons/news.svg')}
.icon-odds{mask-image:url('icons/odds.svg');-webkit-mask-image:url('icons/odds.svg')}
@media(max-width:760px){
  .bottomnav a,.bottomnav a.active{background:transparent}
  .bottomnav a b,.bottomnav a.active b{width:42px;height:27px;background:transparent;transform:none}
  .bottomnav a.active b{color:var(--red)}
  .bottomnav a.active:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--red)}
  .bottomnav a{position:relative}
}

/* Final layout balance */
header{box-shadow:0 1px 0 #ffffff08}
header nav{height:68px}
.shell{width:min(1180px,calc(100% - 56px))}
.logo{display:flex;align-items:center;min-width:92px;min-height:44px}
.logo img{width:82px;height:31px}
.navlinks{gap:18px}
.navlinks a{padding:12px 4px!important;font-size:.88rem;letter-spacing:.01em}
.navlinks a.active:after{left:4px;right:4px;bottom:4px}
main{min-height:calc(100svh - 68px)}
.hero{min-height:calc(100svh - 68px);background-position:center 38%}
.hero-copy{padding:clamp(100px,15vh,155px) 0 clamp(52px,8vh,84px)}
.hero h1{max-width:720px}
.searchbox{max-width:760px;margin:0 auto 24px}
.searchbox input,.searchbox button,.livebar select,.livebar button{min-height:44px}
.searchbox input:focus,.livebar select:focus-visible,.livebar button:focus-visible,.searchbox button:focus-visible,.sport-row:focus-visible,.close:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.sport-list{border-top:1px solid var(--line)}
.sport-row{padding-inline:22px}
.livebar{padding-top:0}
.games,.news-list,#oddsFeed{max-width:980px;margin-inline:auto}
.lead-story{align-items:center}
.responsible{max-width:980px;margin-inline:auto}
.themebtn{width:46px;height:46px;right:22px;bottom:22px;cursor:pointer}

@media(max-width:980px) and (min-width:761px){
  .shell{width:calc(100% - 40px)}
  .navlinks{gap:14px}
  .hero-copy{padding-bottom:56px}
}

@media(max-width:760px){
  header nav{height:62px;justify-content:center}
  header .shell,.shell{width:calc(100% - 32px)}
  .logo{min-width:0;min-height:40px}
  .logo img{width:78px;height:30px}
  main{min-height:calc(100svh - 62px - 74px)}
  .hero{min-height:calc(100svh - 62px - 74px);background-position:center top}
  .hero-copy{padding:clamp(190px,38svh,300px) 0 30px}
  .hero .eyebrow{font-size:.68rem}
  .hero h1{font-size:clamp(3.2rem,17vw,4.35rem);line-height:.8;margin:14px 0 18px}
  .hero p{max-width:34rem;font-size:.94rem;line-height:1.55}
  section.content{padding:20px 0 34px}
  .searchbox{position:sticky;top:62px;z-index:20;margin:0 -4px 18px;padding:10px 4px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px)}
  .searchbox button{padding-inline:14px}
  .result-count{margin:0 0 8px}
  .sport-row{padding-inline:10px}
  .livebar{position:sticky;top:62px;z-index:20;background:var(--bg);padding:10px 0 14px}
  .lead-story{padding-top:8px}
  .lead-story img{border-radius:8px}
  .themebtn{right:14px;bottom:calc(88px + env(safe-area-inset-bottom));width:46px;height:46px}
}

@media(max-width:380px){
  header .shell,.shell{width:calc(100% - 24px)}
  .searchbox{gap:8px}
  .searchbox button{padding-inline:12px}
}


/* Mobile floating navigation — matches interactive homepage */
@media(max-width:760px){
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .bottomnav{
    position:fixed;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    left:10px;
    right:10px;
    bottom:10px;
    width:auto;
    height:auto;
    min-height:64px;
    z-index:95;
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));
    gap:0;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(6,9,13,.92);
    box-shadow:0 12px 34px rgba(0,0,0,.34);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px)
  }
  .bottomnav a,
  .bottomnav a.active{
    position:relative;
    min-width:0;
    min-height:52px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:4px;
    padding:4px 0;
    border-radius:12px;
    background:transparent;
    color:#8f99a6;
    font-size:.59rem;
    line-height:1;
    font-weight:800;
    letter-spacing:.04em;
    overflow:visible
  }
  .bottomnav a.active{color:#fff}
  .bottomnav a b,
  .bottomnav a.active b{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    background:transparent;
    color:inherit;
    transform:none
  }
  .bottomnav .navglyph{
    width:20px;
    height:20px;
    opacity:.74
  }
  .bottomnav a.active .navglyph{opacity:1}
  .bottomnav a.active:after{display:none}
  .themebtn{
    right:16px;
    bottom:calc(90px + env(safe-area-inset-bottom));
    width:46px;
    height:46px
  }
}
:root[data-theme="light"] .bottomnav{
  background:rgba(255,255,255,.94);
  border-color:rgba(16,19,24,.12);
  box-shadow:0 12px 30px rgba(16,19,24,.12)
}
:root[data-theme="light"] .bottomnav a{color:#697480}
:root[data-theme="light"] .bottomnav a.active{color:#101318}

/* Light mode form and filter controls */
:root[data-theme="light"] select,
:root[data-theme="light"] input[type="search"],
:root[data-theme="light"] input[type="text"],
:root[data-theme="light"] input[type="email"],
:root[data-theme="light"] textarea,
:root[data-theme="light"] .searchbox input,
:root[data-theme="light"] .livebar select,
:root[data-theme="light"] .livebar button,
:root[data-theme="light"] .searchbox button,
:root[data-theme="light"] .form input,
:root[data-theme="light"] .form textarea,
:root[data-theme="light"] .form button,
:root[data-theme="light"] .searchlink,
:root[data-theme="light"] .menubtn{
  background:#fff!important;
  color:#11151b!important;
  border-color:rgba(17,21,27,.14)!important;
  box-shadow:0 8px 24px rgba(17,21,27,.10)!important;
}

:root[data-theme="light"] select,
:root[data-theme="light"] .livebar select{
  color-scheme:light;
}

:root[data-theme="light"] select option,
:root[data-theme="light"] .livebar select option{
  background:#fff;
  color:#11151b;
}

:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder,
:root[data-theme="light"] .searchbox input::placeholder{
  color:#6b7683!important;
  opacity:1;
}

:root[data-theme="light"] select:hover,
:root[data-theme="light"] input[type="search"]:hover,
:root[data-theme="light"] input[type="text"]:hover,
:root[data-theme="light"] input[type="email"]:hover,
:root[data-theme="light"] textarea:hover,
:root[data-theme="light"] .searchbox input:hover,
:root[data-theme="light"] .livebar select:hover,
:root[data-theme="light"] .livebar button:hover,
:root[data-theme="light"] .searchbox button:hover,
:root[data-theme="light"] .form button:hover,
:root[data-theme="light"] .searchlink:hover,
:root[data-theme="light"] .menubtn:hover{
  border-color:rgba(17,21,27,.22)!important;
  box-shadow:0 10px 28px rgba(17,21,27,.14)!important;
}

:root[data-theme="light"] select:focus,
:root[data-theme="light"] input[type="search"]:focus,
:root[data-theme="light"] input[type="text"]:focus,
:root[data-theme="light"] input[type="email"]:focus,
:root[data-theme="light"] textarea:focus,
:root[data-theme="light"] .searchbox input:focus,
:root[data-theme="light"] .livebar select:focus,
:root[data-theme="light"] .livebar button:focus-visible,
:root[data-theme="light"] .searchbox button:focus-visible,
:root[data-theme="light"] .form button:focus-visible,
:root[data-theme="light"] .searchlink:focus-visible,
:root[data-theme="light"] .menubtn:focus-visible{
  outline:none!important;
  border-color:rgba(17,21,27,.26)!important;
  box-shadow:0 0 0 3px rgba(17,21,27,.07),0 10px 28px rgba(17,21,27,.14)!important;
}

@media(max-width:760px){
  :root[data-theme="light"] .livebar select,
  :root[data-theme="light"] .livebar button,
  :root[data-theme="light"] .searchbox input,
  :root[data-theme="light"] .searchbox button{
    min-height:46px;
    border-radius:10px!important;
  }
}

/* Team logos */
.team-identity{display:flex;align-items:center;gap:10px;min-width:0}
.team-identity>span{min-width:0}
.team-logo{width:30px;height:30px;flex:0 0 30px;object-fit:contain;padding:3px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.odds-matchup{display:flex;align-items:center;gap:16px;margin:10px 0 14px}
.odds-team{display:flex;align-items:center;gap:9px;min-width:0;font:700 1.15rem "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}
.odds-team .team-logo{width:34px;height:34px;flex-basis:34px}
.versus{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
:root[data-theme="light"] .team-logo{background:#fff;border-color:rgba(17,21,27,.12);box-shadow:0 4px 12px rgba(17,21,27,.08)}
@media(max-width:760px){
  .team-logo{width:28px;height:28px;flex-basis:28px}
  .odds-matchup{gap:10px;flex-wrap:wrap}
  .odds-team{font-size:1rem}
  .odds-team .team-logo{width:30px;height:30px;flex-basis:30px}
}
/* ESPN game highlights */
.highlights-btn{margin-top:12px;display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;min-width:0;box-sizing:border-box;white-space:nowrap;min-height:36px;padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.06);color:var(--text,#f4f6f8);font:800 .72rem Inter,Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.highlights-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.09)}
.highlights-btn b{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--red,#ef3f45);color:#fff;font-size:.66rem}
.highlights-btn-icon{width:16px;height:16px;display:grid;place-items:center}.highlights-btn-icon svg{width:15px;height:15px;fill:currentColor}
.highlights-dialog{width:min(960px,calc(100% - 28px));max-height:min(88vh,820px);padding:0;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#0b0f14;color:#f4f6f8;box-shadow:0 30px 90px rgba(0,0,0,.58);overflow:hidden}
.highlights-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}
.highlights-shell{position:relative;padding:26px;max-height:min(88vh,820px);overflow:auto}
.highlights-close{position:absolute;right:16px;top:16px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;z-index:3}
.highlights-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.highlights-head{padding-right:48px;margin-bottom:18px}.highlights-head h2{margin:8px 0 12px;font:800 clamp(1.7rem,4vw,2.7rem)/.95 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}
.highlight-teams{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#b7c0cc;font-size:.83rem;font-weight:700}.highlight-teams>span{display:flex;align-items:center;gap:7px}.highlight-team-logo{width:26px!important;height:26px!important;flex-basis:26px!important}
.highlight-player-wrap{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#05070a;box-shadow:0 16px 42px rgba(0,0,0,.32)}
.highlight-player{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}
.highlight-now{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px}.highlight-now strong{font-size:.88rem;line-height:1.35}.highlight-now span{flex:0 0 auto;color:#98a4b2;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.highlight-playlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.highlight-card{appearance:none;width:100%;padding:0;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#11161d;color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.highlight-card:hover,.highlight-card.active{transform:translateY(-1px);border-color:rgba(239,63,69,.55);box-shadow:0 8px 22px rgba(0,0,0,.24)}
.highlight-thumb{position:relative;aspect-ratio:16/9;background:#171d25;overflow:hidden}.highlight-thumb img,.highlight-placeholder{width:100%;height:100%;object-fit:cover}
.highlight-play{position:absolute;left:10px;bottom:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(5,7,10,.86);color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.35)}.highlight-play svg{width:16px;height:16px;fill:currentColor;margin-left:2px}
.highlight-copy{display:grid;gap:6px;padding:11px}.highlight-copy strong{font-size:.78rem;line-height:1.35}.highlight-copy span{color:#9ba6b4;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
:root[data-theme="light"] .highlights-btn{background:#fff;color:#11151b;border-color:rgba(17,21,27,.14);box-shadow:0 7px 20px rgba(17,21,27,.09)}
:root[data-theme="light"] .highlights-btn:hover{background:#fff;border-color:rgba(17,21,27,.24);box-shadow:0 10px 26px rgba(17,21,27,.13)}
:root[data-theme="light"] .highlights-dialog{background:#f7f9fb;color:#11151b;border-color:rgba(17,21,27,.14);box-shadow:0 30px 90px rgba(17,21,27,.25)}
:root[data-theme="light"] .highlights-close{background:#fff;color:#11151b;border-color:rgba(17,21,27,.14)}
:root[data-theme="light"] .highlight-teams{color:#596574}
:root[data-theme="light"] .highlight-player-wrap{background:#fff;border-color:rgba(17,21,27,.12);box-shadow:0 12px 32px rgba(17,21,27,.12)}
:root[data-theme="light"] .highlight-now span{color:#596574}
:root[data-theme="light"] .highlight-card{background:#fff;color:#11151b;border-color:rgba(17,21,27,.12);box-shadow:0 6px 18px rgba(17,21,27,.07)}
:root[data-theme="light"] .highlight-card:hover,:root[data-theme="light"] .highlight-card.active{border-color:rgba(239,63,69,.45);box-shadow:0 9px 24px rgba(17,21,27,.11)}
:root[data-theme="light"] .highlight-copy span{color:#596574}
@media(max-width:760px){
  .highlights-dialog{width:calc(100% - 16px);max-height:90vh;border-radius:15px}
  .highlights-shell{padding:20px 12px 14px;max-height:90vh}
  .highlights-head{padding-right:44px}
  .highlight-now{align-items:flex-start;flex-direction:column;gap:5px}
  .highlight-playlist{grid-template-columns:1fr}
  .highlights-btn{grid-column:1/-1;justify-self:start;width:max-content;max-width:100%;min-width:0;min-height:34px;padding:6px 10px;gap:6px;white-space:nowrap}
  .highlights-btn b{min-width:19px;height:19px;padding:0 5px;font-size:.62rem}
  .highlights-btn-icon{flex:0 0 15px;width:15px;height:15px}
  .highlights-btn-icon svg{width:14px;height:14px}
}

@media(max-width:340px){
  .highlights-btn{padding:6px 9px;gap:5px;font-size:.68rem}
}

/* Hide successful update timestamps */
.status:empty{display:none}
.news-livebar.is-empty{display:none}

/* Live streams */
.watch-live-btn{grid-column:auto;margin-top:10px;display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:36px;padding:7px 12px;border:1px solid rgba(239,63,69,.34);border-radius:10px;background:rgba(239,63,69,.10);color:#ff7a7f;font:800 .72rem Inter,Arial,sans-serif;letter-spacing:.02em;cursor:pointer}
.watch-live-btn:hover{background:rgba(239,63,69,.16);border-color:rgba(239,63,69,.5)}
.live-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#ef3f45;box-shadow:0 0 0 4px rgba(239,63,69,.13);animation:livePulse 1.5s ease-in-out infinite}
@keyframes livePulse{50%{box-shadow:0 0 0 7px rgba(0,255,140,0)}}
.live-dialog{width:min(980px,calc(100% - 28px));max-height:90vh;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#0b0f14;color:#f4f6f8;box-shadow:0 30px 90px rgba(0,0,0,.6);overflow:hidden}
.live-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}
.live-shell{position:relative;padding:26px;max-height:90vh;overflow:auto}
.live-close{position:absolute;right:16px;top:16px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;z-index:3}
.live-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.live-head{padding-right:48px;margin-bottom:18px}.live-head h2{margin:8px 0 12px;font:800 clamp(1.7rem,4vw,2.7rem)/.95 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}
.live-badge{display:inline-flex;align-items:center;gap:7px;color:#ff777c;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.live-badge span{width:7px;height:7px;border-radius:50%;background:#ef3f45}
.live-player-wrap{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#000;box-shadow:0 16px 42px rgba(0,0,0,.34)}
.live-player{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.live-meta{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:13px 2px 0}.live-meta strong{font-size:.9rem;line-height:1.35}.live-meta span{color:#98a4b2;font-size:.7rem;font-weight:800;text-align:right}
.live-sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.live-sources button{border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.05);color:inherit;padding:8px 10px;font-size:.7rem;font-weight:800;cursor:pointer}
:root[data-theme="light"] .watch-live-btn{background:#fff;color:#d62f35;border-color:rgba(214,47,53,.24);box-shadow:0 7px 20px rgba(17,21,27,.08)}
:root[data-theme="light"] .live-dialog{background:#f7f9fb;color:#11151b;border-color:rgba(17,21,27,.14);box-shadow:0 30px 90px rgba(17,21,27,.25)}
:root[data-theme="light"] .live-close{background:#fff;color:#11151b;border-color:rgba(17,21,27,.14)}
:root[data-theme="light"] .live-meta span{color:#596574}
:root[data-theme="light"] .live-sources button{background:#fff;color:#11151b;border-color:rgba(17,21,27,.12)}
@media(max-width:760px){
  .watch-live-btn{grid-column:1/-1;justify-self:start;min-height:34px;padding:6px 10px}
  .live-dialog{width:calc(100% - 16px);max-height:90vh;border-radius:15px}
  .live-shell{padding:20px 12px 14px;max-height:90vh}
  .live-head{padding-right:44px}
  .live-meta{flex-direction:column;gap:5px}
  .live-meta span{text-align:left}
}

/* Boxing hub */
.boxing-page .pagehead{padding-bottom:34px}.boxing-intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.boxing-intro p{max-width:660px;color:var(--muted);line-height:1.65;margin:0}
.boxing-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.boxing-tab{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);padding:10px 14px;font-weight:800;font-size:.76rem;cursor:pointer}.boxing-tab.active{color:var(--text);border-color:color-mix(in srgb,var(--red) 52%,var(--line));background:color-mix(in srgb,var(--red) 12%,var(--surface))}
.boxing-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.8fr) minmax(220px,1.35fr) auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 12px 30px #00000018;margin-bottom:18px}.boxing-controls select,.boxing-controls input,.boxing-controls button{min-height:44px;border:1px solid var(--line);border-radius:9px;background:#10151c;color:var(--text);padding:0 12px}.boxing-controls button{font-weight:800;cursor:pointer}.boxing-status{min-height:18px;color:var(--muted);font-size:.73rem;margin:0 0 12px}
.boxing-rankings{display:grid;gap:18px}.boxing-body{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--surface)}.boxing-body-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-bottom:1px solid var(--line)}.boxing-body-head strong{font:800 1.35rem "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}.boxing-body-head span{color:var(--muted);font-size:.7rem}
.boxing-champions{display:flex;flex-wrap:wrap;gap:8px;padding:13px 17px;border-bottom:1px solid var(--line)}.boxing-champion{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--red) 8%,var(--surface));font-size:.74rem}.boxing-champion b{color:#ff6b70;text-transform:uppercase;font-size:.62rem;letter-spacing:.06em}
.boxing-table{width:100%;border-collapse:collapse}.boxing-table th,.boxing-table td{text-align:left;padding:11px 17px;border-bottom:1px solid var(--line);font-size:.78rem}.boxing-table th{color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.boxing-table tr:last-child td{border-bottom:0}.boxer-link{border:0;background:none;color:var(--text);padding:0;font-weight:800;text-align:left;cursor:pointer}.boxer-link:hover{color:#ff777c}
.boxer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.boxer-card{display:grid;gap:11px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer;text-align:left;color:var(--text)}.boxer-card:hover{border-color:color-mix(in srgb,var(--red) 35%,var(--line))}.boxer-card h3{margin:0;font:800 1.35rem "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}.boxer-card .record{font-weight:900;font-size:1rem}.boxer-meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:.7rem}.boxer-meta span{padding:5px 7px;border:1px solid var(--line);border-radius:7px}
.boxing-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 0}.boxing-pager button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:0 13px;font-weight:800;cursor:pointer}.boxing-pager button:disabled{opacity:.4;cursor:default}
.fight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fight-card{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.fight-card .fight-date{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}.fight-card h3{margin:8px 0 10px;font:800 1.45rem "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}.fight-card .fight-result{font-size:.78rem;color:var(--muted)}
.official-boxing-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.official-boxing-source{display:grid;gap:7px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.official-boxing-source strong{font:800 1.3rem "Barlow Condensed",Arial,sans-serif}.official-boxing-source span{font-size:.7rem;color:var(--muted);line-height:1.4}
.boxer-dialog{width:min(720px,calc(100% - 24px));max-height:88vh;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);overflow:hidden}.boxer-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.boxer-dialog-shell{position:relative;padding:24px;max-height:88vh;overflow:auto}.boxer-dialog-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:1.2rem;cursor:pointer}.boxer-dialog h2{margin:0 48px 5px 0;font:800 clamp(2rem,7vw,3.5rem)/.92 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}
.boxer-record-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.boxer-stat{padding:12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--text) 3%,var(--surface))}.boxer-stat b{display:block;font-size:1.2rem}.boxer-stat span{font-size:.65rem;color:var(--muted);text-transform:uppercase}.boxer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:11px;overflow:hidden}.boxer-detail-grid div{background:var(--surface);padding:11px 13px}.boxer-detail-grid small{display:block;color:var(--muted);font-size:.62rem;text-transform:uppercase;margin-bottom:4px}.boxer-titles{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.boxer-title{padding:7px 9px;border-radius:8px;border:1px solid color-mix(in srgb,var(--red) 28%,var(--line));font-size:.7rem}.boxing-feed-note{margin-top:16px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:.73rem;line-height:1.55}
:root[data-theme="light"] .boxing-controls select,:root[data-theme="light"] .boxing-controls input,:root[data-theme="light"] .boxing-controls button{background:#fff;color:#11151b;border-color:rgba(17,21,27,.13);box-shadow:0 6px 18px rgba(17,21,27,.07)}
@media(max-width:900px){.boxing-controls{grid-template-columns:1fr 1fr}.boxer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.official-boxing-sources{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.boxing-intro{display:block}.boxing-intro p{margin-top:14px}.boxing-controls{grid-template-columns:1fr;padding:10px}.boxer-grid,.fight-grid,.official-boxing-sources{grid-template-columns:1fr}.boxing-table th,.boxing-table td{padding:10px 9px;font-size:.7rem}.boxing-table th:nth-child(4),.boxing-table td:nth-child(4){display:none}.boxer-record-row{grid-template-columns:repeat(2,minmax(0,1fr))}.boxer-detail-grid{grid-template-columns:1fr}}



.news-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 28px}
.news-video-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.news-video-frame{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.news-video-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.news-video-link{width:100%;padding:0;border:0;cursor:pointer;text-align:left}
.news-video-playing iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.special-score-event .special-event-copy{display:block}
.special-event-copy strong{font-size:1rem}
.special-event-location{margin-top:6px;color:var(--muted);font-size:.78rem}
.special-event-meta{margin-top:6px;color:var(--text);font-size:.68rem;font-weight:750;letter-spacing:.015em}
.special-event-prize{margin-top:4px;color:var(--muted);font-size:.66rem}

.news-video-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28))}
.news-video-play{position:absolute;left:50%;top:50%;z-index:2;width:58px;height:58px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.news-video-play svg{width:25px;height:25px;fill:#fff;margin-left:3px}
.news-video-link:hover .news-video-play{transform:translate(-50%,-50%) scale(1.05)}
.news-video-copy{padding:14px 16px 16px}
.news-video-title-link{color:inherit;text-decoration:none}
.news-video-copy h3{margin:7px 0 6px;font-family:"Barlow Condensed",sans-serif;font-size:clamp(20px,2.5vw,28px);line-height:1.03}
.news-video-copy small{color:var(--muted)}
@media(max-width:720px){
  .news-videos{grid-template-columns:1fr;gap:14px;margin-bottom:22px}
  .news-video-card{border-radius:15px}
  .news-video-copy{padding:12px 14px 14px}
}

.mobile-live-toggle{display:none}
.mobile-live-body{display:block}
.mobile-live-inner{min-height:0}
.all-live-section{margin:0 0 34px;padding:0 0 34px;border-bottom:1px solid var(--line)}
.all-live-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.scores-browser-head h2{margin:5px 0 0;font:700 clamp(2rem,4vw,3.2rem)/.95 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.live-sport-sorter{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;padding:2px;scrollbar-width:none}
.live-sport-sorter::-webkit-scrollbar{display:none}
.live-sport-filter{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font:700 .7rem/1 Inter,Arial,sans-serif;cursor:pointer}
.live-sport-filter:hover{color:var(--text);border-color:color-mix(in srgb,var(--text) 24%,var(--line))}
.live-sport-filter.active{color:var(--text);background:color-mix(in srgb,var(--red) 12%,var(--panel));border-color:color-mix(in srgb,var(--red) 38%,var(--line))}
.live-sport-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px}
.sport-material-icon{display:block;font-size:30px!important;line-height:1;font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24}
.live-sport-name{white-space:nowrap}
.live-count-status{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;font-weight:800;color:var(--text)}
.live-count-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#ef3f45;box-shadow:0 0 0 0 rgba(239,63,69,.35);animation:liveCountBlink 2.2s ease-in-out infinite}
@keyframes liveCountBlink{0%,100%{opacity:.35;box-shadow:0 0 0 0 rgba(239,63,69,.12)}50%{opacity:1;box-shadow:0 0 0 5px rgba(239,63,69,.08)}}
.all-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.live-game-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px;min-width:0}
.live-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.live-sport-label{display:flex;flex-direction:column;gap:3px;min-width:0;text-transform:uppercase}
.live-sport-label span{font-size:.64rem;letter-spacing:.12em;color:var(--muted);font-weight:700}
.live-sport-label b{font:700 1.05rem/1 "Barlow Condensed",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-badge{flex:0 0 auto;border:1px solid rgba(255,83,91,.45);border-radius:999px;padding:4px 8px;font-size:.62rem;font-weight:800;letter-spacing:.12em;color:#ff676c;background:rgba(255,83,91,.08)}
.live-card-time{font-size:.7rem;color:var(--muted);margin-bottom:12px}.live-card-event{margin:-4px 0 12px;font-size:.82rem;font-weight:750;line-height:1.3;color:var(--text)}
.live-card-teams{display:grid;gap:9px}
.live-card-team{display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:650}
.live-card-team>span{display:flex;align-items:center;gap:9px;min-width:0}
.live-card-team b{font:700 1.35rem "Barlow Condensed",sans-serif}
.live-card-logo{width:24px!important;height:24px!important;object-fit:contain;flex:0 0 auto}
.live-card-status{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:.7rem;color:#ff676c;font-weight:700}
.all-live-empty{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--muted);text-align:center}
.scores-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 16px}
.score-live-legend{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;flex:0 0 auto;padding:0 2px 2px;white-space:nowrap}
.score-live-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font:800 .62rem/1 Inter,Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase}
.score-live-legend-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%}
.score-live-legend-dot.is-stream{background:#ef3f45;box-shadow:0 0 0 3px rgba(239,63,69,.12),0 0 10px rgba(239,63,69,.38)}
.score-live-legend-dot.is-score{background:#22d17f;box-shadow:0 0 0 3px rgba(34,209,127,.11),0 0 10px rgba(34,209,127,.3)}
.score-league-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.score-league-filters{display:flex;align-items:center;gap:9px;min-width:0;overflow-x:auto;padding:2px;scrollbar-width:none}
.score-league-filters::-webkit-scrollbar{display:none}
.score-league-item{display:flex;flex:0 0 auto;width:64px;flex-direction:column;align-items:center;gap:6px}
.score-league-filter{display:grid;place-items:center;width:56px;height:56px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.score-league-filter:hover{border-color:color-mix(in srgb,var(--text) 28%,var(--line))}
.score-league-filter.active{border-color:color-mix(in srgb,var(--red) 60%,var(--line));background:color-mix(in srgb,var(--red) 9%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red) 28%,transparent)}
.score-league-filter.has-live-stream{animation:scoreBorderStreamGlow 1.9s ease-in-out infinite}
.score-league-filter.has-live-score-only{animation:scoreBorderScoreGlow 2.4s ease-in-out infinite}
.score-league-filter.has-live-activity .score-league-logo-wrap{filter:none;box-shadow:none;animation:none}
@keyframes scoreBorderStreamGlow{
  0%,100%{border-color:rgba(239,63,69,.5);box-shadow:0 0 0 1px rgba(239,63,69,.16),0 0 7px rgba(239,63,69,.22)}
  50%{border-color:rgba(239,63,69,1);box-shadow:0 0 0 1px rgba(239,63,69,.72),0 0 15px rgba(239,63,69,.66)}
}
@keyframes scoreBorderScoreGlow{
  0%,100%{border-color:rgba(34,209,127,.48);box-shadow:0 0 0 1px rgba(34,209,127,.14),0 0 7px rgba(34,209,127,.18)}
  50%{border-color:rgba(34,209,127,1);box-shadow:0 0 0 1px rgba(34,209,127,.68),0 0 15px rgba(34,209,127,.54)}
}
@media (prefers-reduced-motion:reduce){
  .score-league-filter.has-live-stream{animation:none;border-color:rgba(239,63,69,.95);box-shadow:0 0 0 1px rgba(239,63,69,.5),0 0 10px rgba(239,63,69,.35)}
  .score-league-filter.has-live-score-only{animation:none;border-color:rgba(34,209,127,.95);box-shadow:0 0 0 1px rgba(34,209,127,.48),0 0 10px rgba(34,209,127,.3)}
}
.score-league-logo-wrap{width:48px;height:42px;display:grid;place-items:center;overflow:visible;padding:2px}
.score-league-logo{display:block;width:auto;height:auto;max-width:36px;max-height:36px;object-fit:contain;object-position:center}
.score-league-fivb-crop{position:relative;display:block;width:42px;height:28px;overflow:hidden;background:#fff}
.score-league-fivb-crop img{position:absolute;display:block;width:162px;max-width:none;height:auto;left:-19px;top:-16px}
.score-league-fallback{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--text) 7%,var(--panel));font:900 .56rem/1 Inter,Arial,sans-serif;letter-spacing:.01em;color:var(--text);text-align:center}
.score-league-fallback-hidden{display:none}
.score-league-name{display:block;width:auto;max-width:104px;min-height:20px;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;white-space:normal;text-overflow:clip;text-align:center;font:800 .59rem/1.08 Inter,Arial,sans-serif;letter-spacing:.005em;color:var(--text);text-wrap:balance;word-break:normal;overflow-wrap:break-word;padding:0 2px;-webkit-font-smoothing:antialiased}
.score-league-item:has(.score-league-filter.active) .score-league-name{color:var(--text);font-weight:900}
.score-league-item-champions{width:92px}
.score-league-item-champions .score-league-name{display:block;width:92px;max-width:92px;min-height:0;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;white-space:normal;text-overflow:clip;overflow-wrap:normal;word-break:normal}
@media (prefers-contrast:more){.score-league-name{font-weight:900}.score-league-filter{border-color:var(--text)}}
.score-league-toolbar>.status{flex:0 0 auto}
.league-games-group{margin:0 0 30px}
.league-games-group-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:10px 4px 12px;border-bottom:1px solid var(--line)}
.league-games-group-head h3{margin:0;font:800 1.55rem/1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.league-games-group-head span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.league-games-list{display:grid}


@media(max-width:760px){
  .all-live-section{margin-bottom:22px;padding-bottom:16px}
  .mobile-live-toggle{width:100%;min-height:54px;display:grid;grid-template-columns:10px auto 1fr 22px;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
  .mobile-live-toggle strong{font:800 1rem/1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}
  .mobile-live-dot{width:8px;height:8px;border-radius:50%;background:#ef3f45;box-shadow:0 0 0 0 rgba(239,63,69,.3);animation:liveCountBlink 2.2s ease-in-out infinite}
  .mobile-live-count{justify-self:end;color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
  .mobile-live-chevron{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
  .mobile-live-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s ease,opacity .2s ease}
  .mobile-live-inner{overflow:hidden}
  .mobile-live-expanded .mobile-live-body{grid-template-rows:1fr;opacity:1}
  .mobile-live-expanded .mobile-live-chevron{transform:rotate(180deg)}
  .mobile-live-expanded .all-live-head{margin-top:14px}

  .all-live-head{align-items:center;gap:10px}
  .live-sport-sorter{gap:7px;flex:1 1 auto}
  .live-sport-filter{width:48px;height:48px;min-height:48px;padding:0;justify-content:center}
  .live-sport-name{display:none}
  .live-sport-icon{width:32px;height:32px;flex-basis:32px}
  .sport-material-icon{font-size:32px!important}
  .live-count-status{font-size:.68rem;gap:6px}
  .live-count-dot{width:7px;height:7px;flex-basis:7px}
  .all-live-grid{grid-template-columns:1fr}
  .live-game-card{padding:14px}
  .scores-browser-head{align-items:center;gap:10px}
  .scores-browser-head h2{font-size:2rem}
  .score-live-legend{gap:5px;padding-bottom:0}
  .score-live-legend-item{gap:5px;font-size:.56rem;letter-spacing:.02em}
  .score-live-legend-dot{width:7px;height:7px;flex-basis:7px}
  .score-league-toolbar{gap:10px;margin-bottom:14px;padding-bottom:14px}
  .score-league-filters{gap:7px;flex:1 1 auto}
  .score-league-item{width:auto;min-width:60px;max-width:96px;gap:5px}
  .score-league-filter{width:52px;height:52px;border-radius:12px;padding:4px}
  .score-league-logo-wrap{width:40px;height:40px;padding:2px}
  .score-league-logo{max-width:34px;max-height:34px}
  .score-league-fivb-crop{width:40px;height:27px}
  .score-league-fivb-crop img{width:155px;left:-18px;top:-15px}
  .score-league-fallback{width:34px;height:34px;font-size:.52rem}
  .score-league-name{width:auto;max-width:96px;min-height:18px;padding:0 1px;font-size:.55rem;line-height:1.06;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;white-space:normal;text-overflow:clip}
  .score-league-item-champions{width:88px}
  .score-league-item-champions .score-league-name{width:88px;max-width:88px;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}
  .score-league-toolbar>.status{font-size:.62rem}
}

.all-live-section[hidden]{display:none!important}


/* IMG match odds interface */
.odds-page{background:#080b0f}
.odds-page section.content{padding-top:28px}
.odds-toolbar{margin-bottom:18px;padding:12px 0 18px;border-bottom:1px solid var(--line)}
.odds-sport-filters{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}
.odds-sport-filters::-webkit-scrollbar,.odds-league-filters::-webkit-scrollbar{display:none}
.odds-sport-filter{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:42px;padding:8px 13px;border:1px solid #28303a;border-radius:999px;background:#11161d;color:#9fa9b5;font-size:.72rem;font-weight:800;cursor:pointer}
.odds-sport-filter.active{background:#0d54e8;border-color:#1e66ff;color:#fff}
.odds-sport-icon{font-size:25px!important;line-height:1;font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24}
.odds-league-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(-10px);
  pointer-events:none;
  margin-top:0;
  transition:max-height .42s ease,opacity .32s ease,transform .42s ease,margin-top .42s ease;
}
.odds-league-row.is-open{
  max-height:92px;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  margin-top:2px;
}
.odds-league-filters{display:flex;align-items:stretch;gap:10px;overflow-x:auto;min-width:0;padding:2px 0;scrollbar-width:none}
.odds-league-filter{display:grid;grid-template-columns:48px auto;align-items:center;gap:10px;flex:0 0 auto;min-height:58px;padding:7px 12px 7px 8px;border:1px solid #28303a;border-radius:14px;background:#11161d;color:#d9dfe6;cursor:pointer;text-align:left}
.odds-league-filter.active{border-color:#1e66ff;box-shadow:inset 0 0 0 1px #1e66ff;background:#111a27}
.odds-league-logo-wrap{width:50px;height:50px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.05);overflow:visible;padding:3px}
.odds-league-logo-img{display:block;width:auto;height:auto;max-width:44px;max-height:44px;object-fit:contain;object-position:center}
.odds-league-fallback{font:900 .72rem/1 Inter,Arial,sans-serif;letter-spacing:.02em;color:#f5f7fa}
.odds-league-fallback-hidden{display:none}
.odds-league-filter-name{max-width:142px;font-size:.7rem;font-weight:800;line-height:1.15}
.odds-league-row .status{flex:0 0 auto}
#oddsFeed{display:grid;gap:22px}
.odds-match-card{overflow:hidden;border:1px solid #202832;border-radius:22px;background:#0f141a;box-shadow:0 18px 54px rgba(0,0,0,.28)}
.odds-game-hero{position:relative;padding:22px 24px 24px;background:
  radial-gradient(circle at 12% 28%,rgba(192,42,52,.27),transparent 34%),
  radial-gradient(circle at 88% 24%,rgba(42,100,155,.23),transparent 36%),
  linear-gradient(135deg,#171b21,#10151b 58%,#18212a)}
.odds-match-live .odds-game-hero{box-shadow:inset 0 -2px 0 rgba(239,63,69,.5)}
.odds-game-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.odds-league-name{font:800 1.02rem/1.2 "Inter",Arial,sans-serif;color:#f6f8fa;text-align:left}
.odds-game-time{font-size:.74rem;font-weight:800;color:#a7b0bb;text-align:right}
.odds-match-live .odds-game-time{color:#ff7075}
.odds-hero-matchup{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:14px}
.odds-hero-team{display:grid;justify-items:center;gap:10px;text-align:center;color:#f5f7fa;min-width:0}
.odds-hero-team>span:not(.odds-team-fallback){font-size:.9rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.odds-hero-team>b{font:800 2.5rem/1 "Barlow Condensed",Arial,sans-serif}
.odds-hero-logo{width:58px;height:58px;object-fit:contain}
.odds-team-fallback{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07);font:800 1rem "Inter",Arial,sans-serif;color:#dce4ec}
.odds-hero-center{display:grid;place-items:center}
.odds-hero-center span{min-width:50px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);color:#99a4b0;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-align:center}
.odds-match-live .odds-hero-center span{background:rgba(0,200,110,.12);color:#ff757a}
.odds-market-card{padding:20px;background:#10151a}
.odds-market-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.odds-market-tabs::-webkit-scrollbar{display:none}
.odds-market-tabs button{flex:0 0 auto;min-width:112px;min-height:46px;padding:0 18px;border:1px solid #252d36;border-radius:999px;background:#050709;color:#d9dfe6;font-weight:800;cursor:pointer;transition:.18s ease}
.odds-market-tabs button.active{border-color:#1e66ff;background:#0d54e8;color:#fff;box-shadow:0 8px 24px rgba(13,84,232,.22)}
.odds-market-tabs button:disabled{opacity:.28;cursor:not-allowed}
.odds-market-note{display:flex;justify-content:flex-end;margin:14px 0 8px}
.odds-market-note span{padding:6px 9px;border:1px solid #28303a;border-radius:8px;color:#8d98a5;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.odds-market-note .odds-note-live{border-color:rgba(0,255,140,.20);color:#ff777c;background:rgba(239,63,69,.07)}
.odds-market-pane{display:none;overflow:hidden;border:1px solid #2a323b;border-radius:14px;background:#14191e}
.odds-market-pane.active{display:block}
.odds-table-head,.odds-table-row{display:grid;grid-template-columns:minmax(120px,1.3fr) repeat(2,minmax(86px,.8fr));align-items:stretch}
.odds-table-head.has-draw,.odds-table-row.has-draw{grid-template-columns:minmax(120px,1.3fr) repeat(3,minmax(76px,.8fr))}
.odds-table-head.odds-table-two,.odds-table-row.odds-table-two{grid-template-columns:minmax(120px,1.3fr) minmax(120px,1fr)}
.odds-table-head.odds-table-market,.odds-table-row.odds-table-market{grid-template-columns:minmax(110px,1.1fr) repeat(2,minmax(100px,.9fr))}
.odds-line-price{display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:center}
.odds-line-price b{font-size:.96rem;line-height:1;font-weight:850}
.odds-line-price small{font-size:.72rem;line-height:1.1;color:#9aa4af;font-weight:750}
.odds-table-head{background:#0d1115;color:#8f99a5;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.odds-table-head span{padding:12px 14px;border-right:1px solid #2a323b}
.odds-table-head span:last-child{border-right:0}
.odds-table-row{border-top:1px solid #2a323b;color:#f3f5f7}
.odds-table-row strong,.odds-table-row>span{display:flex;align-items:center;min-height:58px;padding:12px 14px;border-right:1px solid #2a323b}
.odds-table-row strong{font-size:.77rem;line-height:1.25;background:#11161b}
.odds-table-row>span:last-child{border-right:0}
.odds-price{justify-content:center;font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}
.odds-market-empty{padding:22px 16px;color:#8d98a5;font-size:.78rem;text-align:center}
.odds-empty-league{margin:20px 0;padding:22px;border:1px solid #29323c;border-radius:18px;background:#0f1419;display:flex;flex-direction:column;gap:8px;color:#f4f6f8}
.odds-empty-league strong{font-size:1.05rem}
.odds-empty-league span{color:#98a2ad;line-height:1.55;font-size:.86rem}
:root[data-theme="light"] .odds-empty-league{background:#fff;border-color:#dce2e8;color:#12171d}
:root[data-theme="light"] .odds-empty-league span{color:#687582}
.odds-page .responsible{max-width:820px;margin:24px auto 0;color:#7e8995;text-align:center;border-top:0}
:root[data-theme="light"] .odds-page{background:#eef2f6}
:root[data-theme="light"] .odds-match-card{background:#fff;border-color:#dce2e8;box-shadow:0 14px 38px rgba(27,34,43,.09)}
:root[data-theme="light"] .odds-game-hero{background:
  radial-gradient(circle at 12% 28%,rgba(192,42,52,.12),transparent 34%),
  radial-gradient(circle at 88% 24%,rgba(42,100,155,.12),transparent 36%),
  linear-gradient(135deg,#f7f9fb,#eef2f6)}
:root[data-theme="light"] .odds-league-name,:root[data-theme="light"] .odds-hero-team{color:#11161d}
:root[data-theme="light"] .odds-game-time{color:#64707c}
:root[data-theme="light"] .odds-sport-filter,:root[data-theme="light"] .odds-league-filter{background:#fff;border-color:#d6dde5;color:#44505c}
:root[data-theme="light"] .odds-sport-filter.active{background:#0d54e8;border-color:#0d54e8;color:#fff}
:root[data-theme="light"] .odds-league-filter.active{background:#eef5ff;border-color:#0d54e8;box-shadow:inset 0 0 0 1px #0d54e8}
:root[data-theme="light"] .odds-league-logo-wrap{background:#f1f4f7}
:root[data-theme="light"] .odds-league-fallback{color:#11161d}
:root[data-theme="light"] .odds-team-fallback{
  color:#11161d;
  background:#ffffff;
  border-color:#cbd3dc;
  box-shadow:0 2px 8px rgba(17,24,39,.08);
}
:root[data-theme="light"] .odds-market-card{background:#fff}
:root[data-theme="light"] .odds-market-tabs button{background:#eef2f6;color:#313a44;border-color:#d9e0e7}
:root[data-theme="light"] .odds-market-tabs button.active{background:#0d54e8;color:#fff;border-color:#0d54e8}
:root[data-theme="light"] .odds-market-pane{background:#fff;border-color:#dce2e8}
:root[data-theme="light"] .odds-table-head{background:#f2f5f8;color:#64707c}
:root[data-theme="light"] .odds-table-head span,:root[data-theme="light"] .odds-table-row strong,:root[data-theme="light"] .odds-table-row>span{border-color:#dce2e8}
:root[data-theme="light"] .odds-table-row{border-color:#dce2e8;color:#11161d}
:root[data-theme="light"] .odds-table-row strong{background:#fafbfc}
:root[data-theme="light"] .odds-line-price small{color:#687582}
@media(max-width:760px){
  .odds-page section.content{padding:12px 0 30px}
  .odds-page .shell{width:100%}
  .odds-toolbar{padding:10px 14px 14px;margin:0}
  .odds-sport-filters{gap:7px;padding-bottom:10px}
  .odds-sport-filter{width:46px;height:46px;min-height:46px;padding:0;justify-content:center}
  .odds-sport-filter>span:last-child{display:none}
  .odds-sport-icon{font-size:30px!important}
  .odds-league-row{align-items:flex-start}
  .odds-league-row.is-open{max-height:118px}
  .odds-league-filters{gap:8px;padding-bottom:26px}
  .odds-league-filter{position:relative;grid-template-columns:52px;justify-items:center;min-width:64px;min-height:64px;padding:6px;overflow:visible}
  .odds-league-logo-wrap{width:52px;height:52px;padding:3px}
  .odds-league-logo-img{max-width:46px;max-height:46px}
  .odds-league-filter-name{display:block;position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);width:max-content;max-width:96px;text-align:center;white-space:normal;font-size:.56rem;line-height:1.08;font-weight:800;color:inherit}
  .odds-league-row .status{padding-top:20px}
  #oddsFeed{gap:10px}
  .odds-match-card{border-radius:0;border-left:0;border-right:0}
  .odds-game-hero{padding:18px 14px 22px}
  .odds-game-meta{margin-bottom:20px}
  .odds-league-name{font-size:.9rem}
  .odds-game-time{font-size:.66rem}
  .odds-hero-matchup{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:8px}
  .odds-hero-logo{width:52px;height:52px}
  .odds-team-fallback{width:52px;height:52px;border-radius:15px}
  .odds-hero-team>span:not(.odds-team-fallback){font-size:.8rem}
  .odds-hero-team>b{font-size:2.15rem}
  .odds-hero-center span{min-width:44px;padding:7px 8px;font-size:.59rem}
  .odds-market-card{padding:16px 14px 20px}
  .odds-market-tabs{gap:8px}
  .odds-market-tabs button{min-width:auto;min-height:42px;padding:0 15px;font-size:.75rem}
  .odds-market-note{justify-content:flex-start;margin:12px 0 8px}
  .odds-table-head,.odds-table-row{grid-template-columns:minmax(92px,1.1fr) repeat(2,minmax(68px,.75fr))}
  .odds-table-head.has-draw,.odds-table-row.has-draw{grid-template-columns:minmax(82px,1fr) repeat(3,minmax(58px,.67fr))}
  .odds-table-head.odds-table-two,.odds-table-row.odds-table-two{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr)}
  .odds-table-head.odds-table-market,.odds-table-row.odds-table-market{grid-template-columns:minmax(92px,1fr) repeat(2,minmax(82px,.82fr))}
  .odds-line-price b{font-size:.84rem}
  .odds-line-price small{font-size:.67rem}
  .odds-table-head span{padding:10px 8px;font-size:.55rem;overflow-wrap:anywhere}
  .odds-table-row strong,.odds-table-row>span{min-height:54px;padding:10px 8px}
  .odds-table-row strong{font-size:.68rem}
  .odds-price{font-size:.88rem}
  .odds-page .responsible{padding:12px 18px 0;margin-top:14px}
}

@media(prefers-reduced-motion:reduce){
  .odds-league-row{transition:none}
}

/* Formula 1 score cards */
.race-game{align-items:start}
.race-game-main{display:grid;gap:8px;min-width:0}
.race-game-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.race-game-top strong{font:800 1.25rem/1.1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}
.race-session{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.66rem;font-weight:800;white-space:nowrap}
.race-game-main small{color:var(--muted);font-size:.72rem}
.race-broadcast{color:var(--muted);font-size:.68rem}
.race-live-title{margin:14px 0 4px;font:800 1.4rem/1.05 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}
.race-live-session{font-size:.78rem;font-weight:800;color:var(--text)}
@media(max-width:760px){
  .race-game{grid-template-columns:64px minmax(0,1fr)}
  .race-game-top{align-items:flex-start;flex-direction:column;gap:7px}
  .race-session{white-space:normal}
}

/* Live broadcast CTA */
.live-watch-btn{width:100%;margin-top:14px;min-height:58px;padding:9px 12px 9px 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(110deg,rgba(225,29,72,.18),rgba(12,17,24,.98) 45%);color:#fff;display:flex;align-items:center;gap:11px;text-align:left;font:inherit;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.live-watch-btn:hover,.live-watch-btn:focus-visible{transform:translateY(-1px);border-color:rgba(244,63,94,.55);background:linear-gradient(110deg,rgba(225,29,72,.26),rgba(12,17,24,.98) 48%);outline:none}
.live-watch-btn:active{transform:scale(.99)}
.live-watch-pulse{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#f43f5e;box-shadow:0 0 0 5px rgba(244,63,94,.12)}
.live-watch-copy{display:flex;flex-direction:column;line-height:1.05;min-width:0;flex:1}
.live-watch-copy strong{font-size:.86rem;letter-spacing:.13em;color:#fb7185}
.live-watch-copy small{margin-top:5px;font-size:.78rem;font-weight:600;color:#cbd5e1;letter-spacing:.01em}
.live-watch-play{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#080b10}
.live-watch-play svg{width:19px;height:19px;fill:currentColor}
@media(max-width:600px){.live-watch-btn{min-height:54px;border-radius:14px;margin-top:12px}.live-watch-play{width:34px;height:34px;flex-basis:34px}}


/* NCAA / UAAP standings */
.league-standings{overflow:hidden}.league-standings-head,.league-standings-row{display:grid;grid-template-columns:minmax(180px,1fr) 54px 54px;align-items:center;gap:8px;padding:11px 14px}.league-standings-head{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.68;border-bottom:1px solid rgba(255,255,255,.1)}.league-standings-row{border-bottom:1px solid rgba(255,255,255,.07)}.league-standings-row:last-child{border-bottom:0}.league-standings-row b,.league-standings-head b{text-align:center}.league-standings-row strong{font-size:14px}@media(max-width:640px){.league-standings-head,.league-standings-row{grid-template-columns:minmax(150px,1fr) 44px 44px;padding:10px 12px}.league-standings-row strong{font-size:13px}}

.league-standings-dropdown{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));box-shadow:0 14px 40px rgba(0,0,0,.14)}
.standings-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;position:relative;isolation:isolate}
.standings-dropdown-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,63,69,.1),transparent 42%);opacity:0;transition:opacity .25s ease;z-index:-1}
.standings-dropdown-toggle:hover:before,.standings-dropdown-toggle[aria-expanded="true"]:before{opacity:1}
.standings-dropdown-toggle:focus-visible{outline:2px solid var(--red);outline-offset:-3px;border-radius:17px}
.standings-dropdown-copy{display:grid;gap:3px;min-width:0}
.standings-dropdown-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.standings-dropdown-copy strong{font:800 clamp(22px,3vw,28px)/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.01em}
.standings-dropdown-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(66vw,720px)}
.standings-dropdown-side{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.standings-dropdown-count{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035)}
.standings-dropdown-chevron{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease}
.standings-dropdown-chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.standings-dropdown-toggle[aria-expanded="true"] .standings-dropdown-chevron{transform:rotate(180deg);background:var(--red);border-color:var(--red);color:#fff}
.standings-dropdown-content{display:grid;grid-template-rows:0fr;opacity:0;border-top:1px solid transparent;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .24s ease,border-color .24s ease}
.standings-dropdown-inner{min-height:0;overflow:hidden}
.league-standings-dropdown.standings-open .standings-dropdown-content{grid-template-rows:1fr;opacity:1;border-top-color:rgba(255,255,255,.08)}
.league-standings-dropdown.standings-open{box-shadow:0 18px 48px rgba(0,0,0,.2)}
@media(max-width:640px){
  .standings-dropdown-toggle{padding:15px 14px;gap:12px}
  .standings-dropdown-copy strong{font-size:24px}
  .standings-dropdown-copy small{max-width:58vw;font-size:9px}
  .standings-dropdown-count{display:none}
  .standings-dropdown-chevron{width:36px;height:36px}
}




.sports-statistics{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));box-shadow:0 14px 40px rgba(0,0,0,.16)}
.stats-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;position:relative;isolation:isolate}
.stats-dropdown-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,63,69,.13),transparent 42%);opacity:0;transition:opacity .25s ease;z-index:-1}
.stats-dropdown-toggle:hover:before,.stats-dropdown-toggle[aria-expanded="true"]:before{opacity:1}
.stats-dropdown-toggle:focus-visible{outline:2px solid var(--red);outline-offset:-3px;border-radius:17px}
.stats-dropdown-copy{display:grid;gap:3px;min-width:0}
.stats-dropdown-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.stats-dropdown-copy strong{font:800 clamp(22px,3vw,28px)/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.01em}
.stats-dropdown-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(66vw,720px)}
.stats-dropdown-side{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.stats-dropdown-count{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035)}
.stats-dropdown-chevron{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease}
.stats-dropdown-chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.stats-dropdown-toggle[aria-expanded="true"] .stats-dropdown-chevron{transform:rotate(180deg);background:var(--red);border-color:var(--red);color:#fff}
.stats-dropdown-content{display:grid;grid-template-rows:0fr;opacity:0;border-top:1px solid transparent;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .24s ease,border-color .24s ease}
.stats-dropdown-inner{min-height:0;overflow:hidden}
.sports-statistics.stats-open .stats-dropdown-content{grid-template-rows:1fr;opacity:1;border-top-color:rgba(255,255,255,.08)}
.sports-statistics.stats-open{box-shadow:0 18px 48px rgba(0,0,0,.22)}
.stats-leader-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:14px}
.stats-leader-card{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}
.stats-leader-title{padding:11px 12px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08);color:var(--muted)}
.stats-leader-list{display:grid}
.stats-leader-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06)}
.stats-leader-row:last-child{border-bottom:0}
.stats-rank{font-size:11px;opacity:.55;text-align:center}
.stats-player{min-width:0;display:grid;gap:2px}
.stats-player strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats-player small{font-size:9px;opacity:.58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats-leader-row>b{font-size:13px;text-align:right}
.stats-leader-row>b small{font-size:8px;opacity:.55;font-weight:700}
.stats-subhead{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:18px 14px 8px;border-top:1px solid rgba(255,255,255,.08)}
.stats-subhead h4{margin:0;font-size:16px}
.stats-subhead span{font-size:11px;opacity:.58;text-align:right}
.stats-game-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 14px}
.stats-game-head>div{display:flex;align-items:center;gap:12px}
.stats-game-head>div:last-child{justify-content:flex-end;text-align:right}
.stats-game-head strong{font-size:14px}
.stats-game-head b{font:800 28px/1 "Barlow Condensed",sans-serif}
.stats-game-head>span{font-size:10px;opacity:.55;text-transform:uppercase;letter-spacing:.08em;text-align:center}
.stats-compare{display:grid;padding:0 14px 14px}
.stats-compare-row{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.stats-compare-row:last-child{border-bottom:0}
.stats-compare-row span{text-align:center;font-size:10px;letter-spacing:.07em;text-transform:uppercase;opacity:.62}
.stats-compare-row b:first-child{text-align:left}.stats-compare-row b:last-child{text-align:right}
.stats-box-table{margin:0 14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.stats-box-row{display:grid;grid-template-columns:minmax(150px,1fr) repeat(5,48px);align-items:center;gap:4px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.055)}
.stats-box-row:last-child{border-bottom:0}
.stats-box-row>span{min-width:0;display:grid;gap:1px}
.stats-box-row>span strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats-box-row>span small{font-size:9px;opacity:.55}
.stats-box-row>b{text-align:center;font-size:12px}
.stats-box-head{font-size:9px;text-transform:uppercase;letter-spacing:.07em;opacity:.7;background:rgba(255,255,255,.025)}
@media(max-width:900px){.stats-leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-leader-card:last-child{grid-column:1/-1}}
@media(max-width:640px){
  .stats-dropdown-toggle{padding:15px 14px;gap:12px}
  .stats-dropdown-copy strong{font-size:24px}
  .stats-dropdown-copy small{max-width:58vw;font-size:9px}
  .stats-dropdown-count{display:none}
  .stats-dropdown-chevron{width:36px;height:36px}
  .stats-leader-grid{grid-template-columns:1fr;padding:12px}
  .stats-leader-card:last-child{grid-column:auto}
  .stats-game-head{grid-template-columns:1fr auto 1fr;gap:8px;padding:10px 12px}
  .stats-game-head strong{font-size:12px}.stats-game-head b{font-size:24px}
  .stats-compare{padding:0 12px 12px}
  .stats-compare-row{grid-template-columns:1fr 90px 1fr}
  .stats-box-table{margin:0 12px 14px;overflow-x:auto}
  .stats-box-row{min-width:520px;grid-template-columns:minmax(150px,1fr) repeat(5,48px)}
}

@media(prefers-reduced-motion:reduce){.stats-dropdown-content,.stats-dropdown-chevron,.stats-dropdown-toggle:before,.standings-dropdown-content,.standings-dropdown-chevron,.standings-dropdown-toggle:before{transition:none!important}}


/* Sports tabs + colorful league directory */
.sports-page .sports-directory{padding:30px 0 48px}
.sports-directory-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 14px;padding:0 2px 13px;border-bottom:1px solid var(--line)}
.sports-directory-head h1{margin:0;font:800 clamp(2.4rem,5vw,3.8rem)/.9 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.sports-directory-head span{padding-bottom:4px;color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}

.sports-tabbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.sports-tab{position:relative;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--text) 2%,var(--surface));color:var(--muted);cursor:pointer;overflow:hidden;opacity:0;transform:translateY(5px);animation:sportsTabEnter .28s ease forwards;animation-delay:calc(var(--tab-index,0)*22ms);transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}
.sports-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--sport-accent) 18%,transparent),transparent 72%);opacity:.55;transition:opacity .18s ease}
.sports-tab>span,.sports-tab>small{position:relative;z-index:1}
.sports-tab>span{font-size:.69rem;font-weight:850;white-space:nowrap}
.sports-tab>small{min-width:21px;height:21px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text);font-size:.52rem;font-weight:900}
.sports-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--sport-accent) 46%,var(--line));color:var(--text)}
.sports-tab.is-active{color:#fff;border-color:color-mix(in srgb,var(--sport-accent) 70%,#fff 6%);background:linear-gradient(135deg,color-mix(in srgb,var(--sport-accent) 78%,#151922),color-mix(in srgb,var(--sport-accent) 34%,#11151b));box-shadow:0 9px 22px color-mix(in srgb,var(--sport-accent) 20%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 9%,transparent)}
.sports-tab.is-active:before{opacity:1}
.sports-tab.is-active>small{background:rgba(255,255,255,.17);color:#fff}

.sports-stage{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--sport-accent) 26%,var(--line));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--sport-accent) 5%,var(--surface)),var(--surface) 150px);box-shadow:0 14px 34px rgba(0,0,0,.1)}
.sports-stage:before{content:"";position:absolute;width:340px;height:340px;right:-160px;top:-210px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sport-accent) 23%,transparent),transparent 68%);pointer-events:none}
.sports-stage-head{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:18px;padding:18px 18px 13px;border-bottom:1px solid color-mix(in srgb,var(--sport-accent) 18%,var(--line))}
.sports-stage-head>div{display:grid;gap:2px}
.sports-stage-kicker{color:color-mix(in srgb,var(--sport-accent) 78%,var(--text));font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.sports-stage-head h2{margin:0;font:800 1.65rem/1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.sports-stage-head>strong{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--sport-accent) 11%,transparent);color:color-mix(in srgb,var(--sport-accent) 74%,var(--text));font-size:.55rem;font-weight:850}

.sports-logo-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px}
.sports-logo-tile{position:relative;min-width:0;min-height:82px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--sport-accent) 12%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--sport-accent) 2.5%,var(--surface));color:inherit;text-decoration:none;cursor:pointer;overflow:hidden;opacity:0;transform:translateY(7px);animation:sportsLogoEnter .3s ease forwards;animation-delay:calc(var(--league-index,0)*28ms);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.sports-logo-tile:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--sport-accent);opacity:.65;transform:scaleY(.55);transition:transform .18s ease,opacity .18s ease}
.sports-logo-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sport-accent) 42%,var(--line));background:color-mix(in srgb,var(--sport-accent) 6%,var(--surface));box-shadow:0 10px 22px color-mix(in srgb,var(--sport-accent) 9%,rgba(0,0,0,.12))}
.sports-logo-tile:hover:before{transform:scaleY(1);opacity:1}
.sports-logo-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--text) 5%,var(--surface));overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 5%,transparent)}
.sports-league-logo{display:block;max-width:38px;max-height:38px;width:auto;height:auto;object-fit:contain}
.sports-league-fallback{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--sport-accent) 23%,var(--surface)),color-mix(in srgb,var(--text) 5%,var(--surface)));color:var(--text);font:900 .56rem/1 Inter,Arial,sans-serif;letter-spacing:.02em}
.sports-logo-mark img+.sports-league-fallback{display:none}
.sports-logo-copy{min-width:0;display:grid;gap:3px}
.sports-logo-copy>strong{min-width:0;color:var(--text);font-size:.75rem;line-height:1.15;overflow-wrap:anywhere}
.sports-logo-copy>small{color:var(--muted);font-size:.58rem;line-height:1.2}
.sports-capabilities{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.sports-capabilities span{padding:2px 5px;border-radius:999px;font-size:.43rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.sports-capabilities .cap-scores{background:color-mix(in srgb,#ff5d5d 13%,transparent);color:color-mix(in srgb,#ff7777 82%,var(--text));border:1px solid color-mix(in srgb,#ff5d5d 21%,var(--line))}
.sports-capabilities .cap-stats{background:color-mix(in srgb,#4f8cff 13%,transparent);color:color-mix(in srgb,#78a7ff 84%,var(--text));border:1px solid color-mix(in srgb,#4f8cff 22%,var(--line))}
.sports-capabilities .cap-odds{background:color-mix(in srgb,#20c997 13%,transparent);color:color-mix(in srgb,#46d8ae 84%,var(--text));border:1px solid color-mix(in srgb,#20c997 22%,var(--line))}

:root[data-theme="light"] .sports-tab{background:#fff;color:#364152;border-color:#d9e0e8}
:root[data-theme="light"] .sports-tab>small{background:#edf1f5;color:#26313d}
:root[data-theme="light"] .sports-tab:hover{color:#111820}
:root[data-theme="light"] .sports-tab.is-active{color:#111820}
:root[data-theme="light"] .sports-tab.is-active>span{color:#111820;text-shadow:none}
:root[data-theme="light"] .sports-tab.is-active>small{color:#111820;background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(17,24,32,.08)}
:root[data-theme="light"] .sports-stage-head h2,
:root[data-theme="light"] .sports-logo-copy>strong{color:#111820}
:root[data-theme="light"] .sports-logo-copy>small{color:#5d6875}
:root[data-theme="light"] .sports-stage{background:linear-gradient(180deg,color-mix(in srgb,var(--sport-accent) 6%,#fff),#fff 160px)}
:root[data-theme="light"] .sports-logo-tile{background:color-mix(in srgb,var(--sport-accent) 2.5%,#fff)}
:root[data-theme="light"] .sports-logo-mark{background:#f1f4f7}

:root[data-theme="dark"] .sports-logo-mark[data-logo-host="soccer"],
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="champions"],
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="bleague"],
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="euroleague"],
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="tat"],
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="us_open"],
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="kbo"],
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="cricket_world_cup"],
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="vleague_jp"]{
  background:#f8fafc;
  box-shadow:inset 0 0 0 1px rgba(17,24,39,.08)
}
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="soccer"] .sports-league-logo,
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="champions"] .sports-league-logo,
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="bleague"] .sports-league-logo,
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="euroleague"] .sports-league-logo,
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="tat"] .sports-league-logo,
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="us_open"] .sports-league-logo,
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="kbo"] .sports-league-logo,
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="cricket_world_cup"] .sports-league-logo,
:root[data-theme="dark"] .sports-logo-mark[data-logo-host="vleague_jp"] .sports-league-logo{filter:none}

@keyframes sportsTabEnter{to{opacity:1;transform:translateY(0)}}
@keyframes sportsLogoEnter{to{opacity:1;transform:translateY(0)}}

@media(max-width:1050px){.sports-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.sports-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .sports-page .sports-directory{padding:15px 0 30px}
  .sports-page .sports-directory .shell{width:calc(100% - 24px)}
  .sports-directory-head{margin-bottom:10px;padding-bottom:10px}
  .sports-directory-head h1{font-size:2.45rem}
  .sports-tabbar{position:sticky;top:74px;z-index:22;flex-wrap:nowrap;gap:7px;overflow-x:auto;margin:0 -12px 10px;padding:8px 12px 9px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);scrollbar-width:none;scroll-snap-type:x proximity}
  .sports-tabbar::-webkit-scrollbar{display:none}
  .sports-tab{flex:0 0 auto;min-height:40px;padding:8px 10px;scroll-snap-align:center}
  .sports-tab>span{font-size:.64rem}
  .sports-stage{border-radius:15px}
  .sports-stage-head{padding:14px 12px 11px}
  .sports-stage-head h2{font-size:1.4rem}
  .sports-stage-head>strong{font-size:.5rem}
  .sports-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
  .sports-logo-tile{grid-template-columns:40px minmax(0,1fr);min-height:72px;gap:8px;padding:8px;border-radius:11px}
  .sports-logo-mark{width:40px;height:40px;border-radius:9px}
  .sports-league-logo{max-width:34px;max-height:34px}
  .sports-league-fallback{width:32px;height:32px;font-size:.51rem}
  .sports-logo-copy>strong{font-size:.68rem}
  .sports-logo-copy>small{font-size:.52rem}
  .sports-capabilities span{font-size:.4rem;padding:2px 4px}
}
@media(max-width:390px){
  .sports-logo-grid{grid-template-columns:1fr}
  .sports-logo-tile{min-height:66px}
}
@media(prefers-reduced-motion:reduce){
  .sports-tab,.sports-logo-tile{animation:none!important;transition:none!important;opacity:1;transform:none}
}

/* Extended score logo contrast */
:root[data-theme="dark"] .score-league-filter[data-score-league="champions"] .score-league-logo-wrap,
:root[data-theme="dark"] .score-league-filter[data-score-league="bleague"] .score-league-logo-wrap,
:root[data-theme="dark"] .score-league-filter[data-score-league="euroleague"] .score-league-logo-wrap,
:root[data-theme="dark"] .score-league-filter[data-score-league="tat"] .score-league-logo-wrap,
:root[data-theme="dark"] .score-league-filter[data-score-league="us_open"] .score-league-logo-wrap,
:root[data-theme="dark"] .score-league-filter[data-score-league="kbo"] .score-league-logo-wrap,
:root[data-theme="dark"] .score-league-filter[data-score-league="cricket_world_cup"] .score-league-logo-wrap,
:root[data-theme="dark"] .score-league-filter[data-score-league="vleague_jp"] .score-league-logo-wrap,
:root[data-theme="dark"] .score-league-filter[data-score-league="iihf"] .score-league-logo-wrap{background:#f8fafc;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(17,24,39,.08)}


/* Compact, color-accented Scores page */
.scores-page{
  --score-accent:#4f9cff;
  --score-accent-2:#7c5cff;
}
.scores-page[data-score-category="basketball"]{--score-accent:#ff7a18;--score-accent-2:#ffb347}
.scores-page[data-score-category="football"]{--score-accent:#24c875;--score-accent-2:#67e8a0}
.scores-page[data-score-category="tennis"]{--score-accent:#c7e83a;--score-accent-2:#7ed957}
.scores-page[data-score-category="baseball"]{--score-accent:#3b82f6;--score-accent-2:#60a5fa}
.scores-page[data-score-category="hockey"]{--score-accent:#38bdf8;--score-accent-2:#67e8f9}
.scores-page[data-score-category="cricket"]{--score-accent:#9b6cff;--score-accent-2:#c084fc}
.scores-page[data-score-category="volleyball"]{--score-accent:#ec4899;--score-accent-2:#fb7185}
.scores-page[data-score-category="motorsport"]{--score-accent:#ff3b30;--score-accent-2:#ff7a59}
.scores-page[data-score-category="combat-sports"],
.scores-page[data-score-category="boxing"]{--score-accent:#e7b52c;--score-accent-2:#f7d66d}
.scores-page[data-score-category="american-football"]{--score-accent:#6478ff;--score-accent-2:#8ea0ff}
.scores-page[data-score-category="multi-sport"]{--score-accent:#ff4d67;--score-accent-2:#7c5cff}

.scores-page section.content{
  background:
    radial-gradient(circle at 88% 0,color-mix(in srgb,var(--score-accent) 10%,transparent),transparent 30%),
    radial-gradient(circle at 10% 28%,color-mix(in srgb,var(--score-accent-2) 6%,transparent),transparent 32%);
}
.scores-page .score-league-filter.active{
  border-color:color-mix(in srgb,var(--score-accent) 72%,var(--line));
  background:color-mix(in srgb,var(--score-accent) 13%,var(--panel));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--score-accent) 32%,transparent),0 8px 20px color-mix(in srgb,var(--score-accent) 9%,transparent);
}
.scores-page .score-league-item:has(.score-league-filter.active) .score-league-name{color:var(--score-accent)}
.scores-page .league-games-group-head{
  align-items:center;
  min-height:44px;
  padding:8px 10px;
  border-left:3px solid var(--score-accent);
  border-bottom-color:color-mix(in srgb,var(--score-accent) 22%,var(--line));
  background:linear-gradient(90deg,color-mix(in srgb,var(--score-accent) 8%,transparent),transparent 70%);
}
.scores-page .league-games-group-head h3{font-size:1.3rem}
.scores-page .league-games-group-head span{font-size:.62rem}
.scores-page .game{
  grid-template-columns:76px minmax(0,1fr) auto;
  gap:14px;
  min-height:0;
  padding:12px 8px;
  transition:background .16s ease,border-color .16s ease;
}
.scores-page .game:hover{background:color-mix(in srgb,var(--score-accent) 5%,transparent)}
.scores-page .time{font-size:.66rem;line-height:1.3}
.scores-page .teams{gap:6px}
.scores-page .team{gap:10px;align-items:center;font-size:.84rem;line-height:1.25}
.scores-page .team b{
  flex:0 0 auto;
  min-width:24px;
  font:800 .95rem/1 "Barlow Condensed",Arial,sans-serif;
  text-align:right;
}
.scores-page .team-identity{gap:7px}
.scores-page .team-identity img{width:22px!important;height:22px!important}
.scores-page .state{font-size:.64rem;line-height:1.3}
.scores-page .state.live{color:#ff5360}
.scores-page .special-event-copy strong{font-size:.88rem}
.scores-page .special-event-location{font-size:.68rem;margin-top:4px}

/* Boxing titleholders: one collapsed dropdown, ordered by weight class */
.boxing-titleholders-dropdown{
  border:1px solid color-mix(in srgb,var(--score-accent) 25%,var(--line));
  border-radius:16px;
  overflow:hidden;
  background:color-mix(in srgb,var(--score-accent) 4%,var(--panel));
}
.boxing-titleholders-dropdown .standings-dropdown-toggle{border-radius:0;background:transparent}
.boxing-titleholders-dropdown .standings-dropdown-kicker{color:var(--score-accent)}
.boxing-titleholders-inner{padding:0 14px 14px}
.boxing-weight-group{border-top:1px solid var(--line)}
.boxing-weight-group:first-child{border-top:0}
.boxing-weight-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 2px 8px;
  color:var(--score-accent);
  text-transform:uppercase;
}
.boxing-weight-heading strong{font:800 .86rem/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.05em}
.boxing-weight-heading span{
  display:grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:color-mix(in srgb,var(--score-accent) 14%,var(--panel));
  font-size:.62rem;
  font-weight:800;
}
.boxing-weight-list{display:grid}
.boxing-titleholder-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,.7fr);
  gap:14px;
  align-items:center;
  padding:10px 2px;
  border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent);
}
.boxing-titleholder-row:first-child{border-top:0}
.boxing-titleholder-row>div{display:grid;gap:3px;min-width:0}
.boxing-titleholder-row strong{font-size:.84rem}
.boxing-titleholder-row small{color:var(--muted);font-size:.65rem;line-height:1.3}
.boxing-titleholder-row>span{color:var(--muted);font-size:.66rem;line-height:1.3;text-align:right}

@media(max-width:760px){
  .scores-page .game{grid-template-columns:52px minmax(0,1fr);gap:9px;padding:10px 5px}
  .scores-page .team{font-size:.8rem;gap:8px}
  .scores-page .team b{font-size:.88rem;min-width:20px}
  .scores-page .team-identity img{width:20px!important;height:20px!important}
  .scores-page .time{font-size:.61rem}
  .scores-page .state{grid-column:2;font-size:.61rem}
  .scores-page .league-games-group-head{padding:8px 8px}
  .scores-page .league-games-group-head h3{font-size:1.15rem}
  .boxing-titleholders-inner{padding:0 10px 10px}
  .boxing-titleholder-row{grid-template-columns:1fr;gap:5px;padding:9px 2px}
  .boxing-titleholder-row>span{text-align:left;font-size:.62rem}
}

/* Selected league live activity */
.scores-page #allLiveSection{display:none!important}
.league-live-stream{margin:0 0 14px;border:1px solid rgba(239,63,69,.38);border-radius:18px;background:linear-gradient(145deg,rgba(239,63,69,.10),var(--panel) 48%);overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.16)}
.league-live-stream-head{display:grid;gap:4px;padding:16px 18px 13px}
.league-live-stream-head>span{display:flex;align-items:center;gap:8px;color:#ff6f75;font-size:10px;font-weight:900;letter-spacing:.14em}
.league-live-stream-head>span i{width:8px;height:8px;border-radius:50%;background:#ef3f45;box-shadow:0 0 0 0 rgba(239,63,69,.45);animation:liveCountBlink 2.2s ease-in-out infinite}
.league-live-stream-head strong{font:800 clamp(20px,3vw,27px)/1.05 "Barlow Condensed",Arial,sans-serif}
.league-live-stream-head small{font-size:10px;color:var(--muted)}
.league-live-stream-player{aspect-ratio:16/9;background:#000;border-top:1px solid rgba(0,255,140,.20);border-bottom:1px solid rgba(0,255,140,.20)}
.league-live-stream-player iframe{display:block;width:100%;height:100%;border:0}
.league-live-stream-action{display:inline-flex;align-items:center;gap:9px;margin:12px 18px 16px;min-height:38px;padding:8px 13px;border:1px solid rgba(239,63,69,.42);border-radius:10px;background:rgba(239,63,69,.12);color:#ff7a7f;font:800 .72rem Inter,Arial,sans-serif;cursor:pointer}
.league-live-stream-action:hover{background:rgba(239,63,69,.18)}
.selected-live-scores{border-color:rgba(239,63,69,.3)}
.selected-live-scores .league-games-group-head h3{color:#ff7378}
@media(max-width:760px){
  .league-live-stream{border-radius:15px}
  .league-live-stream-head{padding:14px 14px 12px}
  .league-live-stream-action{margin:11px 14px 14px}
}
@media(prefers-reduced-motion:reduce){
  .score-league-filter.has-live-activity .score-league-logo-wrap{animation:none;filter:drop-shadow(0 0 7px rgba(239,63,69,.75));box-shadow:0 0 0 1px rgba(239,63,69,.52),0 0 14px rgba(0,200,110,.28)}
}

/* WTA rankings */
.wta-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px}
.wta-ranking-table{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02)}
.wta-ranking-table-title{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.08);font:800 14px/1 Inter,Arial,sans-serif}
.wta-ranking-head,.wta-ranking-row{display:grid;grid-template-columns:48px minmax(130px,1fr) 70px 84px;align-items:center;gap:8px;padding:9px 11px}
.wta-ranking-head{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.08)}
.wta-ranking-row{border-bottom:1px solid rgba(255,255,255,.055);font-size:11px}
.wta-ranking-row:last-child{border-bottom:0}
.wta-ranking-row strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wta-ranking-row>span:nth-child(3){color:var(--muted);font-size:10px}
.wta-ranking-row>b{text-align:right;font-size:11px}
.wta-rank{font-weight:850;color:var(--muted)}
.wta-ranking-row em{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 4px;border-radius:999px;background:rgba(239,63,69,.12);color:#ff7479;font-size:9px;font-style:normal}
@media(max-width:820px){
  .wta-ranking-grid{grid-template-columns:1fr;padding:12px}
}
@media(max-width:520px){
  .wta-ranking-head,.wta-ranking-row{grid-template-columns:38px minmax(110px,1fr) 48px 68px;gap:6px;padding:9px 8px}
}

/* Full ONE Championship selector label */
.score-league-item-one{width:104px}
.score-league-item-one .score-league-name{display:block;width:104px;max-width:104px;min-height:20px;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;white-space:normal;text-overflow:clip;overflow-wrap:normal;word-break:normal}
@media(max-width:760px){
  .score-league-item-one{width:96px}
  .score-league-item-one .score-league-name{width:96px;max-width:96px;font-size:.55rem;line-height:1.06}
}

/* UFC and ONE Championship titleholders */
.combat-titleholder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}
.combat-titleholder-row{display:grid;gap:5px;padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025)}
.combat-titleholder-row>div{display:flex;align-items:center;gap:7px;min-width:0}
.combat-titleholder-row strong{font-size:13px;line-height:1.15}
.combat-titleholder-row small{color:var(--muted);font-size:10px;line-height:1.35}
.combat-titleholder-interim{flex:0 0 auto;padding:2px 5px;border-radius:999px;background:rgba(239,63,69,.13);color:#ff777c;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:640px){
  .combat-titleholder-list{grid-template-columns:1fr;padding:10px}
  .combat-titleholder-row{padding:11px 12px}
}


/* Official boxing highlights */
.boxing-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.boxing-highlight-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;align-items:center;width:100%;padding:12px;border:1px solid rgba(127,127,127,.24);border-radius:16px;background:rgba(127,127,127,.07);color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.boxing-highlight-card:hover,.boxing-highlight-card:focus-visible{transform:translateY(-1px);border-color:rgba(127,127,127,.5);background:rgba(127,127,127,.12);outline:none}
.boxing-highlight-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:rgba(127,127,127,.14)}
.boxing-highlight-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.boxing-highlight-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,rgba(127,127,127,.16),rgba(127,127,127,.06))}
.boxing-highlight-play{position:absolute;inset:0;display:grid;place-items:center;margin:auto;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.72);color:#fff}
.boxing-highlight-play svg{width:20px;height:20px;fill:currentColor}
.boxing-highlight-copy{min-width:0;display:grid;gap:8px}
.boxing-highlight-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.95rem;line-height:1.35}
.boxing-highlight-copy small{opacity:.72;font-size:.78rem}
.boxing-highlight-dialog{width:min(920px,calc(100vw - 24px));max-width:none;padding:0;border:0;border-radius:18px;background:transparent;color:inherit}
.boxing-highlight-dialog::backdrop{background:rgba(0,0,0,.78)}
.boxing-highlight-shell{position:relative;overflow:hidden;border-radius:18px;background:#0b0b0c;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.boxing-highlight-close{position:absolute;z-index:2;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}
.boxing-highlight-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.boxing-highlight-player-wrap{aspect-ratio:16/9;background:#000}
.boxing-highlight-player-wrap iframe{display:block;width:100%;height:100%;border:0}
.boxing-highlight-now{display:grid;gap:5px;padding:16px 18px;background:#0b0b0c;color:#fff}
.boxing-highlight-now strong{font-size:1rem;line-height:1.4}
.boxing-highlight-now span{font-size:.82rem;opacity:.7}
@media(max-width:760px){
  .boxing-highlight-grid{grid-template-columns:1fr}
  .boxing-highlight-card{grid-template-columns:128px minmax(0,1fr);gap:11px;padding:10px}
  .boxing-highlight-copy strong{font-size:.9rem;-webkit-line-clamp:2}
}
@media(max-width:430px){
  .boxing-highlight-card{grid-template-columns:112px minmax(0,1fr)}
}


/* Boxing titleholders + rankings */
.boxing-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.boxing-section-head>div{min-width:0}
.boxing-section-head small{font-size:.78rem;opacity:.68;white-space:nowrap}
.boxing-titleholders-section .boxing-titleholders-inner{display:grid;gap:12px}
.boxing-ranking-filter{display:inline-flex;align-items:center}
.boxing-ranking-filter select{min-width:170px;max-width:220px;height:36px;padding:0 34px 0 12px;border-radius:10px;border:1px solid rgba(127,127,127,.3);background:var(--card,#111);color:inherit;font:inherit;font-size:.82rem;cursor:pointer}
.boxing-ranking-list{display:grid;gap:8px}
.boxing-ranking-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(127,127,127,.2);border-radius:12px;background:rgba(127,127,127,.05)}
.boxing-ranking-row>b{font-size:.9rem}
.boxing-ranking-row>div{display:grid;gap:3px}
.boxing-ranking-row strong{font-size:.9rem}
.boxing-ranking-row small{font-size:.76rem;opacity:.68}
.boxing-ranking-empty{margin:0}
@media(max-width:600px){
  .boxing-section-head{align-items:flex-start}
  .boxing-ranking-filter select{min-width:140px;max-width:160px;height:34px;font-size:.78rem}
}


/* Live score-only green glow + score/stream pairing */
.score-league-filter.has-live-score-only{
  animation:scoreOnlyGreenGlow 2.35s ease-in-out infinite;
}
.score-league-filter.has-live-score-only:not(.has-live-stream){
  border-color:rgba(50,205,110,.76);
  background:color-mix(in srgb,#32cd6e 7%,var(--panel));
}
@keyframes scoreOnlyGreenGlow{
  0%,100%{
    border-color:rgba(50,205,110,.52);
    box-shadow:0 0 0 1px rgba(50,205,110,.14),0 0 7px rgba(50,205,110,.22);
  }
  50%{
    border-color:rgba(72,235,137,1);
    box-shadow:0 0 0 1px rgba(72,235,137,.68),0 0 16px rgba(50,205,110,.62);
  }
}
.score-league-filter.has-live-stream{
  position:relative;
  z-index:1;
  animation:scoreBorderStreamGlow 1.75s ease-in-out infinite;
}
.selected-live-activity{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
  margin:0 0 30px;
}
.selected-live-activity.has-stream{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
}
.selected-live-activity .selected-live-scores,
.selected-live-activity .league-live-stream{
  margin:0;
}
.selected-live-stream-column{
  min-width:0;
  position:sticky;
  top:86px;
}
.selected-live-score-column{min-width:0}
.selected-live-activity.has-stream .selected-live-stream-column .league-live-stream{
  box-shadow:0 16px 42px rgba(239,63,69,.18);
}
@media(max-width:920px){
  .selected-live-activity.has-stream{grid-template-columns:1fr}
  .selected-live-stream-column{
    position:static;
    order:1;
  }
  .selected-live-score-column{order:2}
}
@media(prefers-reduced-motion:reduce){
  .score-league-filter.has-live-score-only{
    animation:none;
    border-color:rgba(50,205,110,.95);
    box-shadow:0 0 0 1px rgba(50,205,110,.48),0 0 11px rgba(50,205,110,.34);
  }
}

/* WTA tennis scoreboard */
.wta-game-card{align-items:stretch}
.wta-event-name{min-width:130px;font-weight:700}
.wta-game-main{min-width:0;flex:1;display:grid;gap:8px}
.wta-scoreboard{min-width:0;display:grid;gap:4px}
.wta-score-header,.wta-score-player{grid-template-columns:minmax(108px,1fr) minmax(36px,42px) repeat(var(--wta-set-count,1),minmax(26px,34px));column-gap:4px}
.wta-score-header{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.wta-score-player{min-height:34px}
.wta-player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.wta-set-score,.wta-point-score,.wta-score-head{text-align:center;font-variant-numeric:tabular-nums}
.wta-point-score{text-align:center;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:900}
.wta-game-card.game-is-live .wta-point-score{color:#dfff00}
@media(max-width:760px){
  .wta-game-card{display:block}
  .wta-event-name{margin-bottom:8px}
  .wta-score-header,.wta-score-player{grid-template-columns:minmax(108px,1fr) repeat(var(--wta-set-count,1),minmax(26px,34px)) minmax(36px,42px);column-gap:4px}
  .wta-player-name{font-size:13px}
}

/* WTA scoreboard correction */
.wta-game-card{position:relative;display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:14px;align-items:start}
.wta-game-main{display:grid;gap:10px;min-width:0}
.wta-scoreboard{width:100%;min-width:0;overflow:hidden}
.wta-score-header,.wta-score-player{
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(42px,48px) repeat(var(--wta-set-count,1),minmax(34px,42px));
  align-items:center;
  column-gap:8px;
}
.wta-score-header{margin-bottom:4px}
.wta-score-head,.wta-point-score,.wta-set-score{text-align:center}
.wta-points-head{font-weight:700}
.wta-point-score{font-weight:900}
.wta-game-card.game-is-live .wta-point-score{color:#dfff00}
.wta-match-meta{display:flex;justify-content:flex-start;align-items:center;min-height:24px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}
.wta-match-meta .state{position:static!important;inset:auto!important;margin:0!important;max-width:100%;white-space:normal;line-height:1.35}
@media(max-width:760px){
  .wta-game-card{display:block}
  .wta-event-name{margin-bottom:10px}
  .wta-score-header,.wta-score-player{
    grid-template-columns:minmax(150px,1fr) minmax(40px,44px) repeat(var(--wta-set-count,1),minmax(32px,38px));
    column-gap:5px;
  }
  .wta-player-name{font-size:15px}
  .wta-score-head{font-size:12px}
  .wta-point-score,.wta-set-score{font-size:16px}
  .wta-match-meta{margin-top:6px}
}

/* WTA table scoreboard - isolated from generic game layout */
.game.wta-game-card{
  display:block!important;
  grid-template-columns:none!important;
  width:100%;
  padding:18px 10px!important;
}
.wta-game-card .wta-event-name{
  display:block!important;
  width:100%;
  margin:0 0 10px!important;
  min-width:0!important;
}
.wta-game-card .wta-game-main{
  display:block!important;
  width:100%;
  min-width:0;
}
.wta-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.wta-score-table{
  width:100%;
  min-width:360px;
  border-collapse:collapse;
  table-layout:fixed;
}
.wta-score-table th,.wta-score-table td{
  padding:8px 6px;
  border:0;
  text-align:center;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.wta-score-table thead th{
  font-size:12px;
  font-weight:500;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.wta-score-table th:first-child{
  width:42%;
  text-align:left;
}
.wta-score-table tbody .wta-player-name{
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:16px;
  font-weight:800;
  color:var(--text);
}
.wta-score-table .wta-point-score,
.wta-score-table .wta-set-score{
  font-size:17px;
  font-weight:800;
  color:var(--text);
}
.wta-game-card.game-is-live .wta-score-table .wta-point-score{
  color:#dfff00;
}
.wta-game-card .wta-match-meta{
  display:block!important;
  width:100%;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.08);
}
.wta-game-card .wta-match-meta .state{
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  line-height:1.35!important;
  text-align:left!important;
}
@media(max-width:760px){
  .game.wta-game-card{padding:16px 10px!important}
  .wta-score-table{min-width:340px}
  .wta-score-table th,.wta-score-table td{padding:8px 4px}
  .wta-score-table th:first-child{width:46%}
  .wta-score-table tbody .wta-player-name{font-size:15px}
  .wta-score-table .wta-point-score,.wta-score-table .wta-set-score{font-size:16px}
}


/* WTA official-style live score card */
.wta-game-card .wta-event-name{
  font-size:.9rem;
  font-weight:800;
  color:var(--muted);
  margin-bottom:12px!important;
}
.wta-table-wrap{
  overflow:visible;
}
.wta-match-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 8px 11px;
  margin-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:var(--text);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.02em;
}
.wta-court{text-align:right}
.wta-official-score{display:grid;gap:2px}
.wta-official-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 52px minmax(112px,auto);
  align-items:center;
  min-height:48px;
  column-gap:8px;
  padding:3px 8px;
}
.wta-official-player{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1rem;
  line-height:1.2;
  font-weight:850;
  color:var(--text);
}
.wta-official-point{
  text-align:center;
  font-size:1rem;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  color:var(--muted);
}
.wta-game-card.game-is-live .wta-official-point{
  color:#dfff00;
}
.wta-official-sets{
  display:grid;
  grid-template-columns:repeat(5,minmax(22px,30px)) 12px;
  justify-content:end;
  align-items:center;
  gap:2px;
}
.wta-official-set{
  text-align:center;
  color:color-mix(in srgb,var(--text) 56%,transparent);
  font-size:1rem;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.wta-official-set.is-current{
  color:var(--text);
}
.wta-set-main{display:inline-block}
.wta-tiebreak{
  position:relative;
  top:-.25em;
  margin-left:1px;
  font-size:.58em;
  line-height:1;
  color:inherit;
}
.wta-score-dot{
  color:color-mix(in srgb,var(--text) 32%,transparent);
  font-size:1.05rem;
  line-height:1;
}
.wta-game-card .wta-match-meta{
  margin-top:10px!important;
  padding:10px 8px 0!important;
}
.wta-game-card .wta-match-meta .state{
  color:var(--red);
}
@media(max-width:760px){
  .game.wta-game-card{padding:16px 8px!important}
  .wta-game-card .wta-event-name{padding:0 8px}
  .wta-match-topline{font-size:.78rem}
  .wta-official-row{
    grid-template-columns:minmax(0,1fr) 42px minmax(104px,auto);
    min-height:46px;
    column-gap:5px;
  }
  .wta-official-player{font-size:.98rem}
  .wta-official-point{font-size:1rem}
  .wta-official-sets{
    grid-template-columns:repeat(3,minmax(22px,28px)) 10px;
  }
  .wta-official-set:nth-child(n+4):not(:last-child){display:none}
  .wta-score-dot{font-size:.95rem}
}


/* WTA simple schedule */
.wta-simple-schedule-group .league-games-list{display:grid;gap:0}
.wta-simple-schedule{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:14px 8px;
  border-bottom:1px solid var(--line);
}
.wta-simple-schedule:last-child{border-bottom:0}
.wta-simple-when{
  color:var(--muted);
  font-size:.82rem;
  line-height:1.35;
  font-variant-numeric:tabular-nums;
}
.wta-simple-main{min-width:0;display:grid;gap:4px}
.wta-simple-main strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.98rem;
}
.wta-simple-main strong span{color:var(--muted);font-weight:600}
.wta-simple-main small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:.78rem;
}
@media(max-width:760px){
  .wta-simple-schedule{
    grid-template-columns:82px minmax(0,1fr);
    gap:10px;
    padding:12px 4px;
  }
  .wta-simple-when{font-size:.73rem}
  .wta-simple-main strong{font-size:.9rem}
  .wta-simple-main small{font-size:.72rem}
}


/* Scores: keep league selector visible while results scroll */
.scores-page .score-league-toolbar{
  position:sticky;
  top:68px;
  z-index:45;
  margin-left:-10px;
  margin-right:-10px;
  padding:10px 10px 14px;
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
:root[data-theme="light"] .scores-page .score-league-toolbar{
  background:rgba(245,247,250,.95);
  box-shadow:0 8px 20px rgba(17,21,27,.08);
}
@media(max-width:760px){
  .scores-page .score-league-toolbar{
    top:68px;
    margin-left:-6px;
    margin-right:-6px;
    padding:8px 6px 12px;
    z-index:45;
  }
}


/* Scores sticky league selector edge fades */
.scores-page .score-league-toolbar{
  isolation:isolate;
}
.scores-page .score-league-toolbar:before,
.scores-page .score-league-toolbar:after{
  content:"";
  position:absolute;
  z-index:3;
  pointer-events:none;
}
.scores-page .score-league-toolbar:before{
  left:0;
  right:0;
  bottom:-18px;
  height:22px;
  background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 88%,transparent),transparent);
}
.scores-page .score-league-filters{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);
}
:root[data-theme="light"] .scores-page .score-league-toolbar:before{
  background:linear-gradient(to bottom,rgba(245,247,250,.9),rgba(245,247,250,0));
}
@media(max-width:760px){
  .scores-page .score-league-toolbar:before{
    bottom:-16px;
    height:20px;
  }
  .scores-page .score-league-filters{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
  }
}


/* Scores sticky league selector: transparent, no visible rectangle */
.scores-page .score-league-toolbar{
  background:transparent!important;
  box-shadow:none!important;
  border-bottom:0!important;
  padding-bottom:12px;
}
:root[data-theme="light"] .scores-page .score-league-toolbar{
  background:transparent!important;
  box-shadow:none!important;
}
.scores-page .score-league-toolbar:before{
  left:-18px;
  right:-18px;
  bottom:-20px;
  height:28px;
  background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 34%,transparent),transparent)!important;
}
:root[data-theme="light"] .scores-page .score-league-toolbar:before{
  background:linear-gradient(to bottom,rgba(245,247,250,.32),rgba(245,247,250,0))!important;
}


/* Scores sticky league selector: remove remaining divider line */
.scores-page .score-league-toolbar{
  border-bottom:none!important;
  box-shadow:none!important;
}
.scores-page .score-league-toolbar:before,
.scores-page .score-league-toolbar:after{
  content:none!important;
  display:none!important;
  background:none!important;
}


/* Scores sticky league selector: remove compositing seam */
.scores-page .score-league-toolbar{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  outline:0!important;
  border:0!important;
  box-shadow:none!important;
  isolation:auto!important;
  background:none!important;
}


/* Scores sticky league selector: narrow soft fade */
.scores-page .score-league-toolbar{
  isolation:isolate!important;
}
.scores-page .score-league-toolbar:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-4px!important;
  height:6px!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(7,10,18,.14),rgba(7,10,18,0))!important;
}
.scores-page .score-league-filters{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)!important;
  mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)!important;
}
:root[data-theme="light"] .scores-page .score-league-toolbar:after{
  background:linear-gradient(to bottom,rgba(245,247,250,.14),rgba(245,247,250,0))!important;
}
@media(max-width:760px){
  .scores-page .score-league-toolbar:after{
    bottom:-3px!important;
    height:5px!important;
  }
  .scores-page .score-league-filters{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%)!important;
    mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%)!important;
  }
}


/* FINAL scores sticky league selector: keep row, narrow fade only */
.scores-page .score-league-toolbar{
  position:sticky!important;
  top:68px!important;
  z-index:45!important;
  display:flex!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.scores-page .score-league-toolbar:before{
  content:none!important;
  display:none!important;
}
.scores-page .score-league-toolbar:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-7px!important;
  height:9px!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(7,10,18,.20),rgba(7,10,18,0))!important;
}
.scores-page .score-league-filters{
  display:flex!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)!important;
  mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)!important;
}
:root[data-theme="light"] .scores-page .score-league-toolbar:after{
  background:linear-gradient(to bottom,rgba(245,247,250,.20),rgba(245,247,250,0))!important;
}
@media(max-width:760px){
  .scores-page .score-league-toolbar{
    top:68px!important;
  }
  .scores-page .score-league-toolbar:after{
    bottom:-6px!important;
    height:8px!important;
  }
  .scores-page .score-league-filters{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%)!important;
    mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%)!important;
  }
}


/* Scores sticky league selector: black background */
.scores-page .score-league-toolbar{
  background:#000!important;
}
.scores-page .score-league-toolbar:after{
  background:linear-gradient(to bottom,rgba(0,0,0,.22),rgba(0,0,0,0))!important;
}
:root[data-theme="light"] .scores-page .score-league-toolbar{
  background:#000!important;
}
:root[data-theme="light"] .scores-page .score-league-toolbar:after{
  background:linear-gradient(to bottom,rgba(0,0,0,.22),rgba(0,0,0,0))!important;
}


/* Scores sticky league selector: reduce bottom height */
.scores-page .score-league-toolbar{
  padding-top:6px!important;
  padding-bottom:5px!important;
}
@media(max-width:760px){
  .scores-page .score-league-toolbar{
    padding-top:5px!important;
    padding-bottom:4px!important;
  }
}


/* Scores sticky league selector: light-mode surface + faded corners */
:root[data-theme="light"] .scores-page .score-league-toolbar{
  background:
    radial-gradient(circle at top left,rgba(245,247,250,0) 0,rgba(245,247,250,.82) 12px,#f5f7fa 24px),
    radial-gradient(circle at top right,rgba(245,247,250,0) 0,rgba(245,247,250,.82) 12px,#f5f7fa 24px),
    radial-gradient(circle at bottom left,rgba(245,247,250,0) 0,rgba(245,247,250,.82) 12px,#f5f7fa 24px),
    radial-gradient(circle at bottom right,rgba(245,247,250,0) 0,rgba(245,247,250,.82) 12px,#f5f7fa 24px),
    linear-gradient(#f5f7fa,#f5f7fa)!important;
}
:root[data-theme="light"] .scores-page .score-league-toolbar:after{
  background:linear-gradient(to bottom,rgba(245,247,250,.16),rgba(245,247,250,0))!important;
}
@media(max-width:760px){
  :root[data-theme="light"] .scores-page .score-league-toolbar{
    background:
      radial-gradient(circle at top left,rgba(245,247,250,0) 0,rgba(245,247,250,.82) 9px,#f5f7fa 18px),
      radial-gradient(circle at top right,rgba(245,247,250,0) 0,rgba(245,247,250,.82) 9px,#f5f7fa 18px),
      radial-gradient(circle at bottom left,rgba(245,247,250,0) 0,rgba(245,247,250,.82) 9px,#f5f7fa 18px),
      radial-gradient(circle at bottom right,rgba(245,247,250,0) 0,rgba(245,247,250,.82) 9px,#f5f7fa 18px),
      linear-gradient(#f5f7fa,#f5f7fa)!important;
  }
}


/* FINAL light-mode sticky league surface */
html[data-theme="light"] body.scores-page .score-league-toolbar{
  background:#f5f7fa!important;
  background-color:#f5f7fa!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] body.scores-page .score-league-toolbar:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-3px!important;
  height:5px!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(245,247,250,.16),rgba(245,247,250,0))!important;
}
@media(max-width:760px){
  html[data-theme="light"] body.scores-page .score-league-toolbar:after{
    bottom:-2px!important;
    height:4px!important;
  }
}


/* Legal links kept visually separate from navigation and ad-sensitive controls. */
.img-legal-links{width:min(1180px,calc(100% - 48px));margin:28px auto 88px;text-align:center;font-size:.78rem;color:#8f99a6}
.img-legal-links a{color:inherit;text-decoration:none}
.img-legal-links a:hover,.img-legal-links a:focus-visible{text-decoration:underline}
@media(max-width:760px){.img-legal-links{margin:24px auto 96px}}


/* Desktop league edge-hover auto-scroll affordance */
@media (min-width:761px){
  .score-league-filters{position:relative;scroll-behavior:auto}
  .score-league-filters.edge-scroll-left,
  .score-league-filters.edge-scroll-right{cursor:default}
}


/* Reliable desktop hover zones for league auto-scroll */
@media (min-width:761px){
  .score-league-scroll-shell{position:relative;min-width:0;flex:1 1 auto}
  .score-league-scroll-shell .score-league-filters{width:100%;min-width:0}
  .score-league-edge-zone{
    position:absolute;
    top:0;
    bottom:0;
    width:84px;
    z-index:6;
    pointer-events:auto;
  }
  .score-league-edge-zone-left{left:0}
  .score-league-edge-zone-right{right:0}
}
@media(max-width:760px){
  .score-league-scroll-shell{display:contents}
  .score-league-edge-zone{display:none!important}
}


/* Visual indicator for desktop league edge auto-scroll */
@media (min-width:761px){
  .score-league-edge-zone{
    opacity:0;
    transition:opacity .28s ease,filter .28s ease;
  }
  .score-league-edge-zone-left{
    background:linear-gradient(90deg,rgba(239,63,69,.28) 0%,rgba(239,63,69,.12) 42%,rgba(0,255,140,0) 100%);
  }
  .score-league-edge-zone-right{
    background:linear-gradient(270deg,rgba(239,63,69,.28) 0%,rgba(239,63,69,.12) 42%,rgba(0,255,140,0) 100%);
  }
  .score-league-edge-zone:hover{
    opacity:1;
    filter:drop-shadow(0 0 12px rgba(239,63,69,.3));
  }
  .score-league-filters.edge-scroll-left~.score-league-edge-zone-left,
  .score-league-filters.edge-scroll-right~.score-league-edge-zone-right{
    opacity:1;
    filter:drop-shadow(0 0 16px rgba(239,63,69,.42));
  }
  html[data-theme="light"] .score-league-edge-zone-left{
    background:linear-gradient(90deg,rgba(239,63,69,.2) 0%,rgba(239,63,69,.08) 45%,rgba(0,255,140,0) 100%);
  }
  html[data-theme="light"] .score-league-edge-zone-right{
    background:linear-gradient(270deg,rgba(239,63,69,.2) 0%,rgba(239,63,69,.08) 45%,rgba(0,255,140,0) 100%);
  }
}


/* Stronger desktop edge cue: visible only while hovering/scrolling */
@media (min-width:761px){
  .score-league-edge-zone{
    width:96px;
    opacity:0;
    transition:opacity .22s ease,filter .22s ease;
  }
  .score-league-edge-zone-left{
    background:
      radial-gradient(circle at 10% 50%,rgba(255,255,255,.18),rgba(255,255,255,0) 52%),
      linear-gradient(90deg,rgba(0,255,140,.45) 0%,rgba(0,255,140,.20) 38%,rgba(0,255,140,0) 100%);
  }
  .score-league-edge-zone-right{
    background:
      radial-gradient(circle at 90% 50%,rgba(255,255,255,.18),rgba(255,255,255,0) 52%),
      linear-gradient(270deg,rgba(0,255,140,.45) 0%,rgba(0,255,140,.20) 38%,rgba(0,255,140,0) 100%);
  }
  .score-league-edge-zone:hover{
    opacity:.9;
    filter:drop-shadow(0 0 18px rgba(0,255,140,.45));
  }
  .score-league-filters.edge-scroll-left~.score-league-edge-zone-left,
  .score-league-filters.edge-scroll-right~.score-league-edge-zone-right{
    opacity:1;
    filter:drop-shadow(0 0 24px rgba(0,255,140,.60));
  }
  html[data-theme="light"] .score-league-edge-zone-left{
    background:
      radial-gradient(circle at 10% 50%,rgba(255,255,255,.7),rgba(255,255,255,0) 52%),
      linear-gradient(90deg,rgba(0,200,110,.28) 0%,rgba(0,200,110,.12) 38%,rgba(0,255,140,0) 100%);
  }
  html[data-theme="light"] .score-league-edge-zone-right{
    background:
      radial-gradient(circle at 90% 50%,rgba(255,255,255,.7),rgba(255,255,255,0) 52%),
      linear-gradient(270deg,rgba(0,200,110,.28) 0%,rgba(0,200,110,.12) 38%,rgba(0,255,140,0) 100%);
  }
}


/* Keep Highlights controls fully visible inside their rounded button */
.highlights-btn{
  display:inline-grid!important;
  grid-template-columns:16px auto 20px;
  align-items:center;
  justify-content:start;
  column-gap:7px;
  width:max-content!important;
  min-width:132px;
  max-width:none;
  padding:7px 10px!important;
  overflow:visible;
  vertical-align:middle;
}
.highlights-btn-icon{grid-column:1}
.highlights-btn-label{
  grid-column:2;
  min-width:max-content;
  overflow:visible;
  white-space:nowrap;
  text-overflow:clip;
}
.highlights-btn>b{
  grid-column:3;
  width:20px;
  min-width:20px!important;
  height:20px;
  padding:0!important;
  margin:0;
  justify-self:end;
  box-sizing:border-box;
}

/* IMG_DESKTOP_LEAGUE_POINTERS_START */
@media (min-width:761px){
  body.scores-page .score-league-edge-zone{
    width:72px;
    opacity:1;
    background:transparent!important;
    filter:none!important;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    transition:opacity .22s ease,visibility .22s ease;
  }

  body.scores-page .score-league-edge-zone.is-edge-hidden{
    opacity:0!important;
    visibility:hidden;
    pointer-events:none!important;
  }

  body.scores-page .score-league-edge-zone::before,
  body.scores-page .score-league-edge-zone::after{
    content:"";
    position:absolute;
    top:50%;
    width:18px;
    height:18px;
    border-top:3px solid rgba(255,255,255,.62);
    border-right:3px solid rgba(255,255,255,.62);
    border-radius:2px;
    transform-origin:center;
    pointer-events:none;
    opacity:.28;
    animation:imgLeaguePointerPulse 1.75s ease-in-out infinite;
    filter:drop-shadow(0 0 7px rgba(255,255,255,.16));
  }

  body.scores-page .score-league-edge-zone::after{
    opacity:.12;
    animation-delay:.22s;
    filter:drop-shadow(0 0 10px rgba(255,255,255,.10));
  }

  body.scores-page .score-league-edge-zone-left::before,
  body.scores-page .score-league-edge-zone-left::after{
    left:14px;
    transform:translateY(-50%) rotate(-135deg);
  }

  body.scores-page .score-league-edge-zone-left::after{left:25px}

  body.scores-page .score-league-edge-zone-right::before,
  body.scores-page .score-league-edge-zone-right::after{
    right:14px;
    transform:translateY(-50%) rotate(45deg);
  }

  body.scores-page .score-league-edge-zone-right::after{right:25px}

  body.scores-page .score-league-edge-zone:hover::before,
  body.scores-page .score-league-edge-zone:hover::after{
    border-color:rgba(255,255,255,.78);
  }

  html[data-theme="light"] body.scores-page .score-league-edge-zone::before,
  html[data-theme="light"] body.scores-page .score-league-edge-zone::after{
    border-color:rgba(20,27,36,.48);
    filter:drop-shadow(0 0 6px rgba(20,27,36,.10));
  }

  @keyframes imgLeaguePointerPulse{
    0%,100%{opacity:.10}
    50%{opacity:.62}
  }

  @media (prefers-reduced-motion:reduce){
    body.scores-page .score-league-edge-zone::before,
    body.scores-page .score-league-edge-zone::after{
      animation:none;
      opacity:.34;
    }
  }
}
@media (max-width:760px){
  body.scores-page .score-league-edge-zone{display:none!important}
}
/* IMG_DESKTOP_LEAGUE_POINTERS_END */

/* IMG_APPROVED_SOCCER_LOGO_START */
.logo img{
  content:url('/img-logo-soccer.svg');
  width:96px!important;
  height:30px!important;
  object-fit:contain;
  object-position:left center;
}
.logo{min-width:104px}
html[data-theme="light"] .logo img{filter:brightness(0)}
/* IMG_APPROVED_SOCCER_LOGO_END */


/* Soccer standings */
.soccer-standings-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.soccer-standings-head,.soccer-standings-row{display:grid;grid-template-columns:34px minmax(150px,1fr) repeat(6,44px);gap:8px;align-items:center;min-width:520px}
.soccer-standings-head{padding:8px 6px;color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}
.soccer-standings-row{padding:9px 6px;border-bottom:1px solid var(--line);font-size:.72rem}
.soccer-standings-row:last-child{border-bottom:0}
.soccer-standings-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.soccer-standings-row>b,.soccer-standings-head>b{text-align:center;font-variant-numeric:tabular-nums}
.soccer-standings-row>span:first-child,.soccer-standings-head>span:first-child{text-align:center;color:var(--muted)}
@media(max-width:760px){
  .soccer-standings-head,.soccer-standings-row{grid-template-columns:30px minmax(130px,1fr) repeat(6,40px);min-width:470px;gap:6px}
  .soccer-standings-row{font-size:.68rem}
}

/* IMG_SCORE_LEAGUE_EQUAL_MOBILE_SPACING_START */
@media (max-width:760px){
  /* Keep the established league spacing; only constrain/wrap labels so they cannot overlap. */
  body.scores-page .score-league-filters{
    gap:7px!important;
    align-items:flex-start!important;
  }

  body.scores-page .score-league-item,
  body.scores-page .score-league-item-champions,
  body.scores-page .score-league-item-one{
    flex:0 0 64px!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    box-sizing:border-box;
    gap:5px!important;
    overflow:visible;
  }

  body.scores-page .score-league-name,
  body.scores-page .score-league-item-champions .score-league-name,
  body.scores-page .score-league-item-one .score-league-name{
    display:block!important;
    width:64px!important;
    min-width:0!important;
    max-width:64px!important;
    min-height:30px;
    margin:0!important;
    padding:0 1px!important;
    box-sizing:border-box;
    text-align:center!important;
    font-size:.44rem!important;
    line-height:1.08!important;
    letter-spacing:-.015em!important;
    white-space:normal!important;
    text-wrap:wrap!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
  }
}
/* IMG_SCORE_LEAGUE_EQUAL_MOBILE_SPACING_END */

/* IMG_UEFA_MOBILE_LABEL_FIX_START */
@media (max-width:760px){
  /* Keep the league-button spacing unchanged; tighten only the two long UEFA labels. */
  body.scores-page .score-league-filter[data-score-league="champions"] + .score-league-name,
  body.scores-page .score-league-filter[data-score-league="ucl_women"] + .score-league-name{
    width:56px!important;
    max-width:56px!important;
    align-self:center!important;
    font-size:.40rem!important;
    line-height:1.08!important;
    letter-spacing:-.02em!important;
    white-space:normal!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-align:center!important;
  }
}
/* IMG_UEFA_MOBILE_LABEL_FIX_END */