/* ===== assets/style.css ===== */

:root {
  --bg: #070812;
  --card: rgba(255,255,255,.07);
  --card2: rgba(255,255,255,.11);
  --line: rgba(255,255,255,.13);
  --text: #f7f7fb;
  --muted: #aeb3c7;
  --gold: #f5c76b;
  --blue: #3b82f6;
  --red: #ef4444;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 15% 0%, rgba(59,130,246,.22), transparent 30%),
    radial-gradient(circle at 85% 5%, rgba(239,68,68,.22), transparent 28%),
    linear-gradient(180deg, #101225 0%, var(--bg) 48%, #05050b 100%);
  min-height: 100vh;
}

.hero {
  padding: 34px 18px 22px;
  border-bottom: 1px solid var(--line);
}

.hero-inner {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 18px;
}

.logo {
  width: min(520px, 72vw);
  height: auto;
  max-height: 120px;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.eyebrow {
  margin: 0 0 4px;
  color: var(--gold);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 800;
}

h1 {
  margin: 0;
  font-size: clamp(42px, 8vw, 84px);
  line-height: .9;
  letter-spacing: -.06em;
}

.sub {
  margin: 10px 0 0;
  color: var(--muted);
  max-width: 680px;
  font-size: 15px;
}

main {
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px;
}

.panel {
  background: rgba(255,255,255,.045);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 18px;
  margin: 18px 0;
  box-shadow: 0 24px 80px rgba(0,0,0,.25);
}

.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

h2 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -.03em;
}

.section-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  text-align: right;
}

.top15-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.card {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, var(--card2), var(--card));
  border-radius: 18px;
  padding: 14px;
}

.rank {
  color: var(--gold);
  font-weight: 950;
  font-size: 13px;
  letter-spacing: .08em;
}

.player {
  margin-top: 4px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -.03em;
}

.meta {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.pill {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 12px;
  background: rgba(255,255,255,.06);
}

.table-wrap {
  overflow-x: auto;
}

table.dataTable {
  color: var(--text);
}

table.dataTable th,
table.dataTable td {
  color: var(--text);
  border-color: var(--line);
}

.dt-search input,
.dt-length select {
  color: var(--text) !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
}

.dt-info,
.dt-length,
.dt-search {
  color: var(--muted) !important;
}

footer {
  color: var(--muted);
  text-align: center;
  font-size: 12px;
  padding: 28px 18px 44px;
}

@media (max-width: 900px) {
  .top15-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .hero-inner {
    align-items: flex-start;
  }

  .logo {
    width: min(420px, 88vw);
    height: auto;
    max-height: 96px;
    border-radius: 0;
  }

  .section-head {
    display: block;
  }

  .section-head p {
    text-align: left;
    margin-top: 4px;
  }

  .top15-grid {
    grid-template-columns: 1fr;
  }

  .panel {
    padding: 14px;
    border-radius: 20px;
  }
}

.search-box {
  width: 100%;
  max-width: 360px;
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.08);
  color: var(--text);
  outline: none;
}

.search-box::placeholder {
  color: var(--muted);
}

#playersTable {
  width: 100%;
  border-collapse: collapse;
  min-width: 980px;
}

#playersTable th,
#playersTable td {
  padding: 10px 9px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  font-size: 13px;
}

#playersTable th {
  color: var(--gold);
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  background: rgba(255,255,255,.05);
}

#playersTable tr:hover td {
  background: rgba(255,255,255,.045);
}

.formula-panel {
  border-color: rgba(245,199,107,.25);
}

.formula-box {
  border: 1px solid var(--line);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(245,199,107,.10), rgba(255,255,255,.04));
  padding: 16px;
}

.formula-main {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 14px;
}

.formula-main span {
  color: var(--gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.formula-main strong {
  font-size: clamp(22px, 4vw, 36px);
  letter-spacing: -.04em;
}

.formula-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.formula-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 12px;
  background: rgba(0,0,0,.18);
}

.formula-label {
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.formula-value {
  margin-top: 6px;
  font-size: 15px;
  font-weight: 850;
}

.formula-card p,
.formula-note {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.formula-card p {
  margin: 8px 0 0;
}

.formula-note {
  margin: 14px 0 0;
}

@media (max-width: 900px) {
  .formula-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .formula-grid {
    grid-template-columns: 1fr;
  }
}

/* Clean SCSL15 hero refresh */
.hero {
  padding: 42px 18px 30px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.14), transparent 38%),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(255,255,255,.015));
}

.hero-inner.clean-hero {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.logo.logo-lockup {
  width: min(720px, 92vw);
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
  padding: 0;
  filter: drop-shadow(0 18px 34px rgba(0,0,0,.42));
}

.hero-sub {
  max-width: 760px;
  margin: 0;
  color: rgba(247,247,251,.78);
  font-size: 15px;
  line-height: 1.45;
}

.hero-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
}

.hero-chips span {
  border: 1px solid rgba(245,199,107,.28);
  background: rgba(0,0,0,.24);
  color: rgba(247,247,251,.84);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
}

.eyebrow {
  margin: 0;
  color: var(--gold);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-weight: 900;
}

/* tighten page spacing after cleaner hero */
main {
  padding-top: 24px;
}

@media (max-width: 640px) {
  .hero {
    padding: 30px 14px 22px;
  }

  .logo.logo-lockup {
    width: min(520px, 95vw);
  }

  .hero-sub {
    font-size: 13px;
  }

  .hero-chips span {
    font-size: 11px;
    padding: 6px 9px;
  }
}

.music-intro {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 18px;
  background:
    radial-gradient(circle at 25% 10%, rgba(245,199,107,.22), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(59,130,246,.20), transparent 32%),
    rgba(3,4,10,.88);
  backdrop-filter: blur(14px);
}

.music-intro.hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

.music-intro-card {
  width: min(560px, 94vw);
  border: 1px solid rgba(245,199,107,.38);
  border-radius: 28px;
  padding: 26px;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.055)),
    rgba(7,8,18,.94);
  box-shadow: 0 30px 120px rgba(0,0,0,.55);
}

.music-intro-kicker {
  color: var(--gold);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.music-intro-card h2 {
  margin: 8px 0 8px;
  font-size: clamp(34px, 7vw, 58px);
  letter-spacing: -.06em;
}

.music-intro-card p {
  margin: 0 auto 18px;
  max-width: 420px;
  color: var(--muted);
  line-height: 1.45;
}

.music-intro-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.intro-primary,
.intro-secondary {
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 950;
  cursor: pointer;
}

.intro-primary {
  border: 1px solid rgba(255,255,255,.55);
  color: #101014;
  background: linear-gradient(180deg, #f5c76b, #b9892f);
}

.intro-secondary {
  border: 1px solid var(--line);
  color: var(--text);
  background: rgba(255,255,255,.08);
}

.music-intro-note {
  margin-top: 14px;
  color: var(--muted);
  font-size: 12px;
}

.music-btn {
  border: 1px solid rgba(245,199,107,.55);
  background: linear-gradient(180deg, rgba(245,199,107,.18), rgba(255,255,255,.06));
  color: var(--text);
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 850;
  font-size: 12px;
  letter-spacing: .04em;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(0,0,0,.24);
}

.music-btn.playing {
  color: #111;
  background: linear-gradient(180deg, #f5c76b, #b9892f);
  border-color: rgba(255,255,255,.55);
}

/* ===== SCSL15 CLEAN POLISH PASS ===== */

body {
  background:
    radial-gradient(circle at 50% -10%, rgba(245,199,107,.18), transparent 34%),
    radial-gradient(circle at 15% 0%, rgba(59,130,246,.16), transparent 28%),
    radial-gradient(circle at 85% 0%, rgba(239,68,68,.14), transparent 28%),
    linear-gradient(180deg, #0d0f1d 0%, #070812 48%, #04050a 100%);
}

.hero {
  padding: 34px 18px 26px;
  border-bottom: 1px solid rgba(245,199,107,.18);
}

.hero-inner.hero-centered {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 10px;
}

.logo.logo-lockup {
  width: min(680px, 92vw);
  max-height: 170px;
  filter: drop-shadow(0 18px 42px rgba(0,0,0,.48));
}

.eyebrow {
  color: var(--gold);
  font-size: 11px;
  letter-spacing: .22em;
  opacity: .95;
}

.hero-sub {
  max-width: 720px;
  margin: 4px auto 0;
  color: rgba(247,247,251,.78);
  font-size: 14px;
}

.hero-chips {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.hero-chips span,
.hero-chips button {
  border: 1px solid rgba(245,199,107,.28);
  background: rgba(255,255,255,.055);
  color: rgba(247,247,251,.88);
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 850;
  backdrop-filter: blur(8px);
}

main {
  max-width: 1160px;
  padding-top: 14px;
}

.panel {
  background: rgba(255,255,255,.038);
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 22px 70px rgba(0,0,0,.22);
}

.section-head {
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding-bottom: 12px;
}

.section-head h2 {
  font-size: 22px;
}

.section-head p {
  max-width: 520px;
}

.formula-box {
  background: rgba(0,0,0,.18);
  border-color: rgba(245,199,107,.18);
}

.formula-main {
  justify-content: center;
  text-align: center;
}

.formula-main strong {
  font-size: clamp(22px, 3.6vw, 32px);
}

.formula-card {
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.10);
}

.formula-value {
  color: rgba(255,255,255,.94);
}

.top15-grid {
  gap: 10px;
}

.card {
  position: relative;
  overflow: hidden;
  padding: 14px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    rgba(0,0,0,.08);
}

.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(245,199,107,.16), transparent 34%);
  pointer-events: none;
}

.card > * {
  position: relative;
}

.rank {
  display: inline-flex;
  border: 1px solid rgba(245,199,107,.36);
  background: rgba(245,199,107,.10);
  border-radius: 999px;
  padding: 4px 8px;
}

.player {
  margin-top: 8px;
  line-height: 1.05;
}

.meta {
  font-size: 12.5px;
  color: rgba(184,188,207,.92);
}

.pill {
  background: rgba(0,0,0,.20);
  border-color: rgba(255,255,255,.10);
}

.table-wrap {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 10px;
  background: rgba(0,0,0,.14);
}

.search-box {
  max-width: 100%;
  margin-bottom: 10px;
}

#playersTable th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(15,16,28,.98);
}

#playersTable td {
  color: rgba(247,247,251,.86);
}

#playersTable td:first-child,
#playersTable th:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  background: rgba(15,16,28,.98);
  font-weight: 850;
}

.music-intro-card {
  max-width: 520px;
  border-radius: 24px;
}

.music-intro-card h2 {
  font-size: clamp(32px, 6vw, 50px);
}

@media (max-width: 640px) {
  .hero {
    padding: 24px 12px 18px;
  }

  .logo.logo-lockup {
    width: min(560px, 96vw);
    max-height: 135px;
  }

  .panel {
    padding: 14px;
    border-radius: 18px;
  }

  .top15-grid {
    gap: 9px;
  }

  .card {
    padding: 13px;
  }

  .table-wrap {
    padding: 8px;
  }
}

.enter-logo {
  display: block;
  width: min(430px, 86vw);
  height: auto;
  margin: 0 auto 14px;
  filter: drop-shadow(0 18px 38px rgba(0,0,0,.42));
}

@media (max-width: 640px) {
  .enter-logo {
    width: min(390px, 88vw);
    margin-bottom: 12px;
  }
}

/* ===== DESKTOP INTRO LANDING POLISH ===== */

.music-intro {
  min-height: 100dvh;
  align-items: center;
  background:
    radial-gradient(circle at 50% 22%, rgba(245,199,107,.18), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(59,130,246,.18), transparent 32%),
    radial-gradient(circle at 20% 18%, rgba(239,68,68,.10), transparent 28%),
    linear-gradient(180deg, rgba(5,6,12,.78), rgba(4,5,10,.96));
}

.music-intro-card {
  width: min(760px, 92vw);
  min-height: 460px;
  padding: 34px 34px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.11), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    rgba(7,8,18,.94);
  border: 1px solid rgba(245,199,107,.42);
  box-shadow:
    0 35px 140px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.enter-logo {
  width: min(640px, 86vw);
  height: 170px;
  object-fit: cover;
  object-position: center;
  margin: 0 auto 26px;
  border-radius: 22px;
  filter:
    drop-shadow(0 18px 42px rgba(0,0,0,.55))
    drop-shadow(0 0 26px rgba(245,199,107,.20));
}

.music-intro-card p {
  font-size: 18px;
  max-width: 560px;
  margin-bottom: 24px;
}

.music-intro-actions {
  gap: 14px;
}

.intro-primary,
.intro-secondary {
  padding: 14px 22px;
  font-size: 15px;
}

.music-intro-note {
  margin-top: 18px;
  font-size: 13px;
  opacity: .86;
}

@media (max-width: 640px) {
  .music-intro-card {
    width: min(94vw, 560px);
    min-height: auto;
    padding: 24px 18px;
    border-radius: 24px;
  }

  .enter-logo {
    width: min(430px, 88vw);
    height: 120px;
    margin-bottom: 18px;
    border-radius: 16px;
  }

  .music-intro-card p {
    font-size: 16px;
    margin-bottom: 18px;
  }

  .intro-primary,
  .intro-secondary {
    padding: 12px 16px;
    font-size: 14px;
  }
}

/* ===== FINAL INTRO EXPERIENCE POLISH ===== */

.music-intro {
  min-height: 100dvh !important;
  padding: 32px !important;
  display: grid !important;
  place-items: center !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(245,199,107,.24), transparent 24%),
    radial-gradient(circle at 80% 12%, rgba(37,99,235,.20), transparent 30%),
    radial-gradient(circle at 18% 12%, rgba(185,28,28,.15), transparent 28%),
    linear-gradient(180deg, rgba(5,6,14,.72), rgba(3,4,10,.97)) !important;
}

.music-intro-card {
  width: min(820px, 92vw) !important;
  min-height: 520px !important;
  padding: 42px 46px 36px !important;
  border-radius: 36px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 50% -5%, rgba(245,199,107,.16), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)),
    rgba(8,9,18,.96) !important;
  border: 1px solid rgba(245,199,107,.46) !important;
  box-shadow:
    0 42px 150px rgba(0,0,0,.72),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
}

.enter-logo {
  width: min(700px, 82vw) !important;
  height: 190px !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 auto 30px !important;
  border-radius: 24px !important;
  filter:
    drop-shadow(0 22px 50px rgba(0,0,0,.62))
    drop-shadow(0 0 28px rgba(245,199,107,.22)) !important;
}

.music-intro-card p {
  max-width: 620px !important;
  margin: 0 auto 26px !important;
  font-size: 20px !important;
  line-height: 1.42 !important;
  color: rgba(235,238,248,.86) !important;
}

.music-intro-actions {
  gap: 16px !important;
  margin-top: 2px !important;
}

.intro-primary,
.intro-secondary {
  padding: 15px 24px !important;
  font-size: 15px !important;
  min-width: 160px !important;
}

.music-intro-note {
  margin-top: 22px !important;
  font-size: 13px !important;
  color: rgba(184,188,207,.82) !important;
}

@media (max-width: 640px) {
  .music-intro {
    padding: 16px !important;
  }

  .music-intro-card {
    width: 94vw !important;
    min-height: auto !important;
    padding: 24px 18px !important;
    border-radius: 26px !important;
  }

  .enter-logo {
    width: min(430px, 88vw) !important;
    height: 118px !important;
    margin-bottom: 18px !important;
    border-radius: 16px !important;
  }

  .music-intro-card p {
    font-size: 16px !important;
    margin-bottom: 18px !important;
  }

  .intro-primary,
  .intro-secondary {
    min-width: 0 !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
  }
}

/* ===== DESKTOP-ONLY SCSL15 ENTRANCE UPGRADE ===== */

@media (min-width: 900px) {
  .music-intro {
    padding: 48px !important;
    place-items: center !important;
  }

  .music-intro::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(245,199,107,.08), transparent 18%, transparent 82%, rgba(245,199,107,.08)),
      radial-gradient(circle at 50% 50%, rgba(245,199,107,.14), transparent 34%);
  }

  .music-intro-card {
    width: min(980px, 78vw) !important;
    min-height: 620px !important;
    padding: 58px 72px 48px !important;
    border-radius: 42px !important;
    transform: translateY(-8px);
  }

  .enter-logo {
    width: min(820px, 68vw) !important;
    height: 250px !important;
    object-fit: cover !important;
    object-position: center !important;
    margin-bottom: 34px !important;
    border-radius: 28px !important;
  }

  .music-intro-card p {
    font-size: 22px !important;
    max-width: 680px !important;
    margin-bottom: 30px !important;
  }

  .music-intro-actions {
    gap: 18px !important;
  }

  .intro-primary,
  .intro-secondary {
    min-width: 190px !important;
    padding: 17px 28px !important;
    font-size: 16px !important;
  }

  .music-intro-note {
    margin-top: 26px !important;
    font-size: 14px !important;
  }
}

@media (min-width: 1200px) {
  .music-intro-card {
    width: 980px !important;
  }

  .enter-logo {
    width: 820px !important;
    height: 250px !important;
  }
}

/* ===== FIX INTRO LOGO OVERFLOW / DESKTOP FINAL ===== */

.music-intro-card {
  overflow: hidden !important;
}

@media (min-width: 900px) {
  .music-intro-card {
    width: min(900px, calc(100vw - 140px)) !important;
    max-width: 900px !important;
    min-height: 540px !important;
    padding: 48px 54px 42px !important;
    border-radius: 34px !important;
  }

  .enter-logo {
    display: block !important;
    width: 100% !important;
    max-width: 680px !important;
    height: auto !important;
    max-height: 190px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto 34px !important;
    border-radius: 18px !important;
  }

  .music-intro-card p {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 auto 28px !important;
    text-align: center !important;
  }

  .music-intro-actions {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
  }

  .intro-primary,
  .intro-secondary {
    width: 180px !important;
    min-width: 180px !important;
  }
}

@media (max-width: 899px) {
  .enter-logo {
    width: min(390px, 88vw) !important;
    height: auto !important;
    max-height: 130px !important;
    object-fit: contain !important;
  }
}

/* ===== FINAL ENTER LOGO SIZE FIX ===== */

@media (min-width: 900px) {
  .music-intro-card {
    width: min(880px, 82vw) !important;
    min-height: 520px !important;
    padding: 48px 56px 40px !important;
  }

  .enter-logo {
    width: min(720px, 70vw) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 auto 34px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 899px) {
  .enter-logo {
    width: min(390px, 88vw) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin-bottom: 18px !important;
  }
}




/* ===== assets/polish-v2.css ===== */

/* ===== SCSL15 PREMIUM POLISH V2 ===== */

:root {
  --gold-soft: rgba(245,199,107,.22);
  --gold-line: rgba(245,199,107,.38);
  --glass: rgba(255,255,255,.055);
  --glass-strong: rgba(255,255,255,.095);
  --deep-card: rgba(8,9,18,.72);
}

/* Global page feel */
body {
  background:
    radial-gradient(circle at 50% -4%, rgba(245,199,107,.20), transparent 30%),
    radial-gradient(circle at 15% 8%, rgba(190,42,56,.14), transparent 30%),
    radial-gradient(circle at 84% 7%, rgba(49,104,210,.18), transparent 32%),
    linear-gradient(180deg, #111220 0%, #080912 46%, #04050a 100%) !important;
}

/* Hero */
.hero {
  padding: 46px 18px 38px !important;
  border-bottom: 1px solid rgba(245,199,107,.20) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.15), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0)) !important;
}

.hero-inner {
  max-width: 1120px !important;
}

.hero-inner.hero-centered,
.hero-inner {
  text-align: center !important;
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
}

.logo,
.logo.logo-lockup {
  width: min(640px, 84vw) !important;
  height: auto !important;
  max-height: 190px !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 22px 48px rgba(0,0,0,.50))
    drop-shadow(0 0 24px rgba(245,199,107,.14)) !important;
}

.eyebrow {
  font-size: 11px !important;
  letter-spacing: .24em !important;
  color: var(--gold) !important;
  opacity: .96 !important;
}

.sub,
.hero-sub {
  max-width: 720px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: rgba(247,247,251,.74) !important;
}

.hero-chips {
  margin-top: 10px !important;
  gap: 9px !important;
}

.hero-chips span,
.hero-chips button {
  border: 1px solid rgba(245,199,107,.30) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045)) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
}

/* Main layout */
main {
  max-width: 1180px !important;
  padding: 28px 20px 64px !important;
}

.panel {
  margin: 24px auto !important;
  padding: 22px !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.032)),
    rgba(7,8,18,.52) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.section-head {
  padding-bottom: 14px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
}

.section-head h2 {
  font-size: 25px !important;
  letter-spacing: -.04em !important;
}

.section-head p {
  color: rgba(184,188,207,.82) !important;
}

/* Formula section */
.formula-panel {
  border-color: rgba(245,199,107,.24) !important;
}

.formula-box {
  padding: 20px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.11), transparent 48%),
    rgba(0,0,0,.18) !important;
  border: 1px solid rgba(245,199,107,.18) !important;
}

.formula-main {
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
  padding: 20px 14px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(245,199,107,.11), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(245,199,107,.20) !important;
  text-align: center !important;
}

.formula-main span {
  font-size: 11px !important;
  letter-spacing: .20em !important;
}

.formula-main strong {
  font-size: clamp(25px, 3.2vw, 40px) !important;
  line-height: 1.05 !important;
}

.formula-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.formula-card {
  min-height: 136px !important;
  border-radius: 20px !important;
  padding: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.formula-label {
  font-size: 11px !important;
  letter-spacing: .14em !important;
}

.formula-value {
  margin-top: 8px !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
}

.formula-card p {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.formula-note {
  margin-top: 16px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.045) !important;
  border-left: 3px solid rgba(245,199,107,.58) !important;
  color: rgba(220,224,238,.83) !important;
}

/* Selection process */
.panel .formula-box .formula-note + .formula-note {
  margin-top: 10px !important;
}

.panel:not(.formula-panel) .formula-box {
  padding: 18px !important;
}

/* Top 15 cards */
.top15-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.card {
  border-radius: 22px !important;
  padding: 16px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.13), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.18) !important;
}

.card:hover {
  transform: translateY(-2px);
  border-color: rgba(245,199,107,.28) !important;
}

.rank {
  background: rgba(245,199,107,.12) !important;
  border: 1px solid rgba(245,199,107,.38) !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
}

.player {
  font-size: 21px !important;
}

.meta {
  color: rgba(200,205,222,.84) !important;
}

.pill {
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(0,0,0,.22) !important;
}

/* Table */
.table-wrap {
  border-radius: 22px !important;
  padding: 12px !important;
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
}

.search-box {
  height: 42px !important;
  border-radius: 14px !important;
}

/* Mobile cleanup */
@media (max-width: 900px) {
  main {
    padding: 18px 14px 52px !important;
  }

  .hero {
    padding: 28px 14px 24px !important;
  }

  .logo,
  .logo.logo-lockup {
    width: min(560px, 94vw) !important;
    max-height: 150px !important;
  }

  .formula-grid,
  .top15-grid {
    grid-template-columns: 1fr !important;
  }

  .panel {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .section-head {
    display: block !important;
  }

  .section-head p {
    margin-top: 6px !important;
    text-align: left !important;
  }

  .formula-main strong {
    font-size: 24px !important;
  }
}

@media (min-width: 901px) and (max-width: 1150px) {
  .formula-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .top15-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}




/* ===== assets/broadcast-v3.css ===== */

/* ===== SCSL15 BROADCAST PACKAGE V3 ===== */

body {
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.18), transparent 32%),
    radial-gradient(circle at 11% 3%, rgba(196,32,43,.18), transparent 28%),
    radial-gradient(circle at 88% 5%, rgba(31,83,180,.18), transparent 30%),
    linear-gradient(180deg, #0c0d16 0%, #06070d 52%, #030408 100%) !important;
}

/* Top broadcast bar */
.broadcast-bar {
  position: sticky;
  top: 0;
  z-index: 5000;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  color: #fff;
  background:
    linear-gradient(90deg, #a90f1d 0%, #171923 38%, #11131b 100%);
  border-bottom: 1px solid rgba(245,199,107,.34);
  box-shadow: 0 12px 34px rgba(0,0,0,.34);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.broadcast-left,
.broadcast-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.broadcast-live {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 4px;
  background: #d7192a;
  color: #fff;
  font-weight: 950;
  letter-spacing: .12em;
  box-shadow: 0 0 18px rgba(215,25,42,.35);
}

.broadcast-title {
  font-weight: 950;
  color: rgba(255,255,255,.92);
}

.broadcast-right {
  color: rgba(255,255,255,.68);
}

/* Ticker */
.broadcast-ticker {
  position: sticky;
  top: 42px;
  z-index: 4999;
  height: 34px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #05060a;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.ticker-track {
  display: flex;
  gap: 34px;
  min-width: max-content;
  animation: scslTicker 34s linear infinite;
  color: rgba(247,247,251,.86);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ticker-track span::before {
  content: "◆";
  color: var(--gold);
  margin: 0 12px 0 0;
}

@keyframes scslTicker {
  from { transform: translateX(100vw); }
  to { transform: translateX(-100%); }
}

/* Hero as broadcast lead package */
.hero {
  position: relative;
  padding-top: 54px !important;
  padding-bottom: 42px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent),
    radial-gradient(circle at 50% 5%, rgba(245,199,107,.18), transparent 34%) !important;
}

.hero::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(980px, 88vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(245,199,107,.70), transparent);
}

.eyebrow::before,
.eyebrow::after {
  content: "";
  display: inline-block;
  width: 34px;
  height: 2px;
  margin: 0 10px 4px;
  background: rgba(245,199,107,.72);
}

.logo,
.logo.logo-lockup {
  filter:
    drop-shadow(0 24px 56px rgba(0,0,0,.62))
    drop-shadow(0 0 30px rgba(245,199,107,.18)) !important;
}

/* Stat recap strip */
.broadcast-recap {
  max-width: 1180px;
  margin: 22px auto 4px;
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.recap-card {
  min-height: 96px;
  padding: 14px 16px;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(196,32,43,.16), rgba(255,255,255,.05) 40%, rgba(245,199,107,.07)),
    rgba(6,7,12,.72);
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: 0 18px 48px rgba(0,0,0,.24);
}

.recap-label {
  color: var(--gold);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.recap-value {
  margin-top: 7px;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: -.04em;
  color: #fff;
  line-height: 1;
}

.recap-name {
  font-size: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recap-note {
  margin-top: 7px;
  color: rgba(184,188,207,.82);
  font-size: 12px;
  font-weight: 750;
}

/* Section headers feel like broadcast segment headers */
.section-head h2 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.section-head h2::before {
  content: "SCSL";
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 4px;
  background: #d7192a;
  color: #fff;
  font-size: 10px;
  letter-spacing: .12em;
  font-weight: 950;
}

.panel {
  border-top: 3px solid rgba(215,25,42,.75) !important;
}

/* Formula lead line stronger */
.formula-main {
  border-left: 4px solid #d7192a !important;
  border-right: 4px solid rgba(245,199,107,.72) !important;
}

.formula-main strong {
  text-transform: none;
}

/* Cards as sports lower-thirds */
.card {
  border-top: 3px solid rgba(245,199,107,.52) !important;
}

.card:nth-child(-n+3) {
  border-top-color: #d7192a !important;
}

.rank {
  color: #fff !important;
  background: linear-gradient(180deg, #d7192a, #83101a) !important;
  border-color: rgba(255,255,255,.18) !important;
}

.player {
  text-transform: none;
}

/* Player database: broadcast stat table */
#playersTable th {
  background: linear-gradient(180deg, #151722, #0b0d14) !important;
  color: #f5c76b !important;
  border-bottom: 2px solid rgba(215,25,42,.75) !important;
}

#playersTable td:first-child,
#playersTable th:first-child {
  border-right: 1px solid rgba(245,199,107,.16);
}

/* Mobile */
@media (max-width: 720px) {
  .broadcast-bar {
    height: 38px;
    padding: 0 10px;
  }

  .broadcast-right {
    display: none;
  }

  .broadcast-title {
    font-size: 11px;
  }

  .broadcast-ticker {
    top: 38px;
    height: 30px;
  }

  .ticker-track {
    font-size: 10px;
  }

  .broadcast-recap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 14px;
    gap: 10px;
  }

  .recap-card {
    min-height: 88px;
    padding: 12px;
  }

  .recap-value {
    font-size: 22px;
  }

  .recap-name {
    font-size: 18px;
  }

  .section-head h2::before {
    display: none;
  }
}




/* ===== assets/fonts-broadcast.css ===== */

/* ===== SCSL15 COOL / CLEAN FONT PACKAGE ===== */

:root {
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --font-stat: "Rajdhani", "Inter", ui-sans-serif, system-ui, sans-serif;
}

body {
  font-family: var(--font-body) !important;
  font-feature-settings: "tnum";
}

/* Big social-sports display text */
h1,
h2,
.title,
.player,
.formula-main strong,
.broadcast-live,
.broadcast-title,
.broadcast-right,
.ticker-track,
.section-head h2 {
  font-family: var(--font-display) !important;
  text-transform: uppercase;
  letter-spacing: .035em !important;
  font-weight: 400 !important;
}

/* Stats / pills / tables */
.recap-value,
.formula-value,
.rank,
.pill,
.music-btn,
.intro-primary,
.intro-secondary,
.hero-chips span,
.hero-chips button,
#playersTable th,
#playersTable td:first-child {
  font-family: var(--font-stat) !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}

/* Body readable text */
.meta,
.sub,
.hero-sub,
.formula-card p,
.formula-note,
.recap-note,
.section-head p,
.music-intro-card p,
.music-intro-note,
#playersTable td {
  font-family: var(--font-body) !important;
  text-transform: none !important;
}

/* Font sizing polish */
.section-head h2 {
  font-size: 34px !important;
  line-height: .95 !important;
}

.player {
  font-size: 27px !important;
  line-height: .95 !important;
}

.formula-main strong {
  font-size: clamp(32px, 4.2vw, 54px) !important;
  line-height: .9 !important;
}

.formula-label,
.recap-label,
.eyebrow,
.music-intro-kicker {
  font-family: var(--font-stat) !important;
  letter-spacing: .18em !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

.recap-value {
  letter-spacing: -.02em !important;
  font-size: 32px !important;
}

.recap-name {
  letter-spacing: .01em !important;
}

.rank {
  letter-spacing: .10em !important;
}

.pill {
  letter-spacing: .04em !important;
}

#playersTable th {
  letter-spacing: .08em !important;
  font-size: 12px !important;
}

#playersTable td:first-child {
  letter-spacing: .05em !important;
}

.broadcast-title {
  font-size: 18px !important;
}

.broadcast-live {
  font-size: 16px !important;
}

.ticker-track {
  font-size: 13px !important;
  letter-spacing: .10em !important;
}

/* Top intro */
.music-intro-card p {
  font-size: 18px !important;
}

.intro-primary,
.intro-secondary {
  letter-spacing: .06em !important;
}

@media (max-width: 640px) {
  .section-head h2 {
    font-size: 29px !important;
  }

  .player {
    font-size: 25px !important;
  }

  .formula-main strong {
    font-size: 32px !important;
  }

  .recap-value {
    font-size: 26px !important;
  }

  .broadcast-title {
    font-size: 15px !important;
  }

  .broadcast-live {
    font-size: 14px !important;
  }
}




/* ===== assets/instagram-vibe.css ===== */

/* ===== SCSL15 INSTAGRAM / 2K COMMUNITY THEME ===== */

:root {
  --ig-purple: #8b5cf6;
  --ig-pink: #ec4899;
  --ig-red: #ef233c;
  --ig-gold: #f5c76b;
  --ig-cyan: #22d3ee;
}

/* Overall vibe */
body {
  background:
    radial-gradient(circle at 20% 0%, rgba(139,92,246,.30), transparent 30%),
    radial-gradient(circle at 80% 5%, rgba(236,72,153,.24), transparent 26%),
    radial-gradient(circle at 50% -8%, rgba(245,199,107,.18), transparent 28%),
    linear-gradient(180deg, #090711 0%, #070812 48%, #03040a 100%) !important;
}

/* Broadcast bar becomes more social/sports page */
.broadcast-bar {
  height: 48px !important;
  background:
    linear-gradient(90deg, #111827 0%, #2b123f 34%, #7f1d1d 68%, #111827 100%) !important;
  border-bottom: 1px solid rgba(245,199,107,.35) !important;
}

.broadcast-live {
  background: linear-gradient(135deg, var(--ig-red), var(--ig-pink)) !important;
  border-radius: 999px !important;
}

.broadcast-title {
  color: rgba(255,255,255,.96) !important;
}

.broadcast-ticker {
  top: 48px !important;
  background: rgba(4,5,10,.92) !important;
  backdrop-filter: blur(12px);
}

.ticker-track span::before {
  color: var(--ig-pink) !important;
}

/* Hero gets more "drop announcement" energy */
.hero {
  padding-top: 62px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.18), transparent 34%),
    radial-gradient(circle at 35% 20%, rgba(139,92,246,.20), transparent 30%),
    radial-gradient(circle at 68% 22%, rgba(236,72,153,.15), transparent 26%) !important;
}

.logo,
.logo.logo-lockup {
  filter:
    drop-shadow(0 26px 60px rgba(0,0,0,.68))
    drop-shadow(0 0 34px rgba(245,199,107,.24))
    drop-shadow(0 0 22px rgba(139,92,246,.20)) !important;
}

.eyebrow {
  color: transparent !important;
  background: linear-gradient(90deg, var(--ig-gold), #fff, var(--ig-pink));
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-chips span,
.hero-chips button,
.music-btn {
  border: 1px solid rgba(255,255,255,.14) !important;
  background:
    linear-gradient(135deg, rgba(139,92,246,.22), rgba(236,72,153,.12)),
    rgba(255,255,255,.06) !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Panels become glassy IG carousel-style sections */
.panel {
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035)),
    rgba(8,8,18,.72) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 30px 100px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
  overflow: hidden;
}

.panel {
  border-top: 0 !important;
}

.panel::before {
  content: "";
  display: block;
  height: 4px;
  margin: -22px -22px 18px;
  background: linear-gradient(90deg, var(--ig-purple), var(--ig-pink), var(--ig-gold));
}

/* Section headers feel like IG sports posts */
.section-head h2 {
  font-size: 30px !important;
  letter-spacing: -.02em !important;
}

.section-head h2::before {
  content: "DROP" !important;
  background: linear-gradient(135deg, var(--ig-red), var(--ig-pink)) !important;
  border-radius: 999px !important;
  font-size: 10px !important;
}

.section-head p {
  color: rgba(225,229,242,.72) !important;
}

/* Formula section as a premium stat engine block */
.formula-box {
  background:
    radial-gradient(circle at 10% 0%, rgba(139,92,246,.17), transparent 36%),
    radial-gradient(circle at 90% 0%, rgba(236,72,153,.13), transparent 32%),
    rgba(0,0,0,.18) !important;
}

.formula-main {
  border: 1px solid rgba(255,255,255,.12) !important;
  background:
    linear-gradient(135deg, rgba(139,92,246,.18), rgba(245,199,107,.09), rgba(236,72,153,.14)) !important;
}

.formula-main span {
  color: transparent !important;
  background: linear-gradient(90deg, var(--ig-gold), #fff, var(--ig-pink));
  -webkit-background-clip: text;
  background-clip: text;
}

.formula-main strong {
  color: #fff !important;
  text-shadow: 0 0 24px rgba(245,199,107,.18);
}

.formula-card {
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.030)),
    rgba(0,0,0,.12) !important;
}

.formula-label {
  color: var(--ig-gold) !important;
}

/* Top 15 cards look like IG carousel cards */
.top15-grid {
  gap: 16px !important;
}

.card {
  border-radius: 26px !important;
  padding: 18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.16), transparent 32%),
    radial-gradient(circle at 100% 0%, rgba(236,72,153,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    rgba(7,8,17,.78) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.card::before {
  background: linear-gradient(90deg, rgba(139,92,246,.18), transparent 40%) !important;
}

.card:nth-child(-n+3) {
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.23), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(236,72,153,.15), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.115), rgba(255,255,255,.04)),
    rgba(7,8,17,.82) !important;
  border-color: rgba(245,199,107,.30) !important;
}

.rank {
  background: linear-gradient(135deg, var(--ig-red), var(--ig-pink)) !important;
  box-shadow: 0 10px 24px rgba(236,72,153,.18);
}

.player {
  color: #fff !important;
  text-shadow: 0 0 22px rgba(245,199,107,.10);
}

.pill {
  border: 1px solid rgba(255,255,255,.13) !important;
  background:
    linear-gradient(135deg, rgba(139,92,246,.12), rgba(255,255,255,.045)) !important;
}

/* Database gets cleaner */
.table-wrap {
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.020)),
    rgba(0,0,0,.22) !important;
}

.search-box {
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

#playersTable th {
  background:
    linear-gradient(180deg, rgba(139,92,246,.28), rgba(8,9,18,.98)) !important;
  border-bottom: 2px solid rgba(236,72,153,.55) !important;
}

#playersTable tr:hover td {
  background: rgba(139,92,246,.08) !important;
}

/* Intro overlay becomes more "IG launch screen" */
.music-intro {
  background:
    radial-gradient(circle at 20% 10%, rgba(139,92,246,.34), transparent 30%),
    radial-gradient(circle at 82% 16%, rgba(236,72,153,.26), transparent 30%),
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.18), transparent 28%),
    rgba(3,4,10,.92) !important;
}

.music-intro-card {
  background:
    radial-gradient(circle at 20% 0%, rgba(139,92,246,.18), transparent 34%),
    radial-gradient(circle at 80% 0%, rgba(236,72,153,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)),
    rgba(8,9,18,.96) !important;
}

.intro-primary {
  background: linear-gradient(135deg, var(--ig-gold), var(--ig-pink)) !important;
}

.intro-secondary {
  background: rgba(255,255,255,.075) !important;
}

/* Mobile: keep it clean */
@media (max-width: 720px) {
  .broadcast-ticker {
    top: 48px !important;
  }

  .section-head h2 {
    font-size: 26px !important;
  }

  .panel::before {
    margin: -16px -16px 16px;
  }

  .card {
    border-radius: 22px !important;
  }
}




/* ===== assets/scsl-color-fix.css ===== */

/* ===== SCSL15 CLEAN COLOR FIX ===== */
/* Keeps the modern layout/fonts, removes the weird purple/pink theme. */

:root {
  --scsl-black: #05060b;
  --scsl-card: rgba(9, 11, 20, .82);
  --scsl-card-soft: rgba(255,255,255,.055);
  --scsl-gold: #f5c76b;
  --scsl-gold-soft: rgba(245,199,107,.22);
  --scsl-red: #c91f2e;
  --scsl-blue: #2563eb;
  --scsl-line: rgba(255,255,255,.12);
}

body {
  background:
    radial-gradient(circle at 50% -8%, rgba(245,199,107,.18), transparent 30%),
    radial-gradient(circle at 12% 4%, rgba(201,31,46,.18), transparent 28%),
    radial-gradient(circle at 88% 5%, rgba(37,99,235,.16), transparent 28%),
    linear-gradient(180deg, #0b0d16 0%, #070812 50%, #03040a 100%) !important;
}

/* Top bar */
.broadcast-bar {
  background:
    linear-gradient(90deg, #991b1b 0%, #10121d 42%, #111827 100%) !important;
  border-bottom: 1px solid rgba(245,199,107,.35) !important;
}

.broadcast-live {
  background: linear-gradient(180deg, #e11d2e, #991b1b) !important;
  color: #fff !important;
}

.broadcast-ticker {
  background: rgba(3,4,9,.96) !important;
  border-bottom: 1px solid rgba(245,199,107,.14) !important;
}

.ticker-track span::before {
  color: var(--scsl-gold) !important;
}

/* Hero */
.hero {
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.16), transparent 36%),
    radial-gradient(circle at 18% 12%, rgba(201,31,46,.12), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(37,99,235,.13), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent) !important;
}

.eyebrow {
  color: var(--scsl-gold) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

.hero-chips span,
.hero-chips button,
.music-btn {
  background:
    linear-gradient(180deg, rgba(245,199,107,.13), rgba(255,255,255,.045)) !important;
  border: 1px solid rgba(245,199,107,.28) !important;
  color: rgba(247,247,251,.92) !important;
}

/* Panels */
.panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)),
    rgba(6,7,14,.80) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 30px 100px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.panel::before {
  background: linear-gradient(90deg, var(--scsl-red), var(--scsl-gold), var(--scsl-blue)) !important;
}

.section-head h2::before {
  background: linear-gradient(180deg, #e11d2e, #991b1b) !important;
}

/* Formula */
.formula-box {
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.10), transparent 48%),
    rgba(0,0,0,.18) !important;
  border: 1px solid rgba(245,199,107,.18) !important;
}

.formula-main {
  background:
    linear-gradient(135deg, rgba(201,31,46,.13), rgba(245,199,107,.11), rgba(37,99,235,.10)) !important;
  border: 1px solid rgba(245,199,107,.24) !important;
}

.formula-main span,
.formula-label,
.recap-label {
  color: var(--scsl-gold) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

.formula-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)),
    rgba(0,0,0,.14) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

/* Top 15 cards */
.card {
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.14), transparent 32%),
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.035)),
    rgba(7,8,17,.82) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
}

.card::before {
  background: linear-gradient(90deg, rgba(245,199,107,.12), transparent 44%) !important;
}

.card:nth-child(-n+3) {
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.22), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(201,31,46,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)),
    rgba(7,8,17,.86) !important;
  border-color: rgba(245,199,107,.30) !important;
}

.rank {
  background: linear-gradient(180deg, #e11d2e, #991b1b) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(201,31,46,.18) !important;
}

.player {
  color: #fff !important;
  text-shadow: 0 0 22px rgba(245,199,107,.10) !important;
}

.pill {
  background:
    linear-gradient(180deg, rgba(245,199,107,.10), rgba(255,255,255,.040)) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
}

/* Recap cards */
.recap-card {
  background:
    linear-gradient(135deg, rgba(201,31,46,.13), rgba(255,255,255,.045) 42%, rgba(37,99,235,.08)),
    rgba(6,7,12,.76) !important;
}

/* Database */
#playersTable th {
  background:
    linear-gradient(180deg, rgba(17,24,39,.98), rgba(8,9,18,.98)) !important;
  color: var(--scsl-gold) !important;
  border-bottom: 2px solid rgba(201,31,46,.70) !important;
}

#playersTable tr:hover td {
  background: rgba(245,199,107,.055) !important;
}

/* Music intro */
.music-intro {
  background:
    radial-gradient(circle at 50% 12%, rgba(245,199,107,.22), transparent 30%),
    radial-gradient(circle at 18% 10%, rgba(201,31,46,.16), transparent 28%),
    radial-gradient(circle at 82% 10%, rgba(37,99,235,.14), transparent 28%),
    rgba(3,4,10,.92) !important;
}

.music-intro-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.14), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)),
    rgba(8,9,18,.96) !important;
  border-color: rgba(245,199,107,.42) !important;
}

.intro-primary {
  background: linear-gradient(180deg, #f5c76b, #b9892f) !important;
  color: #111 !important;
}

.intro-secondary {
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
}




/* ===== assets/mobile-flow.css ===== */

/* ===== SCSL15 MOBILE FLOW / LESS BORING SCROLL ===== */

.mobile-jump-nav {
  display: none;
}

@media (max-width: 760px) {
  html {
    scroll-behavior: smooth;
  }

  body {
    overflow-x: hidden;
  }

  .broadcast-ticker {
    display: none !important;
  }

  .mobile-jump-nav {
    position: sticky;
    top: 38px;
    z-index: 4500;
    display: flex;
    gap: 8px;
    padding: 9px 12px;
    background: rgba(4,5,10,.88);
    border-bottom: 1px solid rgba(245,199,107,.18);
    backdrop-filter: blur(14px);
    overflow-x: auto;
  }

  .mobile-jump-nav a {
    flex: 1;
    min-width: 92px;
    text-align: center;
    text-decoration: none;
    color: rgba(247,247,251,.92);
    border: 1px solid rgba(245,199,107,.25);
    border-radius: 999px;
    padding: 8px 10px;
    font-family: var(--font-stat, sans-serif);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 12px;
    background: linear-gradient(180deg, rgba(245,199,107,.12), rgba(255,255,255,.045));
  }

  .hero {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
  }

  .hero-chips {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: 420px;
  }

  .hero-chips span,
  .hero-chips button {
    text-align: center;
  }

  .broadcast-recap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 14px !important;
  }

  .recap-card {
    border-radius: 18px !important;
  }

  main {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .panel {
    margin: 14px auto !important;
  }

  .section-head {
    margin-bottom: 12px !important;
  }

  /* Top 15 becomes swipeable cards instead of endless vertical scroll */
  #top15 .top15-grid {
    display: flex !important;
    overflow-x: auto;
    gap: 12px !important;
    scroll-snap-type: x mandatory;
    padding: 2px 2px 14px;
    -webkit-overflow-scrolling: touch;
  }

  #top15 .top15-grid::-webkit-scrollbar {
    height: 6px;
  }

  #top15 .top15-grid::-webkit-scrollbar-thumb {
    background: rgba(245,199,107,.38);
    border-radius: 999px;
  }

  #top15 .card {
    flex: 0 0 84%;
    scroll-snap-align: center;
    min-height: 255px;
  }

  #top15 .section-head::after {
    content: "Swipe the cards →";
    display: block;
    margin-top: 8px;
    color: rgba(245,199,107,.82);
    font-family: var(--font-stat, sans-serif);
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  /* Formula is still readable but less like a giant wall */
  #formula .formula-grid {
    display: flex !important;
    overflow-x: auto;
    gap: 12px !important;
    scroll-snap-type: x mandatory;
    padding-bottom: 12px;
  }

  #formula .formula-card {
    flex: 0 0 78%;
    scroll-snap-align: center;
    min-height: 150px !important;
  }

  #formula .formula-grid::-webkit-scrollbar {
    height: 6px;
  }

  #formula .formula-grid::-webkit-scrollbar-thumb {
    background: rgba(245,199,107,.38);
    border-radius: 999px;
  }

  .formula-main {
    padding: 16px 12px !important;
  }

  .formula-main strong {
    font-size: 27px !important;
  }

  /* Database: make it feel intentional */
  #database .section-head p::after {
    content: " Tap headers to sort. Swipe table sideways.";
    color: rgba(245,199,107,.86);
  }

  .table-wrap {
    max-height: 78vh;
    overflow: auto;
  }

  #playersTable {
    min-width: 1180px !important;
  }

  #playersTable th,
  #playersTable td {
    padding: 9px 8px !important;
    font-size: 12px !important;
  }

  #playersTable td:first-child,
  #playersTable th:first-child {
    min-width: 155px;
  }

  footer {
    padding-bottom: 86px !important;
  }
}

@media (max-width: 420px) {
  #top15 .card {
    flex-basis: 88%;
  }

  #formula .formula-card {
    flex-basis: 84%;
  }

  .mobile-jump-nav a {
    min-width: 86px;
    font-size: 11px;
  }
}

/* ===== TOP 15 VIEW TOGGLE ===== */

.view-toggle-btn {
  display: none;
}

@media (max-width: 760px) {
  .view-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    border: 1px solid rgba(245,199,107,.35);
    border-radius: 999px;
    padding: 9px 12px;
    color: rgba(247,247,251,.94);
    background: linear-gradient(180deg, rgba(245,199,107,.16), rgba(255,255,255,.055));
    font-family: var(--font-stat, sans-serif);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-size: 12px;
    cursor: pointer;
  }

  #top15.show-all-cards .top15-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
    padding-bottom: 0 !important;
  }

  #top15.show-all-cards .card {
    flex: none !important;
    width: 100% !important;
    scroll-snap-align: none !important;
    min-height: auto !important;
  }

  #top15.show-all-cards .section-head::after {
    content: "Showing all cards";
  }
}




/* ===== assets/final-polish.css ===== */

/* ===== FINAL SCSL15 POLISH PASS ===== */

main {
  padding-top: 34px !important;
}

.panel {
  position: relative;
}

/* Top 3 Legacy Spotlight */
.legacy-spotlight {
  margin: 0 0 18px;
  padding: 16px;
  border: 1px solid rgba(245,199,107,.18);
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.13), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)),
    rgba(0,0,0,.18);
}

.spotlight-kicker {
  margin-bottom: 12px;
  color: var(--scsl-gold, #f5c76b);
  font-family: var(--font-stat, sans-serif);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.spotlight-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 12px;
  align-items: stretch;
}

.spotlight-card {
  position: relative;
  overflow: hidden;
  min-height: 170px;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.13);
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.18), transparent 40%),
    linear-gradient(160deg, rgba(255,255,255,.115), rgba(255,255,255,.035)),
    rgba(8,9,18,.86);
  box-shadow: 0 22px 60px rgba(0,0,0,.28);
}

.spotlight-rank {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #e11d2e, #991b1b);
  color: white;
  font-family: var(--font-stat, sans-serif);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
}

.spotlight-name {
  margin-top: 14px;
  color: #fff;
  font-family: var(--font-display, Impact, sans-serif);
  font-size: clamp(34px, 4.4vw, 54px);
  line-height: .9;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.spotlight-score {
  margin-top: 14px;
  color: var(--scsl-gold, #f5c76b);
  font-family: var(--font-stat, sans-serif);
  font-size: 38px;
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: .9;
}

.spotlight-label {
  color: rgba(247,247,251,.72);
  font-family: var(--font-stat, sans-serif);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.spotlight-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.spotlight-mini span {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(0,0,0,.22);
  color: rgba(247,247,251,.86);
  font-family: var(--font-stat, sans-serif);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.spotlight-rank-1 {
  border-color: rgba(245,199,107,.38);
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.26), transparent 42%),
    radial-gradient(circle at 100% 0%, rgba(201,31,46,.16), transparent 34%),
    linear-gradient(160deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
    rgba(8,9,18,.88);
}

#top15 .top15-grid {
  margin-top: 6px;
}

#top15 .card {
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

#top15 .card:hover {
  transform: translateY(-3px);
}

#playersTable tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.018);
}

@media (max-width: 760px) {
  main {
    padding-top: 18px !important;
  }

  .legacy-spotlight {
    padding: 12px;
    border-radius: 20px;
  }

  .spotlight-grid {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
  }

  .spotlight-card {
    flex: 0 0 88%;
    min-height: 190px;
    scroll-snap-align: center;
  }

  .spotlight-name {
    font-size: 42px;
  }

  .spotlight-score {
    font-size: 34px;
  }

  #top15 .card {
    min-height: 235px;
  }
}

@media (min-width: 1000px) {
  .top15-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #top15 .card {
    min-height: 245px;
  }
}

/* ===== DATABASE STAT VAULT POLISH ===== */

#database {
  border-color: rgba(245,199,107,.22) !important;
}

.database-hero {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 12px;
}

.db-stat {
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 18px;
  padding: 14px 15px;
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.13), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.030)),
    rgba(0,0,0,.18);
}

.db-stat.featured {
  border-color: rgba(245,199,107,.32);
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.22), transparent 42%),
    radial-gradient(circle at 100% 0%, rgba(201,31,46,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)),
    rgba(0,0,0,.18);
}

.db-label {
  color: var(--scsl-gold, #f5c76b);
  font-family: var(--font-stat, sans-serif);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.db-value {
  margin-top: 6px;
  color: #fff;
  font-family: var(--font-stat, sans-serif);
  font-size: 31px;
  font-weight: 900;
  line-height: 1;
}

.db-note {
  margin-top: 6px;
  color: rgba(184,188,207,.82);
  font-size: 12px;
  font-weight: 700;
}

.database-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 12px;
}

.db-chip {
  border: 1px solid rgba(245,199,107,.25);
  border-radius: 999px;
  padding: 8px 11px;
  color: rgba(247,247,251,.90);
  background: rgba(255,255,255,.055);
  font-family: var(--font-stat, sans-serif);
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
}

.db-chip:hover,
.db-chip.active {
  color: #111;
  background: linear-gradient(180deg, #f5c76b, #b9892f);
  border-color: rgba(255,255,255,.45);
}

#database .table-wrap {
  margin-top: 4px;
  border-radius: 24px !important;
  padding: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.018)),
    rgba(0,0,0,.24) !important;
}

#playersTable {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#playersTable th {
  white-space: nowrap;
  height: 42px;
}

#playersTable td {
  vertical-align: middle;
}

#playersTable td[data-col="Player"] {
  color: #fff;
  font-weight: 900 !important;
}

#playersTable td[data-col="SCSL15_score"] {
  color: var(--scsl-gold, #f5c76b);
  font-family: var(--font-stat, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

#playersTable td[data-col="Award_bonus"],
#playersTable td[data-col="GP_weight_bonus"] {
  color: rgba(245,199,107,.86);
  font-weight: 800;
}

#playersTable td[data-col="Honors"] {
  min-width: 280px;
  max-width: 380px;
  color: rgba(220,224,238,.78);
  line-height: 1.35;
}

#playersTable tbody tr {
  transition: background .16s ease, transform .16s ease;
}

#playersTable tbody tr:hover td {
  background: rgba(245,199,107,.065) !important;
}

/* Mobile database polish */
@media (max-width: 760px) {
  .database-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .db-stat {
    padding: 12px;
    border-radius: 16px;
  }

  .db-value {
    font-size: 25px;
  }

  .database-chips {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }

  .db-chip {
    flex: 0 0 auto;
    font-size: 11px;
    padding: 8px 10px;
  }

  #database .table-wrap {
    max-height: 72vh;
  }

  #playersTable td[data-col="Honors"] {
    min-width: 240px;
    max-width: 300px;
  }
}

/* ===== FIX DATABASE HEADER WHILE SCROLLING ===== */

/* Desktop: let the page scroll, but keep table headers stuck under the ticker/top bar */
@media (min-width: 761px) {
  #database .table-wrap {
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  #playersTable thead th {
    position: sticky !important;
    top: 76px !important;
    z-index: 50 !important;
    background:
      linear-gradient(180deg, rgba(17,24,39,.99), rgba(8,9,18,.99)) !important;
    box-shadow:
      0 2px 0 rgba(201,31,46,.75),
      0 10px 24px rgba(0,0,0,.45) !important;
  }
}

/* Mobile: table scrolls inside the box, header sticks inside that scroll area */
@media (max-width: 760px) {
  #database .table-wrap {
    max-height: 72vh !important;
    overflow: auto !important;
  }

  #playersTable thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    background:
      linear-gradient(180deg, rgba(17,24,39,.99), rgba(8,9,18,.99)) !important;
    box-shadow:
      0 2px 0 rgba(201,31,46,.75),
      0 10px 24px rgba(0,0,0,.45) !important;
  }
}

/* Make the stat header easier to read */
#playersTable th {
  color: #f5c76b !important;
  font-size: 11px !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#playersTable th[data-key="Player"],
#playersTable th[data-key="Team"],
#playersTable th[data-key="Season"],
#playersTable th[data-key="Honors"] {
  text-align: left !important;
}

/* Add a little glow to the active sort column */
#playersTable th[data-key="SCSL15_score"] {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(245,199,107,.28), rgba(8,9,18,.99)) !important;
}

/* Make rows easier to track across the screen */
#playersTable tbody tr:nth-child(odd) td {
  background: rgba(255,255,255,.020) !important;
}

#playersTable tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.045) !important;
}

#playersTable tbody tr:hover td {
  background: rgba(245,199,107,.085) !important;
}

/* Give the database a mini note so users know what to do */
#database .table-wrap::before {
  content: "Scroll sideways for more stats · Column headers stay pinned while scrolling";
  display: block;
  position: sticky;
  left: 0;
  top: 0;
  width: fit-content;
  margin: 0 0 8px;
  padding: 7px 10px;
  border: 1px solid rgba(245,199,107,.24);
  border-radius: 999px;
  color: rgba(247,247,251,.82);
  background: rgba(0,0,0,.34);
  font-family: var(--font-stat, sans-serif);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* ===== MOBILE TOP 15 RANKED BOARD REDESIGN ===== */

@media (max-width: 760px) {
  #top15 .section-head {
    margin-bottom: 10px !important;
  }

  #top15 .section-head::after {
    content: "Tap a player to expand details";
    display: block;
    margin-top: 8px;
    color: rgba(245,199,107,.85);
    font-family: var(--font-stat, sans-serif);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  /* Override carousel/card wall behavior */
  #top15 .top15-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding: 0 !important;
  }

  #top15 .card {
    flex: none !important;
    width: 100% !important;
    min-height: 0 !important;
    scroll-snap-align: none !important;
    border-radius: 18px !important;
    padding: 11px 12px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
      "rank player score"
      "rank stats stats"
      "meta meta meta";
    column-gap: 10px;
    align-items: center;
    cursor: pointer;
    background:
      linear-gradient(90deg, rgba(245,199,107,.10), rgba(255,255,255,.040)),
      rgba(8,9,18,.88) !important;
  }

  #top15 .card::before {
    display: none !important;
  }

  #top15 .rank {
    grid-area: rank;
    width: 42px;
    height: 42px;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    border-radius: 14px !important;
    font-size: 13px !important;
  }

  #top15 .player {
    grid-area: player;
    margin: 0 !important;
    font-size: 23px !important;
    line-height: .95 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Hide long why text by default */
  #top15 .meta {
    grid-area: meta;
    display: none;
    margin-top: 10px !important;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.10);
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  #top15 .stats {
    grid-area: stats;
    display: flex !important;
    gap: 5px !important;
    margin-top: 7px !important;
    overflow: hidden;
  }

  #top15 .pill {
    font-size: 11px !important;
    padding: 4px 7px !important;
    white-space: nowrap;
  }

  /* Default compact view only shows the most important pills */
  #top15 .pill:nth-child(n+4) {
    display: none;
  }

  /* Make the AI score pill pop when present */
  #top15 .pill:has(+ .pill) {
    border-color: rgba(255,255,255,.12) !important;
  }

  #top15 .card.expanded {
    align-items: start;
    background:
      radial-gradient(circle at 0% 0%, rgba(245,199,107,.20), transparent 36%),
      linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.035)),
      rgba(8,9,18,.92) !important;
    border-color: rgba(245,199,107,.30) !important;
  }

  #top15 .card.expanded .meta {
    display: block;
  }

  #top15 .card.expanded .stats {
    flex-wrap: wrap;
    overflow: visible;
  }

  #top15 .card.expanded .pill {
    display: inline-flex;
  }

  /* Top 3 get a little extra sauce but still compact */
  #top15 .card:nth-child(1),
  #top15 .card:nth-child(2),
  #top15 .card:nth-child(3) {
    border-color: rgba(245,199,107,.32) !important;
  }

  #top15 .card:nth-child(1) .rank {
    background: linear-gradient(180deg, #f5c76b, #b9892f) !important;
    color: #111 !important;
  }

  /* The old View All button is no longer needed on mobile */
  #top15ViewToggle {
    display: none !important;
  }
}

/* ===== MOBILE LEGACY SCORE VISIBLE BEFORE EXPAND ===== */

.mobile-card-score {
  display: none;
}

@media (max-width: 760px) {
  #top15 .mobile-card-score {
    grid-area: score;
    display: grid;
    justify-items: end;
    align-self: center;
    min-width: 72px;
  }

  #top15 .mobile-card-score strong {
    color: #f5c76b;
    font-family: var(--font-stat, sans-serif);
    font-size: 22px;
    font-weight: 950;
    line-height: .9;
    text-shadow: 0 0 14px rgba(245,199,107,.24);
  }

  #top15 .mobile-card-score span {
    margin-top: 3px;
    color: rgba(247,247,251,.64);
    font-family: var(--font-stat, sans-serif);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  #top15 .card {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }

  #top15 .player {
    padding-right: 4px;
  }
}

/* ===== CLEAN LONG NAMES IN LEGACY SPOTLIGHT ===== */

.spotlight-name {
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: .92 !important;
}

@media (min-width: 900px) {
  .spotlight-card {
    min-width: 0 !important;
  }

  .spotlight-name {
    font-size: clamp(28px, 2.8vw, 42px) !important;
    max-width: 100% !important;
  }
}

@media (max-width: 760px) {
  .spotlight-name {
    font-size: 38px !important;
  }
}




/* ===== assets/database-scrollbox.css ===== */

/* ===== DATABASE SCROLLBOX FINAL FIX ===== */

/* Keep the database contained in a polished scrollable box */
#database .table-wrap {
  position: relative !important;
  width: 100% !important;
  max-height: 620px !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.24) !important;
  padding: 10px !important;
}

/* Remove the instruction pill that was getting awkward */
#database .table-wrap::before {
  display: none !important;
  content: none !important;
}

/* Clean horizontal table behavior */
#playersTable {
  table-layout: auto !important;
  width: max-content !important;
  min-width: 1450px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Header stays visible inside the scrollbox */
#playersTable thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  background: linear-gradient(180deg, #171923, #090b12) !important;
  color: #f5c76b !important;
  border-bottom: 2px solid rgba(201,31,46,.85) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.42) !important;
}

/* Disable sticky first column completely to prevent overlap */
#playersTable th:first-child,
#playersTable td:first-child {
  position: static !important;
  left: auto !important;
  z-index: auto !important;
  background: inherit !important;
  border-right: 0 !important;
}

/* General cell polish */
#playersTable th,
#playersTable td {
  white-space: nowrap !important;
  padding: 11px 10px !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255,255,255,.085) !important;
}

/* Important column widths */
#playersTable th[data-key="Player"],
#playersTable td[data-col="Player"] {
  min-width: 190px !important;
  max-width: 230px !important;
  text-align: left !important;
}

#playersTable th[data-key="SCSL15_score"],
#playersTable td[data-col="SCSL15_score"] {
  min-width: 145px !important;
  text-align: center !important;
  color: #f5c76b !important;
  font-weight: 900 !important;
}

#playersTable th[data-key="Team"],
#playersTable td[data-col="Team"] {
  min-width: 160px !important;
  max-width: 230px !important;
  text-align: left !important;
}

#playersTable th[data-key="Season"],
#playersTable td[data-col="Season"] {
  min-width: 90px !important;
  text-align: center !important;
}

#playersTable th[data-key="Honors"],
#playersTable td[data-col="Honors"] {
  min-width: 360px !important;
  max-width: 460px !important;
  white-space: normal !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

/* Stat columns */
#playersTable th[data-key="GP"],
#playersTable td[data-col="GP"],
#playersTable th[data-key="PPG"],
#playersTable td[data-col="PPG"],
#playersTable th[data-key="RPG"],
#playersTable td[data-col="RPG"],
#playersTable th[data-key="APG"],
#playersTable td[data-col="APG"],
#playersTable th[data-key="EFF_per_g"],
#playersTable td[data-col="EFF_per_g"],
#playersTable th[data-key="GP_weight_bonus"],
#playersTable td[data-col="GP_weight_bonus"],
#playersTable th[data-key="Award_bonus"],
#playersTable td[data-col="Award_bonus"],
#playersTable th[data-key="PTS"],
#playersTable td[data-col="PTS"],
#playersTable th[data-key="REB"],
#playersTable td[data-col="REB"],
#playersTable th[data-key="AST"],
#playersTable td[data-col="AST"],
#playersTable th[data-key="STL"],
#playersTable td[data-col="STL"],
#playersTable th[data-key="BLK"],
#playersTable td[data-col="BLK"],
#playersTable th[data-key="TO"],
#playersTable td[data-col="TO"] {
  min-width: 82px !important;
  text-align: center !important;
}

/* Row readability */
#playersTable tbody tr:nth-child(odd) td {
  background: rgba(255,255,255,.025) !important;
}

#playersTable tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.045) !important;
}

#playersTable tbody tr:hover td {
  background: rgba(245,199,107,.085) !important;
}

/* Search box fits the vault */
#database .search-box {
  position: sticky !important;
  left: 0 !important;
  z-index: 25 !important;
  width: min(480px, 100%) !important;
  margin: 0 0 10px !important;
}

/* Nice scrollbars */
#database .table-wrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

#database .table-wrap::-webkit-scrollbar-thumb {
  background: rgba(245,199,107,.45);
  border-radius: 999px;
}

#database .table-wrap::-webkit-scrollbar-track {
  background: rgba(255,255,255,.055);
  border-radius: 999px;
}

/* Mobile scrollbox */
@media (max-width: 760px) {
  #database .table-wrap {
    max-height: 72vh !important;
    padding: 8px !important;
    border-radius: 18px !important;
  }

  #playersTable {
    min-width: 1320px !important;
  }

  #playersTable th,
  #playersTable td {
    padding: 9px 8px !important;
    font-size: 12px !important;
  }

  #playersTable th[data-key="Player"],
  #playersTable td[data-col="Player"] {
    min-width: 165px !important;
  }

  #playersTable th[data-key="Honors"],
  #playersTable td[data-col="Honors"] {
    min-width: 280px !important;
    max-width: 330px !important;
  }
}

/* ===== FINAL DATABASE FREEZE NAME COLUMN + SOLID LEGACY SCORE ===== */

/* Freeze Player column while scrolling sideways */
#playersTable th[data-key="Player"],
#playersTable td[data-col="Player"] {
  position: sticky !important;
  left: 0 !important;
  z-index: 35 !important;
  min-width: 190px !important;
  max-width: 190px !important;
  background: #090b13 !important;
  color: #fff !important;
  box-shadow: 10px 0 18px rgba(0,0,0,.42), 1px 0 0 rgba(245,199,107,.22) !important;
}

/* Player header needs to sit above the frozen player cells */
#playersTable th[data-key="Player"] {
  z-index: 60 !important;
  background: linear-gradient(180deg, #181b28, #090b13) !important;
}

/* Prevent old first-column reset rules from winning */
#playersTable th:first-child,
#playersTable td:first-child {
  position: sticky !important;
  left: 0 !important;
}

/* Keep the sticky name column readable on row hover */
#playersTable tbody tr:nth-child(odd) td[data-col="Player"] {
  background: #090b13 !important;
}

#playersTable tbody tr:nth-child(even) td[data-col="Player"] {
  background: #10131e !important;
}

#playersTable tbody tr:hover td[data-col="Player"] {
  background: #171723 !important;
}

/* Make the AI-LegacyScore database stat card opaque and premium */
.db-stat.featured {
  background:
    linear-gradient(135deg, #1f1820 0%, #14131b 42%, #0b0d16 100%) !important;
  border: 1px solid rgba(245,199,107,.48) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 0 30px rgba(245,199,107,.08) !important;
}

.db-stat.featured .db-value {
  color: #f5c76b !important;
  text-shadow: 0 0 18px rgba(245,199,107,.22);
}

/* Make AI-LegacyScore column feel like a real score box instead of transparent text */
#playersTable td[data-col="SCSL15_score"] {
  background: #17131a !important;
  color: #f5c76b !important;
  font-weight: 950 !important;
  border-left: 1px solid rgba(245,199,107,.18) !important;
  border-right: 1px solid rgba(245,199,107,.18) !important;
}

#playersTable th[data-key="SCSL15_score"] {
  background: linear-gradient(180deg, #3a2510, #15131a) !important;
  color: #f5c76b !important;
  border-left: 1px solid rgba(245,199,107,.24) !important;
  border-right: 1px solid rgba(245,199,107,.24) !important;
}

/* Hover should not wash out the score column */
#playersTable tbody tr:hover td[data-col="SCSL15_score"] {
  background: #211721 !important;
}

/* ===== LB_399 SCSL LEGEND ROW ===== */

#playersTable tr.legend-row td,
#playersTable tr:has(td[data-col="Player"]:contains("LB_399")) td {
  background: linear-gradient(90deg, rgba(245,199,107,.18), rgba(201,31,46,.10), rgba(37,99,235,.08)) !important;
}

/* Browser-safe class version added by JS below */
#playersTable tr.lb-legend-row td {
  background:
    linear-gradient(90deg, rgba(245,199,107,.20), rgba(201,31,46,.12), rgba(37,99,235,.10)),
    #0d0f18 !important;
  border-top: 1px solid rgba(245,199,107,.35) !important;
  border-bottom: 1px solid rgba(245,199,107,.35) !important;
}

#playersTable tr.lb-legend-row td[data-col="Player"] {
  color: #f5c76b !important;
  background: #15110d !important;
}

#playersTable tr.lb-legend-row td[data-col="SCSL15_score"] {
  color: #111 !important;
  background: linear-gradient(180deg, #f5c76b, #b9892f) !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
}

#playersTable tr.lb-legend-row td[data-col="Honors"] {
  color: rgba(255,255,255,.92) !important;
}

/* ===== FIX LB HOVER SCORE VISIBILITY ===== */

#playersTable tr.lb-legend-row:hover td[data-col="SCSL15_score"],
#playersTable tr.lb-legend-row td[data-col="SCSL15_score"] {
  color: #f5c76b !important;
  background: #17131a !important;
  text-shadow: 0 0 12px rgba(245,199,107,.35) !important;
}

#playersTable tr.lb-legend-row:hover td[data-col="Player"],
#playersTable tr.lb-legend-row td[data-col="Player"] {
  color: #f5c76b !important;
  background: #090b13 !important;
}

#playersTable tr.lb-legend-row:hover td {
  color: rgba(247,247,251,.92) !important;
}




/* ===== assets/top15-expand-fix.css ===== */

/* ===== TOP 15 MOBILE EXPAND SIGNAL FINAL ===== */

.mobile-expand-hint {
  display: none;
}

@media (max-width: 760px) {
  #top15 .section-head::after {
    content: "The #1 card is open as an example. Tap any player card to open or close details." !important;
    display: block !important;
    margin-top: 8px !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(245,199,107,.26) !important;
    border-radius: 14px !important;
    color: rgba(247,247,251,.88) !important;
    background: rgba(245,199,107,.075) !important;
    font-family: var(--font-stat, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  #top15 .card {
    grid-template-areas:
      "rank player score"
      "rank stats stats"
      "hint hint hint"
      "meta meta meta" !important;
    padding-bottom: 10px !important;
  }

  #top15 .card::after {
    display: none !important;
    content: none !important;
  }

  #top15 .mobile-expand-hint {
    grid-area: hint;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding: 9px 10px;
    border-radius: 14px;
    border: 1px solid rgba(245,199,107,.25);
    background: linear-gradient(90deg, rgba(245,199,107,.13), rgba(255,255,255,.045));
    color: rgba(245,199,107,.95);
    font-family: var(--font-stat, sans-serif);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  #top15 .hint-open {
    display: none;
  }

  #top15 .hint-arrow {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(245,199,107,.18);
    color: #f5c76b;
    font-size: 15px;
    line-height: 1;
    transition: transform .18s ease;
  }

  #top15 .card.expanded .mobile-expand-hint {
    background: linear-gradient(180deg, #f5c76b, #b9892f);
    color: #111;
    border-color: rgba(255,255,255,.42);
  }

  #top15 .card.expanded .hint-closed {
    display: none;
  }

  #top15 .card.expanded .hint-open {
    display: inline;
  }

  #top15 .card.expanded .hint-arrow {
    transform: rotate(180deg);
    background: rgba(0,0,0,.18);
    color: #111;
  }
}

/* ===== SOFTER TOP 15 EXPAND LANGUAGE ===== */

@media (max-width: 760px) {
  #top15 .section-head::after {
    content: "Tap a card to see the quick breakdown." !important;
  }

  #top15 .mobile-expand-hint {
    font-size: 10.5px !important;
    letter-spacing: .07em !important;
  }
}




/* ===== assets/ticker-final.css ===== */

/* ===== FINAL TOP 3 STAT TICKER ===== */

/* Hide the extra mobile stat leader boxes if they exist */
.mobile-stat-leaders {
  display: none !important;
}

/* Ticker visible on desktop and mobile */
.broadcast-ticker {
  display: flex !important;
  position: sticky !important;
  top: 48px !important;
  z-index: 4999 !important;
  height: 34px !important;
  overflow: hidden !important;
  align-items: center !important;
  background: rgba(3,4,9,.96) !important;
  border-bottom: 1px solid rgba(245,199,107,.18) !important;
  backdrop-filter: blur(12px);
}

.ticker-track {
  display: flex !important;
  gap: 30px !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  animation: scslTickerFinal 48s linear infinite !important;
  color: rgba(247,247,251,.90) !important;
  font-family: var(--font-stat, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.ticker-track span {
  display: inline-flex !important;
  align-items: center !important;
  color: rgba(247,247,251,.90) !important;
}

.ticker-track span::before {
  content: "TOP 3" !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 9px !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f5c76b, #b9892f) !important;
  color: #111 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
}

@keyframes scslTickerFinal {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(-100%);
  }
}

/* Mobile sizing */
@media (max-width: 760px) {
  .broadcast-ticker {
    display: flex !important;
    top: 48px !important;
    height: 31px !important;
  }

  .ticker-track {
    gap: 24px !important;
    font-size: 10px !important;
    animation-duration: 42s !important;
  }

  .ticker-track span::before {
    font-size: 9px !important;
    padding: 2px 6px !important;
    margin-right: 7px !important;
  }

  .mobile-jump-nav {
    top: 79px !important;
  }
}

/* ===== TICKER CATEGORY LABEL FIX ===== */

.ticker-track span::before {
  content: none !important;
  display: none !important;
}

.ticker-track span {
  gap: 9px !important;
}

.ticker-label {
  display: inline-flex;
  align-items: center;
  margin-right: 9px;
  padding: 3px 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f5c76b, #b9892f);
  color: #111;
  font-family: var(--font-stat, sans-serif);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  font-style: normal;
  white-space: nowrap;
}

.ticker-track em {
  color: rgba(247,247,251,.92);
  font-style: normal;
}

@media (max-width: 760px) {
  .ticker-label {
    font-size: 9px;
    padding: 2px 6px;
    margin-right: 7px;
  }
}

/* ===== FINAL TICKER ACCESSIBILITY / POLISH ===== */

@media (min-width: 761px) {
  .broadcast-ticker:hover .ticker-track {
    animation-play-state: paused !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ticker-track {
    animation: none !important;
    transform: none !important;
  }

  .broadcast-ticker {
    overflow-x: auto !important;
  }
}




/* ===== assets/desktop-mobile-alignment.css ===== */

/* ===== DESKTOP TOP 15: MOBILE-STYLE ALIGNMENT, DESKTOP POLISH ===== */

@media (min-width: 900px) {
  /* Keep page desktop-sized, but make Top 15 read like a clean ranked board */
  #top15 {
    max-width: 980px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #top15 .legacy-spotlight {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }

  #top15 .top15-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    max-width: 980px;
    margin: 8px auto 0 !important;
  }

  #top15 .card {
    min-height: 0 !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;

    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    grid-template-areas:
      "rank player score"
      "rank stats stats"
      "meta meta meta";
    column-gap: 14px;
    align-items: center;

    background:
      linear-gradient(90deg, rgba(245,199,107,.105), rgba(255,255,255,.038)),
      rgba(8,9,18,.88) !important;
  }

  #top15 .card::before {
    display: none !important;
  }

  #top15 .rank {
    grid-area: rank;
    width: 50px;
    height: 50px;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    border-radius: 15px !important;
    font-size: 15px !important;
  }

  #top15 .player {
    grid-area: player;
    margin: 0 !important;
    font-size: 30px !important;
    line-height: .95 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #top15 .mobile-card-score {
    grid-area: score;
    display: grid !important;
    justify-items: end;
    align-self: center;
    min-width: 112px;
  }

  #top15 .mobile-card-score strong {
    color: #f5c76b;
    font-family: var(--font-stat, sans-serif);
    font-size: 28px;
    font-weight: 950;
    line-height: .9;
    text-shadow: 0 0 16px rgba(245,199,107,.22);
  }

  #top15 .mobile-card-score span {
    margin-top: 4px;
    color: rgba(247,247,251,.62);
    font-family: var(--font-stat, sans-serif);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  #top15 .stats {
    grid-area: stats;
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px !important;
    margin-top: 8px !important;
  }

  #top15 .pill {
    font-size: 11px !important;
    padding: 4px 8px !important;
  }

  #top15 .meta {
    grid-area: meta;
    margin-top: 10px !important;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.085);

    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;

    font-size: 12.5px !important;
    line-height: 1.42 !important;
  }

  #top15 .card:hover .meta {
    -webkit-line-clamp: 5;
  }

  #top15 .card:hover {
    transform: translateY(-2px);
    border-color: rgba(245,199,107,.28) !important;
  }

  /* Top 3 still feel special */
  #top15 .card:nth-child(1),
  #top15 .card:nth-child(2),
  #top15 .card:nth-child(3) {
    border-color: rgba(245,199,107,.30) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(245,199,107,.16), transparent 34%),
      linear-gradient(90deg, rgba(245,199,107,.13), rgba(255,255,255,.040)),
      rgba(8,9,18,.92) !important;
  }

  #top15 .card:nth-child(1) .rank {
    background: linear-gradient(180deg, #f5c76b, #b9892f) !important;
    color: #111 !important;
  }

  /* Hide mobile-only expand hint on desktop */
  #top15 .mobile-expand-hint {
    display: none !important;
  }
}

/* Ultra-wide: still keep it readable, don't stretch */
@media (min-width: 1280px) {
  #top15,
  #top15 .top15-grid,
  #top15 .legacy-spotlight {
    max-width: 1040px !important;
  }
}




/* ===== assets/no-drop-badge.css ===== */

/* ===== REMOVE RED DROP SECTION BADGES ===== */

.section-head h2::before {
  display: none !important;
  content: none !important;
}

.section-head h2 {
  gap: 0 !important;
}




/* ===== assets/topbar-clean.css ===== */

/* ===== CLEAN TOP BAR ===== */

.broadcast-bar {
  height: 44px !important;
  padding: 0 18px !important;
  background:
    linear-gradient(180deg, rgba(10,12,22,.96), rgba(5,6,11,.96)) !important;
  border-bottom: 1px solid rgba(245,199,107,.18) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(14px);
}

.broadcast-left,
.broadcast-right {
  gap: 10px !important;
}

.broadcast-live {
  height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f5c76b, #b9892f) !important;
  color: #111 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
}

.broadcast-title {
  color: rgba(247,247,251,.88) !important;
  font-size: 15px !important;
  letter-spacing: .09em !important;
}

.broadcast-right {
  color: rgba(245,199,107,.82) !important;
  font-size: 12px !important;
  letter-spacing: .10em !important;
}

/* Since top bar height changed slightly, keep ticker aligned */
.broadcast-ticker {
  top: 44px !important;
}

@media (max-width: 760px) {
  .broadcast-bar {
    height: 40px !important;
    padding: 0 10px !important;
  }

  .broadcast-live {
    height: 22px !important;
    font-size: 12px !important;
    padding: 0 8px !important;
  }

  .broadcast-title {
    font-size: 13px !important;
  }

  .broadcast-right {
    display: none !important;
  }

  .broadcast-ticker {
    top: 40px !important;
  }

  .mobile-jump-nav {
    top: 71px !important;
  }
}




/* ===== assets/top15-legacy-report.css ===== */

/* ===== SCSL15 LEGACY REPORT EXPANSION ===== */

.legacy-details {
  grid-area: meta;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
}

.legacy-details-title {
  margin-bottom: 10px;
  color: #f5c76b;
  font-family: var(--font-stat, sans-serif);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.score-breakdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.score-row {
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  padding: 9px 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)), rgba(0,0,0,.18);
}

.score-row span {
  display: block;
  color: rgba(184,188,207,.84);
  font-family: var(--font-stat, sans-serif);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.score-row strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-family: var(--font-stat, sans-serif);
  font-size: 20px;
  font-weight: 950;
  line-height: .95;
}

.score-row small {
  display: block;
  margin-top: 3px;
  color: rgba(247,247,251,.58);
  font-family: var(--font-stat, sans-serif);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.score-row.total {
  border-color: rgba(245,199,107,.36);
  background: radial-gradient(circle at 0% 0%, rgba(245,199,107,.20), transparent 42%), linear-gradient(180deg, rgba(245,199,107,.12), rgba(255,255,255,.035)), rgba(0,0,0,.20);
}

.score-row.total strong {
  color: #f5c76b;
}

.legacy-why {
  margin-top: 10px;
  color: rgba(220,224,238,.86);
  font-size: 13px;
  line-height: 1.45;
}

.honor-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.honor-chip {
  border: 1px solid rgba(245,199,107,.22);
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(245,199,107,.075);
  color: rgba(247,247,251,.88);
  font-family: var(--font-stat, sans-serif);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  #top15 .legacy-details {
    display: none;
  }

  #top15 .card.expanded .legacy-details {
    display: block;
  }

  .score-breakdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}




/* ===== assets/normal-screen-final.css ===== */

/* ===== NORMAL SCREEN FINAL OVERRIDE ===== */
/* Prioritize phones, laptops, 1080p, and 1440p monitors. Ultrawide stays centered. */

@media (min-width: 900px) {
  main {
    max-width: 1040px !important;
    width: min(1040px, calc(100vw - 48px)) !important;
    margin: 0 auto !important;
  }

  .broadcast-recap {
    max-width: 1040px !important;
    width: min(1040px, calc(100vw - 48px)) !important;
  }

  .panel,
  #top15,
  .formula-panel {
    max-width: 960px !important;
    width: 100% !important;
  }

  #database {
    max-width: 1040px !important;
    width: 100% !important;
  }

  .hero {
    padding-top: 34px !important;
    padding-bottom: 28px !important;
  }

  .logo,
  .logo.logo-lockup {
    width: min(560px, 62vw) !important;
    max-height: 145px !important;
  }

  .formula-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #top15 .top15-grid {
    max-width: 960px !important;
  }

  #top15 .card {
    max-width: 960px !important;
  }
}

/* Do NOT stretch more on ultrawide. Keep it centered and clean. */
@media (min-width: 1350px) {
  main,
  .broadcast-recap,
  #database {
    max-width: 1080px !important;
  }

  .panel,
  #top15,
  .formula-panel {
    max-width: 980px !important;
  }

  .hero {
    max-width: 1080px !important;
    margin: 0 auto !important;
  }
}

/* Laptop-ish screens */
@media (min-width: 900px) and (max-width: 1180px) {
  main {
    width: calc(100vw - 36px) !important;
  }

  .broadcast-recap {
    width: calc(100vw - 36px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .formula-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .logo,
  .logo.logo-lockup {
    width: min(520px, 68vw) !important;
  }
}




/* ===== assets/formula-mobile-stable.css ===== */

/* ===== STABLE AI-LEGACYSCORE SECTION ===== */
/* No mobile scroll trap. No sideways formula cards. Clean Apple-ish glass. */

html,
body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.formula-panel {
  overflow: visible !important;
  border-radius: 28px !important;
}

.formula-box {
  overflow: visible !important;
  padding: 16px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(245,199,107,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
    rgba(4,5,12,.44) !important;
  border: 1px solid rgba(245,199,107,.16) !important;
}

.formula-box::before {
  display: none !important;
  content: none !important;
}

/* Main product-card formula */
.formula-main {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 220px !important;
  display: grid !important;
  align-content: end !important;
  padding: 24px !important;
  margin-bottom: 14px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(245,199,107,.20), transparent 30%),
    radial-gradient(circle at 18% 20%, rgba(201,31,46,.12), transparent 34%),
    radial-gradient(circle at 82% 82%, rgba(37,99,235,.14), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.030)),
    #070912 !important;
  border: 1px solid rgba(245,199,107,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(245,199,107,.12),
    0 28px 90px rgba(0,0,0,.32) !important;
}

/* Soft glass movement, but cannot block scrolling */
.formula-main::before {
  content: "" !important;
  position: absolute !important;
  inset: -35% !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: .75 !important;
  background:
    linear-gradient(
      112deg,
      transparent 0%,
      transparent 22%,
      rgba(255,255,255,.05) 30%,
      rgba(255,255,255,.15) 36%,
      rgba(245,199,107,.18) 42%,
      rgba(255,255,255,.10) 50%,
      transparent 64%,
      transparent 100%
    ) !important;
  mix-blend-mode: screen;
  transform: translateX(-35%) skewX(-7deg);
  animation: stableGlassDrift 7s ease-in-out infinite alternate !important;
}

@keyframes stableGlassDrift {
  from { transform: translateX(-35%) skewX(-7deg); }
  to { transform: translateX(35%) skewX(-7deg); }
}

.formula-main span,
.formula-main strong {
  position: relative !important;
  z-index: 3 !important;
}

.formula-main span {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 0 10px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  color: rgba(245,199,107,.96) !important;
  background: rgba(245,199,107,.08) !important;
  border: 1px solid rgba(245,199,107,.20) !important;
  font-family: var(--font-stat, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.formula-main span::before {
  display: none !important;
  content: none !important;
}

.formula-main strong {
  max-width: 720px !important;
  color: #fff !important;
  font-family: var(--font-display, Impact, sans-serif) !important;
  font-size: clamp(34px, 4.8vw, 62px) !important;
  line-height: .92 !important;
  letter-spacing: .035em !important;
  text-align: left !important;
}

/* AI icon */
.formula-main::after {
  content: "" !important;
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 24px !important;
  z-index: 4 !important;
  background:
    url("ai-legacy-icon.png") center / 82% 82% no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.045)),
    rgba(0,0,0,.34) !important;
  border: 1px solid rgba(245,199,107,.35) !important;
  box-shadow:
    0 20px 55px rgba(245,199,107,.20),
    0 0 28px rgba(37,99,235,.12),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
}

/* Formula cards: never scroll sideways on mobile */
.formula-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  padding: 0 !important;
}

.formula-card {
  position: relative !important;
  min-height: 142px !important;
  padding: 16px 16px 16px 76px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.024)),
    rgba(0,0,0,.16) !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.formula-card::before {
  display: none !important;
  content: none !important;
}

.formula-card::after {
  content: "" !important;
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)),
    rgba(0,0,0,.26) !important;
  border: 1px solid rgba(245,199,107,.28) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 26px 26px, auto !important;
}

.formula-card:nth-child(1)::after { background-image: url("icons/impact.svg"), linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(2)::after { background-image: url("icons/longevity.svg"), linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(3)::after { background-image: url("icons/award.svg"), linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(4)::after { background-image: url("icons/legacy.svg"), linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(5)::after { background-image: url("icons/eligibility.svg"), linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(6)::after { background-image: url("icons/ranking.svg"), linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important; }

.formula-label {
  color: #f5c76b !important;
}

.formula-value {
  margin-top: 7px !important;
  color: #fff !important;
  font-size: 17px !important;
}

.formula-card p {
  margin-top: 7px !important;
  color: rgba(205,211,226,.74) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.formula-note {
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
}

/* Mobile: stack formula cards and allow page scroll */
@media (max-width: 760px) {
  .formula-panel,
  .formula-box {
    overflow: visible !important;
  }

  .formula-main {
    min-height: 220px !important;
    padding: 20px 16px !important;
    border-radius: 22px !important;
  }

  .formula-main::after {
    width: 54px !important;
    height: 54px !important;
    border-radius: 19px !important;
    top: 16px !important;
    right: 16px !important;
  }

  .formula-main strong {
    font-size: 36px !important;
    padding-right: 0 !important;
  }

  .formula-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .formula-card {
    min-height: auto !important;
    padding: 15px 14px 14px 70px !important;
  }

  .formula-card::after {
    top: 15px !important;
    left: 15px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 15px !important;
    background-size: 24px 24px, auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .formula-main::before {
    animation: none !important;
  }
}




/* ===== assets/formula-mobile-final-fix.css ===== */

/* ===== FINAL AI-LEGACYSCORE MOBILE + GLASS FIX ===== */

/* Kill every old horizontal/mobile formula carousel rule */
@media (max-width: 760px) {
  #formula .formula-grid,
  .formula-panel .formula-grid,
  .formula-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
    padding: 0 !important;
    gap: 10px !important;
    width: 100% !important;
  }

  #formula .formula-card,
  .formula-panel .formula-card,
  .formula-card {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    scroll-snap-align: none !important;
    box-sizing: border-box !important;
  }

  #formula,
  .formula-panel,
  .formula-box {
    overflow: visible !important;
    max-width: 100% !important;
  }

  .formula-main {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Add the wordmark back above the formula text */
.formula-main span {
  background-image: url("ai-legacy-wordmark.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  width: 260px !important;
  height: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  color: transparent !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  margin-bottom: 18px !important;
  filter:
    drop-shadow(0 12px 26px rgba(0,0,0,.35))
    drop-shadow(0 0 16px rgba(245,199,107,.12)) !important;
}

@media (max-width: 760px) {
  .formula-main span {
    width: 220px !important;
    height: 42px !important;
    margin-bottom: 16px !important;
  }
}

/* Stronger high-quality glass surface, not a flash */
.formula-main {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 80% 18%, rgba(245,199,107,.34), transparent 31%),
    radial-gradient(circle at 18% 18%, rgba(201,31,46,.18), transparent 34%),
    radial-gradient(circle at 84% 86%, rgba(37,99,235,.24), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.032)),
    #060812 !important;

  border: 1px solid rgba(245,199,107,.34) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(245,199,107,.22),
    inset 0 0 88px rgba(255,255,255,.070),
    0 34px 125px rgba(0,0,0,.44),
    0 0 60px rgba(245,199,107,.12) !important;

  backdrop-filter: blur(24px) saturate(1.45);
  animation: aiPremiumGlassBreath 5.2s ease-in-out infinite alternate !important;
}

/* Wide slow glass pane */
.formula-main::before {
  content: "" !important;
  position: absolute !important;
  inset: -40% !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: .95 !important;

  background:
    linear-gradient(
      112deg,
      transparent 0%,
      transparent 14%,
      rgba(255,255,255,.05) 23%,
      rgba(255,255,255,.20) 32%,
      rgba(245,199,107,.34) 40%,
      rgba(255,255,255,.22) 47%,
      rgba(37,99,235,.12) 55%,
      transparent 68%,
      transparent 100%
    ),
    linear-gradient(
      25deg,
      transparent 0%,
      rgba(255,255,255,.045) 34%,
      rgba(255,255,255,.13) 50%,
      rgba(245,199,107,.08) 62%,
      transparent 74%
    ) !important;

  mix-blend-mode: screen;
  transform: translateX(-42%) skewX(-7deg);
  animation: aiPremiumGlassDrift 5.8s cubic-bezier(.45,0,.2,1) infinite alternate !important;
}

/* soft bottom reflection */
.formula-main .formula-reflection {
  display: none;
}

.formula-main::marker {
  display: none;
}

@keyframes aiPremiumGlassDrift {
  0% {
    transform: translateX(-46%) skewX(-7deg);
    opacity: .58;
  }
  42% {
    opacity: 1;
  }
  100% {
    transform: translateX(46%) skewX(-7deg);
    opacity: .88;
  }
}

@keyframes aiPremiumGlassBreath {
  0% {
    filter: brightness(1) saturate(1);
  }
  100% {
    filter: brightness(1.10) saturate(1.12);
  }
}

/* Keep formula text and icon above the glass layer */
.formula-main span,
.formula-main strong {
  position: relative !important;
  z-index: 3 !important;
}

.formula-main::after {
  z-index: 4 !important;
  background:
    url("ai-legacy-icon.png") center / 82% 82% no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.045)),
    rgba(0,0,0,.34) !important;
  animation: aiIconPremiumBreath 4.2s ease-in-out infinite alternate !important;
}

@keyframes aiIconPremiumBreath {
  0% {
    filter: brightness(1) saturate(1);
    transform: scale(1);
  }
  100% {
    filter:
      brightness(1.18)
      saturate(1.12)
      drop-shadow(0 0 20px rgba(245,199,107,.34));
    transform: scale(1.035);
  }
}

@media (prefers-reduced-motion: reduce) {
  .formula-main,
  .formula-main::before,
  .formula-main::after {
    animation: none !important;
  }
}




/* ===== assets/formula-surrounding-polish.css ===== */

/* ===== FORMULA SECTION POLISH WITHOUT TOUCHING GLASS HERO ===== */
/* This does NOT change .formula-main background, icon, glisten, or animation. */

/* Cleaner outer section */
.formula-panel {
  border-radius: 30px !important;
  padding: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.024)),
    rgba(6,7,14,.70) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

/* Cleaner heading area */
.formula-panel .section-head {
  display: block !important;
  padding-bottom: 16px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.formula-panel .section-head h2 {
  font-size: clamp(30px, 3.6vw, 46px) !important;
  line-height: .92 !important;
  max-width: 740px !important;
}

.formula-panel .section-head p {
  margin-top: 8px !important;
  text-align: left !important;
  max-width: 720px !important;
  color: rgba(220,224,238,.70) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

/* Make the container disappear more so the glass hero feels premium */
.formula-box {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.formula-box::before {
  display: none !important;
  content: none !important;
}

/* Keep spacing around the glass hero, but do not alter the effect */
.formula-main {
  margin-bottom: 18px !important;
}

/* Feature cards under the hero */
.formula-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  padding: 0 !important;
}

.formula-card {
  position: relative !important;
  min-height: 138px !important;
  padding: 18px 16px 16px 76px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.024)),
    rgba(8,9,18,.72) !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 40px rgba(0,0,0,.16) !important;
}

/* Keep icons clean and aligned */
.formula-card::after {
  top: 18px !important;
  left: 18px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
}

.formula-card::before {
  display: none !important;
  content: none !important;
}

.formula-label {
  color: #f5c76b !important;
  font-size: 10.5px !important;
  letter-spacing: .15em !important;
}

.formula-value {
  margin-top: 8px !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
}

.formula-card p {
  margin-top: 8px !important;
  color: rgba(205,211,226,.74) !important;
  font-size: 12.5px !important;
  line-height: 1.38 !important;
}

/* Bottom note: cleaner, less chunky */
.formula-note {
  margin-top: 14px !important;
  padding: 13px 15px !important;
  border-radius: 18px !important;
  color: rgba(220,224,238,.82) !important;
  background:
    linear-gradient(90deg, rgba(245,199,107,.065), rgba(255,255,255,.030)) !important;
  border: 1px solid rgba(245,199,107,.14) !important;
  border-left: 4px solid rgba(245,199,107,.70) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

/* Laptop/tablet */
@media (min-width: 761px) and (max-width: 1100px) {
  .formula-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile: stack cleanly, no sideways clipping */
@media (max-width: 760px) {
  .formula-panel {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .formula-panel .section-head h2 {
    font-size: 32px !important;
  }

  .formula-panel .section-head p {
    font-size: 15px !important;
  }

  .formula-grid {
    grid-template-columns: 1fr !important;
    display: grid !important;
    overflow: visible !important;
    gap: 10px !important;
  }

  .formula-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    padding: 16px 14px 15px 70px !important;
    flex: none !important;
    scroll-snap-align: none !important;
  }

  .formula-card::after {
    top: 16px !important;
    left: 16px !important;
    width: 40px !important;
    height: 40px !important;
  }

  .formula-note {
    font-size: 13px !important;
  }
}




/* ===== assets/ai-logo-fix.css ===== */

/* ===== FIX AI-LEGACYSCORE LOGO TREATMENT ===== */
/* Stop squeezing the full logo/wordmark into the formula hero. Use clean icon only. */

.formula-main span {
  background-image: none !important;
  width: fit-content !important;
  height: auto !important;
  text-indent: 0 !important;
  overflow: visible !important;
  color: rgba(245,199,107,.96) !important;
  filter: none !important;
}

.formula-main::after {
  content: "" !important;
  background:
    url("ai-legacy-icon.png") center / 78% 78% no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
    rgba(0,0,0,.28) !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  border: 1px solid rgba(245,199,107,.34) !important;
  box-shadow:
    0 18px 48px rgba(245,199,107,.18),
    0 0 26px rgba(37,99,235,.10),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}

@media (min-width: 761px) {
  .formula-main::after {
    width: 72px !important;
    height: 72px !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 760px) {
  .formula-main::after {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
  }
}




/* ===== assets/ai-score-brand-hero.css ===== */

/* ===== MAKE AI-LEGACYSCORE™ THE HERO TEXT ===== */

.formula-main {
  align-content: center !important;
  justify-items: start !important;
  padding: 34px 110px 34px 34px !important;
}

/* Make AI-LegacyScore™ the main focus */
.formula-main span {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  background-image: none !important;
  color: #fff !important;
  text-indent: 0 !important;
  overflow: visible !important;
  filter: none !important;

  font-family: var(--font-display, Impact, sans-serif) !important;
  font-size: clamp(54px, 6vw, 86px) !important;
  line-height: .88 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
  text-shadow:
    0 0 24px rgba(245,199,107,.18),
    0 12px 34px rgba(0,0,0,.34) !important;
}

/* Make the formula the supporting line */
.formula-main strong {
  display: block !important;
  color: rgba(245,199,107,.92) !important;
  font-family: var(--font-stat, sans-serif) !important;
  font-size: clamp(18px, 2.2vw, 30px) !important;
  line-height: 1.05 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  max-width: 760px !important;
}

/* Keep icon clean */
.formula-main::after {
  top: 26px !important;
  right: 26px !important;
}

/* Mobile version */
@media (max-width: 760px) {
  .formula-main {
    min-height: 230px !important;
    padding: 24px 76px 24px 18px !important;
    align-content: center !important;
  }

  .formula-main span {
    font-size: 43px !important;
    line-height: .9 !important;
    margin-bottom: 12px !important;
  }

  .formula-main strong {
    font-size: 18px !important;
    line-height: 1.15 !important;
    letter-spacing: .06em !important;
  }

  .formula-main::after {
    top: 18px !important;
    right: 18px !important;
    width: 52px !important;
    height: 52px !important;
  }
}




/* ===== assets/ai-icon-left.css ===== */

/* ===== MOVE AI-LEGACYSCORE HERO ICON TO LEFT ===== */

.formula-main {
  padding-left: 128px !important;
  padding-right: 34px !important;
}

/* Move the AI-LegacyScore icon from right side to left */
.formula-main::after {
  left: 34px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Keep the brand text/formula aligned cleanly */
.formula-main span,
.formula-main strong {
  margin-left: 0 !important;
}

/* Mobile */
@media (max-width: 760px) {
  .formula-main {
    padding-left: 86px !important;
    padding-right: 16px !important;
  }

  .formula-main::after {
    left: 18px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 52px !important;
    height: 52px !important;
  }

  .formula-main span {
    font-size: 38px !important;
  }

  .formula-main strong {
    font-size: 17px !important;
  }
}

/* ===== MAKE AI-LEGACYSCORE HERO ICON BIGGER ===== */

@media (min-width: 761px) {
  .formula-main {
    padding-left: 160px !important;
  }

  .formula-main::after {
    left: 34px !important;
    width: 98px !important;
    height: 98px !important;
    border-radius: 30px !important;
    background-size: 86% 86%, auto !important;
  }
}

@media (max-width: 760px) {
  .formula-main {
    padding-left: 104px !important;
  }

  .formula-main::after {
    left: 18px !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 22px !important;
    background-size: 86% 86%, auto !important;
  }
}




/* ===== assets/ai-gold-icon-force.css ===== */

/* Force the new gold AI-LegacyScore icon */

.formula-main::after {
  background:
    url("ai-legacy-icon-gold.png") center / 82% 82% no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.045)),
    rgba(0,0,0,.34) !important;
}




/* ===== assets/ai-icon-final-fix.css ===== */

/* ===== FINAL AI-LEGACYSCORE ICON FIT FIX ===== */

.formula-main::after {
  background:
    url("ai-legacy-icon-final.png") center / 92% 92% no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    rgba(0,0,0,.20) !important;

  border: 1px solid rgba(245,199,107,.36) !important;
  box-shadow:
    0 18px 48px rgba(245,199,107,.18),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Keep the badge clean and proportional */
@media (min-width: 761px) {
  .formula-main::after {
    width: 92px !important;
    height: 92px !important;
    border-radius: 28px !important;
  }
}

@media (max-width: 760px) {
  .formula-main::after {
    width: 66px !important;
    height: 66px !important;
    border-radius: 21px !important;
  }
}




/* ===== assets/ai-criteria-compact-fix.css ===== */

/* ===== FIX AI-LEGACYSCORE CRITERIA CARD BLANK SPACE ===== */
/* Loaded last. Keeps the glass hero, fixes the oversized criteria boxes. */

/* Desktop/tablet: cleaner card height */
.formula-grid {
  align-items: stretch !important;
}

.formula-card {
  min-height: 0 !important;
  height: auto !important;
  padding: 16px 16px 16px 72px !important;
}

.formula-card p {
  margin-bottom: 0 !important;
}

/* Mobile: make criteria into compact list rows */
@media (max-width: 760px) {
  .formula-box {
    padding: 12px !important;
    padding-bottom: 10px !important;
  }

  .formula-main {
    margin-bottom: 10px !important;
  }

  .formula-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding: 0 !important;
  }

  .formula-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    flex: none !important;
    scroll-snap-align: none !important;

    display: grid !important;
    grid-template-columns: 42px 1fr !important;
    grid-template-areas:
      "icon label"
      "icon value"
      "icon desc" !important;
    column-gap: 12px !important;
    align-items: start !important;

    padding: 12px 12px !important;
    border-radius: 16px !important;
  }

  .formula-card::after {
    grid-area: icon !important;
    position: static !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
    background-size: 24px 24px, auto !important;
    margin: 0 !important;
  }

  .formula-card::before {
    display: none !important;
    content: none !important;
  }

  .formula-label {
    grid-area: label !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .13em !important;
  }

  .formula-value {
    grid-area: value !important;
    margin: 5px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  .formula-card p {
    grid-area: desc !important;
    margin: 5px 0 0 !important;
    font-size: 12.5px !important;
    line-height: 1.28 !important;
    color: rgba(205,211,226,.70) !important;
  }

  /* Make the lower note compact instead of eating the screen */
  .formula-note {
    margin-top: 9px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}




/* ===== assets/ai-icon-respect-logo.css ===== */

/* ===== RESPECT THE AI-LEGACYSCORE ICON ===== */
/* No fake badge. No double background. No tiny sticker look. */

.formula-main::after {
  content: "" !important;

  background:
    url("ai-legacy-icon-clean-final.png") center / contain no-repeat !important;

  border: 0 !important;
  box-shadow:
    0 0 22px rgba(245,199,107,.22),
    0 12px 34px rgba(0,0,0,.28) !important;

  border-radius: 0 !important;
  filter: none !important;
  opacity: 1 !important;

  text-indent: -9999px !important;
  overflow: visible !important;
}

@media (min-width: 761px) {
  .formula-main {
    padding-left: 150px !important;
  }

  .formula-main::after {
    left: 34px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 96px !important;
    height: 96px !important;
  }
}

@media (max-width: 760px) {
  .formula-main {
    padding-left: 104px !important;
  }

  .formula-main::after {
    left: 18px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 72px !important;
    height: 72px !important;
  }
}




/* ===== assets/ai-icon-gold-match.css ===== */

/* ===== MATCH AI ICON GOLD TO FORMULA ICONS ===== */

.formula-main::after {
  background:
    url("ai-legacy-icon-matched-gold.png") center / contain no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow:
    0 0 22px rgba(245,199,107,.26),
    0 12px 34px rgba(0,0,0,.28) !important;
}




/* ===== assets/ai-icon-shield-final.css ===== */

/* ===== FINAL CLEAN AI-LEGACYSCORE SHIELD ICON ===== */
/* Uses the cleaned shield directly. No fake badge, no double box, no tiny sticker look. */

.formula-main::after {
  content: "" !important;
  position: absolute !important;
  left: 32px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  background: url("ai-legacyscore-shield-clean.png") center / contain no-repeat !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 0 18px rgba(245,199,107,.22))
    drop-shadow(0 16px 28px rgba(0,0,0,.38)) !important;

  text-indent: -9999px !important;
  overflow: visible !important;
  opacity: 1 !important;
  z-index: 4 !important;
}

@media (min-width: 761px) {
  .formula-main {
    padding-left: 170px !important;
  }

  .formula-main::after {
    width: 112px !important;
    height: 112px !important;
  }
}

@media (max-width: 760px) {
  .formula-main {
    padding-left: 104px !important;
  }

  .formula-main::after {
    left: 18px !important;
    width: 74px !important;
    height: 74px !important;
  }
}




/* ===== assets/icon-gold-unify.css ===== */

/* ===== UNIFIED SCSL GOLD ICON SYSTEM ===== */

.formula-main::after {
  background:
    url("ai-legacyscore-shield-gold-match.png") center / contain no-repeat !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  filter:
    drop-shadow(0 0 18px rgba(245,199,107,.26))
    drop-shadow(0 16px 28px rgba(0,0,0,.38)) !important;

  opacity: 1 !important;
}

/* Formula card icon containers */
.formula-card::after {
  background-color: rgba(0,0,0,.24) !important;
  border: 1px solid rgba(245,199,107,.34) !important;
  box-shadow:
    0 0 18px rgba(245,199,107,.12),
    0 10px 24px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
}

/* Keep all small icons bright enough to match the hero shield */
.formula-card:nth-child(1)::after {
  background-image: url("icons/impact.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

.formula-card:nth-child(2)::after {
  background-image: url("icons/longevity.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

.formula-card:nth-child(3)::after {
  background-image: url("icons/award.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

.formula-card:nth-child(4)::after {
  background-image: url("icons/legacy.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

.formula-card:nth-child(5)::after {
  background-image: url("icons/eligibility.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

.formula-card:nth-child(6)::after {
  background-image: url("icons/ranking.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}




/* ===== assets/scsl-league-mark.css ===== */

/* ===== CLEAN SCSL LEAGUE MARK ===== */

.league-mark-wrap {
  margin: 6px auto 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.league-mark {
  width: 54px;
  height: auto;
  object-fit: contain;
  opacity: .92;
  filter:
    drop-shadow(0 10px 24px rgba(0,0,0,.42))
    drop-shadow(0 0 10px rgba(245,199,107,.08));
}

/* Optional: make it feel like an official badge */
.league-mark-wrap::before,
.league-mark-wrap::after {
  content: "";
  width: 42px;
  height: 1px;
  margin: 0 10px;
  background: linear-gradient(90deg, transparent, rgba(245,199,107,.42));
}

.league-mark-wrap::after {
  background: linear-gradient(90deg, rgba(245,199,107,.42), transparent);
}

@media (max-width: 760px) {
  .league-mark {
    width: 44px;
  }

  .league-mark-wrap {
    margin-top: 4px;
  }

  .league-mark-wrap::before,
  .league-mark-wrap::after {
    width: 30px;
    margin: 0 8px;
  }
}




/* ===== assets/hof-final-theme.css ===== */

/* =========================================================
   SCSL15 HALL OF FAME FINAL THEME
   Black-tie basketball history. Trophy gold. SCSL red/blue accents.
   Loaded last to unify all previous design experiments.
========================================================= */

:root {
  --hof-black: #050507;
  --hof-obsidian: #0b0d12;
  --hof-panel: rgba(11, 13, 18, .86);
  --hof-card: rgba(18, 20, 29, .88);
  --hof-card-soft: rgba(255,255,255,.045);
  --hof-gold: #f5c76b;
  --hof-gold-deep: #b9892f;
  --hof-platinum: #f3f4f6;
  --hof-muted: #a8afbf;
  --hof-red: #d51f35;
  --hof-blue: #1457b7;
  --hof-line: rgba(255,255,255,.11);
}

/* ---------- global stage ---------- */

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 16% 0%, rgba(213,31,53,.16), transparent 30%),
    radial-gradient(circle at 84% 0%, rgba(20,87,183,.15), transparent 30%),
    radial-gradient(circle at 50% -8%, rgba(245,199,107,.13), transparent 30%),
    linear-gradient(180deg, #0a0b11 0%, #05060a 52%, #020307 100%) !important;
  color: var(--hof-platinum) !important;
}

::selection {
  background: rgba(245,199,107,.28);
  color: white;
}

/* ---------- clean top bar ---------- */

.broadcast-bar {
  height: 44px !important;
  padding: 0 18px !important;
  background:
    linear-gradient(180deg, rgba(9,10,16,.98), rgba(4,5,9,.98)) !important;
  border-bottom: 1px solid rgba(245,199,107,.20) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.30) !important;
  backdrop-filter: blur(14px);
}

.broadcast-live {
  height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--hof-gold), var(--hof-gold-deep)) !important;
  color: #111 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
}

.broadcast-title {
  color: rgba(247,247,251,.88) !important;
  font-size: 15px !important;
  letter-spacing: .10em !important;
}

.broadcast-right {
  color: rgba(245,199,107,.82) !important;
  font-size: 12px !important;
  letter-spacing: .10em !important;
}

/* ticker */
.broadcast-ticker {
  top: 44px !important;
  background: rgba(2,3,6,.98) !important;
  border-bottom: 1px solid rgba(245,199,107,.16) !important;
}

.ticker-label {
  background: linear-gradient(180deg, var(--hof-gold), var(--hof-gold-deep)) !important;
  color: #111 !important;
}

/* ---------- hero / logo ---------- */

.hero {
  padding: 38px 18px 30px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.14), transparent 34%),
    radial-gradient(circle at 18% 22%, rgba(213,31,53,.10), transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(20,87,183,.10), transparent 30%) !important;
  border-bottom: 1px solid rgba(245,199,107,.14) !important;
}

.logo,
.logo.logo-lockup {
  width: min(610px, 78vw) !important;
  max-height: 160px !important;
  filter:
    drop-shadow(0 26px 54px rgba(0,0,0,.58))
    drop-shadow(0 0 26px rgba(245,199,107,.14)) !important;
}

.eyebrow {
  color: var(--hof-gold) !important;
  letter-spacing: .24em !important;
}

.sub,
.hero-sub {
  max-width: 720px !important;
  color: rgba(220,224,238,.74) !important;
  font-size: 14px !important;
}

/* league badge */
.league-mark-wrap {
  margin: 8px auto 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.league-mark {
  width: 56px !important;
  height: auto !important;
  object-fit: contain;
  filter:
    drop-shadow(0 12px 24px rgba(0,0,0,.46))
    drop-shadow(0 0 12px rgba(245,199,107,.10));
}

.league-mark-wrap::before,
.league-mark-wrap::after {
  content: "";
  width: 44px;
  height: 1px;
  margin: 0 10px;
  background: linear-gradient(90deg, transparent, rgba(245,199,107,.46));
}

.league-mark-wrap::after {
  background: linear-gradient(90deg, rgba(245,199,107,.46), transparent);
}

.hero-chips span,
.hero-chips button {
  border: 1px solid rgba(245,199,107,.28) !important;
  background:
    linear-gradient(180deg, rgba(245,199,107,.12), rgba(255,255,255,.045)) !important;
  color: rgba(247,247,251,.92) !important;
}

/* ---------- layout ---------- */

main {
  max-width: 1060px !important;
  width: min(1060px, calc(100vw - 44px)) !important;
  margin: 0 auto !important;
  padding-top: 24px !important;
}

.panel {
  border-radius: 30px !important;
  padding: 22px !important;
  margin: 22px auto !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.024)),
    var(--hof-panel) !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  box-shadow:
    0 30px 100px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.panel::before {
  height: 3px !important;
  margin: -22px -22px 18px !important;
  background: linear-gradient(90deg, var(--hof-red), var(--hof-gold), var(--hof-blue)) !important;
  opacity: .95 !important;
}

.section-head {
  padding-bottom: 14px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.section-head h2 {
  color: var(--hof-platinum) !important;
  font-size: clamp(28px, 3.2vw, 40px) !important;
  line-height: .95 !important;
}

.section-head h2::before {
  display: none !important;
  content: none !important;
}

.section-head p {
  color: rgba(184,188,207,.76) !important;
}

/* ---------- recap strip ---------- */

.broadcast-recap {
  max-width: 1060px !important;
  width: min(1060px, calc(100vw - 44px)) !important;
  margin: 18px auto 4px !important;
  gap: 12px !important;
}

.recap-card,
.db-stat {
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.026)),
    rgba(9,10,16,.86) !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.24) !important;
}

.recap-label,
.db-label {
  color: var(--hof-gold) !important;
}

.recap-value,
.db-value {
  color: var(--hof-platinum) !important;
}

/* =========================================================
   AI-LegacyScore Engine — HOF / product blend
========================================================= */

.formula-panel {
  overflow: hidden !important;
}

.formula-box {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.formula-box::before {
  display: none !important;
  content: none !important;
}

.formula-main {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 210px !important;
  display: grid !important;
  align-content: center !important;
  padding: 32px 34px 32px 168px !important;
  margin-bottom: 16px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 80% 18%, rgba(245,199,107,.22), transparent 30%),
    radial-gradient(circle at 18% 22%, rgba(213,31,53,.13), transparent 34%),
    radial-gradient(circle at 84% 84%, rgba(20,87,183,.16), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.030)),
    #070912 !important;
  border: 1px solid rgba(245,199,107,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(245,199,107,.12),
    0 32px 110px rgba(0,0,0,.38) !important;
}

/* glass drift */
.formula-main::before {
  content: "" !important;
  position: absolute !important;
  inset: -34% !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: .70 !important;
  background:
    linear-gradient(
      112deg,
      transparent 0%,
      transparent 22%,
      rgba(255,255,255,.045) 31%,
      rgba(255,255,255,.15) 38%,
      rgba(245,199,107,.15) 44%,
      rgba(255,255,255,.07) 51%,
      transparent 64%,
      transparent 100%
    ) !important;
  mix-blend-mode: screen;
  animation: hofGlassDrift 7s ease-in-out infinite alternate !important;
}

@keyframes hofGlassDrift {
  from { transform: translateX(-30%) skewX(-6deg); }
  to { transform: translateX(30%) skewX(-6deg); }
}

/* icon */
.formula-main::after {
  content: "" !important;
  position: absolute !important;
  left: 34px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 112px !important;
  height: 112px !important;
  z-index: 4 !important;
  background: url("ai-legacyscore-shield-gold-match.png") center / contain no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 0 20px rgba(245,199,107,.24))
    drop-shadow(0 18px 32px rgba(0,0,0,.42)) !important;
}

.formula-main span,
.formula-main strong {
  position: relative !important;
  z-index: 3 !important;
}

.formula-main span {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #fff !important;
  text-indent: 0 !important;
  overflow: visible !important;
  filter: none !important;
  font-family: var(--font-display, Impact, sans-serif) !important;
  font-size: clamp(52px, 5.4vw, 76px) !important;
  line-height: .88 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
  text-shadow:
    0 0 24px rgba(245,199,107,.14),
    0 12px 34px rgba(0,0,0,.34) !important;
}

.formula-main span::before {
  display: none !important;
  content: none !important;
}

.formula-main strong {
  display: block !important;
  color: rgba(245,199,107,.94) !important;
  font-family: var(--font-stat, sans-serif) !important;
  font-size: clamp(17px, 2vw, 28px) !important;
  line-height: 1.08 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* criteria cards */
.formula-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  padding: 0 !important;
}

.formula-card {
  position: relative !important;
  min-height: 132px !important;
  padding: 16px 16px 16px 72px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.024)),
    rgba(10,11,18,.84) !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 40px rgba(0,0,0,.18) !important;
}

.formula-card::before {
  display: none !important;
  content: none !important;
}

.formula-card::after {
  content: "" !important;
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(245,199,107,.30) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 25px 25px, auto !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.25) !important;
}

.formula-card:nth-child(1)::after { background-image: url("icons/impact.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(2)::after { background-image: url("icons/longevity.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(3)::after { background-image: url("icons/award.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(4)::after { background-image: url("icons/legacy.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(5)::after { background-image: url("icons/eligibility.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important; }
.formula-card:nth-child(6)::after { background-image: url("icons/ranking.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important; }

.formula-label {
  color: var(--hof-gold) !important;
  font-size: 10.5px !important;
  letter-spacing: .14em !important;
}

.formula-value {
  margin-top: 7px !important;
  color: #fff !important;
  font-size: 17px !important;
}

.formula-card p {
  margin-top: 7px !important;
  color: rgba(205,211,226,.72) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.formula-note {
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(90deg, rgba(245,199,107,.065), rgba(255,255,255,.030)) !important;
  border: 1px solid rgba(245,199,107,.14) !important;
  border-left: 4px solid rgba(245,199,107,.70) !important;
}

/* ---------- Top 15 / induction cards ---------- */

#top15 {
  max-width: 980px !important;
}

.legacy-spotlight {
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.024)),
    rgba(9,10,16,.86) !important;
  border: 1px solid rgba(245,199,107,.18) !important;
}

.spotlight-card,
#top15 .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.024)),
    rgba(9,10,16,.88) !important;
  border: 1px solid rgba(255,255,255,.105) !important;
}

#top15 .rank,
.spotlight-rank {
  background: linear-gradient(180deg, var(--hof-gold), var(--hof-gold-deep)) !important;
  color: #111 !important;
}

#top15 .mobile-card-score strong,
.spotlight-score {
  color: var(--hof-gold) !important;
}

/* ---------- Stat Vault ---------- */

#database {
  max-width: 1060px !important;
}

.database-chips .db-chip,
.db-chip {
  border-color: rgba(245,199,107,.25) !important;
}

.db-chip.active,
.db-chip:hover {
  background: linear-gradient(180deg, var(--hof-gold), var(--hof-gold-deep)) !important;
  color: #111 !important;
}

#database .table-wrap {
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.018)),
    rgba(4,5,10,.76) !important;
  border-color: rgba(255,255,255,.11) !important;
}

#playersTable th {
  background: linear-gradient(180deg, #161821, #090a10) !important;
  color: var(--hof-gold) !important;
}

#playersTable td[data-col="SCSL15_score"] {
  color: var(--hof-gold) !important;
}

/* ---------- mobile ---------- */

@media (max-width: 760px) {
  .broadcast-bar {
    height: 40px !important;
  }

  .broadcast-ticker {
    top: 40px !important;
  }

  .mobile-jump-nav {
    top: 71px !important;
  }

  .hero {
    padding: 24px 12px 20px !important;
  }

  .league-mark {
    width: 44px !important;
  }

  main {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .broadcast-recap {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .panel {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .panel::before {
    margin: -16px -16px 16px !important;
  }

  .formula-main {
    min-height: 170px !important;
    padding: 20px 16px 20px 104px !important;
    border-radius: 22px !important;
  }

  .formula-main::after {
    left: 18px !important;
    width: 72px !important;
    height: 72px !important;
  }

  .formula-main span {
    font-size: 36px !important;
    line-height: .9 !important;
  }

  .formula-main strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  .formula-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .formula-card {
    min-height: auto !important;
    padding: 12px 12px 12px 64px !important;
  }

  .formula-card::after {
    top: 12px !important;
    left: 12px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    background-size: 23px 23px, auto !important;
  }

  .formula-card p {
    font-size: 12px !important;
  }

  .formula-note {
    font-size: 12px !important;
    line-height: 1.32 !important;
  }
}

/* disable motion if needed */
@media (prefers-reduced-motion: reduce) {
  .formula-main::before {
    animation: none !important;
  }
}




/* ===== assets/hof-blackout-final.css ===== */

/* =========================================================
   SCSL15 BLACK HALL OF FAME OVERRIDE
   Much darker. Gold trim. Red/blue used only as subtle accents.
   Loaded dead last.
========================================================= */

:root {
  --blackout-bg: #020307;
  --blackout-bg-2: #05060a;
  --blackout-panel: rgba(5, 6, 10, .92);
  --blackout-card: rgba(8, 9, 14, .94);
  --blackout-card-2: rgba(13, 14, 20, .94);
  --blackout-line: rgba(245,199,107,.16);
  --blackout-line-soft: rgba(255,255,255,.085);
  --blackout-gold: #f5c76b;
  --blackout-gold-deep: #b9892f;
  --blackout-text: #f3f4f6;
  --blackout-muted: #a7adba;
  --blackout-red: #d51f35;
  --blackout-blue: #1457b7;
}

/* Overall stage: way more black */
html,
body {
  background:
    radial-gradient(circle at 50% -12%, rgba(245,199,107,.075), transparent 26%),
    radial-gradient(circle at 0% 0%, rgba(213,31,53,.055), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(20,87,183,.055), transparent 24%),
    linear-gradient(180deg, #05060a 0%, #030409 42%, #010205 100%) !important;
  color: var(--blackout-text) !important;
}

/* Top bar: black, not red/broadcast */
.broadcast-bar {
  background: linear-gradient(180deg, #06070c, #020307) !important;
  border-bottom: 1px solid rgba(245,199,107,.18) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.55) !important;
}

.broadcast-live {
  background: linear-gradient(180deg, var(--blackout-gold), var(--blackout-gold-deep)) !important;
  color: #111 !important;
}

.broadcast-title {
  color: rgba(243,244,246,.88) !important;
}

.broadcast-right {
  color: rgba(245,199,107,.72) !important;
}

/* Ticker: nearly black */
.broadcast-ticker {
  background: #010205 !important;
  border-bottom: 1px solid rgba(245,199,107,.12) !important;
}

/* Hero: black trophy case */
.hero {
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.085), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent),
    #030409 !important;
  border-bottom: 1px solid rgba(245,199,107,.11) !important;
}

.logo,
.logo.logo-lockup {
  filter:
    drop-shadow(0 28px 60px rgba(0,0,0,.72))
    drop-shadow(0 0 18px rgba(245,199,107,.10)) !important;
}

.eyebrow,
.formula-label,
.recap-label,
.db-label {
  color: var(--blackout-gold) !important;
}

.sub,
.hero-sub,
.section-head p,
.formula-card p,
.formula-note,
.meta,
.recap-note,
.db-note {
  color: rgba(167,173,186,.78) !important;
}

/* League mark stays subtle */
.league-mark {
  opacity: .88 !important;
  filter:
    drop-shadow(0 12px 26px rgba(0,0,0,.60))
    drop-shadow(0 0 8px rgba(245,199,107,.08)) !important;
}

/* Main panels: black glass, not gray/colorful */
.panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    var(--blackout-panel) !important;
  border: 1px solid rgba(245,199,107,.105) !important;
  box-shadow:
    0 34px 110px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.panel::before {
  height: 2px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(213,31,53,.55),
    rgba(245,199,107,.72),
    rgba(20,87,183,.55),
    transparent
  ) !important;
  opacity: .85 !important;
}

.section-head {
  border-bottom: 1px solid rgba(245,199,107,.10) !important;
}

.section-head h2 {
  color: var(--blackout-text) !important;
}

/* Stat recap / database stat cards */
.recap-card,
.db-stat {
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.012)),
    var(--blackout-card) !important;
  border: 1px solid rgba(245,199,107,.10) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.db-stat.featured {
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
    #06070c !important;
  border: 1px solid rgba(245,199,107,.26) !important;
}

/* AI-LegacyScore section: keep glass, make surrounding black */
.formula-panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(4,5,9,.94) !important;
  border: 1px solid rgba(245,199,107,.12) !important;
}

.formula-box {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Darker formula feature tiles */
.formula-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
    #07080d !important;
  border: 1px solid rgba(245,199,107,.10) !important;
  box-shadow:
    0 16px 50px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.formula-card::after {
  background-color: rgba(0,0,0,.34) !important;
  border-color: rgba(245,199,107,.22) !important;
}

.formula-value {
  color: #fff !important;
}

/* Top 3 / Top 15 cards: induction plaques */
.legacy-spotlight,
.spotlight-card,
#top15 .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
    var(--blackout-card) !important;
  border: 1px solid rgba(245,199,107,.105) !important;
  box-shadow:
    0 24px 80px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.spotlight-rank-1,
#top15 .card:nth-child(1),
#top15 .card:nth-child(2),
#top15 .card:nth-child(3) {
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.014)),
    #07080d !important;
  border-color: rgba(245,199,107,.20) !important;
}

.rank,
.spotlight-rank,
#top15 .rank {
  background: linear-gradient(180deg, var(--blackout-gold), var(--blackout-gold-deep)) !important;
  color: #111 !important;
}

.pill,
.honor-chip,
.spotlight-mini span {
  background: rgba(0,0,0,.28) !important;
  border-color: rgba(245,199,107,.12) !important;
  color: rgba(243,244,246,.88) !important;
}

/* Database / stat vault */
#database {
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(4,5,9,.94) !important;
}

#database .table-wrap {
  background: #030409 !important;
  border: 1px solid rgba(245,199,107,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 24px 80px rgba(0,0,0,.35) !important;
}

.search-box {
  background: #080910 !important;
  border-color: rgba(245,199,107,.15) !important;
  color: var(--blackout-text) !important;
}

.db-chip {
  background: #07080d !important;
  border-color: rgba(245,199,107,.16) !important;
  color: rgba(243,244,246,.88) !important;
}

.db-chip.active,
.db-chip:hover {
  background: linear-gradient(180deg, var(--blackout-gold), var(--blackout-gold-deep)) !important;
  color: #111 !important;
}

#playersTable th {
  background: linear-gradient(180deg, #0b0d13, #030409) !important;
  color: var(--blackout-gold) !important;
  border-bottom: 2px solid rgba(245,199,107,.24) !important;
}

#playersTable td {
  background: #05060a !important;
  color: rgba(243,244,246,.86) !important;
}

#playersTable tbody tr:nth-child(even) td {
  background: #080910 !important;
}

#playersTable tbody tr:hover td {
  background: rgba(245,199,107,.075) !important;
}

#playersTable td[data-col="Player"] {
  background: #05060a !important;
}

#playersTable td[data-col="SCSL15_score"] {
  background: #080705 !important;
  color: var(--blackout-gold) !important;
}

/* Music intro: darker ceremony entrance */
.music-intro {
  background:
    radial-gradient(circle at 50% 10%, rgba(245,199,107,.14), transparent 30%),
    rgba(0,0,0,.92) !important;
}

.music-intro-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    #05060a !important;
  border-color: rgba(245,199,107,.24) !important;
}

/* Mobile: keep it black too */
@media (max-width: 760px) {
  .broadcast-bar {
    background: #020307 !important;
  }

  .mobile-jump-nav {
    background: rgba(2,3,7,.96) !important;
    border-bottom-color: rgba(245,199,107,.12) !important;
  }

  .mobile-jump-nav a {
    background: #07080d !important;
    border-color: rgba(245,199,107,.18) !important;
  }

  .panel {
    background:
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
      rgba(4,5,9,.94) !important;
  }
}




/* ===== assets/top3-medals.css ===== */

/* ===== TOP 3 MEDAL RANK BADGES ===== */
/* #1 Gold, #2 Silver, #3 Bronze. Everyone else stays red. */

/* Default rank badge: red */
#top15 .rank,
.spotlight-rank {
  color: #fff !important;
  background: linear-gradient(180deg, #e11d2e, #991b1b) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 10px 24px rgba(201,31,46,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* #1 Gold */
#top15 .card:nth-child(1) .rank,
.spotlight-rank-1 .spotlight-rank {
  color: #111 !important;
  background:
    linear-gradient(180deg, #fff3b0 0%, #f5c76b 48%, #b9892f 100%) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  box-shadow:
    0 0 24px rgba(245,199,107,.30),
    0 12px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}

/* #2 Silver */
#top15 .card:nth-child(2) .rank,
.spotlight-rank-2 .spotlight-rank {
  color: #111 !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #d7dce5 48%, #8f98a8 100%) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow:
    0 0 22px rgba(215,220,229,.24),
    0 12px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.60) !important;
}

/* #3 Bronze */
#top15 .card:nth-child(3) .rank,
.spotlight-rank-3 .spotlight-rank {
  color: #111 !important;
  background:
    linear-gradient(180deg, #ffd9a0 0%, #c7833d 48%, #7a451d 100%) !important;
  border: 1px solid rgba(255,255,255,.40) !important;
  box-shadow:
    0 0 22px rgba(199,131,61,.24),
    0 12px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* Make sure #4+ stay red even if older files try to turn them gold */
#top15 .card:nth-child(n+4) .rank {
  color: #fff !important;
  background: linear-gradient(180deg, #e11d2e, #991b1b) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 10px 24px rgba(201,31,46,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}




/* ===== assets/formula-click-details.css ===== */

/* ===== CLICKABLE AI-LEGACYSCORE CRITERIA CARDS ===== */
/* Makes the criteria cards compact until clicked. Loaded last. */

/* The hero glass card stays untouched. This only changes the criteria cards below it. */

.formula-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  padding: 0 !important;
}

.formula-card.formula-detail-card {
  position: relative !important;
  min-height: 0 !important;
  height: auto !important;
  cursor: pointer !important;
  user-select: none;

  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  grid-template-areas:
    "icon label hint"
    "icon value hint"
    "desc desc desc" !important;
  column-gap: 11px !important;
  align-items: center !important;

  padding: 12px 12px !important;
  border-radius: 17px !important;
  transition:
    border-color .18s ease,
    background .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}

.formula-card.formula-detail-card:hover {
  border-color: rgba(245,199,107,.28) !important;
  transform: translateY(-1px);
}

.formula-card.formula-detail-card::after {
  grid-area: icon !important;
  position: static !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  border-radius: 15px !important;
  background-size: 24px 24px, auto !important;
}

.formula-card.formula-detail-card::before {
  display: none !important;
  content: none !important;
}

.formula-card.formula-detail-card .formula-label {
  grid-area: label !important;
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
}

.formula-card.formula-detail-card .formula-value {
  grid-area: value !important;
  margin: 5px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
}

.formula-card.formula-detail-card p {
  grid-area: desc !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  transition:
    max-height .22s ease,
    opacity .18s ease,
    margin-top .18s ease,
    padding-top .18s ease !important;
}

.formula-card.formula-detail-card.expanded p {
  max-height: 160px !important;
  opacity: 1 !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.09) !important;
  color: rgba(205,211,226,.76) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.formula-detail-hint {
  grid-area: hint !important;
  align-self: center !important;
  justify-self: end !important;
  white-space: nowrap !important;

  border: 1px solid rgba(245,199,107,.22);
  border-radius: 999px;
  padding: 5px 8px;
  color: rgba(245,199,107,.92);
  background: rgba(245,199,107,.065);
  font-family: var(--font-stat, sans-serif);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.formula-detail-hint .open {
  display: none;
}

.formula-card.formula-detail-card.expanded .formula-detail-hint {
  color: #111;
  background: linear-gradient(180deg, #f5c76b, #b9892f);
  border-color: rgba(255,255,255,.38);
}

.formula-card.formula-detail-card.expanded .formula-detail-hint .closed {
  display: none;
}

.formula-card.formula-detail-card.expanded .formula-detail-hint .open {
  display: inline;
}

/* Mobile: compact list, no scroll trap */
@media (max-width: 760px) {
  .formula-grid {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .formula-card.formula-detail-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    scroll-snap-align: none !important;
    grid-template-columns: 38px 1fr auto !important;
    column-gap: 10px !important;
    padding: 10px 10px !important;
    border-radius: 15px !important;
  }

  .formula-card.formula-detail-card::after {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    background-size: 23px 23px, auto !important;
  }

  .formula-card.formula-detail-card .formula-value {
    font-size: 14px !important;
  }

  .formula-detail-hint {
    font-size: 9px !important;
    padding: 4px 7px !important;
  }

  .formula-card.formula-detail-card.expanded p {
    max-height: 180px !important;
    font-size: 12px !important;
  }
}

/* Tablet: two columns */
@media (min-width: 761px) and (max-width: 1100px) {
  .formula-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}




/* ===== assets/mobile-ai-engine-final.css ===== */

/* ===== FINAL MOBILE AI-LEGACYSCORE ENGINE FIX ===== */
/* Desktop stays unchanged. Mobile criteria cards become compact tappable rows. */

@media (max-width: 760px) {
  /* Keep the AI section contained and clean */
  #formula,
  .formula-panel,
  .formula-box {
    overflow: visible !important;
  }

  .formula-panel {
    padding: 14px !important;
  }

  .formula-panel .section-head {
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
  }

  .formula-panel .section-head h2 {
    font-size: 30px !important;
    line-height: .95 !important;
  }

  .formula-panel .section-head p {
    font-size: 14px !important;
    line-height: 1.32 !important;
    margin-top: 6px !important;
  }

  .formula-box {
    padding: 10px !important;
    border-radius: 20px !important;
  }

  /* Leave the hero card premium, just reduce its vertical footprint a little */
  .formula-main {
    min-height: 150px !important;
    margin-bottom: 10px !important;
  }

  .formula-main span {
    font-size: 34px !important;
    line-height: .9 !important;
    margin-bottom: 7px !important;
  }

  .formula-main strong {
    font-size: 14px !important;
    line-height: 1.15 !important;
    letter-spacing: .06em !important;
  }

  /* Criteria area becomes a compact list */
  #formula .formula-grid,
  .formula-panel .formula-grid,
  .formula-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding: 0 !important;
    width: 100% !important;
  }

  #formula .formula-card,
  #formula .formula-card.formula-detail-card,
  .formula-panel .formula-card,
  .formula-panel .formula-card.formula-detail-card,
  .formula-card,
  .formula-card.formula-detail-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    flex: none !important;
    scroll-snap-align: none !important;
    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "icon label hint"
      "icon value hint"
      "desc desc desc" !important;
    column-gap: 10px !important;
    align-items: center !important;

    padding: 10px !important;
    border-radius: 15px !important;
  }

  #formula .formula-card::after,
  .formula-panel .formula-card::after,
  .formula-card::after {
    grid-area: icon !important;
    position: static !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 14px !important;
    margin: 0 !important;
    background-size: 23px 23px, auto !important;
  }

  #formula .formula-card::before,
  .formula-panel .formula-card::before,
  .formula-card::before {
    display: none !important;
    content: none !important;
  }

  .formula-label {
    grid-area: label !important;
    margin: 0 !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    letter-spacing: .13em !important;
  }

  .formula-value {
    grid-area: value !important;
    margin: 5px 0 0 !important;
    font-size: 15px !important;
    line-height: 1.08 !important;
  }

  .formula-detail-hint {
    grid-area: hint !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  /* Hide explanation text until tapped */
  .formula-card p,
  .formula-card.formula-detail-card p {
    grid-area: desc !important;
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
  }

  .formula-card.expanded p,
  .formula-card.formula-detail-card.expanded p {
    max-height: 160px !important;
    opacity: 1 !important;
    margin-top: 9px !important;
    padding-top: 9px !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
  }

  /* Make the note less bulky on mobile */
  .formula-note {
    margin-top: 9px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}




/* ===== assets/ai-engine-glass-button.css ===== */

/* ===== AI-LEGACYSCORE BIG GLASS BUTTON ===== */
/* Loaded last. Makes the hero card the main interactive object. */

/* Hide criteria details until the big glass button is opened */
#formula.ai-engine-button-mode:not(.engine-open) .formula-grid,
#formula.ai-engine-button-mode:not(.engine-open) .formula-note,
.formula-panel.ai-engine-button-mode:not(.engine-open) .formula-grid,
.formula-panel.ai-engine-button-mode:not(.engine-open) .formula-note {
  display: none !important;
}

/* When opened, show details cleanly */
#formula.ai-engine-button-mode.engine-open .formula-grid,
.formula-panel.ai-engine-button-mode.engine-open .formula-grid {
  display: grid !important;
  margin-top: 14px !important;
}

#formula.ai-engine-button-mode.engine-open .formula-note,
.formula-panel.ai-engine-button-mode.engine-open .formula-note {
  display: block !important;
}

/* Big glass button */
#formula .formula-main,
.formula-panel .formula-main {
  cursor: pointer !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 230px !important;
  padding: 34px 36px 34px 170px !important;
  border-radius: 30px !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    filter .18s ease !important;

  background:
    radial-gradient(circle at 80% 18%, rgba(245,199,107,.28), transparent 30%),
    radial-gradient(circle at 16% 18%, rgba(213,31,53,.14), transparent 34%),
    radial-gradient(circle at 85% 86%, rgba(20,87,183,.18), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.032)),
    #060812 !important;

  border: 1px solid rgba(245,199,107,.30) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(245,199,107,.18),
    inset 0 0 64px rgba(255,255,255,.040),
    0 34px 115px rgba(0,0,0,.42),
    0 0 42px rgba(245,199,107,.10) !important;
}

/* Make it feel clickable */
#formula .formula-main:hover,
.formula-panel .formula-main:hover {
  transform: translateY(-2px);
  border-color: rgba(245,199,107,.44) !important;
  filter: brightness(1.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(245,199,107,.22),
    inset 0 0 72px rgba(255,255,255,.050),
    0 38px 128px rgba(0,0,0,.46),
    0 0 60px rgba(245,199,107,.16) !important;
}

/* Premium moving glass reflection */
#formula .formula-main::before,
.formula-panel .formula-main::before {
  content: "" !important;
  position: absolute !important;
  inset: -38% !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: .88 !important;

  background:
    linear-gradient(
      112deg,
      transparent 0%,
      transparent 17%,
      rgba(255,255,255,.045) 25%,
      rgba(255,255,255,.18) 34%,
      rgba(245,199,107,.26) 42%,
      rgba(255,255,255,.14) 50%,
      rgba(20,87,183,.08) 56%,
      transparent 68%,
      transparent 100%
    ),
    linear-gradient(
      25deg,
      transparent 0%,
      rgba(255,255,255,.035) 35%,
      rgba(255,255,255,.10) 50%,
      rgba(245,199,107,.070) 60%,
      transparent 73%
    ) !important;

  mix-blend-mode: screen;
  animation: bigGlassButtonDrift 5.8s cubic-bezier(.45,0,.2,1) infinite alternate !important;
}

@keyframes bigGlassButtonDrift {
  from {
    transform: translateX(-38%) skewX(-7deg);
    opacity: .64;
  }
  to {
    transform: translateX(38%) skewX(-7deg);
    opacity: .96;
  }
}

/* Keep the text and icon above the reflection */
#formula .formula-main span,
#formula .formula-main strong,
#formula .ai-engine-button-hint,
.formula-panel .formula-main span,
.formula-panel .formula-main strong,
.formula-panel .ai-engine-button-hint {
  position: relative !important;
  z-index: 3 !important;
}

/* Icon placement */
#formula .formula-main::after,
.formula-panel .formula-main::after {
  left: 34px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 112px !important;
  height: 112px !important;
  z-index: 4 !important;
}

/* Main brand text */
#formula .formula-main span,
.formula-panel .formula-main span {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #fff !important;
  text-indent: 0 !important;
  overflow: visible !important;
  filter: none !important;

  font-family: var(--font-display, Impact, sans-serif) !important;
  font-size: clamp(54px, 5.8vw, 84px) !important;
  line-height: .88 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
  text-shadow:
    0 0 26px rgba(245,199,107,.16),
    0 12px 34px rgba(0,0,0,.40) !important;
}

#formula .formula-main span::before,
.formula-panel .formula-main span::before {
  display: none !important;
  content: none !important;
}

/* Supporting formula line */
#formula .formula-main strong,
.formula-panel .formula-main strong {
  display: block !important;
  color: rgba(245,199,107,.94) !important;
  font-family: var(--font-stat, sans-serif) !important;
  font-size: clamp(17px, 2vw, 28px) !important;
  line-height: 1.08 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* Button hint */
.ai-engine-button-hint {
  display: inline-flex;
  width: fit-content;
  margin-top: 18px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(245,199,107,.28);
  background: rgba(245,199,107,.08);
  color: rgba(245,199,107,.96);
  font-family: var(--font-stat, sans-serif);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
}

#formula.engine-open .ai-engine-button-hint,
.formula-panel.engine-open .ai-engine-button-hint {
  color: #111;
  background: linear-gradient(180deg, #f5c76b, #b9892f);
  border-color: rgba(255,255,255,.38);
}

/* Open state */
#formula.engine-open .formula-main,
.formula-panel.engine-open .formula-main {
  border-color: rgba(245,199,107,.44) !important;
}

/* Mobile */
@media (max-width: 760px) {
  #formula .formula-main,
  .formula-panel .formula-main {
    min-height: 190px !important;
    padding: 22px 16px 22px 104px !important;
    border-radius: 24px !important;
  }

  #formula .formula-main::after,
  .formula-panel .formula-main::after {
    left: 18px !important;
    width: 72px !important;
    height: 72px !important;
  }

  #formula .formula-main span,
  .formula-panel .formula-main span {
    font-size: 37px !important;
    line-height: .9 !important;
    margin-bottom: 8px !important;
  }

  #formula .formula-main strong,
  .formula-panel .formula-main strong {
    font-size: 14px !important;
    line-height: 1.15 !important;
    letter-spacing: .06em !important;
  }

  .ai-engine-button-hint {
    margin-top: 13px;
    padding: 7px 10px;
    font-size: 10px;
  }

  #formula.ai-engine-button-mode.engine-open .formula-grid,
  .formula-panel.ai-engine-button-mode.engine-open .formula-grid {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #formula .formula-main::before,
  .formula-panel .formula-main::before {
    animation: none !important;
  }
}




/* ===== assets/database-mobile-compact.css ===== */

/* ===== DATABASE MOBILE COMPACT FINAL ===== */
/* Moves visual priority to Player + AI-LegacyScore and reduces wasted name-column space. */

/* Player column: still frozen, but narrower and cleaner */
#playersTable th[data-key="Player"],
#playersTable td[data-col="Player"] {
  min-width: 150px !important;
  max-width: 150px !important;
  width: 150px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* AI score should be next and compact */
#playersTable th[data-key="SCSL15_score"],
#playersTable td[data-col="SCSL15_score"] {
  min-width: 116px !important;
  max-width: 116px !important;
  width: 116px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
}

/* Team moved later, so make it normal width instead of huge early-column width */
#playersTable th[data-key="Team"],
#playersTable td[data-col="Team"] {
  min-width: 125px !important;
  max-width: 170px !important;
  width: 140px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Keep season small */
#playersTable th[data-key="Season"],
#playersTable td[data-col="Season"] {
  min-width: 76px !important;
  max-width: 76px !important;
  width: 76px !important;
  text-align: center !important;
}

/* Compact common stat columns */
#playersTable th[data-key="GP"],
#playersTable td[data-col="GP"],
#playersTable th[data-key="PPG"],
#playersTable td[data-col="PPG"],
#playersTable th[data-key="RPG"],
#playersTable td[data-col="RPG"],
#playersTable th[data-key="APG"],
#playersTable td[data-col="APG"],
#playersTable th[data-key="EFF_per_g"],
#playersTable td[data-col="EFF_per_g"],
#playersTable th[data-key="Award_bonus"],
#playersTable td[data-col="Award_bonus"],
#playersTable th[data-key="GP_weight_bonus"],
#playersTable td[data-col="GP_weight_bonus"] {
  min-width: 78px !important;
  max-width: 92px !important;
  text-align: center !important;
}

/* Honors can still wrap, but not ridiculously wide */
#playersTable th[data-key="Honors"],
#playersTable td[data-col="Honors"] {
  min-width: 260px !important;
  max-width: 340px !important;
  white-space: normal !important;
  line-height: 1.3 !important;
}

/* Mobile-specific tightening */
@media (max-width: 760px) {
  #playersTable {
    min-width: 1180px !important;
  }

  #playersTable th,
  #playersTable td {
    padding: 8px 7px !important;
    font-size: 11.5px !important;
  }

  #playersTable th[data-key="Player"],
  #playersTable td[data-col="Player"] {
    min-width: 128px !important;
    max-width: 128px !important;
    width: 128px !important;
    padding-left: 7px !important;
    padding-right: 6px !important;
  }

  #playersTable td[data-col="Player"] {
    font-size: 12px !important;
    letter-spacing: .025em !important;
  }

  #playersTable th[data-key="SCSL15_score"],
  #playersTable td[data-col="SCSL15_score"] {
    min-width: 104px !important;
    max-width: 104px !important;
    width: 104px !important;
  }

  #playersTable td[data-col="SCSL15_score"] {
    font-size: 13px !important;
  }

  #playersTable th[data-key="Team"],
  #playersTable td[data-col="Team"] {
    min-width: 118px !important;
    max-width: 145px !important;
    width: 128px !important;
  }

  #playersTable th[data-key="Honors"],
  #playersTable td[data-col="Honors"] {
    min-width: 235px !important;
    max-width: 280px !important;
  }

  #database .table-wrap {
    max-height: 72vh !important;
  }
}




/* ===== assets/final-visual-lock.css ===== */

/* =========================================================
   SCSL15 FINAL VISUAL LOCK
   Goal: cohesive black Hall-of-Fame theme across desktop/mobile.
   Does NOT change stats, scoring, filters, or data logic.
========================================================= */

:root {
  --final-bg: #020306;
  --final-panel: rgba(5, 6, 10, .94);
  --final-card: rgba(8, 9, 15, .94);
  --final-card-2: rgba(12, 13, 20, .96);
  --final-gold: #f5c76b;
  --final-gold-deep: #b9892f;
  --final-white: #f4f5f8;
  --final-muted: #a8afbf;
  --final-red: #d51f35;
  --final-blue: #1457b7;
  --final-line: rgba(245,199,107,.15);
  --final-soft-line: rgba(255,255,255,.09);
}

/* ===== Global black / trophy case stage ===== */

html,
body {
  background:
    radial-gradient(circle at 50% -10%, rgba(245,199,107,.075), transparent 28%),
    radial-gradient(circle at 0% 0%, rgba(213,31,53,.050), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(20,87,183,.050), transparent 24%),
    linear-gradient(180deg, #05060a 0%, #030409 48%, #010205 100%) !important;
  color: var(--final-white) !important;
  overflow-x: hidden !important;
}

::selection {
  background: rgba(245,199,107,.28);
  color: #fff;
}

/* ===== Top bar / ticker ===== */

.broadcast-bar {
  height: 44px !important;
  background: linear-gradient(180deg, #06070c, #020307) !important;
  border-bottom: 1px solid rgba(245,199,107,.16) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.50) !important;
}

.broadcast-live {
  background: linear-gradient(180deg, var(--final-gold), var(--final-gold-deep)) !important;
  color: #111 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.broadcast-title {
  color: rgba(244,245,248,.90) !important;
}

.broadcast-right {
  color: rgba(245,199,107,.78) !important;
}

.broadcast-ticker {
  top: 44px !important;
  background: #010205 !important;
  border-bottom: 1px solid rgba(245,199,107,.12) !important;
}

.ticker-label {
  background: linear-gradient(180deg, var(--final-gold), var(--final-gold-deep)) !important;
  color: #111 !important;
}

/* ===== Hero ===== */

.hero {
  padding-top: 34px !important;
  padding-bottom: 28px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.085), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent),
    #030409 !important;
  border-bottom: 1px solid rgba(245,199,107,.10) !important;
}

.logo,
.logo.logo-lockup {
  width: min(600px, 78vw) !important;
  max-height: 156px !important;
  filter:
    drop-shadow(0 28px 60px rgba(0,0,0,.70))
    drop-shadow(0 0 18px rgba(245,199,107,.10)) !important;
}

.league-mark {
  opacity: .90 !important;
  filter:
    drop-shadow(0 12px 26px rgba(0,0,0,.55))
    drop-shadow(0 0 10px rgba(245,199,107,.08)) !important;
}

.league-mark-wrap::before,
.league-mark-wrap::after {
  background: linear-gradient(90deg, transparent, rgba(245,199,107,.42)) !important;
}

.league-mark-wrap::after {
  background: linear-gradient(90deg, rgba(245,199,107,.42), transparent) !important;
}

.eyebrow {
  color: var(--final-gold) !important;
}

.sub,
.hero-sub {
  color: rgba(220,224,238,.72) !important;
}

.hero-chips span,
.hero-chips button {
  background:
    linear-gradient(180deg, rgba(245,199,107,.10), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(245,199,107,.22) !important;
  color: rgba(244,245,248,.90) !important;
}

/* ===== Layout / panels ===== */

main {
  max-width: 1060px !important;
  width: min(1060px, calc(100vw - 44px)) !important;
  margin: 0 auto !important;
  padding-top: 24px !important;
}

.panel {
  border-radius: 30px !important;
  padding: 22px !important;
  margin: 22px auto !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    var(--final-panel) !important;
  border: 1px solid rgba(245,199,107,.105) !important;
  box-shadow:
    0 34px 110px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.panel::before {
  height: 2px !important;
  margin: -22px -22px 18px !important;
  background:
    linear-gradient(90deg, transparent, rgba(213,31,53,.55), rgba(245,199,107,.78), rgba(20,87,183,.55), transparent) !important;
  opacity: .88 !important;
}

.section-head {
  border-bottom: 1px solid rgba(245,199,107,.10) !important;
  padding-bottom: 14px !important;
  margin-bottom: 18px !important;
}

.section-head h2 {
  color: var(--final-white) !important;
  font-size: clamp(28px, 3.2vw, 40px) !important;
  line-height: .95 !important;
}

.section-head h2::before {
  display: none !important;
  content: none !important;
}

.section-head p,
.meta,
.formula-card p,
.formula-note,
.recap-note,
.db-note {
  color: rgba(168,175,191,.78) !important;
}

/* ===== Recap strip ===== */

.broadcast-recap {
  max-width: 1060px !important;
  width: min(1060px, calc(100vw - 44px)) !important;
  margin: 18px auto 4px !important;
  gap: 12px !important;
}

.recap-card,
.db-stat {
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.014)),
    var(--final-card) !important;
  border: 1px solid rgba(245,199,107,.105) !important;
  border-radius: 18px !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.recap-label,
.db-label {
  color: var(--final-gold) !important;
}

.recap-value,
.db-value {
  color: var(--final-white) !important;
}

/* ===== AI-LegacyScore section surrounding polish ===== */
/* Do not overrule the glass button animation too heavily. */

.formula-panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(4,5,9,.94) !important;
  border: 1px solid rgba(245,199,107,.12) !important;
  overflow: hidden !important;
}

.formula-box {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.formula-box::before {
  display: none !important;
  content: none !important;
}

/* Big glass button stays the star */
.formula-main {
  border-color: rgba(245,199,107,.30) !important;
}

/* Criteria cards below button */
.formula-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

.formula-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
    #07080d !important;
  border: 1px solid rgba(245,199,107,.10) !important;
  box-shadow:
    0 14px 40px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.formula-label {
  color: var(--final-gold) !important;
}

.formula-value {
  color: #fff !important;
}

.formula-detail-hint {
  border-color: rgba(245,199,107,.22) !important;
  color: rgba(245,199,107,.94) !important;
  background: rgba(245,199,107,.065) !important;
}

.formula-card.expanded .formula-detail-hint {
  color: #111 !important;
  background: linear-gradient(180deg, var(--final-gold), var(--final-gold-deep)) !important;
}

/* ===== Top 15 / induction cards ===== */

#top15 {
  max-width: 980px !important;
}

.legacy-spotlight,
.spotlight-card,
#top15 .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
    var(--final-card) !important;
  border: 1px solid rgba(245,199,107,.105) !important;
  box-shadow:
    0 24px 80px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#top15 .card:nth-child(1),
#top15 .card:nth-child(2),
#top15 .card:nth-child(3),
.spotlight-rank-1 {
  background:
    radial-gradient(circle at 0% 0%, rgba(245,199,107,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.014)),
    #07080d !important;
  border-color: rgba(245,199,107,.20) !important;
}

#top15 .mobile-card-score strong,
.spotlight-score {
  color: var(--final-gold) !important;
}

.pill,
.honor-chip,
.spotlight-mini span {
  background: rgba(0,0,0,.28) !important;
  border-color: rgba(245,199,107,.12) !important;
  color: rgba(244,245,248,.88) !important;
}

/* ===== Stat Vault ===== */

#database {
  max-width: 1060px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(4,5,9,.94) !important;
}

.database-chips {
  gap: 7px !important;
}

.db-chip {
  background: #07080d !important;
  border-color: rgba(245,199,107,.16) !important;
  color: rgba(244,245,248,.88) !important;
}

.db-chip.active,
.db-chip:hover {
  background: linear-gradient(180deg, var(--final-gold), var(--final-gold-deep)) !important;
  color: #111 !important;
}

#database .table-wrap {
  background: #030409 !important;
  border: 1px solid rgba(245,199,107,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 24px 80px rgba(0,0,0,.35) !important;
}

.search-box {
  background: #080910 !important;
  border-color: rgba(245,199,107,.15) !important;
  color: var(--final-white) !important;
}

#playersTable th {
  background: linear-gradient(180deg, #0b0d13, #030409) !important;
  color: var(--final-gold) !important;
  border-bottom: 2px solid rgba(245,199,107,.24) !important;
}

#playersTable td {
  background: #05060a !important;
  color: rgba(244,245,248,.86) !important;
}

#playersTable tbody tr:nth-child(even) td {
  background: #080910 !important;
}

#playersTable tbody tr:hover td {
  background: rgba(245,199,107,.075) !important;
}

#playersTable td[data-col="Player"] {
  background: #05060a !important;
}

#playersTable td[data-col="SCSL15_score"] {
  background: #080705 !important;
  color: var(--final-gold) !important;
}

/* ===== Mobile refinements ===== */

@media (max-width: 760px) {
  .broadcast-bar {
    height: 40px !important;
  }

  .broadcast-ticker {
    top: 40px !important;
  }

  .mobile-jump-nav {
    top: 71px !important;
    background: rgba(2,3,7,.96) !important;
    border-bottom-color: rgba(245,199,107,.12) !important;
  }

  .mobile-jump-nav a {
    background: #07080d !important;
    border-color: rgba(245,199,107,.18) !important;
  }

  .hero {
    padding: 24px 12px 20px !important;
  }

  .league-mark {
    width: 44px !important;
  }

  main {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .broadcast-recap {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .panel {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .panel::before {
    margin: -16px -16px 16px !important;
  }

  /* AI engine details compact when opened */
  .formula-grid {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .formula-card.formula-detail-card {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    padding: 10px !important;
    border-radius: 15px !important;
  }

  .formula-card.formula-detail-card::after {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
  }

  .formula-card.formula-detail-card .formula-value {
    font-size: 14px !important;
  }

  .formula-detail-hint {
    font-size: 9px !important;
    padding: 4px 7px !important;
  }
}

/* accessibility */
@media (prefers-reduced-motion: reduce) {
  .formula-main::before,
  .ticker-track {
    animation: none !important;
  }
}




/* ===== assets/lb-database-cleanup.css ===== */

/* ===== LB DATABASE OVERLAP CLEANUP ===== */

/* Season column should not smash text into neighboring cells */
#playersTable th[data-key="Season"],
#playersTable td[data-col="Season"] {
  min-width: 88px !important;
  max-width: 96px !important;
  width: 90px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* LB row should stay readable */
#playersTable tr.lb-legend-row td {
  vertical-align: middle !important;
}

#playersTable tr.lb-legend-row td[data-col="Season"] {
  color: #f5c76b !important;
  font-weight: 900 !important;
  background: #080705 !important;
}

/* Honors can wrap normally instead of visually colliding */
#playersTable tr.lb-legend-row td[data-col="Honors"] {
  white-space: normal !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

/* Mobile gets a little more breathing room for Season */
@media (max-width: 760px) {
  #playersTable th[data-key="Season"],
  #playersTable td[data-col="Season"] {
    min-width: 84px !important;
    max-width: 90px !important;
    width: 86px !important;
  }
}




/* ===== assets/hero-chip-polish.css ===== */

/* ===== HERO CHIPS: LABELS VS BUTTON ===== */

/* Non-clickable hero labels */
.hero-chips span {
  cursor: default !important;
  pointer-events: none !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(245,199,107,.16) !important;
  color: rgba(220,224,238,.72) !important;
  box-shadow: none !important;
  opacity: .92;
}

/* Actual clickable music button */
.hero-chips button,
.music-btn {
  cursor: pointer !important;
  border: 1px solid rgba(245,199,107,.42) !important;
  background:
    linear-gradient(180deg, rgba(245,199,107,.18), rgba(255,255,255,.055)) !important;
  color: rgba(247,247,251,.95) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.hero-chips button:hover,
.music-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(245,199,107,.65) !important;
  background:
    linear-gradient(180deg, rgba(245,199,107,.28), rgba(255,255,255,.07)) !important;
}

.music-btn.playing {
  color: #111 !important;
  background: linear-gradient(180deg, #f5c76b, #b9892f) !important;
}




/* ===== assets/hero-chip-final-fix.css ===== */

/* ===== HERO CHIPS FINAL FIX ===== */
/* Metadata should look like labels. Only music should look like a button. */

.hero-chips {
  gap: 14px !important;
  align-items: center !important;
}

.hero-chips span {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  cursor: default !important;
  pointer-events: none !important;

  color: rgba(168,175,191,.82) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

.hero-chips span:not(:first-child)::before {
  content: "•";
  color: rgba(245,199,107,.55);
  margin-right: 14px;
}

/* Only Legacy Music should read as a clickable button */
.hero-chips button,
.music-btn {
  border-radius: 999px !important;
  padding: 9px 14px !important;
  border: 1px solid rgba(245,199,107,.45) !important;
  background:
    linear-gradient(180deg, rgba(245,199,107,.18), rgba(255,255,255,.055)) !important;
  color: rgba(247,247,251,.95) !important;
  cursor: pointer !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

@media (max-width: 760px) {
  .hero-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 12px !important;
  }

  .hero-chips span {
    font-size: 10.5px !important;
  }

  .hero-chips span:not(:first-child)::before {
    margin-right: 10px;
  }

  .hero-chips button,
  .music-btn {
    margin-top: 2px !important;
  }
}




/* ===== assets/original-broadcast-fixed.css ===== */

/* ===== ORIGINAL BROADCAST STRIP FIXED ===== */
/* Uses the real ticker strip, not a clone, so the ticker animation does not reset */

.scsl-broadcast-fixed-spacer {
  display: none;
  height: var(--scsl-broadcast-height, 44px);
}

body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-spacer {
  display: block;
}

.scsl-broadcast-fixed-target.scsl-broadcast-is-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  z-index: 2147483647 !important;
  margin: 0 !important;

  box-shadow: 0 14px 38px rgba(0,0,0,.48) !important;
  border-bottom: 1px solid rgba(245,199,107,.24) !important;
  backdrop-filter: blur(20px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
}

section,
[id] {
  scroll-margin-top: 95px !important;
}




/* ===== assets/top15-team-display.css ===== */

/* ===== TOP 15 TEAM COLOR ACCENTS — PREMIUM SPLIT TEAM VERSION ===== */

[data-scsl-team-theme] {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-color: rgba(var(--scsl-team-rgb), .34) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.44),
    0 0 0 1px rgba(var(--scsl-team-rgb), .13),
    0 0 24px rgba(var(--scsl-team-rgb), .12),
    inset 0 1px 0 rgba(255,255,255,.07) !important;

  animation: scslTeamCardBreath 4.8s ease-in-out infinite !important;
}

[data-scsl-team-theme] > *:not(.top15-team-wash) {
  position: relative !important;
  z-index: 2 !important;
}

.top15-team-wash {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  background:
    radial-gradient(circle at 88% 0%, rgba(var(--scsl-team-rgb), .28), transparent 35%),
    radial-gradient(circle at 0% 14%, rgba(var(--scsl-team-rgb2), .18), transparent 34%),
    linear-gradient(135deg, rgba(var(--scsl-team-rgb), .08), transparent 46%) !important;

  opacity: .86 !important;
  animation: scslTeamGlowDrift 6.5s ease-in-out infinite alternate !important;
}

/* Multi-team cards: true left/right split aura */
[data-scsl-split-team="true"] .top15-team-wash {
  background:
    linear-gradient(
      90deg,
      rgba(var(--scsl-team1-rgb), .20) 0%,
      rgba(var(--scsl-team1-rgb), .105) 44%,
      rgba(245,199,107,.055) 50%,
      rgba(var(--scsl-team2-rgb), .105) 56%,
      rgba(var(--scsl-team2-rgb), .20) 100%
    ),
    radial-gradient(circle at 12% 5%, rgba(var(--scsl-team1-rgb), .34), transparent 34%),
    radial-gradient(circle at 88% 5%, rgba(var(--scsl-team2-rgb), .34), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 52%) !important;
}

/* Animated top accent line */
[data-scsl-team-theme]::after {
  content: "" !important;
  position: absolute !important;
  left: -35% !important;
  right: -35% !important;
  top: 0 !important;
  height: 3px !important;
  z-index: 3 !important;
  pointer-events: none !important;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--scsl-team-rgb), .18),
    var(--scsl-team-primary),
    var(--scsl-team-secondary),
    rgba(var(--scsl-team-rgb), .18),
    transparent
  ) !important;

  opacity: .95 !important;
  animation: scslTeamLightSweep 4.2s ease-in-out infinite !important;
}

/* Multi-team top line: hard split */
[data-scsl-split-team="true"]::after {
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(
    90deg,
    var(--scsl-team1-primary) 0%,
    var(--scsl-team1-primary) 47%,
    rgba(245,199,107,.92) 50%,
    var(--scsl-team2-primary) 53%,
    var(--scsl-team2-primary) 100%
  ) !important;
  animation: scslSplitLinePulse 3.8s ease-in-out infinite !important;
}

/* premium animated edge glow */
[data-scsl-team-theme]::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;

  background:
    linear-gradient(120deg,
      transparent 0%,
      rgba(var(--scsl-team-rgb), .00) 28%,
      rgba(var(--scsl-team-rgb), .18) 46%,
      rgba(var(--scsl-team-rgb2), .16) 54%,
      rgba(var(--scsl-team-rgb), .00) 72%,
      transparent 100%
    ) !important;

  opacity: .52 !important;
  mix-blend-mode: screen !important;
  animation: scslTeamAuraSweep 7s ease-in-out infinite !important;
}

/* Multi-team moving glow sweeps across both halves */
[data-scsl-split-team="true"]::before {
  background:
    linear-gradient(100deg,
      transparent 0%,
      rgba(var(--scsl-team1-rgb), .00) 26%,
      rgba(var(--scsl-team1-rgb), .22) 38%,
      rgba(245,199,107,.13) 50%,
      rgba(var(--scsl-team2-rgb), .22) 62%,
      rgba(var(--scsl-team2-rgb), .00) 74%,
      transparent 100%
    ) !important;
}

/* Clean team line */
.top15-team-line {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;

  margin: 2px 0 12px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 750 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}

.top15-team-line::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  border-radius: 999px !important;

  background: linear-gradient(135deg, var(--scsl-team1-primary, var(--scsl-team-primary)), var(--scsl-team2-primary, var(--scsl-team-secondary))) !important;
  box-shadow:
    0 0 10px rgba(var(--scsl-team-rgb), .65),
    0 0 20px rgba(var(--scsl-team-rgb2), .32) !important;

  animation: scslTeamDotPulse 2.8s ease-in-out infinite !important;
}

.top15-team-label,
.top15-team-line span {
  color: rgba(245,199,107,.62) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;

  margin: 0 1px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Team names are colored, not the word TEAM */
.top15-team-name {
  color: var(--scsl-team-primary) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;

  text-shadow:
    0 0 10px rgba(var(--scsl-team-rgb), .42),
    0 0 22px rgba(var(--scsl-team-rgb), .18) !important;
}

.top15-team-name.team-1 {
  color: var(--scsl-team1-primary, var(--scsl-team-primary)) !important;
  text-shadow:
    0 0 10px rgba(var(--scsl-team1-rgb), .44),
    0 0 22px rgba(var(--scsl-team1-rgb), .18) !important;
}

.top15-team-name.team-2 {
  color: var(--scsl-team2-primary, var(--scsl-team-secondary)) !important;
  text-shadow:
    0 0 10px rgba(var(--scsl-team2-rgb), .44),
    0 0 22px rgba(var(--scsl-team2-rgb), .18) !important;
}

.top15-team-sep {
  color: rgba(245,199,107,.62) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  margin: 0 -2px !important;
}

.top15-team-line::after {
  content: none !important;
  display: none !important;
}

@keyframes scslTeamCardBreath {
  0%, 100% {
    box-shadow:
      0 18px 48px rgba(0,0,0,.44),
      0 0 0 1px rgba(var(--scsl-team-rgb), .12),
      0 0 22px rgba(var(--scsl-team-rgb), .11),
      inset 0 1px 0 rgba(255,255,255,.07);
  }
  50% {
    box-shadow:
      0 20px 54px rgba(0,0,0,.48),
      0 0 0 1px rgba(var(--scsl-team-rgb), .24),
      0 0 36px rgba(var(--scsl-team-rgb), .20),
      inset 0 1px 0 rgba(255,255,255,.09);
  }
}

@keyframes scslTeamGlowDrift {
  0% {
    opacity: .70;
    transform: translate3d(-1.5%, -1%, 0) scale(1);
  }
  100% {
    opacity: .98;
    transform: translate3d(1.5%, 1%, 0) scale(1.035);
  }
}

@keyframes scslTeamLightSweep {
  0%, 100% {
    transform: translateX(-18%);
    opacity: .62;
  }
  50% {
    transform: translateX(18%);
    opacity: 1;
  }
}

@keyframes scslSplitLinePulse {
  0%, 100% {
    opacity: .70;
    filter: brightness(1);
  }
  50% {
    opacity: 1;
    filter: brightness(1.22);
  }
}

@keyframes scslTeamAuraSweep {
  0%, 45% {
    transform: translateX(-42%);
    opacity: .18;
  }
  58% {
    opacity: .55;
  }
  100% {
    transform: translateX(42%);
    opacity: .20;
  }
}

@keyframes scslTeamDotPulse {
  0%, 100% {
    transform: scale(1);
    opacity: .82;
  }
  50% {
    transform: scale(1.28);
    opacity: 1;
  }
}

@media (max-width: 760px) {
  .top15-team-line {
    font-size: 10px !important;
    margin: 1px 0 10px !important;
    gap: 7px !important;
  }

  .top15-team-label,
  .top15-team-line span {
    font-size: 8.5px !important;
  }

  .top15-team-name {
    font-size: 10px !important;
  }
}

/* ===== TOP 15 TEAM LABEL POLISH ===== */
/* Makes TEAM / TEAMS line feel designed instead of like loose text */

.top15-team-line {
  width: fit-content !important;
  max-width: 100% !important;

  margin: 7px 0 14px !important;
  padding: 5px 8px !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;

  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
  border: 1px solid rgba(245,199,107,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 8px 22px rgba(0,0,0,.16) !important;
}

/* Smaller, cleaner status dot */
.top15-team-line::before {
  width: 4px !important;
  height: 4px !important;
  flex: 0 0 4px !important;
  opacity: .95 !important;
}

/* TEAM / TEAMS should be subtle, not the main attraction */
.top15-team-label,
.top15-team-line span {
  color: rgba(245,199,107,.68) !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  margin-right: 1px !important;
}

/* Actual team names become premium micro-tags */
.top15-team-name {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;

  padding: 3px 7px 3px !important;
  border-radius: 999px !important;

  font-size: 9.5px !important;
  font-weight: 950 !important;
  letter-spacing: .045em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  border: 1px solid currentColor !important;
  box-shadow:
    0 0 14px rgba(var(--scsl-team-rgb), .16),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Make each team use its own side of the split */
.top15-team-name.team-1 {
  color: var(--scsl-team1-primary, var(--scsl-team-primary)) !important;
  background:
    linear-gradient(180deg, rgba(var(--scsl-team1-rgb), .16), rgba(255,255,255,.025)) !important;
  text-shadow:
    0 0 10px rgba(var(--scsl-team1-rgb), .45),
    0 0 20px rgba(var(--scsl-team1-rgb), .18) !important;
}

.top15-team-name.team-2 {
  color: var(--scsl-team2-primary, var(--scsl-team-secondary)) !important;
  background:
    linear-gradient(180deg, rgba(var(--scsl-team2-rgb), .16), rgba(255,255,255,.025)) !important;
  text-shadow:
    0 0 10px rgba(var(--scsl-team2-rgb), .45),
    0 0 20px rgba(var(--scsl-team2-rgb), .18) !important;
}

/* Separator should feel intentional */
.top15-team-sep {
  color: rgba(245,199,107,.42) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  margin: 0 -2px !important;
  transform: translateY(-.5px);
}

@media (max-width: 760px) {
  .top15-team-line {
    margin: 6px 0 12px !important;
    padding: 5px 7px !important;
    gap: 6px !important;
  }

  .top15-team-label,
  .top15-team-line span {
    font-size: 7.5px !important;
  }

  .top15-team-name {
    font-size: 8.75px !important;
    padding: 3px 6px !important;
  }
}




/* ===== assets/universal-button-glass.css ===== */

/* ===== UNIVERSAL BUTTON GLASS EFFECT ===== */
/* Real buttons get glass. AI formula cards are excluded because their ::after is the icon. */

:where(
  button,
  [role="button"]:not(.formula-main):not(.formula-card),
  a.btn,
  a.button,
  .music-btn,
  .filter-btn,
  .jump-nav a,
  .mobile-jump a,
  .mobile-jump-nav a,
  .top15-toggle,
  .expand-toggle,
  .card-toggle,
  .view-toggle-btn,
  .db-chip
):not(.formula-main):not(.formula-card) {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border: 1px solid rgba(245,199,107,.34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.035) 42%, rgba(0,0,0,.18)),
    linear-gradient(135deg, rgba(245,199,107,.18), rgba(255,255,255,.035)) !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(245,199,107,.10) !important;

  backdrop-filter: blur(16px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.25) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease !important;
}

:where(
  button,
  [role="button"]:not(.formula-main):not(.formula-card),
  a.btn,
  a.button,
  .music-btn,
  .filter-btn,
  .jump-nav a,
  .mobile-jump a,
  .mobile-jump-nav a,
  .top15-toggle,
  .expand-toggle,
  .card-toggle,
  .view-toggle-btn,
  .db-chip
):not(.formula-main):not(.formula-card)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.055) 32%, transparent 58%),
    linear-gradient(90deg, transparent, rgba(245,199,107,.10), transparent) !important;

  opacity: .78 !important;
}

:where(
  button,
  [role="button"]:not(.formula-main):not(.formula-card),
  a.btn,
  a.button,
  .music-btn,
  .filter-btn,
  .jump-nav a,
  .mobile-jump a,
  .mobile-jump-nav a,
  .top15-toggle,
  .expand-toggle,
  .card-toggle,
  .view-toggle-btn,
  .db-chip
):not(.formula-main):not(.formula-card)::after {
  content: "" !important;
  position: absolute !important;
  top: -60% !important;
  bottom: -60% !important;
  left: -42% !important;
  width: 26% !important;
  z-index: 2 !important;
  pointer-events: none !important;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.22),
    rgba(245,199,107,.20),
    transparent
  ) !important;

  transform: skewX(-22deg);
  animation: scslButtonGlassGlint 5.8s ease-in-out infinite;
  opacity: 0;
}

:where(
  button,
  [role="button"]:not(.formula-main):not(.formula-card),
  a.btn,
  a.button,
  .music-btn,
  .filter-btn,
  .jump-nav a,
  .mobile-jump a,
  .mobile-jump-nav a,
  .top15-toggle,
  .expand-toggle,
  .card-toggle,
  .view-toggle-btn,
  .db-chip
):not(.formula-main):not(.formula-card) > * {
  position: relative !important;
  z-index: 3 !important;
}

:where(
  button,
  [role="button"]:not(.formula-main):not(.formula-card),
  a.btn,
  a.button,
  .music-btn,
  .filter-btn,
  .jump-nav a,
  .mobile-jump a,
  .mobile-jump-nav a,
  .top15-toggle,
  .expand-toggle,
  .card-toggle,
  .view-toggle-btn,
  .db-chip
):not(.formula-main):not(.formula-card):hover {
  transform: translateY(-1px);
  border-color: rgba(245,199,107,.58) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    0 0 22px rgba(245,199,107,.13),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(245,199,107,.15) !important;
}

:where(
  button.active,
  button.is-active,
  .active,
  .is-active,
  [aria-selected="true"],
  [aria-pressed="true"]
):not(.formula-main):not(.formula-card) {
  border-color: rgba(245,199,107,.68) !important;
  background:
    linear-gradient(180deg, rgba(245,199,107,.92), rgba(185,137,47,.86)) !important;
  color: #111 !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.32),
    0 0 24px rgba(245,199,107,.20),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

@keyframes scslButtonGlassGlint {
  0%, 38% {
    transform: translateX(0) skewX(-22deg);
    opacity: 0;
  }
  48% {
    opacity: .9;
  }
  68%, 100% {
    transform: translateX(620%) skewX(-22deg);
    opacity: 0;
  }
}




/* ===== assets/desktop-team-placement-final.css ===== */

/* ===== DESKTOP TEAM PLACEMENT FINAL — NO STACKING ===== */

@media (min-width: 761px) {
  #top15Grid .card .top15-team-line {
    position: relative !important;
    z-index: 8 !important;

    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;

    width: auto !important;
    max-width: none !important;

    margin: 5px 0 9px 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #top15Grid .card .top15-team-line::before {
    content: "" !important;
    width: 4px !important;
    height: 4px !important;
    flex: 0 0 4px !important;
    border-radius: 999px !important;

    background: linear-gradient(
      135deg,
      var(--scsl-team1-primary, var(--scsl-team-primary)),
      var(--scsl-team2-primary, var(--scsl-team-secondary))
    ) !important;

    box-shadow:
      0 0 8px rgba(var(--scsl-team-rgb), .42),
      0 0 14px rgba(var(--scsl-team-rgb2), .20) !important;
  }

  #top15Grid .card .top15-team-label,
  #top15Grid .card .top15-team-line span {
    display: inline-block !important;
    color: rgba(245,199,107,.64) !important;
    font-size: 7.5px !important;
    font-weight: 950 !important;
    letter-spacing: .13em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    margin-right: 2px !important;
    white-space: nowrap !important;
  }

  #top15Grid .card .top15-team-name {
    display: inline-block !important;

    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-size: 8px !important;
    font-weight: 950 !important;
    letter-spacing: .055em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  #top15Grid .card .top15-team-name.team-1 {
    color: var(--scsl-team1-primary, var(--scsl-team-primary)) !important;
    text-shadow: 0 0 10px rgba(var(--scsl-team1-rgb), .32) !important;
  }

  #top15Grid .card .top15-team-name.team-2 {
    color: var(--scsl-team2-primary, var(--scsl-team-secondary)) !important;
    text-shadow: 0 0 10px rgba(var(--scsl-team2-rgb), .32) !important;
  }

  #top15Grid .card .top15-team-sep {
    display: inline-block !important;
    color: rgba(245,199,107,.38) !important;
    font-size: 8px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    margin: 0 -1px !important;
    white-space: nowrap !important;
  }
}




/* ===== assets/mobile-top15-card-final.css ===== */

/* ===== MOBILE TOP 15 CARD FINAL POLISH ===== */

@media (max-width: 760px) {
  #top15Grid .card {
    position: relative !important;
    display: grid !important;

    grid-template-columns: 74px minmax(0, 1fr) 82px !important;
    grid-template-rows: auto auto auto auto !important;
    column-gap: 10px !important;
    row-gap: 9px !important;

    padding: 24px 18px 18px !important;
    min-height: 0 !important;
  }

  #top15Grid .card .rank {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    position: relative !important;
    inset: auto !important;
    transform: none !important;

    align-self: start !important;
    justify-self: center !important;

    margin: 2px 0 0 !important;
    z-index: 5 !important;
  }

  #top15Grid .card .player {
    grid-column: 2 !important;
    grid-row: 1 !important;

    position: relative !important;
    inset: auto !important;
    transform: none !important;

    align-self: end !important;
    justify-self: stretch !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    font-size: clamp(25px, 7vw, 34px) !important;
    line-height: 1.02 !important;
    letter-spacing: .045em !important;

    z-index: 5 !important;
  }

  #top15Grid .card .mobile-card-score {
    grid-column: 3 !important;
    grid-row: 1 !important;

    position: relative !important;
    inset: auto !important;
    transform: none !important;

    align-self: start !important;
    justify-self: end !important;

    margin: 0 !important;
    text-align: right !important;
    z-index: 5 !important;
  }

  #top15Grid .card .quick-stats,
  #top15Grid .card .stats,
  #top15Grid .card .pills,
  #top15Grid .card .mobile-stats {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;

    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    z-index: 5 !important;
  }

  #top15Grid .card .top15-toggle,
  #top15Grid .card .expand-toggle,
  #top15Grid .card .card-toggle {
    grid-column: 1 / 4 !important;
    grid-row: 3 !important;

    margin: 5px 0 0 !important;
    min-height: 46px !important;
    z-index: 5 !important;
  }

  #top15Grid .card .top15-team-line {
    grid-column: 2 / 4 !important;
    grid-row: 4 !important;

    width: auto !important;
    max-width: 100% !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-self: start !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;

    margin: -1px 0 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    z-index: 5 !important;
  }

  #top15Grid .card .top15-team-line::before {
    width: 4px !important;
    height: 4px !important;
    flex: 0 0 4px !important;
  }

  #top15Grid .card .top15-team-label,
  #top15Grid .card .top15-team-line span {
    font-size: 7px !important;
    letter-spacing: .13em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  #top15Grid .card .top15-team-name {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 8px !important;
    font-weight: 950 !important;
    letter-spacing: .055em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  #top15Grid .card .top15-team-sep {
    font-size: 8px !important;
    margin: 0 -1px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 390px) {
  #top15Grid .card {
    grid-template-columns: 68px minmax(0, 1fr) 76px !important;
    column-gap: 8px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #top15Grid .card .player {
    font-size: clamp(22px, 6.5vw, 30px) !important;
  }

  #top15Grid .card .top15-team-name {
    font-size: 7.5px !important;
  }
}

/* ===== MOBILE TOP 15 LEFT ALIGNMENT TUNE ===== */
/* Pulls player name, stats, and team row left so cards feel less centered. */

@media (max-width: 760px) {
  #top15Grid .card {
    grid-template-columns: 58px minmax(0, 1fr) 78px !important;
    column-gap: 10px !important;
  }

  #top15Grid .card .rank {
    justify-self: start !important;
    margin-left: 2px !important;
  }

  #top15Grid .card .player {
    grid-column: 2 / 3 !important;
    justify-self: start !important;
    text-align: left !important;
    max-width: 100% !important;
  }

  #top15Grid .card .quick-stats,
  #top15Grid .card .stats,
  #top15Grid .card .pills,
  #top15Grid .card .mobile-stats {
    grid-column: 2 / 4 !important;
    justify-content: flex-start !important;
    padding-left: 0 !important;
  }

  #top15Grid .card .top15-team-line {
    grid-column: 2 / 4 !important;
    justify-self: start !important;
    margin-left: 0 !important;
  }

  #top15Grid .card .mobile-card-score {
    justify-self: end !important;
  }
}

@media (max-width: 390px) {
  #top15Grid .card {
    grid-template-columns: 54px minmax(0, 1fr) 74px !important;
    column-gap: 9px !important;
  }
}




/* ===== assets/no-icon-motion-final.css ===== */

/* ===== AI ENGINE ICON LOCK ===== */
/* Icons stay still. Glass animations around them can still move. */

/* Big AI-LegacyScore shield icon */
#formula .formula-main::after,
.formula-panel .formula-main::after {
  content: "" !important;
  position: absolute !important;
  left: 34px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 112px !important;
  height: 112px !important;
  z-index: 4 !important;

  background: url("ai-legacyscore-shield-gold-match.png") center / contain no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 0 18px rgba(245,199,107,.26))
    drop-shadow(0 16px 28px rgba(0,0,0,.38)) !important;

  animation: none !important;
}

/* Formula card icons */
#formula .formula-card.formula-detail-card::after,
.formula-panel .formula-card.formula-detail-card::after,
#formula .formula-card::after,
.formula-panel .formula-card::after {
  content: "" !important;
  grid-area: icon !important;
  position: static !important;

  display: block !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  margin: 0 !important;

  border-radius: 15px !important;
  border: 1px solid rgba(245,199,107,.34) !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px, auto !important;
  background-color: rgba(0,0,0,.24) !important;

  box-shadow:
    0 0 18px rgba(245,199,107,.12),
    0 10px 24px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.13) !important;

  animation: none !important;
  transform: none !important;
}

#formula .formula-card:nth-child(1)::after,
.formula-panel .formula-card:nth-child(1)::after {
  background-image: url("icons/impact.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

#formula .formula-card:nth-child(2)::after,
.formula-panel .formula-card:nth-child(2)::after {
  background-image: url("icons/longevity.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

#formula .formula-card:nth-child(3)::after,
.formula-panel .formula-card:nth-child(3)::after {
  background-image: url("icons/award.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

#formula .formula-card:nth-child(4)::after,
.formula-panel .formula-card:nth-child(4)::after {
  background-image: url("icons/legacy.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

#formula .formula-card:nth-child(5)::after,
.formula-panel .formula-card:nth-child(5)::after {
  background-image: url("icons/eligibility.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

#formula .formula-card:nth-child(6)::after,
.formula-panel .formula-card:nth-child(6)::after {
  background-image: url("icons/ranking.svg"), linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

/* Let glass reflection live on ::before for the big AI button only */
#formula .formula-main::before,
.formula-panel .formula-main::before {
  animation: bigGlassButtonDrift 5.8s cubic-bezier(.45,0,.2,1) infinite alternate !important;
}

/* Mobile sizes */
@media (max-width: 760px) {
  #formula .formula-main::after,
  .formula-panel .formula-main::after {
    left: 18px !important;
    width: 72px !important;
    height: 72px !important;
  }

  #formula .formula-card.formula-detail-card::after,
  .formula-panel .formula-card.formula-detail-card::after,
  #formula .formula-card::after,
  .formula-panel .formula-card::after {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 14px !important;
    background-size: 23px 23px, auto !important;
  }
}




/* ===== assets/final-interaction-polish.css ===== */

/* ===== FINAL INTERACTION POLISH ===== */
/* Actual active classes: .mobile-expand-hint, .music-btn, #top15Grid .rank */

/* Tap For More box: premium glass reflection */
@media (max-width: 760px) {
  #top15 .mobile-expand-hint {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    border: 1px solid rgba(245,199,107,.36) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.035) 45%, rgba(0,0,0,.18)),
      linear-gradient(135deg, rgba(245,199,107,.20), rgba(255,255,255,.04)) !important;

    box-shadow:
      0 10px 24px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.18),
      inset 0 -1px 0 rgba(245,199,107,.12) !important;

    backdrop-filter: blur(16px) saturate(1.22) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.22) !important;
  }

  #top15 .mobile-expand-hint::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.23), rgba(255,255,255,.06) 34%, transparent 60%),
      linear-gradient(90deg, transparent, rgba(245,199,107,.10), transparent) !important;

    opacity: .78 !important;
  }

  #top15 .mobile-expand-hint::after {
    content: "" !important;
    position: absolute !important;
    top: -65% !important;
    bottom: -65% !important;
    left: -42% !important;
    width: 28% !important;
    z-index: 2 !important;
    pointer-events: none !important;

    background: linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.24),
      rgba(245,199,107,.20),
      transparent
    ) !important;

    transform: skewX(-22deg);
    animation: scslFinalGlassSweep 6.2s ease-in-out infinite !important;
    opacity: 0;
  }

  #top15 .mobile-expand-hint > * {
    position: relative !important;
    z-index: 3 !important;
  }

  #top15 .card.expanded .mobile-expand-hint {
    color: rgba(255,255,255,.94) !important;
    background:
      linear-gradient(180deg, rgba(245,199,107,.28), rgba(185,137,47,.18)),
      linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.035)) !important;
    border-color: rgba(245,199,107,.58) !important;
  }

  #top15 .card.expanded .hint-arrow {
    color: rgba(255,255,255,.94) !important;
    background: rgba(0,0,0,.22) !important;
  }
}

/* Legacy Music button color fix */
#musicToggle.music-btn,
.music-btn {
  color: rgba(255,255,255,.95) !important;
  text-shadow:
    0 0 10px rgba(245,199,107,.20),
    0 8px 18px rgba(0,0,0,.35) !important;

  border-color: rgba(245,199,107,.45) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.035) 42%, rgba(0,0,0,.22)),
    linear-gradient(135deg, rgba(245,199,107,.20), rgba(255,255,255,.04)) !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.30),
    0 0 20px rgba(245,199,107,.10),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(245,199,107,.12) !important;
}

#musicToggle.music-btn.playing,
.music-btn.playing {
  color: #fff !important;
  border-color: rgba(245,199,107,.72) !important;
  background:
    linear-gradient(180deg, rgba(245,199,107,.34), rgba(185,137,47,.18)),
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.035)) !important;

  box-shadow:
    0 12px 32px rgba(0,0,0,.34),
    0 0 28px rgba(245,199,107,.22),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* #1 / #2 / #3 rank boxes: premium animated medal glow */
#top15Grid .card:nth-child(-n+3) .rank {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  animation: scslMedalBreath 4.8s ease-in-out infinite !important;
}

#top15Grid .card:nth-child(-n+3) .rank::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.08) 42%, transparent 65%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.28), transparent 55%) !important;

  opacity: .72 !important;
}

#top15Grid .card:nth-child(-n+3) .rank::after {
  content: "" !important;
  position: absolute !important;
  top: -70% !important;
  bottom: -70% !important;
  left: -55% !important;
  width: 34% !important;
  z-index: 2 !important;
  pointer-events: none !important;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.38),
    rgba(245,199,107,.26),
    transparent
  ) !important;

  transform: skewX(-22deg);
  animation: scslMedalSweep 5.6s ease-in-out infinite !important;
  opacity: 0;
}

#top15Grid .card:nth-child(-n+3) .rank {
  text-shadow:
    0 1px 0 rgba(255,255,255,.22),
    0 0 12px rgba(255,255,255,.18) !important;
}

/* Different rhythm so 1/2/3 don't sweep at the exact same time */
#top15Grid .card:nth-child(2) .rank::after {
  animation-delay: .75s !important;
}

#top15Grid .card:nth-child(3) .rank::after {
  animation-delay: 1.35s !important;
}

@keyframes scslFinalGlassSweep {
  0%, 38% {
    transform: translateX(0) skewX(-22deg);
    opacity: 0;
  }
  50% {
    opacity: .9;
  }
  72%, 100% {
    transform: translateX(620%) skewX(-22deg);
    opacity: 0;
  }
}

@keyframes scslMedalSweep {
  0%, 42% {
    transform: translateX(0) skewX(-22deg);
    opacity: 0;
  }
  52% {
    opacity: .9;
  }
  76%, 100% {
    transform: translateX(520%) skewX(-22deg);
    opacity: 0;
  }
}

@keyframes scslMedalBreath {
  0%, 100% {
    filter: brightness(1) saturate(1);
  }
  50% {
    filter: brightness(1.12) saturate(1.12);
  }
}




/* ===== assets/final-cleanup-polish.css ===== */

/* ===== FINAL CLEANUP POLISH ===== */

/* Fix intro buttons: universal glass was washing out Enter With Music */
#musicIntro .intro-primary,
#musicIntro .intro-secondary {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  z-index: 5 !important;
  opacity: 1 !important;
}

#musicIntro .intro-primary::before,
#musicIntro .intro-primary::after,
#musicIntro .intro-secondary::before,
#musicIntro .intro-secondary::after {
  display: none !important;
  content: none !important;
}

#musicIntro .intro-primary {
  color: #12100a !important;
  -webkit-text-fill-color: #12100a !important;
  background: linear-gradient(180deg, #ffe28a, #d59b35 58%, #a8721e) !important;
  border: 1px solid rgba(255,235,160,.70) !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.34),
    0 0 28px rgba(245,199,107,.20),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

#musicIntro .intro-secondary {
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

/* Remove unnecessary outer Legacy Report box */
#top15Grid .card .legacy-details {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#top15Grid .card .legacy-details::before,
#top15Grid .card .legacy-details::after {
  display: none !important;
  content: none !important;
}

/* Keep player name glass compact, not a giant bar */
#top15Grid .card .player {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: max-content !important;
  max-width: min(100%, 340px) !important;

  padding: 4px 9px 5px !important;
  border-radius: 11px !important;
}

@media (max-width: 760px) {
  #top15Grid .card .player {
    width: max-content !important;
    max-width: 100% !important;
    padding: 3px 7px 4px !important;
    border-radius: 10px !important;
  }
}




/* ===== assets/font-consistency-final.css ===== */

/* ===== SCSL15 FONT CONSISTENCY FINAL ===== */
/* Final type hierarchy:
   Display: Bebas Neue
   Stats/UI: Rajdhani
   Body: Inter
*/

:root {
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --font-stat: "Rajdhani", "Inter", ui-sans-serif, system-ui, sans-serif;
}

/* Body/readable copy */
body,
p,
.copy,
.subcopy,
.description,
.legacy-copy,
#top15Grid .card p,
#top15Grid .card .legacy-details p,
#top15Grid .card .legacy-summary,
#formula p,
#database p {
  font-family: var(--font-body) !important;
  font-weight: 500;
  letter-spacing: normal;
}

/* Big display titles */
h1,
h2,
h3,
.section-title,
.section-kicker,
.hero-title,
.logo-text,
#top15 h2,
#top15Grid .card .player,
#formula h2,
#database h2,
.stat-vault-title {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: .045em !important;
  line-height: .95 !important;
}

/* Stats / UI / buttons */
button,
[role="button"],
.music-btn,
.mobile-expand-hint,
.filter-btn,
.db-chip,
.pill,
.chip,
.badge,
.rank,
.score,
.mobile-card-score,
.legacy-score,
.ai-score,
.card-score,
.score-row,
.top15-team-line,
.top15-team-name,
.top15-team-label,
.ticker,
.ticker-wrap,
.leader-ticker,
.stat-ticker,
.table-wrap,
table,
th,
td,
input,
select {
  font-family: var(--font-stat) !important;
  font-weight: 800;
  letter-spacing: .055em;
}

/* Numeric/stat polish */
.score,
.mobile-card-score,
.legacy-score,
.ai-score,
.card-score,
.score-row strong,
.stat-value,
.kpi-value,
.pill,
.chip,
.rank,
table td,
table th {
  font-variant-numeric: tabular-nums !important;
}

/* Player names need display font but not cramped */
#top15Grid .card .player {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: .055em !important;
}

/* Top 15 body copy should not inherit stat font */
#top15Grid .card .legacy-details,
#top15Grid .card .legacy-details p,
#top15Grid .card .legacy-details .summary,
#top15Grid .card .legacy-report-copy {
  font-family: var(--font-body) !important;
  letter-spacing: normal !important;
}

/* But labels inside report stay stat-style */
#top15Grid .card .legacy-details .label,
#top15Grid .card .legacy-details small,
#top15Grid .card .score-row span,
#top15Grid .card .score-row label,
#top15Grid .card .score-row .score-label {
  font-family: var(--font-stat) !important;
  font-weight: 800 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase;
}

/* Mobile tuning */
@media (max-width: 760px) {
  #top15Grid .card .player {
    letter-spacing: .04em !important;
    line-height: .98 !important;
  }

  .mobile-expand-hint,
  .pill,
  .chip,
  .top15-team-line,
  .top15-team-name,
  .ticker,
  .ticker-wrap {
    letter-spacing: .06em !important;
  }

  body,
  p,
  #top15Grid .card p {
    line-height: 1.45;
  }
}




/* ===== assets/top15-match-ai-box-final.css ===== */

/* ===== TOP 15 MATCH AI-LEGACYSCORE BOX FINAL ===== */
/* Same family as the AI-LegacyScore™ panel: dark glass, gold reflection, controlled motion. */

/* Restore stable full-width Top 15 layout */
#top15Grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#top15Grid::before,
#top15Grid::after {
  display: none !important;
  content: none !important;
}

#top15Grid .card,
#top15Grid .card:nth-child(1),
#top15Grid .card:nth-child(2),
#top15Grid .card:nth-child(3),
#top15Grid .card:nth-child(n+4) {
  width: 100% !important;
  max-width: 100% !important;
  min-height: unset !important;
  grid-column: auto !important;
  box-sizing: border-box !important;
}

/* The actual player card now matches the AI-LegacyScore box */
#top15Grid .card[data-scsl-team-theme] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  border-radius: 22px !important;
  border: 1px solid rgba(245,199,107,.32) !important;

  background:
    radial-gradient(circle at 84% 12%, rgba(245,199,107,.18), transparent 34%),
    radial-gradient(circle at 16% 18%, rgba(var(--scsl-team-rgb), .11), transparent 36%),
    radial-gradient(circle at 88% 82%, rgba(var(--scsl-team-rgb2), .08), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.020)),
    rgba(6,8,18,.94) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(245,199,107,.10),
    inset 0 0 58px rgba(255,255,255,.026),
    0 24px 66px rgba(0,0,0,.56),
    0 0 28px rgba(245,199,107,.09),
    0 0 24px rgba(var(--scsl-team-rgb), .07) !important;

  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;

  animation: scslAiBoxPlateBreath 6.8s ease-in-out infinite alternate !important;
}

/* Team color becomes restrained, not the main paint */
#top15Grid .card[data-scsl-team-theme] .top15-team-wash {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;

  opacity: .34 !important;
  background:
    radial-gradient(circle at 0% 12%, rgba(var(--scsl-team1-rgb), .18), transparent 34%),
    radial-gradient(circle at 100% 14%, rgba(var(--scsl-team2-rgb), .14), transparent 36%),
    linear-gradient(
      105deg,
      rgba(var(--scsl-team1-rgb), .040) 0%,
      transparent 40%,
      rgba(245,199,107,.020) 50%,
      transparent 60%,
      rgba(var(--scsl-team2-rgb), .040) 100%
    ) !important;

  filter: saturate(.82) brightness(.76) !important;
  animation: scslAiBoxSubtleAura 7.8s ease-in-out infinite alternate !important;
}

/* Same style of broad reflective sheet as the AI box */
#top15Grid .card[data-scsl-team-theme]::before {
  content: "" !important;
  position: absolute !important;
  inset: -42% !important;
  z-index: 3 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      112deg,
      transparent 0%,
      transparent 16%,
      rgba(255,255,255,.040) 25%,
      rgba(255,255,255,.145) 34%,
      rgba(245,199,107,.210) 42%,
      rgba(255,255,255,.105) 50%,
      rgba(var(--scsl-team-rgb), .060) 58%,
      transparent 70%,
      transparent 100%
    ),
    linear-gradient(
      25deg,
      transparent 0%,
      rgba(255,255,255,.026) 35%,
      rgba(255,255,255,.078) 50%,
      rgba(245,199,107,.040) 60%,
      transparent 74%
    ) !important;

  mix-blend-mode: screen !important;
  opacity: .62 !important;
  transform: translateX(-42%) skewX(-7deg);
  animation: scslAiBoxReflectionDrift 6.2s cubic-bezier(.45,0,.2,1) infinite alternate !important;
}

/* Smaller controlled glint, like the AI button, not a flashlight */
#top15Grid .card[data-scsl-team-theme]::after {
  content: "" !important;
  position: absolute !important;
  top: -65% !important;
  bottom: -65% !important;
  left: -45% !important;
  width: 24% !important;
  z-index: 4 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.18),
      rgba(245,199,107,.16),
      rgba(var(--scsl-team-rgb), .08),
      transparent
    ) !important;

  transform: skewX(-22deg);
  opacity: 0;
  animation: scslAiBoxGlint 7.2s ease-in-out infinite !important;
}

/* Keep content above motion */
#top15Grid .card > *:not(.top15-team-wash) {
  position: relative !important;
  z-index: 6 !important;
}

/* Player name stays sharp and clean */
#top15Grid .card .player {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  color: rgba(255,255,255,.98) !important;
  -webkit-text-fill-color: rgba(255,255,255,.98) !important;

  text-shadow:
    0 0 8px rgba(255,255,255,.14),
    0 0 14px rgba(245,199,107,.08),
    0 8px 20px rgba(0,0,0,.62) !important;

  animation: none !important;
}

#top15Grid .card .player::before,
#top15Grid .card .player::after {
  display: none !important;
  content: none !important;
}

/* Rank boxes: stronger Hall of Fame medal styling */
#top15Grid .card .rank {
  font-family: var(--font-display, "Bebas Neue", Impact, sans-serif) !important;
  font-weight: 400 !important;
  font-size: 19px !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;

  min-width: 48px !important;
  min-height: 44px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,.26),
    0 0 10px rgba(0,0,0,.30) !important;

  box-shadow:
    0 14px 32px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(0,0,0,.20) !important;
}

#top15Grid .card:nth-child(-n+3) .rank {
  animation: scslAiBoxMedalPulse 4.2s ease-in-out infinite alternate !important;
}

/* Final score box uses same restrained AI panel language */
#top15Grid .card .legacy-details {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#top15Grid .card .legacy-details .score-row.total {
  border-color: rgba(245,199,107,.38) !important;

  background:
    radial-gradient(circle at 75% 12%, rgba(245,199,107,.12), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.015) 48%, rgba(0,0,0,.16)),
    rgba(8,10,17,.80) !important;
}

/* Keyframes */
@keyframes scslAiBoxPlateBreath {
  0% {
    filter: brightness(.965) saturate(.96);
    border-color: rgba(245,199,107,.24);
  }

  100% {
    filter: brightness(1.045) saturate(1.08);
    border-color: rgba(245,199,107,.44);
  }
}

@keyframes scslAiBoxSubtleAura {
  0% {
    transform: translate3d(-.7%, -.4%, 0) scale(1);
    opacity: .25;
  }

  100% {
    transform: translate3d(.7%, .4%, 0) scale(1.014);
    opacity: .42;
  }
}

@keyframes scslAiBoxReflectionDrift {
  0% {
    transform: translateX(-42%) skewX(-7deg);
    opacity: .34;
  }

  100% {
    transform: translateX(18%) skewX(-7deg);
    opacity: .64;
  }
}

@keyframes scslAiBoxGlint {
  0%, 42% {
    transform: translateX(0) skewX(-22deg);
    opacity: 0;
  }

  54% {
    opacity: .72;
  }

  76%, 100% {
    transform: translateX(650%) skewX(-22deg);
    opacity: 0;
  }
}

@keyframes scslAiBoxMedalPulse {
  0% {
    filter: brightness(1) saturate(1);
  }

  100% {
    filter: brightness(1.12) saturate(1.08);
  }
}

@media (max-width: 760px) {
  #top15Grid .card .rank {
    font-size: 18px !important;
    min-width: 50px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
  }

  #top15Grid .card[data-scsl-team-theme]::before {
    animation-duration: 7.4s !important;
  }

  #top15Grid .card[data-scsl-team-theme]::after {
    animation-duration: 8.2s !important;
  }
}




/* ===== assets/top15-ai-reflection-max-final.css ===== */

/* ===== TOP 15 EXACT AI-STYLE REFLECTION FINAL ===== */
/* Matches the AI-LegacyScore hero reflection behavior much more closely. */

#top15Grid .card[data-scsl-team-theme] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

/* Same broad reflection sheet behavior as the AI-LegacyScore hero box */
#top15Grid .card[data-scsl-team-theme]::before {
  content: "" !important;
  position: absolute !important;
  inset: -38% !important;
  pointer-events: none !important;
  z-index: 4 !important;
  opacity: .88 !important;

  background:
    linear-gradient(
      112deg,
      transparent 0%,
      transparent 17%,
      rgba(255,255,255,.045) 25%,
      rgba(255,255,255,.18) 34%,
      rgba(245,199,107,.26) 42%,
      rgba(255,255,255,.14) 50%,
      rgba(var(--scsl-team-rgb), .10) 56%,
      transparent 68%,
      transparent 100%
    ),
    linear-gradient(
      25deg,
      transparent 0%,
      rgba(255,255,255,.035) 35%,
      rgba(255,255,255,.10) 50%,
      rgba(245,199,107,.070) 60%,
      transparent 73%
    ) !important;

  mix-blend-mode: screen !important;
  animation: scslTop15ExactAIDrift 5.8s cubic-bezier(.45,0,.2,1) infinite alternate !important;
}

/* Extra visible hero-button glint across the full plate */
#top15Grid .card[data-scsl-team-theme]::after {
  content: "" !important;
  position: absolute !important;
  top: -70% !important;
  bottom: -70% !important;
  left: -46% !important;
  width: 34% !important;
  z-index: 5 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.30),
      rgba(245,199,107,.25),
      rgba(var(--scsl-team-rgb), .16),
      rgba(255,255,255,.12),
      transparent
    ) !important;

  transform: skewX(-22deg);
  opacity: 0;
  animation: scslTop15ExactAIGlint 5.8s ease-in-out infinite !important;
}

/* Keep content above the reflection */
#top15Grid .card > *:not(.top15-team-wash) {
  position: relative !important;
  z-index: 8 !important;
}

#top15Grid .card[data-scsl-team-theme] .top15-team-wash {
  z-index: 1 !important;
  opacity: .36 !important;
}

/* Same movement range as the AI-LegacyScore hero button */
@keyframes scslTop15ExactAIDrift {
  from {
    transform: translateX(-38%) skewX(-7deg);
    opacity: .64;
  }

  to {
    transform: translateX(38%) skewX(-7deg);
    opacity: .96;
  }
}

@keyframes scslTop15ExactAIGlint {
  0%, 34% {
    transform: translateX(0) skewX(-22deg);
    opacity: 0;
  }

  48% {
    opacity: .95;
  }

  74%, 100% {
    transform: translateX(690%) skewX(-22deg);
    opacity: 0;
  }
}

@media (max-width: 760px) {
  #top15Grid .card[data-scsl-team-theme]::before {
    animation-duration: 6.6s !important;
  }

  #top15Grid .card[data-scsl-team-theme]::after {
    animation-duration: 6.2s !important;
  }
}




/* ===== assets/database-hero-bottom-polish.css ===== */

/* ===== DATABASE HERO BOTTOM POLISH ===== */

.database-hero-bottom {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(245,199,107,.14) !important;
}

@media (max-width: 760px) {
  .database-hero-bottom {
    margin-top: 14px !important;
    padding-top: 14px !important;
  }
}




/* ===== assets/final-utility-fixes.css ===== */

/* ===== FINAL UTILITY FIXES ===== */

/* Stat Vault summary cards belong below the table */
.database-hero-bottom {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(245,199,107,.14) !important;
}

/* Top AI-LegacyScore explainer */
.ai-context-note {
  max-width: 820px !important;
  margin: 14px auto 0 !important;
  padding: 11px 14px !important;

  color: rgba(226,230,240,.82) !important;
  font-family: var(--font-body, "Inter", sans-serif) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: center !important;

  border: 1px solid rgba(245,199,107,.18) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    rgba(0,0,0,.18) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 26px rgba(0,0,0,.18) !important;
}

/* Fix Tap For More arrow state */
#top15Grid .mobile-expand-hint .hint-arrow {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}

#top15Grid .mobile-expand-hint .hint-arrow::before {
  content: "⌄" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  color: rgba(245,199,107,.95) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  transform: translateY(-1px) !important;
}

#top15Grid .card.expanded .mobile-expand-hint .hint-arrow::before,
#top15Grid .card[aria-expanded="true"] .mobile-expand-hint .hint-arrow::before {
  content: "⌃" !important;
  color: rgba(255,255,255,.95) !important;
  transform: translateY(1px) !important;
}

@media (max-width: 760px) {
  .ai-context-note {
    font-size: 12px !important;
    text-align: left !important;
    margin-top: 12px !important;
  }

  .database-hero-bottom {
    margin-top: 14px !important;
    padding-top: 14px !important;
  }
}




/* ===== assets/ticker-readable-red-final.css ===== */

/* ===== TICKER READABLE RED FINAL ===== */
/* Darker, sharper, red/gold broadcast strip. No reflection. */

.broadcast-ticker,
.scsl-broadcast-fixed-target.scsl-broadcast-is-fixed,
body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target {
  height: 36px !important;
  overflow: hidden !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.010)),
    linear-gradient(90deg, rgba(130,18,28,.28), rgba(3,5,10,.985) 22%, rgba(3,5,10,.985) 78%, rgba(130,18,28,.22)) !important;

  border-top: 1px solid rgba(255,255,255,.045) !important;
  border-bottom: 1px solid rgba(245,199,107,.30) !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(185,28,28,.22) !important;

  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

/* No reflection on ticker */
.broadcast-ticker::before,
.broadcast-ticker::after,
.scsl-broadcast-fixed-target::before,
.scsl-broadcast-fixed-target::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

.ticker-track {
  position: relative !important;
  z-index: 3 !important;

  color: rgba(255,255,255,.98) !important;
  font-family: var(--font-stat, "Rajdhani", sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;

  text-shadow:
    0 1px 0 rgba(0,0,0,.82),
    0 0 8px rgba(255,255,255,.10) !important;
}

/* Each ticker chunk gets breathing room */
.ticker-track span {
  margin-right: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
}

/* Red separator dot before each chunk */
.ticker-track span::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #d51f2f !important;
  box-shadow: 0 0 10px rgba(213,31,47,.55) !important;
  flex: 0 0 5px !important;
}

/* Gold stat label */
.ticker-label {
  display: inline-flex !important;
  align-items: center !important;

  padding: 3px 9px !important;
  border-radius: 999px !important;

  background:
    linear-gradient(180deg, #f5c76b, #b9892f) !important;

  color: #111 !important;
  border: 1px solid rgba(255,235,160,.58) !important;

  box-shadow:
    0 0 14px rgba(245,199,107,.18),
    inset 0 1px 0 rgba(255,255,255,.34) !important;

  font-family: var(--font-stat, "Rajdhani", sans-serif) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

/* Names/results need more definition */
.ticker-track em {
  color: rgba(255,255,255,.98) !important;
  font-style: normal !important;
  font-weight: 950 !important;

  text-shadow:
    0 1px 0 rgba(0,0,0,.88),
    0 0 10px rgba(245,199,107,.13) !important;
}

.broadcast-recap-bottom {
  margin: 24px auto 18px !important;
  max-width: 1120px !important;
}

.database-hero-bottom {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(245,199,107,.14) !important;
}

@media (max-width: 760px) {
  .broadcast-ticker {
    height: 32px !important;
  }

  .ticker-track {
    font-size: 11px !important;
    letter-spacing: .055em !important;
  }

  .ticker-track span {
    margin-right: 34px !important;
    gap: 9px !important;
  }

  .ticker-label {
    font-size: 9px !important;
    padding: 2px 7px !important;
  }

  .broadcast-recap-bottom {
    margin-top: 18px !important;
  }
}




/* ===== assets/mobile-arrow-final-lock.css ===== */

/* ===== MOBILE TAP ARROW FINAL LOCK ===== */
/* One clean arrow system. Overrides all older arrow rules. */

@media (max-width: 760px) {
  #top15Grid .mobile-expand-hint {
    position: relative !important;
    padding-right: 48px !important;
  }

  #top15Grid .mobile-expand-hint .hint-arrow {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;
    rotate: none !important;
    scale: none !important;

    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 999px !important;
    border: 1px solid rgba(245,199,107,.45) !important;

    background:
      linear-gradient(180deg, rgba(245,199,107,.18), rgba(0,0,0,.30)) !important;

    box-shadow:
      0 5px 12px rgba(0,0,0,.30),
      inset 0 1px 0 rgba(255,255,255,.12) !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
  }

  /* Kill every old pseudo-arrow/glitched symbol */
  #top15Grid .mobile-expand-hint .hint-arrow::after {
    display: none !important;
    content: none !important;
  }

  /* Closed state: clean down chevron */
  #top15Grid .mobile-expand-hint .hint-arrow::before {
    content: "" !important;
    display: block !important;

    width: 7px !important;
    height: 7px !important;

    border-right: 2px solid rgba(245,199,107,.96) !important;
    border-bottom: 2px solid rgba(245,199,107,.96) !important;
    border-left: 0 !important;
    border-top: 0 !important;

    transform: translateY(-2px) rotate(45deg) !important;

    filter:
      drop-shadow(0 0 5px rgba(245,199,107,.32))
      drop-shadow(0 2px 3px rgba(0,0,0,.35)) !important;
  }

  /* Open state: clean up chevron */
  #top15Grid .card.expanded .mobile-expand-hint .hint-arrow,
  #top15Grid .card[aria-expanded="true"] .mobile-expand-hint .hint-arrow {
    transform: translateY(-50%) !important;
    border-color: rgba(245,199,107,.68) !important;

    background:
      linear-gradient(180deg, rgba(245,199,107,.30), rgba(0,0,0,.32)) !important;
  }

  #top15Grid .card.expanded .mobile-expand-hint .hint-arrow::before,
  #top15Grid .card[aria-expanded="true"] .mobile-expand-hint .hint-arrow::before {
    transform: translateY(2px) rotate(225deg) !important;
  }
}




/* ===== assets/rank-font-polish-final.css ===== */

/* ===== RANK BOX POLISH FINAL ===== */
/* #4-#15 are no longer red. Top 3 stay medal. Rest become graphite/platinum HOF plaques. */

/* General rank font improvement */
#top15Grid .card .rank {
  font-family: var(--font-display, "Bebas Neue", Impact, "Arial Narrow", sans-serif) !important;
  font-weight: 400 !important;
  letter-spacing: .025em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* #4-#15: graphite / platinum / gold, not red */
#top15Grid .card:nth-child(n+4) .rank {
  color: rgba(245,247,251,.94) !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(245,199,107,.18), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.030) 42%, rgba(0,0,0,.22)),
    linear-gradient(135deg, rgba(53,58,72,.98), rgba(11,13,20,.98)) !important;

  border: 1px solid rgba(245,199,107,.30) !important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.34),
    0 0 18px rgba(245,199,107,.08),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(245,199,107,.08) !important;

  text-shadow:
    0 1px 0 rgba(0,0,0,.65),
    0 0 10px rgba(255,255,255,.12) !important;
}

/* Slight hover lift on desktop only */
@media (hover: hover) {
  #top15Grid .card:nth-child(n+4):hover .rank {
    border-color: rgba(245,199,107,.46) !important;
    box-shadow:
      0 14px 32px rgba(0,0,0,.38),
      0 0 24px rgba(245,199,107,.13),
      inset 0 1px 0 rgba(255,255,255,.20) !important;
  }
}

/* Keep #1, #2, #3 medal hierarchy strong */
#top15Grid .card:nth-child(1) .rank,
#top15Grid .card:nth-child(2) .rank,
#top15Grid .card:nth-child(3) .rank {
  font-family: var(--font-display, "Bebas Neue", Impact, "Arial Narrow", sans-serif) !important;
  font-weight: 400 !important;
  letter-spacing: .025em !important;
}




/* ===== assets/site-type-spacing-polish-final.css ===== */

/* ===== SITE TYPE + SPACING POLISH FINAL ===== */
/* Keeps the site cohesive without redesigning everything. */

:root {
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --font-stat: "Rajdhani", "Inter", ui-sans-serif, system-ui, sans-serif;
}

/* Headline/display hierarchy */
h1,
h2,
h3,
.hero-title,
.section-title,
#top15Grid .player,
.spotlight-name {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: .045em !important;
}

/* UI/stat hierarchy */
button,
[role="button"],
.pill,
.chip,
.badge,
.rank,
.score,
.mobile-card-score,
.score-row,
.ticker-track,
.ticker-label,
.top15-team-line,
.top15-team-name,
.db-chip,
table,
th,
td {
  font-family: var(--font-stat) !important;
  font-variant-numeric: tabular-nums !important;
}

/* Body copy readability */
body,
p,
.legacy-details,
.legacy-details p,
.formula-panel p,
.ai-context-note,
.recap-note,
.db-note {
  font-family: var(--font-body) !important;
}

/* Top 15 spacing polish */
#top15Grid .card {
  margin-bottom: 2px !important;
}

#top15Grid .legacy-details {
  line-height: 1.42 !important;
}

#top15Grid .score-row {
  letter-spacing: .045em !important;
}

/* Bottom recap should breathe and not feel duplicated */
.broadcast-recap-bottom {
  margin: 28px auto 18px !important;
  max-width: 1120px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(245,199,107,.14) !important;
}

/* Remove any empty databaseHero spacing if an old CSS still targets it */
#databaseHero:empty {
  display: none !important;
}

@media (max-width: 760px) {
  #top15Grid .player {
    letter-spacing: .04em !important;
  }

  #top15Grid .card .rank {
    letter-spacing: .02em !important;
  }

  .broadcast-recap-bottom {
    margin-top: 20px !important;
  }
}




/* ===== assets/mobile-top15-card-motion-final.css ===== */

/* ===== MOBILE TOP 15 CARD MOTION FINAL ===== */
/* Mobile: full player plate gets motion. Tap For More stops stealing the show. */

@media (max-width: 760px) {
  #top15Grid .card[data-scsl-team-theme] {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    border: 1px solid rgba(245,199,107,.42) !important;

    background:
      radial-gradient(circle at 10% 8%, rgba(var(--scsl-team1-rgb), .24), transparent 34%),
      radial-gradient(circle at 92% 10%, rgba(var(--scsl-team2-rgb), .20), transparent 38%),
      linear-gradient(115deg, rgba(255,255,255,.055), rgba(255,255,255,.014)),
      linear-gradient(180deg, rgba(15,17,25,.99), rgba(4,6,12,.995)) !important;

    box-shadow:
      0 24px 66px rgba(0,0,0,.62),
      0 0 0 1px rgba(245,199,107,.12),
      0 0 28px rgba(245,199,107,.11),
      0 0 42px rgba(var(--scsl-team-rgb), .12),
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(245,199,107,.10) !important;

    animation: scslMobilePlatePulse 4.2s ease-in-out infinite alternate !important;
  }

  #top15Grid .card[data-scsl-team-theme] .top15-team-wash {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    opacity: .78 !important;

    background:
      radial-gradient(circle at 0% 12%, rgba(var(--scsl-team1-rgb), .28), transparent 35%),
      radial-gradient(circle at 100% 16%, rgba(var(--scsl-team2-rgb), .22), transparent 38%),
      linear-gradient(
        100deg,
        rgba(var(--scsl-team1-rgb), .095) 0%,
        transparent 34%,
        rgba(245,199,107,.040) 50%,
        transparent 66%,
        rgba(var(--scsl-team2-rgb), .095) 100%
      ) !important;

    filter: saturate(.98) brightness(.82) !important;
    animation: scslMobileTeamAuraMove 4.6s ease-in-out infinite alternate !important;
  }

  /* Moving HUD texture across the whole mobile card */
  #top15Grid .card[data-scsl-team-theme]::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;

    background:
      repeating-linear-gradient(
        112deg,
        transparent 0px,
        transparent 64px,
        rgba(255,255,255,.060) 82px,
        rgba(245,199,107,.135) 96px,
        rgba(var(--scsl-team-rgb), .105) 112px,
        transparent 140px,
        transparent 232px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.036) 0px,
        rgba(255,255,255,.036) 1px,
        transparent 1px,
        transparent 28px
      ) !important;

    background-size:
      464px 464px,
      28px 28px !important;

    background-position:
      0px 0px,
      0px 0px !important;

    mix-blend-mode: screen !important;
    opacity: .84 !important;

    animation: scslMobileHudLoop 4.1s linear infinite !important;
  }

  /* Big visible sweep across the whole player plate */
  #top15Grid .card[data-scsl-team-theme]::after {
    content: "" !important;
    position: absolute !important;
    inset: -34% !important;
    z-index: 4 !important;
    pointer-events: none !important;

    background:
      radial-gradient(circle at 20% 28%, rgba(255,255,255,.13), transparent 18%),
      radial-gradient(circle at 72% 34%, rgba(245,199,107,.18), transparent 24%),
      radial-gradient(circle at 44% 74%, rgba(var(--scsl-team-rgb), .18), transparent 28%),
      linear-gradient(
        110deg,
        transparent 0%,
        rgba(255,255,255,.11) 38%,
        rgba(245,199,107,.16) 50%,
        transparent 66%
      ) !important;

    opacity: .86 !important;
    mix-blend-mode: screen !important;

    animation: scslMobileSpotlightAlive 4.8s ease-in-out infinite alternate !important;
  }

  #top15Grid .card > *:not(.top15-team-wash) {
    position: relative !important;
    z-index: 7 !important;
  }

  /* Tap For More should be clean, not the main animation */
  #top15Grid .card .mobile-expand-hint {
    border-color: rgba(245,199,107,.30) !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
      rgba(0,0,0,.24) !important;

    box-shadow:
      0 8px 20px rgba(0,0,0,.26),
      inset 0 1px 0 rgba(255,255,255,.08) !important;

    animation: none !important;
  }

  #top15Grid .card .mobile-expand-hint::before,
  #top15Grid .card .mobile-expand-hint::after {
    display: none !important;
    content: none !important;
    animation: none !important;
  }

  #top15Grid .card .mobile-expand-hint .hint-arrow::before,
  #top15Grid .card .mobile-expand-hint .hint-arrow::after {
    display: block !important;
  }
}

@keyframes scslMobilePlatePulse {
  0% {
    filter: brightness(.97) saturate(1);
    border-color: rgba(245,199,107,.30);
  }

  100% {
    filter: brightness(1.09) saturate(1.16);
    border-color: rgba(245,199,107,.58);
  }
}

@keyframes scslMobileTeamAuraMove {
  0% {
    transform: translate3d(-1.8%, -1%, 0) scale(1);
    opacity: .52;
  }

  100% {
    transform: translate3d(1.8%, 1%, 0) scale(1.04);
    opacity: .86;
  }
}

@keyframes scslMobileHudLoop {
  0% {
    background-position:
      0px 0px,
      0px 0px;
  }

  100% {
    background-position:
      464px 0px,
      28px 0px;
  }
}

@keyframes scslMobileSpotlightAlive {
  0% {
    transform: translate3d(-3%, -2%, 0) scale(1.02) rotate(-1deg);
    opacity: .52;
  }

  50% {
    opacity: .92;
  }

  100% {
    transform: translate3d(3%, 2%, 0) scale(1.09) rotate(1deg);
    opacity: .70;
  }
}




/* ===== assets/top15-card-shimmer-lock.css ===== */

/* ===== TOP 15 CARD SHIMMER LOCK ===== */
/* Full card reflection/shimmer. Loaded dead last so no older file can hide it. */

#top15Grid .card[data-scsl-team-theme] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  border-color: rgba(245,199,107,.42) !important;

  background:
    radial-gradient(circle at 12% 0%, rgba(var(--scsl-team1-rgb,245,199,107), .16), transparent 35%),
    radial-gradient(circle at 92% 8%, rgba(var(--scsl-team2-rgb,185,137,47), .12), transparent 38%),
    linear-gradient(180deg, rgba(15,17,25,.99), rgba(4,6,12,.995)) !important;

  box-shadow:
    0 26px 74px rgba(0,0,0,.62),
    0 0 0 1px rgba(245,199,107,.12),
    0 0 30px rgba(245,199,107,.12),
    0 0 42px rgba(var(--scsl-team-rgb,245,199,107), .10),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(245,199,107,.10) !important;

  animation: scslCardPlateBreath 4.4s ease-in-out infinite alternate !important;
}

/* Full-card AI reflection sheet */
#top15Grid .card[data-scsl-team-theme]::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -52% !important;
  z-index: 4 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      112deg,
      transparent 0%,
      transparent 12%,
      rgba(255,255,255,.055) 22%,
      rgba(255,255,255,.22) 32%,
      rgba(245,199,107,.34) 41%,
      rgba(255,255,255,.18) 50%,
      rgba(var(--scsl-team-rgb,245,199,107), .13) 58%,
      transparent 72%,
      transparent 100%
    ),
    linear-gradient(
      25deg,
      transparent 0%,
      rgba(255,255,255,.030) 34%,
      rgba(255,255,255,.105) 50%,
      rgba(245,199,107,.060) 60%,
      transparent 74%
    ) !important;

  mix-blend-mode: screen !important;
  opacity: .88 !important;

  transform: translateX(-48%) skewX(-7deg);
  animation: scslCardReflectionSweep 4.8s cubic-bezier(.45,0,.2,1) infinite alternate !important;
}

/* Obvious shimmer slash across the whole plate */
#top15Grid .card[data-scsl-team-theme]::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: -75% !important;
  bottom: -75% !important;
  left: -48% !important;
  width: 34% !important;
  z-index: 5 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.30),
      rgba(245,199,107,.24),
      rgba(var(--scsl-team-rgb,245,199,107), .16),
      rgba(255,255,255,.12),
      transparent
    ) !important;

  transform: skewX(-22deg);
  opacity: 0;
  animation: scslCardHardShimmer 5.6s ease-in-out infinite !important;
}

/* Keep the team aura behind the shimmer */
#top15Grid .card[data-scsl-team-theme] .top15-team-wash {
  display: block !important;
  z-index: 1 !important;
  opacity: .52 !important;
  animation: scslCardTeamAura 5.8s ease-in-out infinite alternate !important;
}

/* Make sure content is above the animated plate layers */
#top15Grid .card > *:not(.top15-team-wash) {
  position: relative !important;
  z-index: 8 !important;
}

/* Tap For More should not be the star */
#top15Grid .card .mobile-expand-hint::before,
#top15Grid .card .mobile-expand-hint::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

@keyframes scslCardPlateBreath {
  0% {
    filter: brightness(.98) saturate(1);
    border-color: rgba(245,199,107,.30);
  }

  100% {
    filter: brightness(1.08) saturate(1.12);
    border-color: rgba(245,199,107,.58);
  }
}

@keyframes scslCardReflectionSweep {
  0% {
    transform: translateX(-48%) skewX(-7deg);
    opacity: .42;
  }

  50% {
    opacity: .95;
  }

  100% {
    transform: translateX(28%) skewX(-7deg);
    opacity: .62;
  }
}

@keyframes scslCardHardShimmer {
  0%, 36% {
    transform: translateX(0) skewX(-22deg);
    opacity: 0;
  }

  48% {
    opacity: .95;
  }

  74%, 100% {
    transform: translateX(700%) skewX(-22deg);
    opacity: 0;
  }
}

@keyframes scslCardTeamAura {
  0% {
    transform: translate3d(-1%, -.5%, 0) scale(1);
  }

  100% {
    transform: translate3d(1%, .5%, 0) scale(1.025);
  }
}

@media (max-width: 760px) {
  #top15Grid .card[data-scsl-team-theme]::before {
    animation-duration: 5.2s !important;
  }

  #top15Grid .card[data-scsl-team-theme]::after {
    animation-duration: 5.8s !important;
  }
}





/* ===== SCSL15 PRODUCTION FONT + TICKER LOCK ===== */
:root {
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --font-stat: "Rajdhani", "Inter", ui-sans-serif, system-ui, sans-serif;
}

h1, h2, h3, .hero-title, .section-title, #top15Grid .player, .spotlight-name {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: .045em !important;
}

button, [role="button"], .pill, .chip, .badge, .rank, .score, .mobile-card-score, .score-row,
.ticker-track, .ticker-label, .top15-team-line, .top15-team-name, .db-chip, table, th, td {
  font-family: var(--font-stat) !important;
  font-variant-numeric: tabular-nums !important;
}

body, p, .legacy-details, .legacy-details p, .formula-panel p, .recap-note, .db-note {
  font-family: var(--font-body) !important;
}

.broadcast-ticker,
.scsl-broadcast-fixed-target {
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.012)),
    linear-gradient(90deg, rgba(105,12,20,.72), rgba(5,6,10,.98) 18%, rgba(5,6,10,.98) 82%, rgba(105,12,20,.62)) !important;
  border-bottom: 1px solid rgba(245,199,107,.48) !important;
}

.ticker-track {
  animation-duration: 285s !important;
  color: rgba(255,255,255,.96) !important;
}

.ticker-label {
  color: #171008 !important;
  background: linear-gradient(180deg, #ffe9a3, #c89235) !important;
  border: 1px solid rgba(255,243,196,.42) !important;
  text-shadow: none !important;
}

.ticker-track em {
  color: rgba(255,255,255,.96) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.85), 0 0 10px rgba(255,255,255,.08) !important;
}

@media (max-width: 760px) {
  .ticker-track { animation-duration: 330s !important; }
}


/* ===== SECRET DO NOT TOUCH PRODUCTION ===== */
.secret-do-not-touch {
  width: min(100%, 1120px);
  margin: 34px auto 16px;
  padding: 28px 18px 6px;
  text-align: center;
  position: relative;
}
.secret-do-not-touch::before {
  content: "";
  display: block;
  width: min(420px, 72vw);
  height: 1px;
  margin: 0 auto 22px;
  background: linear-gradient(90deg, transparent, rgba(245,199,107,.20), rgba(255,255,255,.10), rgba(245,199,107,.20), transparent);
}
.secret-do-not-touch-btn {
  appearance: none;
  border: 1px solid rgba(245,199,107,.38);
  border-radius: 999px;
  padding: 12px 22px 11px;
  cursor: pointer;
  font-family: var(--font-stat, "Rajdhani", "Inter", sans-serif);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(245,231,190,.92);
  background: linear-gradient(115deg, rgba(255,255,255,.09), rgba(255,255,255,.02)), radial-gradient(circle at 50% 0%, rgba(245,199,107,.18), transparent 55%), rgba(8,10,16,.88);
  box-shadow: 0 14px 36px rgba(0,0,0,.42), 0 0 22px rgba(245,199,107,.10), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(245,199,107,.08);
  text-shadow: 0 0 14px rgba(245,199,107,.18);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.secret-do-not-touch-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(245,199,107,.62);
  color: #fff3cf;
  box-shadow: 0 18px 44px rgba(0,0,0,.48), 0 0 30px rgba(245,199,107,.17), inset 0 1px 0 rgba(255,255,255,.16);
}
.secret-do-not-touch-btn:active { transform: translateY(1px) scale(.99); }
.secret-do-not-touch-btn.touched {
  border-color: rgba(255,230,150,.95) !important;
  color: #fff8d8 !important;
  animation: scslSecretPanicButton 2100ms steps(7,end) both !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 0 40px rgba(245,199,107,.42), 0 0 90px rgba(210,20,20,.28), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
html.scsl-secret-meltdown,
html.scsl-secret-meltdown body { overflow-x: hidden !important; }
html.scsl-secret-meltdown body {
  animation: scslSiteMeltdownBody 2100ms cubic-bezier(.18,.9,.18,1) both !important;
  transform-origin: 50% 50%;
}
html.scsl-secret-meltdown body::before,
html.scsl-secret-meltdown body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483000;
}
html.scsl-secret-meltdown body::before {
  background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.98) 0%, rgba(245,199,107,.72) 8%, rgba(210,20,20,.48) 22%, transparent 58%), linear-gradient(102deg, transparent 0%, rgba(255,255,255,.45) 38%, rgba(245,199,107,.55) 49%, rgba(210,20,20,.22) 55%, transparent 70%), repeating-linear-gradient(90deg, rgba(255,255,255,.11) 0px, rgba(255,255,255,.11) 2px, transparent 2px, transparent 19px);
  mix-blend-mode: screen;
  animation: scslMeltdownFlash 2100ms ease-out both !important;
}
html.scsl-secret-meltdown body::after {
  background: repeating-linear-gradient(0deg, rgba(255,255,255,.20) 0px, rgba(255,255,255,.20) 1px, rgba(245,199,107,.10) 2px, transparent 4px, transparent 9px), radial-gradient(circle at 50% 50%, transparent 0%, transparent 42%, rgba(0,0,0,.72) 100%);
  opacity: 0;
  animation: scslMeltdownScanlines 2100ms steps(10,end) both !important;
}
.scsl-broken-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  pointer-events: none;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(circle at 50% 50%, rgba(245,199,107,.18), transparent 34%), linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.68));
  opacity: 0;
  animation: scslBrokenOverlayIn 2100ms ease-out both;
}
.scsl-broken-card {
  width: min(560px, 88vw);
  border: 1px solid rgba(245,199,107,.58);
  border-radius: 24px;
  padding: 22px 20px 19px;
  background: linear-gradient(115deg, rgba(255,255,255,.13), rgba(255,255,255,.025)), radial-gradient(circle at 50% 0%, rgba(245,199,107,.24), transparent 54%), rgba(5,6,10,.88);
  box-shadow: 0 28px 90px rgba(0,0,0,.72), 0 0 70px rgba(245,199,107,.22), 0 0 100px rgba(210,20,20,.18), inset 0 1px 0 rgba(255,255,255,.16);
  text-align: center;
  transform: rotate(-1deg);
  animation: scslBrokenCardGlitch 2100ms steps(8,end) both;
}
.scsl-broken-kicker {
  font-family: var(--font-stat, "Rajdhani", "Inter", sans-serif);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .24em;
  color: rgba(245,199,107,.98);
  text-transform: uppercase;
  margin-bottom: 8px;
}
.scsl-broken-title {
  font-family: var(--font-display, "Bebas Neue", Impact, sans-serif);
  font-size: clamp(2.2rem, 9vw, 5rem);
  line-height: .92;
  letter-spacing: .045em;
  color: #fff4cf;
  text-shadow: 2px 0 rgba(210,20,20,.72), -2px 0 rgba(245,199,107,.55), 0 0 24px rgba(245,199,107,.34);
  text-transform: uppercase;
}
.scsl-broken-sub {
  margin-top: 9px;
  font-family: var(--font-stat, "Rajdhani", "Inter", sans-serif);
  font-size: .95rem;
  font-weight: 800;
  letter-spacing: .12em;
  color: rgba(255,255,255,.86);
  text-transform: uppercase;
}
@keyframes scslSiteMeltdownBody {
  0% { transform: translate3d(0,0,0) rotate(0deg) scale(1); filter: none; }
  5% { transform: translate3d(-8px, 5px, 0) rotate(-.55deg) scale(1.008); filter: brightness(1.42) saturate(1.8) contrast(1.15); }
  10% { transform: translate3d(9px, -6px, 0) rotate(.7deg) scale(1.014); filter: brightness(1.7) saturate(2.2) hue-rotate(-12deg); }
  18% { transform: translate3d(-12px, 3px, 0) rotate(-1deg) scale(1.018); filter: brightness(.82) saturate(2.4) contrast(1.45); }
  27% { transform: translate3d(10px, 7px, 0) rotate(.85deg) scale(1.012); filter: invert(.08) brightness(1.35) saturate(2); }
  37% { transform: translate3d(-7px, -8px, 0) rotate(-.55deg) scale(1.01); filter: brightness(.78) contrast(1.55) saturate(1.8); }
  50% { transform: translate3d(5px, 3px, 0) rotate(.35deg) scale(1.006); filter: brightness(1.2) saturate(1.55); }
  68% { transform: translate3d(-3px, 2px, 0) rotate(-.18deg) scale(1.003); filter: brightness(1.08) saturate(1.25); }
  100% { transform: translate3d(0,0,0) rotate(0deg) scale(1); filter: none; }
}
@keyframes scslMeltdownFlash {
  0% { opacity: 0; transform: scale(1); }
  4% { opacity: 1; }
  12% { opacity: .94; transform: scale(1.025); }
  22% { opacity: .62; transform: scale(1.045); }
  38% { opacity: .38; }
  64% { opacity: .18; transform: scale(1.08); }
  100% { opacity: 0; transform: scale(1.12); }
}
@keyframes scslMeltdownScanlines {
  0% { opacity: 0; transform: translateY(-18px); }
  6% { opacity: .78; transform: translateY(7px); }
  20% { opacity: .54; transform: translateY(-3px); }
  35% { opacity: .72; transform: translateY(12px); }
  55% { opacity: .36; transform: translateY(22px); }
  100% { opacity: 0; transform: translateY(38px); }
}
@keyframes scslBrokenOverlayIn {
  0% { opacity: 0; transform: scale(1.02); }
  8% { opacity: 1; transform: scale(1); }
  72% { opacity: .95; }
  100% { opacity: 0; transform: scale(.985); }
}
@keyframes scslBrokenCardGlitch {
  0% { transform: translate3d(0, 8px, 0) rotate(-1deg); opacity: 0; }
  8% { transform: translate3d(-6px, 0, 0) rotate(1deg); opacity: 1; }
  15% { transform: translate3d(7px, -3px, 0) rotate(-1deg); }
  25% { transform: translate3d(-4px, 3px, 0) rotate(.65deg); }
  42% { transform: translate3d(5px, 0, 0) rotate(-.35deg); }
  60% { transform: translate3d(-2px, 1px, 0) rotate(.2deg); }
  100% { transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; }
}
@keyframes scslSecretPanicButton {
  0% { transform: scale(1); }
  8% { transform: scale(1.14) rotate(-2deg); }
  18% { transform: scale(.96) rotate(2deg); }
  30% { transform: scale(1.08) rotate(-1deg); }
  55% { transform: scale(1.02); }
  100% { transform: scale(1); }
}
@media (max-width: 760px) {
  .secret-do-not-touch { margin-top: 24px; padding-bottom: 4px; }
  .secret-do-not-touch-btn { font-size: .78rem; padding: 11px 18px 10px; letter-spacing: .15em; }
  .scsl-broken-card { padding: 19px 16px 16px; border-radius: 20px; }
  .scsl-broken-sub { font-size: .78rem; }
}
/* ===== END SECRET DO NOT TOUCH PRODUCTION ===== */


/* ===== ALWAYS VISIBLE TICKER LOCK PATCH ===== */
.broadcast-ticker.scsl-broadcast-fixed-target,
.broadcast-ticker.scsl-broadcast-is-fixed,
.scsl-broadcast-fixed-target.scsl-broadcast-is-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: 2147483647 !important;
}

.scsl-broadcast-fixed-spacer {
  display: block !important;
  height: var(--scsl-broadcast-height, 40px) !important;
  min-height: var(--scsl-broadcast-height, 40px) !important;
}

body.scsl-broadcast-fixed-on .broadcast-bar {
  margin-top: var(--scsl-broadcast-height, 40px) !important;
}

section,
[id] {
  scroll-margin-top: calc(var(--scsl-broadcast-height, 40px) + 72px) !important;
}





/* ===== TICKER TRUE STABLE FINAL LOCK ===== */
/* Pure CSS fixed ticker. No scroll-state speed changes, no JS re-lock, no reset. */
:root {
  --scsl-ticker-height-final: 40px;
  --scsl-ticker-duration-final: 96s;
}

.broadcast-ticker {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: var(--scsl-ticker-height-final) !important;
  min-height: var(--scsl-ticker-height-final) !important;
  max-height: var(--scsl-ticker-height-final) !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  z-index: 2147483647 !important;
  transform: none !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.012)),
    linear-gradient(90deg, rgba(105,12,20,.72), rgba(5,6,10,.98) 18%, rgba(5,6,10,.98) 82%, rgba(105,12,20,.62)) !important;
  border-top: 1px solid rgba(255,255,255,.075) !important;
  border-bottom: 1px solid rgba(245,199,107,.48) !important;
  box-shadow:
    0 13px 34px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(245,199,107,.16) !important;
}

/* Keep the top broadcast bar below the fixed ticker without changing ticker state. */
.broadcast-bar {
  margin-top: var(--scsl-ticker-height-final) !important;
  position: sticky !important;
  top: var(--scsl-ticker-height-final) !important;
  z-index: 6000 !important;
}

/* Kill old JS spacer/class behavior if an older browser still has it. */
.scsl-broadcast-fixed-spacer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

body.scsl-broadcast-fixed-on .broadcast-bar {
  margin-top: var(--scsl-ticker-height-final) !important;
}

.broadcast-ticker .ticker-track,
.broadcast-ticker.scsl-broadcast-fixed-target .ticker-track,
.broadcast-ticker.scsl-broadcast-is-fixed .ticker-track,
.scsl-broadcast-fixed-target.scsl-broadcast-is-fixed .ticker-track,
body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target .ticker-track,
.ticker-track {
  display: flex !important;
  align-items: center !important;
  min-width: max-content !important;
  width: max-content !important;
  white-space: nowrap !important;
  gap: 38px !important;
  transform: translate3d(0,0,0);
  will-change: transform;

  animation-name: scslTickerTrueStableFinal !important;
  animation-duration: var(--scsl-ticker-duration-final) !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-play-state: running !important;

  font-family: var(--font-stat, "Rajdhani", "Inter", sans-serif) !important;
  font-size: 12.8px !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.96) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.85), 0 0 8px rgba(255,255,255,.10) !important;
}

@keyframes scslTickerTrueStableFinal {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

.ticker-track span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-right: 44px !important;
  color: rgba(255,255,255,.96) !important;
}

.ticker-track span::before {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: #e0202f !important;
  box-shadow: 0 0 10px rgba(224,32,47,.85), 0 0 18px rgba(245,199,107,.22) !important;
}

.ticker-track span::after {
  content: "◆" !important;
  margin-left: 22px !important;
  font-size: .58rem !important;
  color: rgba(245,199,107,.64) !important;
  text-shadow: 0 0 12px rgba(245,199,107,.32) !important;
}

.ticker-label {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px 3px !important;
  border-radius: 999px !important;
  color: #171008 !important;
  background: linear-gradient(180deg, #ffe9a3, #c89235) !important;
  border: 1px solid rgba(255,243,196,.42) !important;
  box-shadow: 0 0 14px rgba(245,199,107,.22), inset 0 1px 0 rgba(255,255,255,.45) !important;
  font-weight: 950 !important;
  letter-spacing: .135em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.ticker-track em {
  color: rgba(255,255,255,.96) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: .045em !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.85), 0 0 10px rgba(255,255,255,.08) !important;
}

.broadcast-ticker::before,
.broadcast-ticker::after,
.scsl-broadcast-fixed-target::before,
.scsl-broadcast-fixed-target::after {
  display: none !important;
  content: none !important;
}

section,
[id] {
  scroll-margin-top: calc(var(--scsl-ticker-height-final) + 72px) !important;
}

@media (max-width: 760px) {
  :root {
    --scsl-ticker-height-final: 37px;
    --scsl-ticker-duration-final: 57s;
  }

  .ticker-track {
    font-size: 10.8px !important;
    gap: 30px !important;
  }

  .ticker-track span {
    gap: 8px !important;
    margin-right: 32px !important;
  }

  .ticker-label {
    padding: 3px 8px 2px !important;
    letter-spacing: .11em !important;
  }

  .ticker-track span::after {
    margin-left: 16px !important;
  }
}
/* ===== END TICKER TRUE STABLE FINAL LOCK ===== */


/* ===== TICKER REPAIR STICKY V2 — DO NOT OVERRIDE ===== */
/* Restores ticker to normal flow + sticky behavior. No fixed JS state, no speed jump on scroll. */
:root {
  --scsl-topbar-repair-height: 44px;
  --scsl-ticker-repair-height: 39px;
  --scsl-ticker-repair-speed: 150s;
}

html,
body {
  overflow-x: hidden !important;
}

/* top SCSL15 bar stays clean above the ticker */
.broadcast-bar {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  min-height: var(--scsl-topbar-repair-height) !important;
  z-index: 9000 !important;
  transform: none !important;
}

/* kill all old fixed/spacer behavior */
.scsl-broadcast-fixed-spacer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
}

body.scsl-broadcast-fixed-on .broadcast-bar,
html.scsl-broadcast-fixed-on .broadcast-bar {
  margin-top: 0 !important;
}

.broadcast-ticker,
.broadcast-ticker.scsl-broadcast-fixed-target,
.broadcast-ticker.scsl-broadcast-is-fixed,
.scsl-broadcast-fixed-target.scsl-broadcast-is-fixed,
body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target,
body.scsl-broadcast-fixed-on .broadcast-ticker {
  position: sticky !important;
  top: var(--scsl-topbar-repair-height) !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 8999 !important;

  display: flex !important;
  align-items: center !important;
  height: var(--scsl-ticker-repair-height) !important;
  min-height: var(--scsl-ticker-repair-height) !important;
  max-height: var(--scsl-ticker-repair-height) !important;
  overflow: hidden !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.012)),
    linear-gradient(90deg, rgba(105,12,20,.70), rgba(5,6,10,.99) 18%, rgba(5,6,10,.99) 82%, rgba(105,12,20,.62)) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  border-bottom: 1px solid rgba(245,199,107,.46) !important;
  box-shadow:
    0 12px 32px rgba(0,0,0,.54),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(245,199,107,.15) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
}

.broadcast-ticker::before,
.broadcast-ticker::after,
.scsl-broadcast-fixed-target::before,
.scsl-broadcast-fixed-target::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

.broadcast-ticker .ticker-track,
.broadcast-ticker.scsl-broadcast-fixed-target .ticker-track,
.broadcast-ticker.scsl-broadcast-is-fixed .ticker-track,
.scsl-broadcast-fixed-target.scsl-broadcast-is-fixed .ticker-track,
body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target .ticker-track,
.ticker-track {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  min-width: max-content !important;
  width: max-content !important;
  white-space: nowrap !important;
  gap: 34px !important;
  will-change: transform !important;
  transform: translate3d(0,0,0);

  animation-name: scslTickerStickyRepairV2 !important;
  animation-duration: var(--scsl-ticker-repair-speed) !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-play-state: running !important;

  font-family: var(--font-stat, "Rajdhani", "Inter", sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  letter-spacing: .052em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.96) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.86), 0 0 8px rgba(255,255,255,.10) !important;
}

@keyframes scslTickerStickyRepairV2 {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

.ticker-track span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-right: 40px !important;
  color: rgba(255,255,255,.96) !important;
}

.ticker-track span::before {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: #e0202f !important;
  box-shadow: 0 0 10px rgba(224,32,47,.82), 0 0 18px rgba(245,199,107,.20) !important;
}

.ticker-track span::after {
  content: "◆" !important;
  margin-left: 18px !important;
  font-size: .58rem !important;
  color: rgba(245,199,107,.62) !important;
  text-shadow: 0 0 12px rgba(245,199,107,.30) !important;
}

.ticker-label {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px 3px !important;
  border-radius: 999px !important;
  color: #160f08 !important;
  background: linear-gradient(180deg, #ffe9a3, #c89235) !important;
  border: 1px solid rgba(255,243,196,.42) !important;
  box-shadow: 0 0 14px rgba(245,199,107,.22), inset 0 1px 0 rgba(255,255,255,.45) !important;
  font-weight: 950 !important;
  letter-spacing: .125em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.ticker-track em {
  color: rgba(255,255,255,.96) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.86), 0 0 10px rgba(255,255,255,.08) !important;
}

section,
[id] {
  scroll-margin-top: calc(var(--scsl-topbar-repair-height) + var(--scsl-ticker-repair-height) + 28px) !important;
}

@media (max-width: 760px) {
  :root {
    --scsl-topbar-repair-height: 42px;
    --scsl-ticker-repair-height: 36px;
    --scsl-ticker-repair-speed: 108s;
  }

  .broadcast-ticker,
  .broadcast-ticker.scsl-broadcast-fixed-target,
  .broadcast-ticker.scsl-broadcast-is-fixed,
  .scsl-broadcast-fixed-target.scsl-broadcast-is-fixed,
  body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target,
  body.scsl-broadcast-fixed-on .broadcast-ticker {
    top: var(--scsl-topbar-repair-height) !important;
  }

  .ticker-track {
    font-size: 10.7px !important;
    gap: 28px !important;
    letter-spacing: .048em !important;
  }

  .ticker-track span {
    gap: 8px !important;
    margin-right: 30px !important;
  }

  .ticker-label {
    padding: 3px 8px 2px !important;
    letter-spacing: .105em !important;
  }

  .ticker-track span::after {
    margin-left: 14px !important;
  }
}
/* ===== END TICKER REPAIR STICKY V2 ===== */




/* ===== MOBILE TICKER MOTION HARD RESET ===== */
/* Desktop is intentionally untouched. Mobile uses left-based animation so transform locks cannot freeze the crawl. */
@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .broadcast-bar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  .broadcast-ticker,
  .broadcast-ticker.scsl-broadcast-fixed-target,
  .broadcast-ticker.scsl-broadcast-is-fixed,
  .scsl-broadcast-fixed-target.scsl-broadcast-is-fixed,
  body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target,
  body.scsl-broadcast-fixed-on .broadcast-ticker {
    display: flex !important;
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    overflow: hidden !important;
    contain: none !important;
    z-index: 9999 !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.012)),
      linear-gradient(90deg, rgba(105,12,20,.72), rgba(5,6,10,.98) 18%, rgba(5,6,10,.98) 82%, rgba(105,12,20,.62)) !important;
    border-bottom: 1px solid rgba(245,199,107,.48) !important;
  }

  .broadcast-ticker .ticker-track,
  .broadcast-ticker.scsl-broadcast-fixed-target .ticker-track,
  .broadcast-ticker.scsl-broadcast-is-fixed .ticker-track,
  .scsl-broadcast-fixed-target.scsl-broadcast-is-fixed .ticker-track,
  body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target .ticker-track,
  .ticker-track {
    position: relative !important;
    left: 0;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-width: max-content !important;
    width: max-content !important;
    white-space: nowrap !important;
    gap: 28px !important;

    transform: none !important;
    -webkit-transform: none !important;
    will-change: left !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;

    animation-name: scslMobileTickerLeftFinal !important;
    animation-duration: 100s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;

    font-size: 10.7px !important;
    letter-spacing: .048em !important;
  }

  .ticker-track span {
    gap: 8px !important;
    margin-right: 30px !important;
  }

  .ticker-label {
    padding: 3px 8px 2px !important;
    letter-spacing: .105em !important;
  }

  .ticker-track span::after {
    margin-left: 14px !important;
  }

  section,
  [id] {
    scroll-margin-top: 66px !important;
  }
}

@keyframes scslMobileTickerLeftFinal {
  from { left: 0; }
  to { left: -50%; }
}
/* ===== END MOBILE TICKER MOTION HARD RESET ===== */


/* ===== MOBILE TICKER FIXED FAST FINAL ===== */
/* Desktop is untouched. Mobile ticker is fixed, stable, and faster. */
@media (max-width: 760px) {
  :root {
    --scsl-mobile-ticker-height-final: 36px;
    --scsl-mobile-ticker-speed-final: 62s;
  }

  html,
  body {
    overflow-x: hidden !important;
  }

  .broadcast-ticker,
  .broadcast-ticker.scsl-broadcast-fixed-target,
  .broadcast-ticker.scsl-broadcast-is-fixed,
  .scsl-broadcast-fixed-target.scsl-broadcast-is-fixed,
  body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target,
  body.scsl-broadcast-fixed-on .broadcast-ticker {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: var(--scsl-mobile-ticker-height-final) !important;
    min-height: var(--scsl-mobile-ticker-height-final) !important;
    max-height: var(--scsl-mobile-ticker-height-final) !important;
    margin: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    z-index: 2147483647 !important;
    transform: none !important;
    contain: paint !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.012)),
      linear-gradient(90deg, rgba(105,12,20,.72), rgba(5,6,10,.985) 18%, rgba(5,6,10,.985) 82%, rgba(105,12,20,.62)) !important;
    border-top: 1px solid rgba(255,255,255,.075) !important;
    border-bottom: 1px solid rgba(245,199,107,.48) !important;
    box-shadow:
      0 12px 30px rgba(0,0,0,.58),
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -1px 0 rgba(245,199,107,.15) !important;
  }

  /* Keep the SCSL15 top bar below the fixed ticker instead of fighting it. */
  .broadcast-bar {
    position: sticky !important;
    top: var(--scsl-mobile-ticker-height-final) !important;
    margin-top: var(--scsl-mobile-ticker-height-final) !important;
    z-index: 9000 !important;
    transform: none !important;
  }

  .scsl-broadcast-fixed-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
  }

  .broadcast-ticker .ticker-track,
  .broadcast-ticker.scsl-broadcast-fixed-target .ticker-track,
  .broadcast-ticker.scsl-broadcast-is-fixed .ticker-track,
  .scsl-broadcast-fixed-target.scsl-broadcast-is-fixed .ticker-track,
  body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target .ticker-track,
  .ticker-track {
    position: relative !important;
    left: 0;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-width: max-content !important;
    width: max-content !important;
    white-space: nowrap !important;
    gap: 28px !important;

    /* left-based animation avoids old transform locks freezing mobile Safari */
    transform: none !important;
    -webkit-transform: none !important;
    will-change: left !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;

    animation-name: scslMobileTickerFixedFastFinal !important;
    animation-duration: var(--scsl-mobile-ticker-speed-final) !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;

    font-size: 10.7px !important;
    letter-spacing: .048em !important;
  }

  .ticker-track span {
    gap: 8px !important;
    margin-right: 30px !important;
  }

  .ticker-label {
    padding: 3px 8px 2px !important;
    letter-spacing: .105em !important;
  }

  .ticker-track span::after {
    margin-left: 14px !important;
  }

  section,
  [id] {
    scroll-margin-top: calc(var(--scsl-mobile-ticker-height-final) + 58px) !important;
  }
}

@keyframes scslMobileTickerFixedFastFinal {
  from { left: 0; }
  to { left: -50%; }
}
/* ===== END MOBILE TICKER FIXED FAST FINAL ===== */


/* ===== MOBILE TICKER RAF STABILITY ===== */
@media (max-width: 760px) {
  .broadcast-ticker,
  .broadcast-ticker.scsl-broadcast-fixed-target,
  .broadcast-ticker.scsl-broadcast-is-fixed,
  body.scsl-broadcast-fixed-on .broadcast-ticker {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2147483647 !important;
    overflow: hidden !important;
  }

  .broadcast-ticker .ticker-track,
  .ticker-track {
    animation-name: none !important;
    animation: none !important;
  }
}
/* ===== END MOBILE TICKER RAF STABILITY ===== */


/* ===== TICKER FONT CONSISTENCY LOCK ===== */
/* Keeps every ticker fact at one consistent readable size. Does not touch ticker motion. */
.broadcast-ticker .ticker-track,
.broadcast-ticker .ticker-track span,
.broadcast-ticker .ticker-label,
.broadcast-ticker .ticker-track em,
.broadcast-ticker .ticker-track strong {
  font-family: var(--font-stat, "Rajdhani", "Inter", system-ui, sans-serif) !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .052em !important;
  text-transform: uppercase !important;
  font-variant-numeric: tabular-nums !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

.broadcast-ticker .ticker-track span {
  align-items: center !important;
}

.broadcast-ticker .ticker-label {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.broadcast-ticker .ticker-track em {
  display: inline-flex !important;
  align-items: center !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.96) !important;
  font-style: normal !important;
}

.broadcast-ticker .ticker-track span::before {
  flex: 0 0 auto !important;
}

.broadcast-ticker .ticker-track span::after {
  flex: 0 0 auto !important;
  font-size: 8px !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  .broadcast-ticker .ticker-track,
  .broadcast-ticker .ticker-track span,
  .broadcast-ticker .ticker-label,
  .broadcast-ticker .ticker-track em,
  .broadcast-ticker .ticker-track strong {
    font-size: 10.7px !important;
    line-height: 1 !important;
    letter-spacing: .048em !important;
  }

  .broadcast-ticker .ticker-label {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    padding: 0 8px !important;
  }

  .broadcast-ticker .ticker-track em {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
  }

  .broadcast-ticker .ticker-track span::after {
    font-size: 7px !important;
  }
}
/* ===== END TICKER FONT CONSISTENCY LOCK ===== */


/* ===== DESKTOP TICKER TOP LOCK ===== */
/* Desktop only: keep the finalized ticker stuck to the very top while scrolling. Mobile is untouched. */
@media (min-width: 761px) {
  /* Let the top brand bar scroll normally so it does not reserve the top slot. */
  .broadcast-bar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin-top: 0 !important;
    transform: none !important;
    z-index: 9000 !important;
  }

  .broadcast-ticker,
  .broadcast-ticker.scsl-broadcast-fixed-target,
  .broadcast-ticker.scsl-broadcast-is-fixed,
  .scsl-broadcast-fixed-target.scsl-broadcast-is-fixed,
  body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target,
  body.scsl-broadcast-fixed-on .broadcast-ticker {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 2147483000 !important;
  }

  .scsl-broadcast-fixed-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
  }

  section,
  [id] {
    scroll-margin-top: 82px !important;
  }
}
/* ===== END DESKTOP TICKER TOP LOCK ===== */


/* ===== DESKTOP TICKER VIEWPORT LOCK FINAL ===== */
/* Desktop: keep the ticker fixed to the top of the visible display/viewport while scrolling. */
@media (min-width: 761px) {
  :root {
    --scsl-desktop-ticker-height-final: 40px;
  }

  html,
  body {
    scroll-padding-top: calc(var(--scsl-desktop-ticker-height-final) + 48px) !important;
  }

  /* Reserve space so the fixed ticker does not cover the top bar/page content. */
  body {
    padding-top: var(--scsl-desktop-ticker-height-final) !important;
  }

  .broadcast-ticker,
  .broadcast-ticker.scsl-broadcast-fixed-target,
  .broadcast-ticker.scsl-broadcast-is-fixed,
  .scsl-broadcast-fixed-target,
  .scsl-broadcast-fixed-target.scsl-broadcast-is-fixed,
  body.scsl-broadcast-fixed-on .broadcast-ticker,
  body.scsl-broadcast-fixed-on .scsl-broadcast-fixed-target {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 2147483000 !important;
  }

  .broadcast-ticker .ticker-track,
  .broadcast-ticker.scsl-broadcast-fixed-target .ticker-track,
  .broadcast-ticker.scsl-broadcast-is-fixed .ticker-track,
  .scsl-broadcast-fixed-target.scsl-broadcast-is-fixed .ticker-track {
    animation-play-state: running !important;
  }

  .scsl-broadcast-fixed-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
  }

  section,
  [id] {
    scroll-margin-top: calc(var(--scsl-desktop-ticker-height-final) + 68px) !important;
  }
}
/* ===== END DESKTOP TICKER VIEWPORT LOCK FINAL ===== */


/* ===== SCSL15 COUNTDOWN ORDER FINAL ===== */
/* Visual countdown from #15 to #1 while preserving original DOM order for existing Top 3 styling. */
#top15 .section-head h2::after {
  content: " #15 → #1";
  color: rgba(245,199,107,.92);
  font-family: var(--font-stat, "Rajdhani", sans-serif);
  font-size: .38em;
  font-weight: 900;
  letter-spacing: .12em;
  vertical-align: middle;
  margin-left: 10px;
}

#top15Grid {
  display: grid;
}

#top15Grid + #legacySpotlight {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
}

#top15Grid + #legacySpotlight::before {
  content: "COUNTDOWN COMPLETE";
  display: block;
  width: fit-content;
  margin: 0 auto 14px;
  padding: 5px 12px 4px;
  border-radius: 999px;
  border: 1px solid rgba(245,199,107,.28);
  background: rgba(0,0,0,.26);
  color: rgba(245,199,107,.92);
  font-family: var(--font-stat, "Rajdhani", sans-serif);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  #top15 .section-head h2::after {
    display: block;
    margin-left: 0;
    margin-top: 5px;
    font-size: .42em;
  }

  #top15Grid + #legacySpotlight {
    margin-top: 18px !important;
  }
}
/* ===== END SCSL15 COUNTDOWN ORDER FINAL ===== */