/*
 * Arena Live 3.1
 * A clean shared presentation layer for the current templates.
 * Route CSS owns layout details; this file supplies one coherent palette,
 * header/footer, common cards and carefully scoped route refinements.
 */
:root {
  --theme-primary: #0877b9;
  --theme-primary-hover: #065d91;
  --theme-accent: #ef4057;
  --theme-success: #0d9a70;
  --theme-warning: #f59e0b;
  --bg-light: #f3f7fb;
  --border-color: #dce6ef;
  --text-main: #17283a;
  --text-soft: #62758a;
  --al-surface: #fff;
  --al-surface-soft: #f7fafc;
  --al-navy: #0d2031;
  --al-navy-2: #132d43;
  --al-blue: #0877b9;
  --al-blue-dark: #065d91;
  --al-red: #ef4057;
  --al-green: #0d9a70;
  --al-line: #dce6ef;
  --al-text: #17283a;
  --al-muted: #62758a;
  --al-radius: 12px;
  --al-shadow: 0 10px 30px rgba(25, 62, 94, .08);
}

html { background:#f3f7fb; }
body.arena-live-v2 {
  margin:0;
  color:var(--al-text);
  background:#f3f7fb;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.arena-live-v2 * { box-sizing:border-box; }
body.arena-live-v2 a { text-decoration:none; }
body.arena-live-v2 img { max-width:100%; }
body.arena-live-v2 .al-shell {
  width:min(1280px,calc(100% - 32px));
  max-width:1280px;
  margin-inline:auto;
}
body.arena-live-v2 .al-main-shell {
  display:block;
  min-height:62vh;
  padding:22px 0 54px;
}

/* Header */
.al-site-header {
  position:relative;
  z-index:30;
  color:#fff;
  background:var(--al-navy);
  box-shadow:0 3px 16px rgba(4,22,37,.12);
}
.al-header-main { background:var(--al-navy); }
.al-header-row {
  min-height:72px;
  display:grid;
  grid-template-columns:230px minmax(0,1fr) 250px;
  gap:18px;
  align-items:center;
}
.al-brand {
  display:inline-flex;
  align-items:center;
  gap:11px;
  min-width:0;
  color:#fff;
}
.al-brand-mark {
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.36);
  border-radius:12px;
  background:linear-gradient(145deg,#1b94d4,#0767a3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}
.al-brand-mark svg { width:37px; height:37px; overflow:visible; }
.al-logo-ball,.al-logo-panel,.al-logo-seam,.al-logo-signal {
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.al-logo-panel { fill:rgba(255,255,255,.16); stroke-width:1.7; }
.al-logo-seam { stroke-width:1.5; }
.al-logo-live-dot { fill:#ff5267; stroke:#fff; stroke-width:1; }
.al-brand-copy { min-width:0; }
.al-brand strong {
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:21px;
  line-height:1.16;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.al-brand small {
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:4px;
  color:#b8cada;
  font-size:10px;
  letter-spacing:.03em;
  white-space:nowrap;
}
.al-brand small b {
  display:inline-flex;
  align-items:center;
  min-height:15px;
  padding:0 4px;
  color:#fff;
  background:var(--al-red);
  border-radius:3px;
  font-size:8px;
}
.al-primary-nav {
  align-self:stretch;
  display:flex;
  align-items:stretch;
  overflow:hidden;
}
.al-primary-nav a {
  display:flex;
  align-items:center;
  padding:0 15px;
  color:#d7e2ec;
  border-bottom:3px solid transparent;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
.al-primary-nav a:hover,.al-primary-nav a.is-active {
  color:#fff;
  background:rgba(255,255,255,.06);
  border-bottom-color:#2ca9e8;
}
.al-search {
  height:40px;
  display:flex;
  overflow:hidden;
  background:#091722;
  border:1px solid #314b60;
  border-radius:7px;
}
.al-search label { flex:1; min-width:0; }
.al-search input {
  width:100%;
  height:100%;
  padding:0 12px;
  color:#fff;
  background:transparent;
  border:0;
  outline:0;
  font-size:13px;
}
.al-search input::placeholder { color:#8094a6; }
.al-search button {
  width:42px;
  display:grid;
  place-items:center;
  color:#bcd0df;
  background:transparent;
  border:0;
  cursor:pointer;
}
.al-search button i { display:none; }
.al-search button::before {
  content:"";
  width:13px;
  height:13px;
  display:block;
  border:2px solid currentColor;
  border-radius:50%;
}
.al-search button::after {
  content:"";
  width:7px;
  height:2px;
  margin:-8px 0 0 15px;
  display:block;
  background:currentColor;
  transform:rotate(45deg);
}
.al-league-bar {
  min-height:44px;
  display:flex;
  align-items:center;
  background:#091722;
  border-top:1px solid rgba(255,255,255,.05);
}
.al-league-bar nav {
  display:flex;
  overflow-x:auto;
  scrollbar-width:none;
}
.al-league-bar a {
  padding:12px 18px;
  color:#b9c9d6;
  font-size:13px;
  white-space:nowrap;
}
.al-league-bar a:hover { color:#fff; background:#142b3d; }
.al-menu-toggle,.al-mobile-menu { display:none; }

/* Common page surfaces */
body.arena-live-v2 .al-main-shell > .alv2-page,
body.arena-live-v2 .al-main-shell > .jzt-portal-league-wrap,
body.arena-live-v2 .al-main-shell > .sp-match-page,
body.arena-live-v2 .al-main-shell > .sp-team-page,
body.arena-live-v2 .al-main-shell > .portal-player-wrap,
body.arena-live-v2 .al-main-shell > .container {
  color:var(--al-text);
}
body.arena-live-v2 .jzt-breadcrumb,
body.arena-live-v2 nav.breadcrumb {
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  margin:0 0 16px;
  padding:0 16px;
  overflow:hidden;
  color:var(--al-muted);
  background:#fff;
  border:1px solid var(--al-line);
  border-left:4px solid var(--al-blue);
  border-radius:9px;
  box-shadow:0 3px 12px rgba(24,61,92,.04);
  font-size:13px;
  line-height:1.5;
}
body.arena-live-v2 .jzt-breadcrumb ol {
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:0;
  margin:0;
  padding:0;
  overflow:hidden;
  list-style:none;
}
body.arena-live-v2 .jzt-breadcrumb li {
  min-width:0;
  display:flex;
  align-items:center;
  color:var(--al-muted);
  white-space:nowrap;
}
body.arena-live-v2 .jzt-breadcrumb li+li::before {
  content:"/";
  margin:0 9px;
  color:#a4b2bf;
}
body.arena-live-v2 .jzt-breadcrumb a { color:#0871ad; font-weight:700; }
body.arena-live-v2 .jzt-breadcrumb li:last-child {
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.arena-live-v2 .jzt-breadcrumb .cur,
body.arena-live-v2 .jzt-breadcrumb li:last-child span {
  overflow:hidden;
  color:#52677a;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.arena-live-v2 .layout-grid {
  align-items:start;
}
body.arena-live-v2 .mod-box,
body.arena-live-v2 .wg,
body.arena-live-v2 .side-card,
body.arena-live-v2 .jzt-side-box,
body.arena-live-v2 .sp-match-card,
body.arena-live-v2 .sp-team-card,
body.arena-live-v2 .portal-table-container,
body.arena-live-v2 .jzt-seo-content-box {
  color:var(--al-text);
  background:#fff;
  border-color:var(--al-line);
  box-shadow:0 4px 18px rgba(25,62,94,.05);
}
body.arena-live-v2 .mod-hd,
body.arena-live-v2 .wg-hd,
body.arena-live-v2 .side-card-hd,
body.arena-live-v2 .sp-team-head,
body.arena-live-v2 .sp-section-head,
body.arena-live-v2 .jzt-page-titlebar {
  color:var(--al-text);
  background:#f7fafc;
  border-color:var(--al-line);
}
body.arena-live-v2 .mod-hd h2,
body.arena-live-v2 .mod-hd h3,
body.arena-live-v2 .wg-hd h2,
body.arena-live-v2 .wg-hd h3,
body.arena-live-v2 .sp-team-head h2,
body.arena-live-v2 .sp-team-head h3,
body.arena-live-v2 .sp-section-head h2,
body.arena-live-v2 .sp-section-head h3 { color:var(--al-text); }

/* League routes */
.alv2-league-page .league-matrix-top {
  margin:0 0 16px;
  padding:16px;
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
  box-shadow:0 4px 16px rgba(25,62,94,.05);
}
.alv2-league-page .league-matrix-hint {
  margin:0 0 10px;
  color:var(--al-muted);
  font-size:12px;
  font-weight:700;
}
.alv2-league-page .league-matrix-links {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0;
  color:var(--al-text);
  background:transparent;
}
.alv2-league-page .league-matrix-links a {
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 11px;
  color:#40566a;
  background:#f3f7fa;
  border:1px solid #dce6ef;
  border-radius:999px;
  font-size:12px;
}
.alv2-league-page .league-matrix-links a:hover,
.alv2-league-page .league-matrix-links a.active {
  color:#fff;
  background:var(--al-blue);
  border-color:var(--al-blue);
}
.alv2-league-page .league-header {
  margin-bottom:18px;
  padding:18px 22px;
  color:#fff;
  background:linear-gradient(120deg,#0769a4,#1191cc);
  border:0;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(8,119,185,.16);
}
.alv2-league-page .league-title-box h1 { color:#fff; font-size:24px; }
.alv2-league-page .league-jzt-nav-links {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:0;
  background:transparent;
}
.alv2-league-page .league-jzt-nav-links a {
  margin:0;
  color:#e7f6ff;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.22);
}
.alv2-league-page .league-jzt-nav-links a:hover,
.alv2-league-page .league-jzt-nav-links a.active {
  color:#0871ad;
  background:#fff;
  border-color:#fff;
}
.alv2-league-page .mod-box {
  overflow:hidden;
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
}
.alv2-league-page .mod-hd {
  min-height:50px;
  padding:0 16px;
  border-left:4px solid var(--al-blue);
}
.alv2-league-page .jzt-match-row {
  min-height:78px;
  color:#22384d;
  background:#fff;
  border-color:#edf2f6;
}
.alv2-league-page .jzt-match-row:hover { background:#f7fbfe; }
.alv2-league-page .jzt-m-team,
.alv2-league-page .jzt-m-score,
.alv2-league-page .jzt-m-time .t-hi,
.alv2-league-page .m-link-row1 { color:#1d3347; }
.alv2-league-page .jzt-m-time .t-md { color:#7d8d9d; }
.alv2-league-page .dynamic-src {
  color:#0871ad;
  background:#edf8fe;
  border-color:#9bd2ee;
}
.alv2-league-page .tag-cloud-dense a {
  color:#40566a;
  background:#f4f7fa;
  border-color:#dde6ee;
}

/* Schedule routes */
.alv2-schedule-page .layout-grid { gap:20px; }
.alv2-schedule-page .col-main {
  overflow:hidden;
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
  box-shadow:0 5px 20px rgba(25,62,94,.06);
}
.alv2-schedule-page .jzt-page-titlebar {
  min-height:58px;
  justify-content:center;
  padding:0 18px;
  color:#fff;
  background:linear-gradient(120deg,#0769a4,#1191cc);
  border:0;
}
.alv2-schedule-page .jzt-page-titlebar h1,
.alv2-schedule-page .jzt-page-titlebar h2 { margin:0; color:#fff; }
.al-menu-toggle .screen-reader-text {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.alv2-schedule-page .jzt-c-tabs,
.alv2-schedule-page .c-tabs {
  background:#fff;
  border-color:var(--al-line);
}
.alv2-schedule-page .jzt-c-tabs a,
.alv2-schedule-page .c-tabs a { color:#50657a; }
.alv2-schedule-page .jzt-c-tabs a.active,
.alv2-schedule-page .c-tabs a.active { color:#0871ad; background:#eef8fd; }
.alv2-schedule-page .jzt-c-tabs a.active::after,
.alv2-schedule-page .c-tabs a.active::after { background:var(--al-blue); }
.alv2-schedule-page .jzt-c-dates,
.alv2-schedule-page .c-dates { background:#f8fafc; border-color:var(--al-line); }
.alv2-schedule-page .jzt-c-dates a,
.alv2-schedule-page .c-dates a {
  color:#40566a;
  background:#fff;
  border:1px solid #dce6ef;
  border-radius:7px;
}
.alv2-schedule-page .jzt-c-dates a.active {
  color:#fff;
  background:var(--al-blue);
  border-color:var(--al-blue);
}
.alv2-schedule-page .jzt-league-filter-bar {
  margin:0;
  padding:13px 14px;
  color:#42576a;
  background:#f4f8fb;
  border:0;
  border-bottom:1px solid var(--al-line);
}
.alv2-schedule-page .league-filter-btn {
  min-height:28px;
  margin:2px;
  padding:0 10px;
  color:#40566a;
  background:#fff;
  border:1px solid #d8e4ed;
  border-radius:6px;
}
.alv2-schedule-page .league-filter-btn.active,
.alv2-schedule-page .league-filter-btn:hover {
  color:#fff;
  background:var(--al-blue);
  border-color:var(--al-blue);
}
.alv2-schedule-page .jzt-league-group-title {
  color:#1c3449;
  background:#eaf4fa;
  border-color:#d8e8f2;
}
.alv2-schedule-page .m-row {
  color:#243b50;
  background:#fff;
  border-color:#edf2f6;
}
.alv2-schedule-page .m-row:hover { background:#f8fbfd; }
.alv2-schedule-page .jzt-schedule-live-btn {
  display:inline-flex;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  color:#fff;
  background:var(--al-blue);
  border:0;
  border-radius:6px;
  font-weight:700;
}
.alv2-schedule-page .jzt-schedule-note {
  margin-top:18px;
  padding:18px 20px;
  color:#4c6276;
  background:#f7fbfe;
  border:1px solid #dceaf3;
  border-left:4px solid var(--al-blue);
  border-radius:10px;
}
.alv2-schedule-page .jzt-schedule-note h2,
.alv2-schedule-page .jzt-schedule-note h3 { color:#16344c; }

/* Match routes */
.alv2-match-page.sp-match-page {
  background:transparent;
}
.alv2-match-page .sp-match-hero {
  overflow:visible;
  background:transparent;
}
.alv2-match-page .sp-match-container { max-width:1200px; }
.alv2-match-page .sp-match-crumb { margin-bottom:16px; }
.alv2-match-page .sp-match-stage-card {
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 75% 15%,rgba(255,255,255,.16),transparent 25%),
    linear-gradient(125deg,#075f98 0%,#0c83bc 58%,#07557f 100%);
  border-radius:14px;
  box-shadow:0 14px 34px rgba(6,87,134,.18);
}
.alv2-match-page .sp-match-heading,
.alv2-match-page .sp-match-heading-copy,
.alv2-match-page .sp-match-heading h1,
.alv2-match-page .sp-match-heading-meta { color:#fff; }
.alv2-match-page .sp-match-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:20px;
}
.alv2-match-page .sp-match-card {
  overflow:hidden;
  color:var(--al-text);
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
}
.alv2-match-page .sp-match-card h2,
.alv2-match-page .sp-match-card h3 { color:#19344b; }
.alv2-match-page .sp-smart-sidebar,
.alv2-match-page .sp-smart-sidebar-wrap {
  color:var(--al-text);
}
.alv2-match-page .sp-smart-card {
  overflow:hidden;
  color:var(--al-text);
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
  box-shadow:0 4px 18px rgba(25,62,94,.05);
}
.alv2-match-page .sp-smart-card header,
.alv2-match-page .sp-smart-card>h3 {
  color:#19344b;
  background:#f7fafc;
  border-color:var(--al-line);
}
.alv2-match-page .sp-smart-card a { color:#365169; }
.alv2-match-page .sp-smart-card a:hover { color:var(--al-blue); }

/* Standings, directories, entities and editorial routes */
.alv2-standings-page,
.alv2-team-page,
.alv2-player-page,
.alv2-static-page,
.alv2-seo-page,
.jzt-article-page,
.jzt-portal-cat-wrap,
.jzt-dir-wrap {
  color:var(--al-text);
}
.alv2-standings-page .jzt-league-matrix-nav,
.alv2-standings-page .jzt-standings-head,
.alv2-standings-page .table-responsive,
.jzt-dir-main-box,
.jzt-dir-seo-box {
  background:#fff;
  border-color:var(--al-line);
  border-radius:10px;
  box-shadow:0 4px 18px rgba(25,62,94,.05);
}
.alv2-standings-page .jzt-league-matrix-nav a {
  color:#40566a;
  background:#f3f7fa;
  border-color:#dce6ef;
}
.alv2-standings-page .jzt-league-matrix-nav a.active,
.alv2-standings-page .jzt-league-matrix-nav a:hover {
  color:#fff;
  background:var(--al-blue);
  border-color:var(--al-blue);
}
.alv2-standings-page .jzt-table-standings { color:#243b50; background:#fff; }
.alv2-standings-page .jzt-table-standings thead { color:#40566a; background:#edf5fa; }
.alv2-standings-page .jzt-table-standings tr { border-color:#e8eff5; }

/* Home */
.alv2-home { display:grid; gap:20px; }
.alv2-home-hero {
  min-height:330px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 75% 25%,rgba(255,255,255,.16),transparent 23%),
    linear-gradient(120deg,#083a5b 0%,#0878b9 58%,#0a5e91 100%);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(5,70,110,.18);
}
.alv2-hero-copy { position:relative; padding:46px 50px; }
.alv2-eyebrow {
  display:inline-flex;
  padding:6px 9px;
  color:#dff4ff;
  border:1px solid rgba(255,255,255,.34);
  border-radius:6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.alv2-hero-copy h1 { margin:18px 0 10px; color:#fff; font-size:42px; line-height:1.15; }
.alv2-hero-copy p { margin:0; max-width:590px; color:#d5edfa; font-size:15px; line-height:1.8; }
.alv2-hero-actions { display:flex; gap:10px; margin-top:24px; }
.alv2-hero-actions a {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 19px;
  color:#fff;
  border:1px solid rgba(255,255,255,.48);
  border-radius:7px;
  font-weight:800;
}
.alv2-hero-actions a.is-primary { background:var(--al-red); border-color:var(--al-red); }
.alv2-hero-stats { display:flex; gap:34px; margin:28px 0 0; }
.alv2-hero-stats div { display:grid; }
.alv2-hero-stats dt { color:#fff; font-size:25px; font-weight:900; line-height:1; }
.alv2-hero-stats dd { margin:6px 0 0; color:#bad8e8; font-size:12px; }
.alv2-focus-match {
  align-self:center;
  margin:28px;
  overflow:hidden;
  background:rgba(7,27,42,.72);
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  backdrop-filter:blur(8px);
}
.alv2-focus-match header,
.alv2-focus-match footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 18px;
  color:#d1e6f2;
  border-color:rgba(255,255,255,.14);
}
.alv2-focus-match footer { background:rgba(0,0,0,.12); }
.alv2-focus-match footer p { margin:0; color:#c0d4df; font-size:12px; }
.alv2-focus-teams {
  display:grid;
  grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:25px 18px 22px;
}
.alv2-focus-teams>span { min-width:0; display:flex; flex-direction:column; align-items:center; gap:9px; }
.alv2-focus-teams img,.alv2-focus-teams .wc-logo-fallback { width:52px; height:52px; object-fit:contain; }
.alv2-focus-teams strong { max-width:100%; overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; }
.alv2-focus-teams b { display:grid; place-items:center; gap:7px; color:#fff; font-size:27px; }
.alv2-focus-teams b small { padding:3px 9px; color:#d6e2e9; background:rgba(255,255,255,.14); border-radius:20px; font-size:10px; }
.alv2-channel-grid,.alv2-league-strip {
  display:grid;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:12px;
  box-shadow:var(--al-shadow);
}
.alv2-channel-grid { grid-template-columns:repeat(7,1fr); }
.alv2-channel-grid a {
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#263d52;
  border-right:1px solid #e5edf3;
  font-size:14px;
  font-weight:800;
}
.alv2-channel-grid i { display:none; }
.alv2-channel-grid a:hover { color:var(--al-blue); background:#f5faff; }
.alv2-league-strip { grid-template-columns:repeat(5,1fr); }
.alv2-league-strip a {
  min-height:92px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 20px;
  color:#263d52;
  border-right:1px solid #e5edf3;
}
.alv2-league-strip img { width:40px; height:40px; object-fit:contain; }
.alv2-league-strip span { min-width:0; display:grid; gap:4px; }
.alv2-league-strip small { color:#7d8d9d; font-size:11px; }
.alv2-panel {
  overflow:hidden;
  color:var(--al-text);
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:12px;
  box-shadow:var(--al-shadow);
}
.alv2-section-head {
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 20px;
  background:#f7fafc;
  border-bottom:1px solid var(--al-line);
}
.alv2-section-head>div { display:grid; gap:5px; }
.alv2-section-head span { color:var(--al-blue); font-size:11px; font-weight:900; letter-spacing:.08em; }
.alv2-section-head h2 { margin:0; color:#17334a; font-size:21px; }
.alv2-section-head>a { color:#587086; font-size:13px; }
.alv2-filter { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.alv2-filter button {
  min-height:32px;
  padding:0 14px;
  color:#40566a;
  background:#fff;
  border:1px solid #d8e4ed;
  border-radius:7px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.alv2-filter button.active,.alv2-filter button:hover { color:#fff; background:var(--al-blue); border-color:var(--al-blue); }
.alv2-fixture-head,.alv2-fixture-row {
  display:grid;
  grid-template-columns:88px 120px minmax(0,1fr) 82px 112px;
  align-items:center;
}
.alv2-fixture-head {
  min-height:38px;
  padding:0 16px;
  color:#7c8c9c;
  background:#edf4f8;
  font-size:11px;
  text-align:center;
}
.alv2-day-group h3 { margin:0; padding:11px 16px; color:#17344c; background:#f8fafc; border-bottom:1px solid #e8eff5; font-size:13px; }
.alv2-fixture-row { min-height:70px; padding:8px 16px; color:#233b50; border-bottom:1px solid #edf2f6; }
.alv2-fixture-row:hover { background:#f8fbfd; }
.alv2-fixture-row>time { display:grid; }
.alv2-fixture-row>time strong { color:#17344c; font-size:15px; }
.alv2-fixture-row>time small,.alv2-fixture-league { color:#7c8c9c; font-size:11px; }
.alv2-fixture-versus { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr); align-items:center; gap:9px; }
.alv2-fixture-versus>span { min-width:0; display:flex; align-items:center; gap:9px; }
.alv2-fixture-versus>span:first-child { justify-content:flex-end; text-align:right; }
.alv2-fixture-versus strong { overflow:hidden; color:#20384c; text-overflow:ellipsis; white-space:nowrap; }
.alv2-fixture-versus img,.alv2-fixture-versus .wc-logo-fallback { flex:0 0 28px; width:28px; height:28px; object-fit:contain; }
.alv2-fixture-versus b { color:#17344c; text-align:center; white-space:nowrap; }
.alv2-state { justify-self:center; padding:4px 8px; color:#5e7184; background:#edf2f6; border-radius:20px; font-size:11px; font-style:normal; }
.state-live .alv2-state { color:#fff; background:var(--al-red); }
.state-next .alv2-state { color:#075a88; background:#dff4ff; }
.alv2-fixture-action { display:flex; justify-content:flex-end; }
.wc-live-btn {
  min-width:92px;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  color:#fff;
  background:var(--al-blue);
  border:1px solid var(--al-blue);
  border-radius:6px;
  font-size:12px;
  font-weight:800;
}
.alv2-more-link {
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0871ad;
  background:#f7fbfe;
  border-top:1px solid var(--al-line);
  font-size:13px;
  font-weight:800;
}
.alv2-editorial-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr); gap:20px; }
.alv2-news-grid,.alv2-video-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:14px; }
.alv2-news-card { min-height:102px; display:grid; grid-template-columns:140px minmax(0,1fr); gap:12px; align-items:center; overflow:hidden; color:#263d52; background:#f8fafc; border-radius:8px; }
.alv2-news-card img { width:140px; height:102px; object-fit:cover; }
.alv2-news-card>span { display:grid; gap:8px; padding-right:12px; }
.alv2-news-card small { color:#7c8c9c; font-size:11px; }
.alv2-video-card { overflow:hidden; color:#263d52; background:#f8fafc; border-radius:8px; }
.alv2-video-thumb { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#dce6ef; }
.alv2-video-thumb img { width:100%; height:100%; object-fit:cover; }
.alv2-video-card>strong { min-height:56px; display:block; padding:10px 12px; font-size:13px; line-height:1.45; }
.alv2-topic-cloud { display:flex; flex-wrap:wrap; gap:8px; padding:18px; }
.alv2-topic-cloud a { padding:7px 11px; color:#40566a; background:#f4f8fb; border:1px solid #dce6ef; border-radius:999px; font-size:12px; }
.alv2-topic-cloud a:hover { color:#fff; background:var(--al-blue); border-color:var(--al-blue); }
.alv2-seo-copy { padding:22px 24px; color:#536b80; background:#f7fbfe; border:1px solid var(--al-line); border-left:4px solid var(--al-blue); border-radius:10px; }
.alv2-seo-copy h2 { margin:0 0 8px; color:#17344c; font-size:18px; }
.alv2-seo-copy p { margin:0; font-size:13px; line-height:1.8; }

/* Footer */
.al-site-footer { color:#c4d1dc; background:#0a1925; border-top:4px solid var(--al-blue); }
.al-footer-grid { display:grid; grid-template-columns:minmax(300px,1.4fr) repeat(3,1fr); gap:42px; padding:42px 0 32px; }
.al-footer-brand p { max-width:430px; margin:18px 0 0; color:#8fa3b5; font-size:13px; line-height:1.8; }
.al-footer-grid nav { display:grid; align-content:start; gap:10px; }
.al-footer-grid nav strong { margin-bottom:5px; color:#fff; font-size:14px; }
.al-footer-grid nav a { color:#9fb0bf; font-size:13px; }
.al-footer-grid nav a:hover,.al-footer-bottom a:hover { color:#fff; }
.al-footer-bottom { min-height:54px; display:flex; align-items:center; justify-content:space-between; color:#7f93a5; border-top:1px solid #203342; font-size:12px; }
.al-footer-bottom a { color:#9fb0bf; }

@media (max-width:1100px) {
  .al-header-row { grid-template-columns:220px minmax(0,1fr) 44px; }
  .al-search { display:none; }
  .al-primary-nav a { padding-inline:11px; }
  .alv2-home-hero { grid-template-columns:1fr 390px; }
  .alv2-hero-copy { padding:38px; }
  .alv2-channel-grid { grid-template-columns:repeat(4,1fr); }
  .alv2-channel-grid a { border-bottom:1px solid #e5edf3; }
  .alv2-league-strip { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:900px) {
  body.arena-live-v2 .al-shell { width:min(100% - 24px,1280px); }
  .al-header-row { min-height:64px; grid-template-columns:minmax(0,1fr) 44px; }
  .al-primary-nav { display:none; }
  .al-menu-toggle {
    width:42px;
    height:42px;
    display:grid;
    place-content:center;
    gap:5px;
    padding:0;
    color:#fff;
    background:#143249;
    border:1px solid #31516a;
    border-radius:8px;
  }
  .al-menu-toggle span { width:20px; height:2px; display:block; background:currentColor; }
  .al-mobile-menu {
    padding:14px 12px 18px;
    color:#fff;
    background:#0d2031;
    border-top:1px solid #294156;
  }
  .al-mobile-menu[hidden] { display:none; }
  .al-mobile-menu.is-open { display:block; }
  .al-mobile-menu form { display:flex; gap:8px; margin-bottom:12px; }
  .al-mobile-menu input { flex:1; min-width:0; height:38px; padding:0 10px; border:1px solid #365066; border-radius:6px; }
  .al-mobile-menu button { padding:0 14px; color:#fff; background:var(--al-blue); border:0; border-radius:6px; }
  .al-mobile-menu nav { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
  .al-mobile-menu nav a { padding:9px; color:#d9e5ee; background:#142c3f; border-radius:6px; text-align:center; font-size:13px; }
  .alv2-home-hero { grid-template-columns:1fr; }
  .alv2-focus-match { margin-top:0; }
  .alv2-editorial-grid { grid-template-columns:1fr; }
  .alv2-match-page .sp-match-layout { grid-template-columns:1fr; }
  .alv2-match-page .sp-smart-sidebar-wrap { display:none; }
  .al-footer-grid { grid-template-columns:repeat(3,1fr); }
  .al-footer-brand { grid-column:1/-1; }
}

@media (max-width:768px) {
  body.arena-live-v2 .al-shell { width:100%; }
  body.arena-live-v2 .al-main-shell { padding:12px 0 30px; }
  .al-header-row { padding:0 12px; }
  .al-brand-mark { flex-basis:39px; width:39px; height:39px; }
  .al-brand strong { font-size:18px; }
  .al-league-bar nav { padding-inline:6px; }
  .al-league-bar a { padding:11px 12px; }
  .al-mobile-menu nav { grid-template-columns:repeat(2,1fr); }
  body.arena-live-v2 .jzt-breadcrumb,
  body.arena-live-v2 nav.breadcrumb { min-height:40px; margin:0 10px 12px; width:calc(100% - 20px); padding:0 12px; border-radius:7px; }
  .alv2-league-page .league-matrix-top { margin:0 10px 12px; padding:12px; border-radius:8px; }
  .alv2-league-page .league-matrix-links { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; }
  .alv2-league-page .league-matrix-links a { flex:0 0 auto; }
  .alv2-league-page .league-header { margin:0 10px 12px; padding:14px; border-radius:8px; }
  .alv2-league-page .league-title-box h1 { font-size:19px; }
  .alv2-league-page .league-jzt-nav-links { width:100%; overflow-x:auto; flex-wrap:nowrap; }
  .alv2-league-page .league-jzt-nav-links a { flex:0 0 auto; }
  .alv2-league-page .layout-grid { display:block; }
  .alv2-league-page .layout-side { width:100%; }
  .alv2-schedule-page .layout-grid { display:block; }
  .alv2-schedule-page .col-main { border-radius:0; }
  .alv2-schedule-page .col-side { width:100%; margin-top:12px; }
  .alv2-schedule-page .jzt-league-filter-bar { overflow-x:auto; white-space:nowrap; }
  .alv2-match-page .sp-match-stage-card { border-radius:0; }
  .alv2-home { gap:12px; }
  .alv2-home-hero { border-radius:0; }
  .alv2-hero-copy { padding:28px 18px; }
  .alv2-hero-copy h1 { font-size:30px; }
  .alv2-hero-stats { gap:24px; }
  .alv2-focus-match { margin:0 12px 16px; }
  .alv2-channel-grid { grid-template-columns:repeat(3,1fr); border-radius:0; }
  .alv2-channel-grid a { min-height:60px; font-size:13px; }
  .alv2-league-strip { grid-template-columns:1fr; border-radius:0; }
  .alv2-league-strip a { min-height:64px; border-right:0; border-bottom:1px solid #e5edf3; }
  .alv2-section-head { align-items:flex-start; flex-direction:column; min-height:auto; padding:14px; }
  .alv2-filter { justify-content:flex-start; }
  .alv2-fixture-head { display:none; }
  .alv2-fixture-row {
    grid-template-columns:54px minmax(0,1fr) 72px;
    grid-template-areas:"time versus state" "league versus action";
    gap:5px 8px;
    padding:10px 12px;
  }
  .alv2-fixture-row>time { grid-area:time; }
  .alv2-fixture-league { grid-area:league; text-align:left; }
  .alv2-fixture-versus { grid-area:versus; grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr); }
  .alv2-fixture-versus img,.alv2-fixture-versus .wc-logo-fallback { display:none; }
  .alv2-state { grid-area:state; }
  .alv2-fixture-action { grid-area:action; }
  .wc-live-btn { min-width:68px; min-height:29px; padding:0 7px; }
  .alv2-news-grid,.alv2-video-grid { grid-template-columns:1fr; }
  .alv2-news-card { grid-template-columns:112px minmax(0,1fr); }
  .alv2-news-card img { width:112px; }
  .al-footer-grid { grid-template-columns:1fr 1fr; gap:26px 18px; padding:30px 16px 24px; }
  .al-footer-brand { grid-column:1/-1; }
  .al-footer-bottom { min-height:76px; padding:10px 16px max(18px,env(safe-area-inset-bottom)); gap:8px 14px; flex-wrap:wrap; align-content:center; }
}
/* Hoops 24 1.0 — single scoped design layer */
body.hoops-24{--h24-ink:#16131f;--h24-graphite:#211d2a;--h24-panel:#2a2534;--h24-line:#494151;--h24-orange:#ff6b1a;--h24-purple:#6e48d7;--h24-cream:#fff7e9;--h24-text:#faf8ff;--h24-muted:#b8afc6;background:#15121c;color:var(--h24-text)}
body.hoops-24 a{color:inherit}
body.hoops-24 .h24-main-shell{max-width:1320px;padding-top:24px;padding-bottom:48px}
body.hoops-24 .h24-scoreline{background:var(--h24-orange);color:#1e1421}
body.hoops-24 .h24-scoreline .al-shell{display:flex;align-items:center;gap:24px;padding:8px 18px;font-size:12px}.h24-scoreline strong{letter-spacing:2px}.h24-scoreline span{display:flex;align-items:center;gap:8px}.h24-scoreline i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.28)}.h24-scoreline a{margin-left:auto;font-weight:900}
body.hoops-24 .h24-header .al-header-main{background:#1c1825;border-bottom:1px solid #3a3345}
body.hoops-24 .h24-header-row{min-height:80px;gap:25px}
body.hoops-24 .h24-brand .al-brand-mark{width:56px;height:56px;border:2px solid var(--h24-orange);border-radius:12px;background:#fff;overflow:hidden;transform:rotate(-2deg)}
body.hoops-24 .h24-brand .al-brand-mark img{width:100%;height:100%;object-fit:cover}
body.hoops-24 .h24-brand .al-brand-copy strong{color:#fff;font:900 23px/1.1 Impact,"Arial Black","Noto Sans SC",sans-serif;letter-spacing:.6px}.h24-brand .al-brand-copy small{color:#b7aec3}.h24-brand .al-brand-copy b{color:var(--h24-orange)}
body.hoops-24 .h24-primary-nav a{padding:29px 10px;color:#e5deed;border-bottom:4px solid transparent;font-weight:800}.h24-primary-nav a:hover{color:#fff;border-color:var(--h24-orange)}
body.hoops-24 .h24-search{border:1px solid #4b4258;background:#121019;border-radius:999px;overflow:hidden}.h24-search input{background:transparent;color:#fff}.h24-search button{width:45px;background:var(--h24-orange);color:#1f1522;font-weight:1000}
body.hoops-24 .h24-league-bar{background:#282330;border-bottom:1px solid #463d51}.h24-league-bar nav{display:flex}.h24-league-bar a{padding:12px 23px;border-right:1px solid #42394d;color:#c9c1d2;font-weight:700}.h24-league-bar a:hover{background:var(--h24-purple);color:#fff}
body.hoops-24 .h24-arena-hero{display:grid;grid-template-columns:1fr minmax(430px,.85fr);gap:26px;padding:36px;border:1px solid #51485b;border-radius:24px;background:radial-gradient(circle at 5% 5%,#4a2f29 0,#292232 40%,#1b1723 100%);box-shadow:0 25px 70px rgba(0,0,0,.35)}
body.hoops-24 .h24-hero-copy{display:flex;flex-direction:column;justify-content:center}.h24-hero-copy>span{color:var(--h24-orange);font:900 12px Impact,sans-serif;letter-spacing:3px}.h24-hero-copy h1{max-width:650px;margin:10px 0 13px;color:#fff;font:900 clamp(34px,4.5vw,58px)/1 Impact,"Arial Black","Noto Sans SC",sans-serif;letter-spacing:.5px}.h24-hero-copy p{max-width:630px;margin:0;color:#c7bece;line-height:1.8}.h24-hero-copy nav{display:flex;gap:10px;margin-top:24px}.h24-hero-copy nav a{padding:12px 17px;border:1px solid #655a70;border-radius:999px;color:#f7f2fb;font-weight:800}.h24-hero-copy nav a:first-child{border-color:var(--h24-orange);background:var(--h24-orange);color:#20151f}.h24-counts{display:flex;gap:12px;margin-top:28px}.h24-counts b{display:grid;min-width:100px;padding:11px 14px;border-left:3px solid var(--h24-orange);background:#241f2d;color:#fff;font-size:24px}.h24-counts small{color:#a9a0b5;font-size:11px;font-weight:600}
body.hoops-24 .h24-scoreboard{align-self:center;border:1px solid #5b5264;border-radius:16px;background:#fff8ea;color:#211a25;overflow:hidden;box-shadow:12px 12px 0 #6e48d7}.h24-scoreboard header{display:flex;justify-content:space-between;padding:13px 18px;background:#ff6b1a;font-weight:900}.h24-scoreboard>a{display:grid;grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);align-items:center;gap:12px;padding:30px 18px;text-align:center}.h24-scoreboard>a>span{display:grid;justify-items:center;gap:10px;min-width:0}.h24-scoreboard>a strong{display:-webkit-box;overflow:hidden;max-width:100%;color:#231b25;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.h24-scoreboard>a>b{color:#552fc3;font:900 28px Impact,sans-serif}.h24-scoreboard>a small{display:block;color:#746a79;font:700 10px sans-serif;letter-spacing:1px}.h24-scoreboard footer{padding:14px 18px;background:#ebe4d8;text-align:center}.h24-scoreboard .h24-action{position:static!important;display:inline-flex!important;min-width:112px!important;padding:10px 20px!important;border-radius:999px;background:#2b2232;color:#fff;font-weight:900;transform:none!important}.h24-team-logo,.h24-logo-fallback{display:grid;place-items:center;width:52px;height:52px;border:1px solid #d1c6d3;border-radius:50%;background:#fff}.h24-team-logo{position:relative;flex:0 0 auto}.h24-team-logo img{display:block;width:42px;height:42px;object-fit:contain}.h24-logo-fallback{color:#6845c9;font-weight:900}.h24-team-logo>.h24-logo-fallback{position:absolute;inset:0;width:100%;height:100%}.h24-team-logo>.h24-logo-fallback[hidden]{display:none!important}
body.hoops-24 .h24-channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0}.h24-channel-grid a{position:relative;display:grid;gap:5px;min-height:125px;padding:20px;border:1px solid #4c4356;border-radius:12px;background:#24202d;overflow:hidden}.h24-channel-grid a:after{content:"";position:absolute;right:-22px;bottom:-42px;width:105px;height:105px;border:14px solid rgba(255,107,26,.14);border-radius:50%}.h24-channel-grid b{color:#fff;font:900 28px Impact,sans-serif;letter-spacing:1px}.h24-channel-grid span{color:#aaa1b5}.h24-channel-grid i{color:var(--h24-orange);font-style:normal;font-weight:800}
body.hoops-24 .h24-board,body.hoops-24 .h24-news,body.hoops-24 .h24-replays,body.hoops-24 .h24-topics{border:1px solid #4a4254;border-radius:15px;background:#211d29;overflow:hidden}
body.hoops-24 .h24-section-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #494151}.h24-section-head>div>span{color:var(--h24-orange);font:900 11px Impact,sans-serif;letter-spacing:2px}.h24-section-head h2{margin:4px 0 0;color:#fff;font:900 24px/1.1 Impact,"Arial Black","Noto Sans SC",sans-serif}.h24-section-head>a{color:var(--h24-orange);font-weight:800}.h24-section-head nav{display:flex;gap:8px}.h24-section-head button{padding:8px 13px;border:1px solid #564c60;border-radius:999px;background:#2c2734;color:#c8c0d0;font-weight:700;cursor:pointer}.h24-section-head button.active{border-color:var(--h24-orange);background:var(--h24-orange);color:#211721}
body.hoops-24 .h24-day{border-bottom:1px solid #403848}.h24-day h3{margin:0;padding:11px 20px;background:#302a39;color:#e8e1ee;font-size:13px}.h24-day>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#433a4b}.h24-game{display:grid;grid-template-columns:52px minmax(0,1fr) 70px 94px;align-items:center;gap:9px;min-height:90px;padding:12px 14px;background:#211d29}.h24-game>time{color:#aaa1b5;font-weight:800}.h24-game>a{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:center;gap:6px;min-width:0}.h24-game>a>span{display:flex;align-items:center;gap:6px;min-width:0}.h24-game>a>span:last-child{justify-content:flex-end}.h24-game strong{overflow:hidden;color:#f5f1f8;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.h24-game>a>b{text-align:center;color:var(--h24-orange);font:900 17px Impact,sans-serif}.h24-game>em{color:#aaa1b5;font-size:11px;font-style:normal;text-align:center;white-space:nowrap}.h24-game .h24-action{position:static!important;display:flex!important;min-width:0!important;min-height:36px!important;padding:8px 7px!important;border:1px solid #655a70;border-radius:999px;color:#ded7e5;text-align:center;font-size:11px;font-weight:800;transform:none!important}.h24-game.state-live .h24-action{border-color:var(--h24-orange);background:var(--h24-orange);color:#211721}.h24-game .h24-team-logo,.h24-game .h24-logo-fallback{width:31px;height:31px}.h24-game .h24-team-logo img{width:25px;height:25px}.h24-all{display:block;padding:15px;text-align:center;color:var(--h24-orange);font-weight:900}
body.hoops-24 .h24-media-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:20px}.h24-news>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.h24-news>div:last-child>a{display:flex;gap:12px;border:1px solid #433b4c;border-radius:8px;background:#292430;overflow:hidden}.h24-news>div:last-child>a.is-lead{grid-column:1/-1}.h24-news img{width:120px;height:96px;object-fit:cover}.h24-news a.is-lead img{width:48%;height:190px}.h24-news a>span{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:10px 10px 10px 0}.h24-news strong{color:#f8f4fa;line-height:1.5}.h24-news small{color:#9e95a9}.h24-replays>div:last-child{display:grid;gap:13px;padding:16px}.h24-replays a>span{position:relative;display:block}.h24-replays img{width:100%;height:150px;object-fit:cover;border-radius:8px}.h24-replays i{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--h24-orange);color:#211721;font-style:normal}.h24-replays strong{display:block;margin-top:7px;color:#f2edf5}.h24-topics{margin-top:20px}.h24-topics>div:last-child{display:flex;flex-wrap:wrap;gap:9px;padding:18px}.h24-topics>div:last-child a{padding:9px 13px;border:1px solid #584e63;border-radius:999px;color:#d1c9d8}.h24-topics>div:last-child a:hover{border-color:var(--h24-orange);color:var(--h24-orange)}
body.hoops-24 .h24-edition-ribbon,body.hoops-24 .h24-match-ribbon{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:9px 15px;border-radius:999px;background:#2c2634;color:#c2b8cc}.h24-edition-ribbon span,.h24-match-ribbon span{display:grid;place-items:center;width:42px;height:42px;margin:-7px 0 -7px -13px;border-radius:50%;background:var(--h24-orange);color:#211721;font:900 17px Impact,sans-serif}.h24-edition-ribbon b,.h24-match-ribbon b{color:#fff;letter-spacing:1px}.h24-edition-ribbon i,.h24-match-ribbon i{margin-left:auto;color:#a79eaf;font-style:normal}
body.hoops-24 .h24-story-head{background:#292330!important;border-top:6px solid var(--h24-orange)}.h24-story-head i{display:block;color:var(--h24-orange);font:900 11px Impact,sans-serif;letter-spacing:2px}.h24-story-head h1{color:#fff!important;font-family:Impact,"Arial Black","Noto Sans SC",sans-serif!important}.h24-story-head div,.h24-story-head time,.h24-story-head b{color:#bdb3c6!important}
body.hoops-24 .h24-story-side .jzt-side-box{border-color:#4a4153;background:#241f2c}.h24-story-side .jzt-side-box h2{color:#fff;border-bottom-color:#4b4255}.h24-story-side .jzt-side-news-list span{color:#ddd5e3}.h24-story-side .jzt-side-topic-cloud a{border-color:#564b61;background:#312a3a;color:#eee8f2}
body.hoops-24 .h24-match-hero{background:#15121c}.h24-match-hero .sp-match-stage-card{border:1px solid #5a4e63;background:#2b2533;color:#f7f2fa}.h24-match-hero .sp-match-heading{background:#382a3a;border-bottom:4px solid var(--h24-orange)}.h24-match-hero .sp-match-heading h1,.h24-match-hero .sp-team-link strong,.h24-match-hero .sp-score-row{color:#fff}.h24-match-hero .sp-team-panel p,.h24-match-hero .sp-match-heading time{color:#bbb1c4}.h24-match-hero .sp-score-core{border-color:#55495e}.h24-match-page .sp-match-card{border-color:#4c4256;background:#241f2c}.h24-match-page .sp-section-head{background:#312a39;border-color:#4b4155}.h24-match-page .sp-section-head h2{color:#fff}.h24-match-page .sp-section-head span{color:var(--h24-orange)}
body.hoops-24 .h24-footer{border-top:6px solid var(--h24-orange);background:#100d16;color:#aea5b7}.h24-footer .al-footer-grid nav strong,.h24-footer .al-brand-copy strong{color:#fff}.h24-footer .al-footer-grid nav a{color:#b8afc1}.h24-footer .al-footer-grid nav a:hover,.h24-footer .al-footer-bottom a{color:var(--h24-orange)}
body.hoops-24 .alv2-schedule-page .jzt-page-titlebar{background:#312a39;border-bottom:3px solid var(--h24-orange)}body.hoops-24 .alv2-schedule-page .jzt-page-titlebar h1{color:#fff}
@media(max-width:1080px){body.hoops-24 .h24-primary-nav{display:none}body.hoops-24 .h24-arena-hero{grid-template-columns:1fr}body.hoops-24 .h24-media-grid{grid-template-columns:1fr}body.hoops-24 .h24-search{margin-left:auto}}
@media(max-width:720px){body.hoops-24 .h24-main-shell{padding:14px 10px 36px}body.hoops-24 .h24-scoreline span,body.hoops-24 .h24-search{display:none}body.hoops-24 .h24-scoreline .al-shell{gap:10px;padding:7px 12px}body.hoops-24 .h24-scoreline strong{font-size:11px}body.hoops-24 .h24-scoreline a{font-size:11px}body.hoops-24 .h24-header-row{gap:10px;min-height:68px;padding:0 12px}body.hoops-24 .h24-brand{min-width:0}body.hoops-24 .h24-brand .al-brand-mark{flex:0 0 44px;width:44px;height:44px}body.hoops-24 .h24-brand .al-brand-copy{min-width:0}body.hoops-24 .h24-brand .al-brand-copy strong{overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}body.hoops-24 .h24-brand .al-brand-copy small{display:none}body.hoops-24 .al-menu-toggle{position:static!important;display:flex!important;flex:0 0 42px;margin-left:auto!important;transform:none!important}body.hoops-24 .h24-league-bar{overflow:auto}body.hoops-24 .h24-league-bar nav{min-width:max-content}body.hoops-24 .h24-arena-hero{padding:24px 17px;border-radius:16px}body.hoops-24 .h24-hero-copy h1{font-size:36px}body.hoops-24 .h24-hero-copy nav{overflow:auto}body.hoops-24 .h24-counts{flex-wrap:wrap}body.hoops-24 .h24-scoreboard{box-shadow:6px 7px 0 #6e48d7}body.hoops-24 .h24-scoreboard>a{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);padding:23px 9px}body.hoops-24 .h24-channel-grid{grid-template-columns:1fr 1fr}body.hoops-24 .h24-section-head{align-items:flex-start;flex-direction:column;gap:12px}body.hoops-24 .h24-section-head nav{width:100%;overflow:auto}body.hoops-24 .h24-day>div{grid-template-columns:1fr}body.hoops-24 .h24-game{grid-template-columns:45px minmax(0,1fr) 82px;padding:10px 8px}body.hoops-24 .h24-game>em{display:none}body.hoops-24 .h24-game>a{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}body.hoops-24 .h24-game .h24-team-logo{display:none}body.hoops-24 .h24-news>div:last-child{grid-template-columns:1fr}body.hoops-24 .h24-news>div:last-child>a.is-lead{grid-column:auto}body.hoops-24 .h24-news a.is-lead img{width:120px;height:96px}body.hoops-24 .h24-story-layout{grid-template-columns:1fr!important}body.hoops-24 .h24-story-side{display:none}}
@media(max-width:720px){body.hoops-24 .h24-match-hero .sp-match-heading{padding:20px 16px}body.hoops-24 .h24-match-hero .sp-match-heading-copy{min-width:0}body.hoops-24 .h24-match-hero .sp-match-heading h1{max-width:100%;font-size:27px!important;line-height:1.28!important;overflow-wrap:anywhere;white-space:normal!important}}
@media(max-width:720px){body.hoops-24 .h24-header .al-menu-toggle{display:grid!important}}

/* Hoops 24 final entity fallback: retain the established PNG name for all legacy callers. */
body.hoops-24 .h24-logo-fallback,body.hoops-24 .wc-logo-fallback{overflow:hidden;border-color:transparent!important;background:#1188f7 url("../img/entity-fallback.png") center/cover no-repeat!important;color:transparent!important;font-size:0!important;text-indent:-9999px}
body.hoops-24 .h24-team-logo:has(>img[src*="entity-fallback.png"]){overflow:hidden;border:0!important;background:#1188f7!important}
body.hoops-24 .h24-team-logo>img[src*="entity-fallback.png"]:not([hidden])+.h24-logo-fallback{display:none!important}
body.hoops-24 .h24-team-logo>.h24-logo-fallback{box-sizing:border-box;inset:-1px;width:auto;height:auto}
body.hoops-24 .h24-team-logo img[src*="entity-fallback.png"],body.hoops-24 .sp-team-logo img[src*="entity-fallback.png"],body.hoops-24 .team-logo[src*="entity-fallback.png"]{display:block;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:50%!important;background:#1188f7!important;object-fit:cover!important}
