: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)); }
}

/* Home news carousels: keep small-card media in the card's normal flow. */
@media (max-width: 767px) {
  body.home .sportaki-home-content :is(.sportaki-home-latest-grid, .sportaki-category-small-grid.sportaki-snap-on-mobile, .sportaki-multisport-grid.sportaki-snap-on-mobile, .sportaki-more-news-grid.sportaki-snap-on-mobile) > .sportaki-card-small .sportaki-card-media {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
}
@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; }
}

/* =========================================================
   1.1.24 — Today Greek games: compact header flow + WebTV cards
   ========================================================= */
.sportaki-today-strip {
  position:relative;
  z-index:29;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  width:100%;
  height:68px;
  min-height:68px;
  max-height:68px;
  overflow:hidden;
  contain:layout paint;
  border-bottom:1px solid color-mix(in srgb,var(--sportaki-border) 78%,transparent);
  background:color-mix(in srgb,var(--sportaki-surface) 96%,#e8f4ff 4%);
  color:var(--sportaki-text);
  box-shadow:0 8px 22px rgba(15,45,82,.06);
}
.sportaki-today-strip-label {
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  min-width:112px;
  padding:0 22px 0 18px;
  background:#0c1727;
  color:#fff;
  text-decoration:none;
  font-size:.76rem;
  font-weight:950;
  letter-spacing:.075em;
  clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%);
}
.sportaki-today-strip-label span { color:#43b5ff; font-size:.95rem; }
.sportaki-today-strip-desktop { min-width:0; height:68px; overflow:hidden; }
.sportaki-today-strip-track {
  display:flex;
  align-items:stretch;
  width:max-content;
  height:68px;
  animation:sportaki-today-strip-scroll 72s linear infinite;
  will-change:transform;
}
.sportaki-today-strip-track:hover { animation-play-state:paused; }
.sportaki-today-strip-track.is-single { animation:none; }
@keyframes sportaki-today-strip-scroll { to { transform:translateX(-50%); } }
.sportaki-today-strip-item {
  display:grid;
  grid-template-columns:auto minmax(190px,auto) auto;
  align-items:center;
  gap:.72rem;
  min-width:365px;
  max-width:520px;
  height:68px;
  padding:8px 18px;
  border-right:1px solid color-mix(in srgb,var(--sportaki-border) 72%,transparent);
  color:inherit;
  text-decoration:none;
  transition:background .16s ease;
}
.sportaki-today-strip-item:hover,
.sportaki-today-strip-item:focus-visible { background:color-mix(in srgb,var(--sportaki-accent) 8%,transparent); outline:none; }
.sportaki-today-strip-item > time {
  display:grid;
  place-items:center;
  min-width:53px;
  height:34px;
  padding:0 .55rem;
  border-radius:10px;
  background:color-mix(in srgb,var(--sportaki-accent-2) 11%,var(--sportaki-surface));
  color:color-mix(in srgb,var(--sportaki-accent-2) 78%,#0b315c);
  font-size:.9rem;
  font-weight:950;
  font-variant-numeric:tabular-nums;
}
.sportaki-today-strip-match {
  min-width:0;
  display:flex;
  align-items:center;
  gap:.38rem;
  font-size:.82rem;
  font-weight:850;
  white-space:nowrap;
}
.sportaki-today-strip-match > strong {
  max-width:270px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sportaki-today-strip-match > b { color:var(--sportaki-muted); }
.sportaki-today-team {
  min-width:0;
  display:flex;
  align-items:center;
  gap:.42rem;
  color:inherit;
}
.sportaki-today-team img {
  width:30px;
  height:30px;
  flex:0 0 30px;
  object-fit:contain;
  border-radius:50%;
  background:rgba(255,255,255,.78);
}
.sportaki-today-team > span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sportaki-today-team.is-compact img { width:24px; height:24px; flex-basis:24px; }
.sportaki-today-team.is-compact > span { max-width:122px; }
.sportaki-today-channels {
  display:flex;
  align-items:center;
  gap:.4rem;
  min-width:0;
}
.sportaki-today-channel {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:.18rem .45rem;
  border:1px solid color-mix(in srgb,var(--sportaki-border) 80%,transparent);
  border-radius:9px;
  background:color-mix(in srgb,var(--sportaki-surface) 92%,#fff 8%);
  color:var(--sportaki-muted);
  font-size:.67rem;
  font-weight:850;
  white-space:nowrap;
}
.sportaki-today-channel.has-logo { min-width:46px; padding:.16rem .38rem; }
.sportaki-today-channel img {
  display:block;
  width:auto;
  max-width:74px;
  height:auto;
  max-height:24px;
  object-fit:contain;
}
.sportaki-today-channels.is-compact .sportaki-today-channel { min-height:25px; }
.sportaki-today-channels.is-compact .sportaki-today-channel img { max-width:62px; max-height:21px; }
.sportaki-today-strip-mobile { display:none; min-width:0; position:relative; height:68px; overflow:hidden; }
.sportaki-today-strip-mobile-item { position:absolute; inset:0; opacity:0; visibility:hidden; transform:translateY(4px); transition:opacity .25s ease,transform .25s ease; }
.sportaki-today-strip-mobile-item.is-active { opacity:1; visibility:visible; transform:none; }

/* Rich cards live inside the existing WebTV stage; this is not a second large homepage section. */
.sportaki-today-webtv {
  margin:14px 0 12px;
  padding:12px 0 2px;
  border-top:1px solid color-mix(in srgb,var(--sportaki-border) 75%,transparent);
}
.sportaki-today-webtv-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.65rem;
}
.sportaki-today-webtv-head > div { min-width:0; }
.sportaki-today-webtv-head .sportaki-section-eyebrow { margin-bottom:.2rem; font-size:.64rem; }
.sportaki-today-webtv-head h2 { margin:0; font-size:clamp(1rem,1.45vw,1.22rem); line-height:1.15; }
.sportaki-today-webtv-head > a {
  flex:0 0 auto;
  color:var(--sportaki-accent-2);
  text-decoration:none;
  font-size:.78rem;
  font-weight:900;
}
.sportaki-today-webtv-rail {
  position:relative;
  overflow:hidden;
  width:100%;
  padding:.08rem .02rem .55rem;
  contain:layout paint;
}
.sportaki-today-webtv-track {
  display:flex;
  align-items:stretch;
  width:max-content;
  will-change:transform;
  animation:sportaki-today-strip-scroll 72s linear infinite;
}
.sportaki-today-webtv-group {
  display:flex;
  align-items:stretch;
  gap:.62rem;
  padding-right:.62rem;
}
.sportaki-today-webtv-track:hover,
.sportaki-today-webtv-track:focus-within { animation-play-state:paused; }
.sportaki-today-webtv-track.is-single { animation:none; }
.sportaki-today-webtv-card {
  flex:0 0 min(300px,78vw);
  min-width:260px;
  max-width:340px;
  display:grid;
  gap:.62rem;
  padding:.78rem .82rem;
  border:1px solid color-mix(in srgb,var(--sportaki-border) 86%,transparent);
  border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--sportaki-surface) 97%,#edf7ff 3%),color-mix(in srgb,var(--sportaki-surface) 92%,#dfeeff 8%));
  color:var(--sportaki-text);
  text-decoration:none;
  box-shadow:0 8px 20px rgba(11,45,82,.055);
  scroll-snap-align:start;
  transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease;
}
.sportaki-today-webtv-card:hover,
.sportaki-today-webtv-card:focus-visible {
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--sportaki-accent-2) 50%,var(--sportaki-border));
  box-shadow:0 12px 26px rgba(11,69,120,.11);
  outline:none;
}
.sportaki-today-webtv-top { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.sportaki-today-webtv-top time {
  color:var(--sportaki-accent-2);
  font-size:1rem;
  font-weight:950;
  font-variant-numeric:tabular-nums;
}
.sportaki-today-webtv-match {
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:.35rem;
}
.sportaki-today-webtv-match > b { color:var(--sportaki-muted); text-align:center; }
.sportaki-today-webtv-match .sportaki-today-team:first-child { justify-content:flex-start; }
.sportaki-today-webtv-match .sportaki-today-team:last-child { justify-content:flex-end; flex-direction:row-reverse; text-align:right; }
.sportaki-today-webtv-match .sportaki-today-team > span { font-size:.8rem; font-weight:900; }
.sportaki-today-webtv-title { grid-column:1/-1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.86rem; }
.sportaki-today-webtv-card > .sportaki-today-channels { min-height:28px; }

:root[data-theme="dark"] .sportaki-today-strip {
  background:#101a29;
  border-bottom-color:rgba(255,255,255,.09);
  box-shadow:0 8px 22px rgba(0,0,0,.13);
}
:root[data-theme="dark"] .sportaki-today-strip-item { border-right-color:rgba(255,255,255,.09); }
:root[data-theme="dark"] .sportaki-today-strip-item > time { background:rgba(45,153,255,.13); color:#67c4ff; }
:root[data-theme="dark"] .sportaki-today-team img { background:rgba(255,255,255,.94); }
:root[data-theme="dark"] .sportaki-today-channel { background:rgba(255,255,255,.075); border-color:rgba(255,255,255,.11); color:#d4ddea; }
:root[data-theme="dark"] .sportaki-today-webtv-card {
  background:linear-gradient(145deg,#111d2d,#132237);
  border-color:rgba(255,255,255,.105);
  box-shadow:none;
}
:root[data-theme="dark"] .sportaki-today-webtv-top time,
:root[data-theme="dark"] .sportaki-today-webtv-head > a { color:#61c0ff; }

@media (max-width:760px) {
  .sportaki-today-strip { grid-template-columns:76px minmax(0,1fr); height:64px; min-height:64px; max-height:64px; }
  .sportaki-today-strip-label { min-width:76px; padding:0 10px 0 8px; font-size:.66rem; letter-spacing:.045em; }
  .sportaki-today-strip-desktop { display:none; }
  .sportaki-today-strip-mobile { display:block; height:64px; }
  .sportaki-today-strip-mobile-item { height:64px; }
  .sportaki-today-strip-item {
    width:100%;
    min-width:0;
    max-width:none;
    height:64px;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.45rem;
    padding:6px 8px 6px 10px;
    border:0;
  }
  .sportaki-today-strip-item > time { min-width:45px; height:31px; padding:0 .38rem; font-size:.78rem; }
  .sportaki-today-strip-match { gap:.25rem; font-size:.72rem; overflow:hidden; }
  .sportaki-today-team.is-compact img { width:20px; height:20px; flex-basis:20px; }
  .sportaki-today-team.is-compact > span { max-width:72px; }
  .sportaki-today-strip-match > strong { max-width:160px; }
  .sportaki-today-channels.is-compact { gap:.2rem; }
  .sportaki-today-channels.is-compact .sportaki-today-channel { min-width:0; min-height:23px; max-width:62px; padding:.1rem .25rem; overflow:hidden; text-overflow:ellipsis; }
  .sportaki-today-channels.is-compact .sportaki-today-channel img { max-width:50px; max-height:18px; }
  .sportaki-today-webtv { margin:10px 0 8px; padding-top:10px; }
  .sportaki-today-webtv-head { align-items:center; margin-bottom:.5rem; }
  .sportaki-today-webtv-head .sportaki-section-eyebrow { font-size:.58rem; }
  .sportaki-today-webtv-head h2 { font-size:.98rem; }
  .sportaki-today-webtv-head > a { font-size:.7rem; }
  .sportaki-today-webtv-rail { margin-inline:calc(var(--sportaki-gutter,18px) * -1); width:calc(100% + (var(--sportaki-gutter,18px) * 2)); }
  .sportaki-today-webtv-card { flex-basis:min(84vw,300px); min-width:min(84vw,300px); padding:.7rem .74rem; }
  .sportaki-today-webtv-match .sportaki-today-team > span { font-size:.76rem; }
  .sportaki-today-team img { width:27px; height:27px; flex-basis:27px; }
}

@media (prefers-reduced-motion:reduce) {
  .sportaki-today-strip-track { animation:none !important; }
  .sportaki-today-strip-desktop { overflow-x:auto; }
  .sportaki-today-strip-mobile-item { transition:none; }
}


/* =========================================================
   1.1.27 — Today games live/completed states + WebTV auto-roll
   ========================================================= */
.sportaki-today-strip-item,
.sportaki-today-webtv-card {
  position:relative;
}

/* Kickoff through +2h: unmistakable but readable red LIVE glow on both surfaces. */
.sportaki-today-strip-item.is-live-now {
  z-index:2;
  background:linear-gradient(90deg,rgba(255,31,64,.13),rgba(255,31,64,.035));
  box-shadow:inset 0 0 0 1px rgba(255,45,72,.34),0 0 18px rgba(255,32,62,.24);
  animation:sportaki-today-live-pulse 2.15s ease-in-out infinite;
}
.sportaki-today-webtv-card.is-live-now {
  z-index:2;
  border-color:rgba(240,38,67,.68);
  background:linear-gradient(145deg,color-mix(in srgb,var(--sportaki-surface) 92%,#ffdde2 8%),color-mix(in srgb,var(--sportaki-surface) 96%,#fff 4%));
  box-shadow:0 0 0 1px rgba(239,43,72,.12),0 0 24px rgba(239,39,68,.28),0 10px 24px rgba(86,10,24,.10);
  animation:sportaki-today-live-pulse-card 2.15s ease-in-out infinite;
}
.sportaki-today-strip-item.is-live-now > time,
.sportaki-today-webtv-card.is-live-now .sportaki-today-webtv-top time {
  color:#e31335;
}
.sportaki-today-strip-item.is-live-now > time::before,
.sportaki-today-webtv-card.is-live-now .sportaki-today-webtv-top time::before {
  content:'';
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:6px;
  border-radius:50%;
  vertical-align:1px;
  background:#f12847;
  box-shadow:0 0 0 4px rgba(241,40,71,.13),0 0 11px rgba(241,40,71,.64);
}
@keyframes sportaki-today-live-pulse {
  0%,100% { box-shadow:inset 0 0 0 1px rgba(255,45,72,.30),0 0 12px rgba(255,32,62,.17); }
  50% { box-shadow:inset 0 0 0 1px rgba(255,45,72,.58),0 0 25px rgba(255,32,62,.38); }
}
@keyframes sportaki-today-live-pulse-card {
  0%,100% { box-shadow:0 0 0 1px rgba(239,43,72,.10),0 0 16px rgba(239,39,68,.20),0 10px 24px rgba(86,10,24,.08); }
  50% { box-shadow:0 0 0 1px rgba(239,43,72,.24),0 0 30px rgba(239,39,68,.38),0 12px 28px rgba(86,10,24,.12); }
}

/* At kickoff +2h, preserve legibility but visually retire team/channel marks. */
.sportaki-today-strip-item.is-completed .sportaki-today-team img,
.sportaki-today-strip-item.is-completed .sportaki-today-channel,
.sportaki-today-webtv-card.is-completed .sportaki-today-team img,
.sportaki-today-webtv-card.is-completed .sportaki-today-channel {
  filter:grayscale(1);
  opacity:.42;
}
.sportaki-today-strip-item.is-completed .sportaki-today-channel img,
.sportaki-today-webtv-card.is-completed .sportaki-today-channel img {
  filter:grayscale(1);
}
.sportaki-today-strip-item.is-completed > time,
.sportaki-today-webtv-card.is-completed .sportaki-today-webtv-top time {
  color:var(--sportaki-muted);
  background:color-mix(in srgb,var(--sportaki-border) 34%,var(--sportaki-surface));
}

/* Automatic card-by-card rail movement remains user-controllable by direct horizontal scroll. */
.sportaki-today-webtv-rail {
  scroll-behavior:smooth;
}
.sportaki-today-webtv-rail.is-auto-paused::after {
  content:'';
}

:root[data-theme="dark"] .sportaki-today-strip-item.is-live-now {
  background:linear-gradient(90deg,rgba(255,38,68,.18),rgba(255,38,68,.045));
}
:root[data-theme="dark"] .sportaki-today-webtv-card.is-live-now {
  background:linear-gradient(145deg,#251722,#151d2c);
  border-color:rgba(255,63,87,.72);
}
:root[data-theme="dark"] .sportaki-today-strip-item.is-completed .sportaki-today-channel,
:root[data-theme="dark"] .sportaki-today-webtv-card.is-completed .sportaki-today-channel {
  opacity:.34;
}

@media (prefers-reduced-motion:reduce) {
  .sportaki-today-strip-item.is-live-now,
  .sportaki-today-webtv-card.is-live-now { animation:none !important; }
  .sportaki-today-webtv-track { animation:none !important; transform:none !important; }
  .sportaki-today-webtv-rail { overflow-x:auto; }
}




/* =========================================================
   1.1.29 — WebTV today-games continuous marquee parity
   Same uninterrupted linear movement model as the top ticker.
   ========================================================= */


/* Google Preferred Sources: official button slot below single-post featured image. */
.sportaki-google-preferred-source-slot{
  width:min(calc(100% - 32px),var(--sportaki-article));
  margin-inline:auto;
  padding-inline:clamp(1.25rem,3vw,2.15rem);
  box-sizing:border-box;
}
.sportaki-google-preferred-source{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  max-width:100%;
  margin:14px 0 12px;
  min-height:44px;
  overflow:visible;
}
@media (max-width:560px){
  .sportaki-google-preferred-source-slot{
    width:min(calc(100% - 20px),var(--sportaki-article));
    padding-inline:.9rem;
  }
  .sportaki-google-preferred-source{justify-content:center;margin:10px 0 8px;}
}

/* 1.1.35 — article utility journey */
.sportaki-entry-content .sportaki-article-utility {
  --utility-accent: var(--sportaki-team-primary, #2f80ed);
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .7rem 1rem;
  align-items: center;
  margin: clamp(1.55rem, 3vw, 2.15rem) 0;
  padding: clamp(1rem, 2.4vw, 1.25rem);
  border: 1px solid color-mix(in srgb, var(--utility-accent) 26%, var(--sportaki-border));
  border-left: 4px solid var(--utility-accent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--sportaki-surface) 94%, var(--utility-accent) 6%);
  box-shadow: 0 12px 30px rgba(7,16,31,.07);
  color: var(--sportaki-text);
  overflow: hidden;
}
.sportaki-entry-content .sportaki-article-utility-webtv { --utility-accent: #6f5cf3; }
.sportaki-entry-content .sportaki-article-utility-support { --utility-accent: #12a8dd; grid-template-columns: 1fr; }
.sportaki-article-utility-kicker {
  grid-column: 1 / -1;
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  color: var(--utility-accent);
  font: 900 .7rem/1.1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .11em;
}
.sportaki-article-utility-copy { min-width: 0; }
.sportaki-entry-content .sportaki-article-utility-copy strong {
  display: block;
  margin: 0 0 .3rem;
  color: var(--sportaki-text);
  font: 900 clamp(1.02rem, 2vw, 1.18rem)/1.16 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
}
.sportaki-entry-content .sportaki-article-utility-copy p {
  margin: 0 !important;
  color: var(--sportaki-muted);
  font-size: .92rem;
  line-height: 1.52;
}
.sportaki-entry-content .sportaki-article-utility-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  min-height: 42px;
  padding: .65rem .85rem;
  border: 1px solid color-mix(in srgb, var(--utility-accent) 36%, transparent);
  border-radius: 11px;
  background: color-mix(in srgb, var(--utility-accent) 11%, transparent);
  color: color-mix(in srgb, var(--utility-accent) 88%, var(--sportaki-text));
  font-size: .82rem;
  font-weight: 900;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
}
.sportaki-entry-content .sportaki-article-utility-link:hover,
.sportaki-entry-content .sportaki-article-utility-link:focus-visible {
  background: var(--utility-accent);
  color: #fff;
  outline: none;
}
.sportaki-article-utility-support-action { min-width: 0; margin-top: .25rem; }
.sportaki-article-utility-support-action .sportaki-support-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
html[data-theme="dark"] .sportaki-entry-content .sportaki-article-utility {
  background: color-mix(in srgb, #0b1729 91%, var(--utility-accent) 9%);
  box-shadow: 0 14px 35px rgba(0,0,0,.2);
}
@media (max-width: 640px) {
  .sportaki-entry-content .sportaki-article-utility {
    grid-template-columns: 1fr;
    gap: .7rem;
    margin: 1.35rem 0;
    padding: .95rem;
    border-radius: 14px;
  }
  .sportaki-entry-content .sportaki-article-utility-link {
    width: 100%;
    min-height: 44px;
    white-space: normal;
  }
}

/* 1.1.35 — public competitions discovery inside the mobile menu */
.sportaki-mobile-competitions {
  margin-top: .7rem;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(45,128,237,.11), rgba(111,92,243,.08));
  overflow: hidden;
}
.sportaki-mobile-competitions > summary {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .72rem .8rem;
  color: #fff;
  cursor: pointer;
  list-style: none;
  font: 900 .9rem/1.2 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .035em;
}
.sportaki-mobile-competitions > summary::-webkit-details-marker { display: none; }
.sportaki-mobile-competitions-title { display: inline-flex; align-items: center; gap: .58rem; }
.sportaki-mobile-competitions-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: rgba(255,255,255,.08); }
.sportaki-mobile-competitions-count {
  min-width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(77,170,255,.18);
  color: #9dd6ff;
  font-size: .72rem;
}
.sportaki-mobile-competitions > summary::after {
  content: "+";
  margin-left: -.35rem;
  color: rgba(255,255,255,.72);
  font-size: 1.1rem;
}
.sportaki-mobile-competitions[open] > summary::after { content: "−"; }
.sportaki-mobile-competitions-list { padding: 0 .55rem .55rem; border-top: 1px solid rgba(255,255,255,.08); }
.sportaki-mobile-competition-link {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: .7rem;
  min-height: 58px;
  padding: .58rem .5rem;
  border-bottom: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
}
.sportaki-mobile-competition-link:last-child { border-bottom: 0; }
.sportaki-mobile-competition-link:hover,
.sportaki-mobile-competition-link:focus-visible,
.sportaki-mobile-competition-link.is-current { background: rgba(255,255,255,.07); outline: none; }
.sportaki-mobile-competition-logo { width: 38px; height: 38px; display: grid; place-items: center; }
.sportaki-mobile-competition-logo img { width: 34px; height: 34px; object-fit: contain; }
.sportaki-mobile-competition-copy { min-width: 0; display: grid; gap: .15rem; }
.sportaki-mobile-competition-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: .86rem; }
.sportaki-mobile-competition-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.58); font-size: .68rem; }
.sportaki-mobile-competition-arrow { color: #73c8ff; font-size: 1.25rem; }
@media (min-width: 961px) {
  .sportaki-mobile-competitions { display: none !important; }
}

/* Reuse the site's existing IRIS support component as the article-end action, without a double card. */
.sportaki-entry-content .sportaki-article-utility-support {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.sportaki-entry-content .sportaki-article-utility-support > .sportaki-article-utility-kicker { margin: 0 0 .55rem .15rem; }
.sportaki-article-utility-support-action { width: 100%; margin: 0; }
.sportaki-article-utility-support-fallback {
  padding: 1rem;
  border: 1px solid color-mix(in srgb, #12a8dd 30%, var(--sportaki-border));
  border-radius: 15px;
  background: color-mix(in srgb, var(--sportaki-surface) 93%, #12a8dd 7%);
}
.sportaki-entry-content .sportaki-article-utility-support-fallback strong { display:block; margin:0 0 .35rem; font-size:1.1rem; }
.sportaki-entry-content .sportaki-article-utility-support-fallback p { margin:0 !important; color:var(--sportaki-muted); }

/* 1.1.37 — dynamic Public Competitions menu without legacy chevron decoration. */
.sportaki-menu .sportaki-competitions-submenu {
  min-width:300px;
  max-width:min(340px,calc(100vw - 32px));
}
.sportaki-menu .sportaki-competitions-submenu .sportaki-competition-subitem > a {
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:52px;
  padding:.55rem .65rem;
}
.sportaki-competition-sublogo {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.05);
  color:#79d3ff;
  font-size:1.15rem;
}
.sportaki-competition-sublogo img { width:32px; height:32px; object-fit:contain; }
.sportaki-competition-subcopy { min-width:0; display:grid; gap:2px; }
.sportaki-competition-subcopy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:.82rem; line-height:1.2; }
.sportaki-competition-subcopy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.55); font-size:.66rem; line-height:1.2; }
.sportaki-competition-all { margin-top:5px; padding-top:5px; border-top:1px solid rgba(255,255,255,.08); }
.sportaki-competition-all .sportaki-competition-sublogo { background:rgba(59,130,246,.12); }

/* Mobile: parent label is a real /dioorganoseis/ link; no second setup path. */
.sportaki-mobile-competitions { margin: .7rem .7rem 1rem; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.035); }
.sportaki-mobile-competitions-index {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  padding:.58rem .72rem;
  color:#fff!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.035);
}
.sportaki-mobile-competitions-index:hover,
.sportaki-mobile-competitions-index:focus-visible { background:rgba(255,255,255,.07); outline:none; }
.sportaki-mobile-competitions-title { display:inline-flex; align-items:center; gap:.58rem; }
.sportaki-mobile-competitions-title strong { font-size:.84rem; }
.sportaki-mobile-competitions-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:rgba(255,255,255,.08); }
.sportaki-mobile-competitions-count {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  background:rgba(34,183,255,.14);
  color:#8ddcff;
  font-size:.68rem;
  font-weight:850;
}
.sportaki-mobile-competitions-list { padding:.35rem .55rem .55rem; border-top:1px solid rgba(255,255,255,.08); }
@media(min-width:1101px){ .sportaki-mobile-competitions { display:none!important; } }

/* /dioorganoseis/ — automatic catalogue of Competition Data Public entries. */
.sportaki-competitions-index { min-height:60vh; padding-block:clamp(28px,4vw,58px); }
.sportaki-competitions-index-shell { display:grid; gap:22px; }
.sportaki-competitions-index-hero {
  position:relative;
  overflow:hidden;
  padding:clamp(24px,4vw,42px);
  border:1px solid var(--sportaki-border);
  border-radius:22px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--sportaki-accent-2) 13%,var(--sportaki-surface)),color-mix(in srgb,#7137a8 8%,var(--sportaki-surface)));
  box-shadow:var(--sportaki-shadow-soft,0 14px 40px rgba(0,0,0,.08));
}
.sportaki-competitions-index-hero h1 { margin:.2rem 0 .45rem; font-size:clamp(2rem,4vw,3.2rem); line-height:1; color:var(--sportaki-text); }
.sportaki-competitions-index-hero p { max-width:720px; margin:0; color:var(--sportaki-muted); }
.sportaki-competitions-index-count {
  display:inline-flex;
  margin-top:16px;
  min-height:28px;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  background:color-mix(in srgb,var(--sportaki-accent-2) 13%,transparent);
  color:var(--sportaki-accent-2);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.04em;
}
.sportaki-competitions-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.sportaki-competition-index-card {
  display:grid;
  grid-template-columns:86px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  min-height:132px;
  padding:20px;
  border:1px solid var(--sportaki-border);
  border-radius:18px;
  background:var(--sportaki-surface);
  color:var(--sportaki-text)!important;
  text-decoration:none!important;
  box-shadow:var(--sportaki-shadow-soft,0 8px 25px rgba(0,0,0,.06));
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.sportaki-competition-index-card:hover,
.sportaki-competition-index-card:focus-visible {
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--sportaki-accent-2) 52%,var(--sportaki-border));
  box-shadow:0 14px 34px rgba(0,0,0,.12);
  outline:none;
}
.sportaki-competition-index-logo { width:82px; height:82px; display:grid; place-items:center; border-radius:16px; background:var(--sportaki-surface-alt,var(--sportaki-surface)); }
.sportaki-competition-index-logo img { width:74px; height:74px; object-fit:contain; }
.sportaki-competition-index-logo > span { font-size:2rem; }
.sportaki-competition-index-body { min-width:0; display:grid; gap:5px; }
.sportaki-competition-index-body small { color:var(--sportaki-accent-2); font-size:.68rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.sportaki-competition-index-body strong { color:var(--sportaki-text); font-size:clamp(1.05rem,2vw,1.35rem); line-height:1.15; }
.sportaki-competition-index-body > span { color:var(--sportaki-muted); font-size:.78rem; }
.sportaki-competition-index-arrow { color:var(--sportaki-accent-2); font-size:2rem; transition:transform .18s ease; }
.sportaki-competition-index-card:hover .sportaki-competition-index-arrow { transform:translateX(3px); }
.sportaki-competitions-empty { padding:26px; border:1px dashed var(--sportaki-border); border-radius:18px; background:var(--sportaki-surface); color:var(--sportaki-muted); }
.sportaki-competitions-empty strong { display:block; margin-bottom:5px; color:var(--sportaki-text); }
.sportaki-competitions-empty p { margin:0; }

/* 1.1.38 — mobile quick actions + high-contrast bottom navigation. */
.sportaki-mobile-quick-actions { display: none; }

@media (max-width: 900px) {
  /* Permanent competitions shortcut. Poll shortcut exists only when PHP confirms an active poll. */
  .sportaki-mobile-quick-actions {
    position: fixed;
    z-index: 650;
    right: 10px;
    bottom: calc(76px + env(safe-area-inset-bottom));
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    pointer-events: none;
  }
  .sportaki-mobile-quick-chip {
    pointer-events: auto;
    min-height: 42px;
    border: 1px solid color-mix(in srgb, var(--sportaki-team-primary) 36%, var(--sportaki-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--sportaki-surface) 94%, var(--sportaki-team-primary) 6%);
    box-shadow: 0 10px 28px rgba(19,42,72,.2);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
  :root[data-theme="dark"] .sportaki-mobile-quick-chip {
    background: color-mix(in srgb, #07101f 93%, var(--sportaki-team-primary));
    box-shadow: 0 12px 30px rgba(0,0,0,.38);
  }
  .sportaki-mobile-competitions-chip {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .42rem .72rem;
    color: color-mix(in srgb, var(--sportaki-text) 88%, var(--sportaki-team-primary)) !important;
    text-decoration: none !important;
    font: 900 .68rem/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    letter-spacing: .035em;
  }
  .sportaki-mobile-quick-icon {
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    color: color-mix(in srgb, var(--sportaki-team-primary) 82%, #0b5fa7);
  }
  .sportaki-mobile-quick-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .sportaki-mobile-poll-chip {
    position: static;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
  }
  .sportaki-mobile-poll-chip[hidden] { display: none !important; }
  .sportaki-mobile-poll-chip > a {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 40px;
    padding: .42rem .2rem .42rem .66rem;
    color: var(--sportaki-text) !important;
    text-decoration: none !important;
    font: 900 .67rem/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    letter-spacing: .025em;
  }
  :root[data-theme="dark"] .sportaki-mobile-poll-chip > a { color: #fff !important; }
  .sportaki-mobile-poll-live {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: var(--sportaki-live);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--sportaki-live) 18%, transparent);
  }
  .sportaki-mobile-poll-chip > button {
    width: 32px;
    height: 32px;
    margin-right: .18rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--sportaki-soft);
    cursor: pointer;
    font-size: 1rem;
  }

  /* Readable, touch-friendly navigation in BOTH Light and Dark modes. */
  .sportaki-bottom-nav {
    min-height: calc(68px + env(safe-area-inset-bottom));
    padding: 4px 6px env(safe-area-inset-bottom);
    border-top: 1px solid color-mix(in srgb, var(--sportaki-team-primary) 26%, var(--sportaki-border));
    background: color-mix(in srgb, var(--sportaki-bg-deep) 97%, transparent);
    box-shadow: 0 -10px 28px rgba(21,45,74,.18);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  :root[data-theme="dark"] .sportaki-bottom-nav { box-shadow: 0 -10px 30px rgba(0,0,0,.34); }
  .sportaki-bottom-nav a,
  .sportaki-bottom-nav button {
    min-height: 60px;
    align-content: center;
    place-content: center;
    gap: 3px;
    padding: .24rem .12rem;
    border-radius: 11px;
    color: color-mix(in srgb, var(--sportaki-text) 84%, var(--sportaki-muted));
    font-size: .7rem;
    font-weight: 780;
    line-height: 1.05;
    letter-spacing: -.01em;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .sportaki-bottom-nav a:hover,
  .sportaki-bottom-nav a:focus-visible,
  .sportaki-bottom-nav button:hover,
  .sportaki-bottom-nav button:focus-visible {
    background: color-mix(in srgb, var(--sportaki-team-primary) 10%, transparent);
    color: var(--sportaki-text);
    outline: none;
  }
  .sportaki-bottom-nav-icon {
    width: 30px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: color-mix(in srgb, var(--sportaki-team-primary) 84%, #125f9e);
    opacity: 1;
  }
  :root[data-theme="dark"] .sportaki-bottom-nav-icon {
    color: color-mix(in srgb, var(--sportaki-team-primary) 68%, #eaf7ff);
  }
  .sportaki-bottom-nav-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.15;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .sportaki-bottom-nav-label {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    white-space: nowrap;
  }
  /* Neutralize the legacy unicode-icon rule; 1.1.38 owns icons through SVG.
     This selector deliberately outranks the old span[aria-hidden] light glyph color. */
  .sportaki-bottom-nav span[aria-hidden].sportaki-bottom-nav-icon {
    font-size: 0;
    color: color-mix(in srgb, var(--sportaki-team-primary) 84%, #125f9e);
  }
  :root[data-theme="dark"] .sportaki-bottom-nav span[aria-hidden].sportaki-bottom-nav-icon {
    color: color-mix(in srgb, var(--sportaki-team-primary) 68%, #eaf7ff);
  }
}

@media (max-width: 420px) {
  .sportaki-mobile-quick-actions { right: 7px; left: 7px; gap: 5px; }
  .sportaki-mobile-competitions-chip { padding-inline: .58rem; font-size: .64rem; }
  .sportaki-mobile-poll-chip > a { padding-left: .55rem; font-size: .64rem; }
  .sportaki-bottom-nav a,
  .sportaki-bottom-nav button { font-size: .67rem; }
  .sportaki-bottom-nav-icon svg { width: 21px; height: 21px; }
}


/* 1.1.39 — Active Poll Promotion: homepage + article + desktop tower + mobile CTA + modal. */
.sportaki-active-poll-home-wrap {
  position: relative;
  z-index: 12;
  padding: 10px 0;
  background: linear-gradient(90deg, #081525 0%, #102849 50%, #171637 100%);
  border-bottom: 1px solid rgba(77,173,255,.28);
}
.sportaki-active-poll-inline {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 13px;
  overflow: hidden;
  padding: 13px 16px;
  border: 1px solid rgba(91, 174, 255, .34);
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0%, rgba(238, 36, 71, .22), transparent 38%),
    radial-gradient(circle at 88% 100%, rgba(122, 53, 181, .20), transparent 42%),
    linear-gradient(135deg, #081525 0%, #102849 56%, #171637 100%);
  box-shadow: 0 12px 32px rgba(9,31,58,.24), inset 0 1px 0 rgba(255,255,255,.06);
  color: #fff;
}
.sportaki-active-poll-inline::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 65%, rgba(255,255,255,.07) 78%, transparent 90%);
}
.sportaki-active-poll-flame { font-size: 1.7rem; filter: drop-shadow(0 4px 12px rgba(255,93,37,.32)); }
.sportaki-active-poll-copy { min-width: 0; display: grid; gap: 3px; }
.sportaki-active-poll-kicker,
.sportaki-poll-modal-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #ffb2bc;
  font: 900 .68rem/1.1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .08em;
}
.sportaki-active-poll-kicker i,
.sportaki-poll-modal-kicker i,
.sportaki-poll-tower-cta small i {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: var(--sportaki-live);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--sportaki-live) 20%, transparent);
}
.sportaki-active-poll-question {
  overflow: hidden;
  color: #fff;
  font: 850 clamp(.88rem,1.15vw,1rem)/1.24 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sportaki-active-poll-cta {
  position: relative;
  z-index: 1;
  min-height: 40px;
  padding: .62rem .9rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  background: linear-gradient(135deg, #ee2447, #c91f4a 58%, #7a35b5);
  color: #fff;
  box-shadow: 0 8px 20px rgba(218,35,74,.23);
  font: 900 .72rem/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .035em;
  cursor: pointer;
}
.sportaki-active-poll-cta:hover,
.sportaki-active-poll-cta:focus-visible { transform: translateY(-1px); filter: brightness(1.08); outline: none; }
.sportaki-active-poll-inline-article { margin: 1.35rem 0; }
.sportaki-active-poll-inline-article .sportaki-active-poll-question { white-space: normal; }


/* 1.1.41 — Poll promotion contrast is intentionally theme-independent.
   These surfaces stay dark in both Light and Dark mode so the CTA and question
   never wash out against the Light Steel homepage/article background. */
:root[data-theme="light"] .sportaki-active-poll-inline,
:root[data-theme="dark"] .sportaki-active-poll-inline {
  color: #fff;
}
:root[data-theme="light"] .sportaki-active-poll-question,
:root[data-theme="dark"] .sportaki-active-poll-question {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.28);
}
:root[data-theme="light"] .sportaki-active-poll-kicker,
:root[data-theme="dark"] .sportaki-active-poll-kicker {
  color: #ffbac4;
}
:root[data-theme="light"] .sportaki-active-poll-cta,
:root[data-theme="dark"] .sportaki-active-poll-cta {
  color: #fff;
}

/* Desktop floating "tower": always visible while a time-valid poll exists. */
.sportaki-poll-tower-cta {
  position: fixed;
  z-index: 640;
  right: 16px;
  top: 54%;
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 9px;
  width: 204px;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 17px;
  background: linear-gradient(145deg, #0b1930 0%, #172a4a 55%, #3e183d 100%);
  box-shadow: 0 16px 38px rgba(4,17,34,.3), 0 0 0 1px rgba(64,177,255,.1) inset;
  color: #fff;
  text-align: left;
  cursor: pointer;
  transform: translateY(-50%);
  transition: transform .18s ease, box-shadow .18s ease;
}
.sportaki-poll-tower-cta:hover,
.sportaki-poll-tower-cta:focus-visible { transform: translateY(calc(-50% - 2px)); box-shadow: 0 20px 44px rgba(4,17,34,.38), 0 0 0 1px rgba(64,177,255,.16) inset; outline: none; }
.sportaki-poll-tower-fire { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: rgba(238,36,71,.14); font-size: 1.25rem; }
.sportaki-poll-tower-cta > span:last-child { min-width: 0; display: grid; gap: 4px; }
.sportaki-poll-tower-cta small { display: flex; align-items: center; gap: 6px; color: #ffbdc6; font: 900 .58rem/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .06em; }
.sportaki-poll-tower-cta strong { color: #fff; font: 900 .94rem/1.08 "Roboto Condensed", Arial, sans-serif; }

/* Poll modal / popup. */
body.sportaki-poll-modal-open { overflow: hidden; }
.sportaki-poll-modal {
  position: fixed;
  z-index: 1800;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  opacity: 0;
  transition: opacity .16s ease;
}
.sportaki-poll-modal[hidden] { display: none !important; }
.sportaki-poll-modal.is-open { opacity: 1; }
.sportaki-poll-modal-backdrop { position: absolute; inset: 0; border: 0; background: rgba(1,8,18,.76); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); cursor: default; }
.sportaki-poll-modal-panel {
  position: relative;
  width: min(760px, calc(100vw - 32px));
  max-height: min(88dvh, 860px);
  overflow: auto;
  border: 1px solid color-mix(in srgb, var(--sportaki-team-primary) 34%, var(--sportaki-border));
  border-radius: 22px;
  background: var(--sportaki-surface);
  box-shadow: 0 28px 90px rgba(0,0,0,.42);
  transform: translateY(10px) scale(.985);
  transition: transform .18s ease;
  outline: none;
}
.sportaki-poll-modal.is-open .sportaki-poll-modal-panel { transform: none; }
.sportaki-poll-modal-head {
  position: sticky;
  z-index: 3;
  top: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 17px 18px 14px;
  border-bottom: 1px solid var(--sportaki-border);
  background: color-mix(in srgb, var(--sportaki-surface) 94%, transparent);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.sportaki-poll-modal-head > div { min-width: 0; display: grid; gap: 7px; }
.sportaki-poll-modal-head h2 { margin: 0; color: var(--sportaki-text); font: 900 clamp(1.12rem,2.2vw,1.5rem)/1.12 "Roboto Condensed", Arial, sans-serif; }
.sportaki-poll-modal-close { width: 38px; height: 38px; border: 1px solid var(--sportaki-border); border-radius: 50%; background: var(--sportaki-surface-2); color: var(--sportaki-text); font-size: 1.45rem; line-height: 1; cursor: pointer; }
.sportaki-poll-modal-body { padding: 17px; }
.sportaki-poll-modal-foot { display: flex; justify-content: flex-end; padding: 0 18px 18px; }
.sportaki-poll-modal-foot a { color: var(--sportaki-team-primary); font-weight: 800; text-decoration: none; }

@media (max-width: 900px) {
  .sportaki-poll-tower-cta { display: none; }
  .sportaki-active-poll-home-wrap { display: none; }
  .sportaki-mobile-quick-actions {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
  }
  .sportaki-mobile-poll-chip {
    min-width: 204px;
    justify-content: flex-start;
    gap: .55rem;
    padding: .48rem .78rem;
    border-color: rgba(91,174,255,.36);
    background: linear-gradient(135deg, #081525 0%, #102849 58%, #3e183d 100%);
    color: #fff;
    box-shadow: 0 10px 26px rgba(4,17,34,.28), inset 0 1px 0 rgba(255,255,255,.06);
    text-align: left;
    cursor: pointer;
  }
  :root[data-theme="dark"] .sportaki-mobile-poll-chip,
  :root[data-theme="light"] .sportaki-mobile-poll-chip { color: #fff; }
  .sportaki-mobile-poll-copy { display: grid; gap: 2px; }
  .sportaki-mobile-poll-copy strong { font: 900 .66rem/1 "Roboto Condensed", Arial, sans-serif; letter-spacing: .045em; }
  .sportaki-mobile-poll-copy small { color: color-mix(in srgb, currentColor 78%, var(--sportaki-muted)); font: 800 .72rem/1.05 "Roboto Condensed", Arial, sans-serif; }
  .sportaki-poll-modal { place-items: end center; padding: 0; }
  .sportaki-poll-modal-panel {
    width: 100%;
    max-height: 90dvh;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 22px 22px 0 0;
    transform: translateY(24px);
  }
  .sportaki-poll-modal-head { padding: 14px 15px 12px; }
  .sportaki-poll-modal-body { padding: 13px; }
  .sportaki-poll-modal-foot { padding: 0 15px calc(14px + env(safe-area-inset-bottom)); }
  .sportaki-active-poll-inline-article {
    grid-template-columns: auto minmax(0,1fr);
    gap: 10px;
    padding: 13px;
  }
  .sportaki-active-poll-inline-article .sportaki-active-poll-cta { grid-column: 1 / -1; width: 100%; }
}

/* 1.1.43 — Multi-active-poll selector inside the existing modal/bottom sheet. */
.sportaki-poll-selector {
  display: grid;
  gap: 14px;
}
.sportaki-poll-selector-intro {
  margin: 0;
  color: var(--sportaki-muted);
  font: 700 .92rem/1.35 "Roboto Condensed", Arial, sans-serif;
}
.sportaki-poll-selector-list {
  display: grid;
  gap: 11px;
}
.sportaki-poll-selector-card {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  border: 1px solid color-mix(in srgb, var(--sportaki-team-primary) 30%, var(--sportaki-border));
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 10%, rgba(238,36,71,.12), transparent 32%),
    linear-gradient(135deg, color-mix(in srgb, var(--sportaki-surface-2) 92%, #102849 8%), var(--sportaki-surface));
  color: var(--sportaki-text);
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.sportaki-poll-selector-card:hover,
.sportaki-poll-selector-card:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--sportaki-team-primary) 58%, var(--sportaki-border));
  box-shadow: 0 10px 26px rgba(4,17,34,.12), inset 0 1px 0 rgba(255,255,255,.05);
  outline: none;
}
.sportaki-poll-selector-card-copy {
  min-width: 0;
  display: grid;
  gap: 7px;
}
.sportaki-poll-selector-card-badge {
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: 7px;
  color: #ef4d69;
  font: 900 .66rem/1 "Roboto Condensed", Arial, sans-serif;
  letter-spacing: .07em;
}
.sportaki-poll-selector-card-badge i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sportaki-live);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--sportaki-live) 18%, transparent);
}
.sportaki-poll-selector-card strong {
  color: var(--sportaki-text);
  font: 900 clamp(.98rem,1.7vw,1.12rem)/1.2 "Roboto Condensed", Arial, sans-serif;
}
.sportaki-poll-selector-arrow {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ee2447, #7a35b5);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 900;
}
.sportaki-poll-modal-view[hidden],
.sportaki-poll-selector[hidden] { display: none !important; }
.sportaki-poll-modal-view {
  display: grid;
  gap: 12px;
}
.sportaki-poll-selector-back {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid var(--sportaki-border);
  border-radius: 999px;
  background: var(--sportaki-surface-2);
  color: var(--sportaki-text);
  font: 800 .78rem/1 "Roboto Condensed", Arial, sans-serif;
  cursor: pointer;
}
.sportaki-poll-selector-back:hover,
.sportaki-poll-selector-back:focus-visible {
  border-color: color-mix(in srgb, var(--sportaki-team-primary) 48%, var(--sportaki-border));
  outline: none;
}

@media (max-width: 900px) {
  .sportaki-poll-selector-intro { font-size: .86rem; }
  .sportaki-poll-selector-list { gap: 9px; }
  .sportaki-poll-selector-card { padding: 13px; border-radius: 14px; }
  .sportaki-poll-selector-card strong { font-size: .98rem; }
  .sportaki-poll-selector-arrow { width: 34px; height: 34px; }
}

/* 1.1.42 — Competitions: sport -> competition navigation hierarchy. */
.sportaki-menu .sportaki-competitions-sports-submenu {
  min-width:250px;
  max-width:min(280px,calc(100vw - 32px));
}
.sportaki-menu .sportaki-competition-sportitem { position:relative; }
.sportaki-menu .sportaki-competition-sportitem > .sportaki-competition-sportlink {
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:.55rem .65rem;
}
.sportaki-competition-sporticon {
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.06);
  font-size:1.05rem;
}
.sportaki-competition-sportcopy { min-width:0; display:grid; gap:2px; }
.sportaki-competition-sportcopy strong { color:#fff; font-size:.84rem; line-height:1.2; }
.sportaki-competition-sportcopy small { color:rgba(255,255,255,.55); font-size:.66rem; line-height:1.2; }
.sportaki-competition-sportarrow { color:#7dd6ff; font-size:1.25rem; line-height:1; }
.sportaki-menu .sportaki-competition-leagues-submenu {
  top:-12px;
  left:calc(100% + 8px);
  min-width:300px;
  max-width:min(340px,calc(100vw - 32px));
  border-radius:14px;
  transform:translateX(-6px);
}
.sportaki-menu .sportaki-competition-sportitem:hover > .sportaki-competition-leagues-submenu,
.sportaki-menu .sportaki-competition-sportitem:focus-within > .sportaki-competition-leagues-submenu {
  transform:translateX(0);
}

.sportaki-mobile-competitions-sports { border-top:1px solid rgba(255,255,255,.08); }
.sportaki-mobile-competition-sport { border-bottom:1px solid rgba(255,255,255,.07); }
.sportaki-mobile-competition-sport:last-child { border-bottom:0; }
.sportaki-mobile-competition-sport > summary {
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.65rem .75rem;
  cursor:pointer;
  list-style:none;
  color:#fff;
}
.sportaki-mobile-competition-sport > summary::-webkit-details-marker { display:none; }
.sportaki-mobile-competition-sport > summary::after {
  content:"+";
  color:#8fd6ff;
  font-size:1.05rem;
  font-weight:900;
}
.sportaki-mobile-competition-sport[open] > summary::after { content:"−"; }
.sportaki-mobile-competition-sport-heading { display:flex; align-items:center; gap:.6rem; min-width:0; }
.sportaki-mobile-competition-sport-icon {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.06);
}
.sportaki-mobile-competition-sport-heading strong { font-size:.88rem; }
.sportaki-mobile-competition-sport-count {
  margin-left:auto;
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(77,170,255,.16);
  color:#a7ddff;
  font-size:.68rem;
  font-weight:900;
}
.sportaki-mobile-competition-sport .sportaki-mobile-competitions-list {
  padding:0 .55rem .55rem;
  border-top:1px solid rgba(255,255,255,.06);
}
.sportaki-menu .sportaki-competition-empty > span {
  display:block;
  padding:.7rem .75rem;
  color:rgba(255,255,255,.48);
  font-size:.72rem;
  line-height:1.35;
}
.sportaki-mobile-competition-empty {
  padding:.8rem .55rem;
  color:rgba(255,255,255,.5);
  font-size:.76rem;
  line-height:1.4;
}

/* 1.1.44 — Local competition hierarchy: sport -> Τοπικά -> federation -> competition. */
.sportaki-menu .sportaki-competition-localitem,
.sportaki-menu .sportaki-competition-federationitem { position:relative; }
.sportaki-menu .sportaki-competition-local-link,
.sportaki-menu .sportaki-competition-federation-link {
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:.55rem .65rem;
}
.sportaki-menu .sportaki-competition-local-submenu,
.sportaki-menu .sportaki-competition-federation-submenu {
  top:-12px;
  left:calc(100% + 8px);
  min-width:250px;
  max-width:min(310px,calc(100vw - 32px));
  border-radius:14px;
  transform:translateX(-6px);
}
.sportaki-menu .sportaki-competition-localitem:hover > .sportaki-competition-local-submenu,
.sportaki-menu .sportaki-competition-localitem:focus-within > .sportaki-competition-local-submenu,
.sportaki-menu .sportaki-competition-federationitem:hover > .sportaki-competition-federation-submenu,
.sportaki-menu .sportaki-competition-federationitem:focus-within > .sportaki-competition-federation-submenu {
  transform:translateX(0);
}

.sportaki-mobile-competition-local,
.sportaki-mobile-competition-federation {
  border-top:1px solid rgba(255,255,255,.06);
}
.sportaki-mobile-competition-local > summary,
.sportaki-mobile-competition-federation > summary {
  display:flex;
  align-items:center;
  gap:.55rem;
  min-height:48px;
  padding:.65rem .6rem;
  list-style:none;
  cursor:pointer;
  color:#fff;
}
.sportaki-mobile-competition-local > summary::-webkit-details-marker,
.sportaki-mobile-competition-federation > summary::-webkit-details-marker { display:none; }
.sportaki-mobile-competition-local > summary::after,
.sportaki-mobile-competition-federation > summary::after {
  content:"+";
  margin-left:auto;
  color:#8fd6ff;
  font-weight:900;
}
.sportaki-mobile-competition-local[open] > summary::after,
.sportaki-mobile-competition-federation[open] > summary::after { content:"−"; }
.sportaki-mobile-competition-local-list { padding-left:.45rem; }
.sportaki-mobile-competition-federation-list { padding-left:.45rem; }
.sportaki-mobile-competition-parent-link {
  display:block;
  margin:.15rem .35rem .35rem;
  padding:.55rem .65rem;
  border-radius:10px;
  background:rgba(77,170,255,.08);
  color:#a7ddff;
  font-size:.74rem;
  font-weight:800;
  text-decoration:none;
}

/* 1.1.45 — Compact local hierarchy rows in desktop competitions menu. */
.sportaki-menu .sportaki-competition-local-link,
.sportaki-menu .sportaki-competition-federation-link {
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:7px;
  min-height:38px;
  padding:.32rem .52rem;
  background:rgba(77,170,255,.045);
  border-top:1px solid rgba(255,255,255,.06);
}
.sportaki-menu .sportaki-competition-local-link:hover,
.sportaki-menu .sportaki-competition-local-link:focus-visible,
.sportaki-menu .sportaki-competition-federation-link:hover,
.sportaki-menu .sportaki-competition-federation-link:focus-visible {
  background:rgba(77,170,255,.10);
  outline:none;
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-sublogo,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-sublogo {
  width:22px;
  height:22px;
  border-radius:6px;
  font-size:.82rem;
  background:rgba(255,255,255,.035);
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-subcopy,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-subcopy {
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-subcopy strong,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-subcopy strong {
  font-size:.75rem;
  line-height:1.1;
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-subcopy small,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-subcopy small {
  font-size:.58rem;
  line-height:1.1;
  opacity:.8;
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-sportarrow,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-sportarrow {
  font-size:1rem;
}


/* 1.1.46 — Local hierarchy is navigation, not card UI. */
.sportaki-menu .sportaki-competition-local-link,
.sportaki-menu .sportaki-competition-federation-link {
  display:inline-flex;
  width:auto;
  max-width:100%;
  align-items:center;
  gap:6px;
  min-height:30px;
  margin:.12rem .35rem;
  padding:.22rem .28rem;
  background:transparent;
  border:0;
  border-radius:7px;
}
.sportaki-menu .sportaki-competition-local-link:hover,
.sportaki-menu .sportaki-competition-local-link:focus-visible,
.sportaki-menu .sportaki-competition-federation-link:hover,
.sportaki-menu .sportaki-competition-federation-link:focus-visible {
  background:rgba(77,170,255,.08);
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-sublogo,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-sublogo {
  width:18px;
  height:18px;
  flex:0 0 18px;
  border-radius:5px;
  font-size:.72rem;
  background:transparent;
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-subcopy,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-subcopy {
  display:block;
  min-width:0;
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-subcopy strong,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-subcopy strong {
  display:block;
  font-size:.75rem;
  line-height:1.15;
  white-space:nowrap;
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-subcopy small,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-subcopy small {
  display:none;
}
.sportaki-menu .sportaki-competition-local-link .sportaki-competition-sportarrow,
.sportaki-menu .sportaki-competition-federation-link .sportaki-competition-sportarrow {
  margin-left:2px;
  font-size:.95rem;
}
.sportaki-menu .sportaki-competition-local-submenu {
  min-width:172px;
  max-width:min(205px,calc(100vw - 32px));
}
.sportaki-menu .sportaki-competition-federation-submenu {
  min-width:245px;
  max-width:min(285px,calc(100vw - 32px));
}

/* 1.1.47 — Fix real selector conflict on compact local navigation nodes.
 * Generic `.sportaki-menu .sub-menu a` had higher specificity than the 1.1.46
 * class-only rule, so desktop local links still rendered as full-width blocks.
 */
.sportaki-menu .sub-menu a.sportaki-competition-local-link,
.sportaki-menu .sub-menu a.sportaki-competition-federation-link {
  display:inline-flex;
  width:auto;
  max-width:calc(100% - .5rem);
  min-width:0;
  min-height:28px;
  margin:.08rem .25rem;
  padding:.2rem .28rem;
  align-items:center;
  gap:6px;
  border:0;
  border-radius:6px;
  background:transparent;
}
.sportaki-primary-nav .current-menu-ancestor > a.sportaki-competition-local-link,
.sportaki-primary-nav .current-menu-ancestor > a.sportaki-competition-federation-link {
  background:transparent;
}
.sportaki-menu .sub-menu a.sportaki-competition-local-link:hover,
.sportaki-menu .sub-menu a.sportaki-competition-local-link:focus-visible,
.sportaki-menu .sub-menu a.sportaki-competition-federation-link:hover,
.sportaki-menu .sub-menu a.sportaki-competition-federation-link:focus-visible {
  background:rgba(77,170,255,.08);
  color:#fff;
  outline:none;
}
.sportaki-menu .sub-menu.sportaki-competition-local-submenu {
  width:max-content;
  min-width:0;
  max-width:min(170px,calc(100vw - 32px));
  padding:6px;
  border-radius:10px;
}
.sportaki-menu .sub-menu.sportaki-competition-federation-submenu {
  width:max-content;
  min-width:0;
  max-width:min(235px,calc(100vw - 32px));
  padding:6px;
  border-radius:10px;
}
.sportaki-menu .sportaki-competition-local-submenu > .sportaki-competition-federationitem,
.sportaki-menu .sportaki-competition-federation-submenu > .sportaki-competition-subitem {
  width:max-content;
  max-width:100%;
}

/* 1.1.53 — Sportaki Clubs homepage newsroom. */
.sportaki-clubs-home-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.sportaki-club-news-card {
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid color-mix(in srgb,var(--ksc-club-primary,#10243f) 22%,var(--sportaki-border));
  background:var(--sportaki-surface);
}
.sportaki-club-news-media { position:relative; overflow:hidden; aspect-ratio:16/9; background:var(--ksc-club-primary,#10243f); }
.sportaki-club-news-media .sportaki-card-image { width:100%; height:100%; object-fit:cover; }
.sportaki-club-news-badge {
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(4,12,24,.82);
  color:#fff;
  font-size:.58rem;
  font-weight:950;
  letter-spacing:.09em;
  line-height:1;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.sportaki-club-news-accent {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:5px;
  background:linear-gradient(90deg,var(--ksc-club-primary,#10243f),var(--ksc-club-secondary,#1769d2));
}
.sportaki-club-news-content { display:grid; gap:9px; padding:14px; }
.sportaki-club-news-identity {
  display:flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  max-width:100%;
  color:var(--sportaki-muted);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.035em;
  text-decoration:none;
  text-transform:uppercase;
}
.sportaki-club-news-identity:hover { color:var(--ksc-club-secondary,#1769d2); }
.sportaki-club-news-logo {
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--ksc-club-primary,#10243f) 25%,var(--sportaki-border));
  background:#fff;
  overflow:hidden;
}
.sportaki-club-news-logo img { width:23px; height:23px; object-fit:contain; }
.sportaki-club-news-card h3 { margin:0; font-size:clamp(1rem,1.25vw,1.2rem); line-height:1.18; }
.sportaki-club-news-card h3 a { color:var(--sportaki-text); text-decoration:none; }
.sportaki-club-news-card h3 a:hover { color:var(--ksc-club-secondary,#1769d2); }
.sportaki-club-news-card p { margin:0; color:var(--sportaki-muted); font-size:.84rem; line-height:1.45; }
.sportaki-club-news-card time { color:var(--sportaki-muted); font-size:.72rem; font-weight:700; }
@media (max-width:1100px) and (min-width:821px) {
  .sportaki-clubs-home-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
  .sportaki-clubs-home-grid.sportaki-snap-on-mobile > .sportaki-card { flex-basis:min(82vw,350px); }
}

/* Today's public WebTV LIVE, separate from Broadcast TV fixtures. */
.sportaki-webtv-today-bar {
  position:relative;
  z-index:28;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  min-height:72px;
  background:color-mix(in srgb,var(--sportaki-surface) 94%,#e2f2ff 6%);
  border-bottom:1px solid var(--sportaki-border);
  color:var(--sportaki-text);
}
.sportaki-webtv-today-label {
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  background:#101d30;
  color:#fff;
  text-decoration:none;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
}
.sportaki-webtv-today-dot { width:8px; height:8px; flex:none; border-radius:50%; background:#ff526d; }
.sportaki-webtv-today-desktop { min-width:0; height:72px; overflow:hidden; }
.sportaki-webtv-today-track { display:flex; width:max-content; height:72px; animation:sportaki-today-strip-scroll 72s linear infinite; will-change:transform; }
.sportaki-webtv-today-track:hover,.sportaki-webtv-today-track:focus-within { animation-play-state:paused; }
.sportaki-webtv-today-track.is-single { animation:none; }
.sportaki-webtv-today-group { display:flex; flex:none; align-items:stretch; height:100%; }
.sportaki-webtv-today-mobile { display:none; }
.sportaki-webtv-today-event {
  position:relative;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  width:clamp(320px,28vw,460px);
  max-width:85vw;
  gap:11px;
  height:72px;
  padding:6px 14px;
  border-right:1px solid var(--sportaki-border);
  color:inherit;
  text-decoration:none;
}
.sportaki-webtv-today-event:hover,.sportaki-webtv-today-event:focus-visible { background:color-mix(in srgb,var(--sportaki-accent) 10%,transparent); }
.sportaki-webtv-today-event > time { flex:none; padding:5px 8px; border-radius:11px; background:#1b3046; font-size:.83rem; font-weight:900; color:#83c6ff; font-variant-numeric:tabular-nums; }
.sportaki-webtv-today-event-main { flex:1; min-width:0; display:grid; grid-template-rows:40px 16px; align-items:center; gap:2px; }
.sportaki-webtv-today-title,.sportaki-webtv-today-meta { display:flex; align-items:center; min-width:0; gap:8px; white-space:nowrap; }
.sportaki-webtv-today-title { overflow:hidden; }
.sportaki-webtv-today-event.is-now .sportaki-webtv-today-title,.sportaki-webtv-today-event.is-finished .sportaki-webtv-today-title { padding-right:48px; }
.sportaki-webtv-today-event.has-team-slots .sportaki-webtv-today-title { justify-content:center; padding-right:0; }
.sportaki-webtv-today-title strong,.sportaki-webtv-today-competition span,.sportaki-webtv-today-channel span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.sportaki-webtv-today-title strong { font-size:.82rem; font-weight:850; }
.sportaki-webtv-today-title img,.sportaki-webtv-today-meta img { flex:none; object-fit:contain; }
.sportaki-webtv-today-title > img { width:40px; height:40px; }
.sportaki-webtv-today-team img { width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,.78); }
.sportaki-webtv-today-versus { color:var(--sportaki-muted); font-weight:800; }
.sportaki-webtv-today-team { display:flex; align-items:center; flex:0 1 auto; min-width:0; max-width:calc((100% - 24px)/2); gap:5px; }
.sportaki-webtv-today-team-name { flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; font-size:.76rem; font-weight:850; }
.sportaki-webtv-today-meta { position:absolute; left:14px; right:14px; bottom:6px; justify-content:space-between; color:var(--sportaki-muted); font-size:.65rem; }
.sportaki-webtv-today-competition,.sportaki-webtv-today-channel { display:flex; min-width:0; align-items:center; gap:4px; }
.sportaki-webtv-today-competition { max-width:46%; overflow:hidden; }
.sportaki-webtv-today-channel { max-width:62%; margin-left:auto; justify-content:flex-end; overflow:hidden; text-align:right; }
.sportaki-webtv-today-meta img { width:16px; height:16px; }
.sportaki-webtv-today-status { position:absolute; top:8px; right:11px; border-radius:999px; background:#bf1644; color:#fff; padding:4px 7px; font-size:.61rem; font-weight:900; }
.sportaki-webtv-today-ended { position:absolute; top:10px; right:12px; color:var(--sportaki-muted); font-size:.61rem; font-weight:750; }
.sportaki-webtv-today-event.is-finished { opacity:.68; }
@media(max-width:760px) {
  .sportaki-webtv-today-bar { min-height:64px; }
  .sportaki-webtv-today-label { max-width:106px; padding:0 9px; white-space:normal; line-height:1.25; font-size:.65rem; }
  .sportaki-webtv-today-desktop { display:none; }
  .sportaki-webtv-today-mobile { display:block; height:64px; }
  .sportaki-webtv-today-mobile .sportaki-today-strip-mobile-item { height:64px; }
  .sportaki-webtv-today-event { width:100%; max-width:none; height:64px; padding:5px 8px; gap:6px; border-right:0; }
  .sportaki-webtv-today-event > time { padding:4px 6px; font-size:.7rem; }
  .sportaki-webtv-today-event-main { grid-template-rows:34px 14px; }
  .sportaki-webtv-today-title > img { width:34px; height:34px; }
  .sportaki-webtv-today-team img { width:22px; height:22px; }
  .sportaki-webtv-today-title { gap:4px; }
  .sportaki-webtv-today-title strong { font-size:.7rem; }
  .sportaki-webtv-today-team { gap:3px; }
  .sportaki-webtv-today-team-name { font-size:.67rem; }
  .sportaki-webtv-today-meta { left:8px; right:8px; bottom:5px; font-size:.57rem; }
  .sportaki-webtv-today-event.is-now .sportaki-webtv-today-title,.sportaki-webtv-today-event.is-finished .sportaki-webtv-today-title { padding-right:34px; }
  .sportaki-webtv-today-event.has-team-slots .sportaki-webtv-today-title { padding-right:0; }
  .sportaki-webtv-today-status { top:7px; right:6px; padding:3px 4px; font-size:.52rem; }
  .sportaki-webtv-today-ended { top:8px; right:6px; font-size:.52rem; }
}
@media(prefers-reduced-motion:reduce) {
  .sportaki-webtv-today-track { animation:none !important; }
  .sportaki-webtv-today-desktop { overflow-x:auto; }
  .sportaki-webtv-today-group[aria-hidden="true"],.sportaki-webtv-today-event[aria-hidden="true"] { display:none; }
}
@media(prefers-reduced-motion:reduce) and (max-width:760px) {
  .sportaki-webtv-today-mobile { display:flex; overflow-x:auto; }
  .sportaki-webtv-today-mobile .sportaki-today-strip-mobile-item { position:static; flex:0 0 min(90vw,360px); opacity:1; visibility:visible; transform:none; }
}