:root {
  --sportaki-bg: #edf2f7;
  --sportaki-bg-deep: #f8fafc;
  --sportaki-surface: #ffffff;
  --sportaki-surface-2: #f6f8fb;
  --sportaki-surface-3: #e7edf5;
  --sportaki-border: #cfd9e6;
  --sportaki-border-strong: #a9bdd5;
  --sportaki-text: #172033;
  --sportaki-muted: #55657a;
  --sportaki-soft: #718096;
  --sportaki-primary: #3b82f6;
  --sportaki-secondary: #7137a8;
  --sportaki-blue: #3b82f6;
  --sportaki-violet: #7137a8;
  --sportaki-cyan: #22b7ff;
  --sportaki-accent: #3b82f6;
  --sportaki-accent-2: #22b7ff;
  --sportaki-success: #18875d;
  --sportaki-warning: #b86a00;
  --sportaki-danger: #d92d4b;
  --sportaki-live: #d92d4b;
  --sportaki-article-bg: #ffffff;
  --sportaki-h2-text: #14335b;
  --sportaki-h2-bg: #f1f5fa;
  --sportaki-h2-border: #3b82f6;
  --sportaki-info-bg: #f7f9fc;
  --sportaki-info-border: #c9d6e5;
  --sportaki-link: #245fb8;
  --sportaki-link-hover: #7137a8;
  --sportaki-score-bg: #101b2a;
  --sportaki-score-surface: #18283a;
  --sportaki-score-border: #31445c;
  --sportaki-score-text: #f7f9fc;
  --sportaki-score-muted: #b8c4d4;
  --sportaki-score-primary: #3b82f6;
  --sportaki-score-secondary: #7137a8;
  --sportaki-score-winner: #38d39f;
  --sportaki-score-live: #ff4d64;
  --sportaki-team-primary: #3b82f6;
  --sportaki-team-secondary: #ffffff;
  --sportaki-gradient-primary: linear-gradient(135deg, #3b82f6 0%, #7137a8 100%);
  --sportaki-gradient-energy: linear-gradient(135deg, #22b7ff 0%, #3b82f6 48%, #7137a8 100%);
  --sportaki-gradient-steel: linear-gradient(135deg, #f8fafc 0%, #e7edf5 100%);
  --sportaki-container: 1320px;
  --sportaki-article: 800px;
  --sportaki-radius-sm: 10px;
  --sportaki-radius: 18px;
  --sportaki-radius-lg: 28px;
  --sportaki-shadow: 0 22px 58px rgba(34, 58, 91, .13);
  --sportaki-transition: 220ms cubic-bezier(.2, .7, .2, 1);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --sportaki-bg: #08111d;
  --sportaki-bg-deep: #050b13;
  --sportaki-surface: #101a28;
  --sportaki-surface-2: #152438;
  --sportaki-surface-3: #1b2c42;
  --sportaki-border: #2c3e55;
  --sportaki-border-strong: #416181;
  --sportaki-text: #f4f7fb;
  --sportaki-muted: #b2c0d1;
  --sportaki-soft: #8495aa;
  --sportaki-success: #38d39f;
  --sportaki-warning: #ffc857;
  --sportaki-danger: #ff4d64;
  --sportaki-live: #ff4d64;
  --sportaki-article-bg: #101a28;
  --sportaki-h2-text: #f7f9fc;
  --sportaki-h2-bg: #152438;
  --sportaki-h2-border: #7137a8;
  --sportaki-info-bg: #132033;
  --sportaki-info-border: #31435c;
  --sportaki-link: #67b7ff;
  --sportaki-link-hover: #b58ae0;
  --sportaki-score-bg: #080f18;
  --sportaki-score-surface: #101b29;
  --sportaki-score-border: #2d4159;
  --sportaki-score-text: #f7f9fc;
  --sportaki-score-muted: #aab8c9;
  --sportaki-score-primary: #22b7ff;
  --sportaki-score-secondary: #7137a8;
  --sportaki-score-winner: #38d39f;
  --sportaki-score-live: #ff4d64;
  --sportaki-gradient-steel: linear-gradient(135deg, #162336 0%, #0b1420 100%);
  --sportaki-shadow: 0 24px 70px rgba(0, 0, 0, .32);
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--sportaki-bg-deep); }
body.sportaki-next {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--sportaki-team-primary) 21%, transparent), transparent 38rem),
    radial-gradient(circle at 88% 42%, color-mix(in srgb, var(--sportaki-team-secondary) 8%, transparent), transparent 46rem),
    linear-gradient(145deg, var(--sportaki-bg-deep) 0, var(--sportaki-bg) 42%, color-mix(in srgb, var(--sportaki-bg) 90%, var(--sportaki-team-primary)) 100%);
  background-attachment: fixed;
  color: var(--sportaki-text);
  font-family: Roboto, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.sportaki-next.admin-bar .sportaki-site-header { top: 32px; }

.sportaki-global-team-backdrop {
  position: fixed;
  z-index: 0;
  inset: -18vh -18vw;
  display: grid;
  place-items: center;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transform: rotate(-10deg) scale(1.04);
  transition: opacity 420ms ease;
}
.sportaki-global-team-backdrop[hidden] { display: none; }
body.sportaki-next.has-sportaki-team .sportaki-global-team-backdrop { opacity: .115; }
.sportaki-global-team-backdrop img {
  width: 118vw;
  height: 118vh;
  max-width: none;
  object-fit: contain;
  filter: saturate(1.2) contrast(1.06) drop-shadow(0 0 90px color-mix(in srgb, var(--sportaki-team-primary) 42%, transparent));
  animation: sportaki-global-team-drift 18s ease-in-out infinite alternate;
}
body.sportaki-next > .sportaki-main,
body.sportaki-next > .sportaki-site-footer { position: relative; z-index: 1; }
body.sportaki-next.has-sportaki-team .sportaki-site-header {
  background: color-mix(in srgb, var(--sportaki-bg-deep) 82%, transparent);
  border-color: color-mix(in srgb, var(--sportaki-team-primary) 38%, transparent);
}
body.sportaki-next.has-sportaki-team .sportaki-section-heading,
body.sportaki-next.has-sportaki-team .sportaki-card,
body.sportaki-next.has-sportaki-team .sportaki-match-center,
body.sportaki-next.has-sportaki-team .sportaki-upcoming-block,
body.sportaki-next.has-sportaki-team .sportaki-my-team-home {
  transition: background 360ms ease, border-color 360ms ease, box-shadow 360ms ease;
}
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: color-mix(in srgb, var(--sportaki-team-primary) 72%, #ffffff); color: #06101e; }

.sr-only,
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.sportaki-skip-link {
  position: fixed;
  z-index: 100000;
  top: 8px;
  left: 8px;
  transform: translateY(-160%);
  padding: .7rem 1rem;
  border-radius: 8px;
  background: #fff;
  color: #07101f;
  transition: transform var(--sportaki-transition);
}
.sportaki-skip-link:focus { transform: translateY(0); }

.sportaki-container {
  width: min(calc(100% - 32px), var(--sportaki-container));
  margin-inline: auto;
}
.sportaki-main { min-height: 70vh; }
.sportaki-section { position: relative; padding-block: clamp(2.4rem, 5vw, 5rem); }
.sportaki-section + .sportaki-section { border-top: 1px solid var(--sportaki-border); }
.sportaki-section-edge { width: 100%; }

.sportaki-section-heading,
.sportaki-webtv-heading,
.sportaki-upcoming-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.sportaki-section-heading h2,
.sportaki-webtv-heading h1,
.sportaki-upcoming-head h2 {
  margin: 0;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(1.65rem, 3.5vw, 2.8rem);
  line-height: 1;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.sportaki-section-eyebrow,
.sportaki-card-category,
.sportaki-article-category,
.sportaki-team-league {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-bottom: .45rem;
  color: color-mix(in srgb, var(--sportaki-team-primary) 78%, #ffffff);
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}
.sportaki-section-link,
.sportaki-upcoming-head a {
  flex: 0 0 auto;
  color: var(--sportaki-muted);
  font-weight: 700;
  transition: color var(--sportaki-transition), transform var(--sportaki-transition);
}
.sportaki-section-link:hover,
.sportaki-upcoming-head a:hover { color: #fff; transform: translateX(3px); }

/* Header */
.sportaki-site-header {
  position: sticky;
  z-index: 9000;
  top: 0;
  border-bottom: 1px solid var(--sportaki-border);
  background: color-mix(in srgb, #07101f 88%, transparent);
  backdrop-filter: blur(18px) saturate(130%);
  transition: transform var(--sportaki-transition), box-shadow var(--sportaki-transition);
}
.sportaki-site-header.is-scrolled { box-shadow: 0 12px 35px rgba(0, 0, 0, .28); }
.sportaki-header-inner {
  width: min(calc(100% - 24px), var(--sportaki-container));
  min-height: 78px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
}
.sportaki-brand { display: flex; align-items: center; width: 150px; height: 68px; }
.sportaki-brand img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 16px rgba(34, 183, 255, .17)); }
.sportaki-primary-nav { min-width: 0; }
.sportaki-menu,
.sportaki-mobile-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sportaki-primary-nav > .sportaki-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .2rem;
}
.sportaki-menu > li { position: relative; }
.sportaki-primary-nav .sportaki-menu > li > a {
  display: block;
  padding: .78rem .72rem;
  border-radius: 10px;
  color: #d8e0ed;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: .93rem;
  font-weight: 700;
  white-space: nowrap;
  transition: color var(--sportaki-transition), background var(--sportaki-transition);
}
.sportaki-primary-nav .sportaki-menu > li > a:hover,
.sportaki-primary-nav .current-menu-item > a,
.sportaki-primary-nav .current-menu-ancestor > a {
  color: #fff;
  background: rgba(59, 130, 246, .12);
}
.sportaki-menu .sub-menu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 10px);
  left: 0;
  min-width: 230px;
  margin: 0;
  padding: .55rem;
  list-style: none;
  border: 1px solid var(--sportaki-border);
  border-radius: 14px;
  background: #0a1628;
  box-shadow: var(--sportaki-shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity var(--sportaki-transition), transform var(--sportaki-transition), visibility var(--sportaki-transition);
}
.sportaki-menu li:hover > .sub-menu,
.sportaki-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.sportaki-menu .sub-menu a { display: block; padding: .65rem .75rem; border-radius: 8px; color: var(--sportaki-muted); }
.sportaki-menu .sub-menu a:hover { background: rgba(255,255,255,.06); color: #fff; }
.sportaki-header-actions { display: flex; align-items: center; gap: .55rem; }
.sportaki-icon-button,
.sportaki-menu-toggle {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--sportaki-border);
  border-radius: 50%;
  background: rgba(255, 255, 255, .035);
  cursor: pointer;
  transition: border-color var(--sportaki-transition), background var(--sportaki-transition), transform var(--sportaki-transition);
}
.sportaki-icon-button:hover { border-color: var(--sportaki-border-strong); background: rgba(59, 130, 246, .12); transform: translateY(-1px); }
.sportaki-icon-button span[aria-hidden] { font-size: 1.45rem; line-height: 1; }
.sportaki-menu-toggle { display: none; }
.sportaki-live-button {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 42px;
  padding: 0 .92rem;
  border: 1px solid rgba(255, 59, 77, .35);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255, 59, 77, .18), rgba(255, 59, 77, .05));
  color: #fff;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .06em;
  white-space: nowrap;
}
.sportaki-live-dot {
  width: .55rem;
  height: .55rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--sportaki-live);
  box-shadow: 0 0 0 0 rgba(255, 59, 77, .65);
  animation: sportaki-live-pulse 1.8s infinite;
}
.sportaki-team-button {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 42px;
  padding: 0 .8rem;
  border: 1px solid var(--sportaki-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: var(--sportaki-muted);
  cursor: pointer;
  font-size: .8rem;
  font-weight: 800;
  white-space: nowrap;
}
.sportaki-team-button-logo { display: grid; place-items: center; width: 24px; height: 24px; overflow: hidden; color: var(--sportaki-team-primary); }
.sportaki-team-button-logo img { width: 24px; height: 24px; object-fit: contain; }
.sportaki-team-control { position: relative; }
.sportaki-team-button-chevron { margin-left: .05rem; color: color-mix(in srgb, var(--sportaki-team-primary) 72%, #fff); font-size: .82rem; transition: transform var(--sportaki-transition); }
.sportaki-team-control.has-selected-team .sportaki-team-button[aria-expanded="true"] .sportaki-team-button-chevron { transform: rotate(180deg); }
.sportaki-team-quick-menu {
  position: absolute;
  z-index: 10020;
  top: calc(100% + 10px);
  right: 0;
  width: min(300px, calc(100vw - 24px));
  padding: .48rem;
  border: 1px solid var(--sportaki-border-strong);
  border-radius: 15px;
  background: color-mix(in srgb, var(--sportaki-surface) 96%, #02060f);
  box-shadow: 0 22px 60px rgba(0,0,0,.48), 0 0 28px color-mix(in srgb, var(--sportaki-team-primary) 12%, transparent);
  backdrop-filter: blur(18px);
}
.sportaki-team-quick-menu[hidden] { display: none; }
.sportaki-team-quick-menu > a,
.sportaki-team-quick-menu > button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .72rem;
  padding: .78rem;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-align: left;
  font: 800 .82rem/1.25 "Roboto", Arial, sans-serif;
}
.sportaki-team-quick-menu > a:hover,
.sportaki-team-quick-menu > button:hover { background: color-mix(in srgb, var(--sportaki-team-primary) 13%, rgba(255,255,255,.035)); }
.sportaki-team-quick-menu > button + button { border-top: 1px solid var(--sportaki-border); border-radius: 0 0 11px 11px; }
.sportaki-team-quick-page { border-bottom: 1px solid var(--sportaki-border) !important; margin-bottom: .25rem; }
.sportaki-team-quick-page > span:last-child { min-width: 0; display: grid; gap: .15rem; }
.sportaki-team-quick-page strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sportaki-team-quick-page small { color: var(--sportaki-muted); font-size: .7rem; font-weight: 600; }
.sportaki-team-quick-logo { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; }
.sportaki-team-quick-logo img { width: 42px; height: 42px; object-fit: contain; }
.sportaki-mobile-menu {
  border-top: 1px solid var(--sportaki-border);
  background: #07101f;
  padding: .75rem 16px 1rem;
}
.sportaki-mobile-menu-list a { display: block; padding: .8rem .3rem; border-bottom: 1px solid var(--sportaki-border); font-weight: 700; }
.sportaki-mobile-menu-list .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding-left: .85rem; background: transparent; }

/* Dialogs */
.sportaki-search-dialog,
.sportaki-team-dialog,
.sportaki-consent-dialog {
  position: fixed;
  z-index: 10050;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(2, 6, 15, .88);
  backdrop-filter: blur(18px);
}
.sportaki-search-dialog[hidden],
.sportaki-team-dialog[hidden],
.sportaki-consent-dialog[hidden] { display: none; }
.sportaki-dialog-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  border: 1px solid var(--sportaki-border);
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  color: #fff;
  font-size: 1.6rem;
  cursor: pointer;
}
.sportaki-search-dialog-inner { width: min(760px, 100%); text-align: center; }
.sportaki-search-dialog-inner > img { width: 190px; height: 110px; object-fit: contain; }
.sportaki-search-dialog-inner > p { color: var(--sportaki-muted); font-size: 1.1rem; }
.sportaki-search-form { display: flex; gap: .65rem; width: min(720px, 100%); margin: 1.5rem auto 0; }
.sportaki-search-form input {
  flex: 1;
  min-width: 0;
  min-height: 54px;
  padding: 0 1rem;
  border: 1px solid var(--sportaki-border-strong);
  border-radius: 13px;
  outline: none;
  background: #0a1628;
  color: #fff;
  font-size: 1rem;
}
.sportaki-search-form input:focus { border-color: var(--sportaki-team-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sportaki-team-primary) 18%, transparent); }
.sportaki-team-dialog-panel,
.sportaki-consent-panel {
  position: relative;
  width: min(920px, 100%);
  max-height: min(88vh, 820px);
  overflow: auto;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid var(--sportaki-border);
  border-radius: var(--sportaki-radius-lg);
  background: linear-gradient(145deg, #0e1b2f, #07101f);
  box-shadow: var(--sportaki-shadow);
}
.sportaki-team-dialog-panel header h2,
.sportaki-consent-panel h2 { margin: 0; font: 800 clamp(1.8rem, 4vw, 2.8rem)/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; }
.sportaki-team-dialog-panel header p,
.sportaki-consent-panel > p { color: var(--sportaki-muted); }
.sportaki-team-tabs,
.sportaki-tab-list { display: flex; gap: .45rem; overflow-x: auto; scrollbar-width: none; }
.sportaki-team-tabs { margin: 1.4rem 0; }
.sportaki-team-tabs button,
.sportaki-tab-list button {
  flex: 0 0 auto;
  padding: .68rem .92rem;
  border: 1px solid var(--sportaki-border);
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  color: var(--sportaki-muted);
  cursor: pointer;
  font-weight: 800;
}
.sportaki-team-tabs button.is-active,
.sportaki-tab-list button.is-active {
  border-color: color-mix(in srgb, var(--sportaki-team-primary) 60%, #fff);
  background: color-mix(in srgb, var(--sportaki-team-primary) 18%, transparent);
  color: #fff;
}
.sportaki-team-picker-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
.sportaki-picker-team {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-width: 0;
  padding: .75rem;
  border: 1px solid var(--sportaki-border);
  border-radius: 13px;
  background: rgba(255,255,255,.025);
  cursor: pointer;
  text-align: left;
  transition: border-color var(--sportaki-transition), transform var(--sportaki-transition), background var(--sportaki-transition);
}
.sportaki-picker-team:hover { border-color: var(--sportaki-border-strong); transform: translateY(-2px); background: rgba(255,255,255,.05); }
.sportaki-picker-team img { width: 42px; height: 42px; object-fit: contain; flex: 0 0 auto; }
.sportaki-picker-team span { overflow: hidden; text-overflow: ellipsis; font-size: .9rem; font-weight: 800; }
.sportaki-text-button,
.sportaki-footer-button {
  padding: 0;
  border: 0;
  background: none;
  color: var(--sportaki-muted);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sportaki-text-button { margin-top: 1.2rem; }

/* Buttons */
.sportaki-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .65rem 1rem;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 850;
  transition: transform var(--sportaki-transition), box-shadow var(--sportaki-transition), background var(--sportaki-transition), border-color var(--sportaki-transition);
}
.sportaki-btn:hover { transform: translateY(-2px); }
.sportaki-btn-primary {
  background: linear-gradient(135deg, var(--sportaki-team-primary), color-mix(in srgb, var(--sportaki-team-primary) 60%, #22b7ff));
  color: #fff;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--sportaki-team-primary) 25%, transparent);
}
.sportaki-btn-ghost { border-color: var(--sportaki-border); background: rgba(255,255,255,.04); color: #fff; }

/* WebTV */
.sportaki-webtv-home,
.sportaki-webtv-hero {
  overflow: hidden;
  border-bottom: 1px solid var(--sportaki-border);
  background:
    linear-gradient(135deg, rgba(59,130,246,.12), transparent 42%),
    radial-gradient(circle at 78% 20%, color-mix(in srgb, var(--sportaki-team-primary) 16%, transparent), transparent 28rem),
    #050d19;
}
.sportaki-webtv-home::before,
.sportaki-webtv-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 45%, rgba(255,255,255,.025) 50%, transparent 55% 100%);
  background-size: 220% 100%;
  animation: sportaki-sheen 14s linear infinite;
}
.sportaki-webtv-heading { align-items: center; }
.sportaki-webtv-heading h1 { font-size: clamp(2rem, 6vw, 4.2rem); }
.sportaki-now-next-strip { margin-bottom: 1rem; }
.sportaki-webtv-player-wrap { position: relative; }
.sportaki-webtv-player {
  overflow: hidden;
  border: 1px solid var(--sportaki-border-strong);
  border-radius: var(--sportaki-radius-lg);
  background: #000;
  box-shadow: 0 28px 80px rgba(0,0,0,.42), 0 0 45px color-mix(in srgb, var(--sportaki-team-primary) 14%, transparent);
}
.sportaki-webtv-consent-gate {
  position: absolute;
  z-index: 20;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: .8rem;
  padding: 1.5rem;
  border-radius: var(--sportaki-radius-lg);
  background: rgba(3,8,16,.92);
  text-align: center;
}
.sportaki-webtv-consent-gate { touch-action: manipulation; }
.sportaki-webtv-consent-gate [data-consent-external] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.sportaki-webtv-consent-gate[hidden] { display: none; }
.sportaki-live-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  margin-top: .9rem;
  padding: .85rem 1rem;
  border: 1px solid rgba(255,59,77,.2);
  border-radius: 12px;
  background: rgba(255,59,77,.055);
  color: #d9e2f0;
  font-size: .86rem;
}
.sportaki-live-disclaimer[hidden] { display: none; }
.sportaki-upcoming-block {
  margin-top: 1.4rem;
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid var(--sportaki-border);
  border-radius: var(--sportaki-radius);
  background: rgba(255,255,255,.025);
}
.sportaki-upcoming-head { align-items: center; margin-bottom: .85rem; }
.sportaki-upcoming-head h2 { font-size: 1.35rem; }
.sportaki-schedule-preview { min-height: 74px; }
.sportaki-schedule-items { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .7rem; }
.sportaki-schedule-item {
  position: relative;
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--sportaki-border);
  border-radius: 13px;
  background: #0a1628;
}
.sportaki-schedule-item.is-live { border-color: rgba(255,59,77,.35); }
.sportaki-schedule-item-top { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: .45rem; }
.sportaki-schedule-time { font-weight: 900; color: #fff; }
.sportaki-schedule-badge { padding: .18rem .45rem; border-radius: 999px; background: rgba(59,130,246,.14); color: #a9d0ff; font-size: .68rem; font-weight: 900; }
.sportaki-schedule-item.is-live .sportaki-schedule-badge { background: rgba(255,59,77,.15); color: #ffadb6; }
.sportaki-schedule-title { margin: 0; font-weight: 800; line-height: 1.3; }
.sportaki-schedule-meta { margin-top: .35rem; color: var(--sportaki-muted); font-size: .78rem; }
.sportaki-skeleton { height: 74px; border-radius: 12px; background: linear-gradient(100deg, rgba(255,255,255,.035) 20%, rgba(255,255,255,.09) 45%, rgba(255,255,255,.035) 70%); background-size: 220% 100%; animation: sportaki-skeleton 1.4s linear infinite; }
.sportaki-feature-missing,
.sportaki-empty-state {
  display: grid;
  justify-items: center;
  gap: .35rem;
  min-height: 210px;
  place-content: center;
  padding: 2rem;
  border: 1px dashed var(--sportaki-border-strong);
  border-radius: var(--sportaki-radius);
  background: rgba(255,255,255,.02);
  color: var(--sportaki-muted);
  text-align: center;
}
.sportaki-feature-missing strong,
.sportaki-empty-state strong { color: #fff; font-size: 1.1rem; }

/* Legacy WebTV compatibility */
body.sportaki-next #sportaki-webtv-rails { display: block !important; }
body.sportaki-next #sportaki-webtv-rails > .stv-rail { display: none !important; }
body.sportaki-next #sportaki-tv-wrapper { max-width: none !important; margin: 0 !important; }
body.sportaki-next .stv-titlebar { margin: 0 !important; border-radius: 0 !important; }
body.sportaki-next .stv-player-shell { border-radius: 0 !important; }
body.sportaki-next .stv-cards-wrap { margin: 0 !important; padding: .8rem !important; background: #07101f !important; }
body.sportaki-next .stv-card { border-color: var(--sportaki-border) !important; background: #0b1729 !important; box-shadow: none !important; }
body.sportaki-next #sportaki-webtv-schedule .swtv-wrap { max-width: none !important; margin: 0 !important; color: var(--sportaki-text) !important; }
body.sportaki-next #sportaki-webtv-schedule .swtv-header { border-radius: 14px 14px 0 0 !important; }
body.sportaki-next #sportaki-webtv-schedule .swtv-filters select { min-height: 44px; border-color: var(--sportaki-border) !important; background: #0a1628 !important; color: #fff !important; }
body.sportaki-next #sportaki-live-now .sln-box { max-width: none !important; margin: 0 !important; border: 1px solid var(--sportaki-border) !important; border-radius: 14px !important; background: rgba(255,255,255,.025) !important; box-shadow: none !important; }

/* Cards and home layout */
.sportaki-top-stories {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .7fr) minmax(280px, .75fr);
  gap: 1rem;
  align-items: stretch;
}
.sportaki-top-lead,
.sportaki-top-side,
.sportaki-latest-stack { min-height: 0; height: 100%; }
.sportaki-top-lead > .sportaki-card,
.sportaki-top-side > .sportaki-card { height: 100%; }
.sportaki-top-lead > .sportaki-card { display: block; }
.sportaki-top-lead .sportaki-card-media { height: 100%; min-height: 520px; aspect-ratio: auto; }
.sportaki-top-side { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.sportaki-top-side > .sportaki-card { display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.sportaki-top-side .sportaki-card-media { height: 100%; min-height: 0; aspect-ratio: auto; }
.sportaki-latest-stack {
  padding: 1rem;
  border: 1px solid var(--sportaki-border);
  border-radius: var(--sportaki-radius);
  background: rgba(255,255,255,.022);
}
.sportaki-latest-stack > h2 { margin: 0 0 .55rem; font: 800 1rem/1.2 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.sportaki-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--sportaki-border);
  border-radius: var(--sportaki-radius);
  background: var(--sportaki-surface);
  transition: transform var(--sportaki-transition), border-color var(--sportaki-transition), box-shadow var(--sportaki-transition);
}
.sportaki-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--sportaki-team-primary) 42%, var(--sportaki-border)); box-shadow: 0 18px 45px rgba(0,0,0,.25); }
.sportaki-card-media {
  position: relative;
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #06101e;
}
.sportaki-card-image { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms cubic-bezier(.2,.7,.2,1); }
.sportaki-card:hover .sportaki-card-image { transform: scale(1.035); }
.sportaki-image-placeholder {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: center;
  justify-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #0b1729, #07101f);
}
.sportaki-image-placeholder::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 60% 20%, rgba(59,130,246,.18), transparent 48%); }
.sportaki-image-placeholder img { position: relative; width: 40%; max-height: 62%; object-fit: contain; opacity: .72; filter: saturate(.75); }
.sportaki-image-placeholder span { position: relative; margin-top: .5rem; color: var(--sportaki-muted); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sportaki-card-content { padding: 1rem; }
.sportaki-card-category { margin: 0 0 .4rem; }
.sportaki-card-title { margin: 0; font: 800 clamp(1.05rem, 2vw, 1.35rem)/1.18 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; letter-spacing: -.01em; text-wrap: pretty; }
.sportaki-card-title a { transition: color var(--sportaki-transition); }
.sportaki-card-title a:hover { color: color-mix(in srgb, var(--sportaki-team-primary) 72%, #fff); }
.sportaki-card-excerpt { margin: .65rem 0 0; color: var(--sportaki-muted); font-size: .9rem; line-height: 1.55; }
.sportaki-card-meta { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .75rem; color: var(--sportaki-soft); font-size: .74rem; }
.sportaki-card-hero .sportaki-card-media { aspect-ratio: 16/10; }
.sportaki-card-hero .sportaki-card-content {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  padding: clamp(1rem, 4vw, 2rem);
  background: linear-gradient(180deg, transparent, rgba(2,7,15,.96));
}
.sportaki-card-hero .sportaki-card-title { font-size: clamp(1.55rem, 3.3vw, 2.75rem); line-height: 1.03; }
.sportaki-card-hero .sportaki-card-excerpt { max-width: 70ch; color: #d4deeb; }
.sportaki-card-side .sportaki-card-title { font-size: 1.15rem; }
.sportaki-card-side .sportaki-card-content { padding: .85rem; }
.sportaki-card-side .sportaki-card-meta { display: none; }
.sportaki-card-compact {
  display: grid;
  grid-template-columns: 94px minmax(0,1fr);
  gap: .75rem;
  padding: .65rem 0;
  border: 0;
  border-top: 1px solid var(--sportaki-border);
  border-radius: 0;
  background: transparent;
}
.sportaki-card-compact:first-of-type { border-top: 0; }
.sportaki-card-compact:hover { transform: none; box-shadow: none; }
.sportaki-card-compact .sportaki-card-media { width: 94px; border-radius: 9px; }
.sportaki-card-compact .sportaki-card-content { padding: 0; }
.sportaki-card-compact .sportaki-card-category { font-size: .64rem; }
.sportaki-card-compact .sportaki-card-title { font-size: .95rem; }
.sportaki-card-compact .sportaki-card-meta { margin-top: .35rem; }
.sportaki-card-small { display: grid; grid-template-columns: 150px minmax(0,1fr); }
.sportaki-card-small .sportaki-card-media { aspect-ratio: 1; }
.sportaki-card-small .sportaki-card-content { padding: .8rem; align-self: center; }
.sportaki-card-small .sportaki-card-title { font-size: 1.05rem; }
.sportaki-card-small .sportaki-card-excerpt { display: none; }
.sportaki-card-list {
  display: grid;
  grid-template-columns: minmax(220px, 34%) minmax(0,1fr);
  min-height: 190px;
}
.sportaki-card-list .sportaki-card-media { height: 100%; aspect-ratio: auto; min-height: 190px; }
.sportaki-card-list .sportaki-card-content { align-self: center; padding: 1.2rem; }
.sportaki-card-list .sportaki-card-title { font-size: clamp(1.2rem, 2.3vw, 1.7rem); }
.sportaki-category-feature { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 1rem; }
.sportaki-category-small-grid { display: grid; gap: .75rem; }
.sportaki-card-grid { display: grid; gap: 1rem; }
.sportaki-card-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sportaki-card-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Match center */
.sportaki-tabs { min-width: 0; }
.sportaki-tab-list { margin-bottom: 1rem; }
.sportaki-tab-panel { min-width: 0; }
.sportaki-tab-panel[hidden] { display: none; }
.sportaki-match-center {
  padding-inline: clamp(.75rem, 2vw, 1.5rem);
  border: 1px solid var(--sportaki-border);
  border-radius: var(--sportaki-radius-lg);
  background: linear-gradient(145deg, rgba(20,40,66,.55), rgba(7,16,31,.55));
}
.sportaki-match-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.sportaki-match-grid > div { min-width: 0; overflow: hidden; padding: 1rem; border: 1px solid var(--sportaki-border); border-radius: var(--sportaki-radius); background: rgba(2,7,15,.32); }
.sportaki-match-grid h3 { margin: 0 0 .8rem; font: 800 1.2rem/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; }
.sportaki-match-grid table { width: 100% !important; max-width: 100%; border-collapse: collapse; font-size: .84rem; }
.sportaki-match-grid th,
.sportaki-match-grid td { padding: .48rem .35rem !important; border-bottom: 1px solid var(--sportaki-border) !important; }

.sportaki-ad-slot {
  display: block;
  width: 100%;
  min-height: 112px;
  margin-block: 1.6rem;
  padding: .6rem;
  overflow: hidden;
  border: 1px solid var(--sportaki-border);
  border-radius: 12px;
  background: rgba(255,255,255,.018);
}
.sportaki-ad-slot[data-consent-blocked="1"] { display: none; }
.sportaki-ad-label {
  display: block;
  margin: 0 0 .35rem;
  color: rgba(168,181,201,.52);
  font-size: .62rem;
  letter-spacing: .13em;
  text-align: center;
  text-transform: uppercase;
}
.sportaki-ad-slot .adsbygoogle { width: 100%; min-height: 90px; }

.sportaki-poll-empty {
  display: grid;
  min-height: 132px;
  place-items: center;
  padding: 1.5rem;
  border: 1px solid var(--sportaki-border);
  border-radius: var(--sportaki-radius);
  background: rgba(255,255,255,.022);
  color: var(--sportaki-muted);
  font-weight: 800;
  text-align: center;
}

/* Archive */
.sportaki-archive-shell,
.sportaki-page-shell { padding-block: clamp(1.5rem, 4vw, 3.5rem) 5rem; }
.sportaki-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-bottom: 1.4rem; color: var(--sportaki-soft); font-size: .78rem; }
.sportaki-breadcrumbs a:hover { color: #fff; }
.sportaki-breadcrumbs .rank-math-breadcrumb p { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; }
.sportaki-archive-header,
.sportaki-page-header { max-width: 920px; margin-bottom: 2rem; }
.sportaki-archive-header h1,
.sportaki-page-header h1 {
  margin: 0;
  font: 850 clamp(2.25rem, 7vw, 5rem)/.95 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.sportaki-archive-description,
.sportaki-page-header > p { max-width: 70ch; margin-top: 1rem; color: var(--sportaki-muted); font-size: 1.05rem; }
.sportaki-page-header-center { margin-inline: auto; text-align: center; }
.sportaki-filter-chips { display: flex; gap: .5rem; overflow-x: auto; margin-bottom: 1.4rem; padding-bottom: .2rem; scrollbar-width: none; }
.sportaki-filter-chips a { flex: 0 0 auto; padding: .55rem .82rem; border: 1px solid var(--sportaki-border); border-radius: 999px; color: var(--sportaki-muted); font-size: .82rem; font-weight: 800; }
.sportaki-filter-chips a:hover,
.sportaki-filter-chips a.is-active { border-color: var(--sportaki-border-strong); background: rgba(59,130,246,.11); color: #fff; }
.sportaki-archive-featured { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 1rem; margin-bottom: 2rem; }
.sportaki-archive-feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.sportaki-archive-feature-grid .sportaki-card-small { display: block; }
.sportaki-archive-feature-grid .sportaki-card-small .sportaki-card-media { aspect-ratio: 16/9; }
.sportaki-archive-list { display: grid; gap: 1rem; }
.sportaki-load-more { display: flex; margin: 1.5rem auto 0; min-width: 220px; }
.sportaki-load-more[disabled] { opacity: .55; cursor: wait; }

/* Article */
.sportaki-article-head-wrap { padding-top: 1.6rem; }

/* Article-header Auto Ads fail-safe (1.1.19)
   The stable ID is also intended for AdSense Auto ads > Excluded areas.
   Only an UNFILLED Google Auto Ad injected as a direct child of this article-header
   wrapper is collapsed. Filled ads and every placement outside this wrapper are untouched. */
#sportaki-article-head-no-auto-ads > .google-auto-placed > ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#sportaki-article-head-no-auto-ads > .google-auto-placed:has(> ins.adsbygoogle[data-ad-status="unfilled"]) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.sportaki-article-header { max-width: 1040px; margin: 0 auto 1.7rem; text-align: center; }
.sportaki-article-header h1 { margin: .35rem 0 0; font: 850 clamp(2.15rem, 6.5vw, 5.2rem)/.98 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; letter-spacing: -.04em; text-wrap: balance; }
.sportaki-article-deck { max-width: 820px; margin: 1rem auto 0; color: #c6d1e0; font-size: clamp(1.05rem, 2.2vw, 1.3rem); line-height: 1.5; text-wrap: pretty; }
.sportaki-article-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem .85rem; margin-top: 1rem; color: var(--sportaki-soft); font-size: .8rem; }
.sportaki-author { color: #dbe5f2; font-weight: 800; }
.sportaki-share-row { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; margin-top: 1rem; }
.sportaki-share-row a,
.sportaki-share-row button { padding: .45rem .68rem; border: 1px solid var(--sportaki-border); border-radius: 999px; background: rgba(255,255,255,.025); color: var(--sportaki-muted); cursor: pointer; font-size: .76rem; font-weight: 800; }
.sportaki-share-row a:hover,
.sportaki-share-row button:hover { color: #fff; border-color: var(--sportaki-border-strong); }
.sportaki-article-featured { width: min(calc(100% - 32px), 1180px); margin: 0 auto 2rem; }
.sportaki-article-featured img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; border: 1px solid var(--sportaki-border); border-radius: var(--sportaki-radius-lg); box-shadow: var(--sportaki-shadow); }
.sportaki-article-featured figcaption { margin-top: .55rem; color: var(--sportaki-soft); font-size: .75rem; }
.sportaki-article-layout { display: block; }
.sportaki-article-body { width: min(100%, var(--sportaki-article)); min-width: 0; margin-inline: auto; }
.sportaki-entry-content {
  min-width: 0;
  max-width: 100%;
  color: #e4e9f1;
  font-size: clamp(1.02rem, 1.6vw, 1.1rem);
  line-height: 1.82;
  overflow-wrap: anywhere;
  word-break: normal;
}
/* Keep unbroken URLs, hashtags and pasted strings inside the article column.
   Normal words keep their standard wrapping and break only when they cannot fit. */
.sportaki-entry-content pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: normal;
}
.sportaki-entry-content figure,
.sportaki-entry-content .wp-caption,
.sportaki-entry-content .wp-video,
.sportaki-entry-content .wp-block-image,
.sportaki-entry-content .wp-block-video,
.sportaki-entry-content .wp-block-embed,
.sportaki-entry-content .wp-block-embed__wrapper,
.sportaki-entry-content .sportaki-external-embed {
  min-width: 0;
  max-width: 100%;
}
.sportaki-entry-content img,
.sportaki-entry-content video,
.sportaki-entry-content canvas {
  max-width: 100%;
  height: auto;
}
.sportaki-entry-content iframe,
.sportaki-entry-content embed,
.sportaki-entry-content object {
  display: block;
  width: 100%;
  max-width: 100%;
}
.sportaki-entry-content > *:first-child { margin-top: 0; }
.sportaki-entry-content h2,
.sportaki-entry-content h3,
.sportaki-entry-content h4 { color: #fff; font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif; line-height: 1.12; text-wrap: balance; scroll-margin-top: 100px; }
.sportaki-entry-content h2 { margin: 2.2rem 0 .8rem; font-size: clamp(1.55rem, 3.2vw, 2.2rem); }
.sportaki-entry-content h3 { margin: 1.8rem 0 .7rem; font-size: clamp(1.3rem, 2.6vw, 1.7rem); }
.sportaki-entry-content p { margin: 0 0 1.25rem; }
.sportaki-entry-content a { color: #77b5ff; text-decoration: underline; text-decoration-color: rgba(119,181,255,.45); text-underline-offset: 3px; }
.sportaki-entry-content blockquote { margin: 1.8rem 0; padding: .25rem 0 .25rem 1.2rem; border-left: 4px solid var(--sportaki-team-primary); color: #d8e1ed; font-size: 1.12em; }
.sportaki-entry-content ul,
.sportaki-entry-content ol { padding-left: 1.4rem; }
.sportaki-entry-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.sportaki-entry-content th,
.sportaki-entry-content td { padding: .65rem; border: 1px solid var(--sportaki-border); }
.sportaki-entry-content figure { margin: 1.8rem 0; }
.sportaki-entry-content img { border-radius: 13px; }
.sportaki-entry-content iframe { width: 100%; aspect-ratio: 16/9; height: auto; border: 0; }
.sportaki-share-row-end { justify-content: flex-start; padding-top: 1rem; border-top: 1px solid var(--sportaki-border); }
.sportaki-share-row-end > span { width: 100%; font-weight: 800; }
.sportaki-after-article { padding-bottom: 5rem; }
.sportaki-selected-team-cta { margin: 2rem 0; padding: 1.1rem; border: 1px solid var(--sportaki-border); border-radius: var(--sportaki-radius); background: linear-gradient(135deg, color-mix(in srgb, var(--sportaki-team-primary) 14%, transparent), rgba(255,255,255,.02)); }
.sportaki-selected-team-cta[hidden] { display: none; }
.sportaki-external-embed { position: relative; aspect-ratio: 16/9; overflow: hidden; margin: 1.8rem 0; border: 1px solid var(--sportaki-border); border-radius: var(--sportaki-radius); background: #03070d; }
.sportaki-external-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.sportaki-external-gate { position: absolute; z-index: 2; inset: 0; display: grid; place-content: center; justify-items: center; gap: .5rem; padding: 1.5rem; background: radial-gradient(circle, rgba(59,130,246,.15), transparent 60%), #07101f; text-align: center; }
.sportaki-external-gate > span:not(.sportaki-external-icon) { color: var(--sportaki-muted); font-size: .85rem; }
.sportaki-external-icon { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--sportaki-border-strong); border-radius: 50%; background: rgba(59,130,246,.14); }

/* Team mode */
.sportaki-my-team-home { overflow: hidden; min-height: 250px; margin-top: 2rem; padding: clamp(1.2rem, 4vw, 2.2rem); border: 1px solid color-mix(in srgb, var(--sportaki-team-primary) 35%, var(--sportaki-border)); border-radius: var(--sportaki-radius-lg); background: linear-gradient(135deg, color-mix(in srgb, var(--sportaki-team-primary) 17%, #07101f), #07101f 65%); }
.sportaki-my-team-home[hidden] { display: none; }
.sportaki-my-team-content { position: relative; z-index: 1; }
.sportaki-my-team-identity { display: inline-flex; align-items: center; gap: 1rem; max-width: 100%; }
.sportaki-my-team-identity img { width: clamp(62px, 8vw, 86px); height: clamp(62px, 8vw, 86px); object-fit: contain; filter: drop-shadow(0 12px 25px rgba(0,0,0,.28)); transition: transform var(--sportaki-transition), filter var(--sportaki-transition); }
.sportaki-my-team-identity > span { min-width: 0; display: grid; gap: .36rem; }
.sportaki-my-team-identity strong { display: block; overflow-wrap: anywhere; font: 850 clamp(2rem, 5vw, 3.6rem)/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; }
.sportaki-my-team-identity:hover img { transform: rotate(-4deg) scale(1.055); filter: drop-shadow(0 16px 30px color-mix(in srgb, var(--sportaki-team-primary) 22%, rgba(0,0,0,.28))); }
.sportaki-my-team-identity:hover strong { color: color-mix(in srgb, var(--sportaki-team-primary) 70%, #fff); }
.sportaki-my-team-posts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; margin-top: 1rem; }
.sportaki-my-team-post { padding: .85rem; border: 1px solid var(--sportaki-border); border-radius: 12px; background: rgba(2,7,15,.4); }
.sportaki-my-team-post a { font-weight: 800; line-height: 1.35; }
.sportaki-team-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; }
.sportaki-team-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--sportaki-border);
  border-radius: var(--sportaki-radius);
  background: linear-gradient(150deg, color-mix(in srgb, var(--team-primary, #3b82f6) 15%, #0b1729), #07101f 72%);
  text-align: center;
  transition: transform var(--sportaki-transition), border-color var(--sportaki-transition);
}
.sportaki-team-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--team-primary, #3b82f6) 45%, #fff); }
.sportaki-team-card img { width: 150px; height: 150px; object-fit: contain; filter: drop-shadow(0 14px 20px rgba(0,0,0,.25)); }
.sportaki-team-card h2 { margin: .2rem 0 .8rem; font: 850 1.25rem/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; }
.sportaki-team-card button { width: 100%; padding: .6rem; border: 1px solid var(--sportaki-border); border-radius: 10px; background: rgba(255,255,255,.04); cursor: pointer; color: var(--sportaki-muted); font-size: .78rem; font-weight: 800; }
.sportaki-team-card button:hover { color: #fff; border-color: var(--sportaki-border-strong); }
.sportaki-team-hero { position: relative; overflow: hidden; min-height: 470px; display: grid; align-items: center; border-bottom: 1px solid var(--sportaki-border); background: linear-gradient(120deg, color-mix(in srgb, var(--team-primary) 24%, #07101f), #07101f 66%); }
.sportaki-team-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.025), transparent); background-size: 200% 100%; animation: sportaki-sheen 14s linear infinite; }
.sportaki-team-hero-mark { position: absolute; z-index: 0; right: -7%; top: 50%; width: min(54vw, 700px); transform: translateY(-50%) rotate(-10deg); opacity: .105; pointer-events: none; animation: sportaki-team-float 8s ease-in-out infinite; }
.sportaki-team-hero-mark img { width: 100%; height: auto; }
.sportaki-team-hero .sportaki-container { position: relative; z-index: 2; }
.sportaki-team-hero-content { display: flex; align-items: center; gap: clamp(1.3rem, 5vw, 4rem); }
.sportaki-team-hero-logo { width: clamp(150px, 24vw, 260px); height: clamp(150px, 24vw, 260px); object-fit: contain; filter: drop-shadow(0 24px 40px rgba(0,0,0,.35)); }
.sportaki-team-hero-content h1 { margin: 0 0 1rem; font: 850 clamp(3rem, 9vw, 7rem)/.9 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; letter-spacing: -.04em; }
.sportaki-team-webtv-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; }
.sportaki-team-webtv-item { padding: .9rem; border: 1px solid var(--sportaki-border); border-radius: 13px; background: var(--sportaki-surface); }
.sportaki-team-webtv-item strong { display: block; line-height: 1.3; }
.sportaki-team-webtv-item span { color: var(--sportaki-muted); font-size: .78rem; }

/* Page, polls, support */
.sportaki-page { max-width: 920px; }
.sportaki-polls-page { display: grid; gap: 1rem; }
.sportaki-poll-page-item { padding: 1rem; border: 1px solid var(--sportaki-border); border-radius: var(--sportaki-radius); background: var(--sportaki-surface); }
.sportaki-support-home { padding-top: 1.5rem; }
body.sportaki-next .sportaki-support-wrap { max-width: none !important; margin: 0 !important; }

/* Footer and consent */
.sportaki-site-footer { position: relative; border-top: 1px solid var(--sportaki-border); background: #030913; }
.sportaki-footer-grid { width: min(calc(100% - 32px), var(--sportaki-container)); margin-inline: auto; display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 2rem; padding-block: clamp(3rem, 7vw, 5rem); }
.sportaki-footer-brand img { width: 220px; height: 110px; object-fit: contain; }
.sportaki-footer-brand p { max-width: 38ch; color: var(--sportaki-muted); }
.sportaki-footer-brand > a:last-child { color: #8fc4ff; }
.sportaki-site-footer h2 { margin: 0 0 .85rem; font: 850 1rem/1.2 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.sportaki-site-footer ul { list-style: none; margin: 0; padding: 0; }
.sportaki-site-footer li + li { margin-top: .45rem; }
.sportaki-site-footer li a,
.sportaki-footer-button { color: var(--sportaki-muted); font-size: .88rem; }
.sportaki-site-footer li a:hover,
.sportaki-footer-button:hover { color: #fff; }
.sportaki-social-link { display: inline-flex; margin-top: 1rem; padding: .45rem .7rem; border: 1px solid var(--sportaki-border); border-radius: 999px; color: #c9d6e7; font-size: .8rem; font-weight: 800; }
.sportaki-footer-bottom { width: min(calc(100% - 32px), var(--sportaki-container)); margin-inline: auto; display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-top: 1px solid var(--sportaki-border); color: var(--sportaki-soft); font-size: .75rem; }
.sportaki-bottom-nav { display: none; }
.sportaki-consent-banner {
  position: fixed;
  z-index: 10020;
  right: 16px;
  bottom: 16px;
  left: 16px;
  width: min(1080px, calc(100% - 32px));
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--sportaki-border-strong);
  border-radius: var(--sportaki-radius);
  background: rgba(7,16,31,.97);
  box-shadow: var(--sportaki-shadow);
  backdrop-filter: blur(16px);
}
.sportaki-consent-banner[hidden] { display: none; }
.sportaki-consent-copy strong { font-size: 1rem; }
.sportaki-consent-copy p { max-width: 70ch; margin: .25rem 0 0; color: var(--sportaki-muted); font-size: .8rem; line-height: 1.45; }
.sportaki-consent-actions { display: flex; gap: .45rem; flex: 0 0 auto; }
.sportaki-consent-panel { width: min(720px, 100%); }
.sportaki-consent-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: .75rem 0; padding: .9rem; border: 1px solid var(--sportaki-border); border-radius: 12px; background: rgba(255,255,255,.025); }
.sportaki-consent-row > span:first-child,
.sportaki-consent-row > div { display: grid; }
.sportaki-consent-row span span,
.sportaki-consent-row div span { color: var(--sportaki-muted); font-size: .78rem; }
.sportaki-consent-row input { width: 22px; height: 22px; accent-color: var(--sportaki-team-primary); }
.sportaki-consent-row.is-locked > span:last-child { color: var(--sportaki-success); font-size: .75rem; font-weight: 800; }

/* Search, 404 */
.sportaki-search-results { padding-block: 2rem 5rem; }
.sportaki-team-grid-search { grid-template-columns: repeat(6,minmax(0,1fr)); }
.sportaki-team-grid-search .sportaki-team-card { padding: .75rem; }
.sportaki-team-grid-search .sportaki-team-card img { width: 90px; height: 90px; }
.sportaki-team-grid-search .sportaki-team-card h2 { font-size: 1rem; }
.sportaki-404 { overflow: hidden; }
.sportaki-404-hero { position: relative; display: grid; justify-items: center; min-height: 65vh; place-content: center; padding: 3rem 0; text-align: center; }
.sportaki-404-hero h1 { margin: 0; font: 850 clamp(2.5rem, 8vw, 6rem)/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; }
.sportaki-404-hero p { color: var(--sportaki-muted); }
.sportaki-404-ball { position: absolute; z-index: -1; font: 900 clamp(11rem, 34vw, 30rem)/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; color: rgba(59,130,246,.055); transform: rotate(-8deg); }
.sportaki-404-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .55rem; margin-top: 1rem; }
.sportaki-404-links a { padding: .55rem .8rem; border: 1px solid var(--sportaki-border); border-radius: 999px; color: var(--sportaki-muted); font-size: .82rem; font-weight: 800; }

/* Hide legacy global insertions that belonged to CoverNews shell. */
body.sportaki-next #teams-banner,
body.sportaki-next #sportaki-footer-businesslayer,
body.sportaki-next #sportaki-polls-bar { display: none !important; }

/* Reveal */
.js [data-reveal] { opacity: 0; transform: translateY(18px); }
.js [data-reveal].is-visible { opacity: 1; transform: translateY(0); transition: opacity 520ms ease, transform 520ms cubic-bezier(.2,.7,.2,1); }

@keyframes sportaki-live-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,59,77,.55); } 70% { box-shadow: 0 0 0 8px rgba(255,59,77,0); } 100% { box-shadow: 0 0 0 0 rgba(255,59,77,0); } }
@keyframes sportaki-sheen { to { background-position: -220% 0; } }
@keyframes sportaki-skeleton { to { background-position: -220% 0; } }
@keyframes sportaki-global-team-drift {
  0% { transform: translate3d(-2.5vw, 1.5vh, 0) scale(1.02); }
  100% { transform: translate3d(2.5vw, -1.5vh, 0) scale(1.08); }
}
@keyframes sportaki-team-float { 0%,100% { transform: translateY(-50%) rotate(-10deg); } 50% { transform: translateY(calc(-50% - 8px)) rotate(-8.5deg); } }

@media (max-width: 1180px) {
  .sportaki-primary-nav { display: none; }
  .sportaki-menu-toggle { display: inline-grid; }
  .sportaki-header-inner { grid-template-columns: auto auto minmax(0,1fr); }
  .sportaki-header-actions { justify-self: end; }
  .sportaki-top-stories { grid-template-columns: minmax(0,1.35fr) minmax(260px,.8fr); }
  .sportaki-latest-stack { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .65rem; }
  .sportaki-latest-stack > h2 { grid-column: 1 / -1; }
  .sportaki-card-compact { display: block; border: 1px solid var(--sportaki-border); border-radius: 12px; padding: 0; overflow: hidden; }
  .sportaki-card-compact .sportaki-card-media { width: 100%; border-radius: 0; }
  .sportaki-card-compact .sportaki-card-content { padding: .7rem; }
  .sportaki-team-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sportaki-team-grid-search { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  body.sportaki-next { padding-bottom: 70px; }
  body.sportaki-next.admin-bar .sportaki-site-header { top: 46px; }
  .sportaki-container { width: min(calc(100% - 24px), var(--sportaki-container)); }
  .sportaki-header-inner { min-height: 68px; width: min(calc(100% - 16px), var(--sportaki-container)); gap: .5rem; }
  .sportaki-brand { width: 118px; height: 58px; }
  .sportaki-team-control { display: none; }
  .sportaki-live-button { padding: 0 .7rem; font-size: .72rem; }
  .sportaki-top-stories { grid-template-columns: 1fr; }
  .sportaki-top-lead,
  .sportaki-top-side,
  .sportaki-latest-stack { height: auto; }
  .sportaki-top-lead .sportaki-card-media { min-height: 0; aspect-ratio: 16/10; }
  .sportaki-top-side { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: none; }
  .sportaki-top-side > .sportaki-card { display: block; height: auto; }
  .sportaki-top-side .sportaki-card-media { height: auto; aspect-ratio: 16/9; }
  .sportaki-latest-stack { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sportaki-category-feature { grid-template-columns: 1fr; }
  .sportaki-category-small-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sportaki-card-small { display: block; }
  .sportaki-card-small .sportaki-card-media { aspect-ratio: 16/9; }
  .sportaki-match-grid { grid-template-columns: 1fr; }
  .sportaki-schedule-items { grid-template-columns: 1fr; }
  .sportaki-card-grid-4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sportaki-archive-featured { grid-template-columns: 1fr; }
  .sportaki-team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sportaki-team-picker-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sportaki-team-hero { min-height: 400px; }
  .sportaki-team-hero-content { flex-direction: column; align-items: flex-start; }
  .sportaki-team-hero-logo { width: 150px; height: 150px; }
  .sportaki-team-hero-content h1 { font-size: clamp(3rem, 14vw, 6rem); }
  .sportaki-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sportaki-bottom-nav {
    position: fixed;
    z-index: 8999;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    min-height: 66px;
    padding-bottom: env(safe-area-inset-bottom);
    border-top: 1px solid var(--sportaki-border);
    background: rgba(4,9,20,.96);
    backdrop-filter: blur(16px);
    transition: transform var(--sportaki-transition);
  }
  .sportaki-bottom-nav.is-hidden { transform: translateY(110%); }
  .sportaki-bottom-nav a,
  .sportaki-bottom-nav button { display: grid; place-content: center; justify-items: center; gap: .1rem; min-width: 0; padding: .35rem .15rem; border: 0; background: none; color: var(--sportaki-muted); font-size: .66rem; cursor: pointer; }
  .sportaki-bottom-nav span[aria-hidden] { font-size: 1.05rem; color: #dce7f4; }
  .sportaki-consent-banner { bottom: 78px; flex-direction: column; align-items: stretch; }
  .sportaki-consent-actions { justify-content: flex-end; }
}

@media (max-width: 640px) {
  .sportaki-section { padding-block: 2.4rem; }
  .sportaki-section-heading,
  .sportaki-webtv-heading { align-items: flex-start; }
  .sportaki-section-link { font-size: .78rem; }
  .sportaki-live-button { width: 42px; padding: 0; justify-content: center; font-size: 0; }
  .sportaki-live-button .sportaki-live-dot { width: .7rem; height: .7rem; }
  .sportaki-webtv-heading h1 { font-size: clamp(2.25rem, 13vw, 3.7rem); }
  .sportaki-top-side { grid-template-columns: 1fr; }
  .sportaki-latest-stack { grid-template-columns: 1fr; }
  .sportaki-card-compact { display: grid; grid-template-columns: 94px minmax(0,1fr); border: 0; border-top: 1px solid var(--sportaki-border); border-radius: 0; }
  .sportaki-card-compact .sportaki-card-media { width: 94px; }
  .sportaki-card-compact .sportaki-card-content { padding: .25rem 0; }
  .sportaki-category-small-grid { grid-template-columns: 1fr; }
  .sportaki-card-small { display: grid; grid-template-columns: 120px minmax(0,1fr); }
  .sportaki-card-small .sportaki-card-media { aspect-ratio: 1; }
  .sportaki-card-list { grid-template-columns: 120px minmax(0,1fr); min-height: 120px; }
  .sportaki-card-list .sportaki-card-media { min-height: 120px; }
  .sportaki-card-list .sportaki-card-content { padding: .8rem; }
  .sportaki-card-list .sportaki-card-title { font-size: 1.05rem; }
  .sportaki-card-list .sportaki-card-excerpt { display: none; }
  .sportaki-card-list .sportaki-card-meta span:last-child,
  .sportaki-card-list .sportaki-card-meta span[aria-hidden] { display: none; }
  .sportaki-card-grid-3,
  .sportaki-card-grid-4 { grid-template-columns: 1fr; }
  .sportaki-archive-feature-grid { grid-template-columns: 1fr; }
  .sportaki-archive-feature-grid .sportaki-card-small { display: grid; }
  .sportaki-article-header { text-align: left; }
  .sportaki-article-meta,
  .sportaki-share-row { justify-content: flex-start; }
  .sportaki-article-featured { width: 100%; }
  .sportaki-article-featured img { border-radius: 0; border-right: 0; border-left: 0; }
  .sportaki-entry-content { font-size: 1rem; line-height: 1.75; }
  .sportaki-team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
  .sportaki-team-card { padding: .7rem; }
  .sportaki-team-card img { width: 105px; height: 105px; }
  .sportaki-team-card h2 { font-size: 1rem; }
  .sportaki-team-picker-grid { grid-template-columns: 1fr 1fr; }
  .sportaki-picker-team { display: grid; justify-items: center; text-align: center; }
  .sportaki-picker-team img { width: 56px; height: 56px; }
  .sportaki-my-team-identity { gap: .75rem; }
  .sportaki-my-team-identity img { width: 58px; height: 58px; }
  .sportaki-my-team-identity strong { font-size: clamp(1.8rem, 10vw, 2.6rem); }
  .sportaki-my-team-posts { grid-template-columns: 1fr; }
  .sportaki-team-webtv-list { grid-template-columns: 1fr; }
  .sportaki-footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .sportaki-footer-bottom { flex-direction: column; }
  .sportaki-search-form { flex-direction: column; }
  .sportaki-search-form .sportaki-btn { width: 100%; }
  .sportaki-consent-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sportaki-consent-actions .sportaki-btn-primary { grid-column: 1 / -1; }
  .sportaki-consent-row { align-items: flex-start; }
  .sportaki-team-grid-search { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 380px) {
  .sportaki-header-inner { grid-template-columns: auto auto 1fr; }
  .sportaki-brand { width: 98px; }
  .sportaki-header-actions { gap: .3rem; }
  .sportaki-icon-button,
  .sportaki-menu-toggle,
  .sportaki-live-button { width: 38px; height: 38px; min-height: 38px; }
  .sportaki-card-small { grid-template-columns: 100px minmax(0,1fr); }
  .sportaki-card-list { grid-template-columns: 100px minmax(0,1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .sportaki-global-team-backdrop img { animation: none !important; }
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .js [data-reveal] { opacity: 1; transform: none; }
}

/* v0.1.1 — compact, WebTV-first homepage opening */
.sportaki-webtv-home {
  padding-block: clamp(1rem, 2.2vw, 2rem) clamp(2.25rem, 4vw, 3.5rem);
  background:
    radial-gradient(circle at 50% -16%, rgba(30, 111, 224, .18), transparent 38rem),
    linear-gradient(180deg, #06101e 0%, #07101f 100%);
}
.sportaki-webtv-home::before { opacity: .45; }
.sportaki-webtv-container { width: min(calc(100% - 32px), 1180px); }
.sportaki-webtv-stage-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .9rem;
}
.sportaki-webtv-stage-title { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.sportaki-webtv-kicker {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .38rem .62rem;
  border: 1px solid rgba(255,59,77,.28);
  border-radius: 999px;
  background: rgba(255,59,77,.075);
  color: #ffd4d9;
  font: 850 .69rem/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .08em;
  white-space: nowrap;
}
.sportaki-webtv-stage-title h1 {
  margin: 0;
  font: 850 clamp(1.35rem, 2.5vw, 2rem)/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: -.02em;
}
.sportaki-webtv-stage-actions { display: flex; align-items: center; gap: .7rem; }
.sportaki-webtv-stage-actions > a:first-child { color: var(--sportaki-muted); font-size: .83rem; font-weight: 800; }
.sportaki-webtv-stage-actions .sportaki-btn { min-height: 38px; padding: .48rem .78rem; border-radius: 999px; font-size: .78rem; }
.sportaki-webtv-player {
  border-radius: 20px;
  box-shadow: 0 20px 55px rgba(0,0,0,.38), 0 0 32px rgba(59,130,246,.1);
}
.sportaki-upcoming-compact {
  margin-top: .85rem;
  padding: .9rem 1rem 1rem;
  border-radius: 15px;
  background: rgba(10,22,40,.72);
}
.sportaki-upcoming-compact .sportaki-upcoming-head { margin-bottom: .65rem; }
.sportaki-upcoming-compact .sportaki-upcoming-head h2 { font-size: 1.05rem; }
.sportaki-home > .sportaki-container > .sportaki-section:first-child { padding-top: clamp(2rem, 4vw, 3.4rem); }
.sportaki-brand { width: 168px; height: 66px; }
.sportaki-brand img { filter: drop-shadow(0 0 13px rgba(34,183,255,.28)); }
.sportaki-consent-banner {
  right: 18px;
  bottom: 18px;
  left: auto;
  width: min(560px, calc(100% - 36px));
  margin: 0;
  align-items: flex-start;
  flex-direction: column;
  gap: .75rem;
  padding: .85rem .95rem;
  border-radius: 15px;
}
.sportaki-consent-actions { width: 100%; justify-content: flex-end; }
.sportaki-consent-actions .sportaki-btn { min-height: 38px; padding: .45rem .75rem; font-size: .78rem; }

@media (max-width: 900px) {
  .sportaki-brand { width: 132px; height: 58px; }
  .sportaki-webtv-stage-actions > a:first-child { display: none; }
  .sportaki-consent-banner { bottom: 78px; }
}
@media (max-width: 640px) {
  .sportaki-webtv-home { padding-top: .7rem; }
  .sportaki-webtv-container { width: min(calc(100% - 18px), 1180px); }
  .sportaki-webtv-stage-head { align-items: center; margin-bottom: .65rem; }
  .sportaki-webtv-stage-title { gap: .55rem; }
  .sportaki-webtv-kicker { padding: .34rem .5rem; font-size: .62rem; }
  .sportaki-webtv-stage-title h1 { font-size: 1.25rem; }
  .sportaki-webtv-stage-actions .sportaki-btn { padding-inline: .62rem; font-size: .7rem; }
  .sportaki-webtv-player { border-radius: 14px; }
  .sportaki-upcoming-compact { padding: .8rem; }
  .sportaki-consent-banner { right: 9px; left: 9px; width: auto; }
}

/* v0.1.5 — complete mobile composition aligned with the desktop hierarchy */
@media (max-width: 767px) {
  :root {
    --sportaki-radius: 15px;
    --sportaki-radius-lg: 20px;
  }

  html { scroll-padding-top: 64px; }
  body.sportaki-next {
    padding-bottom: calc(66px + env(safe-area-inset-bottom));
    background-attachment: scroll;
    font-size: 15px;
  }
  body.sportaki-next.admin-bar .sportaki-site-header { top: 46px; }

  /* Global Team Mode remains visible across the full mobile canvas. */
  .sportaki-global-team-backdrop {
    inset: -10vh -45vw;
    transform: rotate(-11deg) scale(1.08);
  }
  body.sportaki-next.has-sportaki-team .sportaki-global-team-backdrop { opacity: .095; }
  .sportaki-global-team-backdrop img {
    width: 180vw;
    height: 112vh;
    object-fit: contain;
    filter: saturate(1.18) contrast(1.06) drop-shadow(0 0 55px color-mix(in srgb, var(--sportaki-team-primary) 42%, transparent));
  }

  .sportaki-container,
  .sportaki-webtv-container {
    width: min(calc(100% - 20px), var(--sportaki-container));
  }
  .sportaki-section { padding-block: 2rem; }
  .sportaki-section + .sportaki-section { border-top-color: color-mix(in srgb, var(--sportaki-team-primary) 18%, var(--sportaki-border)); }
  .sportaki-home > .sportaki-container > .sportaki-section:first-child { padding-top: 1.3rem; }

  /* Header: same desktop priorities, reduced to a clean mobile control row. */
  .sportaki-header-inner {
    width: calc(100% - 12px);
    min-height: 62px;
    grid-template-columns: 42px minmax(92px, 1fr) auto;
    gap: .35rem;
  }
  .sportaki-brand {
    width: 116px;
    height: 54px;
    justify-self: start;
  }
  .sportaki-header-actions { gap: .3rem; }
  .sportaki-icon-button,
  .sportaki-menu-toggle,
  .sportaki-live-button {
    width: 40px;
    height: 40px;
    min-height: 40px;
  }
  .sportaki-menu-toggle { border-radius: 12px; }
  .sportaki-live-button {
    padding: 0;
    justify-content: center;
    font-size: 0;
  }
  .sportaki-live-button .sportaki-live-dot { width: .7rem; height: .7rem; }
  .sportaki-mobile-menu {
    max-height: calc(100dvh - 62px - env(safe-area-inset-bottom));
    overflow-y: auto;
    padding: .55rem 12px 1rem;
    background: color-mix(in srgb, var(--sportaki-bg-deep) 94%, var(--sportaki-team-primary));
    box-shadow: 0 18px 38px rgba(0,0,0,.34);
  }
  .sportaki-mobile-menu-list a {
    padding: .78rem .55rem;
    border-bottom-color: rgba(148,180,222,.13);
    font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    font-size: 1rem;
  }
  .sportaki-mobile-menu-list .sub-menu a { padding-block: .62rem; color: var(--sportaki-muted); font-size: .9rem; }

  /* Compact section titles with the same visual language as desktop. */
  .sportaki-section-heading,
  .sportaki-upcoming-head {
    align-items: flex-end;
    gap: .7rem;
    margin-bottom: 1rem;
  }
  .sportaki-section-heading h2,
  .sportaki-upcoming-head h2 {
    font-size: clamp(1.55rem, 7vw, 2rem);
    line-height: .98;
  }
  .sportaki-section-eyebrow { margin-bottom: .32rem; font-size: .65rem; letter-spacing: .1em; }
  .sportaki-section-link,
  .sportaki-upcoming-head a { font-size: .72rem; white-space: nowrap; }

  /* Top stories: main lead, two secondary stories, then latest news — no old mobile layout. */
  .sportaki-top-stories {
    display: grid;
    grid-template-columns: 1fr;
    gap: .8rem;
  }
  .sportaki-top-lead,
  .sportaki-top-side,
  .sportaki-latest-stack { height: auto; min-height: 0; }
  .sportaki-top-lead > .sportaki-card { height: auto; }
  .sportaki-top-lead .sportaki-card-media {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
  }
  .sportaki-card-hero .sportaki-card-content { padding: 1rem; }
  .sportaki-card-hero .sportaki-card-title { font-size: clamp(1.42rem, 6.5vw, 1.9rem); line-height: 1.04; }
  .sportaki-card-hero .sportaki-card-excerpt { display: none; }
  .sportaki-card-hero .sportaki-card-meta { margin-top: .5rem; color: #bac6d7; }

  .sportaki-top-side {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: .65rem;
  }
  .sportaki-top-side > .sportaki-card,
  .sportaki-card-side {
    display: grid;
    grid-template-columns: minmax(112px, 38%) minmax(0, 1fr);
    grid-template-rows: 1fr;
    min-height: 112px;
    height: auto;
  }
  .sportaki-top-side .sportaki-card-media,
  .sportaki-card-side .sportaki-card-media {
    width: 100%;
    height: 100%;
    min-height: 112px;
    aspect-ratio: auto;
    border-radius: 0;
  }
  .sportaki-card-side .sportaki-card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: .72rem;
  }
  .sportaki-card-side .sportaki-card-category { margin-bottom: .28rem; font-size: .6rem; }
  .sportaki-card-side .sportaki-card-title { font-size: 1.02rem; line-height: 1.12; }
  .sportaki-card-side .sportaki-card-meta { display: flex; margin-top: .42rem; font-size: .66rem; }
  .sportaki-card-side .sportaki-card-meta span:last-child,
  .sportaki-card-side .sportaki-card-meta span[aria-hidden] { display: none; }

  .sportaki-latest-stack {
    display: block;
    padding: .8rem .85rem .35rem;
    border-radius: 15px;
    background: color-mix(in srgb, var(--sportaki-surface) 83%, transparent);
  }
  .sportaki-latest-stack > h2 { margin-bottom: .25rem; font-size: .9rem; }
  .sportaki-card-compact {
    display: grid;
    grid-template-columns: 86px minmax(0,1fr);
    gap: .7rem;
    min-height: 82px;
    padding: .58rem 0;
    border: 0;
    border-top: 1px solid var(--sportaki-border);
    border-radius: 0;
    background: transparent;
  }
  .sportaki-card-compact:first-of-type { border-top: 0; }
  .sportaki-card-compact .sportaki-card-media {
    width: 86px;
    height: 64px;
    aspect-ratio: auto;
    border-radius: 9px;
  }
  .sportaki-card-compact .sportaki-card-content { align-self: center; padding: 0; }
  .sportaki-card-compact .sportaki-card-category { margin-bottom: .2rem; font-size: .58rem; }
  .sportaki-card-compact .sportaki-card-title { font-size: .93rem; line-height: 1.13; }
  .sportaki-card-compact .sportaki-card-meta { margin-top: .28rem; font-size: .63rem; }
  .sportaki-card-compact .sportaki-card-meta span:last-child,
  .sportaki-card-compact .sportaki-card-meta span[aria-hidden] { display: none; }

  /* WebTV remains second, but is now a self-contained mobile stage. */
  .sportaki-webtv-home {
    padding: 1.25rem 0 2rem;
    background:
      radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--sportaki-team-primary) 22%, transparent), transparent 27rem),
      linear-gradient(180deg, rgba(5,14,27,.96), rgba(5,13,25,.98));
  }
  .sportaki-webtv-stage-head {
    align-items: center;
    gap: .6rem;
    margin-bottom: .72rem;
  }
  .sportaki-webtv-stage-title { gap: .45rem; }
  .sportaki-webtv-kicker { padding: .32rem .46rem; font-size: .57rem; letter-spacing: .065em; }
  .sportaki-webtv-stage-title h1 { font-size: 1.18rem; }
  .sportaki-webtv-stage-actions .sportaki-btn {
    min-height: 36px;
    padding: .42rem .58rem;
    font-size: .67rem;
  }
  .sportaki-webtv-player-wrap,
  .sportaki-webtv-player {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .sportaki-webtv-player {
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(0,0,0,.36), 0 0 24px color-mix(in srgb, var(--sportaki-team-primary) 11%, transparent);
  }
  .sportaki-webtv-player iframe,
  .sportaki-webtv-player video,
  body.sportaki-next #sportaki-tv-wrapper,
  body.sportaki-next .stv-player-shell,
  body.sportaki-next .stv-player-shell iframe,
  body.sportaki-next .stv-player-shell video {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.sportaki-next .stv-titlebar { padding-inline: .65rem !important; }
  body.sportaki-next .stv-cards-wrap { padding: .6rem !important; }
  body.sportaki-next .stv-card { min-width: 0 !important; }
  .sportaki-live-disclaimer { padding: .65rem .75rem; font-size: .68rem; line-height: 1.4; }
  .sportaki-upcoming-compact {
    margin-top: .7rem;
    padding: .72rem;
    border-radius: 13px;
  }
  .sportaki-schedule-preview,
  .sportaki-schedule-items { grid-template-columns: 1fr; gap: .5rem; }
  .sportaki-schedule-item { padding: .7rem; }

  /* Team section and global team palette use the same visual system as desktop. */
  .sportaki-my-team-home {
    min-height: 0;
    margin-top: 1.25rem;
    padding: 1rem;
    border-radius: 18px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--sportaki-team-primary) 20%, #07101f), color-mix(in srgb, #07101f 92%, var(--sportaki-team-secondary)) 72%);
  }
  .sportaki-my-team-content h2 { font-size: clamp(1.65rem, 8vw, 2.35rem); }
  .sportaki-my-team-posts { grid-template-columns: 1fr; gap: .5rem; }
  .sportaki-my-team-post { padding: .72rem; }

  /* Category sections: one lead story followed by four compact stories. */
  .sportaki-category-feature { display: grid; grid-template-columns: 1fr; gap: .7rem; }
  .sportaki-category-feature > .sportaki-card-standard .sportaki-card-media { aspect-ratio: 16 / 9; }
  .sportaki-category-feature > .sportaki-card-standard .sportaki-card-content { padding: .85rem; }
  .sportaki-category-feature > .sportaki-card-standard .sportaki-card-title { font-size: 1.28rem; }
  .sportaki-category-feature > .sportaki-card-standard .sportaki-card-excerpt { margin-top: .5rem; font-size: .82rem; line-height: 1.45; }
  .sportaki-category-small-grid { display: grid; grid-template-columns: 1fr; gap: .55rem; }
  .sportaki-card-small {
    display: grid;
    grid-template-columns: 112px minmax(0,1fr);
    min-height: 88px;
  }
  .sportaki-card-small .sportaki-card-media {
    width: 112px;
    height: 100%;
    min-height: 88px;
    aspect-ratio: auto;
  }
  .sportaki-card-small .sportaki-card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: .65rem;
  }
  .sportaki-card-small .sportaki-card-category { margin-bottom: .22rem; font-size: .58rem; }
  .sportaki-card-small .sportaki-card-title { font-size: .94rem; line-height: 1.14; }
  .sportaki-card-small .sportaki-card-meta { margin-top: .32rem; font-size: .62rem; }
  .sportaki-card-small .sportaki-card-meta span:last-child,
  .sportaki-card-small .sportaki-card-meta span[aria-hidden] { display: none; }

  /* Poll, support and ads never create horizontal or oversized blocks. */
  .sportaki-poll-home .sportaki-section-heading { margin-bottom: .8rem; }
  .sportaki-poll-empty { min-height: 105px; padding: 1rem; }
  .sportaki-ad-slot {
    max-width: 100%;
    min-height: 94px;
    margin-block: 1.1rem;
    padding: .35rem 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  .sportaki-ad-slot .adsbygoogle,
  .sportaki-ad-slot ins { width: 100% !important; max-width: 100% !important; overflow: hidden; }
  .sportaki-support-home { padding-top: 1rem; }
  body.sportaki-next .sportaki-support-wrap { width: 100% !important; max-width: 100% !important; overflow: hidden; }

  /* Archives, search results and team listings follow the desktop order in one column. */
  .sportaki-archive-shell,
  .sportaki-page-shell { padding-block: 1.1rem 3rem; }
  .sportaki-breadcrumbs { margin-bottom: .8rem; font-size: .7rem; }
  .sportaki-archive-header,
  .sportaki-page-header { margin-bottom: 1.2rem; }
  .sportaki-archive-header h1,
  .sportaki-page-header h1 { font-size: clamp(2rem, 10vw, 3.15rem); line-height: .98; }
  .sportaki-archive-description,
  .sportaki-page-header > p { margin-top: .7rem; font-size: .92rem; line-height: 1.55; }
  .sportaki-filter-chips { margin-inline: -10px; padding-inline: 10px; }
  .sportaki-archive-featured,
  .sportaki-archive-feature-grid { grid-template-columns: 1fr; gap: .65rem; }
  .sportaki-archive-list { gap: .65rem; }
  .sportaki-card-list {
    grid-template-columns: 118px minmax(0,1fr);
    min-height: 112px;
  }
  .sportaki-card-list .sportaki-card-media { min-height: 112px; }
  .sportaki-card-list .sportaki-card-content { padding: .7rem; }
  .sportaki-card-list .sportaki-card-title { font-size: 1rem; }
  .sportaki-card-list .sportaki-card-excerpt { display: none; }
  .sportaki-load-more { width: 100%; min-width: 0; }

  /* Article pages: wide visual impact, readable text and touch-friendly sharing. */
  .sportaki-article-head-wrap { padding-top: .9rem; }
  .sportaki-article-header { margin-bottom: 1.1rem; text-align: left; }
  .sportaki-article-header h1 {
    margin-top: .25rem;
    font-size: clamp(2rem, 10.5vw, 3.25rem);
    line-height: .98;
    letter-spacing: -.035em;
  }
  .sportaki-article-deck { margin-top: .7rem; font-size: 1rem; line-height: 1.45; }
  .sportaki-article-meta { justify-content: flex-start; gap: .3rem .58rem; margin-top: .72rem; font-size: .7rem; }
  .sportaki-share-row {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-inline: -10px;
    padding: 0 10px .2rem;
    scrollbar-width: none;
  }
  .sportaki-share-row a,
  .sportaki-share-row button { flex: 0 0 auto; min-height: 38px; padding: .42rem .66rem; }
  .sportaki-article-featured { width: 100%; margin-bottom: 1.2rem; }
  .sportaki-article-featured img { border-right: 0; border-left: 0; border-radius: 0; box-shadow: 0 14px 34px rgba(0,0,0,.28); }
  .sportaki-article-featured figcaption { padding-inline: 10px; }
  .sportaki-article-body { width: 100%; }
  .sportaki-entry-content { font-size: 1rem; line-height: 1.74; }
  .sportaki-entry-content h2 { margin-top: 1.8rem; font-size: 1.55rem; }
  .sportaki-entry-content h3 { margin-top: 1.45rem; font-size: 1.3rem; }
  .sportaki-entry-content figure,
  .sportaki-entry-content .sportaki-external-embed { margin-inline: -10px; }
  .sportaki-entry-content figure img,
  .sportaki-external-embed { border-radius: 0; }
  .sportaki-after-article { padding-bottom: 3rem; }

  /* Team pages and picker become compact without losing the large identity treatment. */
  .sportaki-team-grid,
  .sportaki-team-grid-search { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
  .sportaki-team-card { padding: .65rem; border-radius: 14px; }
  .sportaki-team-card img { width: 88px; height: 88px; }
  .sportaki-team-card h2 { min-height: 2em; margin: .15rem 0 .55rem; font-size: .94rem; }
  .sportaki-team-card button { padding: .5rem .35rem; font-size: .68rem; }
  .sportaki-team-hero { min-height: 360px; }
  .sportaki-team-hero-mark { right: -42%; width: 145vw; opacity: .1; }
  .sportaki-team-hero-content { flex-direction: column; align-items: flex-start; gap: .75rem; padding-block: 2rem; }
  .sportaki-team-hero-logo { width: 120px; height: 120px; }
  .sportaki-team-hero-content h1 { font-size: clamp(2.7rem, 15vw, 4.7rem); }
  .sportaki-team-dialog,
  .sportaki-consent-dialog { place-items: end center; padding: 0; }
  .sportaki-team-dialog-panel,
  .sportaki-consent-panel {
    width: 100%;
    max-height: min(91dvh, 820px);
    padding: 1rem 12px calc(1rem + env(safe-area-inset-bottom));
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 20px 20px 0 0;
  }
  .sportaki-team-dialog-panel header h2,
  .sportaki-consent-panel h2 { padding-right: 42px; font-size: 1.75rem; }
  .sportaki-team-dialog-panel header p,
  .sportaki-consent-panel > p { margin-block: .5rem; font-size: .82rem; }
  .sportaki-dialog-close { top: 10px; right: 10px; width: 38px; height: 38px; }
  .sportaki-team-tabs { margin: .85rem 0; }
  .sportaki-team-picker-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; }
  .sportaki-picker-team { display: grid; justify-items: center; gap: .35rem; padding: .58rem .35rem; text-align: center; }
  .sportaki-picker-team img { width: 52px; height: 52px; }
  .sportaki-picker-team span { width: 100%; font-size: .72rem; line-height: 1.15; white-space: normal; }

  /* Search dialog uses the available mobile height and avoids keyboard overflow. */
  .sportaki-search-dialog { align-items: start; padding: max(70px, 12vh) 12px 12px; }
  .sportaki-search-dialog-inner > img { width: 132px; height: 72px; }
  .sportaki-search-dialog-inner > p { margin: .35rem 0 0; font-size: .9rem; }
  .sportaki-search-form { flex-direction: column; gap: .5rem; margin-top: .9rem; }
  .sportaki-search-form input { min-height: 50px; }
  .sportaki-search-form .sportaki-btn { width: 100%; }

  /* Footer and persistent mobile navigation. */
  .sportaki-footer-grid {
    width: calc(100% - 20px);
    grid-template-columns: 1fr;
    gap: 1.35rem;
    padding-block: 2.2rem;
  }
  .sportaki-footer-brand img { width: 170px; height: 82px; }
  .sportaki-footer-bottom {
    width: calc(100% - 20px);
    flex-direction: column;
    gap: .2rem;
    padding: .85rem 0;
  }
  .sportaki-bottom-nav {
    min-height: calc(62px + env(safe-area-inset-bottom));
    background: color-mix(in srgb, var(--sportaki-bg-deep) 94%, transparent);
    border-top-color: color-mix(in srgb, var(--sportaki-team-primary) 24%, var(--sportaki-border));
    box-shadow: 0 -10px 30px rgba(0,0,0,.28);
  }
  .sportaki-bottom-nav a,
  .sportaki-bottom-nav button { min-height: 62px; font-size: .62rem; }
  .sportaki-bottom-nav span[aria-hidden] { font-size: 1.1rem; }

  /* Cookie notice behaves like a compact bottom sheet above the nav. */
  .sportaki-consent-banner {
    right: 8px;
    bottom: calc(70px + env(safe-area-inset-bottom));
    left: 8px;
    width: auto;
    max-height: calc(100dvh - 92px);
    overflow-y: auto;
    gap: .55rem;
    padding: .75rem;
    border-radius: 14px;
  }
  .sportaki-consent-copy p { margin: .22rem 0 0; font-size: .73rem; line-height: 1.4; }
  .sportaki-consent-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .4rem; }
  .sportaki-consent-actions .sportaki-btn { min-height: 38px; padding: .42rem .45rem; font-size: .7rem; }
  .sportaki-consent-actions .sportaki-btn-primary { grid-column: 1 / -1; }
}

@media (max-width: 389px) {
  .sportaki-header-inner { grid-template-columns: 40px minmax(82px,1fr) auto; }
  .sportaki-brand { width: 101px; }
  .sportaki-header-actions > .sportaki-icon-button { display: none; }
  .sportaki-top-side > .sportaki-card,
  .sportaki-card-side { grid-template-columns: 104px minmax(0,1fr); }
  .sportaki-card-small { grid-template-columns: 100px minmax(0,1fr); }
  .sportaki-card-small .sportaki-card-media { width: 100px; }
  .sportaki-card-list { grid-template-columns: 104px minmax(0,1fr); }
  .sportaki-card-compact { grid-template-columns: 78px minmax(0,1fr); }
  .sportaki-card-compact .sportaki-card-media { width: 78px; height: 59px; }
  .sportaki-team-card img { width: 76px; height: 76px; }
}

/* v0.1.6 — subtle lead-image motion and cleaner mobile featured story */
@keyframes sportaki-lead-pan-zoom {
  0% { transform: scale(1.015) translate3d(0, 0, 0); }
  46% { transform: scale(1.065) translate3d(-1.8%, -.35%, 0); }
  54% { transform: scale(1.065) translate3d(-1.8%, -.35%, 0); }
  100% { transform: scale(1.025) translate3d(1.15%, .2%, 0); }
}

.sportaki-top-lead .sportaki-card-image {
  will-change: transform;
  animation: sportaki-lead-pan-zoom 17s ease-in-out infinite alternate;
  transform-origin: 52% 48%;
}
.sportaki-top-lead .sportaki-card:hover .sportaki-card-image {
  animation-play-state: paused;
}

@media (max-width: 767px) {
  /* The lead story becomes a clean editorial card: image first, text below. */
  .sportaki-top-lead .sportaki-card-hero {
    display: block;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--sportaki-team-primary) 24%, var(--sportaki-border));
    background: color-mix(in srgb, var(--sportaki-surface) 94%, #050b14);
    box-shadow: 0 16px 36px rgba(0,0,0,.22);
  }
  .sportaki-top-lead .sportaki-card-hero .sportaki-card-media {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
    border-radius: 0;
  }
  .sportaki-top-lead .sportaki-card-hero .sportaki-card-media::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 22%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(3,9,18,.22));
  }
  .sportaki-top-lead .sportaki-card-hero .sportaki-card-content {
    position: static;
    inset: auto;
    padding: .95rem 1rem 1rem;
    background: transparent;
  }
  .sportaki-top-lead .sportaki-card-hero .sportaki-card-category {
    margin-bottom: .38rem;
    font-size: .67rem;
  }
  .sportaki-top-lead .sportaki-card-hero .sportaki-card-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: clamp(1.34rem, 6vw, 1.72rem);
    line-height: 1.08;
  }
  .sportaki-top-lead .sportaki-card-hero .sportaki-card-excerpt {
    display: -webkit-box;
    overflow: hidden;
    margin-top: .58rem;
    color: var(--sportaki-muted);
    font-size: .86rem;
    line-height: 1.48;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .sportaki-top-lead .sportaki-card-hero .sportaki-card-meta {
    margin-top: .62rem;
    color: var(--sportaki-soft);
    font-size: .68rem;
  }
  .sportaki-top-lead .sportaki-card-hero:hover {
    transform: none;
  }
  .sportaki-top-lead .sportaki-card-image {
    animation-duration: 20s;
    transform-origin: 56% 46%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sportaki-top-lead .sportaki-card-image {
    animation: none !important;
    transform: none !important;
  }
}

/* Performance: skip layout/paint work for sections that start well below the fold. */
@supports (content-visibility: auto) {
  .sportaki-home .sportaki-category-home,
  .sportaki-home .sportaki-poll-home,
  .sportaki-home .sportaki-epikairotita-home,
  .sportaki-home .sportaki-support-home {
    content-visibility: auto;
    contain-intrinsic-size: 760px;
  }
}

/* =========================================================
   KARAGO Sportaki 1.0.0 — editorial headlines + mobile UX
   ========================================================= */
.sportaki-home-ticker {
  position: relative;
  z-index: 20;
}
.sportaki-headlines-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
  gap: 1rem;
  align-items: stretch;
}
.sportaki-headline-stage {
  position: relative;
  min-width: 0;
  min-height: 620px;
  overflow: hidden;
  border: 1px solid var(--sportaki-border-strong);
  border-radius: 22px;
  background: #050b14;
  box-shadow: var(--sportaki-shadow);
}
.sportaki-headline-slide {
  position: absolute;
  inset: 0;
  display: block;
  opacity: 0;
  transform: scale(.992);
  transition: opacity .42s ease, transform .55s ease;
}
.sportaki-headline-slide[hidden] { display: block !important; pointer-events: none; }
.sportaki-headline-slide.is-active { opacity: 1; transform: scale(1); pointer-events: auto; }
.sportaki-headline-media {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
}
.sportaki-headline-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2,7,14,.03) 32%, rgba(3,9,18,.38) 60%, rgba(3,9,18,.96) 100%);
}
.sportaki-headline-media > img,
.sportaki-headline-media .sportaki-card-image,
.sportaki-headline-media .sportaki-image-placeholder,
.sportaki-headline-media .sportaki-image-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sportaki-headline-slide.is-active .sportaki-headline-media > img,
.sportaki-headline-slide.is-active .sportaki-headline-media .sportaki-card-image {
  animation: sportaki-lead-pan-zoom 18s ease-in-out infinite alternate;
}
.sportaki-headline-overlay {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  padding: clamp(1.15rem, 3vw, 2.2rem) clamp(1.15rem, 3vw, 2.4rem) 4.4rem;
}
.sportaki-headline-category {
  display: inline-flex;
  margin-bottom: .65rem;
  padding: .38rem .62rem;
  border: 1px solid color-mix(in srgb, var(--sportaki-team-primary) 44%, var(--sportaki-border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--sportaki-team-primary) 17%, rgba(4,10,19,.82));
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.sportaki-headline-overlay h2 {
  max-width: 24ch;
  margin: 0;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(2rem, 3.35vw, 3.45rem);
  line-height: .99;
  letter-spacing: -.026em;
  text-wrap: balance;
}
.sportaki-headline-overlay h2 a { color: #fff; text-shadow: 0 3px 22px rgba(0,0,0,.72); }
.sportaki-headline-overlay p {
  max-width: 68ch;
  margin: .72rem 0 0;
  color: #d1d9e7;
  font-size: .95rem;
  line-height: 1.5;
}
.sportaki-headline-meta { margin-top: .65rem; color: var(--sportaki-soft); font-size: .72rem; }
.sportaki-headline-controls {
  position: absolute;
  z-index: 4;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
}
.sportaki-headline-controls > button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  background: rgba(5,14,27,.76);
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  backdrop-filter: blur(12px);
}
.sportaki-headline-dots { display: flex; align-items: center; justify-content: center; gap: .38rem; }
.sportaki-headline-dots button {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.34);
  cursor: pointer;
  transition: width .2s ease, background .2s ease;
}
.sportaki-headline-dots button.is-active { width: 26px; background: color-mix(in srgb, var(--sportaki-team-primary) 72%, #fff); }

.sportaki-headline-rail {
  display: flex;
  min-height: 620px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--sportaki-border);
  border-radius: 20px;
  background: color-mix(in srgb, var(--sportaki-surface) 95%, #020712);
  box-shadow: 0 14px 36px rgba(0,0,0,.22);
}
.sportaki-headline-rail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .85rem .9rem;
  border-bottom: 1px solid var(--sportaki-border);
}
.sportaki-headline-rail-head strong { font-size: .82rem; text-transform: uppercase; letter-spacing: .045em; }
.sportaki-headline-rail-head span { color: var(--sportaki-soft); font-size: .65rem; }
.sportaki-headline-rail-window {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden auto;
  scrollbar-width: thin;
  scroll-behavior: smooth;
}
.sportaki-headline-rail-track { display: grid; gap: .08rem; padding: .45rem; }
.sportaki-headline-rail-card {
  width: 100%;
  display: grid;
  grid-template-columns: 102px minmax(0,1fr);
  gap: .7rem;
  align-items: center;
  min-height: 88px;
  padding: .46rem;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-align: left;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.sportaki-headline-rail-card:hover,
.sportaki-headline-rail-card.is-active {
  border-color: color-mix(in srgb, var(--sportaki-team-primary) 34%, var(--sportaki-border));
  background: color-mix(in srgb, var(--sportaki-team-primary) 10%, rgba(255,255,255,.025));
}
.sportaki-headline-rail-thumb {
  display: block;
  width: 102px;
  height: 70px;
  overflow: hidden;
  border-radius: 9px;
  background: #091321;
}
.sportaki-headline-rail-thumb img,
.sportaki-headline-rail-thumb .sportaki-image-placeholder { width: 100%; height: 100%; object-fit: cover; }
.sportaki-headline-rail-copy { min-width: 0; display: grid; gap: .35rem; }
.sportaki-headline-rail-copy strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: .88rem;
  line-height: 1.12;
}
.sportaki-headline-rail-copy small { color: var(--sportaki-soft); font-size: .64rem; }

/* True collapsible mobile navigation. */
.sportaki-mobile-menu-list > li { position: relative; border-bottom: 1px solid rgba(148,180,222,.12); }
.sportaki-mobile-menu-list > li > a { padding-right: 3rem !important; border-bottom: 0 !important; }
.sportaki-mobile-submenu-toggle {
  position: absolute;
  top: .38rem;
  right: .1rem;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--sportaki-border);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: #fff;
  cursor: pointer;
  font-size: 1.25rem;
}
.sportaki-mobile-menu-list .sub-menu[hidden] { display: none !important; }
.sportaki-mobile-menu-list .sub-menu {
  margin: 0 0 .45rem;
  padding: 0 0 0 .65rem !important;
  border-left: 2px solid color-mix(in srgb, var(--sportaki-team-primary) 35%, transparent) !important;
}

/* Small poll invitation: mobile only, always below overlays and above bottom navigation. */
.sportaki-mobile-poll-chip { display: none; }

@media (max-width: 1100px) {
  .sportaki-headlines-layout { grid-template-columns: minmax(0,1fr) 300px; }
  .sportaki-headline-stage, .sportaki-headline-rail { min-height: 540px; }
  .sportaki-headline-rail-card { grid-template-columns: 86px minmax(0,1fr); }
  .sportaki-headline-rail-thumb { width: 86px; height: 62px; }
}

@media (max-width: 900px) {
  .sportaki-headlines-layout { grid-template-columns: 1fr; }
  .sportaki-headline-stage { min-height: 0; aspect-ratio: 16 / 11; }
  .sportaki-headline-rail { display: none; }
  .sportaki-headline-overlay { padding: 1rem 1rem 3.7rem; }
  .sportaki-headline-overlay h2 { max-width: 100%; font-size: clamp(1.55rem, 6.8vw, 2.25rem); line-height: 1.02; }
  .sportaki-headline-overlay p { display: none; }
  .sportaki-headline-category { margin-bottom: .4rem; padding: .3rem .48rem; font-size: .61rem; }
  .sportaki-headline-meta { margin-top: .45rem; font-size: .64rem; }
  .sportaki-headline-controls { right: .65rem; bottom: .55rem; left: .65rem; }
  .sportaki-headline-controls > button { width: 34px; height: 34px; }

  .sportaki-poll-home { display: none; }
  .sportaki-mobile-poll-chip {
    position: fixed;
    z-index: 650;
    right: 10px;
    bottom: calc(72px + env(safe-area-inset-bottom));
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--sportaki-team-primary) 38%, var(--sportaki-border));
    border-radius: 999px;
    background: color-mix(in srgb, #07101f 93%, var(--sportaki-team-primary));
    box-shadow: 0 12px 28px rgba(0,0,0,.36);
    backdrop-filter: blur(16px);
  }
  .sportaki-mobile-poll-chip[hidden] { display: none !important; }
  .sportaki-mobile-poll-chip > a {
    display: flex;
    align-items: center;
    gap: .38rem;
    min-height: 42px;
    padding: .46rem .2rem .46rem .72rem;
    color: #fff;
    font-size: .68rem;
  }
  .sportaki-mobile-poll-chip > a strong { font-size: .72rem; }
  .sportaki-mobile-poll-chip > a span:last-child { color: var(--sportaki-muted); }
  .sportaki-mobile-poll-chip > button {
    width: 34px;
    height: 34px;
    margin-right: .22rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--sportaki-soft);
    cursor: pointer;
    font-size: 1rem;
  }

  /* The news-current-affairs block intentionally remains near the end of the homepage. */
  .sportaki-epikairotita-home { order: 99; }
}

@media (max-width: 520px) {
  .sportaki-headline-stage { aspect-ratio: 4 / 5; max-height: 620px; }
  .sportaki-headline-media::after { background: linear-gradient(180deg, rgba(2,7,14,.02) 24%, rgba(3,9,18,.34) 52%, rgba(3,9,18,.98) 100%); }
  .sportaki-headline-overlay h2 { font-size: clamp(1.45rem, 7.1vw, 1.95rem); }
  .sportaki-headline-overlay { padding: .85rem .9rem 3.6rem; }
  .sportaki-headline-dots button { width: 6px; height: 6px; }
  .sportaki-headline-dots button.is-active { width: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .sportaki-headline-slide,
  .sportaki-headline-rail-window { scroll-behavior: auto !important; transition: none !important; }
  .sportaki-headline-slide.is-active .sportaki-headline-media > img,
  .sportaki-headline-slide.is-active .sportaki-headline-media .sportaki-card-image { animation: none !important; }
}

/* ==========================================================
   v1.0.2 — mobile WebTV presentation + viewport-stability fix
   The Core remains authoritative; these rules only reshape its
   existing markup on narrow screens.
   ========================================================== */
@media (max-width: 700px) {
  /* The theme already labels the homepage stage as Sportaki WebTV. */
  .sportaki-webtv-home .stv-titlebar { display: none !important; }

  .sportaki-webtv-home #sportaki-tv-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* Keep a true 16:9 stage instead of letting legacy controls make it feel tall. */
  .sportaki-webtv-home .stv-player-shell {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    border-radius: 12px !important;
  }
  .sportaki-webtv-home .stv-player-shell iframe,
  .sportaki-webtv-home .stv-player-shell video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* Preserve the click-to-enable overlay, but make it one small unobtrusive control. */
  .sportaki-webtv-home .stv-overlay {
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding: .55rem !important;
    background: linear-gradient(180deg, transparent 52%, rgba(0,0,0,.58)) !important;
  }
  .sportaki-webtv-home .stv-overlay-inner {
    width: auto !important;
    max-width: calc(100% - 3.6rem) !important;
    padding: .4rem .58rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(127,195,255,.42) !important;
    background: rgba(3,10,25,.78) !important;
    backdrop-filter: blur(5px) !important;
  }
  .sportaki-webtv-home .stv-overlay-logo { display: none !important; }
  .sportaki-webtv-home .stv-overlay-text {
    font-size: 0 !important;
    line-height: 1 !important;
  }
  .sportaki-webtv-home .stv-overlay-text::after {
    content: "▶ Πατήστε για προβολή";
    display: block;
    font-size: .68rem;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: .02em;
    color: #fff;
  }

  /* Fullscreen is an icon, not a second banner over the video. */
  .sportaki-webtv-home .stv-fullscreen-btn {
    top: .5rem !important;
    right: .5rem !important;
    left: auto !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    transform: none !important;
    font-size: 0 !important;
    justify-content: center !important;
    background: rgba(3,10,25,.72) !important;
  }
  .sportaki-webtv-home .stv-fullscreen-btn::before {
    margin: 0 !important;
    font-size: 16px !important;
  }
  .sportaki-webtv-home .stv-fullscreen-btn:hover,
  .sportaki-webtv-home .stv-fullscreen-btn:active {
    transform: none !important;
  }

  .sportaki-webtv-home .stv-live-indicator {
    top: .55rem !important;
    left: .55rem !important;
    transform: none !important;
    padding: .3rem .48rem !important;
    font-size: .58rem !important;
  }
  .sportaki-webtv-home .stv-live-indicator.stv-live-on { transform: none !important; }
  .sportaki-webtv-home .stv-logo-watermark {
    right: .45rem !important;
    bottom: .45rem !important;
    opacity: .32 !important;
  }
  .sportaki-webtv-home .stv-logo-watermark img { max-width: 52px !important; }

  /* NOW / NEXT become compact text rows below the player. */
  .sportaki-webtv-home .stv-cards-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
    margin-top: .55rem !important;
    padding: 0 !important;
  }
  .sportaki-webtv-home .stv-card {
    min-height: 0 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
  }
  .sportaki-webtv-home .stv-card-left {
    width: 100% !important;
    padding: .58rem .68rem !important;
  }
  .sportaki-webtv-home .stv-card-right { display: none !important; }
  .sportaki-webtv-home .stv-card-top {
    gap: .42rem !important;
    margin-bottom: .28rem !important;
    flex-wrap: nowrap !important;
  }
  .sportaki-webtv-home .stv-pill {
    flex: 0 0 auto !important;
    padding: .25rem .44rem !important;
    font-size: .56rem !important;
  }
  .sportaki-webtv-home .stv-card-time {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .64rem !important;
  }
  .sportaki-webtv-home .stv-card-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: .82rem !important;
    line-height: 1.25 !important;
  }
  .sportaki-webtv-home .stv-card-meta {
    margin-top: .2rem !important;
    white-space: normal !important;
    font-size: .62rem !important;
  }

  .sportaki-webtv-home .stv-change-live-btn {
    top: .5rem !important;
    left: .5rem !important;
    right: auto !important;
    padding: .32rem .48rem !important;
    font-size: .58rem !important;
  }
}

/* ==========================================================
   v1.0.3 — compact continuous latest-news flow
   Current Affairs is excluded server-side and remains in its
   dedicated Epikairotita section later on the homepage.
   ========================================================== */
.sportaki-news-flow {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: stretch;
  min-height: 52px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--sportaki-border-strong);
  border-radius: 16px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--sportaki-team-primary) 13%, #07101f), #07101f 34%, #07101f);
  box-shadow: 0 10px 28px rgba(0,0,0,.2);
}
.sportaki-news-flow-label {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0 1rem;
  border-right: 1px solid var(--sportaki-border-strong);
  background: color-mix(in srgb, var(--sportaki-team-primary) 18%, #07101f);
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .055em;
  white-space: nowrap;
}
.sportaki-news-flow-label > span {
  color: var(--sportaki-team-secondary);
  font-size: .68rem;
  filter: drop-shadow(0 0 7px color-mix(in srgb, var(--sportaki-team-secondary) 65%, transparent));
}
.sportaki-news-flow-viewport {
  min-width: 0;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent 0, #000 2.2rem, #000 calc(100% - 2.2rem), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 2.2rem, #000 calc(100% - 2.2rem), transparent 100%);
}
.sportaki-news-flow-track {
  display: flex;
  width: max-content;
  min-width: max-content;
  will-change: transform;
  animation: sportaki-news-flow-scroll var(--sportaki-flow-duration, 60s) linear infinite;
}
.sportaki-news-flow-group {
  display: flex;
  flex: none;
  align-items: center;
  gap: 2rem;
  padding-right: 2rem;
}
.sportaki-news-flow-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  color: #fff;
  font-size: .86rem;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
}
.sportaki-news-flow-item::after {
  content: "•";
  position: absolute;
  right: -1.2rem;
  color: var(--sportaki-soft);
  opacity: .65;
}
.sportaki-news-flow-item:hover,
.sportaki-news-flow-item:focus-visible {
  color: var(--sportaki-team-secondary);
}
.sportaki-news-flow:hover .sportaki-news-flow-track,
.sportaki-news-flow:focus-within .sportaki-news-flow-track {
  animation-play-state: paused;
}
@keyframes sportaki-news-flow-scroll {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-50%,0,0); }
}

@media (max-width: 700px) {
  .sportaki-news-flow {
    grid-template-columns: 1fr;
    min-height: 0;
    border-radius: 14px;
  }
  .sportaki-news-flow-label {
    justify-content: center;
    min-height: 30px;
    padding: 0 .75rem;
    border-right: 0;
    border-bottom: 1px solid var(--sportaki-border-strong);
    font-size: .64rem;
  }
  .sportaki-news-flow-item {
    min-height: 42px;
    font-size: .79rem;
  }
  .sportaki-news-flow-group { gap: 1.6rem; padding-right: 1.6rem; }
  .sportaki-news-flow-item::after { right: -.95rem; }
  .sportaki-news-flow-viewport {
    mask-image: linear-gradient(90deg, transparent 0, #000 1rem, #000 calc(100% - 1rem), transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1rem, #000 calc(100% - 1rem), transparent 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sportaki-news-flow-viewport { overflow-x: auto; }
  .sportaki-news-flow-track { animation: none !important; transform: none !important; }
  .sportaki-news-flow-group[aria-hidden="true"] { display: none; }
}

/* Network Bridge 3.x — remote Alithenia editorial cards */
.sportaki-card-network .sportaki-card-media { position: relative; overflow: hidden; }
.sportaki-network-badge {
  position: absolute;
  z-index: 3;
  top: .65rem;
  right: .65rem;
  display: inline-flex;
  align-items: center;
  padding: .28rem .52rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(39,12,48,.86);
  color: #fff;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 1;
  box-shadow: 0 5px 18px rgba(0,0,0,.25);
  backdrop-filter: blur(8px);
}
.sportaki-network-filters { margin-bottom: 1.2rem; }
.sportaki-pagination { display:flex; flex-wrap:wrap; gap:.45rem; justify-content:center; margin-top:2rem; }
.sportaki-pagination .page-numbers { display:inline-flex; min-width:38px; min-height:38px; align-items:center; justify-content:center; border:1px solid var(--sportaki-border); border-radius:10px; background:var(--sportaki-surface); color:var(--sportaki-text); text-decoration:none; }
.sportaki-pagination .page-numbers.current { border-color:var(--sportaki-blue); color:#fff; background:color-mix(in srgb,var(--sportaki-blue) 35%,var(--sportaki-surface)); }

/* ==========================================================
   v1.1.0 — SPORTAKI LIGHT STEEL / FAMILY DESIGN SYSTEM
   Alithenia sibling language: shared violet, Sportaki blue/cyan.
   ========================================================== */

/* Global light-first shell. Team Mode tints accents only; it never forces a mode. */
body.sportaki-next {
  background:
    radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--sportaki-team-primary) 8%, transparent), transparent 34rem),
    radial-gradient(circle at 92% 32%, rgba(113,55,168,.07), transparent 42rem),
    linear-gradient(180deg, var(--sportaki-bg-deep), var(--sportaki-bg) 38%, color-mix(in srgb, var(--sportaki-bg) 96%, var(--sportaki-violet)) 100%);
  color: var(--sportaki-text);
}
:root[data-theme="dark"] body.sportaki-next {
  background:
    radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--sportaki-team-primary) 16%, transparent), transparent 38rem),
    radial-gradient(circle at 88% 42%, rgba(113,55,168,.10), transparent 46rem),
    linear-gradient(145deg, var(--sportaki-bg-deep), var(--sportaki-bg) 44%, #0b1420);
}
body.sportaki-next.has-sportaki-team .sportaki-global-team-backdrop { opacity: .075; }
:root[data-theme="dark"] body.sportaki-next.has-sportaki-team .sportaki-global-team-backdrop { opacity: .11; }

.sportaki-section { padding-block: clamp(2.15rem, 4.2vw, 4.25rem); }
.sportaki-section + .sportaki-section { border-top-color: color-mix(in srgb, var(--sportaki-border) 76%, transparent); }
.sportaki-section-heading { position: relative; margin-bottom: 1.25rem; padding-left: .95rem; }
.sportaki-section-heading::before {
  content: "";
  position: absolute;
  top: .1rem;
  bottom: .1rem;
  left: 0;
  width: 4px;
  border-radius: 999px;
  background: var(--sportaki-gradient-primary);
  box-shadow: 0 0 18px color-mix(in srgb, var(--sportaki-accent) 28%, transparent);
}
.sportaki-section-heading h2 { color: var(--sportaki-text); }
.sportaki-section-eyebrow,
.sportaki-card-category,
.sportaki-article-category,
.sportaki-team-league { color: color-mix(in srgb, var(--sportaki-team-primary) 72%, var(--sportaki-violet)); }
.sportaki-section-link,
.sportaki-upcoming-head a { color: var(--sportaki-muted); }
.sportaki-section-link:hover,
.sportaki-upcoming-head a:hover { color: var(--sportaki-link-hover); }

/* Header remains a dark Sportaki anchor in both modes. */
.sportaki-site-header {
  --sportaki-border: rgba(169,189,213,.22);
  --sportaki-border-strong: rgba(103,183,255,.46);
  --sportaki-muted: #b2c0d1;
  --sportaki-text: #f4f7fb;
  background: color-mix(in srgb, #07101f 91%, transparent);
  border-bottom-color: rgba(103,183,255,.16);
}
body.sportaki-next.has-sportaki-team .sportaki-site-header {
  background: color-mix(in srgb, #07101f 88%, var(--sportaki-team-primary));
}
.sportaki-theme-toggle { color: #dbe7f5; }
.sportaki-theme-toggle[aria-pressed="true"] { border-color: rgba(181,138,224,.58); background: rgba(113,55,168,.18); }
.sportaki-team-button { color: #c7d3e1; }
.sportaki-team-quick-menu { color: #f4f7fb; }
.sportaki-mobile-menu { --sportaki-border: rgba(169,189,213,.20); --sportaki-muted:#b2c0d1; color:#f4f7fb; background:#07101f; }

/* Search, Team picker and consent remain dark utility surfaces for consistency. */
.sportaki-search-dialog,
.sportaki-team-dialog,
.sportaki-consent-dialog,
.sportaki-consent-banner,
.sportaki-site-footer {
  --sportaki-bg: #08111d;
  --sportaki-bg-deep: #050b13;
  --sportaki-surface: #101a28;
  --sportaki-surface-2: #152438;
  --sportaki-surface-3: #1b2c42;
  --sportaki-border: #2c3e55;
  --sportaki-border-strong: #416181;
  --sportaki-text: #f4f7fb;
  --sportaki-muted: #b2c0d1;
  --sportaki-soft: #8495aa;
  color: #f4f7fb;
}
.sportaki-team-dialog-panel header p { color: #b2c0d1; }
.sportaki-team-picker-grid { margin-top: 1.25rem; }
.sportaki-picker-team { background: rgba(255,255,255,.035); color:#f4f7fb; }

/* Cards: editorial white/steel by default; dark mode follows variables. */
.sportaki-card {
  background: var(--sportaki-surface);
  color: var(--sportaki-text);
  box-shadow: 0 8px 28px rgba(34,58,91,.055);
}
:root[data-theme="dark"] .sportaki-card { box-shadow: 0 12px 34px rgba(0,0,0,.18); }
.sportaki-card:hover {
  border-color: color-mix(in srgb, var(--sportaki-team-primary) 48%, var(--sportaki-border));
  box-shadow: 0 18px 42px color-mix(in srgb, var(--sportaki-team-primary) 10%, rgba(34,58,91,.15));
}
.sportaki-card-title { color: var(--sportaki-text); }
.sportaki-card-title a:hover { color: var(--sportaki-link-hover); }
.sportaki-card-excerpt { color: var(--sportaki-muted); }
.sportaki-card-meta { color: var(--sportaki-soft); }
.sportaki-card-hero { color:#f7f9fc; }
.sportaki-card-hero .sportaki-card-title,
.sportaki-card-hero .sportaki-card-category { color:#f7f9fc; }
.sportaki-card-hero .sportaki-card-title a:hover { color:#b8dcff; }
.sportaki-card-hero .sportaki-card-excerpt { color:#d4deeb; }
.sportaki-image-placeholder { background: linear-gradient(135deg, #13243a, #07101f); }
.sportaki-empty-state { background: var(--sportaki-info-bg); color: var(--sportaki-muted); }
.sportaki-empty-state strong { color: var(--sportaki-text); }

/* Homepage cinematic 1 + 4 hero. The lead does not auto-rotate. */
.sportaki-home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.2rem, 2.5vw, 2.15rem) 0 clamp(2rem, 4vw, 3.25rem);
  background:
    radial-gradient(circle at 76% 5%, rgba(113,55,168,.16), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,.42), transparent);
}
:root[data-theme="dark"] .sportaki-home-hero { background: radial-gradient(circle at 76% 5%, rgba(113,55,168,.13), transparent 28rem); }
.sportaki-home-hero-glow {
  position:absolute;
  z-index:-1;
  width:clamp(320px,48vw,760px);
  aspect-ratio:1;
  top:-58%;
  right:-10%;
  border-radius:50%;
  background: conic-gradient(from 30deg, rgba(34,183,255,.22), rgba(59,130,246,.15), rgba(113,55,168,.22), rgba(34,183,255,.22));
  filter: blur(70px);
  animation: sportaki-hero-glow-drift 12s ease-in-out infinite alternate;
  pointer-events:none;
}
.sportaki-home-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.52fr) minmax(380px,.78fr);
  gap:1rem;
  min-height:clamp(540px,63vh,720px);
}
.sportaki-home-lead {
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:clamp(20px,2.2vw,32px);
  background:#07101f;
  box-shadow:0 26px 70px rgba(24,47,78,.24);
}
.sportaki-home-lead::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.16);
  border-radius:inherit;
  box-shadow:inset 0 1px rgba(255,255,255,.16);
}
.sportaki-home-lead-media,
.sportaki-home-lead-media img,
.sportaki-home-lead-media .sportaki-image-placeholder { position:absolute; inset:0; width:100%; height:100%; }
.sportaki-home-lead-media img { object-fit:cover; transform:scale(1.025); animation:sportaki-hero-kenburns 14s ease-in-out infinite alternate; }
.sportaki-home-lead:hover .sportaki-home-lead-media img { animation-play-state:paused; transform:scale(1.075); transition:transform 900ms ease; }
.sportaki-home-lead-shade { position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(3,9,18,.05) 14%,rgba(3,9,18,.32) 48%,rgba(3,9,18,.94) 100%),linear-gradient(90deg,rgba(7,16,31,.55),transparent 62%); }
.sportaki-home-lead-copy { position:absolute; z-index:3; right:0; bottom:0; left:0; max-width:950px; padding:clamp(1.25rem,3.2vw,2.65rem); color:#f7f9fc; }
.sportaki-home-lead-topline { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem .8rem; margin-bottom:.6rem; font:.85rem/1.2 "Roboto Condensed",Arial,sans-serif; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.sportaki-home-lead-topline a { padding:.32rem .58rem; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:rgba(59,130,246,.24); backdrop-filter:blur(8px); }
.sportaki-home-lead-topline > span { color:#b9c8db; }
.sportaki-home-lead h1 { max-width:19ch; margin:0; font:900 clamp(2.1rem,5.3vw,4.75rem)/.95 "Roboto Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:-.038em; text-wrap:balance; }
.sportaki-home-lead h1 a:hover { color:#b9dcff; }
.sportaki-home-lead p { max-width:64ch; margin:.85rem 0 0; color:#d8e3ef; font-size:clamp(.96rem,1.35vw,1.08rem); line-height:1.5; }
.sportaki-home-lead-meta { display:flex; flex-wrap:wrap; gap:.35rem .55rem; margin-top:.8rem; color:#b3c1d2; font-size:.76rem; }
.sportaki-home-hero-stories { display:grid; grid-template-rows:repeat(4,minmax(0,1fr)); gap:.72rem; min-width:0; }
.sportaki-home-hero-story {
  display:grid;
  grid-template-columns:minmax(128px,38%) minmax(0,1fr);
  min-height:0;
  overflow:hidden;
  border:1px solid var(--sportaki-border);
  border-radius:18px;
  background:color-mix(in srgb,var(--sportaki-surface) 96%,var(--sportaki-team-primary));
  box-shadow:0 7px 24px rgba(34,58,91,.055);
  animation-delay:var(--story-delay,0ms);
  transition:transform var(--sportaki-transition),border-color var(--sportaki-transition),box-shadow var(--sportaki-transition);
}
.sportaki-home-hero-story:hover { transform:translateX(-3px); border-color:color-mix(in srgb,var(--sportaki-team-primary) 42%,var(--sportaki-border)); box-shadow:0 15px 34px rgba(34,58,91,.11); }
.sportaki-home-hero-story-media { min-height:0; overflow:hidden; background:#07101f; }
.sportaki-home-hero-story-media img,
.sportaki-home-hero-story-media .sportaki-image-placeholder { width:100%; height:100%; object-fit:cover; }
.sportaki-home-hero-story-media img { transition:transform 650ms cubic-bezier(.2,.7,.2,1); }
.sportaki-home-hero-story:hover img { transform:scale(1.06); }
.sportaki-home-hero-story-copy { align-self:center; min-width:0; padding:.8rem .9rem; }
.sportaki-home-hero-story-copy > span { color:color-mix(in srgb,var(--sportaki-team-primary) 68%,var(--sportaki-violet)); font-size:.65rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.sportaki-home-hero-story h2 { margin:.25rem 0 .38rem; font:850 clamp(.98rem,1.45vw,1.18rem)/1.13 "Roboto Condensed",Arial,sans-serif; letter-spacing:-.012em; text-wrap:pretty; }
.sportaki-home-hero-story time { color:var(--sportaki-soft); font-size:.68rem; }
@keyframes sportaki-hero-kenburns { from{transform:scale(1.025) translate3d(0,0,0)} to{transform:scale(1.075) translate3d(-.8%,.4%,0)} }
@keyframes sportaki-hero-glow-drift { from{transform:translate3d(0,0,0) rotate(0)} to{transform:translate3d(-5%,8%,0) rotate(16deg)} }

/* WebTV remains a self-contained dark subsystem in both modes. */
.sportaki-webtv-home,
.sportaki-webtv-page {
  --sportaki-bg:#07101f;
  --sportaki-bg-deep:#040914;
  --sportaki-surface:#0b1729;
  --sportaki-surface-2:#102039;
  --sportaki-surface-3:#142842;
  --sportaki-border:rgba(148,180,222,.17);
  --sportaki-border-strong:rgba(79,151,255,.34);
  --sportaki-text:#f7f9fc;
  --sportaki-muted:#a8b5c9;
  --sportaki-soft:#75859d;
  --sportaki-link:#77b5ff;
  --sportaki-link-hover:#b58ae0;
  color:#f7f9fc;
}
.sportaki-webtv-home { border-top:1px solid rgba(103,183,255,.16); border-bottom:1px solid rgba(103,183,255,.16); }
.sportaki-webtv-home .sportaki-section-heading::before,
.sportaki-webtv-page .sportaki-section-heading::before { background:linear-gradient(180deg,#22b7ff,#3b82f6); }

/* Compact but not cramped editorial homepage blocks. */
.sportaki-home-content > .sportaki-section { scroll-margin-top:90px; }
.sportaki-home-latest-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:.85rem; }
.sportaki-home-latest-grid > .sportaki-card:nth-child(1),
.sportaki-home-latest-grid > .sportaki-card:nth-child(2) { grid-column:span 6; }
.sportaki-home-latest-grid > .sportaki-card:nth-child(n+3) { grid-column:span 3; display:block; }
.sportaki-home-latest-grid > .sportaki-card:nth-child(n+3) .sportaki-card-media { aspect-ratio:16/10; }
.sportaki-editorial-feature > .sportaki-card-standard .sportaki-card-media { aspect-ratio:16/10; }
.sportaki-category-small-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sportaki-category-small-grid .sportaki-card-small { display:block; }
.sportaki-category-small-grid .sportaki-card-small .sportaki-card-media { aspect-ratio:16/9; }
.sportaki-multisport-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.sportaki-multisport-grid > .sportaki-card:first-child { grid-column:span 2; grid-row:span 2; }
.sportaki-multisport-grid > .sportaki-card:not(:first-child) { display:block; }
.sportaki-multisport-grid > .sportaki-card:not(:first-child) .sportaki-card-media { aspect-ratio:16/9; }
.sportaki-section-note { margin:.8rem 0 0; color:var(--sportaki-soft); font-size:.72rem; }
.sportaki-more-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.sportaki-more-news-grid .sportaki-card-small { display:block; }
.sportaki-more-news-grid .sportaki-card-small .sportaki-card-media { aspect-ratio:16/9; }

/* Alithenia sibling block: same card language, family violet accent. */
.sportaki-network-editorial,
.sportaki-epikairotita-header { --sportaki-accent:#7137a8; --sportaki-accent-2:#c42b83; }
.sportaki-network-editorial { position:relative; margin-inline:calc(clamp(0px,1vw,10px) * -1); padding-inline:clamp(.75rem,1.7vw,1.35rem); border:1px solid color-mix(in srgb,#7137a8 22%,var(--sportaki-border)); border-radius:28px; background:linear-gradient(135deg,color-mix(in srgb,#7137a8 7%,var(--sportaki-surface)),color-mix(in srgb,#3b82f6 4%,var(--sportaki-surface))); }
.sportaki-network-editorial .sportaki-section-heading::before,
.sportaki-epikairotita-header::before { background:linear-gradient(180deg,#3b82f6,#7137a8,#c42b83); }
.sportaki-network-home-feature { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:.85rem; }
.sportaki-network-home-lead > .sportaki-card { height:100%; }
.sportaki-network-home-lead .sportaki-card-media { aspect-ratio:16/9; }
.sportaki-network-home-rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
.sportaki-network-home-rail .sportaki-card-small { display:block; }
.sportaki-network-home-rail .sportaki-card-small .sportaki-card-media { aspect-ratio:16/9; }
.sportaki-network-badge { background:linear-gradient(135deg,rgba(113,55,168,.94),rgba(196,43,131,.88)); }
.sportaki-card-network .sportaki-card-category { color:#7137a8; }
:root[data-theme="dark"] .sportaki-card-network .sportaki-card-category { color:#b58ae0; }


/* Latest ticker gets a light-steel shell; text stays high contrast. */
.sportaki-news-flow { border-color:var(--sportaki-border-strong); background:linear-gradient(90deg,#13243a,#0c1725 42%,#111c2a); box-shadow:0 10px 28px rgba(34,58,91,.12); }
.sportaki-news-flow-label { background:linear-gradient(135deg,#245fb8,#7137a8); border-right-color:rgba(255,255,255,.18); }
.sportaki-news-flow-label > span { color:#67b7ff; }
.sportaki-news-flow-item { color:#f4f7fb; }
.sportaki-news-flow-item:hover { color:#b58ae0; }

/* Current-affairs archive: real newsroom page, not a generic category dump. */
.sportaki-epikairotita-header { position:relative; max-width:none; overflow:hidden; padding:clamp(1.35rem,3vw,2.25rem); border:1px solid color-mix(in srgb,#7137a8 22%,var(--sportaki-border)); border-radius:26px; background:linear-gradient(135deg,color-mix(in srgb,#7137a8 8%,var(--sportaki-surface)),color-mix(in srgb,#3b82f6 5%,var(--sportaki-surface))); }
.sportaki-epikairotita-header::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; }
.sportaki-epikairotita-header h1 { max-width:12ch; }
.sportaki-epikairotita-header p { max-width:72ch; margin:1rem 0 0; color:var(--sportaki-muted); font-size:1.03rem; }
.sportaki-network-filters { margin-top:1.25rem; }
.sportaki-filter-chips a { background:var(--sportaki-surface); color:var(--sportaki-muted); box-shadow:0 3px 12px rgba(34,58,91,.035); }
.sportaki-filter-chips a:hover,
.sportaki-filter-chips a.is-active { border-color:color-mix(in srgb,#7137a8 48%,var(--sportaki-border)); background:color-mix(in srgb,#7137a8 9%,var(--sportaki-surface)); color:var(--sportaki-text); }
.sportaki-network-archive-featured { margin-top:.25rem; }
.sportaki-network-archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; margin-top:1rem; }
.sportaki-network-archive-grid .sportaki-card-standard { height:100%; }
.sportaki-pagination .page-numbers.current { border-color:#7137a8; background:linear-gradient(135deg,#3b82f6,#7137a8); color:#fff; }

/* Article palette contract for Classic Editor content. */
.sportaki-article-deck { color:var(--sportaki-muted); }
.sportaki-author { color:var(--sportaki-text); }
.sportaki-share-row a,
.sportaki-share-row button { background:var(--sportaki-surface); color:var(--sportaki-muted); }
.sportaki-share-row a:hover,
.sportaki-share-row button:hover { color:var(--sportaki-link-hover); }
.sportaki-entry-content { color:var(--sportaki-text); }
.sportaki-entry-content h2,
.sportaki-entry-content h3,
.sportaki-entry-content h4 { color:var(--sportaki-text); }
.sportaki-entry-content h2 { color:var(--sportaki-h2-text); padding:.72rem .9rem; border-left:4px solid var(--sportaki-h2-border); border-radius:0 12px 12px 0; background:var(--sportaki-h2-bg); }
.sportaki-entry-content a { color:var(--sportaki-link); text-decoration-color:color-mix(in srgb,var(--sportaki-link) 46%,transparent); }
.sportaki-entry-content a:hover { color:var(--sportaki-link-hover); }
.sportaki-entry-content blockquote { border-left-color:var(--sportaki-team-primary); color:var(--sportaki-muted); }
.sportaki-entry-content th { background:var(--sportaki-surface-2); color:var(--sportaki-text); }
.sportaki-entry-content td { background:var(--sportaki-article-bg); color:var(--sportaki-text); }
.sportaki-selected-team-cta { background:linear-gradient(135deg,color-mix(in srgb,var(--sportaki-team-primary) 9%,var(--sportaki-surface)),var(--sportaki-surface)); }

/* Team Mode: one club, all sports; canonical club color is a tint, not a mode override. */
.sportaki-my-team-home { min-height:0; background:linear-gradient(135deg,color-mix(in srgb,var(--sportaki-team-primary) 11%,var(--sportaki-surface)),color-mix(in srgb,var(--sportaki-violet) 4%,var(--sportaki-surface))); }
.sportaki-my-team-post { background:color-mix(in srgb,var(--sportaki-surface-2) 92%,var(--sportaki-team-primary)); }
.sportaki-my-team-post small { display:block; margin-bottom:.2rem; color:color-mix(in srgb,var(--sportaki-team-primary) 72%,var(--sportaki-violet)); font-size:.62rem; font-weight:900; text-transform:uppercase; }
.sportaki-my-team-identity:hover strong { color:color-mix(in srgb,var(--sportaki-team-primary) 78%,var(--sportaki-text)); }
.sportaki-team-grid-unified { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sportaki-team-card { background:linear-gradient(180deg,color-mix(in srgb,var(--team-primary,#3b82f6) 5%,var(--sportaki-surface)),var(--sportaki-surface)); color:var(--sportaki-text); }
.sportaki-team-card button { background:var(--sportaki-surface-2); color:var(--sportaki-muted); }
.sportaki-team-card button:hover { color:var(--sportaki-link-hover); }
.sportaki-team-directory-header { max-width:980px; }
.sportaki-team-single .sportaki-team-hero { color:#f7f9fc; }

/* Footer remains dark regardless of content mode. */
.sportaki-site-footer { background:#050b13; }
.sportaki-site-footer .sportaki-footer-brand p,
.sportaki-site-footer li a,
.sportaki-site-footer .sportaki-footer-button { color:#aebbc9; }

/* Mobile-first balance: readable cards, restrained vertical length, intentional swipe rails. */
@media (max-width: 1100px) {
  .sportaki-home-hero-grid { grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); min-height:560px; }
  .sportaki-home-lead h1 { font-size:clamp(2rem,5vw,3.75rem); }
  .sportaki-home-latest-grid > .sportaki-card:nth-child(n+3) { grid-column:span 6; }
  .sportaki-multisport-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sportaki-team-grid-unified { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .sportaki-section { padding-block:2rem; }
  .sportaki-section-heading { margin-bottom:1rem; }
  .sportaki-home-hero { padding-top:.8rem; padding-bottom:1.7rem; }
  .sportaki-home-hero-grid { display:block; min-height:0; }
  .sportaki-home-lead { min-height:clamp(430px,70vh,610px); }
  .sportaki-home-lead-copy { padding:1.2rem; }
  .sportaki-home-lead h1 { max-width:22ch; font-size:clamp(2rem,8.4vw,3.5rem); }
  .sportaki-home-lead p { display:none; }
  .sportaki-home-hero-stories { display:flex; gap:.7rem; margin-top:.8rem; overflow-x:auto; padding:.1rem 1px .6rem; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .sportaki-home-hero-stories::-webkit-scrollbar,
  .sportaki-snap-on-mobile::-webkit-scrollbar { display:none; }
  .sportaki-home-hero-story { flex:0 0 min(78vw,360px); grid-template-columns:128px minmax(0,1fr); min-height:118px; scroll-snap-align:start; }
  .sportaki-home-hero-story:hover { transform:translateY(-2px); }

  .sportaki-home-latest-grid { display:flex; gap:.75rem; overflow-x:auto; padding-bottom:.55rem; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .sportaki-home-latest-grid > .sportaki-card { flex:0 0 min(82vw,390px); scroll-snap-align:start; display:block !important; }
  .sportaki-home-latest-grid > .sportaki-card .sportaki-card-media { aspect-ratio:16/9; }

  .sportaki-editorial-feature,
  .sportaki-network-home-feature { grid-template-columns:1fr; }
  .sportaki-snap-on-mobile,
  .sportaki-category-small-grid.sportaki-snap-on-mobile,
  .sportaki-network-home-rail.sportaki-snap-on-mobile,
  .sportaki-multisport-grid.sportaki-snap-on-mobile,
  .sportaki-more-news-grid.sportaki-snap-on-mobile {
    display:flex;
    gap:.7rem;
    overflow-x:auto;
    padding-bottom:.55rem;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .sportaki-snap-on-mobile > .sportaki-card,
  .sportaki-category-small-grid.sportaki-snap-on-mobile > .sportaki-card,
  .sportaki-network-home-rail.sportaki-snap-on-mobile > .sportaki-card,
  .sportaki-multisport-grid.sportaki-snap-on-mobile > .sportaki-card,
  .sportaki-more-news-grid.sportaki-snap-on-mobile > .sportaki-card {
    flex:0 0 min(76vw,340px);
    scroll-snap-align:start;
    display:block;
  }
  .sportaki-snap-on-mobile .sportaki-card-media { aspect-ratio:16/9 !important; }
  .sportaki-multisport-grid > .sportaki-card:first-child { grid-column:auto; grid-row:auto; }
  .sportaki-network-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sportaki-team-grid-unified { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sportaki-team-picker-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 560px) {
  .sportaki-container { width:min(calc(100% - 20px),var(--sportaki-container)); }
  .sportaki-section { padding-block:1.75rem; }
  .sportaki-section-heading h2 { font-size:clamp(1.55rem,8vw,2.15rem); }
  .sportaki-home-lead { min-height:min(72vh,540px); border-radius:20px; }
  .sportaki-home-lead h1 { font-size:clamp(1.9rem,9vw,2.85rem); }
  .sportaki-home-lead-topline { font-size:.7rem; }
  .sportaki-home-lead-meta { font-size:.68rem; }
  .sportaki-home-hero-story { flex-basis:88vw; }
  .sportaki-home-hero-story-media { min-height:118px; }
  .sportaki-network-editorial { margin-inline:0; padding-inline:.65rem; border-radius:20px; }
  .sportaki-network-archive-grid { grid-template-columns:1fr; }
  .sportaki-network-archive-grid .sportaki-card-standard { display:grid; grid-template-columns:112px minmax(0,1fr); }
  .sportaki-network-archive-grid .sportaki-card-standard .sportaki-card-media { height:100%; min-height:116px; aspect-ratio:auto; }
  .sportaki-network-archive-grid .sportaki-card-standard .sportaki-card-content { padding:.75rem; }
  .sportaki-network-archive-grid .sportaki-card-standard .sportaki-card-excerpt { display:none; }
  .sportaki-team-grid-unified { gap:.65rem; }
  .sportaki-team-card { padding:.7rem; }
  .sportaki-team-card img { width:88px; height:88px; }
  .sportaki-entry-content h2 { padding:.65rem .75rem; border-radius:0 10px 10px 0; }
}

@media (prefers-reduced-motion: reduce) {
  .sportaki-home-lead-media img,
  .sportaki-home-hero-glow { animation:none !important; }
  .sportaki-home-lead:hover .sportaki-home-lead-media img,
  .sportaki-home-hero-story:hover img { transform:none !important; }
}
/* WebTV visual parity guard: keep its established section treatment. */
.sportaki-webtv-home,
.sportaki-webtv-page {
  --sportaki-live:#ff3b4d;
  --sportaki-success:#38d39f;
}
.sportaki-webtv-page .sportaki-section-heading { padding-left:0; }
.sportaki-webtv-page .sportaki-section-heading::before { display:none; }
/* Article paper surface in the new Light Steel system. */
.sportaki-article-body {
  padding:clamp(1.25rem,3vw,2.15rem);
  border:1px solid var(--sportaki-border);
  border-radius:22px;
  background:var(--sportaki-article-bg);
  box-shadow:0 12px 34px rgba(34,58,91,.055);
}
:root[data-theme="dark"] .sportaki-article-body { box-shadow:0 14px 38px rgba(0,0,0,.18); }
.sportaki-alithenia-related .sportaki-section-heading::before { background:linear-gradient(180deg,#3b82f6,#7137a8,#c42b83); }
@media (max-width:560px) {
  .sportaki-article-body { padding:1rem .9rem; border-radius:16px; }
}


/* ==========================================================
   v1.1.1 — sibling masthead + live news flow + hero hierarchy
   Derived from the current Alithenia interaction language while
   preserving Sportaki team controls, WebTV runtime and brand DNA.
   ========================================================== */

/* Alithenia-style two-level header: light/dark masthead, always-dark nav. */
.sportaki-site-header {
  position: sticky;
  z-index: 9000;
  top: 0;
  width: 100%;
  border-bottom: 1px solid var(--sportaki-border);
  background: color-mix(in srgb, var(--sportaki-surface) 93%, transparent);
  box-shadow: 0 12px 35px rgba(22, 35, 54, .07);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  transition: box-shadow .3s ease, background .3s ease;
}
body.admin-bar .sportaki-site-header { top: 32px; }
.sportaki-site-header.is-scrolled { box-shadow: 0 13px 38px rgba(12, 22, 36, .16); }

.sportaki-masthead {
  position: relative;
  display: grid;
  grid-template-columns: minmax(90px,1fr) auto minmax(90px,1fr);
  gap: clamp(20px,4vw,58px);
  align-items: center;
  width: min(1460px,calc(100% - 40px));
  height: 142px;
  margin-inline: auto;
  transition: height .45s cubic-bezier(.2,.7,.2,1);
}
.sportaki-site-header.is-compact .sportaki-masthead { height: 78px; }
.sportaki-masthead-line {
  height: 5px;
  border-block: 1px solid color-mix(in srgb,var(--sportaki-text) 24%,transparent);
  opacity: .62;
  box-shadow: 0 4px 8px rgba(28,43,64,.08);
}
.sportaki-brand {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: 138px;
  isolation: isolate;
}
.sportaki-brand-mark { position:relative; display:grid; place-items:center; }
.sportaki-brand-mark::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:128px;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--sportaki-team-primary) 24%,transparent),rgba(59,130,246,.12) 38%,rgba(113,55,168,.10) 55%,transparent 73%);
  filter:blur(12px);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s ease;
}
.sportaki-brand img {
  width:112px;
  height:112px;
  object-fit:contain;
  filter:drop-shadow(0 5px 18px rgba(36,95,184,.15));
  transition:width .45s cubic-bezier(.2,.7,.2,1),height .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1),filter .3s ease;
}
.sportaki-site-header.is-compact .sportaki-brand img { width:68px; height:68px; }
.sportaki-site-header.is-compact .sportaki-brand-mark::before { transform:scale(.7); opacity:.72; }

.sportaki-header-actions {
  position:absolute;
  right:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.sportaki-icon-button {
  width:42px;
  height:42px;
  border:1px solid var(--sportaki-border);
  background:color-mix(in srgb,var(--sportaki-surface) 84%,transparent);
  color:var(--sportaki-text);
  transition:transform .25s cubic-bezier(.2,.7,.2,1),color .25s ease,background .25s ease,border-color .25s ease;
}
.sportaki-icon-button svg,
.sportaki-menu-toggle svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.sportaki-team-button {
  background:color-mix(in srgb,var(--sportaki-surface) 86%,transparent);
  color:var(--sportaki-text);
  transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s ease,background .25s ease,color .25s ease;
}

.sportaki-nav-bar {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  min-height:54px;
  padding-inline:max(20px,calc((100% - 1460px)/2));
  background:linear-gradient(110deg,#0b1626,#12233a 55%,#181a34);
  border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,var(--sportaki-accent-2),var(--sportaki-accent),#7137a8) 1;
  color:#fff;
}
.sportaki-primary-nav { width:100%; min-width:0; }
.sportaki-primary-nav > .sportaki-menu {
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:clamp(16px,1.9vw,30px);
}
.sportaki-primary-nav .sportaki-menu > li > a {
  position:relative;
  display:flex;
  align-items:center;
  min-height:52px;
  padding:0;
  border-radius:0;
  background:none !important;
  color:rgba(255,255,255,.92);
  font-size:13px;
  font-weight:760;
  white-space:nowrap;
}
.sportaki-primary-nav .sportaki-menu > li > a::after {
  content:"";
  position:absolute;
  right:0;
  bottom:8px;
  left:0;
  height:2px;
  background:linear-gradient(90deg,var(--sportaki-accent-2),var(--sportaki-accent),#7137a8);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s cubic-bezier(.2,.7,.2,1);
}
.sportaki-primary-nav .current-menu-item > a,
.sportaki-primary-nav .current-menu-ancestor > a { color:#fff; }
.sportaki-primary-nav .current-menu-item > a::after,
.sportaki-primary-nav .current-menu-ancestor > a::after { transform:scaleX(1); }
.sportaki-menu .sub-menu {
  top:calc(100% - 3px);
  left:-18px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:0 0 16px 16px;
  background:#0d1b2d;
  box-shadow:0 24px 50px rgba(0,0,0,.3);
  transform:translateY(8px);
}
.sportaki-menu .sub-menu a { color:rgba(255,255,255,.76); }
.sportaki-menu .sub-menu a:hover { color:#fff; background:rgba(59,130,246,.12); }
.sportaki-nav-live { justify-self:end; margin-left:20px; min-height:38px; }
.sportaki-menu-toggle {
  display:none;
  align-items:center;
  gap:9px;
  width:auto;
  min-width:0;
  height:48px;
  border:0;
  border-radius:0;
  background:none;
  color:#fff;
  font-weight:800;
}

/* Sitewide latest-sports flow, replacing the old homepage disclaimer ticker. */
.sportaki-breaking {
  position:relative;
  z-index:30;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  width:100%;
  height:50px;
  min-height:50px;
  max-height:50px;
  grid-template-rows:50px;
  overflow:hidden;
  contain:layout paint;
  background:linear-gradient(100deg,color-mix(in srgb,var(--sportaki-accent) 82%,#16345d),var(--sportaki-accent) 48%,#7137a8);
  color:#fff;
  box-shadow:0 8px 24px rgba(20,46,88,.12);
}
.sportaki-breaking-label {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  min-width:154px;
  padding:0 24px;
  background:#0b111b;
  color:#fff;
  font-weight:900;
  letter-spacing:.025em;
  text-decoration:none;
  clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);
}
.sportaki-breaking-pulse {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ff3856;
  box-shadow:0 0 0 0 rgba(255,56,86,.6);
  animation:sportaki-breaking-pulse 1.7s infinite;
}
@keyframes sportaki-breaking-pulse { 70%{box-shadow:0 0 0 9px rgba(255,56,86,0)} 100%{box-shadow:0 0 0 0 rgba(255,56,86,0)} }
.sportaki-breaking-desktop { min-width:0; height:50px; min-height:0; max-height:50px; overflow:hidden; }
.sportaki-breaking-track {
  display:flex;
  align-items:center;
  width:max-content;
  height:50px;
  min-height:0;
  max-height:50px;
  animation:sportaki-breaking-scroll 55s linear infinite;
}
.sportaki-breaking-track:hover { animation-play-state:paused; }
.sportaki-breaking-track a {
  display:flex;
  align-items:center;
  gap:12px;
  padding-inline:26px;
  color:#fff;
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
}
.sportaki-breaking-track a span { width:7px; height:7px; border-radius:50%; background:rgba(8,31,76,.32); }
@keyframes sportaki-breaking-scroll { to{transform:translateX(-50%)} }
.sportaki-breaking-mobile { display:none; position:relative; min-width:0; height:50px; min-height:0; max-height:50px; overflow:hidden; }
.sportaki-breaking-mobile a {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  padding:0 14px;
  color:#fff;
  font-weight:750;
  text-decoration:none;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1);
}
.sportaki-breaking-mobile a.is-active { opacity:1; transform:none; }

/* Hero: one cinematic lead + an Alithenia-style four-story live flow. */
.sportaki-home-hero {
  padding:clamp(28px,4.5vw,64px) 0 clamp(46px,6vw,82px);
  background:
    radial-gradient(circle at 80% 0%,rgba(113,55,168,.12),transparent 30rem),
    linear-gradient(180deg,color-mix(in srgb,var(--sportaki-team-primary) 4%,var(--sportaki-bg)),var(--sportaki-bg));
}
.sportaki-home-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.78fr) minmax(330px,.72fr);
  gap:22px;
  align-items:stretch;
}
.sportaki-home-lead {
  position:relative;
  min-height:clamp(520px,44vw,690px);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--sportaki-team-primary) 20%,var(--sportaki-border));
  border-radius:30px;
  background:#07101f;
  box-shadow:0 24px 62px rgba(34,58,91,.18);
  isolation:isolate;
}
.sportaki-home-lead-media { position:absolute; inset:0; display:block; width:100%; height:100%; }
.sportaki-home-lead-media img,
.sportaki-home-lead-media .sportaki-image-placeholder { width:100%; height:100%; object-fit:cover; }
.sportaki-home-lead-shade {
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(4,9,20,.04) 16%,rgba(4,9,20,.18) 42%,rgba(4,9,20,.94) 100%);
}
.sportaki-home-lead-copy {
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  gap:13px;
  padding:clamp(28px,4vw,52px);
  color:#fff;
  text-shadow:0 2px 20px rgba(0,0,0,.48);
}
.sportaki-home-lead-topline { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.sportaki-home-lead-topline a,
.sportaki-home-lead-topline span { color:#b8dcff; }
.sportaki-home-lead h1 { max-width:16ch; margin:0; font-size:clamp(2.45rem,4.5vw,5rem); line-height:.96; letter-spacing:-.045em; text-wrap:balance; }
.sportaki-home-lead h1 a,
.sportaki-home-lead h1 a:visited,
.sportaki-home-lead h1 a:hover { color:#fff !important; }
.sportaki-home-lead-copy > p { max-width:720px; margin:0; color:rgba(255,255,255,.88); font-size:clamp(.94rem,1.2vw,1.08rem); line-height:1.55; }
.sportaki-home-lead-meta { color:rgba(255,255,255,.72); }

.sportaki-home-hero-flow {
  overflow:hidden;
  border:1px solid var(--sportaki-border);
  border-radius:30px;
  background:color-mix(in srgb,var(--sportaki-surface) 98%,#7137a8);
  box-shadow:0 18px 48px rgba(34,58,91,.10);
}
.sportaki-home-hero-flow-head { padding:28px 26px 20px; border-bottom:1px solid var(--sportaki-border); }
.sportaki-home-hero-flow-head > span { display:block; margin-bottom:6px; color:#7137a8; font-size:.67rem; font-weight:900; letter-spacing:.18em; }
.sportaki-home-hero-flow-head h2 { margin:0; color:var(--sportaki-text); font-size:clamp(2rem,2.5vw,2.8rem); line-height:.98; letter-spacing:-.04em; }
.sportaki-home-hero-flow-list { margin:0; padding:0; list-style:none; }
.sportaki-home-hero-flow-item { border-bottom:1px solid var(--sportaki-border); animation-delay:var(--story-delay,0ms); }
.sportaki-home-hero-flow-item:last-child { border-bottom:0; }
.sportaki-home-hero-flow-item > a {
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:start;
  min-height:112px;
  padding:18px 22px;
  color:inherit;
  text-decoration:none;
  transition:background .25s ease,transform .25s cubic-bezier(.2,.7,.2,1);
}
.sportaki-home-hero-flow-number { padding-top:2px; color:#7137a8; font:italic 800 1rem/1 Georgia,serif; }
.sportaki-home-hero-flow-copy { display:grid; gap:5px; min-width:0; }
.sportaki-home-hero-flow-copy small { color:color-mix(in srgb,var(--sportaki-accent) 62%,#7137a8); font-size:.61rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.sportaki-home-hero-flow-copy strong { color:var(--sportaki-text); font:850 clamp(.95rem,1.15vw,1.08rem)/1.17 "Roboto Condensed",Arial,sans-serif; text-wrap:pretty; }
.sportaki-home-hero-flow-copy time { color:var(--sportaki-soft); font-size:.68rem; }

@media (hover:hover) {
  .sportaki-brand:hover .sportaki-brand-mark img { transform:translateY(-2px) rotate(-2deg) scale(1.035); filter:drop-shadow(0 7px 20px rgba(59,130,246,.22)); }
  .sportaki-icon-button:hover { transform:translateY(-2px); border-color:color-mix(in srgb,#7137a8 48%,var(--sportaki-border)); color:#7137a8; background:color-mix(in srgb,#7137a8 7%,var(--sportaki-surface)); }
  .sportaki-team-button:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--sportaki-team-primary) 50%,var(--sportaki-border)); background:color-mix(in srgb,var(--sportaki-team-primary) 7%,var(--sportaki-surface)); }
  .sportaki-primary-nav .sportaki-menu > li > a:hover::after { transform:scaleX(1); }
  .sportaki-primary-nav .sportaki-menu > li > a:hover { color:#fff; }
  .sportaki-home-hero-flow-item > a:hover { background:color-mix(in srgb,#7137a8 7%,var(--sportaki-surface)); transform:translateX(4px); }
}

:root[data-theme="dark"] .sportaki-site-header { background:color-mix(in srgb,#07101f 92%,transparent); }
:root[data-theme="dark"] .sportaki-masthead-line { border-color:rgba(216,228,244,.20); }
:root[data-theme="dark"] .sportaki-icon-button,
:root[data-theme="dark"] .sportaki-team-button { background:rgba(255,255,255,.035); color:#f4f7fb; }
:root[data-theme="dark"] .sportaki-home-hero-flow { background:#111d2d; border-color:#2c3e55; }
:root[data-theme="dark"] .sportaki-home-hero-flow-head,
:root[data-theme="dark"] .sportaki-home-hero-flow-item { border-color:#2c3e55; }
:root[data-theme="dark"] .sportaki-home-hero-flow-head h2,
:root[data-theme="dark"] .sportaki-home-hero-flow-copy strong { color:#f4f7fb; }

@media (max-width:1120px) {
  .sportaki-primary-nav > .sportaki-menu { gap:clamp(10px,1.3vw,18px); }
  .sportaki-primary-nav .sportaki-menu > li > a { font-size:12px; }
  .sportaki-team-button-label { max-width:105px; overflow:hidden; text-overflow:ellipsis; }
  .sportaki-home-hero-grid { grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr); gap:16px; }
}

@media (max-width:960px) {
  body.admin-bar .sportaki-site-header { top:46px; }
  .sportaki-masthead { width:calc(100% - 28px); height:108px; grid-template-columns:1fr auto 1fr; gap:14px; }
  .sportaki-site-header.is-compact .sportaki-masthead { height:66px; }
  .sportaki-masthead-line { height:4px; }
  .sportaki-brand { min-width:94px; }
  .sportaki-brand img { width:76px; height:76px; }
  .sportaki-site-header.is-compact .sportaki-brand img { width:56px; height:56px; }
  .sportaki-brand-mark::before { width:94px; }
  .sportaki-header-actions { right:0; gap:5px; }
  .sportaki-icon-button { width:38px; height:38px; }
  .sportaki-team-button { min-height:38px; padding-inline:.55rem; }
  .sportaki-team-button-label,
  .sportaki-team-button-chevron { display:none; }
  .sportaki-team-button-logo { width:26px; height:26px; }
  .sportaki-team-button-logo img { width:26px; height:26px; }
  .sportaki-nav-bar { grid-template-columns:auto minmax(0,1fr) auto; min-height:52px; padding-inline:16px; }
  .sportaki-menu-toggle { display:inline-flex; grid-column:1; }
  .sportaki-primary-nav { display:none; }
  .sportaki-nav-live { grid-column:3; margin-left:12px; min-height:36px; padding-inline:.75rem; font-size:.72rem; }
  .sportaki-mobile-menu { position:absolute; z-index:80; top:100%; right:0; left:0; max-height:calc(100dvh - 120px); overflow-y:auto; padding:10px 16px 18px; border-top:1px solid rgba(255,255,255,.08); background:linear-gradient(145deg,#0f1420,#171827); box-shadow:0 28px 55px rgba(0,0,0,.34); }
  .sportaki-mobile-menu-list > li > a { min-height:47px; padding:.8rem .3rem !important; color:#fff; border-bottom:1px solid rgba(255,255,255,.08) !important; font-size:15px; }
  .sportaki-mobile-menu-list .sub-menu a { color:rgba(255,255,255,.72); }
  .sportaki-breaking { height:48px; min-height:48px; max-height:48px; grid-template-rows:48px; }
  .sportaki-breaking-label { min-width:132px; padding-inline:16px 22px; font-size:14px; }
  .sportaki-breaking-desktop { display:none; }
  .sportaki-breaking-mobile { display:block; height:48px; min-height:0; max-height:48px; }
  .sportaki-breaking-mobile a { min-width:0; overflow:hidden; padding-right:12px; font-size:13px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
  .sportaki-home-hero-grid { grid-template-columns:1fr; }
  .sportaki-home-lead { min-height:min(610px,72vw); }
  .sportaki-home-hero-flow-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sportaki-home-hero-flow-item:nth-child(odd) { border-right:1px solid var(--sportaki-border); }
}

@media (max-width:720px) {
  .sportaki-masthead { width:calc(100% - 20px); grid-template-columns:minmax(24px,1fr) auto minmax(116px,1fr); gap:9px; }
  .sportaki-masthead-line:first-child { opacity:0; }
  .sportaki-masthead-line { height:3px; }
  .sportaki-header-actions { position:static; justify-self:end; }
  .sportaki-brand img { width:70px; height:70px; }
  .sportaki-site-header.is-compact .sportaki-brand img { width:52px; height:52px; }
  .sportaki-brand-mark::before { width:86px; }
  .sportaki-nav-bar { padding-inline:14px; }
  .sportaki-menu-toggle span { font-size:13px; }
  .sportaki-nav-live { font-size:.67rem; padding-inline:.62rem; }
  .sportaki-breaking-label { min-width:116px; padding-inline:13px 19px; font-size:12px; }
  .sportaki-breaking-mobile a { font-size:12px; }
  .sportaki-home-hero { padding-block:24px 48px; }
  .sportaki-home-lead { min-height:clamp(430px,118vw,570px); border-radius:24px; }
  .sportaki-home-lead-copy { padding:24px 20px; gap:10px; }
  .sportaki-home-lead h1 { max-width:none; font-size:clamp(2rem,9vw,3.15rem); line-height:.98; }
  .sportaki-home-lead-copy > p { display:none; }
  .sportaki-home-hero-flow { border-radius:24px; }
  .sportaki-home-hero-flow-head { padding:22px 19px 15px; }
  .sportaki-home-hero-flow-head h2 { font-size:clamp(1.8rem,9vw,2.45rem); }
  .sportaki-home-hero-flow-list { grid-template-columns:1fr; }
  .sportaki-home-hero-flow-item:nth-child(odd) { border-right:0; }
  .sportaki-home-hero-flow-item > a { min-height:88px; padding:14px 17px; grid-template-columns:34px minmax(0,1fr); }
  .sportaki-home-hero-flow-copy strong { font-size:.96rem; }
}

@media (max-width:480px) {
  .sportaki-masthead { grid-template-columns:20px auto minmax(110px,1fr); }
  .sportaki-icon-button { width:36px; height:36px; }
  .sportaki-team-button { width:36px; height:36px; min-height:36px; padding:0; justify-content:center; border-radius:50%; }
  .sportaki-nav-live { max-width:126px; overflow:hidden; text-overflow:ellipsis; }
  .sportaki-home-lead { min-height:450px; }
}

@media (prefers-reduced-motion:reduce) {
  .sportaki-breaking-track { animation:none !important; transform:none !important; }
  .sportaki-breaking-desktop { overflow-x:auto; }
  .sportaki-home-lead-media img { animation:none !important; transform:none !important; }
  .sportaki-home-hero-glow { animation:none !important; }
}

/* ==========================================================
   v1.1.2 — Sportaki Arena + always-dark masthead + Light WebTV skin
   Presentation-only layer. WebTV runtime, consent, schedule and
   creator shortcodes remain functionally untouched.
   ========================================================== */

/* Header remains dark in both Light and Dark modes so the logo/actions never disappear. */
.sportaki-site-header,
body.sportaki-next.has-sportaki-team .sportaki-site-header {
  --sportaki-text:#f4f7fb;
  --sportaki-muted:#b4c0d0;
  --sportaki-soft:#8191a6;
  --sportaki-border:rgba(166,190,222,.20);
  --sportaki-border-strong:rgba(125,158,204,.36);
  --sportaki-surface:#0b1626;
  --sportaki-surface-2:#102039;
  --sportaki-surface-3:#162a43;
  background:linear-gradient(180deg,rgba(6,14,26,.985),rgba(8,18,33,.97));
  border-bottom-color:rgba(111,145,190,.22);
  color:#f4f7fb;
  box-shadow:0 12px 36px rgba(3,10,20,.22);
}
.sportaki-site-header.is-scrolled { background:rgba(5,13,24,.965); box-shadow:0 14px 38px rgba(3,10,20,.34); }
.sportaki-masthead-line {
  border-color:rgba(190,210,236,.22) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.18);
}
.sportaki-brand { min-width:158px; }
.sportaki-brand-mark::before {
  width:148px;
  background:radial-gradient(circle,rgba(34,183,255,.22),rgba(59,130,246,.12) 38%,rgba(113,55,168,.13) 58%,transparent 74%);
}
.sportaki-brand img {
  width:128px;
  height:128px;
  filter:drop-shadow(0 8px 24px rgba(34,183,255,.24));
}
.sportaki-site-header.is-compact .sportaki-brand img { width:76px; height:76px; }
.sportaki-site-header.is-compact .sportaki-brand-mark::before { width:96px; }
.sportaki-header-actions .sportaki-icon-button,
.sportaki-header-actions .sportaki-team-button {
  border-color:rgba(169,195,228,.22);
  background:rgba(255,255,255,.045);
  color:#f4f7fb;
}
.sportaki-header-actions .sportaki-theme-icon,
.sportaki-header-actions svg { color:#f4f7fb; stroke:#f4f7fb; }
.sportaki-team-button-label { color:#f4f7fb; }
.sportaki-team-button-chevron { color:#8bc8ff; }
.sportaki-team-quick-menu {
  border-color:rgba(139,174,220,.30);
  background:rgba(8,18,33,.985);
  color:#f4f7fb;
}
.sportaki-team-quick-menu > a,
.sportaki-team-quick-menu > button { color:#f4f7fb; }
.sportaki-team-quick-page small { color:#9eacc0; }
@media (hover:hover) {
  .sportaki-header-actions .sportaki-icon-button:hover {
    color:#fff;
    border-color:rgba(113,55,168,.68);
    background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(113,55,168,.17));
    box-shadow:0 8px 22px rgba(35,82,151,.18);
  }
  .sportaki-header-actions .sportaki-team-button:hover {
    color:#fff;
    border-color:color-mix(in srgb,var(--sportaki-team-primary) 58%,rgba(169,195,228,.22));
    background:linear-gradient(135deg,color-mix(in srgb,var(--sportaki-team-primary) 15%,rgba(255,255,255,.04)),rgba(113,55,168,.10));
  }
}

/* Distinct Sportaki Arena: 1 cinematic lead + 4 image-led tiles. */
.sportaki-home-arena {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(30px,4.3vw,66px) 0 clamp(48px,5.4vw,80px);
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--sportaki-bg) 86%,#dce9f7),var(--sportaki-bg)),
    radial-gradient(circle at 82% 2%,rgba(113,55,168,.15),transparent 30rem);
}
:root[data-theme="dark"] .sportaki-home-arena {
  background:
    radial-gradient(circle at 82% 4%,rgba(113,55,168,.18),transparent 30rem),
    radial-gradient(circle at 8% 82%,rgba(34,183,255,.08),transparent 28rem),
    #08111d;
}
.sportaki-home-arena::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  opacity:.28;
  background-image:linear-gradient(rgba(71,111,164,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(71,111,164,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,#000,transparent 80%);
}
.sportaki-home-arena-orbit {
  position:absolute;
  z-index:-1;
  border:1px solid color-mix(in srgb,var(--sportaki-team-primary) 23%,transparent);
  border-radius:50%;
  pointer-events:none;
}
.sportaki-home-arena-orbit-a { width:720px; height:720px; right:-350px; top:-390px; transform:rotate(18deg); }
.sportaki-home-arena-orbit-b { width:430px; height:430px; left:-250px; bottom:-300px; border-color:rgba(113,55,168,.16); }
.sportaki-home-arena-grid {
  display:grid;
  grid-template-columns:minmax(0,1.58fr) minmax(430px,.92fr);
  gap:18px;
  min-height:clamp(560px,65vh,760px);
  align-items:stretch;
}
.sportaki-home-arena-lead {
  min-height:100%;
  border-radius:30px;
  border:1px solid rgba(102,164,232,.32);
  box-shadow:0 28px 70px rgba(21,47,82,.20),0 0 0 1px rgba(255,255,255,.08) inset;
}
.sportaki-home-arena-lead::before {
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  border-radius:inherit;
  padding:1px;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(34,183,255,.58),rgba(59,130,246,.08) 34%,rgba(113,55,168,.42) 72%,rgba(255,255,255,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.sportaki-home-arena-scan {
  position:absolute;
  z-index:2;
  top:-25%;
  bottom:-25%;
  width:18%;
  left:-24%;
  transform:skewX(-16deg);
  opacity:.16;
  background:linear-gradient(90deg,transparent,rgba(123,204,255,.65),transparent);
  animation:sportaki-arena-scan 9.5s ease-in-out infinite;
  pointer-events:none;
}
.sportaki-home-arena-lead .sportaki-home-lead-shade {
  background:
    linear-gradient(180deg,rgba(4,9,18,.03) 9%,rgba(4,9,18,.17) 42%,rgba(4,9,18,.91) 100%),
    linear-gradient(90deg,rgba(4,11,24,.36),transparent 68%);
}
.sportaki-home-arena-lead .sportaki-home-lead-copy { max-width:1000px; }
.sportaki-home-arena-lead .sportaki-home-lead h1,
.sportaki-home-arena-lead h1 { max-width:18ch; font-size:clamp(2.45rem,4.6vw,5.15rem); }

.sportaki-home-arena-side {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:14px;
  min-width:0;
}
.sportaki-home-arena-card {
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--sportaki-team-primary) 28%,rgba(118,150,190,.35));
  border-radius:22px;
  background:#07101f;
  box-shadow:0 14px 34px rgba(22,48,82,.14);
  animation-delay:var(--story-delay,0ms);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;
}
.sportaki-home-arena-card::after {
  content:"";
  position:absolute;
  z-index:5;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px rgba(255,255,255,.12);
}
.sportaki-home-arena-card-link { position:absolute; inset:0; display:block; color:#fff; }
.sportaki-home-arena-card-media,
.sportaki-home-arena-card-media img,
.sportaki-home-arena-card-media .sportaki-image-placeholder { position:absolute; inset:0; width:100%; height:100%; }
.sportaki-home-arena-card-media img { object-fit:cover; transform:scale(1.015); transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
.sportaki-home-arena-card-shade {
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(3,8,17,.02) 18%,rgba(3,8,17,.26) 45%,rgba(3,8,17,.94) 100%);
}
.sportaki-home-arena-card-index {
  position:absolute;
  z-index:3;
  top:14px;
  right:15px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(5,14,28,.38);
  color:#dceaff;
  font:800 .72rem/1 "Roboto Condensed",Arial,sans-serif;
  backdrop-filter:blur(8px);
}
.sportaki-home-arena-card-copy {
  position:absolute;
  z-index:3;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  gap:8px;
  padding:18px 18px 17px;
  text-shadow:0 2px 16px rgba(0,0,0,.56);
}
.sportaki-home-arena-card-meta { display:flex; align-items:center; gap:8px; min-width:0; color:#bed1e8; font-size:.66rem; }
.sportaki-home-arena-card-meta small { color:#83c8ff; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.sportaki-home-arena-card-meta time { margin-left:auto; color:#c5d0df; }
.sportaki-home-arena-card-copy strong {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  color:#fff;
  font:880 clamp(1rem,1.3vw,1.24rem)/1.12 "Roboto Condensed",Arial,sans-serif;
  letter-spacing:-.018em;
  text-wrap:pretty;
}
.sportaki-home-arena-card-cta {
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  color:#b8dfff;
  font-size:.67rem;
  font-weight:800;
  opacity:.78;
  transform:translateY(4px);
  transition:opacity .3s ease,transform .3s ease,color .3s ease;
}
@keyframes sportaki-arena-scan { 0%,20%{left:-24%;opacity:0} 36%{opacity:.17} 62%{left:112%;opacity:.10} 63%,100%{left:112%;opacity:0} }
@media (hover:hover) {
  .sportaki-home-arena-card:hover {
    transform:translateY(-6px) scale(1.012);
    border-color:color-mix(in srgb,var(--sportaki-team-primary) 56%,#7137a8);
    box-shadow:0 24px 54px rgba(20,52,96,.26),0 0 30px color-mix(in srgb,var(--sportaki-team-primary) 13%,transparent);
  }
  .sportaki-home-arena-card:hover .sportaki-home-arena-card-media img { transform:scale(1.075); filter:saturate(1.08) contrast(1.03); }
  .sportaki-home-arena-card:hover .sportaki-home-arena-card-cta { opacity:1; transform:none; color:#fff; }
}

/* Light Steel WebTV shell: the video stage stays dark; surrounding UI follows Light Mode. */
:root[data-theme="light"] .sportaki-webtv-home {
  --sportaki-bg:#edf2f7;
  --sportaki-bg-deep:#f8fafc;
  --sportaki-surface:#ffffff;
  --sportaki-surface-2:#f6f8fb;
  --sportaki-surface-3:#e7edf5;
  --sportaki-border:#c8d5e4;
  --sportaki-border-strong:#a6bbd2;
  --sportaki-text:#172033;
  --sportaki-muted:#55657a;
  --sportaki-soft:#718096;
  --sportaki-link:#245fb8;
  --sportaki-link-hover:#7137a8;
  color:#172033;
  background:
    radial-gradient(circle at 50% 0%,rgba(59,130,246,.10),transparent 34rem),
    linear-gradient(180deg,#f7f9fc 0%,#e9f0f7 100%);
  border-color:#c8d5e4;
}
:root[data-theme="light"] .sportaki-webtv-home .sportaki-webtv-stage-title h1 { color:#172033; }
:root[data-theme="light"] .sportaki-webtv-home .sportaki-webtv-kicker {
  border-color:rgba(217,45,75,.22);
  background:rgba(217,45,75,.07);
  color:#a91f3c;
}
:root[data-theme="light"] .sportaki-webtv-home .sportaki-webtv-stage-actions > a:first-child { color:#55657a; }
:root[data-theme="light"] .sportaki-webtv-home .sportaki-webtv-stage-actions .sportaki-btn {
  border-color:#a9bdd5;
  background:#fff;
  color:#172033;
}
:root[data-theme="light"] .sportaki-webtv-home .sportaki-webtv-player {
  padding:10px;
  border:1px solid #b8c9dc;
  background:linear-gradient(145deg,#dce7f2,#f7f9fc);
  box-shadow:0 22px 58px rgba(49,79,116,.15),0 0 30px rgba(59,130,246,.08);
}
:root[data-theme="light"] .sportaki-webtv-home .stv-player-shell {
  background:#02060c !important;
  border:1px solid #263a55 !important;
  box-shadow:0 18px 44px rgba(4,12,24,.30) !important;
}
:root[data-theme="light"] .sportaki-webtv-home .stv-title-pill {
  border-color:rgba(103,183,255,.48) !important;
  background:linear-gradient(180deg,rgba(3,10,25,.94),rgba(3,6,20,.84)) !important;
  color:#edf6ff !important;
}
:root[data-theme="light"] .sportaki-webtv-home .stv-cards-wrap {
  margin-top:10px !important;
  padding:10px !important;
  border-radius:14px !important;
  background:#eef3f8 !important;
  color:#172033 !important;
}
:root[data-theme="light"] .sportaki-webtv-home .stv-card {
  border-color:#c2d0e0 !important;
  background:linear-gradient(180deg,#ffffff,#f4f7fb) !important;
  color:#172033 !important;
  box-shadow:0 8px 22px rgba(49,79,116,.08) !important;
}
:root[data-theme="light"] .sportaki-webtv-home .stv-card-time,
:root[data-theme="light"] .sportaki-webtv-home .stv-card-title { color:#172033 !important; }
:root[data-theme="light"] .sportaki-webtv-home .stv-card-meta { color:#55657a !important; opacity:1 !important; }
:root[data-theme="light"] .sportaki-webtv-home .stv-pill {
  border-color:#b9cce1 !important;
  background:#edf3fa !important;
  color:#234c79 !important;
}
:root[data-theme="light"] .sportaki-webtv-home .stv-pill-badge {
  border-color:rgba(217,45,75,.34) !important;
  background:rgba(217,45,75,.09) !important;
  color:#a91f3c !important;
}
:root[data-theme="light"] .sportaki-webtv-home .stv-card-right { background:#dce6f1 !important; }
:root[data-theme="light"] .sportaki-webtv-home .stv-card-right::after { background:linear-gradient(90deg,rgba(237,243,250,.50),rgba(237,243,250,.02)) !important; }
:root[data-theme="light"] .sportaki-webtv-home .sportaki-live-disclaimer {
  border-color:rgba(217,45,75,.18);
  background:#fff5f7;
  color:#5d3440;
}
:root[data-theme="light"] .sportaki-webtv-home .sportaki-upcoming-compact {
  border:1px solid #c8d5e4;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 28px rgba(49,79,116,.07);
}
:root[data-theme="light"] .sportaki-webtv-home .sportaki-upcoming-head h2 { color:#172033; }
:root[data-theme="light"] .sportaki-webtv-home .sportaki-upcoming-head a { color:#245fb8; }
:root[data-theme="light"] .sportaki-webtv-home .sportaki-schedule-item {
  border-color:#c6d4e4;
  background:#fff;
  color:#172033;
  box-shadow:0 6px 18px rgba(49,79,116,.06);
}
:root[data-theme="light"] .sportaki-webtv-home .sportaki-schedule-time,
:root[data-theme="light"] .sportaki-webtv-home .sportaki-schedule-title { color:#172033; }
:root[data-theme="light"] .sportaki-webtv-home .sportaki-schedule-meta { color:#55657a; }
:root[data-theme="light"] .sportaki-webtv-home .sportaki-schedule-badge { background:#e7f0fb; color:#245fb8; }
:root[data-theme="light"] .sportaki-webtv-home .sportaki-schedule-item.is-live .sportaki-schedule-badge { background:#fff0f3; color:#b92343; }

/* YouTube creator cards: light steel outside, neutral logo well so white/black marks both survive. */
:root[data-theme="light"] .sportaki-creators-home .sportaki-creators-bar {
  background:linear-gradient(180deg,#ffffff,#eef3f8) !important;
  border-color:#c5d3e3 !important;
  box-shadow:0 10px 28px rgba(49,79,116,.08) !important;
}
:root[data-theme="light"] .sportaki-creators-home .sportaki-creators-bar .scb-head strong { color:#172033 !important; }
:root[data-theme="light"] .sportaki-creators-home .sportaki-creators-bar .scb-head span { color:#66768b !important; }
:root[data-theme="light"] .sportaki-creators-home .sportaki-creators-bar .scb-card {
  background:#fff !important;
  border-color:#c9d7e6 !important;
  color:#172033 !important;
  box-shadow:0 5px 15px rgba(49,79,116,.055) !important;
}
:root[data-theme="light"] .sportaki-creators-home .sportaki-creators-bar .scb-logo {
  background:linear-gradient(145deg,#dfe8f2,#b8c7d9) !important;
  border:1px solid #9fb3ca !important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 3px 9px rgba(49,79,116,.10) !important;
}
:root[data-theme="light"] .sportaki-creators-home .sportaki-creators-bar .scb-logo img {
  filter:drop-shadow(0 0 1px #06101e) drop-shadow(0 1px 2px rgba(255,255,255,.7));
}
:root[data-theme="light"] .sportaki-creators-home .sportaki-creators-bar .scb-name { color:#26364a !important; }
:root[data-theme="light"] .sportaki-creators-home .sportaki-creators-bar .scb-follow {
  background:linear-gradient(135deg,#245fb8,#7137a8) !important;
  border-color:rgba(61,75,157,.32) !important;
  color:#fff !important;
}
@media (hover:hover) {
  :root[data-theme="light"] .sportaki-creators-home .sportaki-creators-bar .scb-card:hover {
    transform:translateY(-4px) !important;
    border-color:#8fb0d4 !important;
    box-shadow:0 13px 28px rgba(49,79,116,.14) !important;
  }
}

/* Mobile: large lead remains impressive; four secondary stories become a friendly swipe rail. */
@media (max-width:1080px) {
  .sportaki-home-arena-grid { grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr); }
}
@media (max-width:900px) {
  .sportaki-home-arena-grid { grid-template-columns:1fr; min-height:0; }
  .sportaki-home-arena-lead { min-height:min(660px,78vw); }
  .sportaki-home-arena-side {
    display:flex;
    grid-template:none;
    gap:12px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:2px max(0px,calc((100vw - min(calc(100vw - 32px),1320px))/2)) 10px 0;
  }
  .sportaki-home-arena-side::-webkit-scrollbar { display:none; }
  .sportaki-home-arena-card { position:relative; flex:0 0 min(72vw,340px); min-height:245px; scroll-snap-align:start; }
}
@media (max-width:720px) {
  .sportaki-home-arena { padding-block:22px 44px; }
  .sportaki-home-arena::before { background-size:46px 46px; }
  .sportaki-home-arena-lead { min-height:clamp(455px,118vw,590px); border-radius:24px; }
  .sportaki-home-arena-lead .sportaki-home-lead-copy { padding:24px 20px; }
  .sportaki-home-arena-lead h1 { font-size:clamp(2rem,9.1vw,3.35rem); line-height:.96; }
  .sportaki-home-arena-card { flex-basis:84%; min-height:235px; border-radius:20px; }
  .sportaki-home-arena-card-copy { padding:17px; }
  .sportaki-home-arena-card-copy strong { font-size:1.08rem; }
  .sportaki-brand { min-width:96px; }
  .sportaki-brand img { width:78px; height:78px; }
  .sportaki-brand-mark::before { width:94px; }
  .sportaki-site-header.is-compact .sportaki-brand img { width:55px; height:55px; }
  :root[data-theme="light"] .sportaki-webtv-home .sportaki-webtv-player { padding:6px; border-radius:16px; }
}
@media (max-width:480px) {
  .sportaki-home-arena-card { flex-basis:86%; }
}

@media (prefers-reduced-motion:reduce) {
  .sportaki-home-arena-scan { animation:none !important; display:none; }
}

/* ==========================================================
   v1.1.3 — Arena readability + cursor motion + WebTV energy
   Keeps WebTV runtime/consent/schedule logic untouched.
   ========================================================== */

/* HERO READABILITY: full headline must stay inside the lead at every desktop size. */
.sportaki-home-arena-grid {
  min-height:clamp(520px,58vh,680px);
}
.sportaki-home-arena-lead {
  --arena-x:50%;
  --arena-y:50%;
  --arena-rx:0deg;
  --arena-ry:0deg;
  transform:perspective(1300px) rotateX(var(--arena-rx)) rotateY(var(--arena-ry)) translateZ(0);
  transform-style:preserve-3d;
  transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;
  will-change:transform;
}
.sportaki-home-arena-lead::after {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(circle 360px at var(--arena-x) var(--arena-y),rgba(103,183,255,.15),rgba(113,55,168,.07) 38%,transparent 70%);
  mix-blend-mode:screen;
  opacity:.15;
  transition:opacity .28s ease;
}
.sportaki-home-arena-lead:hover::after { opacity:.92; }
.sportaki-home-arena-lead .sportaki-home-lead-media img {
  transform:scale(1.035) translate3d(var(--arena-img-x,0px),var(--arena-img-y,0px),0);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
.sportaki-home-arena-lead:hover .sportaki-home-lead-media img {
  animation:none;
  transform:scale(1.07) translate3d(var(--arena-img-x,0px),var(--arena-img-y,0px),0);
  filter:saturate(1.08) contrast(1.035);
}
.sportaki-home-arena-lead .sportaki-home-lead-copy {
  max-width:min(92%,900px);
  padding:clamp(24px,3.15vw,44px);
  gap:10px;
  transform:translateZ(18px);
}
.sportaki-home-arena-lead h1 {
  max-width:21ch;
  font-size:clamp(2rem,3.25vw,3.65rem) !important;
  line-height:1.01 !important;
  letter-spacing:-.035em !important;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.sportaki-home-arena-lead.is-title-long h1 {
  max-width:23ch;
  font-size:clamp(1.82rem,2.85vw,3.2rem) !important;
  line-height:1.025 !important;
}
.sportaki-home-arena-lead.is-title-very-long h1 {
  max-width:25ch;
  font-size:clamp(1.68rem,2.5vw,2.88rem) !important;
  line-height:1.04 !important;
}
.sportaki-home-arena-lead.is-title-very-long .sportaki-home-lead-copy > p { display:none; }
.sportaki-home-arena-lead h1 a {
  color:#fff !important;
  text-shadow:0 4px 24px rgba(0,0,0,.58),0 1px 2px rgba(0,0,0,.72);
}
.sportaki-home-arena-lead .sportaki-home-lead-shade {
  background:
    linear-gradient(180deg,rgba(2,7,14,.02) 4%,rgba(2,7,14,.16) 34%,rgba(2,7,14,.78) 76%,rgba(2,7,14,.96) 100%),
    linear-gradient(90deg,rgba(3,10,22,.42),transparent 76%);
}

/* Cursor-driven Sportaki Arena tiles: visible motion, not a static Alithenia clone. */
.sportaki-home-arena-card {
  --arena-x:50%;
  --arena-y:50%;
  --arena-rx:0deg;
  --arena-ry:0deg;
  transform:perspective(900px) rotateX(var(--arena-rx)) rotateY(var(--arena-ry)) translateZ(0);
  transform-style:preserve-3d;
  will-change:transform;
}
.sportaki-home-arena-card::before {
  content:"";
  position:absolute;
  z-index:4;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle 210px at var(--arena-x) var(--arena-y),rgba(34,183,255,.26),rgba(113,55,168,.10) 42%,transparent 72%);
  mix-blend-mode:screen;
  opacity:.16;
  transition:opacity .25s ease;
}
.sportaki-home-arena-card:hover::before { opacity:.95; }
.sportaki-home-arena-card .sportaki-home-arena-card-copy { transform:translateZ(14px); }
.sportaki-home-arena-card .sportaki-home-arena-card-index { transform:translateZ(18px); }
.sportaki-home-arena-card-copy strong {
  -webkit-line-clamp:4;
  font-size:clamp(.94rem,1.08vw,1.12rem);
  line-height:1.12;
}
@media (hover:hover) {
  .sportaki-home-arena-lead:hover {
    border-color:rgba(103,183,255,.62);
    box-shadow:0 34px 82px rgba(16,48,90,.30),0 0 42px rgba(59,130,246,.13),0 0 0 1px rgba(255,255,255,.12) inset;
  }
  .sportaki-home-arena-card:hover {
    border-color:rgba(103,183,255,.64);
    box-shadow:0 26px 58px rgba(12,45,88,.30),0 0 34px rgba(113,55,168,.14);
  }
  .sportaki-home-arena-card:hover .sportaki-home-arena-card-media img {
    transform:scale(1.105) translate3d(var(--arena-img-x,0px),var(--arena-img-y,0px),0);
  }
}

/* DARK MODE: all homepage editorial titles must be bright and readable. */
:root[data-theme="dark"] .sportaki-home-content .sportaki-section-heading h2,
:root[data-theme="dark"] .sportaki-home-content .sportaki-section-heading h3,
:root[data-theme="dark"] .sportaki-home-content .sportaki-card-title,
:root[data-theme="dark"] .sportaki-home-content .sportaki-card-title a,
:root[data-theme="dark"] .sportaki-home-content .sportaki-card-title a:visited,
:root[data-theme="dark"] .sportaki-home-latest .sportaki-card-title,
:root[data-theme="dark"] .sportaki-home-latest .sportaki-card-title a {
  color:#f4f7fb !important;
}
:root[data-theme="dark"] .sportaki-home-content .sportaki-card-excerpt { color:#b7c4d4 !important; }
:root[data-theme="dark"] .sportaki-home-content .sportaki-card-meta { color:#8fa0b5 !important; }

/* WebTV heading was inheriting a dark title on a dark shell. Force semantic contrast in both modes. */
.sportaki-webtv-home .sportaki-webtv-stage-title h1,
.sportaki-webtv-page .sportaki-webtv-stage-title h1 {
  color:#f4f7fb !important;
  text-shadow:0 2px 18px rgba(0,0,0,.34);
}
.sportaki-webtv-home .sportaki-webtv-stage-title h1 {
  position:relative;
  display:inline-block;
}
.sportaki-webtv-home .sportaki-webtv-stage-title h1::after {
  content:"";
  position:absolute;
  right:0;
  bottom:-8px;
  left:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#22b7ff,#3b82f6 52%,#7137a8);
  box-shadow:0 0 18px rgba(59,130,246,.34);
  transform:scaleX(.56);
  transform-origin:left;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
@media (hover:hover) {
  .sportaki-webtv-stage-head:hover .sportaki-webtv-stage-title h1::after { transform:scaleX(1); filter:brightness(1.14); }
}
:root[data-theme="light"] .sportaki-webtv-home .sportaki-webtv-stage-title h1 {
  color:#172033 !important;
  text-shadow:none;
}

/* NOW / NEXT: make the player rail look live and actionable without changing its runtime. */
.sportaki-webtv-home .stv-cards-wrap {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(103,183,255,.22) !important;
  background:
    radial-gradient(circle at 14% 0%,rgba(255,77,100,.08),transparent 22rem),
    radial-gradient(circle at 82% 0%,rgba(34,183,255,.08),transparent 24rem),
    #0b1729 !important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 34px rgba(0,0,0,.18) !important;
}
.sportaki-webtv-home .stv-cards-wrap::after {
  content:"";
  position:absolute;
  z-index:0;
  top:-55%;
  bottom:-55%;
  width:18%;
  left:-24%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(103,183,255,.10),transparent);
  animation:sportaki-webtv-rail-scan 7.5s ease-in-out infinite;
  pointer-events:none;
}
.sportaki-webtv-home .stv-card {
  position:relative;
  z-index:1;
  overflow:hidden;
  transition:transform .30s cubic-bezier(.2,.7,.2,1),border-color .30s ease,box-shadow .30s ease !important;
}
.sportaki-webtv-home .stv-card:first-child {
  border-color:rgba(255,77,100,.40) !important;
  box-shadow:0 0 0 1px rgba(255,77,100,.07) inset,0 12px 30px rgba(255,40,74,.07) !important;
}
.sportaki-webtv-home .stv-card:nth-child(2) {
  border-color:rgba(34,183,255,.38) !important;
  box-shadow:0 0 0 1px rgba(34,183,255,.06) inset,0 12px 30px rgba(34,183,255,.06) !important;
}
.sportaki-webtv-home .stv-card:first-child::before,
.sportaki-webtv-home .stv-card:nth-child(2)::before {
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  border-radius:4px;
}
.sportaki-webtv-home .stv-card:first-child::before {
  background:#ff4d64;
  box-shadow:0 0 18px rgba(255,77,100,.76);
  animation:sportaki-live-edge-pulse 1.8s ease-in-out infinite;
}
.sportaki-webtv-home .stv-card:nth-child(2)::before {
  background:linear-gradient(180deg,#22b7ff,#7137a8);
  box-shadow:0 0 16px rgba(34,183,255,.42);
}
.sportaki-webtv-home .stv-card-time { font-weight:900 !important; letter-spacing:.01em; }
.sportaki-webtv-home .stv-card-title { font-weight:900 !important; }
.sportaki-webtv-home .stv-card-right img { transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s ease !important; }
@media (hover:hover) {
  .sportaki-webtv-home .stv-card:hover {
    transform:translateY(-5px) scale(1.008);
    box-shadow:0 18px 38px rgba(4,16,34,.26),0 0 26px rgba(34,183,255,.08) !important;
  }
  .sportaki-webtv-home .stv-card:hover .stv-card-right img { transform:scale(1.055); filter:saturate(1.12) contrast(1.04); }
}
@keyframes sportaki-webtv-rail-scan { 0%,18%{left:-24%;opacity:0} 32%{opacity:1} 62%{left:115%;opacity:.7} 63%,100%{left:115%;opacity:0} }
@keyframes sportaki-live-edge-pulse { 0%,100%{opacity:.65;filter:brightness(.88)} 50%{opacity:1;filter:brightness(1.25)} }

/* Light WebTV retains the energetic NOW/NEXT hierarchy while matching the light shell. */
:root[data-theme="light"] .sportaki-webtv-home .stv-cards-wrap {
  border-color:#b8cbe0 !important;
  background:
    radial-gradient(circle at 14% 0%,rgba(217,45,75,.07),transparent 20rem),
    radial-gradient(circle at 82% 0%,rgba(59,130,246,.08),transparent 22rem),
    linear-gradient(180deg,#f8fbfe,#e9f0f7) !important;
}
:root[data-theme="light"] .sportaki-webtv-home .stv-card:first-child {
  border-color:rgba(217,45,75,.32) !important;
  background:linear-gradient(180deg,#fff,#fff7f8) !important;
}
:root[data-theme="light"] .sportaki-webtv-home .stv-card:nth-child(2) {
  border-color:rgba(36,95,184,.30) !important;
  background:linear-gradient(180deg,#fff,#f4f8fd) !important;
}

@media (max-width:1200px) {
  .sportaki-home-arena-grid { grid-template-columns:minmax(0,1.48fr) minmax(390px,.92fr); }
  .sportaki-home-arena-lead h1 { font-size:clamp(1.9rem,3vw,3.25rem) !important; }
}
@media (max-width:900px) {
  .sportaki-home-arena-lead,
  .sportaki-home-arena-card { transform:none !important; }
  .sportaki-home-arena-lead { min-height:clamp(460px,78vw,610px); }
  .sportaki-home-arena-lead h1,
  .sportaki-home-arena-lead.is-title-long h1,
  .sportaki-home-arena-lead.is-title-very-long h1 { max-width:22ch; font-size:clamp(1.9rem,5.8vw,3rem) !important; }
  .sportaki-home-arena-card-copy strong { -webkit-line-clamp:4; }
}
@media (max-width:720px) {
  .sportaki-home-arena-lead { min-height:clamp(430px,112vw,560px); }
  .sportaki-home-arena-lead h1,
  .sportaki-home-arena-lead.is-title-long h1,
  .sportaki-home-arena-lead.is-title-very-long h1 { max-width:none; font-size:clamp(1.72rem,7.6vw,2.68rem) !important; line-height:1.02 !important; }
  .sportaki-home-arena-lead .sportaki-home-lead-copy > p { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .sportaki-home-arena-lead,
  .sportaki-home-arena-card { transform:none !important; }
  .sportaki-home-arena-lead::after,
  .sportaki-home-arena-card::before { display:none !important; }
  .sportaki-webtv-home .stv-cards-wrap::after,
  .sportaki-webtv-home .stv-card:first-child::before { animation:none !important; }
}

/* =============================================================
   v1.1.4 — Επικαιρότητα newsroom rebuild
   Canonical remote Alithenia hub; legacy page shortcodes stay available
   elsewhere but are intentionally not rendered on /epikairotita/.
   ============================================================= */
.sportaki-epik-shell { --epik-violet:#7137a8; --epik-magenta:#c42b83; --epik-blue:#3b82f6; --epik-cyan:#22b7ff; }
.sportaki-epik-page-main,
.category-epikairotita .sportaki-main { background:
  radial-gradient(circle at 12% 8%, color-mix(in srgb,#7137a8 7%,transparent), transparent 32%),
  radial-gradient(circle at 88% 24%, color-mix(in srgb,#3b82f6 8%,transparent), transparent 34%),
  var(--sportaki-bg); }

.sportaki-epik-masthead {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:1.5rem;
  min-height:230px;
  margin:0 0 1rem;
  padding:clamp(1.45rem,3.5vw,3rem);
  overflow:hidden;
  border:1px solid color-mix(in srgb,#7137a8 28%,var(--sportaki-border));
  border-radius:30px;
  background:
    linear-gradient(125deg,color-mix(in srgb,#ffffff 96%,#7137a8) 0%,color-mix(in srgb,var(--sportaki-surface) 94%,#3b82f6) 56%,color-mix(in srgb,var(--sportaki-surface) 90%,#7137a8) 100%);
  box-shadow:0 24px 70px rgba(30,55,90,.10), inset 0 1px 0 rgba(255,255,255,.72);
}
.sportaki-epik-masthead::before {
  content:"";
  position:absolute;
  inset:-60% auto -60% 42%;
  z-index:-2;
  width:42%;
  transform:skewX(-18deg);
  background:linear-gradient(180deg,transparent,color-mix(in srgb,#7137a8 12%,transparent),color-mix(in srgb,#22b7ff 10%,transparent),transparent);
  filter:blur(2px);
  animation:sportaki-epik-beam 8s ease-in-out infinite alternate;
}
.sportaki-epik-masthead::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:270px;
  height:270px;
  right:-70px;
  top:-100px;
  border:1px solid color-mix(in srgb,#7137a8 18%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 42px color-mix(in srgb,#3b82f6 4%,transparent),0 0 0 84px color-mix(in srgb,#7137a8 3%,transparent);
}
.sportaki-epik-masthead-glow { position:absolute; inset:auto -10% -70% 30%; z-index:-1; height:190px; background:radial-gradient(ellipse,color-mix(in srgb,#7137a8 18%,transparent),transparent 68%); filter:blur(26px); pointer-events:none; }
.sportaki-epik-kicker { display:inline-flex; align-items:center; gap:.48rem; margin-bottom:.55rem; color:#7137a8; font-size:.72rem; font-weight:950; letter-spacing:.16em; }
.sportaki-epik-kicker > span { width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,#3b82f6,#c42b83); box-shadow:0 0 0 5px color-mix(in srgb,#7137a8 9%,transparent),0 0 18px color-mix(in srgb,#7137a8 36%,transparent); }
.sportaki-epik-masthead h1 { margin:0; color:var(--sportaki-text); font:900 clamp(3rem,7vw,6.7rem)/.86 "Roboto Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:-.055em; }
.sportaki-epik-masthead p { max-width:720px; margin:1rem 0 0; color:var(--sportaki-muted); font-size:clamp(.98rem,1.55vw,1.14rem); line-height:1.55; }
.sportaki-epik-family-mark { display:flex; align-items:center; gap:.55rem; align-self:start; padding:.62rem .78rem; border:1px solid color-mix(in srgb,#7137a8 22%,var(--sportaki-border)); border-radius:999px; background:color-mix(in srgb,var(--sportaki-surface) 88%,transparent); box-shadow:0 10px 24px rgba(35,50,80,.08); color:var(--sportaki-muted); font-size:.68rem; font-weight:900; letter-spacing:.08em; white-space:nowrap; }
.sportaki-epik-family-mark span { color:#245fb8; }
.sportaki-epik-family-mark strong { color:#7137a8; }
.sportaki-epik-family-mark i { opacity:.55; font-style:normal; }

.sportaki-epik-filters { display:flex; gap:.5rem; margin:1rem 0 1.15rem; padding:.25rem 0 .35rem; overflow-x:auto; scrollbar-width:none; }
.sportaki-epik-filters::-webkit-scrollbar { display:none; }
.sportaki-epik-filters a { flex:0 0 auto; position:relative; padding:.7rem 1rem; border-radius:999px; font-size:.78rem; font-weight:900; text-decoration:none; }
.sportaki-epik-filters a::after { content:""; position:absolute; left:20%; right:20%; bottom:4px; height:2px; border-radius:99px; background:linear-gradient(90deg,#3b82f6,#7137a8,#c42b83); transform:scaleX(0); transition:transform .22s ease; }
.sportaki-epik-filters a:hover::after,
.sportaki-epik-filters a.is-active::after { transform:scaleX(1); }

.sportaki-epik-feature-stage { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(390px,.85fr); gap:.85rem; margin:0 0 2.3rem; perspective:1100px; }
.sportaki-epik-feature-tiles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.sportaki-epik-feature-card { --arena-x:50%; --arena-y:50%; --arena-rx:0deg; --arena-ry:0deg; --arena-img-x:0px; --arena-img-y:0px; position:relative; min-width:0; transform:perspective(1100px) rotateX(var(--arena-rx)) rotateY(var(--arena-ry)); transform-style:preserve-3d; transition:transform .22s ease,filter .22s ease; }
.sportaki-epik-feature-link { position:relative; display:block; height:100%; overflow:hidden; border:1px solid color-mix(in srgb,#7137a8 28%,rgba(255,255,255,.20)); border-radius:24px; background:#091321; box-shadow:0 18px 48px rgba(8,20,38,.18); color:#fff; text-decoration:none; }
.sportaki-epik-feature-lead { min-height:520px; }
.sportaki-epik-feature-tile { min-height:252px; }
.sportaki-epik-feature-media,
.sportaki-epik-feature-media img,
.sportaki-epik-feature-placeholder { position:absolute; inset:0; width:100%; height:100%; }
.sportaki-epik-feature-media img { object-fit:cover; transform:translate3d(var(--arena-img-x),var(--arena-img-y),0) scale(1.025); transition:transform .75s cubic-bezier(.2,.72,.18,1),filter .35s ease; }
.sportaki-epik-feature-placeholder { display:grid; place-items:center; background:linear-gradient(135deg,#0d1930,#18233e); }
.sportaki-epik-feature-placeholder img { position:static; width:150px; height:auto; object-fit:contain; opacity:.35; }
.sportaki-epik-feature-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,8,18,.04) 8%,rgba(2,8,18,.24) 42%,rgba(2,8,18,.93) 100%); }
.sportaki-epik-feature-lead .sportaki-epik-feature-shade { background:linear-gradient(90deg,rgba(2,8,18,.78) 0%,rgba(2,8,18,.36) 52%,rgba(2,8,18,.14) 100%),linear-gradient(0deg,rgba(2,8,18,.88),transparent 60%); }
.sportaki-epik-feature-light { position:absolute; inset:0; opacity:0; background:radial-gradient(circle at var(--arena-x) var(--arena-y),rgba(103,183,255,.24),rgba(113,55,168,.12) 20%,transparent 47%); transition:opacity .25s ease; mix-blend-mode:screen; }
.sportaki-epik-feature-index { position:absolute; top:.8rem; right:.8rem; z-index:3; display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.20); border-radius:50%; background:rgba(7,16,31,.58); backdrop-filter:blur(12px); color:#fff; font-size:.73rem; font-weight:950; }
.sportaki-epik-feature-copy { position:absolute; z-index:3; inset:auto 0 0; display:grid; gap:.55rem; padding:clamp(1rem,2.2vw,2rem); transform:translateZ(22px); }
.sportaki-epik-feature-topline { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem; font-size:.64rem; font-weight:950; letter-spacing:.12em; }
.sportaki-epik-feature-topline b { color:#83c8ff; }
.sportaki-epik-feature-topline i { padding:.25rem .42rem; border:1px solid rgba(181,138,224,.32); border-radius:999px; background:rgba(113,55,168,.18); color:#d8b9f2; font-style:normal; }
.sportaki-epik-feature-title { display:block; max-width:19ch; color:#fff; font:900 clamp(1.45rem,2.35vw,3.6rem)/.96 "Roboto Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:-.035em; text-shadow:0 3px 24px rgba(0,0,0,.52); }
.sportaki-epik-feature-tile .sportaki-epik-feature-title { font-size:clamp(1.06rem,1.2vw,1.42rem); line-height:1.02; }
.sportaki-epik-feature-excerpt { max-width:62ch; color:rgba(247,249,252,.82); font-size:.9rem; line-height:1.45; }
.sportaki-epik-feature-meta { display:flex; justify-content:space-between; align-items:center; gap:.8rem; color:rgba(247,249,252,.67); font-size:.68rem; font-weight:750; }
.sportaki-epik-feature-meta em { color:#fff; font-style:normal; font-weight:900; opacity:.75; transition:transform .22s ease,opacity .22s ease; }
.sportaki-epik-feature-card:hover { filter:saturate(1.08); }
.sportaki-epik-feature-card:hover .sportaki-epik-feature-media img { transform:translate3d(var(--arena-img-x),var(--arena-img-y),0) scale(1.075); }
.sportaki-epik-feature-card:hover .sportaki-epik-feature-light { opacity:1; }
.sportaki-epik-feature-card:hover .sportaki-epik-feature-link { border-color:color-mix(in srgb,#b58ae0 54%,rgba(255,255,255,.25)); box-shadow:0 25px 68px rgba(18,42,78,.28),0 0 34px color-mix(in srgb,#7137a8 16%,transparent); }
.sportaki-epik-feature-card:hover .sportaki-epik-feature-meta em { opacity:1; transform:translate(3px,-2px); }

.sportaki-epik-flow-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin:0 0 1rem; padding-top:.2rem; }
.sportaki-epik-flow-heading span { color:#7137a8; font-size:.66rem; font-weight:950; letter-spacing:.16em; }
.sportaki-epik-flow-heading h2 { margin:.18rem 0 0; color:var(--sportaki-text); font:900 clamp(2rem,4.2vw,3.5rem)/.95 "Roboto Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:-.035em; }
.sportaki-epik-flow-heading p { max-width:390px; margin:0; color:var(--sportaki-soft); font-size:.74rem; text-align:right; }
.sportaki-epik-news-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:0; }
.sportaki-epik-news-grid .sportaki-card-network { overflow:hidden; border:1px solid color-mix(in srgb,#7137a8 18%,var(--sportaki-border)); border-radius:20px; background:var(--sportaki-surface); box-shadow:0 12px 32px rgba(32,55,82,.08); transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
.sportaki-epik-news-grid .sportaki-card-network:hover { transform:translateY(-6px); border-color:color-mix(in srgb,#7137a8 42%,var(--sportaki-border)); box-shadow:0 22px 48px rgba(32,55,82,.15),0 0 26px color-mix(in srgb,#7137a8 8%,transparent); }
.sportaki-epik-news-grid .sportaki-card-media { overflow:hidden; }
.sportaki-epik-news-grid .sportaki-card-image { transition:transform .55s cubic-bezier(.2,.72,.18,1),filter .25s ease; }
.sportaki-epik-news-grid .sportaki-card-network:hover .sportaki-card-image { transform:scale(1.055); filter:saturate(1.06); }
.sportaki-epik-news-grid .sportaki-card-title a { color:var(--sportaki-text); text-decoration:none; }
.sportaki-epik-news-grid .sportaki-card-title a:hover { color:var(--sportaki-link-hover); }
.sportaki-epik-news-grid .sportaki-network-badge { box-shadow:0 6px 18px rgba(113,55,168,.22); }
.sportaki-epik-pagination { margin-top:2rem; }

:root[data-theme="dark"] .sportaki-epik-masthead { background:linear-gradient(130deg,#101a28 0%,#111b2c 50%,#17142a 100%); border-color:rgba(181,138,224,.22); box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04); }
:root[data-theme="dark"] .sportaki-epik-kicker { color:#b58ae0; }
:root[data-theme="dark"] .sportaki-epik-family-mark { background:rgba(10,19,32,.72); border-color:rgba(181,138,224,.22); }
:root[data-theme="dark"] .sportaki-epik-family-mark span { color:#67b7ff; }
:root[data-theme="dark"] .sportaki-epik-family-mark strong { color:#c8a4e8; }
:root[data-theme="dark"] .sportaki-epik-flow-heading span { color:#b58ae0; }
:root[data-theme="dark"] .sportaki-epik-news-grid .sportaki-card-network { background:#101a28; border-color:rgba(181,138,224,.16); }

@media (max-width:1000px) {
  .sportaki-epik-feature-stage { grid-template-columns:1fr; }
  .sportaki-epik-feature-lead { min-height:480px; }
  .sportaki-epik-feature-tiles { grid-template-columns:repeat(4,minmax(240px,1fr)); overflow-x:auto; padding-bottom:.5rem; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .sportaki-epik-feature-tiles::-webkit-scrollbar { display:none; }
  .sportaki-epik-feature-tile { min-height:230px; scroll-snap-align:start; }
  .sportaki-epik-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .sportaki-epik-masthead { grid-template-columns:1fr; min-height:0; padding:1.35rem; border-radius:22px; }
  .sportaki-epik-masthead h1 { font-size:clamp(2.8rem,15vw,4.4rem); }
  .sportaki-epik-masthead p { font-size:.91rem; }
  .sportaki-epik-family-mark { justify-self:start; order:-1; }
  .sportaki-epik-feature-lead { min-height:min(64vh,500px); }
  .sportaki-epik-feature-lead .sportaki-epik-feature-title { font-size:clamp(2rem,9vw,3.1rem); }
  .sportaki-epik-feature-excerpt { display:none; }
  .sportaki-epik-feature-tiles { grid-template-columns:none; display:flex; gap:.7rem; }
  .sportaki-epik-feature-tile { flex:0 0 min(82vw,330px); min-height:220px; }
  .sportaki-epik-flow-heading { align-items:start; }
  .sportaki-epik-flow-heading p { display:none; }
  .sportaki-epik-news-grid { grid-template-columns:1fr; }
  .sportaki-epik-news-grid .sportaki-card-standard { display:grid; grid-template-columns:118px minmax(0,1fr); }
  .sportaki-epik-news-grid .sportaki-card-standard .sportaki-card-media { height:100%; min-height:124px; aspect-ratio:auto; }
  .sportaki-epik-news-grid .sportaki-card-standard .sportaki-card-content { padding:.78rem; }
  .sportaki-epik-news-grid .sportaki-card-standard .sportaki-card-excerpt { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .sportaki-epik-masthead::before { animation:none; }
  .sportaki-epik-feature-card,
  .sportaki-epik-feature-media img { transition:none !important; transform:none !important; }
}
@keyframes sportaki-epik-beam { from { transform:translateX(-14%) skewX(-18deg); opacity:.55; } to { transform:translateX(30%) skewX(-18deg); opacity:1; } }


/* =============================================================
   v1.1.5 — Επικαιρότητα lead-stage hardening
   Guarantees that the first column is a real visual feature rather than an
   empty grid track when the child relies on percentage height/min-height.
   ============================================================= */
.sportaki-epik-feature-lead-wrap {
  min-width:0;
  min-height:520px;
  display:flex;
}
.sportaki-epik-feature-lead-wrap > .sportaki-epik-feature-card {
  flex:1 1 auto;
  width:100%;
  min-height:520px;
}
.sportaki-epik-feature-lead .sportaki-epik-feature-link {
  min-height:520px;
  height:100%;
}
.sportaki-epik-feature-lead .sportaki-epik-feature-copy {
  max-width:min(780px,88%);
}
.sportaki-epik-feature-lead .sportaki-epik-feature-title {
  max-width:17ch;
  font-size:clamp(2.25rem,3.45vw,4.7rem);
  line-height:.94;
}
.sportaki-epik-feature-lead .sportaki-epik-feature-excerpt {
  max-width:58ch;
  font-size:clamp(.86rem,.9vw,1.02rem);
}
.sportaki-epik-feature-lead::after {
  content:"ΠΡΩΤΟ ΘΕΜΑ";
  position:absolute;
  z-index:4;
  top:1rem;
  left:1rem;
  padding:.42rem .68rem;
  border:1px solid rgba(255,255,255,.23);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(59,130,246,.82),rgba(113,55,168,.82));
  box-shadow:0 10px 28px rgba(20,45,85,.28);
  color:#fff;
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.12em;
  pointer-events:none;
  backdrop-filter:blur(10px);
}
.sportaki-epik-feature-lead:hover::after {
  box-shadow:0 12px 34px rgba(34,183,255,.18),0 0 24px rgba(113,55,168,.20);
}
@media (max-width:1000px) {
  .sportaki-epik-feature-lead-wrap,
  .sportaki-epik-feature-lead-wrap > .sportaki-epik-feature-card,
  .sportaki-epik-feature-lead .sportaki-epik-feature-link { min-height:480px; }
}
@media (max-width:700px) {
  .sportaki-epik-feature-lead-wrap,
  .sportaki-epik-feature-lead-wrap > .sportaki-epik-feature-card,
  .sportaki-epik-feature-lead .sportaki-epik-feature-link { min-height:min(64vh,500px); }
  .sportaki-epik-feature-lead .sportaki-epik-feature-copy { max-width:100%; }
  .sportaki-epik-feature-lead .sportaki-epik-feature-title {
    max-width:18ch;
    font-size:clamp(1.95rem,8.7vw,3rem);
  }
}

/* ==========================================================
   v1.1.6 — WebTV page hero contrast hardening
   The dedicated /sportaki-tv/ page is always rendered on a dark WebTV shell.
   Keep its hero copy semantically bright in both Light and Dark modes.
   ========================================================== */
.sportaki-webtv-page .sportaki-webtv-hero .sportaki-page-header {
  position: relative;
  z-index: 2;
  isolation: isolate;
}
.sportaki-webtv-page .sportaki-webtv-hero .sportaki-page-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1.2rem -2.2rem;
  border-radius: 42%;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 45%, rgba(34,183,255,.12), transparent 46%),
    radial-gradient(circle at 64% 38%, rgba(113,55,168,.10), transparent 54%);
  filter: blur(12px);
  opacity: .9;
}
.sportaki-webtv-page .sportaki-webtv-hero .sportaki-page-header h1 {
  color: #f7f9fc !important;
  text-shadow:
    0 2px 2px rgba(0,0,0,.55),
    0 8px 28px rgba(0,0,0,.46),
    0 0 34px rgba(59,130,246,.15);
}
.sportaki-webtv-page .sportaki-webtv-hero .sportaki-page-header h1::after {
  content: "";
  display: block;
  width: min(180px, 36%);
  height: 4px;
  margin: .72rem auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #22b7ff 0%, #3b82f6 52%, #7137a8 100%);
  box-shadow: 0 0 22px rgba(59,130,246,.36);
}
.sportaki-webtv-page .sportaki-webtv-hero .sportaki-page-header > p {
  color: #c7d3e3 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.38);
}
.sportaki-webtv-page .sportaki-webtv-hero .sportaki-section-eyebrow {
  color: #5edcff !important;
  text-shadow: 0 0 18px rgba(34,183,255,.28);
}
@media (max-width: 700px) {
  .sportaki-webtv-page .sportaki-webtv-hero .sportaki-page-header h1::after {
    width: 112px;
    margin-top: .58rem;
  }
}

/* ==========================================================
   v1.1.7 — Broadcast TV visual isolation / title hardening
   Page 2035 is a utility surface. Team Mode may remain active in the global
   header selector, but it must not recolor the Broadcast TV guide itself.
   ========================================================== */
body.page-id-2035 .sportaki-global-team-backdrop {
  opacity: 0 !important;
}

/* Keep the guide on the canonical Sportaki steel / blue / violet palette,
   independent of the currently selected club. */
body.page-id-2035 .ks-btv {
  --sportaki-team-primary: #3b82f6;
  --sportaki-team-secondary: #7137a8;
  --sportaki-accent: #22b7ff;
  --sportaki-accent-2: #7137a8;
}

/* The generic Classic Editor H2 skin has equal specificity to the Core guide
   title and can win depending on enqueue order. Use a page-scoped selector so
   the Broadcast hero is deterministic in both Light and Dark modes. */
body.page-id-2035 .sportaki-entry-content .ks-btv-hero h2 {
  display: inline-block;
  max-width: 100%;
  margin: 0 !important;
  padding: .12em .28em .16em .34em !important;
  border: 0 !important;
  border-left: 4px solid #7137a8 !important;
  border-radius: 0 12px 12px 0 !important;
  background:
    linear-gradient(90deg, rgba(59,130,246,.14) 0%, rgba(113,55,168,.10) 52%, rgba(34,183,255,.035) 78%, transparent 100%) !important;
  color: #f7f9fc !important;
  text-shadow:
    0 2px 2px rgba(0,0,0,.48),
    0 8px 28px rgba(0,0,0,.36),
    0 0 28px rgba(59,130,246,.11) !important;
  -webkit-text-fill-color: #f7f9fc !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

body.page-id-2035 .sportaki-entry-content .ks-btv-kicker {
  color: #61c7ff !important;
}
body.page-id-2035 .sportaki-entry-content .ks-btv-hero p {
  color: #bcc9dc !important;
}

/* Selection is intentionally brand-blue on this utility page instead of the
   current club colour, so a selected heading never looks Panathinaikos/AEK/etc. */
body.page-id-2035 .ks-btv ::selection {
  background: #3b82f6;
  color: #ffffff;
}

/* Prevent article-link palette rules from recolouring the small source/footer
   links inside the guide. */
body.page-id-2035 .sportaki-entry-content .ks-btv a {
  color: #8fa5c0;
  text-decoration: none;
}
body.page-id-2035 .sportaki-entry-content .ks-btv a:hover {
  color: #ffffff;
}

@media (max-width: 640px) {
  body.page-id-2035 .sportaki-entry-content .ks-btv-hero h2 {
    padding: .10em .22em .14em .28em !important;
    border-left-width: 3px !important;
    border-radius: 0 9px 9px 0 !important;
  }
}

/* ==========================================================
   v1.1.8 — SINGLE ARTICLE CONTRAST ISOLATION
   Preserve Team Mode branding, but never let the article title,
   deck or controls disappear against a dark/team-tinted backdrop.
   ========================================================== */

/* Individual article titles must always track the actual reading surface. */
body.single-post .sportaki-article-header h1 {
  color: var(--sportaki-text);
}

:root[data-theme="dark"] body.single-post .sportaki-article-header h1,
body.single-post.has-sportaki-team .sportaki-article-header h1 {
  color: #f7f9fc !important;
  text-shadow:
    0 3px 18px rgba(0,0,0,.66),
    0 0 34px color-mix(in srgb,var(--sportaki-team-primary) 18%,transparent);
}

/* Team Mode keeps its club logo/colour in the page background, while the
   article masthead gets a controlled glass reading surface above it. */
body.single-post.has-sportaki-team .sportaki-article-header {
  position: relative;
  isolation: isolate;
  padding: clamp(1rem,2.1vw,1.55rem) clamp(.9rem,2vw,1.5rem);
  border: 1px solid color-mix(in srgb,var(--sportaki-team-primary) 34%,rgba(151,181,218,.30));
  border-radius: 26px;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,#07101f 88%,var(--sportaki-team-primary)) 0%,
      rgba(7,16,31,.82) 58%,
      rgba(8,18,33,.76) 100%);
  box-shadow:
    0 20px 48px rgba(3,10,20,.26),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 36px color-mix(in srgb,var(--sportaki-team-primary) 10%,transparent);
  backdrop-filter: blur(5px) saturate(1.05);
  -webkit-backdrop-filter: blur(5px) saturate(1.05);
}

body.single-post.has-sportaki-team .sportaki-article-category {
  color: color-mix(in srgb,var(--sportaki-team-primary) 42%,#dff7ff) !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.38);
}
body.single-post.has-sportaki-team .sportaki-article-deck {
  color: #d7e1ee !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.42);
}
body.single-post.has-sportaki-team .sportaki-article-meta { color: #a7b7ca !important; }
body.single-post.has-sportaki-team .sportaki-author { color: #f4f7fb !important; }
body.single-post.has-sportaki-team .sportaki-share-row a,
body.single-post.has-sportaki-team .sportaki-share-row button {
  border-color: rgba(158,187,224,.30);
  background: rgba(255,255,255,.055);
  color: #dce6f2;
}
@media (hover:hover) {
  body.single-post.has-sportaki-team .sportaki-share-row a:hover,
  body.single-post.has-sportaki-team .sportaki-share-row button:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb,var(--sportaki-team-primary) 58%,#7fc8ff);
    background: linear-gradient(135deg,
      color-mix(in srgb,var(--sportaki-team-primary) 17%,rgba(255,255,255,.06)),
      rgba(113,55,168,.13));
    color: #fff;
    box-shadow: 0 8px 22px rgba(3,10,20,.22);
  }
}

@media (max-width: 700px) {
  body.single-post.has-sportaki-team .sportaki-article-header {
    padding: .9rem .85rem 1rem;
    border-radius: 18px;
  }
}


/* ==========================================================
   v1.1.9 — SITEWIDE PUBLIC-SURFACE HARDENING
   Consolidated sweep: generic title contrast, /eidiseis/ replacement,
   and long-headline safety for the Alithenia newsroom.
   ========================================================== */

/* Generic public titles must never inherit stale legacy/snippet colours.
   Exclude the dedicated WebTV shell, which owns its own white-on-dark hero. */
html[data-theme="dark"] body.sportaki-next .sportaki-main:not(.sportaki-webtv-page) .sportaki-archive-header h1,
html[data-theme="dark"] body.sportaki-next .sportaki-main:not(.sportaki-webtv-page) .sportaki-page-header h1,
html[data-theme="dark"] body.sportaki-next .sportaki-team-directory-header h1,
html[data-theme="dark"] body.sportaki-next .sportaki-404-hero h1,
html[data-theme="dark"] body.sportaki-next .sportaki-search-results .sportaki-page-header h1,
html[data-theme="dark"] body.sportaki-next .sportaki-epik-masthead h1,
html[data-theme="dark"] body.sportaki-next .sportaki-epik-flow-heading h2 {
  color:#f4f7fb !important;
  -webkit-text-fill-color:#f4f7fb !important;
  text-shadow:0 3px 22px rgba(0,0,0,.34);
}
html[data-theme="light"] body.sportaki-next .sportaki-main:not(.sportaki-webtv-page) .sportaki-archive-header h1,
html[data-theme="light"] body.sportaki-next .sportaki-main:not(.sportaki-webtv-page) .sportaki-page-header h1,
html[data-theme="light"] body.sportaki-next .sportaki-team-directory-header h1,
html[data-theme="light"] body.sportaki-next .sportaki-404-hero h1,
html[data-theme="light"] body.sportaki-next .sportaki-search-results .sportaki-page-header h1 {
  color:#172033 !important;
  -webkit-text-fill-color:#172033 !important;
  text-shadow:none;
}

/* Archive/card readability guardrails. These intentionally outrank old Custom
   CSS and legacy snippets still active during the hybrid migration. */
html[data-theme="dark"] body.sportaki-next .sportaki-archive-shell .sportaki-card-title,
html[data-theme="dark"] body.sportaki-next .sportaki-archive-shell .sportaki-card-title a,
html[data-theme="dark"] body.sportaki-next .sportaki-search-results .sportaki-card-title,
html[data-theme="dark"] body.sportaki-next .sportaki-search-results .sportaki-card-title a {
  color:#f4f7fb !important;
  -webkit-text-fill-color:#f4f7fb !important;
}
html[data-theme="dark"] body.sportaki-next .sportaki-archive-shell .sportaki-card-excerpt,
html[data-theme="dark"] body.sportaki-next .sportaki-search-results .sportaki-card-excerpt { color:#b2c0d1 !important; }
html[data-theme="dark"] body.sportaki-next .sportaki-archive-shell .sportaki-card-meta,
html[data-theme="dark"] body.sportaki-next .sportaki-search-results .sportaki-card-meta { color:#8495aa !important; }

/* Epikairotita: long remote headlines stay fully visible instead of growing
   past the lead card's upper edge. */
.sportaki-epik-feature-title { overflow-wrap:anywhere; hyphens:auto; }
.sportaki-epik-feature-lead .sportaki-epik-feature-title {
  max-width:21ch;
  font-size:clamp(2.05rem,3vw,3.95rem);
  line-height:.96;
}
.sportaki-epik-feature-lead.is-title-long .sportaki-epik-feature-title {
  max-width:23ch;
  font-size:clamp(1.82rem,2.55vw,3.15rem);
  line-height:.99;
}
.sportaki-epik-feature-lead.is-title-very-long .sportaki-epik-feature-title {
  max-width:25ch;
  font-size:clamp(1.62rem,2.15vw,2.68rem);
  line-height:1.01;
}
.sportaki-epik-feature-tile.is-title-long .sportaki-epik-feature-title { font-size:clamp(.98rem,1.05vw,1.2rem); line-height:1.04; }
.sportaki-epik-feature-tile.is-title-very-long .sportaki-epik-feature-title { font-size:clamp(.9rem,.96vw,1.08rem); line-height:1.06; }

/* ---------- /eidiseis/ canonical Sportaki sports newsroom ---------- */
.sportaki-sports-news-page {
  background:
    radial-gradient(circle at 10% 6%,color-mix(in srgb,var(--sportaki-blue) 8%,transparent),transparent 30rem),
    radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--sportaki-violet) 7%,transparent),transparent 32rem),
    var(--sportaki-bg);
}
.sportaki-sports-news-shell { --sports-blue:#3b82f6; --sports-violet:#7137a8; --sports-cyan:#22b7ff; }
.sportaki-sports-news-masthead {
  position:relative;
  isolation:isolate;
  min-height:230px;
  margin:0 0 1rem;
  padding:clamp(1.5rem,3.5vw,3rem);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--sports-blue) 25%,var(--sportaki-border));
  border-radius:30px;
  background:
    linear-gradient(125deg,color-mix(in srgb,var(--sportaki-surface) 96%,var(--sports-blue)) 0%,color-mix(in srgb,var(--sportaki-surface) 93%,var(--sports-violet)) 100%);
  box-shadow:0 24px 70px rgba(30,55,90,.10),inset 0 1px 0 rgba(255,255,255,.55);
}
.sportaki-sports-news-masthead::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:-80% auto -80% 38%;
  width:34%;
  transform:skewX(-19deg);
  background:linear-gradient(180deg,transparent,rgba(34,183,255,.12),rgba(113,55,168,.11),transparent);
  animation:sportaki-sports-news-beam 8.5s ease-in-out infinite alternate;
}
.sportaki-sports-news-masthead::after {
  content:"";
  position:absolute;
  z-index:-1;
  right:-88px;
  top:-122px;
  width:310px;
  height:310px;
  border:1px solid color-mix(in srgb,var(--sports-blue) 18%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 48px color-mix(in srgb,var(--sports-violet) 4%,transparent),0 0 0 96px color-mix(in srgb,var(--sports-cyan) 3%,transparent);
}
.sportaki-sports-news-masthead-glow { position:absolute; z-index:-1; inset:auto 10% -70% 15%; height:190px; background:radial-gradient(ellipse,rgba(59,130,246,.17),transparent 68%); filter:blur(25px); }
.sportaki-sports-news-kicker { display:inline-flex; align-items:center; gap:.48rem; margin-bottom:.55rem; color:#245fb8; font-size:.72rem; font-weight:950; letter-spacing:.16em; }
.sportaki-sports-news-kicker > span { width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,var(--sports-cyan),var(--sports-blue),var(--sports-violet)); box-shadow:0 0 0 5px rgba(59,130,246,.08),0 0 18px rgba(34,183,255,.22); }
.sportaki-sports-news-masthead h1 { max-width:13ch; margin:0; color:var(--sportaki-text) !important; -webkit-text-fill-color:var(--sportaki-text) !important; font:900 clamp(3rem,7vw,6.4rem)/.88 "Roboto Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:-.055em; text-wrap:balance; }
.sportaki-sports-news-masthead p { max-width:780px; margin:1rem 0 0; color:var(--sportaki-muted); font-size:clamp(.98rem,1.45vw,1.12rem); line-height:1.55; }
html[data-theme="dark"] .sportaki-sports-news-masthead { background:linear-gradient(128deg,#101a28 0%,#101b2d 54%,#17152a 100%); border-color:rgba(103,183,255,.18); box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04); }
html[data-theme="dark"] .sportaki-sports-news-masthead h1 { color:#f4f7fb !important; -webkit-text-fill-color:#f4f7fb !important; }
html[data-theme="dark"] .sportaki-sports-news-kicker { color:#67b7ff; }

.sportaki-sports-news-filters { display:flex; gap:.5rem; margin:1rem 0 1.15rem; padding:.25rem 0 .35rem; overflow-x:auto; scrollbar-width:none; }
.sportaki-sports-news-filters::-webkit-scrollbar { display:none; }
.sportaki-sports-news-filters a { flex:0 0 auto; position:relative; padding:.7rem 1rem; border:1px solid var(--sportaki-border); border-radius:999px; background:var(--sportaki-surface); color:var(--sportaki-muted); font-size:.78rem; font-weight:900; }
.sportaki-sports-news-filters a::after { content:""; position:absolute; left:20%; right:20%; bottom:4px; height:2px; border-radius:99px; background:linear-gradient(90deg,var(--sports-cyan),var(--sports-blue),var(--sports-violet)); transform:scaleX(0); transition:transform .22s ease; }
.sportaki-sports-news-filters a:hover,
.sportaki-sports-news-filters a.is-active { border-color:color-mix(in srgb,var(--sports-blue) 48%,var(--sportaki-border)); color:var(--sportaki-text); }
.sportaki-sports-news-filters a:hover::after,
.sportaki-sports-news-filters a.is-active::after { transform:scaleX(1); }

.sportaki-sports-feature-stage { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(390px,.85fr); gap:.85rem; margin-bottom:2.25rem; perspective:1100px; }
.sportaki-sports-feature-lead-wrap { min-width:0; min-height:520px; display:flex; }
.sportaki-sports-feature-tiles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.sportaki-sports-feature-card { --arena-x:50%; --arena-y:50%; --arena-rx:0deg; --arena-ry:0deg; --arena-img-x:0px; --arena-img-y:0px; position:relative; min-width:0; transform:perspective(1100px) rotateX(var(--arena-rx)) rotateY(var(--arena-ry)); transform-style:preserve-3d; transition:transform .22s ease,filter .22s ease; }
.sportaki-sports-feature-lead { flex:1 1 auto; width:100%; min-height:520px; }
.sportaki-sports-feature-tile { min-height:252px; }
.sportaki-sports-feature-link { position:relative; display:block; height:100%; min-height:inherit; overflow:hidden; border:1px solid rgba(103,183,255,.24); border-radius:24px; background:#081321; box-shadow:0 18px 48px rgba(8,20,38,.18); color:#fff; }
.sportaki-sports-feature-media,
.sportaki-sports-feature-media > img,
.sportaki-sports-feature-media > .sportaki-image-placeholder { position:absolute; inset:0; width:100%; height:100%; }
.sportaki-sports-feature-media > img,
.sportaki-sports-feature-media .sportaki-card-image { object-fit:cover; transform:translate3d(var(--arena-img-x),var(--arena-img-y),0) scale(1.025); transition:transform .7s cubic-bezier(.2,.72,.18,1),filter .35s ease; }
.sportaki-sports-feature-media .sportaki-image-placeholder img { width:150px; height:auto; object-fit:contain; opacity:.36; }
.sportaki-sports-feature-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,8,18,.04) 8%,rgba(2,8,18,.20) 42%,rgba(2,8,18,.94) 100%); }
.sportaki-sports-feature-lead .sportaki-sports-feature-shade { background:linear-gradient(90deg,rgba(2,8,18,.80) 0%,rgba(2,8,18,.35) 56%,rgba(2,8,18,.12) 100%),linear-gradient(0deg,rgba(2,8,18,.89),transparent 62%); }
.sportaki-sports-feature-light { position:absolute; inset:0; opacity:0; background:radial-gradient(circle at var(--arena-x) var(--arena-y),rgba(34,183,255,.24),rgba(113,55,168,.12) 20%,transparent 47%); transition:opacity .25s ease; mix-blend-mode:screen; }
.sportaki-sports-feature-index { position:absolute; top:.8rem; right:.8rem; z-index:3; display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.20); border-radius:50%; background:rgba(7,16,31,.58); backdrop-filter:blur(12px); color:#fff; font-size:.73rem; font-weight:950; }
.sportaki-sports-feature-copy { position:absolute; z-index:3; inset:auto 0 0; display:grid; gap:.55rem; padding:clamp(1rem,2.2vw,2rem); transform:translateZ(22px); }
.sportaki-sports-feature-topline { color:#83c8ff; font-size:.64rem; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.sportaki-sports-feature-title { display:block; max-width:21ch; color:#fff; font:900 clamp(1.45rem,2.35vw,3.55rem)/.96 "Roboto Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:-.035em; text-shadow:0 3px 24px rgba(0,0,0,.55); overflow-wrap:anywhere; }
.sportaki-sports-feature-lead .sportaki-sports-feature-title { max-width:20ch; font-size:clamp(2.05rem,3.1vw,4rem); }
.sportaki-sports-feature-lead.is-title-long .sportaki-sports-feature-title { max-width:23ch; font-size:clamp(1.8rem,2.5vw,3.1rem); line-height:.99; }
.sportaki-sports-feature-lead.is-title-very-long .sportaki-sports-feature-title { max-width:25ch; font-size:clamp(1.58rem,2.1vw,2.6rem); line-height:1.02; }
.sportaki-sports-feature-tile .sportaki-sports-feature-title { font-size:clamp(1.03rem,1.18vw,1.38rem); line-height:1.02; }
.sportaki-sports-feature-tile.is-title-long .sportaki-sports-feature-title { font-size:clamp(.96rem,1.04vw,1.18rem); }
.sportaki-sports-feature-tile.is-title-very-long .sportaki-sports-feature-title { font-size:clamp(.88rem,.94vw,1.06rem); line-height:1.06; }
.sportaki-sports-feature-excerpt { max-width:62ch; color:rgba(247,249,252,.82); font-size:.9rem; line-height:1.45; }
.sportaki-sports-feature-meta { display:flex; justify-content:space-between; align-items:center; gap:.8rem; color:rgba(247,249,252,.70); font-size:.68rem; font-weight:750; }
.sportaki-sports-feature-meta em { color:#fff; font-style:normal; font-weight:900; opacity:.76; transition:transform .22s ease,opacity .22s ease; }
@media (hover:hover) {
  .sportaki-sports-feature-card:hover { filter:saturate(1.08); }
  .sportaki-sports-feature-card:hover .sportaki-sports-feature-media > img,
  .sportaki-sports-feature-card:hover .sportaki-sports-feature-media .sportaki-card-image { transform:translate3d(var(--arena-img-x),var(--arena-img-y),0) scale(1.075); }
  .sportaki-sports-feature-card:hover .sportaki-sports-feature-light { opacity:1; }
  .sportaki-sports-feature-card:hover .sportaki-sports-feature-link { border-color:rgba(103,183,255,.52); box-shadow:0 25px 68px rgba(18,42,78,.28),0 0 34px rgba(113,55,168,.15); }
  .sportaki-sports-feature-card:hover .sportaki-sports-feature-meta em { opacity:1; transform:translate(3px,-2px); }
}
.sportaki-sports-news-flow-head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin:0 0 1rem; }
.sportaki-sports-news-flow-head span { color:#3b82f6; font-size:.66rem; font-weight:950; letter-spacing:.16em; }
.sportaki-sports-news-flow-head h2 { margin:.18rem 0 0; color:var(--sportaki-text); font:900 clamp(2rem,4vw,3.45rem)/.95 "Roboto Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:-.035em; }
.sportaki-sports-news-flow-head p { max-width:390px; margin:0; color:var(--sportaki-soft); font-size:.74rem; text-align:right; }
.sportaki-sports-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.sportaki-sports-news-grid .sportaki-card { height:100%; overflow:hidden; border-radius:20px; }
.sportaki-sports-news-grid .sportaki-card-media { overflow:hidden; }
.sportaki-sports-news-grid .sportaki-card-image { transition:transform .55s cubic-bezier(.2,.72,.18,1),filter .25s ease; }
@media (hover:hover) { .sportaki-sports-news-grid .sportaki-card:hover .sportaki-card-image { transform:scale(1.055); filter:saturate(1.06); } }
.sportaki-sports-news-pagination { margin-top:2rem; }

@media (max-width:1000px) {
  .sportaki-sports-feature-stage { grid-template-columns:1fr; }
  .sportaki-sports-feature-lead-wrap,
  .sportaki-sports-feature-lead { min-height:470px; }
  .sportaki-sports-feature-tiles { grid-template-columns:repeat(4,minmax(240px,1fr)); overflow-x:auto; padding-bottom:.5rem; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .sportaki-sports-feature-tiles::-webkit-scrollbar { display:none; }
  .sportaki-sports-feature-tile { min-height:230px; scroll-snap-align:start; }
  .sportaki-sports-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .sportaki-sports-news-masthead { min-height:0; padding:1.35rem; border-radius:22px; }
  .sportaki-sports-news-masthead h1 { font-size:clamp(2.6rem,14vw,4.2rem); }
  .sportaki-sports-news-masthead p { font-size:.91rem; }
  .sportaki-sports-feature-lead-wrap,
  .sportaki-sports-feature-lead { min-height:min(62vh,490px); }
  .sportaki-sports-feature-lead .sportaki-sports-feature-title { max-width:20ch; font-size:clamp(1.85rem,8.5vw,2.85rem); }
  .sportaki-sports-feature-lead.is-title-long .sportaki-sports-feature-title,
  .sportaki-sports-feature-lead.is-title-very-long .sportaki-sports-feature-title { max-width:23ch; font-size:clamp(1.58rem,7vw,2.35rem); }
  .sportaki-sports-feature-excerpt { display:none; }
  .sportaki-sports-feature-tiles { display:flex; gap:.7rem; }
  .sportaki-sports-feature-tile { flex:0 0 min(82vw,330px); min-height:220px; }
  .sportaki-sports-news-flow-head { align-items:start; }
  .sportaki-sports-news-flow-head p { display:none; }
  .sportaki-sports-news-grid { grid-template-columns:1fr; }
  .sportaki-sports-news-grid .sportaki-card-standard { display:grid; grid-template-columns:118px minmax(0,1fr); }
  .sportaki-sports-news-grid .sportaki-card-standard .sportaki-card-media { height:100%; min-height:124px; aspect-ratio:auto; }
  .sportaki-sports-news-grid .sportaki-card-standard .sportaki-card-content { padding:.78rem; }
  .sportaki-sports-news-grid .sportaki-card-standard .sportaki-card-excerpt { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .sportaki-sports-news-masthead::before { animation:none; }
  .sportaki-sports-feature-card,
  .sportaki-sports-feature-media > img { transition:none !important; transform:none !important; }
}
@keyframes sportaki-sports-news-beam { from { transform:translateX(-16%) skewX(-19deg); opacity:.52; } to { transform:translateX(32%) skewX(-19deg); opacity:1; } }


/* ==========================================================
   v1.1.10 — SINGLE ARTICLE TITLE SCALE
   Article H1s must feel editorial, not poster-sized.  The template
   adds length-aware classes so long Greek headlines stay readable
   without dominating the entire first viewport.
   ========================================================== */
body.single-post .sportaki-article-header {
  max-width: 1120px;
}
body.single-post .sportaki-article-header h1 {
  font-size: clamp(2.35rem, 4.25vw, 4rem);
  line-height: 1.02;
  letter-spacing: -.032em;
  max-width: 19ch;
  margin-inline: auto;
}
body.single-post .sportaki-article-header.is-title-long h1 {
  font-size: clamp(2.2rem, 3.7vw, 3.45rem);
  max-width: 22ch;
}
body.single-post .sportaki-article-header.is-title-very-long h1 {
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.045;
  letter-spacing: -.026em;
  max-width: 26ch;
}

@media (max-width: 700px) {
  body.single-post .sportaki-article-header h1 {
    font-size: clamp(1.95rem, 8vw, 2.75rem);
    line-height: 1.02;
    max-width: none;
    margin-inline: 0;
  }
  body.single-post .sportaki-article-header.is-title-long h1 {
    font-size: clamp(1.82rem, 7.3vw, 2.45rem);
    max-width: none;
  }
  body.single-post .sportaki-article-header.is-title-very-long h1 {
    font-size: clamp(1.7rem, 6.7vw, 2.2rem);
    line-height: 1.06;
    max-width: none;
  }
}


/* ==========================================================
   v1.1.11 — MOBILE HERO + HEADER CONTROLS HARDENING
   Fixes two production-only mobile regressions:
   1) the primary homepage story must always render before stories 02–05;
   2) theme/search controls must remain visible even on <=389px viewports.
   Desktop structure and WebTV runtime remain untouched.
   ========================================================== */
@media (max-width: 900px) {
  /* Make mobile hierarchy deterministic: lead first, 02–05 rail second. */
  .sportaki-home-arena-grid {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }
  .sportaki-home-arena-grid > .sportaki-home-arena-lead {
    display: block !important;
    position: relative !important;
    order: 1 !important;
    width: 100% !important;
    min-height: clamp(430px, 112vw, 580px) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .js .sportaki-home-arena-grid > .sportaki-home-arena-lead[data-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
  .sportaki-home-arena-grid > .sportaki-home-arena-side {
    order: 2 !important;
    width: 100% !important;
    margin-top: 14px;
  }
}

@media (max-width: 720px) {
  /* Four DOM children existed in a three-column masthead.  On mobile the
     actions could auto-flow to a second row/off-screen.  Pin every item. */
  .sportaki-masthead {
    grid-template-columns: auto minmax(0,1fr) auto !important;
    grid-template-rows: 1fr !important;
    gap: 10px !important;
    height: 104px;
    width: calc(100% - 24px);
  }
  .sportaki-site-header.is-compact .sportaki-masthead { height: 72px; }
  .sportaki-masthead-line { display: none !important; }
  .sportaki-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    min-width: 88px;
  }
  .sportaki-header-actions {
    position: static !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    z-index: 3;
  }
  .sportaki-header-actions > .sportaki-icon-button {
    display: inline-grid !important;
    place-items: center;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    min-height: 40px;
    opacity: 1 !important;
    visibility: visible !important;
    color: #f4f7fb !important;
    border-color: rgba(169,195,228,.30) !important;
    background: rgba(255,255,255,.055) !important;
  }
  .sportaki-header-actions > .sportaki-icon-button svg {
    width: 21px;
    height: 21px;
    stroke: #f4f7fb !important;
  }
  .sportaki-header-actions .sportaki-theme-icon {
    color: #f4f7fb !important;
    font-size: 1.32rem !important;
  }
}

@media (max-width: 420px) {
  .sportaki-masthead { height: 96px; gap: 6px !important; }
  .sportaki-site-header.is-compact .sportaki-masthead { height: 68px; }
  .sportaki-brand { min-width: 82px; }
  .sportaki-brand img { width: 72px; height: 72px; }
  .sportaki-site-header.is-compact .sportaki-brand img { width: 52px; height: 52px; }
  .sportaki-header-actions { gap: 5px !important; }
  .sportaki-header-actions > .sportaki-icon-button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px;
    min-height: 38px;
  }
  /* Explicitly override the legacy <=389px rule that hid both controls. */
  .sportaki-header-actions > .sportaki-theme-toggle,
  .sportaki-header-actions > [data-search-open] {
    display: inline-grid !important;
  }
  .sportaki-home-arena-grid > .sportaki-home-arena-lead {
    min-height: clamp(420px, 118vw, 550px) !important;
  }
}


/* ==========================================================
   v1.1.12 — MOBILE STICKY HEADER TOP-GAP HARDENING
   The WP `admin-bar` body class can remain present on mobile even when
   #wpadminbar is hidden. Previous fixed 46px offsets then exposed page
   content above the sticky header. JS now publishes the actual visible
   overlap as --sportaki-sticky-top.
   ========================================================== */
:root { --sportaki-sticky-top: 0px; }
body.sportaki-next .sportaki-site-header,
body.sportaki-next.admin-bar .sportaki-site-header,
body.admin-bar .sportaki-site-header {
  top: var(--sportaki-sticky-top, 0px) !important;
}

@media (max-width: 782px) {
  body.sportaki-next .sportaki-site-header,
  body.sportaki-next.admin-bar .sportaki-site-header,
  body.admin-bar .sportaki-site-header {
    top: var(--sportaki-sticky-top, 0px) !important;
  }
}


/* ==========================================================
   v1.1.21 — EDITORIAL CALLOUT AUTO-CONTRAST
   Runtime contrast now handles translucent inline backgrounds correctly in
   both Light and Dark Mode without repainting editorial backgrounds or
   explicit descendant colours.
   ========================================================== */

/* ==========================================================
   v1.1.20 — SINGLE ARTICLE EDITORIAL COLOR PRESERVATION
   Explicit Classic Editor colours/backgrounds are authoritative.
   The base Sportaki article palette still supplies safe Light/Dark
   defaults for unstyled content, but it must not repaint intentional
   team/editorial styling embedded in the article HTML.
   ========================================================== */

/* A custom H2 that explicitly carries editorial colour/border styling
   should not inherit the generic Sportaki H2 panel background. If the
   editor also provided a background, the inline background remains in charge. */
body.single-post .sportaki-entry-content h2:is([style*="color"],[style*="border"]):not([style*="background"]) {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Classic Editor callouts with an explicit inline background keep that
   background in both Light and Dark Mode. If the callout does not define its
   own text colour, JS resolves the ACTUAL composited background and publishes
   --sportaki-editorial-auto-text. This is essential for translucent team
   callouts: rgba(...,.08) is light on Light Mode but remains dark on Dark Mode.
   Explicit descendant colours (for example a green <strong>) still win. */
body.single-post .sportaki-entry-content > :is(div,section,aside,p)[style*="background"]:not([style*="color"]) {
  color: var(--sportaki-editorial-auto-text, #172033);
}
html[data-theme="dark"] body.single-post .sportaki-entry-content > :is(div,section,aside,p)[style*="background"]:not([style*="color"]) {
  --sportaki-editorial-auto-text: #eaf1f8;
}

/* Inline table styling is often applied to TR in Classic Editor. Theme cell
   backgrounds must stay transparent in that case so the row colour remains
   visible. Explicit row text colour is inherited by its cells. */
body.single-post .sportaki-entry-content tr[style*="background"] > :is(th,td) {
  background: transparent;
}
body.single-post .sportaki-entry-content tr[style*="background"]:not([style*="color"]) > :is(th,td) {
  color: #172033;
  -webkit-text-fill-color: #172033;
}
body.single-post .sportaki-entry-content tr[style*="color"] > :is(th,td) {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}

/* ==========================================================
   1.1.14 — Homepage rhythm + creator/card interaction polish
   Presentation-only. No WebTV/shortcode/data/runtime changes.
   ========================================================== */

/* Reduce the dead vertical bands between WebTV -> creators -> latest news,
   without compressing the rest of the editorial homepage into a dense wall. */
.sportaki-home-vnext .sportaki-webtv-home {
  padding-bottom: clamp(1.35rem, 2.4vw, 2.2rem);
}
.sportaki-home-vnext .sportaki-home-content > .sportaki-section {
  padding-block: clamp(1.75rem, 3.2vw, 3rem);
}
.sportaki-home-vnext .sportaki-creators-home {
  padding-top: clamp(.95rem, 1.6vw, 1.35rem);
  padding-bottom: clamp(1rem, 1.8vw, 1.55rem);
  border-top: 0;
}
.sportaki-home-vnext .sportaki-creators-home + .sportaki-my-team-home[hidden] {
  display: none !important;
}

/* Creator rail: keep the shortcode's data/markup intact, but give it the same
   premium Sportaki depth/interaction language as the rest of the homepage. */
.sportaki-home-vnext .sportaki-creators-home .sportaki-creators-bar {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--sportaki-team-primary) 18%, var(--sportaki-border)) !important;
  box-shadow:
    0 18px 48px rgba(12, 25, 45, .10),
    0 1px 0 rgba(255,255,255,.24) inset !important;
  transition: border-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}
.sportaki-home-vnext .sportaki-creators-home .sportaki-creators-bar::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% -20%, color-mix(in srgb, var(--sportaki-team-primary) 10%, transparent), transparent 35%),
    linear-gradient(110deg, transparent 0 36%, rgba(255,255,255,.055) 46%, transparent 57%);
  transform:translateX(-38%);
  transition:transform 900ms cubic-bezier(.2,.7,.2,1);
}
@media (hover:hover) and (pointer:fine) {
  .sportaki-home-vnext .sportaki-creators-home .sportaki-creators-bar:hover {
    border-color: color-mix(in srgb, var(--sportaki-team-primary) 34%, var(--sportaki-border)) !important;
    box-shadow:
      0 24px 58px rgba(12, 25, 45, .15),
      0 0 0 1px color-mix(in srgb, var(--sportaki-violet) 10%, transparent) inset !important;
  }
  .sportaki-home-vnext .sportaki-creators-home .sportaki-creators-bar:hover::before {
    transform:translateX(42%);
  }
}

.sportaki-home-vnext .sportaki-creators-home .scb-card {
  position: relative;
  isolation: isolate;
  transition:
    transform 220ms cubic-bezier(.2,.7,.2,1),
    border-color 220ms ease,
    box-shadow 220ms ease,
    background-color 220ms ease !important;
}
.sportaki-home-vnext .sportaki-creators-home .scb-logo,
.sportaki-home-vnext .sportaki-creators-home .scb-logo img,
.sportaki-home-vnext .sportaki-creators-home .scb-follow {
  transition: transform 220ms cubic-bezier(.2,.7,.2,1), box-shadow 220ms ease, filter 220ms ease !important;
}
@media (hover:hover) and (pointer:fine) {
  .sportaki-home-vnext .sportaki-creators-home .scb-card:hover {
    transform: translateY(-5px) !important;
    border-color: color-mix(in srgb, var(--sportaki-team-primary) 46%, var(--sportaki-border)) !important;
    box-shadow: 0 16px 30px color-mix(in srgb, var(--sportaki-team-primary) 9%, rgba(20,40,66,.17)) !important;
  }
  .sportaki-home-vnext .sportaki-creators-home .scb-card:hover .scb-logo {
    transform: translateY(-2px) scale(1.035);
  }
  .sportaki-home-vnext .sportaki-creators-home .scb-card:hover .scb-logo img {
    transform: scale(1.045);
    filter: drop-shadow(0 5px 8px rgba(16,34,58,.18));
  }
  .sportaki-home-vnext .sportaki-creators-home .scb-follow:hover {
    transform: translateY(-2px) scale(1.015);
    box-shadow: 0 8px 18px rgba(71,70,173,.22) !important;
  }
}

/* Site-wide homepage card micro-interactions. Scope stays on front-page cards;
   utility pages, WebTV, Broadcast TV and article content are untouched. */
.sportaki-home-vnext .sportaki-home-content .sportaki-card {
  position: relative;
  overflow: hidden;
  transition:
    transform 240ms cubic-bezier(.2,.7,.2,1),
    border-color 240ms ease,
    box-shadow 240ms ease !important;
}
.sportaki-home-vnext .sportaki-home-content .sportaki-card::after {
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  bottom:0;
  left:-42%;
  width:30%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.12),transparent);
  transform:skewX(-15deg);
  transition:left 620ms cubic-bezier(.2,.7,.2,1), opacity 220ms ease;
}
.sportaki-home-vnext .sportaki-home-content .sportaki-card .sportaki-card-media img {
  transition:transform 650ms cubic-bezier(.2,.7,.2,1), filter 300ms ease;
}
@media (hover:hover) and (pointer:fine) {
  .sportaki-home-vnext .sportaki-home-content .sportaki-card:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--sportaki-team-primary) 44%, var(--sportaki-border));
    box-shadow: 0 20px 44px color-mix(in srgb, var(--sportaki-team-primary) 10%, rgba(24,44,74,.16)) !important;
  }
  .sportaki-home-vnext .sportaki-home-content .sportaki-card:hover::after {
    left:118%;
    opacity:1;
  }
  .sportaki-home-vnext .sportaki-home-content .sportaki-card:hover .sportaki-card-media img {
    transform:scale(1.045);
    filter:saturate(1.04) contrast(1.02);
  }
}

/* Headings feel connected to their content instead of floating in large blank bands. */
.sportaki-home-vnext .sportaki-home-content .sportaki-section-heading {
  margin-bottom: clamp(.9rem, 1.7vw, 1.2rem);
}
.sportaki-home-vnext .sportaki-home-content .sportaki-section-heading::before {
  box-shadow: 0 0 18px color-mix(in srgb, var(--sportaki-team-primary) 24%, transparent);
}

/* Dark mode gets deeper but restrained elevation; Light keeps clean steel shadows. */
:root[data-theme="dark"] .sportaki-home-vnext .sportaki-creators-home .sportaki-creators-bar {
  box-shadow:0 20px 50px rgba(0,0,0,.22), 0 1px 0 rgba(255,255,255,.04) inset !important;
}
:root[data-theme="light"] .sportaki-home-vnext .sportaki-creators-home .sportaki-creators-bar {
  box-shadow:0 16px 38px rgba(49,79,116,.105), 0 1px 0 rgba(255,255,255,.78) inset !important;
}

@media (max-width: 760px) {
  .sportaki-home-vnext .sportaki-webtv-home {
    padding-bottom: 1rem;
  }
  .sportaki-home-vnext .sportaki-home-content > .sportaki-section {
    padding-block: 1.35rem;
  }
  .sportaki-home-vnext .sportaki-creators-home {
    padding-top: .65rem;
    padding-bottom: .9rem;
  }
  .sportaki-home-vnext .sportaki-creators-home .sportaki-creators-bar {
    border-radius: 18px !important;
    box-shadow:0 10px 26px rgba(31,55,88,.10) !important;
  }
  /* Touch devices get a tactile active state without sticky hover transforms. */
  .sportaki-home-vnext .sportaki-creators-home .scb-card:active,
  .sportaki-home-vnext .sportaki-home-content .sportaki-card:active {
    transform:scale(.985);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sportaki-home-vnext .sportaki-creators-home .sportaki-creators-bar::before,
  .sportaki-home-vnext .sportaki-creators-home .scb-card,
  .sportaki-home-vnext .sportaki-creators-home .scb-logo,
  .sportaki-home-vnext .sportaki-creators-home .scb-logo img,
  .sportaki-home-vnext .sportaki-creators-home .scb-follow,
  .sportaki-home-vnext .sportaki-home-content .sportaki-card,
  .sportaki-home-vnext .sportaki-home-content .sportaki-card::after,
  .sportaki-home-vnext .sportaki-home-content .sportaki-card .sportaki-card-media img {
    transition:none !important;
    transform:none !important;
    animation:none !important;
  }
}

/* ==========================================================
   v1.1.15 — HOMEPAGE LEAD TITLE SCALE + TEMPORARY LEAD SLIDER
   - Desktop lead headlines are deliberately calmer, especially long titles.
   - 2–5 manually selected lead stories rotate inside the single cinematic lead.
   - One selected story stays static; reduced-motion disables autoplay.
   ========================================================== */
@media (min-width: 901px) {
  .sportaki-home-arena-lead h1 {
    max-width:26ch !important;
    font-size:clamp(1.9rem,2.35vw,2.85rem) !important;
    line-height:1.04 !important;
    letter-spacing:-.03em !important;
  }
  .sportaki-home-arena-lead.is-title-long h1 {
    max-width:28ch !important;
    font-size:clamp(1.76rem,2.05vw,2.45rem) !important;
    line-height:1.06 !important;
  }
  .sportaki-home-arena-lead.is-title-very-long h1 {
    max-width:30ch !important;
    font-size:clamp(1.58rem,1.82vw,2.15rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.022em !important;
  }
}

.sportaki-home-arena-lead [data-home-lead-media],
.sportaki-home-arena-lead [data-home-lead-copy] {
  transition:opacity .18s ease,filter .18s ease;
}
.sportaki-home-arena-lead.is-slide-changing [data-home-lead-media],
.sportaki-home-arena-lead.is-slide-changing [data-home-lead-copy] {
  opacity:.16;
  filter:blur(1.5px);
}

.sportaki-home-lead-slider {
  position:absolute;
  z-index:8;
  top:18px;
  right:18px;
  display:grid;
  grid-template-columns:auto auto auto auto auto;
  align-items:center;
  gap:7px;
  min-width:210px;
  padding:8px 10px 6px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:16px;
  background:rgba(4,13,27,.56);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  color:#f6f9fd;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.sportaki-home-lead-slider-button,
.sportaki-home-lead-slider-dot {
  appearance:none;
  -webkit-appearance:none;
  border:0;
  margin:0;
  cursor:pointer;
}
.sportaki-home-lead-slider-button {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  padding:0;
  border:1px solid rgba(255,255,255,.18);
  border-radius:9px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font:800 1.05rem/1 Arial,sans-serif;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.sportaki-home-lead-slider-pause { font-size:.75rem; }
.sportaki-home-lead-slider-dots {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.sportaki-home-lead-slider-dot {
  width:7px;
  height:7px;
  padding:0;
  border-radius:999px;
  background:rgba(255,255,255,.38);
  transition:width .2s ease,background .2s ease,transform .2s ease;
}
.sportaki-home-lead-slider-dot.is-active {
  width:20px;
  background:#69c7ff;
}
.sportaki-home-lead-slider-counter {
  min-width:40px;
  color:#d8e9f8;
  font:800 .68rem/1 "Roboto Condensed",Arial,sans-serif;
  letter-spacing:.05em;
  text-align:center;
}
.sportaki-home-lead-slider-progress {
  grid-column:1 / -1;
  display:block;
  position:relative;
  overflow:hidden;
  height:2px;
  margin-top:1px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
}
.sportaki-home-lead-slider-progress > span {
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#38bdf8,#3b82f6 55%,#8b5cf6);
  transform:scaleX(0);
  transform-origin:left center;
}
.sportaki-home-arena-lead.is-slider-running .sportaki-home-lead-slider-progress > span {
  animation:sportaki-home-lead-progress var(--home-lead-interval,7000ms) linear forwards;
}
@keyframes sportaki-home-lead-progress {
  from { transform:scaleX(0); }
  to { transform:scaleX(1); }
}

@media (hover:hover) {
  .sportaki-home-lead-slider-button:hover {
    transform:translateY(-1px);
    border-color:rgba(105,199,255,.62);
    background:rgba(59,130,246,.22);
  }
  .sportaki-home-lead-slider-dot:hover { background:#d7efff; }
}

@media (max-width: 720px) {
  .sportaki-home-lead-slider {
    top:12px;
    right:12px;
    min-width:0;
    gap:5px;
    padding:7px 8px 5px;
    border-radius:14px;
  }
  .sportaki-home-lead-slider-button { width:27px; height:27px; }
  .sportaki-home-lead-slider-counter { min-width:34px; font-size:.62rem; }
  .sportaki-home-lead-slider-dot { width:6px; height:6px; }
  .sportaki-home-lead-slider-dot.is-active { width:16px; }
}

@media (max-width: 480px) {
  .sportaki-home-lead-slider-dots { display:none; }
  .sportaki-home-lead-slider { grid-template-columns:auto auto auto auto; }
  .sportaki-home-lead-slider-progress { grid-column:1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .sportaki-home-arena-lead [data-home-lead-media],
  .sportaki-home-arena-lead [data-home-lead-copy] { transition:none !important; }
  .sportaki-home-arena-lead.is-slide-changing [data-home-lead-media],
  .sportaki-home-arena-lead.is-slide-changing [data-home-lead-copy] { opacity:1 !important; filter:none !important; }
  .sportaki-home-arena-lead.is-slider-running .sportaki-home-lead-slider-progress > span { animation:none !important; }
}


/* ==========================================================
   v1.1.16 — MOBILE HERO TITLE + SWIPE POLISH
   - Dedicated phone/tablet headline scaling by title length.
   - Larger touch controls and vertical-scroll-safe horizontal swipe surface.
   ========================================================== */
.sportaki-home-arena-lead[data-home-lead-rotator] {
  touch-action: pan-y pinch-zoom;
  overscroll-behavior-x: contain;
}

@media (max-width: 900px) {
  .sportaki-home-arena-lead h1 {
    max-width:24ch !important;
    font-size:clamp(1.82rem,5.2vw,2.75rem) !important;
    line-height:1.035 !important;
    letter-spacing:-.03em !important;
    text-wrap:pretty;
  }
  .sportaki-home-arena-lead.is-title-long h1 {
    max-width:26ch !important;
    font-size:clamp(1.62rem,4.6vw,2.35rem) !important;
    line-height:1.055 !important;
    letter-spacing:-.025em !important;
  }
  .sportaki-home-arena-lead.is-title-very-long h1 {
    max-width:28ch !important;
    font-size:clamp(1.44rem,4vw,2.05rem) !important;
    line-height:1.075 !important;
    letter-spacing:-.018em !important;
  }
}

@media (max-width: 720px) {
  .sportaki-home-arena-lead {
    min-height:clamp(420px,108vw,540px);
  }
  .sportaki-home-arena-lead .sportaki-home-lead-copy {
    max-width:100%;
    gap:8px;
    padding:22px 18px 20px;
  }
  .sportaki-home-arena-lead h1 {
    max-width:23ch !important;
    font-size:clamp(1.76rem,7.2vw,2.55rem) !important;
    line-height:1.035 !important;
  }
  .sportaki-home-arena-lead.is-title-long h1 {
    max-width:25ch !important;
    font-size:clamp(1.55rem,6.5vw,2.15rem) !important;
    line-height:1.06 !important;
  }
  .sportaki-home-arena-lead.is-title-very-long h1 {
    max-width:27ch !important;
    font-size:clamp(1.38rem,5.8vw,1.92rem) !important;
    line-height:1.085 !important;
  }
  .sportaki-home-lead-slider {
    top:11px;
    right:11px;
    gap:6px;
    padding:7px 8px 5px;
    border-radius:15px;
  }
  .sportaki-home-lead-slider-button {
    width:36px;
    height:36px;
    border-radius:11px;
    font-size:1.05rem;
  }
  .sportaki-home-lead-slider-pause { font-size:.78rem; }
  .sportaki-home-lead-slider-counter { min-width:36px; font-size:.66rem; }
}

@media (max-width: 480px) {
  .sportaki-home-arena-lead {
    min-height:clamp(410px,112vw,500px);
  }
  .sportaki-home-arena-lead .sportaki-home-lead-copy {
    padding:20px 16px 18px;
  }
  .sportaki-home-arena-lead h1 {
    max-width:22ch !important;
    font-size:clamp(1.70rem,7.6vw,2.15rem) !important;
    line-height:1.04 !important;
  }
  .sportaki-home-arena-lead.is-title-long h1 {
    max-width:24ch !important;
    font-size:clamp(1.52rem,6.9vw,1.88rem) !important;
    line-height:1.065 !important;
  }
  .sportaki-home-arena-lead.is-title-very-long h1 {
    max-width:26ch !important;
    font-size:clamp(1.34rem,6.2vw,1.68rem) !important;
    line-height:1.09 !important;
  }
  .sportaki-home-lead-slider {
    top:9px;
    right:9px;
    gap:5px;
    padding:6px 7px 4px;
  }
  .sportaki-home-lead-slider-button {
    width:38px;
    height:38px;
    border-radius:12px;
  }
  .sportaki-home-lead-slider-counter { min-width:34px; }
}