/* CSS-only grid finishes. Original leaves the v0.43.0 cards untouched. */
html body [data-grid-events="crystal"] .sss-live-event-card,html body[data-grid-events="crystal"] .sss-live-event-card{background:linear-gradient(140deg,rgba(35,220,202,.16),rgba(13,36,72,.25))!important;border:1px solid rgba(111,255,234,.38)!important;box-shadow:0 8px 24px rgba(0,12,30,.16),inset 0 1px rgba(255,255,255,.18)!important;border-radius:22px!important;color:#fff!important;--grid-accent:#70ffe1;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="crystal"] .sss-live-event-card:hover,html body[data-grid-events="crystal"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="crystal"] .sss-sports-tv-card,html body[data-grid-channels="crystal"] .sss-sports-tv-card{background:linear-gradient(140deg,rgba(35,220,202,.16),rgba(13,36,72,.25))!important;border:1px solid rgba(111,255,234,.38)!important;box-shadow:0 8px 24px rgba(0,12,30,.16),inset 0 1px rgba(255,255,255,.18)!important;border-radius:22px!important;color:#fff!important;--grid-accent:#70ffe1;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="crystal"] .sss-sports-tv-card:hover,html body[data-grid-channels="crystal"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-events="midnight"] .sss-live-event-card,html body[data-grid-events="midnight"] .sss-live-event-card{background:linear-gradient(155deg,rgba(9,22,52,.80),rgba(12,52,73,.54))!important;border:1px solid rgba(74,168,255,.32)!important;box-shadow:0 12px 28px rgba(0,8,24,.24),inset 0 1px rgba(146,212,255,.12)!important;border-radius:18px!important;color:#fff!important;--grid-accent:#86d9ff;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="midnight"] .sss-live-event-card:hover,html body[data-grid-events="midnight"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="midnight"] .sss-sports-tv-card,html body[data-grid-channels="midnight"] .sss-sports-tv-card{background:linear-gradient(155deg,rgba(9,22,52,.80),rgba(12,52,73,.54))!important;border:1px solid rgba(74,168,255,.32)!important;box-shadow:0 12px 28px rgba(0,8,24,.24),inset 0 1px rgba(146,212,255,.12)!important;border-radius:18px!important;color:#fff!important;--grid-accent:#86d9ff;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="midnight"] .sss-sports-tv-card:hover,html body[data-grid-channels="midnight"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-events="pearl"] .sss-live-event-card,html body[data-grid-events="pearl"] .sss-live-event-card{background:linear-gradient(145deg,rgba(232,255,255,.19),rgba(175,207,255,.09))!important;border:1px solid rgba(235,255,255,.48)!important;box-shadow:0 8px 20px rgba(0,15,35,.10),inset 0 1px rgba(255,255,255,.35)!important;border-radius:26px!important;color:#fff!important;--grid-accent:#c6fffa;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="pearl"] .sss-live-event-card:hover,html body[data-grid-events="pearl"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="pearl"] .sss-sports-tv-card,html body[data-grid-channels="pearl"] .sss-sports-tv-card{background:linear-gradient(145deg,rgba(232,255,255,.19),rgba(175,207,255,.09))!important;border:1px solid rgba(235,255,255,.48)!important;box-shadow:0 8px 20px rgba(0,15,35,.10),inset 0 1px rgba(255,255,255,.35)!important;border-radius:26px!important;color:#fff!important;--grid-accent:#c6fffa;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="pearl"] .sss-sports-tv-card:hover,html body[data-grid-channels="pearl"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-events="aurora"] .sss-live-event-card,html body[data-grid-events="aurora"] .sss-live-event-card{background:linear-gradient(135deg,rgba(0,207,174,.29),rgba(25,98,223,.24) 60%,rgba(115,95,220,.18))!important;border:1px solid rgba(110,243,231,.36)!important;box-shadow:0 10px 26px rgba(0,15,35,.18),inset 0 1px rgba(255,255,255,.18)!important;border-radius:24px!important;color:#fff!important;--grid-accent:#83ffe7;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="aurora"] .sss-live-event-card:hover,html body[data-grid-events="aurora"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="aurora"] .sss-sports-tv-card,html body[data-grid-channels="aurora"] .sss-sports-tv-card{background:linear-gradient(135deg,rgba(0,207,174,.29),rgba(25,98,223,.24) 60%,rgba(115,95,220,.18))!important;border:1px solid rgba(110,243,231,.36)!important;box-shadow:0 10px 26px rgba(0,15,35,.18),inset 0 1px rgba(255,255,255,.18)!important;border-radius:24px!important;color:#fff!important;--grid-accent:#83ffe7;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="aurora"] .sss-sports-tv-card:hover,html body[data-grid-channels="aurora"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-events="gold"] .sss-live-event-card,html body[data-grid-events="gold"] .sss-live-event-card{background:linear-gradient(145deg,rgba(21,28,41,.76),rgba(16,35,52,.56))!important;border:1px solid rgba(237,206,143,.43)!important;box-shadow:0 10px 24px rgba(0,12,30,.2),inset 0 1px rgba(255,233,187,.17)!important;border-radius:20px!important;color:#fff!important;--grid-accent:#f9dfa0;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="gold"] .sss-live-event-card:hover,html body[data-grid-events="gold"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="gold"] .sss-sports-tv-card,html body[data-grid-channels="gold"] .sss-sports-tv-card{background:linear-gradient(145deg,rgba(21,28,41,.76),rgba(16,35,52,.56))!important;border:1px solid rgba(237,206,143,.43)!important;box-shadow:0 10px 24px rgba(0,12,30,.2),inset 0 1px rgba(255,233,187,.17)!important;border-radius:20px!important;color:#fff!important;--grid-accent:#f9dfa0;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="gold"] .sss-sports-tv-card:hover,html body[data-grid-channels="gold"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card,html body[data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body [data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card .sss-live-event-title,html body[data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card .sss-live-event-title{color:#fff!important;}
html body [data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card .sss-live-event-league,html body[data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card .sss-live-event-league{color:#fff!important;opacity:.85;}
html body [data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card .sss-card-watch,html body[data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card .sss-card-watch{background:rgba(0,14,30,.32)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}
html body [data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card,html body[data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body [data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-art,html body[data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-art{background:transparent!important;box-shadow:none!important;border:0!important;}
html body [data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-art img,html body[data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-art img{filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 1px 2px rgba(0,0,0,.9))!important;object-fit:contain;}
html body [data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-title,html body[data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-title{color:#fff!important;}
html body [data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-type,html body[data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-type{background:rgba(0,15,30,.25)!important;color:#fff!important;}
html body [data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-divider,html body[data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card .sss-sports-tv-card-divider{background:rgba(255,255,255,.16)!important;}
@media(prefers-reduced-motion:reduce){html body .sss-live-event-card,html body .sss-sports-tv-card{transition:none!important;transform:none!important;}}
html body [data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card-inner,html body[data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card-inner{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:inherit!important;transform:none!important}
html body [data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card h3,html body[data-grid-events]:not([data-grid-events="original"]) .sss-live-event-card h3,html body[data-grid-events]:not([data-grid-events="original"]) .sss-live-event-competition{color:#fff!important}
html body[data-grid-events]:not([data-grid-events="original"]) .sss-live-event-watch,html body[data-grid-events]:not([data-grid-events="original"]) .sss-upcoming-event-open{background:rgba(0,14,30,.3)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:none!important}

/* Five luminous, transparent finishes. No added logo plate or per-card blur. */
html body [data-grid-events="aqua"] .sss-live-event-card,html body[data-grid-events="aqua"] .sss-live-event-card{background:linear-gradient(145deg,rgba(142,255,239,.26),rgba(46,187,203,.18) 48%,rgba(6,40,66,.24))!important;border:1px solid rgba(173,255,242,.62)!important;border-radius:24px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#a4ffeb;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="aqua"] .sss-live-event-card:hover,html body[data-grid-events="aqua"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="aqua"] .sss-sports-tv-card,html body[data-grid-channels="aqua"] .sss-sports-tv-card{background:linear-gradient(145deg,rgba(142,255,239,.26),rgba(46,187,203,.18) 48%,rgba(6,40,66,.24))!important;border:1px solid rgba(173,255,242,.62)!important;border-radius:24px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#a4ffeb;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="aqua"] .sss-sports-tv-card:hover,html body[data-grid-channels="aqua"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-events="silver"] .sss-live-event-card,html body[data-grid-events="silver"] .sss-live-event-card{background:linear-gradient(145deg,rgba(238,246,255,.30),rgba(169,206,230,.18) 52%,rgba(18,47,74,.25))!important;border:1px solid rgba(237,250,255,.66)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#e1f6ff;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="silver"] .sss-live-event-card:hover,html body[data-grid-events="silver"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="silver"] .sss-sports-tv-card,html body[data-grid-channels="silver"] .sss-sports-tv-card{background:linear-gradient(145deg,rgba(238,246,255,.30),rgba(169,206,230,.18) 52%,rgba(18,47,74,.25))!important;border:1px solid rgba(237,250,255,.66)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#e1f6ff;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="silver"] .sss-sports-tv-card:hover,html body[data-grid-channels="silver"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-events="ice"] .sss-live-event-card,html body[data-grid-events="ice"] .sss-live-event-card{background:linear-gradient(140deg,rgba(117,213,255,.28),rgba(70,141,223,.20) 55%,rgba(12,45,94,.24))!important;border:1px solid rgba(167,221,255,.62)!important;border-radius:22px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#b2e7ff;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="ice"] .sss-live-event-card:hover,html body[data-grid-events="ice"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="ice"] .sss-sports-tv-card,html body[data-grid-channels="ice"] .sss-sports-tv-card{background:linear-gradient(140deg,rgba(117,213,255,.28),rgba(70,141,223,.20) 55%,rgba(12,45,94,.24))!important;border:1px solid rgba(167,221,255,.62)!important;border-radius:22px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#b2e7ff;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="ice"] .sss-sports-tv-card:hover,html body[data-grid-channels="ice"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-events="seafoam"] .sss-live-event-card,html body[data-grid-events="seafoam"] .sss-live-event-card{background:linear-gradient(155deg,rgba(117,250,210,.27),rgba(23,166,160,.18) 52%,rgba(6,45,64,.25))!important;border:1px solid rgba(155,255,215,.61)!important;border-radius:28px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#acffcf;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="seafoam"] .sss-live-event-card:hover,html body[data-grid-events="seafoam"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="seafoam"] .sss-sports-tv-card,html body[data-grid-channels="seafoam"] .sss-sports-tv-card{background:linear-gradient(155deg,rgba(117,250,210,.27),rgba(23,166,160,.18) 52%,rgba(6,45,64,.25))!important;border:1px solid rgba(155,255,215,.61)!important;border-radius:28px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#acffcf;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="seafoam"] .sss-sports-tv-card:hover,html body[data-grid-channels="seafoam"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-events="opal"] .sss-live-event-card,html body[data-grid-events="opal"] .sss-live-event-card{background:linear-gradient(130deg,rgba(191,245,255,.27),rgba(158,177,243,.21) 46%,rgba(70,155,190,.18) 75%,rgba(16,44,75,.25))!important;border:1px solid rgba(215,229,255,.65)!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#d5e6ff;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-events="opal"] .sss-live-event-card:hover,html body[data-grid-events="opal"] .sss-live-event-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}
html body [data-grid-channels="opal"] .sss-sports-tv-card,html body[data-grid-channels="opal"] .sss-sports-tv-card{background:linear-gradient(130deg,rgba(191,245,255,.27),rgba(158,177,243,.21) 46%,rgba(70,155,190,.18) 75%,rgba(16,44,75,.25))!important;border:1px solid rgba(215,229,255,.65)!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(0,15,35,.15),inset 0 1px rgba(255,255,255,.28)!important;color:#fff!important;--grid-accent:#d5e6ff;transition:transform .18s ease,border-color .18s ease;overflow:hidden;}
html body [data-grid-channels="opal"] .sss-sports-tv-card:hover,html body[data-grid-channels="opal"] .sss-sports-tv-card:hover{transform:translateY(-3px);border-color:var(--grid-accent)!important;}

html body [data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card-art img,html body[data-grid-channels]:not([data-grid-channels="original"]) .sss-sports-tv-card-art img{filter:drop-shadow(.8px 0 0 rgba(255,255,255,.92)) drop-shadow(-.8px 0 0 rgba(255,255,255,.92)) drop-shadow(0 1px 1.2px rgba(0,8,20,.9))!important;background:transparent!important;object-fit:contain}
@media(prefers-reduced-motion:reduce){html body .sss-live-event-card,html body .sss-sports-tv-card{transition:none!important;transform:none!important;}}

/* Badge styling is independent of the event card finish. */
html body[data-sports-badges="transparent"] .sss-live-event-card .sss-event-sport-pill,
html body[data-sports-badges="transparent"] .sss-live-event-card .sss-live-event-badge,
html body[data-sports-badges="transparent"] .sss-live-event-card .sss-upcoming-event-countdown{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body[data-sports-badges="transparent"] .sss-live-event-card .sss-event-sport-pill{padding-left:0!important;padding-right:0!important;border-width:0!important;margin-left:0!important}

html body .sss-live-event-card .sss-event-sport-pill>b{transform:scale(1.2);transform-origin:left center;margin-right:2px}

/* Glass Match List: one selected sports layout, existing playback links. */
.sss-event-list-meta{display:none}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-carousel-track,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;overflow:visible!important;scroll-snap-type:none!important;padding:2px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{display:grid!important;grid-template-columns:210px minmax(0,1fr) 125px!important;grid-template-rows:auto auto;column-gap:24px!important;row-gap:8px!important;align-items:center!important;width:100%!important;max-width:100%!important;min-height:96px!important;height:auto!important;box-sizing:border-box!important;aspect-ratio:auto!important;align-self:start!important;min-width:0!important;flex:none!important;padding:16px 20px!important;border-radius:20px!important;border:1px solid rgba(163,238,244,.28)!important;background:linear-gradient(120deg,rgba(30,186,179,.12),rgba(56,97,178,.12))!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 24px rgba(0,12,28,.12)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transform:none!important;overflow:hidden!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card:hover{border-color:rgba(0,229,255,.6)!important;background:linear-gradient(120deg,rgba(30,186,179,.2),rgba(56,97,178,.2))!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta{display:flex!important;align-items:center;gap:12px;grid-column:1;grid-row:1;min-width:0;text-align:left}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;font-size:25px;font-weight:400}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta time{display:block;font-size:12px;font-weight:700;color:#fff;line-height:1.6;white-space:normal}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-league{display:block;font-size:11px;color:#8ff7ef;line-height:1.5;overflow-wrap:anywhere}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-top{grid-column:1;grid-row:2;position:static!important;inset:auto!important;min-width:0;margin:0!important;padding:0!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-sport{justify-content:flex-start!important;width:auto!important;max-width:none!important;overflow:visible!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-sport-pill{display:none!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body{grid-column:2;grid-row:1 / span 2;position:static!important;inset:auto!important;display:block!important;min-width:0;min-height:0!important;margin:0!important;padding:0!important;text-align:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-competition,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-stream-count{display:none!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3{margin:0!important;max-height:none!important;font-size:16px!important;line-height:1.45!important;color:#fff!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title{display:grid!important;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title::before{content:"VS";grid-column:2;grid-row:1;font-size:10px;font-weight:800;letter-spacing:.08em;color:#61e7f4}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;margin:0!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;grid-row:1}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>span:first-child{grid-column:1;justify-content:flex-start!important;flex-direction:row-reverse!important;text-align:right!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>span:nth-child(2){grid-column:3;justify-content:flex-start!important;text-align:left!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-name{min-width:0;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-image,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-placeholder{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;object-fit:contain!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;filter:none!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-image.is-athlete{object-fit:cover!important;border-radius:50%!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{grid-column:3;grid-row:1 / span 2;position:static!important;inset:auto!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px;width:100%!important;min-height:40px!important;margin:0!important;padding:10px 14px!important;border-radius:999px!important;border:1px solid rgba(0,229,255,.4)!important;background:rgba(0,229,255,.08)!important;color:#fff!important;font-size:12px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-carousel-nav{display:none!important}
@media(max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto;gap:12px!important;min-height:0!important;padding:14px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta{grid-column:1;grid-row:1}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-top{grid-column:2;grid-row:1}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body{grid-column:1 / -1;grid-row:2}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{grid-column:1 / -1;grid-row:3;width:auto!important;justify-self:center;min-width:130px}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3{font-size:14px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)!important;gap:8px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>span:first-child{flex-direction:column!important;text-align:center!important;justify-content:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>span:nth-child(2){flex-direction:column!important;text-align:center!important;justify-content:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-image,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-placeholder{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}
}
.grid-style-option[data-grid-events="matchlist"]{grid-column:1 / -1}

/* Match list: centred status, matchup and tournament; live-only red CTA. */
.sss-event-list-tournament{display:none}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{grid-template-rows:auto auto auto!important;row-gap:8px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta{grid-column:1;grid-row:1 / span 3;align-self:center}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-top{grid-column:2;grid-row:1;justify-content:center!important;justify-self:center}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-sport{justify-content:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body{grid-column:2;grid-row:2;align-self:center}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-tournament{display:block;grid-column:2;grid-row:3;text-align:center;min-width:0;overflow-wrap:anywhere;font-size:11px;line-height:1.5;color:#8ff7ef}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{grid-column:3;grid-row:1 / span 3}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch{background:rgba(255,45,75,.2)!important;border-color:#ff4761!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch span{color:#fff!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card:hover .sss-live-event-watch{background:rgba(255,45,75,.35)!important;border-color:#ff6b80!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title::before{font-size:12px;line-height:1.45;align-self:center;text-align:center}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-name{display:block;line-height:1.45!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>span:first-child:not(.has-media){justify-content:flex-start!important;flex-direction:row-reverse!important;text-align:right!important}
@media(max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(5,auto)!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta{grid-column:1;grid-row:1;justify-self:start}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-top{grid-column:1;grid-row:2}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body{grid-column:1;grid-row:3}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-tournament{grid-column:1;grid-row:4}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{grid-column:1;grid-row:5;justify-self:center}
}

/* National flags and simplified metadata belong to List only. */
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-league{display:none!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-image.is-country-flag{width:38px!important;height:28px!important;min-width:38px!important;flex-basis:38px!important;object-fit:contain!important;align-self:center;border-radius:3px!important}
.event-layout-previews{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:20px;margin:20px 0 28px}
.event-layout-preview{min-width:0;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.025)}
.event-layout-preview[data-selected="true"]{border-color:#00e5ff;box-shadow:inset 0 0 0 1px rgba(0,229,255,.18)}
.event-layout-preview>button{margin-top:18px}
.event-layout-preview[data-layout-preview="grids"]>.grid-style-demo{max-width:280px;margin-inline:auto}
.event-layout-preview[data-layout-preview="list"] .sss-live-event-card{grid-template-columns:100px minmax(0,1fr) 110px!important;column-gap:12px!important}
@media(max-width:1000px){.event-layout-previews{grid-template-columns:minmax(0,1fr)} }
@media(max-width:760px){.event-layout-preview{padding:14px}.event-layout-preview[data-layout-preview="list"] .sss-live-event-card{grid-template-columns:minmax(0,1fr)!important}}

html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-carousel-track,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-grid{container-type:inline-size!important;container-name:sss-event-list!important;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
.event-layout-preview[data-layout-preview="list"]{container-type:inline-size;container-name:sss-event-list}
/* Compact mobile List keeps the desktop three-column composition. */
@container sss-event-list (max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{grid-template-columns:clamp(48px,16cqw,96px) minmax(0,1fr) clamp(60px,18cqw,90px)!important;grid-template-rows:auto auto auto!important;column-gap:6px!important;row-gap:6px!important;padding:12px 8px!important;min-height:90px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta{grid-column:1!important;grid-row:1 / span 3!important;justify-self:stretch!important;flex-direction:column!important;gap:4px!important;align-items:center!important;text-align:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta>div{min-width:0;width:100%;text-align:center}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-icon{width:24px;height:24px;flex:none!important;font-size:20px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta time{font-size:clamp(9px,2cqw,11px)!important;text-align:center!important;line-height:1.4!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-top{grid-column:2!important;grid-row:1!important;justify-self:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body{grid-column:2!important;grid-row:2!important;width:100%;min-width:0}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-tournament{grid-column:2!important;grid-row:3!important;font-size:clamp(10px,2.1cqw,14.3px)!important;line-height:1.4!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3{font-size:clamp(11px,2.5cqw,14px)!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;gap:4px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>span:first-child{flex-direction:row-reverse!important;flex-wrap:wrap!important;justify-content:center!important;text-align:center!important;gap:4px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>span:nth-child(2){flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;text-align:center!important;gap:4px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title::before{font-size:9px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-image{width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-image.is-country-flag{width:24px!important;height:18px!important;min-width:24px!important;flex:0 0 24px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-badge{font-size:10px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch{grid-column:3!important;grid-row:1 / span 3!important;justify-self:stretch!important;align-self:center!important;width:100%!important;min-width:0!important;min-height:32px!important;padding:8px 4px!important;font-size:clamp(8px,2cqw,11px)!important;white-space:nowrap!important;gap:2px!important;margin:0!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{grid-column:3!important;grid-row:1 / span 3!important;justify-self:stretch!important;align-self:center!important;width:100%!important;min-width:0!important;min-height:32px!important;padding:8px 4px!important;font-size:clamp(8px,2cqw,11px)!important;white-space:nowrap!important;gap:2px!important;margin:0!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch span,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open span{font-size:inherit!important;flex:none!important}
}

/* List text must stay inside its allocated column at every screen width. */
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body h3{width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;box-sizing:border-box!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-name,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-title-text{max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-overflow:clip!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>.sss-event-matchup-side{max-width:100%!important;min-width:0!important}

/* List actions occupy a grid cell; legacy centred-card translation must not move them into the title. */
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{transform:none!important;translate:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}

/* Compact action sizing and symmetric spacing around VS in narrow List rows. */
@container sss-event-list (max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{grid-template-columns:clamp(48px,16cqw,96px) minmax(0,1fr) clamp(78px,20cqw,96px)!important;column-gap:8px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;gap:6px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span:first-child{justify-content:flex-start!important;flex-direction:row-reverse!important;text-align:right!important;gap:6px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span:nth-child(2){justify-content:flex-start!important;flex-direction:row!important;text-align:left!important;gap:6px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{height:32px!important;min-height:32px!important;font-size:10px!important;line-height:1.2!important;padding:6px!important;gap:4px!important;white-space:nowrap!important}
}

/* Narrow List: predictable logo/name stacks and a clean live action. */
@container sss-event-list (max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span:first-child,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span:nth-child(2){flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:5px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-image{width:clamp(20px,6cqw,30px)!important;height:26px!important;min-width:0!important;max-width:100%!important;flex:0 0 auto!important;object-fit:contain!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-image.is-country-flag{width:clamp(20px,6cqw,30px)!important;height:20px!important;min-width:0!important;flex:0 0 auto!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch{background:rgba(239,48,75,.2)!important;border-color:rgba(255,82,110,.75)!important;box-shadow:none!important;font-weight:700!important;letter-spacing:0!important;height:34px!important;min-height:34px!important;font-size:11px!important;padding:6px 8px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch>span{display:none!important}
}

@container sss-event-list (max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{font-size:10px!important;height:30px!important;min-height:30px!important;padding:5px 7px!important}
}

html body .sss-app .sss-events-load-more{grid-column:1/-1;display:inline-flex!important;align-items:center;justify-content:center;justify-self:center;align-self:center;gap:9px;width:160px;max-width:calc(100% - 32px);box-sizing:border-box;margin:16px auto 4px;padding:0 16px!important;min-height:40px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;color:#f7f9fb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 26px rgba(0,0,0,.18)!important;backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);font-size:9px!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase;text-align:center;cursor:pointer;flex-shrink:0}
html body .sss-app .sss-events-load-more span{color:#ff7187!important;font-size:14px;line-height:1}
html body .sss-app .sss-events-load-more:hover{border-color:rgba(255,255,255,.3)!important}
.sss-events-load-more:focus-visible{outline:2px solid #61e7f4;outline-offset:4px}
[data-sss-date-separator][hidden],[data-sss-local-date][hidden]{display:none!important}

template[data-sss-event-more-cards]{display:none!important}

/* Live/Upcoming section headings and counts share one row. */
html body .sss-app :is(.sss-live-now-head,.sss-upcoming-events-head,.sss-sports-directory-section-head){display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:12px!important}
html body .sss-app :is(.sss-live-now-head,.sss-upcoming-events-head,.sss-sports-directory-section-head)>div:first-child{width:auto!important;min-width:0!important;flex:1 1 auto;text-align:left!important}
html body .sss-app :is(.sss-live-now-head,.sss-upcoming-events-head,.sss-sports-directory-section-head) .sss-live-now-actions{width:auto!important;flex:0 0 auto;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;margin:0!important;gap:8px!important}
html body .sss-app :is(.sss-live-now-total,.sss-upcoming-total){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:30px!important;height:30px!important;padding:0 12px!important;margin:0!important;border-radius:999px!important;white-space:nowrap!important;font-size:11px!important;font-weight:800!important;line-height:1!important;letter-spacing:.035em!important;border:1px solid transparent!important}
html body .sss-app .sss-live-now-total{background:#da2845!important;border-color:rgba(255,112,134,.55)!important;color:#fff!important}
html body .sss-app .sss-live-now-total::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;flex:0 0 6px;animation:sss-section-live-blink 1.5s ease-in-out infinite}
html body .sss-app .sss-upcoming-total{background:#f5c842!important;border-color:rgba(255,228,136,.6)!important;color:#142333!important}
@keyframes sss-section-live-blink{0%,100%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){html body .sss-app .sss-live-now-total::before{animation:none}}
@media(max-width:760px){
 html body .sss-app :is(.sss-live-now-head,.sss-upcoming-events-head,.sss-sports-directory-section-head){gap:8px!important}
 html body .sss-app :is(.sss-live-now-head,.sss-upcoming-events-head,.sss-sports-directory-section-head) h2{font-size:clamp(18px,4.5vw,28px)!important;line-height:1.15!important;margin:5px 0 0!important}
 html body .sss-app :is(.sss-live-now-head,.sss-upcoming-events-head,.sss-sports-directory-section-head) .sss-live-now-actions :is(.sss-event-carousel-nav,.sss-live-view-all){display:none!important}
 html body .sss-app :is(.sss-live-now-total,.sss-upcoming-total){padding:0 10px!important;font-size:10px!important;height:28px!important;min-height:28px!important}
}

/* Mobile List cards use a centered vertical composition. */
@media(max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(5,auto)!important;gap:10px!important;padding:18px 14px!important;justify-items:center!important;text-align:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta{grid-column:1!important;grid-row:1!important;justify-self:center!important;align-self:center!important;gap:0!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta>div{display:none!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-icon{width:30px!important;height:30px!important;font-size:26px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-top{grid-column:1!important;grid-row:2!important;justify-self:center!important;justify-content:center!important;width:auto!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body{grid-column:1!important;grid-row:3!important;text-align:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-tournament{grid-column:1!important;grid-row:4!important;justify-self:center!important;text-align:center!important;font-size:13px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span:first-child,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span:nth-child(2){flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-name{font-size:clamp(9px,2.8vw,14px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;overflow-wrap:normal!important;word-break:normal!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{grid-column:1!important;grid-row:5!important;justify-self:center!important;align-self:center!important;width:130px!important;max-width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;font-size:10px!important;margin:2px 0 0!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-countdown{font-size:12px!important;line-height:1.3!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-countdown b{font-size:12px!important}
}
html body .sss-app :is(.sss-live-event-watch,.sss-upcoming-event-open)>span{display:none!important}

/* Compact mobile header and logo/name rows: VS aligns with names, never logos. */
@media(max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:repeat(4,auto)!important;gap:7px!important;padding:12px 14px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-meta{grid-column:1!important;grid-row:1!important;justify-self:start!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-top{grid-column:2!important;grid-row:1!important;justify-self:end!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body{grid-column:1 / -1!important;grid-row:2!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-tournament{grid-column:1 / -1!important;grid-row:3!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{grid-column:1 / -1!important;grid-row:4!important;margin:0!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title{grid-template-columns:minmax(0,max-content) 20px minmax(0,max-content)!important;justify-content:center!important;gap:6px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title:has(.has-media){grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)!important;grid-template-rows:26px auto!important;row-gap:5px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title:has(.has-media)::before{grid-column:2!important;grid-row:2!important;align-self:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span.has-media:first-child,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span.has-media:nth-child(2){display:contents!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>.has-media:first-child>.sss-event-participant-image,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>.has-media:first-child>.sss-event-participant-placeholder{grid-column:1!important;grid-row:1!important;justify-self:center!important;align-self:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>.has-media:nth-child(2)>.sss-event-participant-image,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>.has-media:nth-child(2)>.sss-event-participant-placeholder{grid-column:3!important;grid-row:1!important;justify-self:center!important;align-self:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>.has-media:first-child>.sss-event-participant-name{grid-column:1!important;grid-row:2!important;align-self:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>.has-media:nth-child(2)>.sss-event-participant-name{grid-column:3!important;grid-row:2!important;align-self:center!important}
}

/* Fixed mobile List height based on the selected baseball card. */
@media(max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{box-sizing:border-box!important;height:176px!important;min-height:176px!important;max-height:176px!important;grid-template-rows:30px minmax(0,1fr) 20px 32px!important;row-gap:7px!important;align-content:stretch!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body{align-self:stretch!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;min-height:0!important;margin:0!important;padding:0!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body h3{margin:0!important;line-height:1.2!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-tournament{width:100%!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;line-height:20px!important;margin:0!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{align-self:end!important;margin:0!important}
}

/* Symmetric mobile columns anchor VS to the card center; measured name sizing. */
@media(max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)!important;width:100%!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-icon{width:27px!important;height:27px!important;font-size:23.4px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-participant-name{font-size:var(--sss-event-name-size,14px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body h3:not(.sss-event-matchup-title){font-size:var(--sss-event-name-size,18px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* Mobile matchups: centered team rows without VS. */
@media(max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title:has(.has-media){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:8px!important;justify-items:center!important;align-items:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title::before{display:none!important;content:none!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span:first-child,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span.has-media:first-child{display:flex!important;grid-column:1!important;grid-row:1!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;text-align:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span:nth-child(2),html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card h3.sss-event-matchup-title>span.has-media:nth-child(2){display:flex!important;grid-column:1!important;grid-row:2!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;text-align:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-side>.sss-event-participant-name{width:auto!important;max-width:100%!important;flex:0 1 auto!important;text-align:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-side>.sss-event-participant-image,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-side>.sss-event-participant-placeholder{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important}
}

/* Mobile List competition centered between the corner icon and status. */
@media(max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{grid-template-columns:70px minmax(0,1fr) 70px!important;grid-template-rows:30px minmax(0,1fr) 32px!important;column-gap:6px!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-list-tournament{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:center!important;width:100%!important;min-width:0!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-top{grid-column:3!important;grid-row:1!important;max-width:100%!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body{grid-column:1 / -1!important;grid-row:2!important;align-items:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-watch{grid-row:3!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-upcoming-event-open{grid-row:3!important}
}

/* Desktop sports directory rail, sharing the teal/navy liquid-glass palette. */
.sss-directory-sports-sidebar{display:none}
.sss-directory-events-content{min-width:0}
@media(min-width:1024px){
html body .sss-app .sss-directory-events-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
html body .sss-app .sss-directory-sports-sidebar{display:block;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;padding:18px 10px;box-sizing:border-box;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(0,125,132,.20),rgba(15,41,93,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.14);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);scrollbar-width:thin;scrollbar-color:rgba(103,231,237,.38) rgba(255,255,255,.03)}
html body .sss-app .sss-directory-sports-sidebar h2{margin:0 10px 14px;font-size:18px;color:#fff}
html body .sss-app .sss-directory-sports-sidebar nav{display:grid;gap:6px}
html body .sss-app .sss-directory-sports-sidebar button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:46px;padding:9px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#fff;text-align:left;cursor:pointer}
html body .sss-app .sss-directory-sports-sidebar button>span{font-size:22px;text-align:center}
html body .sss-app .sss-directory-sports-sidebar button>strong{font-size:12px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
html body .sss-app .sss-directory-sports-sidebar button>small{font-size:11px;color:#6cf0ed}
html body .sss-app .sss-directory-sports-sidebar button:is(:hover,:focus-visible,.active){background:rgba(0,212,255,.10);border-color:rgba(0,212,255,.30);outline-offset:2px}
html body .sss-app .sss-directory-events-content>.sss-section{margin-top:0}
}

.sss-directory-sports-sidebar::-webkit-scrollbar{width:6px}
.sss-directory-sports-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:999px}
.sss-directory-sports-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(99,236,229,.45),rgba(113,153,239,.38));border:1px solid rgba(255,255,255,.12);border-radius:999px}

/* Preserve scrolling; only reveal the glass scrollbar during scroll activity. */
html body .sss-app .sss-directory-sports-sidebar{scrollbar-color:transparent transparent;scrollbar-gutter:stable}
html body .sss-app .sss-directory-sports-sidebar::-webkit-scrollbar-track{background:transparent}
html body .sss-app .sss-directory-sports-sidebar::-webkit-scrollbar-thumb{background:transparent;border-color:transparent}
html body .sss-app .sss-directory-sports-sidebar.is-scrolling{scrollbar-color:rgba(103,231,237,.38) rgba(255,255,255,.03)}
html body .sss-app .sss-directory-sports-sidebar.is-scrolling::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
html body .sss-app .sss-directory-sports-sidebar.is-scrolling::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(99,236,229,.45),rgba(113,153,239,.38));border-color:rgba(255,255,255,.12)}

/* Yellow matchup separator; existing mobile visibility rules remain in place. */
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title::before{color:#ffd84d!important}

/* Balanced outer columns keep desktop event content at the card's horizontal center. */
@media(min-width:761px){html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-card{grid-template-columns:minmax(125px,180px) minmax(0,1fr) minmax(125px,180px)!important}}

/* Center names against the card, independently of unequal logo widths. */
@media(max-width:760px){
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-live-event-body h3{width:100%!important;max-width:100%!important;box-sizing:border-box!important;text-align:center!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>span.has-media{position:relative!important;padding:0 26px!important;box-sizing:border-box!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-side>.sss-event-participant-image,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-side>.sss-event-participant-placeholder{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important}
html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-side>.sss-event-participant-name{display:block!important;width:100%!important;text-align:center!important}
}

@media(max-width:760px){html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-side>.sss-event-participant-image,html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-side>.sss-event-participant-placeholder{position:static!important;transform:none!important;flex:0 0 20px!important}html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-side>.sss-event-participant-name{width:auto!important;flex:0 1 auto!important}html :is(body[data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"],body [data-grid-events="matchlist"][data-grid-events="matchlist"][data-grid-events="matchlist"]) .sss-event-matchup-title>span.has-media{gap:6px!important;justify-content:center!important}}

/* Transparent channel surfaces retain card borders, labels and visible favourites. */
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card{background:transparent!important;border:1px solid rgba(0,212,255,.32)!important;border-radius:18px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-inner,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-inner{background:transparent!important;box-shadow:none!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-art,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-art{background:transparent!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-art img,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-art img{background:transparent!important;filter:none!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-footer,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-footer{justify-content:center!important;text-align:center!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-title,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-title{text-align:center!important;color:#fff!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-top,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-card-top{opacity:1!important;visibility:visible!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-fav,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-fav{opacity:1!important;visibility:visible!important;border-color:rgba(0,212,255,.5)!important;color:#fff!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card.is-favorite .sss-sports-tv-fav,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card.is-favorite .sss-sports-tv-fav,html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-fav.is-active,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card .sss-sports-tv-fav.is-active{color:#ff8294!important;border-color:#ff8294!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card:hover,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card:hover{border-color:#00d4ff!important}
html body[data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card:focus-within,html body [data-grid-channels="transparent"][data-grid-channels="transparent"] .sss-sports-tv-card:focus-within{outline:2px solid #00d4ff;outline-offset:3px}