/* Consolidated in the original cascade order; sections preserve every source rule. */

/* Source: style.css */
/* kiris of VAN tracker — deliberate single dark theme, Apple-inspired.
   Colors from the validated reference palette (dark mode, surface #1a1a19):
   series-1 #3987e5 · series-2 #d95926 · series-3 #199e70 · context gray #898781
   status: good #0ca30c · warning #fab219 · critical #d03b3b */
:root {
  color-scheme: dark;
  --page: #0d0d0d;
  --surface: #1a1a19;
  --surface-2: #232322;
  --ink: #ffffff;
  --ink-2: #c3c2b7;
  --muted: #898781;
  --grid: #2c2c2a;
  --baseline: #383835;
  --border: rgba(255, 255, 255, 0.09);
  --s1: #3987e5;
  --s2: #d95926;
  --s3: #199e70;
  --ctx: #898781;
  --good: #0ca30c;
  --warn: #fab219;
  --bad: #d03b3b;
  --radius: 18px;
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--page);
  color: var(--ink);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

.wrap { max-width: 1180px; margin: 0 auto; padding: 0 22px 80px; }

/* ── nav ────────────────────────────────────────────── */
nav {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background: rgba(13, 13, 13, 0.72);
  border-bottom: 1px solid var(--border);
}
.nav-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 10px 22px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.crest {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(145deg, #1c5cab, #0d366b);
  border: 1px solid var(--border);
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 13px;
  flex: none;
}
.nav-title { font-weight: 700; font-size: 15.5px; letter-spacing: -0.2px; }
.live {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 12.5px;
}
.live .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--good); }
.live .dot.stale { background: var(--muted); }
.live .dot.err { background: var(--bad); }

/* ── game title switch ──────────────────────────────── */
.game-switch {
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
}
.game-switch[hidden] { display: none; }
.game-switch button {
  appearance: none;
  border: 0;
  cursor: pointer;
  padding: 4px 11px;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  transition: background 0.15s ease, color 0.15s ease;
}
.game-switch button:hover { color: var(--ink-2); }
.game-switch button.on {
  background: linear-gradient(145deg, #1c5cab, #0d366b);
  color: var(--ink);
}
.game-switch button:focus-visible { outline: 2px solid var(--s1); outline-offset: 1px; }

/* ── upstream notice ────────────────────────────────── */
/* shown only when EA answers normally but serves zero matches */
.upstream-note {
  margin: 18px 0 -10px;
  padding: 14px 16px;
  border: 1px solid rgba(250, 178, 25, 0.28);
  border-left: 3px solid var(--warn);
  border-radius: 12px;
  background: rgba(250, 178, 25, 0.06);
}
.upstream-note[hidden] { display: none; }
.upstream-title {
  font-weight: 700;
  font-size: 13.5px;
  color: var(--warn);
  margin-bottom: 4px;
}
.upstream-body { font-size: 13px; color: var(--ink-2); line-height: 1.5; }
.upstream-hint { font-size: 12px; color: var(--muted); margin-top: 6px; }

/* ── turnout bars ───────────────────────────────────── */
.tn-row {
  display: grid;
  grid-template-columns: 116px 1fr 44px;
  gap: 12px;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid var(--border);
}
.tn-row:last-of-type { border-bottom: 0; }
.tn-row.thin { opacity: 0.45; }
.tn-label { font-size: 12.5px; line-height: 1.25; }
.tn-name { font-weight: 650; white-space: nowrap; }
.tn-label span { display: block; font-weight: 400; font-size: 10.5px; color: var(--muted); white-space: nowrap; }
.tn-track {
  height: 16px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
}
.tn-fill { height: 100%; border-radius: 6px; transition: width 0.4s ease; }
.tn-val {
  text-align: right;
  font-weight: 700;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.tn-row.best .tn-val { color: var(--good); }
.tn-row.best .tn-name::after {
  content: ' ★';
  color: var(--good);
}
.tn-note {
  margin-top: 10px;
  font-size: 11.5px;
  color: var(--muted);
  line-height: 1.45;
}
.tn-empty { font-size: 12.5px; color: var(--muted); padding: 8px 0; }
.tn-stat {
  padding: 9px 0;
  border-bottom: 1px solid var(--border);
}
.tn-stat:last-child { border-bottom: 0; }
.tn-stat .k { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; }
.tn-stat .v { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; margin: 2px 0 1px; }
.tn-stat .n { font-size: 11.5px; color: var(--muted); }
.tn-stat.t-good .v { color: var(--s3); }
.tn-stat.t-warn .v { color: var(--warn); }

/* ── hero ───────────────────────────────────────────── */
.hero-block {
  position: relative;
  text-align: center;
  padding: 84px 0 36px;
}
.hero-block::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 640px 300px at 50% 8%, rgba(57, 135, 229, 0.14), transparent 70%);
  pointer-events: none;
}
.hero-kicker {
  color: var(--muted);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2.2px;
  margin-bottom: 14px;
}
.hero-sr {
  font-size: clamp(76px, 13vw, 128px);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1;
  background: linear-gradient(180deg, #ffffff 30%, #9ec5f4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero-caption {
  margin-top: 10px;
  color: var(--ink-2);
  font-size: 17px;
  font-weight: 500;
}
.hero-caption .up { color: var(--good); font-weight: 700; }
.hero-caption .down { color: var(--bad); font-weight: 700; }
.hero-record { margin-top: 6px; color: var(--muted); font-size: 15px; }

.form-strip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 22px;
  flex-wrap: wrap;
}
.chip {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 13.5px;
  cursor: default;
}
.chip.W { background: rgba(12, 163, 12, 0.16); color: var(--good); border: 1px solid rgba(12, 163, 12, 0.35); }
.chip.D { background: var(--surface-2); color: var(--ink-2); border: 1px solid var(--border); }
.chip.L { background: rgba(208, 59, 59, 0.13); color: #e66767; border: 1px solid rgba(208, 59, 59, 0.32); }
.chip.mini { width: 22px; height: 22px; font-size: 11px; border-radius: 7px; flex: none; }

/* ── intel chips ────────────────────────────────────── */
.intel {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 26px 2px 8px;
  scrollbar-width: thin;
}
.intel-chip {
  flex: none;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 12px 16px 11px;
  min-width: 170px;
}
.intel-chip .k {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 6px;
}
.intel-chip .k::before { content: ''; width: 7px; height: 7px; border-radius: 2px; background: var(--baseline); }
.intel-chip.t-good .k::before { background: var(--good); }
.intel-chip.t-bad .k::before { background: var(--bad); }
.intel-chip.t-warn .k::before { background: var(--warn); }
.intel-chip.t-info .k::before { background: var(--s1); }
.intel-chip .v { font-size: 15.5px; font-weight: 700; margin-top: 4px; letter-spacing: -0.2px; }
.intel-chip .n { font-size: 12px; color: var(--muted); margin-top: 1px; }

/* ── stat tiles ─────────────────────────────────────── */
.tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.tile {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px 18px 14px;
}
.tile .label { color: var(--muted); font-size: 12px; letter-spacing: 0.3px; }
.tile .value { font-size: 27px; font-weight: 700; margin-top: 3px; letter-spacing: -0.5px; }
.tile .note { color: var(--ink-2); font-size: 12.5px; margin-top: 2px; }
.up { color: var(--good); }
.down { color: var(--bad); }
.flat { color: var(--muted); }

/* ── sections ───────────────────────────────────────── */
.section { margin-top: 72px; }
.section.will-reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.55s ease, transform 0.55s ease; }
.section.will-reveal.reveal { opacity: 1; transform: none; }
.section-head { margin-bottom: 20px; }
.section-head h2 {
  margin: 0;
  font-size: 33px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.section-head .sub { margin: 6px 0 0; color: var(--muted); font-size: 15px; }
.skull { font-size: 26px; }

/* ── cards & grid ───────────────────────────────────── */
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 22px;
  min-width: 0;
  transition: border-color 0.2s;
}
.card:hover { border-color: rgba(255, 255, 255, 0.16); }
.card.wide { grid-column: 1 / -1; }
.card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.card-head h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: var(--ink-2);
}
.card-head .hint { color: var(--muted); font-size: 12.5px; }
.card-head .toggle { margin-left: auto; }
.card-head .toggle + .toggle { margin-left: 0; }
.toggle {
  display: flex;
  gap: 2px;
  background: var(--surface-2);
  border-radius: 9px;
  padding: 2px;
}
.toggle button {
  all: unset;
  cursor: pointer;
  font-size: 12px;
  color: var(--muted);
  padding: 4px 12px;
  border-radius: 7px;
  transition: color 0.15s;
}
.toggle button:hover { color: var(--ink-2); }
.toggle button.on { background: var(--page); color: var(--ink); font-weight: 600; }

.legend { display: flex; gap: 16px; margin: 4px 0 2px; flex-wrap: wrap; }
.legend .key { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-2); font-size: 12.5px; }
.legend .swatch { width: 12px; height: 12px; border-radius: 3px; }

.chart-box { position: relative; }
.chart-box svg { display: block; width: 100%; height: auto; }
.chart-note { color: var(--muted); font-size: 13.5px; padding: 30px 0; text-align: center; }

.tooltip {
  position: absolute;
  pointer-events: none;
  background: #0d0d0df0;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 8px 11px;
  font-size: 12.5px;
  min-width: 130px;
  max-width: 260px;
  opacity: 0;
  transition: opacity 0.08s;
  z-index: 5;
}
.tooltip.show { opacity: 1; }
.tooltip .tt-title { color: var(--muted); font-size: 11.5px; margin-bottom: 4px; }
.tooltip .tt-row { display: flex; align-items: center; gap: 7px; margin-top: 2px; }
.tooltip .tt-key { width: 12px; height: 2px; border-radius: 1px; flex: none; }
.tooltip .tt-val { font-weight: 700; font-variant-numeric: tabular-nums; }
.tooltip .tt-name { color: var(--ink-2); }

/* data-table twins */
table.data { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 8px; }
table.data th {
  text-align: left;
  color: var(--muted);
  font-weight: 600;
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--grid);
  white-space: nowrap;
}
table.data td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--grid);
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
table.data td:first-child { color: var(--ink); }
table.data tr:last-child td { border-bottom: none; }
.table-scroll { overflow-x: auto; }

/* ── analyst desk ───────────────────────────────────── */
.ai-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.ai-tag {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid rgba(57, 135, 229, 0.4);
  color: var(--s1);
  background: rgba(57, 135, 229, 0.1);
}
.ai-when { color: var(--muted); font-size: 12.5px; }
.ai-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 26px; }
.ai-section h4 {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: var(--s1);
}
.ai-section p { margin: 0 0 10px; color: var(--ink-2); font-size: 14px; }
.ai-empty { color: var(--muted); font-size: 13.5px; padding: 10px 0; }

.prev-reports { margin-top: 12px; }
.prev-reports summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 13px;
  padding: 6px 2px;
}
.prev-reports summary:hover { color: var(--ink-2); }
.archive-item { border-top: 1px solid var(--grid); padding: 14px 0; }
.archive-item .ai-text { white-space: pre-wrap; color: var(--ink-2); font-size: 13.5px; }

/* ── jaghi rankings ─────────────────────────────────── */
.jaghi-card { border-color: rgba(208, 59, 59, 0.28); }
.jaghi-card:hover { border-color: rgba(208, 59, 59, 0.45); }
.jaghi-row {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid var(--grid);
}
.jaghi-rank {
  font-size: 19px;
  font-weight: 800;
  color: var(--muted);
  text-align: center;
}
.jaghi-row:first-child .jaghi-rank { color: #e66767; }
.jaghi-name { font-weight: 700; font-size: 15px; }
.jaghi-evidence { color: var(--muted); font-size: 12.5px; margin-top: 1px; }
.jaghi-score {
  font-size: 13px;
  font-weight: 700;
  color: #e66767;
  background: rgba(208, 59, 59, 0.12);
  border: 1px solid rgba(208, 59, 59, 0.3);
  border-radius: 999px;
  padding: 3px 11px;
  font-variant-numeric: tabular-nums;
}
#jaghi-roast { margin-top: 16px; }
#jaghi-roast .ai-text { color: var(--ink-2); font-size: 14px; white-space: pre-wrap; }
#jaghi-roast h4 {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #e66767;
}

/* ── heatmap ────────────────────────────────────────── */
.heat { display: grid; gap: 2px; font-size: 12.5px; width: max-content; min-width: 100%; }
.heat-cell {
  height: 34px;
  min-width: 44px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.heat-name {
  justify-content: start;
  display: flex;
  align-items: center;
  padding-right: 12px;
  font-weight: 600;
  color: var(--ink);
  white-space: nowrap;
  background: none;
}
.heat-col {
  color: var(--muted);
  font-weight: 600;
  font-size: 11px;
  background: none;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.heat-empty { background: var(--surface-2); color: var(--baseline); }

/* ── power rankings ─────────────────────────────────── */
.rank-row {
  display: grid;
  grid-template-columns: 36px 220px 1fr 90px;
  gap: 14px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--grid);
}
.rank-row:last-child { border-bottom: none; }
.rank-num { font-size: 18px; font-weight: 800; color: var(--muted); text-align: center; }
.rank-row:first-child .rank-num { color: var(--s1); }
.rank-main { min-width: 0; }
.rank-name {
  font-weight: 700;
  font-size: 14.5px;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  overflow: hidden;
}
.pos-badge {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--ink-2);
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 1.5px 6px;
  flex: none;
}
.rank-stats { color: var(--muted); font-size: 12px; margin-top: 2px; }
.comp-track { display: flex; gap: 2px; height: 10px; border-radius: 5px; overflow: hidden; background: var(--surface-2); }
.comp-seg { height: 100%; }
.rank-score { text-align: right; }
.score-val { font-size: 17px; font-weight: 800; display: inline-flex; align-items: baseline; gap: 6px; }
.score-delta { font-size: 11.5px; font-weight: 700; }

/* ── goal involvement ───────────────────────────────── */
.inv-row { display: grid; grid-template-columns: 150px 1fr 44px; gap: 12px; align-items: center; padding: 7px 0; }
.inv-name { font-weight: 600; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inv-track { display: flex; gap: 2px; height: 18px; }
.inv-seg { height: 100%; border-radius: 4px; }
.inv-total { font-weight: 700; font-size: 13.5px; font-variant-numeric: tabular-nums; color: var(--ink-2); }

/* ── formation board ────────────────────────────────── */
.formation-grid {
  display: grid;
  grid-template-columns: minmax(280px, 400px) 1fr;
  gap: 30px;
  align-items: start;
}
.pitch-wrap { position: relative; }
.pitch-wrap svg { width: 100%; height: auto; display: block; border-radius: 14px; }
.formation-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.shape-badge {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.5px;
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 4px 14px;
}
.fw-row { display: flex; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--grid); align-items: baseline; }
.fw-row:last-child { border-bottom: none; }
.fw-role {
  flex: none;
  width: 44px;
  text-align: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  color: var(--s1);
  background: rgba(57, 135, 229, 0.12);
  border: 1px solid rgba(57, 135, 229, 0.35);
  border-radius: 6px;
  padding: 2px 0;
}
.fw-main { min-width: 0; }
.fw-name { font-weight: 700; font-size: 14px; }
.fw-why { color: var(--muted); font-size: 12.5px; margin-top: 1px; }
.pos-badge.tag-farm { color: var(--good); border-color: rgba(12, 163, 12, 0.4); background: rgba(12, 163, 12, 0.1); }
.pos-badge.tag-bogey { color: #e66767; border-color: rgba(208, 59, 59, 0.4); background: rgba(208, 59, 59, 0.1); }
.pos-badge.tag-rival { color: var(--s1); border-color: rgba(57, 135, 229, 0.4); background: rgba(57, 135, 229, 0.1); }

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

/* ── player focus ───────────────────────────────────── */
.focus-select {
  margin-left: auto;
  background: var(--surface-2);
  color: var(--ink);
  border: 1px solid var(--border);
  border-radius: 9px;
  padding: 5px 10px;
  font-size: 13px;
  font-family: inherit;
}
.focus-grid { display: grid; grid-template-columns: 300px 1fr; gap: 26px; align-items: start; }
.focus-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.focus-tile {
  background: var(--surface-2);
  border-radius: 12px;
  padding: 10px 13px 9px;
}
.focus-tile .label { color: var(--muted); font-size: 11px; letter-spacing: 0.3px; }
.focus-tile .value { font-size: 19px; font-weight: 700; margin-top: 1px; }
.focus-charts h4 {
  margin: 4px 0 6px;
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--muted);
}
@media (max-width: 780px) {
  .focus-grid { grid-template-columns: 1fr; }
}

/* ── discipline ─────────────────────────────────────── */
.disc-row { display: grid; grid-template-columns: 150px 1fr 30px; gap: 12px; align-items: center; padding: 7px 0; }
.disc-name { font-weight: 600; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.disc-track { display: flex; gap: 2px; height: 16px; }
.disc-seg { height: 100%; width: 22px; border-radius: 4px; background: var(--bad); }
.disc-count { font-weight: 700; font-size: 13.5px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.disc-clean { color: var(--muted); font-size: 13.5px; padding: 8px 0; }

/* ── matches ────────────────────────────────────────── */
.match-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 11px 0;
  border-bottom: 1px solid var(--grid);
}
.match-row:last-child { border-bottom: none; }
.match-score { font-weight: 800; font-size: 15px; width: 52px; text-align: center; font-variant-numeric: tabular-nums; flex: none; }
.match-opp { font-weight: 600; min-width: 0; }
.match-opp > div:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.match-sub { color: var(--muted); font-size: 12px; margin-left: auto; text-align: right; flex: none; line-height: 1.5; }

footer {
  margin-top: 60px;
  padding-top: 18px;
  border-top: 1px solid var(--grid);
  color: var(--muted);
  font-size: 12.5px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 780px) {
  .grid { grid-template-columns: 1fr; }
  .hero-block { padding-top: 56px; }
  .section { margin-top: 52px; }
  .section-head h2 { font-size: 26px; }
  .rank-row { grid-template-columns: 28px 1fr 84px; }
  .rank-row .comp-cell { display: none; }
  .inv-row { grid-template-columns: 110px 1fr 40px; }
}


/* Source: clubhouse.css */
/* Clubhouse: a restrained, matchday-inspired identity. No remote assets. */
:root{--page:#0e1312;--surface:#151c19;--surface-2:#1c2520;--ink:#edf0e7;--ink-2:#b6c0b7;--muted:#8d9c92;--grid:#29342d;--baseline:#3e4c42;--border:#29332d;--s1:#c7f36b;--s2:#eb967d;--s3:#70c6a5;--ctx:#6b8074;--good:#c7f36b;--warn:#e7bc77;--bad:#ed927e;--radius:12px;font-family:Inter,'Segoe UI',Arial,sans-serif}
[hidden]{display:none!important}body{font-size:14px;overflow-x:hidden}button,input,select{font:inherit}a{color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--s1);outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{text-decoration:none}svg{flex-shrink:0}.skip-link{position:fixed;top:-100px;left:240px;padding:12px 20px;background:var(--s1);color:var(--page);z-index:100}.skip-link:focus{top:10px}
.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#111713;border-right:1px solid var(--border);padding:34px 20px 24px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand>span{font-size:15px;line-height:1.4;font-weight:500;letter-spacing:2px}.brand b{font-size:13px;letter-spacing:1.2px}.sidebar-rule{height:1px;background:var(--border);margin:29px 8px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase}.nav-label{margin:0 12px 14px;font-size:9px;letter-spacing:1.7px}.side-nav{background:none;border:0;position:static;backdrop-filter:none;display:flex;flex-direction:column;gap:6px}.side-nav>a{display:flex;align-items:center;gap:13px;padding:12px 13px;color:var(--muted);font-size:13px;border-radius:7px;transition:background .16s,color .16s;min-height:46px}.side-nav>a:hover{color:var(--ink);background:#1a251d}.side-nav>a.active{background:#c7f36b;color:#18200f;font-weight:650}.side-nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-count{margin-left:auto;background:#263126;font-size:10px;color:#bbc9b9;padding:1px 6px;border-radius:4px}.active .nav-count{background:#a8d04f;color:#27351b}.sidebar-bottom{margin-top:auto;padding:60px 10px 0}.club-motto{font-size:25px;line-height:1.25;letter-spacing:-.8px;font-weight:600}.club-motto em{font-style:normal;color:var(--s1)}.sidebar-bottom .sidebar-rule{margin:24px 0}.sidebar-meta{font-size:9px;letter-spacing:1.25px;display:flex;align-items:center;gap:7px}.status-orb{width:5px;height:5px;border-radius:50%;background:var(--s1)}.sidebar-bottom p{font-size:10px;line-height:1.7;color:#718274;margin:12px 0 0}
.app-shell{margin-left:224px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 36px;border-bottom:1px solid var(--border)}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:14px;align-items:center}.breadcrumb span{color:#48584c}.breadcrumb strong{font-weight:500;color:var(--ink)}.topbar-actions{display:flex;gap:16px;align-items:center}.game-switch{border:0;border-radius:6px;background:#1c251e;padding:3px}.game-switch button{border-radius:4px;font-size:11px;padding:5px 10px}.game-switch button.on{background:#34422c;color:#daf3b5}.game-switch button.pending{color:#8a998d}.button{min-height:36px;padding:8px 13px;border-radius:6px;background:var(--s1);border:1px solid var(--s1);color:#14200e;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.button.secondary{background:#19211c;border-color:#344034;color:var(--ink-2)}.button.secondary:hover{background:#253123;color:var(--ink)}.refresh-button>span{font-size:18px;line-height:1}.wrap{max-width:1590px;padding:32px 36px 40px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading h1{font-size:30px;font-weight:650;letter-spacing:-1.3px;line-height:1.25;margin:7px 0}.page-heading h1 span{color:var(--s1)}.page-heading p{margin:0;color:var(--muted);font-size:12px}.live{font-size:10px;white-space:nowrap;gap:7px;max-width:300px}.live .dot{width:6px;height:6px;flex:none}.live .dot.stale{background:var(--warn)}.live .dot.err{background:var(--bad)}
.upstream-note{margin:0 0 24px;padding:12px 16px;border:1px solid #4e422a;border-left:3px solid #b89c5b;border-radius:7px;background:#201e16;display:flex;align-items:flex-start;gap:12px}.notice-symbol{border:1px solid #bda66b;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;color:#d9bf7f;font-size:11px;flex-shrink:0;margin-top:1px}.upstream-title{font-size:11px;color:#decb9a;margin-bottom:3px}.upstream-body,.upstream-hint{font-size:11px;line-height:1.6;color:#b1ac97}.upstream-hint{margin:3px 0 0}.upstream-note a{text-decoration:underline;text-underline-offset:3px;color:#dfcda5}.connection-error{border:1px solid var(--bad);padding:14px;border-radius:8px;margin-bottom:20px;font-size:12px;color:var(--bad)}
.club-hero{border:1px solid #3b5134;border-radius:12px;background:#1b2a1b;min-height:292px;display:grid;grid-template-columns:1fr 300px;position:relative;overflow:hidden}.hero-main{position:relative;z-index:2;padding:28px 32px;display:flex;flex-direction:column;align-items:flex-start}.hero-label{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:8px;color:#d1deb9}.hero-label>span{width:5px;height:5px;background:var(--s1);border-radius:50%}.hero-main h2{font-family:'Arial Narrow','Impact','Segoe UI',sans-serif;font-stretch:condensed;font-size:clamp(40px,4.5vw,66px);font-weight:900;line-height:.98;letter-spacing:-2.5px;margin:23px 0 14px;transform:scaleX(.9);transform-origin:left}.hero-main h2 span{color:var(--s1)}.hero-main>p{font-size:11px;color:#a6b59a;margin:0 0 25px}.hero-bottom{display:flex;gap:28px;align-items:center;width:100%;margin-top:auto}.hero-identity{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.hero-link{font-size:10px;display:flex;align-items:center;gap:20px;color:#d0deb9;margin-left:auto;margin-right:20px}.hero-link span{font-size:18px}.pitch-art{position:absolute;inset:-55px 310px -100px 35%;opacity:.27;transform:rotate(-18deg);pointer-events:none}.pitch-frame{position:absolute;inset:0;border:1px solid #85966a;background:repeating-linear-gradient(0deg,transparent 0 47px,#5b784b18 47px 94px);border-radius:3px}.pitch-half{position:absolute;top:50%;width:100%;border-top:1px solid #85966a}.pitch-circle{position:absolute;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #85966a;border-radius:50%}.pitch-box{position:absolute;height:22%;width:65%;left:17.5%;border:1px solid #85966a}.pitch-box.top{top:0}.pitch-box.bottom{bottom:0}.pitch-dot{width:5px;height:5px;border-radius:50%;background:#85966a;position:absolute;left:50%;top:50%}.pitch-word{position:absolute;left:28%;top:37%;font-size:85px;font-weight:900;color:#a9c888;letter-spacing:-8px;opacity:.2}.hero-rating{padding:30px 27px;background:#162316d9;border-left:1px solid #49623b66;z-index:2;display:flex;flex-direction:column;justify-content:center}.hero-rating .eyebrow{font-size:9px;color:#adba9b;letter-spacing:1.4px}.hero-sr{background:none;color:#edf4dd;font-size:66px;font-weight:600;letter-spacing:-3px;line-height:1;margin:12px 0 0;font-variant-numeric:tabular-nums}.hero-caption{font-size:10px;margin-top:9px;min-height:15px}.hero-caption .down{color:#e5aa89}.hero-caption .up{color:var(--s1)}.rating-divider{height:1px;background:#364731;margin:18px 0}.form-strip{justify-content:flex-start;gap:5px;margin:10px 0 11px;flex-wrap:nowrap}.chip{width:23px;height:24px;font-size:10px;border-radius:4px;flex-shrink:0}.chip.W{background:#304725;color:#d4f79e;border:1px solid #415f2c}.chip.D{background:#394235;color:#ccd3c5}.chip.L{background:#54372b;color:#efb399;border:1px solid #624032}#hero-record{font-size:9px;line-height:1.7;color:#9eaf94;max-width:240px}
.overview-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 16px}.overview-section-head h2{font-size:19px;letter-spacing:-.5px;margin:5px 0 0;font-weight:600}.overview-section-head .eyebrow{font-size:9px}.period-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}select{max-width:100%;border:1px solid #344134;border-radius:5px;background:#1a231d;color:var(--ink-2);padding:7px 28px 7px 10px;font-size:11px;min-height:34px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:18px 20px;position:relative;overflow:hidden}.metric-card:first-child{border-color:#526237}.metric-label{color:#a8b8a8;font-size:10px;display:flex;justify-content:space-between;align-items:center}.metric-label>span{font-size:15px;color:#7c926c}.metric-value{font-size:32px;letter-spacing:-1px;font-weight:600;line-height:1.2;margin:12px 0}.metric-value small{font-size:16px;letter-spacing:0}.metric-note{font-size:10px;color:var(--muted)}.metric-note.positive{color:#b9d391}.metric-spark{position:absolute;right:18px;bottom:44px;width:68px;height:26px;opacity:.75}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:20px;margin-bottom:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px;box-shadow:none;min-width:0}.card:hover{border-color:#394a3c;transform:none}.card-head{margin-bottom:20px;gap:12px;display:flex;align-items:center;flex-wrap:wrap}.card-head>div{margin-right:auto}.card-head h3{font-size:15px;letter-spacing:-.3px;font-weight:600;margin:4px 0 0;color:var(--ink)}.card-head .eyebrow{font-size:8px;letter-spacing:1.5px}.small-tag{font-size:9px;background:#232e24;border:1px solid #344233;color:#a3b49b;padding:4px 7px;border-radius:4px}.text-link{font-size:10px;display:flex;align-items:center;gap:16px;color:#b9d392}.text-link:hover{color:var(--s1)}.form-summary{display:flex;gap:16px;align-items:baseline;font-size:11px;color:var(--muted);margin-top:8px}.form-summary strong{font-size:26px;font-weight:550;color:var(--ink);letter-spacing:-.8px}.form-card .chart-box{min-height:150px;height:auto;margin:10px 0 0}.chart-legend{display:flex;justify-content:center;gap:20px;font-size:9px;color:var(--muted)}.chart-legend>span{display:flex;align-items:center;gap:7px}.legend-dot{width:6px;height:6px;border-radius:2px;display:inline-block}.legend-dot.lime{background:var(--s1)}.legend-dot.grey{background:#657a6b}.latest-card{display:flex;flex-direction:column}.latest-card .text-link{padding-top:17px;border-top:1px solid var(--border);margin-top:auto;justify-content:space-between}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center;padding:5px 0 20px}.score-team{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.score-team>span{font-size:10px;max-width:100%;overflow-wrap:anywhere;color:var(--ink-2)}.opponent-crest{width:46px;height:54px;clip-path:polygon(0 0,100% 0,100% 64%,80% 87%,50% 100%,20% 87%,0 64%);background:#29372e;border:1px solid #465343;display:grid;place-items:center;color:#c3d0be;font-size:17px;font-weight:700}.score-number{font-size:36px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.score-number span{color:#718064;margin:0 4px}.result-caption{display:block;font-size:9px;margin-top:7px;letter-spacing:1px;text-transform:uppercase;font-weight:500;color:var(--muted)}.latest-meta{display:flex;justify-content:center;gap:10px;font-size:9px;color:var(--muted);padding:0 0 15px}.motm-line{border-top:1px solid var(--border);padding:12px 0;font-size:10px;display:flex;justify-content:space-between;gap:10px}.motm-line>span{color:var(--muted)}.motm-line b{color:#d2e7b5;font-weight:500}.leader-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.leader-row:first-child{border-top:0;padding-top:0}.leader-avatar{width:32px;height:35px;display:grid;place-items:center;background:#273425;color:#c7d9b6;border-radius:5px;font-size:11px;font-weight:650}.leader-row:nth-child(2) .leader-avatar{background:#253837;color:#b1d8cd}.leader-row:nth-child(3) .leader-avatar{background:#3b3124;color:#dec9a3}.leader-name{font-size:12px;font-weight:550;overflow-wrap:anywhere}.leader-caption{font-size:9px;color:var(--muted);margin-top:4px}.leader-stat{font-size:23px;font-weight:600;color:#dcedce;text-align:right;letter-spacing:-.6px}.leader-stat small{display:block;font-size:9px;letter-spacing:0;font-weight:400;color:var(--muted)}.eff-row{margin:18px 0}.eff-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:8px}.eff-top b{font-size:13px;font-weight:600;color:#d8e9c7}.eff-track{height:5px;border-radius:3px;background:#29372c;overflow:hidden}.eff-track>i{height:100%;display:block;background:#b4d982;border-radius:3px}.eff-row:nth-child(2) .eff-track>i{background:#7eae92}.eff-row:nth-child(3) .eff-track>i{background:#bca97c}.small-note{font-size:10px;color:var(--muted);line-height:1.7}.lower-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)}.mini-result{display:grid;grid-template-columns:25px 1fr auto auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--border);width:100%;border-left:0;border-right:0;border-bottom:0;background:none;color:var(--ink);text-align:left}.mini-result:first-child{border-top:0}.mini-result:hover{background:#1e291f}.mini-result>span:nth-child(2){font-size:11px}.mini-result strong{font-size:13px;font-variant-numeric:tabular-nums}.mini-result time{font-size:9px;color:var(--muted);min-width:42px;text-align:right}.insight-card{background:#1c281b;border-color:#354b2e;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.insight-card:after{content:'↗';font-size:140px;position:absolute;right:6px;bottom:18px;color:#acc17f;opacity:.045;pointer-events:none}.insight-card h3{font-size:27px;font-weight:600;line-height:1.2;letter-spacing:-1px;margin:17px 0 12px}.insight-card p{color:#b5c3a5;font-size:12px;line-height:1.8;margin:0 0 22px;max-width:340px}.season-summary{padding:18px 0;border-top:1px solid var(--border);margin-top:28px}.season-summary>summary{cursor:pointer;font-size:12px;font-weight:500;display:flex;justify-content:space-between}.season-summary>summary span{font-size:10px;color:var(--muted)}.season-summary .tiles{margin-top:20px}.season-summary .tile{border-radius:8px}.season-summary .tile .value{font-size:22px}
.section{margin:26px 0 36px}.section-head{margin-bottom:20px}.section-head h2{font-size:22px;letter-spacing:-.6px;font-weight:600}.section-head .sub{font-size:12px}.grid{gap:18px}.hint{font-size:10px;line-height:1.6}.toggle{border-radius:5px;background:#202b22;border-color:#334335;flex-shrink:0}.toggle button{font-size:10px;border-radius:4px;min-height:28px;padding:4px 9px}.toggle button.on{background:#3d512c;color:#dcf3b5}.table-scroll{max-width:100%;scrollbar-color:#4f6444 transparent;scrollbar-width:thin}table{font-size:11px}th{font-size:10px;color:#a2b098;white-space:nowrap}td,th{padding:11px 9px}.rank-row{padding:17px 0}.rank-name{font-size:13px}.rank-stats{font-size:10px}.rank-score{color:var(--s1)}.rank-pos{background:#31442a;color:#cce8ad}.will-reveal{opacity:1;transform:none}.ai-tag{background:#293923;border-color:#435936;color:#c5dfaa}.ai-sections{gap:30px}.ai-section p{font-size:13px;line-height:1.8}.ai-section h4{color:#b9d88f;font-size:10px}.chart-box svg{overflow:visible}.chart-note{font-size:12px;color:var(--muted);min-height:100px;display:grid;place-items:center;text-align:center}.focus-select{font-size:11px}.focus-tiles{gap:10px}.focus-tile{border-color:var(--border)}.focus-tile .v{font-size:20px}.dnf-pill,.chip.mini{font-size:9px}.comparison-section{margin-bottom:28px}.comparison-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:25px 0}.comparison-controls>span{font-size:12px;color:#829077}.comparison-controls label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted);width:35%;max-width:300px}.comparison-row{display:grid;grid-template-columns:1fr 140px 1fr;gap:20px;align-items:center;max-width:760px;margin:14px auto}.comparison-row>span{text-align:center;font-size:11px;color:var(--muted)}.comparison-value{display:flex;align-items:center;gap:14px}.comparison-value:first-child{flex-direction:row-reverse}.comparison-value b{font-size:16px;min-width:45px;text-align:center}.comparison-value i{height:6px;background:#718c65;border-radius:3px}.comparison-value.winner b{color:var(--s1)}.comparison-value.winner i{background:var(--s1)}.comparison-note{text-align:center;color:var(--muted);font-size:10px;margin:22px 0 0}
.match-controls{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 20px}.search-field{display:flex;align-items:center;gap:9px;background:#101813;border:1px solid var(--border);border-radius:6px;padding:0 12px;min-height:36px;flex:1;min-width:200px;color:var(--muted)}.search-field>span{font-size:20px}.search-field input{min-width:0;width:100%;background:none;border:0;color:var(--ink);padding:8px 0;font-size:11px;outline:none}.search-field:focus-within{outline:2px solid var(--s1);outline-offset:2px}.search-field input::placeholder{color:var(--muted)}.match-row{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;color:var(--ink);text-align:left;padding:16px 4px;grid-template-columns:30px 60px 1fr auto;cursor:pointer}.match-row:hover{background:#1d2a20}.match-opp{min-width:0;font-size:12px}.match-score{font-size:19px;white-space:nowrap}.match-sub{font-size:10px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.pagination>span{color:var(--muted);font-size:10px}dialog{background:#151e18;color:var(--ink);border:1px solid #455a3d;border-radius:14px;max-width:850px;width:calc(100% - 32px);max-height:85vh;padding:26px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#060b08c9;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.icon-button{background:#263525;border:1px solid #45543c;color:var(--ink);width:34px;height:34px;border-radius:6px;font-size:24px;line-height:1}.match-detail-title{font-size:22px;letter-spacing:-.7px;text-align:center;margin:5px 0}.match-detail-meta{text-align:center;font-size:11px;color:var(--muted);margin-bottom:24px}.match-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.match-detail-stat{padding:12px;background:#1d2b20;border-radius:7px;text-align:center;font-size:10px;color:var(--muted)}.match-detail-stat b{display:block;font-size:19px;color:var(--ink);margin-top:5px}.dialog-table th:first-child{text-align:left}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#d4f1ae;color:#1a2611;border-radius:8px;padding:12px 20px;box-shadow:0 6px 40px #0006;max-width:90vw;font-size:12px}footer{margin-top:35px;padding-top:22px;border-top:1px solid var(--border);font-size:10px;color:#798c7a;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.empty-state{padding:25px 10px;color:var(--muted);text-align:center;font-size:12px;line-height:1.8}
@media(min-width:1700px){.wrap{padding:40px 50px}.topbar{padding:0 50px}.club-hero{grid-template-columns:1fr 340px}.hero-main h2{font-size:72px}.hero-rating{padding:32px}.overview-grid{grid-template-columns:1.7fr 1fr}}
@media(max-width:1200px){.sidebar{width:195px;padding:26px 14px}.app-shell{margin-left:195px}.wrap{padding:26px 25px}.topbar{padding:0 25px}.brand{gap:9px}.brand>span{font-size:13px}.brand b{font-size:11px}.club-hero{grid-template-columns:1fr 270px}.hero-main{padding:26px}.hero-main h2{font-size:51px}.hero-rating{padding:25px 20px}.hero-link{display:none}.pitch-art{right:280px;left:30%}.metric-card{padding:16px}.metric-spark{width:44px;right:12px}.metrics-grid{gap:10px}.card{padding:18px}.live{max-width:230px;white-space:normal;text-align:right}.overview-grid{gap:16px;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}}
@media(max-width:1000px){.sidebar{width:180px;padding:25px 10px}.app-shell{margin-left:180px}.brand img{width:38px}.brand>span{font-size:12px}.brand b{font-size:10px}.side-nav>a{font-size:12px;gap:10px}.topbar{height:68px}.breadcrumb{font-size:10px;gap:8px}.topbar-actions{gap:10px}.page-heading h1{font-size:27px}.club-hero{grid-template-columns:1fr 240px}.hero-main h2{font-size:46px}.hero-main{padding:25px 20px}.hero-rating{padding:22px 15px}.hero-sr{font-size:57px}.chip{width:19px;height:22px;font-size:9px}.form-strip{gap:3px}.hero-label{font-size:8px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:31px}.metric-spark{width:80px}.overview-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}.overview-grid .chart-box{max-height:280px}.scoreboard{max-width:450px;margin:auto}.score-team>span{font-size:12px}.latest-card .card-head{margin-bottom:12px}.grid{grid-template-columns:1fr 1fr}.grid .wide{grid-column:1/-1}.period-control{font-size:0}.period-control select{font-size:10px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:0;background:#111913;border-right:0;border-bottom:1px solid var(--border);display:block}.brand,.sidebar-rule,.nav-label,.sidebar-bottom{display:none}.side-nav{display:flex;flex-direction:row;justify-content:space-between;padding:7px 12px;gap:4px;overflow-x:auto}.side-nav>a{padding:10px 9px;min-height:41px;white-space:nowrap;font-size:11px;gap:7px;flex-shrink:0}.side-nav svg{width:16px;height:16px}.nav-count{display:none}.app-shell{margin-left:0}.topbar{height:60px;padding:0 20px}.breadcrumb{font-size:11px}.breadcrumb strong,.breadcrumb>span{display:none}.topbar-actions{gap:9px}.refresh-button{font-size:10px;padding:6px 9px;min-height:32px}.game-switch button{font-size:10px;padding:4px 8px}.wrap{padding:25px 20px}.page-heading{align-items:flex-start;gap:15px;margin-bottom:20px}.page-heading h1{font-size:27px;margin-top:6px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:9px}.live{max-width:170px;font-size:9px;line-height:1.5;margin-top:3px}.upstream-note{padding:12px;margin-bottom:20px}.upstream-body{font-size:10px}.club-hero{min-height:270px;grid-template-columns:1fr 220px}.hero-main h2{font-size:46px}.hero-main>p{font-size:10px;max-width:150px}.hero-label{font-size:8px;letter-spacing:1.3px}.hero-main{padding:24px 20px}.hero-rating .eyebrow{font-size:8px}.hero-rating{padding:22px 14px}.hero-sr{font-size:57px}.chip{width:18px;height:22px}.form-strip{gap:3px}.hero-identity{font-size:9px;gap:7px}.hero-identity img{width:26px}.pitch-art{right:225px;left:18%;opacity:.2}.overview-section-head{margin-top:27px}.overview-section-head h2{font-size:18px}.overview-section-head .eyebrow{font-size:8px}.metrics-grid{gap:10px}.metric-card{padding:16px}.metric-spark{width:62px}.card{padding:20px}.overview-grid{gap:16px}.card-head h3{font-size:15px}.card-head .eyebrow{font-size:8px}.grid{grid-template-columns:1fr}.grid>.card{grid-column:auto}.match-controls select{flex:1}.match-controls .search-field{flex-basis:100%}.match-row{grid-template-columns:22px 44px 1fr;gap:9px}.match-row .match-sub{grid-column:3;display:flex;gap:12px;margin-top:-5px}.match-score{font-size:16px}.match-opp .rank-stats{font-size:9px}.comparison-row{gap:10px;grid-template-columns:1fr 100px 1fr}.comparison-value{gap:4px}.comparison-value b{font-size:14px;min-width:38px}.comparison-row>span{font-size:10px}.comparison-controls{gap:15px}.comparison-controls label{width:42%}.skip-link{left:10px}.section-head .sub{line-height:1.6}.season-summary>summary span{font-size:9px}.form-summary strong{font-size:25px}.game-switch{gap:0}footer{line-height:1.6}}
@media(max-width:480px){.wrap{padding:22px 15px}.topbar{padding:0 15px}.side-nav{padding:6px 9px;gap:1px}.side-nav>a{font-size:10px;gap:5px;padding:9px 7px}.side-nav svg{width:14px}.page-heading{flex-direction:column;gap:10px}.live{max-width:none;text-align:left;margin-left:0}.club-hero{grid-template-columns:1fr;min-height:0}.hero-main{padding:24px}.hero-main h2{font-size:56px;margin:22px 0 12px}.hero-main>p{max-width:none;margin-bottom:21px;font-size:11px}.hero-identity{font-size:11px}.hero-link{display:flex;font-size:9px;gap:10px;margin-right:0}.pitch-art{inset:-15px -50px 150px 47%;opacity:.3}.hero-rating{padding:20px 24px;border-left:0;border-top:1px solid #49623b66;display:grid;grid-template-columns:auto 1fr;gap:0 20px;align-items:center}.hero-rating>.eyebrow:first-child{grid-column:1}.hero-sr{grid-column:1;font-size:43px;margin-top:7px}.hero-caption{grid-column:1;font-size:9px;margin-top:5px;max-width:105px}.rating-divider{display:none}.hero-rating>.eyebrow:nth-of-type(2){grid-column:2;grid-row:1}.form-strip{grid-column:2;grid-row:2;flex-wrap:wrap;gap:4px;margin:6px 0}.chip{width:24px;height:23px;font-size:10px}#hero-record{grid-column:2;grid-row:3;font-size:8px;line-height:1.65}.form-strip .chip{width:23px}.metrics-grid{gap:10px}.metric-card{padding:15px}.metric-value{font-size:29px}.metric-label{font-size:9px}.metric-note{font-size:9px;max-width:135px}.metric-spark{width:43px;bottom:43px;right:12px}.overview-section-head{gap:10px}.overview-section-head .eyebrow{font-size:7px;letter-spacing:1px}.period-control select{max-width:135px;padding-left:8px;padding-right:22px;font-size:10px}.card{padding:18px}.leader-name{font-size:11px}.leader-stat{font-size:21px}.metric-label>span{font-size:13px}.section-head h2{font-size:21px}.comparison-controls{gap:8px}.comparison-row{grid-template-columns:1fr 85px 1fr;gap:5px}.comparison-value b{font-size:13px}.match-detail-stats{gap:7px}.match-detail-stat{font-size:9px;padding:10px 5px}.match-detail-stat b{font-size:17px}dialog{padding:20px}.match-detail-title{font-size:19px}.score-number{font-size:34px}.card-head .text-link{font-size:9px}.topbar-actions{gap:6px}.breadcrumb{font-size:10px}.refresh-button{font-size:9px;padding:5px 8px}.game-switch button{font-size:9px}.season-summary>summary{font-size:11px}.season-summary>summary span{max-width:130px;text-align:right}.pagination{align-items:flex-start}.pagination .button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.hero-main,.hero-rating{min-width:0}.hero-rating .form-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.hero-rating .form-strip .chip{width:100%;max-width:24px}
@media(max-width:480px){.hero-rating .form-strip{grid-template-columns:repeat(5,minmax(0,1fr));max-width:155px;gap:4px}.hero-main h2{font-size:52px;letter-spacing:-2px}}
/* Red-card markers wrap inside their grid cell even for high season totals. */
.disc-row{grid-template-columns:minmax(100px,150px) minmax(0,1fr) 30px}.disc-track{min-width:0;display:flex;flex-wrap:wrap;height:auto;gap:3px}.disc-seg{width:7px;height:14px;flex:none;border-radius:2px}
@media(max-width:480px){.disc-row{grid-template-columns:100px minmax(0,1fr) 25px;gap:9px}.disc-name{font-size:11px}.disc-seg{width:6px}.hero-rating .form-strip .chip{padding:0}}

/* The analyst keeps its progress separate from the saved report. */
.analyst-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:22px}
.analyst-status{display:flex;align-items:flex-start;gap:11px;min-width:0}.analyst-status strong{display:block;font-size:13px;font-weight:650;line-height:1.5}.analyst-status p{margin:5px 0 0;font-size:11px;line-height:1.7;color:var(--muted);max-width:660px}
.analyst-indicator{width:8px;height:8px;flex:none;margin-top:6px;border-radius:50%;background:var(--muted)}
.analyst-status[data-status="ready"] .analyst-indicator{background:var(--s1)}
.analyst-status[data-status="error"] .analyst-indicator{background:#ed8e7e}
.analyst-status[data-status="warning"] .analyst-indicator{background:#e1bc72}
.analyst-status:is([data-status="checking"],[data-status="queued"],[data-status="generating"]) .analyst-indicator{background:var(--s1);box-shadow:0 0 0 4px #c7f36b18;animation:analyst-pulse 1.8s ease-in-out infinite}
#generate-analysis{flex:none;min-width:142px;min-height:40px;white-space:nowrap}#generate-analysis:focus-visible,.analyst-diagnostics summary:focus-visible{outline:2px solid var(--s1);outline-offset:4px}
.analyst-diagnostics{margin:-5px 0 22px;padding:12px 15px;border:1px solid var(--border);border-radius:6px;font-size:11px;color:var(--muted)}.analyst-diagnostics summary{cursor:pointer;color:var(--ink)}.analyst-diagnostics p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:10px 0 0}
.ai-source-note{font-size:11px;line-height:1.8;color:var(--muted);margin:-4px 0 22px;border-left:2px solid #739653;padding-left:12px}
#main[data-loading-game="true"] .page-section{visibility:hidden;pointer-events:none}
@keyframes analyst-pulse{50%{opacity:.4}}
@media(max-width:600px){.analyst-toolbar{align-items:stretch;flex-direction:column;gap:16px}.analyst-status strong{font-size:12px}#generate-analysis{align-self:flex-start;min-height:42px}.analyst-diagnostics{padding:11px}.ai-meta{gap:8px}.ai-when{line-height:1.7}}


/* Source: premium.css */
/* Matchday edition. All graphics and type are served by this club server. */
@font-face {
  font-family: 'Club Sans';
  src: url('club-sans.woff') format('woff');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

:root {
  --page: #090d0b;
  --surface: #121814;
  --surface-2: #1b241c;
  --ink: #f1f3e9;
  --ink-2: #c1cbbb;
  --muted: #96a28f;
  --border: #2b3429;
  --s1: #d1fc78;
  --s3: #88c6ac;
  --good: #d1fc78;
  --radius: 18px;
  font-family: 'Club Sans', 'Segoe UI', Arial, sans-serif;
}

body {
  background: radial-gradient(ellipse at 65% 0, #202a1d66, transparent 55%), var(--page);
  font-size: 15px;
}
::selection { background: #d1fc78; color: #12200d; }
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
}
.sidebar {
  width: 222px;
  padding: 32px 17px 26px;
  background: linear-gradient(165deg, #171e16, #0c110df5 48%);
  border-right: 1px solid #2d3528;
}
.brand { padding: 0 10px; gap: 13px; }
.brand img { width: 43px; height: 51px; filter: drop-shadow(0 3px 15px #cff67824); }
.brand > span { font-size: 15px; letter-spacing: 2.1px; font-weight: 550; }
.brand b { font-size: 12px; letter-spacing: 1.5px; }
.sidebar-rule { margin: 30px 10px; background: linear-gradient(90deg, #454e38, #262f22); }
.nav-label { color: #7f8b75; letter-spacing: 2px; font-size: 9px; }
.side-nav { gap: 8px; }
.side-nav > a { min-height: 49px; font-size: 13px; padding: 13px; border: 1px solid transparent; border-radius: 9px; }
.side-nav > a.active {
  background: linear-gradient(110deg, #d9ff88, #c4f562);
  box-shadow: 0 4px 24px #a6d95318, inset 0 1px #e7ffb5;
  border-color: #d1f68f;
  color: #14220e;
  font-weight: 750;
}
.side-nav > a:hover:not(.active) { background: #202a1c; border-color: #39462e; }
.side-nav > a.active svg { stroke-width: 1.9; }
.sidebar-bottom { position: relative; overflow: hidden; padding: 60px 12px 0; }
.club-motto { font-size: 29px; line-height: 1.1; letter-spacing: -1.1px; font-weight: 650; }
.club-motto em { font-weight: 750; }
.sidebar-meta { font-size: 8px; letter-spacing: 1.1px; color: #a6b396; }
.sidebar-bottom p { font-size: 10px; color: #929d86; }
.app-shell { margin-left: 222px; }
.topbar { height: 76px; padding: 0 38px; background: #0b100cc2; border-bottom: 1px solid #293225; }
.breadcrumb { font-size: 12px; letter-spacing: .1px; }
.breadcrumb strong { color: #d9e2ce; font-weight: 500; }
.topbar-actions { gap: 15px; }
.game-switch { padding: 4px; border: 1px solid #323d2b; background: #131b12; border-radius: 8px; }
.game-switch button { font-size: 11px; min-height: 28px; border-radius: 5px; }
.game-switch button.on { background: #d1fc78; color: #1c2a0e; font-weight: 750; box-shadow: 0 1px 5px #0004; }
.button { border-radius: 8px; min-height: 40px; padding: 9px 15px; font-size: 12px; transition: background .18s, border-color .18s, box-shadow .18s; }
.button.secondary { background: #161f14; border-color: #36462c; color: #d4dfc8; }
.button.secondary:hover { background: #24311c; border-color: #5a733f; box-shadow: 0 4px 14px #0003; }
.wrap { max-width: 1670px; padding: 34px 38px 48px; }
.page-heading { margin-bottom: 23px; }
.page-heading h1 { font-size: clamp(30px, 3vw, 42px); font-weight: 650; letter-spacing: -1.7px; margin: 8px 0 5px; }
.page-heading p { font-size: 13px; color: #a3ad99; }
.page-heading .eyebrow { font-size: 9px; letter-spacing: 2px; color: #bac99f; }
.live { background: #192117; border: 1px solid #34402b; border-radius: 20px; font-size: 10px; padding: 8px 12px; }
.live .dot { box-shadow: 0 0 8px #d1fc7855; }
.upstream-note { padding: 12px 16px; margin-bottom: 24px; background: linear-gradient(110deg, #2b291bb3, #1c201778); border: 1px solid #544a31; border-left: 2px solid #c4ad65; border-radius: 9px; }
.upstream-title { font-size: 12px; font-weight: 600; }
.upstream-body, .upstream-hint { font-size: 11px; line-height: 1.65; color: #bbb59e; }

/* A full-width stadium, a club crest in relief, and a useful score ribbon. */
.club-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  isolation: isolate;
  border: 1px solid #657c405c;
  border-radius: 18px;
  min-height: 0;
  background: #11190d;
  box-shadow: 0 25px 75px #0003, inset 0 1px #dbff9622;
  overflow: hidden;
}
.club-hero::before {
  content: '';
  position: absolute;
  inset: 0 0 115px;
  z-index: -2;
  background: linear-gradient(90deg, #050b0680 0%, #050b0610 58%, transparent), url('stadium-hero.webp') 55% 55% / cover;
  transform: scale(1.015);
}
.club-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at var(--glow-x, 74%) var(--glow-y, 32%), #d1fc7814, transparent 40%), linear-gradient(0deg, #071006 80px, transparent 62%);
}
.hero-main { min-height: 400px; padding: 35px 40px 30px; }
.hero-label { display: inline-flex; font-size: 10px; letter-spacing: 2.2px; gap: 10px; color: #e4edcf; }
.hero-label > span { width: 6px; height: 6px; box-shadow: 0 0 12px #d9ff86aa; }
.hero-main h2 {
  font-family: 'Club Sans', 'Arial Narrow', sans-serif;
  font-stretch: 75%;
  font-size: clamp(70px, 7.8vw, 112px);
  font-weight: 850;
  line-height: .9;
  letter-spacing: -3.5px;
  margin: 32px 0 18px;
  transform: none;
  text-shadow: 0 4px 40px #07100666;
  position: relative;
  z-index: 2;
}
.hero-main h2 span { color: #d5fe7d; }
.hero-main > p { font-size: 14px; line-height: 1.5; color: #d1dac6; margin: 0 0 28px; position: relative; z-index: 2; }
.hero-bottom { position: relative; z-index: 2; gap: 20px; }
.hero-identity { font-size: 12px; gap: 10px; color: #e9efdf; }
.hero-identity img { width: 29px; height: 35px; }
.hero-link { display: flex; margin-right: 0; color: #e7f2d0; gap: 20px; padding: 10px 14px; border: 1px solid #bcd88655; border-radius: 7px; background: #1825149c; font-size: 11px; transition: background .2s, border-color .2s; }
.hero-link:hover { background: #334322; border-color: #c9f77a; }
.hero-link span { line-height: 1; }
.pitch-art { display: none; }
.hero-emblem {
  position: absolute;
  right: 10%;
  top: 77px;
  width: 169px;
  height: 212px;
  display: grid;
  place-items: center;
  z-index: 1;
  pointer-events: none;
  transform: perspective(900px) rotateX(var(--crest-x, 4deg)) rotateY(var(--crest-y, -12deg)) rotateZ(5deg);
  filter: drop-shadow(-7px 12px 0 #09120888) drop-shadow(0 25px 40px #0009);
  transition: transform .35s ease-out;
}
.hero-emblem::before { content: ''; position: absolute; inset: -34px -45px; border: 1px solid #d8ff8b33; border-radius: 50%; transform: rotate(-20deg); box-shadow: 0 0 70px #c9ff5f13, inset 0 0 60px #c9ff5f0d; }
.hero-emblem::after { content: ''; position: absolute; inset: -49px -24px; border: 1px solid #d8ff8b18; border-radius: 50%; transform: rotate(37deg); }
.hero-emblem img { width: 100%; height: auto; filter: drop-shadow(0 0 12px #ccff7324); }
.hero-corner { position: absolute; right: 32px; top: 28px; z-index: 1; display: flex; align-items: center; gap: 7px; font-size: 8px; letter-spacing: 2.5px; color: #eff9d8c7; }
.hero-corner::before { content: ''; width: 18px; height: 1px; background: currentColor; }
.hero-rating {
  position: relative;
  display: grid;
  grid-template-columns: minmax(125px, .8fr) minmax(235px, 1.25fr) minmax(180px, 1.2fr);
  grid-template-rows: auto auto auto;
  gap: 0 42px;
  padding: 25px 40px 22px;
  background: linear-gradient(125deg, #d5e7ae11, transparent 55%), #141d12;
  border-left: 0;
  border-top: 1px solid #8ca95655;
  align-items: start;
}
.hero-rating > .eyebrow:first-child { grid-column: 1; grid-row: 1; }
.hero-rating .eyebrow { font-size: 9px; color: #b7c6a1; letter-spacing: 1.5px; }
.hero-sr { grid-column: 1; grid-row: 2; color: #e9f5d4; font-size: 51px; font-weight: 650; letter-spacing: -2px; margin: 6px 0 0; }
.hero-caption { grid-column: 1; grid-row: 3; font-size: 10px; margin-top: 6px; }
.rating-divider { display: none; }
.hero-rating > .eyebrow:nth-of-type(2) { grid-column: 2; grid-row: 1; }
.hero-rating .form-strip { grid-column: 2; grid-row: 2; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); gap: 5px; margin: 15px 0 6px; max-width: 300px; width: 100%; }
.hero-rating .form-strip .chip { height: 28px; width: 100%; max-width: 28px; padding: 0; border-radius: 5px; font-size: 11px; }
.rating-record-label { grid-column: 3; grid-row: 1; }
#hero-record { grid-column: 3; grid-row: 2 / 4; color: #bdc9af; font-size: 12px; line-height: 1.75; max-width: 280px; margin-top: 12px; }
.chip.W { background: #405c28; border: 1px solid #5a7a39; color: #dfffad; }
.chip.L { background: #4a3026; color: #e8af94; border-color: #65402f; }
.chip.D { background: #333b2e; color: #d9dfcd; }

/* The numbers retain their scale; the surrounding details can breathe. */
.overview-section-head { margin: 35px 0 20px; }
.overview-section-head h2 { font-size: 27px; font-weight: 600; letter-spacing: -.8px; }
.overview-section-head .eyebrow { font-size: 9px; letter-spacing: 1.8px; }
.period-control { font-size: 11px; gap: 13px; }
select { background: #192315; color: #d4dfc9; border-color: #39492d; min-height: 39px; padding: 9px 30px 9px 12px; border-radius: 7px; font-size: 12px; }
.metrics-grid { gap: 15px; margin-bottom: 24px; }
.metric-card { border-radius: 13px; padding: 21px 23px; min-height: 161px; background: linear-gradient(135deg, #28331f42, transparent 70%), #141b12; border-color: #323e28; box-shadow: inset 0 1px #efffca06; }
.metric-card:first-child { background: linear-gradient(120deg, #eaf1d8, #dbe7c0); border-color: #edf7d8; color: #1e2e15; }
.metric-card:first-child .metric-label { color: #40502f; }
.metric-card:first-child .metric-label > span { color: #405d24; }
.metric-card:first-child .metric-note { color: #4e613d; }
.metric-card:first-child .metric-spark { filter: brightness(.44) saturate(1.4); }
.metric-label { font-size: 12px; color: #b1bea3; }
.metric-label > span { display: grid; place-items: center; height: 26px; width: 26px; border: 1px solid #8da76833; border-radius: 7px; font-size: 16px; }
.metric-value { font-size: 40px; letter-spacing: -1.6px; font-weight: 650; margin: 13px 0 10px; }
.metric-value small { font-size: 21px; font-weight: 500; margin-left: 2px; }
.metric-note { font-size: 11px; line-height: 1.5; position: relative; z-index: 1; }
.metric-spark { width: 65px; height: 29px; right: 20px; bottom: 50px; opacity: .9; }
.overview-grid { gap: 22px; margin-bottom: 22px; grid-template-columns: minmax(0,1.5fr) minmax(300px,1fr); }
.card { position: relative; border-radius: 15px; padding: 25px; background: linear-gradient(130deg, #242e2033, transparent 70%), #121913; border-color: #2c3828; box-shadow: inset 0 1px #e7f6cb05, 0 7px 28px #0000000a; transition: border-color .2s, box-shadow .2s; }
.card:hover { border-color: #485c38; box-shadow: inset 0 1px #e7f6cb0a, 0 9px 30px #0002; }
.card-head { margin-bottom: 23px; }
.card-head h3 { font-size: 19px; font-weight: 600; letter-spacing: -.5px; text-transform: none; }
.card-head .eyebrow { font-size: 9px; color: #9eaf88; letter-spacing: 1.7px; }
.small-tag { font-size: 9px; border-color: #3c4b30; color: #b6c89e; background: #202b1c; padding: 5px 8px; border-radius: 5px; }
.text-link { font-size: 12px; color: #c7e69f; }
.text-link span { transition: transform .2s; }
.text-link:hover span { transform: translate(2px,-2px); }
.form-summary strong { font-size: 33px; font-weight: 600; letter-spacing: -1px; }
.form-summary { font-size: 12px; margin-bottom: 12px; }
.chart-legend { font-size: 11px; padding-top: 8px; }
.chart-box svg text { fill: #aab79b; }
.latest-card { background: radial-gradient(ellipse at 50% 35%, #42532830, transparent 65%), #141b12; }
.latest-card .scoreboard { padding: 10px 0 20px; width: 100%; }
.score-team > span { font-size: 12px; }
.score-team img, .opponent-crest { filter: drop-shadow(0 5px 12px #0003); }
.score-number { font-size: 43px; font-weight: 650; letter-spacing: -1.8px; }
.result-caption { font-size: 10px; letter-spacing: 1.6px; }
.latest-meta { font-size: 11px; }
.motm-line { font-size: 12px; padding: 16px 0; align-items: baseline; }
.motm-line b { text-align: right; }
.latest-card .text-link { padding-top: 16px; margin-top: auto; }
.leader-row { grid-template-columns: 41px minmax(0,1fr) auto; padding: 17px 0; gap: 13px; }
.leader-avatar { width: 41px; height: 43px; font-size: 13px; border-radius: 8px; border: 1px solid #61833955; background: linear-gradient(145deg,#3e532b,#25361d); color: #e3f5c4; }
.leader-name { font-size: 14px; font-weight: 550; }
.leader-caption { font-size: 11px; }
.leader-stat { font-size: 30px; color: #e6f4d5; }
.leader-stat small { font-size: 10px; }
.eff-row { margin: 22px 0; }
.eff-top { font-size: 12px; margin-bottom: 10px; }
.eff-top b { font-size: 15px; }
.eff-track { height: 6px; background: #303c29; }
.eff-track > i { background: linear-gradient(90deg, #6f9b48, #cef782); box-shadow: 0 0 12px #b6ed6422; }
.small-note { font-size: 11px; }
.mini-result { padding: 14px 6px; border-radius: 5px; gap: 13px; }
.mini-result > span:nth-child(2) { font-size: 13px; }
.mini-result strong { font-size: 15px; }
.mini-result time { font-size: 11px; }
.insight-card { background: radial-gradient(circle at 100% 100%, #75974344, transparent 65%), linear-gradient(135deg, #26371d, #172412); border-color: #4a6333; }
.insight-card::after { font-family: 'Club Sans', sans-serif; font-weight: 400; font-size: 200px; opacity: .09; bottom: -55px; right: -10px; }
.insight-card h3 { font-size: 37px; letter-spacing: -1.4px; margin-top: 21px; line-height: 1.08; max-width: 330px; }
.insight-card p { font-size: 13px; line-height: 1.8; color: #c2d0b1; }
.season-summary { border-color: #39462e; padding: 22px 0; margin-top: 33px; }
.season-summary > summary { font-size: 14px; }
.season-summary > summary span { font-size: 11px; }
.season-summary .intel { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr)); overflow: visible; padding: 18px 0 0; }
.season-summary .intel-chip { min-width: 0; background: #182213; border-color: #34472a; padding: 17px; }
.season-summary .intel-chip .v, .season-summary .intel-chip .n { overflow-wrap: anywhere; }

/* Match centre, comparison tools, analytical views and the dressing room. */
.section { margin-top: 30px; }
.section-head h2 { font-size: 28px; letter-spacing: -.9px; font-weight: 600; }
.section-head .sub { font-size: 13px; color: #a5b195; line-height: 1.7; }
.hint { font-size: 11px; color: #a3b18f; }
.grid { gap: 21px; }
.toggle { background: #1d2818; border-color: #3a4c2d; padding: 3px; border-radius: 7px; }
.toggle button { font-size: 11px; padding: 5px 10px; min-height: 31px; }
.toggle button.on { background: #506933; color: #edfcd8; }
table { font-size: 12px; }
th { font-size: 11px; color: #b4c29f; }
td,th { padding: 13px 10px; }
.rank-row { padding: 19px 0; }
.rank-name { font-size: 14px; }
.rank-stats { font-size: 11px; line-height: 1.7; }
.rank-pos { background: #293d1c; color: #d6efb0; }
.comparison-controls { margin: 30px 0; }
.comparison-controls label { font-size: 12px; }
.comparison-controls > span { border: 1px solid #47612f; border-radius: 50%; width: 39px; height: 39px; display: grid; place-items: center; color: #c9e2a6; font-size: 10px; }
.comparison-row { grid-template-columns: 1fr 170px 1fr; margin: 18px auto; }
.comparison-row > span { font-size: 12px; }
.comparison-value b { font-size: 19px; }
.comparison-value i { height: 7px; }
.comparison-note { font-size: 12px; line-height: 1.7; }
.search-field { background: #0c140c; min-height: 42px; border-color: #3b4b2e; }
.search-field input { font-size: 12px; }
.match-row { padding: 20px 9px; grid-template-columns: 30px 68px minmax(0,1fr) auto; border-bottom-color: #303e27; }
.match-row:hover { background: #22321b88; }
.match-score { font-size: 23px; }
.match-opp { font-size: 14px; }
.match-sub { font-size: 11px; }
.pagination > span { font-size: 12px; }
.ai-sections { gap: 34px; }
.ai-section h4 { font-size: 11px; color: #c7e49e; letter-spacing: 1.5px; }
.ai-section p { font-size: 14px; line-height: 1.85; color: #d2dbc7; }
.ai-tag { background: #2d401e; color: #ddf3be; border-color: #527135; }
.focus-tile { background: #182211; border-color: #3a4e2a; border-radius: 10px; }
.focus-tile .v { font-size: 27px; }
.pitch-wrap { perspective: 1000px; padding: 5px 4px 17px; }
.pitch-wrap svg { transform: rotateX(7deg); transform-origin: center; border: 1px solid #71934e; box-shadow: 0 2px #5f793a, 0 5px #344d29, 0 9px #182812, 0 16px 28px #0008; border-radius: 15px; }
.pitch-wrap::after { content: ''; position: absolute; inset: 5px 4px 17px; background: linear-gradient(140deg, #e6ffa317, transparent 52%); pointer-events: none; border-radius: 15px; transform: rotateX(7deg); }
.shape-badge { color: #e1f5bd; border-color: #486332; background: linear-gradient(120deg,#2d421e,#1c2a15); border-radius: 8px; font-family: 'Club Sans',sans-serif; font-weight: 650; }
.fw-role { color: #d8f4aa; background: #2a3e1f; border-color: #516b38; }
.fw-name { font-size: 14px; }
.fw-why { font-size: 12px; line-height: 1.75; }
.empty-state { font-size: 14px; line-height: 1.8; padding: 35px 18px; }
.chart-note { font-size: 13px; }
dialog { border-radius: 20px; background: linear-gradient(135deg,#1b2815,#111a10); border-color: #5b7740; padding: 28px; box-shadow: 0 30px 140px #000a; }
dialog::backdrop { background: #020802d9; backdrop-filter: blur(9px); }
.match-detail-title { font-size: 29px; font-weight: 600; }
.match-detail-meta { font-size: 12px; }
.match-detail-stat { font-size: 11px; padding: 15px; background: #22331b; border: 1px solid #354c27; border-radius: 10px; }
.match-detail-stat b { font-size: 24px; }
.icon-button { width: 39px; height: 39px; border-radius: 9px; }
footer { border-color: #2c3b25; padding-top: 26px; font-size: 11px; color: #98a68a; line-height: 1.6; }
#toast { background: #d6f3af; box-shadow: 0 9px 40px #0008; font-size: 13px; border: 1px solid #ecffd1; }

/* Visible by default. Only new navigation transitions get a brief entrance. */
@keyframes club-enter { from { opacity: .45; transform: translateY(9px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .club-enter { animation: club-enter .4s cubic-bezier(.2,.8,.2,1) both; }
  .hero-rating .chip { transition: transform .18s, filter .18s; }
  .hero-rating .chip:hover { transform: translateY(-3px); filter: brightness(1.2); }
}

@media (min-width: 1700px) {
  .sidebar { width: 240px; padding-left: 24px; padding-right: 24px; }
  .app-shell { margin-left: 240px; }
  .wrap { padding: 40px 48px 50px; }
  .topbar { padding: 0 48px; }
  .hero-main { min-height: 450px; padding: 42px 46px 34px; }
  .hero-main h2 { font-size: 126px; }
  .hero-emblem { width: 200px; right: 13%; top: 90px; }
  .hero-rating { padding-left: 46px; padding-right: 46px; }
}
@media (max-width: 1200px) {
  .sidebar { width: 192px; padding-left: 12px; padding-right: 12px; }
  .brand { gap: 9px; padding: 0 6px; }
  .brand > span { font-size: 13px; }
  .brand b { font-size: 10px; }
  .side-nav > a { font-size: 12px; gap: 11px; padding: 12px 10px; }
  .app-shell { margin-left: 192px; }
  .wrap { padding: 29px 26px 40px; }
  .topbar { padding: 0 26px; }
  .hero-main { min-height: 380px; padding: 32px; }
  .hero-main h2 { font-size: 88px; }
  .hero-emblem { width: 135px; top: 100px; right: 9%; }
  .hero-rating { grid-template-columns: minmax(115px,.8fr) minmax(200px,1.25fr) minmax(160px,1.1fr); gap: 0 26px; padding: 23px 32px; }
  .hero-sr { font-size: 45px; }
  #hero-record { font-size: 11px; }
  .hero-rating .form-strip { gap: 4px; }
  .hero-rating .form-strip .chip { height: 26px; }
  .hero-rating .eyebrow { font-size: 8px; letter-spacing: 1.1px; }
  .metric-card { padding: 20px; }
  .metric-value { font-size: 37px; }
  .metric-note { font-size: 10px; }
  .metric-label { font-size: 11px; }
  .metric-spark { width: 45px; right: 16px; }
  .overview-grid { grid-template-columns: minmax(0,1.3fr) minmax(290px,1fr); gap: 18px; }
  .card { padding: 22px; }
}
@media (max-width: 1000px) {
  .sidebar { width: 180px; padding-left: 10px; padding-right: 10px; }
  .app-shell { margin-left: 180px; }
  .brand img { width: 36px; }
  .brand > span { font-size: 12px; }
  .brand b { font-size: 10px; }
  .club-motto { font-size: 25px; }
  .topbar { height: 68px; }
  .breadcrumb { font-size: 10px; }
  .topbar-actions { gap: 8px; }
  .refresh-button { font-size: 10px; padding: 8px 11px; }
  .page-heading { gap: 12px; }
  .page-heading h1 { font-size: 33px; }
  .live { max-width: 190px; line-height: 1.5; font-size: 9px; text-align: left; }
  .hero-main { min-height: 350px; padding: 28px; }
  .hero-main h2 { font-size: 75px; letter-spacing: -3px; margin-top: 34px; }
  .hero-main > p { font-size: 12px; max-width: none; }
  .hero-emblem { width: 105px; top: 82px; right: 8%; }
  .hero-emblem::before, .hero-emblem::after { inset: 0 -20px; }
  .hero-corner { right: 24px; top: 23px; font-size: 7px; }
  .hero-rating { grid-template-columns: 1fr 1.6fr; padding: 22px 28px; gap: 0 26px; }
  .hero-rating .eyebrow { font-size: 9px; }
  .rating-record-label { display: none; }
  #hero-record { grid-column: 2; grid-row: 3; max-width: none; margin: 5px 0 0; font-size: 10px; }
  .hero-rating .form-strip { margin-top: 14px; max-width: 300px; }
  .hero-caption { max-width: none; margin-top: 8px; }
  .club-hero::before { bottom: 125px; }
  .metrics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .metric-card { min-height: 151px; }
  .metric-spark { width: 76px; right: 21px; bottom: 44px; }
  .metric-value { font-size: 38px; }
  .metric-note { font-size: 11px; }
  .overview-grid, .lower-grid { grid-template-columns: minmax(0,1fr); }
  .overview-grid .chart-box { max-height: 300px; }
  .period-control { font-size: 0; }
  .period-control select { font-size: 11px; }
  .insight-card h3 { max-width: none; }
  .insight-card p { max-width: 530px; }
  .card-head h3 { font-size: 18px; }
}
@media (max-width: 760px) {
  .sidebar { position: fixed; inset: auto 0 0; width: 100%; padding: 0; z-index: 40; border: 0; border-top: 1px solid #68794a66; background: #10180efa; box-shadow: 0 -8px 30px #0005; }
  .sidebar .brand, .sidebar .sidebar-rule, .nav-label, .sidebar-bottom { display: none; }
  .side-nav { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 3px; padding: 7px 9px calc(8px + env(safe-area-inset-bottom)); overflow: visible; }
  .side-nav > a { display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: 5px; min-height: 52px; padding: 7px 2px; font-size: 10px; white-space: nowrap; border-radius: 8px; letter-spacing: -.1px; }
  .side-nav svg { width: 18px; height: 18px; }
  .side-nav > a.active { background: #d4fb80; border-color: #d4fb80; }
  .nav-count { display: none; }
  .app-shell { margin-left: 0; }
  .topbar { height: 68px; padding: 0 22px; }
  .breadcrumb { color: #e2edce; font-weight: 600; font-size: 12px; letter-spacing: -.2px; gap: 8px; }
  .breadcrumb::before { content: ''; display: block; width: 24px; height: 29px; background: url('crest.svg') center / contain no-repeat; }
  .breadcrumb > span, .breadcrumb strong { display: none; }
  .topbar-actions { gap: 9px; }
  .game-switch { padding: 3px; }
  .game-switch button { font-size: 10px; min-height: 26px; padding: 4px 8px; }
  .refresh-button { min-height: 36px; font-size: 10px; padding: 7px 10px; }
  .wrap { padding: 26px 22px calc(100px + env(safe-area-inset-bottom)); }
  .page-heading h1 { font-size: 35px; }
  .page-heading p { font-size: 12px; }
  .page-heading .eyebrow { font-size: 9px; letter-spacing: 1.5px; }
  .live { max-width: 190px; }
  .upstream-note { margin-bottom: 22px; }
  .hero-main { min-height: 355px; padding: 28px; }
  .hero-main h2 { font-size: 79px; margin-top: 34px; }
  .hero-main > p { max-width: none; }
  .hero-identity { font-size: 11px; }
  .hero-link { display: flex; font-size: 10px; padding: 8px 11px; gap: 11px; }
  .hero-emblem { width: 125px; height: 169px; top: 107px; right: 9%; }
  .hero-corner { top: 23px; right: 24px; }
  .hero-rating { gap: 0 30px; padding: 23px 28px; }
  .hero-sr { font-size: 48px; }
  .hero-rating .form-strip { grid-template-columns: repeat(10,minmax(0,1fr)); margin-top: 13px; max-width: 290px; gap: 4px; }
  .hero-rating .form-strip .chip { height: 27px; }
  .hero-caption { font-size: 10px; }
  .overview-section-head { margin: 29px 0 18px; }
  .overview-section-head h2 { font-size: 25px; }
  .overview-section-head .eyebrow { font-size: 8px; }
  .metrics-grid { gap: 13px; }
  .metric-card { padding: 21px; }
  .metric-spark { width: 65px; }
  .card { padding: 23px; }
  .grid { grid-template-columns: minmax(0,1fr); }
  .grid > .card { grid-column: auto; }
  .section-head h2 { font-size: 27px; }
  .section-head .sub { font-size: 12px; }
  .card-head .text-link { font-size: 11px; }
  .comparison-row { grid-template-columns: 1fr 130px 1fr; gap: 10px; }
  .comparison-value { gap: 8px; }
  .comparison-value b { font-size: 16px; min-width: 42px; }
  .comparison-controls label { width: 43%; }
  .comparison-controls { gap: 15px; }
  .match-row { grid-template-columns: 25px 48px minmax(0,1fr); gap: 10px; padding: 18px 3px; }
  .match-row .match-sub { grid-column: 3; font-size: 10px; gap: 10px; }
  .match-score { font-size: 20px; }
  .match-opp { font-size: 13px; }
  .match-controls select { min-width: 0; }
  .match-detail-title { font-size: 26px; }
  #toast { bottom: calc(85px + env(safe-area-inset-bottom)); }
  footer { margin-top: 28px; }
}
@media (max-width: 540px) {
  .topbar { height: 64px; padding: 0 17px; gap: 8px; }
  .breadcrumb { font-size: 10px; gap: 7px; }
  .breadcrumb::before { width: 22px; height: 27px; }
  .topbar-actions { gap: 6px; }
  .refresh-button { font-size: 9px; padding: 6px 8px; gap: 5px; }
  .refresh-button > span { font-size: 17px; }
  .game-switch button { font-size: 9px; padding: 4px 6px; }
  .wrap { padding: 25px 17px calc(96px + env(safe-area-inset-bottom)); }
  .page-heading { flex-direction: column; gap: 13px; margin-bottom: 20px; }
  .page-heading h1 { font-size: 35px; margin-top: 6px; }
  .page-heading p { font-size: 12px; }
  .live { max-width: 100%; width: fit-content; margin: 0; font-size: 9px; padding: 6px 10px; }
  .upstream-note { padding: 12px; gap: 9px; }
  .upstream-title { font-size: 11px; }
  .upstream-body, .upstream-hint { font-size: 10px; line-height: 1.7; }
  .club-hero { border-radius: 14px; }
  .club-hero::before { inset: 0 0 130px; background-position: 68% 50%; background-image: linear-gradient(90deg, #05100488, #05100422 75%), url('stadium-hero.webp'); }
  .hero-main { min-height: 337px; padding: 25px 23px 22px; }
  .hero-label { font-size: 8px; letter-spacing: 1.7px; }
  .hero-main h2 { font-size: clamp(54px, 13.4vw, 70px); letter-spacing: -2.4px; line-height: .94; margin: 45px 0 16px; }
  .hero-main > p { font-size: 12px; max-width: 240px; margin-bottom: 31px; color: #e3ebd7; }
  .hero-emblem { width: 54px; height: 66px; top: 21px; right: 24px; opacity: .9; transform: perspective(600px) rotateY(-15deg) rotateZ(7deg); }
  .hero-emblem::before { inset: -9px -12px; }
  .hero-emblem::after { inset: -13px -7px; }
  .hero-corner { display: none; }
  .hero-bottom { gap: 10px; }
  .hero-identity { font-size: 10px; gap: 7px; }
  .hero-identity img { width: 23px; height: 29px; }
  .hero-link { font-size: 9px; gap: 7px; padding: 8px; }
  .hero-link span { font-size: 14px; }
  .hero-rating { padding: 21px 23px 22px; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 0 15px; }
  .hero-rating .eyebrow { font-size: 7px; letter-spacing: 1.1px; }
  .hero-sr { font-size: 40px; margin-top: 10px; }
  .hero-caption { font-size: 8px; max-width: 110px; line-height: 1.6; margin-top: 6px; }
  .hero-rating .form-strip { grid-template-columns: repeat(5,minmax(0,1fr)); max-width: 163px; gap: 5px; margin: 8px 0 0; }
  .hero-rating .form-strip .chip { height: 23px; font-size: 9px; max-width: 25px; }
  #hero-record { font-size: 8px; margin-top: 7px; line-height: 1.7; }
  .overview-section-head { gap: 9px; }
  .overview-section-head h2 { font-size: 24px; margin-top: 6px; }
  .overview-section-head .eyebrow { font-size: 7px; letter-spacing: 1.2px; }
  .period-control select { max-width: 139px; font-size: 10px; min-height: 37px; padding: 8px 21px 8px 9px; }
  .metrics-grid { gap: 11px; }
  .metric-card { padding: 16px; min-height: 151px; border-radius: 11px; }
  .metric-label { font-size: 10px; gap: 4px; }
  .metric-label > span { width: 22px; height: 22px; font-size: 13px; border-radius: 5px; }
  .metric-value { font-size: 35px; margin: 12px 0; }
  .metric-value small { font-size: 17px; }
  .metric-note { font-size: 10px; max-width: none; line-height: 1.6; }
  .metric-spark { width: 35px; right: 13px; bottom: 61px; opacity: .7; }
  .card { padding: 21px; border-radius: 13px; }
  .card-head { gap: 10px; margin-bottom: 19px; }
  .card-head h3 { font-size: 18px; }
  .card-head .eyebrow { font-size: 8px; letter-spacing: 1.4px; }
  .small-tag { font-size: 8px; padding: 4px 6px; }
  .form-summary { gap: 11px; font-size: 10px; }
  .form-summary strong { font-size: 29px; white-space: nowrap; }
  .chart-legend { font-size: 10px; gap: 14px; }
  .score-number { font-size: 39px; }
  .score-team > span { font-size: 11px; }
  .latest-meta { font-size: 10px; }
  .motm-line { font-size: 11px; }
  .leader-row { grid-template-columns: 35px minmax(0,1fr) auto; gap: 11px; }
  .leader-avatar { width: 35px; height: 38px; font-size: 11px; }
  .leader-name { font-size: 12px; }
  .leader-caption { font-size: 10px; }
  .leader-stat { font-size: 27px; }
  .leader-stat small { font-size: 9px; }
  .card-head .text-link { font-size: 10px; }
  .mini-result { gap: 10px; padding-left: 0; padding-right: 0; }
  .mini-result > span:nth-child(2) { font-size: 12px; }
  .mini-result time { font-size: 9px; }
  .insight-card h3 { font-size: 34px; }
  .season-summary > summary { font-size: 12px; }
  .season-summary > summary span { max-width: 135px; font-size: 10px; }
  .section-head h2 { font-size: 25px; }
  .hint { font-size: 10px; }
  .toggle { max-width: 100%; }
  .toggle button { font-size: 10px; padding: 4px 7px; }
  .comparison-controls { gap: 8px; }
  .comparison-controls label { font-size: 11px; }
  .comparison-controls > span { width: 28px; height: 28px; flex: none; font-size: 8px; }
  .comparison-controls select { font-size: 10px; padding-left: 8px; }
  .comparison-row { grid-template-columns: 1fr 95px 1fr; gap: 6px; }
  .comparison-row > span { font-size: 10px; }
  .comparison-value { gap: 5px; }
  .comparison-value b { font-size: 14px; min-width: 34px; }
  .comparison-value i { height: 5px; }
  .comparison-note { font-size: 10px; }
  .match-row { grid-template-columns: 24px 43px minmax(0,1fr); gap: 8px; }
  .match-opp { font-size: 12px; }
  .match-row .match-sub { flex-wrap: wrap; font-size: 9px; gap: 2px 8px; }
  .match-controls select { font-size: 10px; padding-left: 9px; }
  .pagination > span { font-size: 10px; }
  .pagination .button { font-size: 10px; padding: 8px 10px; }
  dialog { padding: 20px; border-radius: 15px; }
  .match-detail-title { font-size: 23px; }
  .match-detail-meta { font-size: 11px; }
  .match-detail-stat { padding: 12px 5px; font-size: 9px; }
  .match-detail-stat b { font-size: 20px; }
  .ai-section p { font-size: 13px; }
  .side-nav > a { font-size: 9px; }
  footer { font-size: 10px; }
}
@media (max-width: 440px) {
  .breadcrumb { font-size: 0; gap: 0; }
  .breadcrumb::before { width: 28px; height: 33px; }
}
@media (max-width: 359px) {
  .topbar { padding: 0 12px; }
  .breadcrumb { font-size: 0; gap: 0; }
  .breadcrumb::before { width: 24px; }
  .topbar-actions { gap: 4px; }
  .refresh-button { font-size: 8px; padding: 6px; }
  .game-switch button { font-size: 8px; padding: 3px 5px; }
  .wrap { padding-left: 12px; padding-right: 12px; }
  .hero-main { padding-left: 20px; padding-right: 20px; }
  .hero-main h2 { font-size: 51px; }
  .hero-label { font-size: 7px; }
  .hero-link { padding: 7px; font-size: 8px; }
  .hero-rating { padding-left: 20px; padding-right: 20px; gap: 0 12px; }
  .hero-rating .eyebrow { font-size: 6.5px; }
  .metric-card { padding: 14px; }
  .metric-spark { display: none; }
  .card { padding: 18px; }
  .form-summary strong { font-size: 25px; }
  .side-nav { gap: 1px; padding-left: 5px; padding-right: 5px; }
  .side-nav > a { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .club-enter { animation: none; }
  .hero-emblem { transform: rotate(5deg); transition: none; }
  .text-link:hover span { transform: none; }
}


/* Source: quick-search.css */
/* The command palette is isolated from the dashboard's cards and dialogs. */
.quick-search-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:8px 11px;flex:none;border:1px solid #3c493f;border-radius:6px;background:#19231d;color:#bfc8b7;font:inherit;font-size:11px;cursor:pointer;transition:border-color .18s,background .18s}
.quick-search-trigger:hover{background:#263526;border-color:#7b9165;color:#eff0df}.quick-search-trigger svg,.quick-search-field>svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round}.quick-search-trigger kbd{font:inherit;font-size:9px;color:#93a08c;padding:2px 4px;border:1px solid #3b493a;border-radius:3px;margin-left:8px}.quick-search-trigger:focus-visible,.quick-search-close:focus-visible{outline:2px solid #c7f36b;outline-offset:4px}
#quick-search.quick-search-dialog{inset:0;width:min(680px,calc(100vw - 32px));max-width:none;max-height:min(790px,calc(100dvh - 60px));margin:clamp(28px,12vh,120px) auto auto;padding:0;overflow:hidden;border:1px solid #576849;border-radius:14px;background:#142018;color:#eef0df;box-shadow:0 28px 120px #000a;font-family:inherit;isolation:isolate}
#quick-search[open]{display:flex;flex-direction:column;animation:quick-search-arrive .15s ease-out}#quick-search::backdrop{background:#060d09d9;backdrop-filter:blur(9px)}
.quick-search-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 23px 9px;color:#aec385;font-size:9px;font-weight:650;letter-spacing:1.8px}.quick-search-title-detail{color:#6f836f;font-size:8px;letter-spacing:1.2px}
.quick-search-field{display:flex;align-items:center;gap:14px;padding:10px 21px 16px;border-bottom:1px solid #354630}.quick-search-field>svg{width:21px;height:21px;color:#a9c47f}.quick-search-field input{width:100%;min-width:0;border:0;outline:0!important;border-radius:0;background:transparent;color:#eff0df;font:inherit;font-size:20px;font-weight:450;letter-spacing:-.5px;padding:7px 0;box-shadow:none!important}.quick-search-field input::placeholder{color:#83917c;opacity:1}.quick-search-field:focus-within{border-color:#95b76e}.quick-search-close{min-width:40px;min-height:34px;border:1px solid #42503e;border-radius:5px;background:#1d2b20;color:#c3cdb5;font:inherit;font-size:10px;cursor:pointer}.quick-search-close:hover{background:#2a3b29;color:#f0f2df}
.quick-search-context{font-size:10px;color:#9cae91;line-height:1.6;margin:0;padding:13px 23px 3px}.quick-search-results{padding:0 10px 12px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#526840 transparent}.quick-search-group-label{padding:15px 13px 8px;font-size:9px;color:#a7b19a;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.quick-search-option{display:flex;align-items:center;gap:13px;padding:11px 13px;margin:2px 0;min-height:58px;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:background .1s,border-color .1s}.quick-search-option[aria-selected="true"]{background:#2e4126;border-color:#566e3e}.quick-search-symbol{display:grid;place-items:center;width:34px;height:36px;flex:none;border:1px solid #3d4d36;border-radius:6px;background:#1f2e21;color:#c8d8af;font-size:13px;line-height:1;font-weight:600}.quick-search-option[data-kind="page"] .quick-search-symbol{font-size:18px;color:#c7f36b}.quick-search-symbol[data-result="W"]{background:#233c27;color:#acd483}.quick-search-symbol[data-result="L"]{background:#382d25;color:#deb296}.quick-search-symbol[data-result="D"]{background:#343827;color:#c4c796}.quick-search-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.quick-search-copy strong{font-size:13px;font-weight:550;color:#eff0df;overflow-wrap:anywhere;line-height:1.35}.quick-search-copy>span{font-size:10px;color:#a3b197;overflow-wrap:anywhere;line-height:1.5}.quick-search-option[aria-selected="true"] .quick-search-copy>span{color:#becfac}.quick-search-open{margin-left:auto;color:#c7f36b;font-size:18px;opacity:0}.quick-search-option[aria-selected="true"] .quick-search-open{opacity:1}
.quick-search-empty{padding:44px 28px 48px;text-align:center}.quick-search-empty strong{font-size:17px;color:#e0e6cf;font-weight:550}.quick-search-empty p{max-width:290px;margin:11px auto 0;color:#99ac90;font-size:12px;line-height:1.8}.quick-search-empty[hidden],.quick-search-results[hidden]{display:none}
.quick-search-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 23px;border-top:1px solid #354630;background:#111c14;flex:none;font-size:10px;color:#a4b396}.quick-search-footer>span:first-child{display:flex;align-items:center;gap:5px}.quick-search-footer>span:last-child{font-size:8px;letter-spacing:1.3px;color:#72856a}.quick-search-footer kbd{display:inline-grid;place-items:center;width:18px;height:20px;border:1px solid #3d4c35;border-radius:3px;font:inherit;font-size:11px;color:#c1d2af}.quick-search-footer kbd:nth-child(3){margin-left:8px}.quick-search-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes quick-search-arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.quick-search-trigger{width:40px;min-height:40px;padding:0}.quick-search-trigger-label,.quick-search-trigger kbd{display:none}}
@media(max-width:760px){.quick-search-trigger{width:44px;min-height:44px;border-color:transparent;background:transparent}.quick-search-trigger svg{width:19px;height:19px}}
@media(max-width:600px){#quick-search.quick-search-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 28px);margin:14px auto auto;border-radius:11px}.quick-search-heading{padding:18px 17px 7px;font-size:8px;letter-spacing:1.4px}.quick-search-title-detail{display:none}.quick-search-field{padding:8px 15px 13px;gap:11px}.quick-search-field input{font-size:17px;letter-spacing:-.3px}.quick-search-close{min-width:43px;min-height:42px}.quick-search-context{padding:12px 17px 1px;font-size:10px}.quick-search-results{padding:0 6px 8px}.quick-search-group-label{padding-left:11px}.quick-search-option{padding:10px;gap:11px;min-height:62px}.quick-search-symbol{width:31px;height:34px}.quick-search-copy strong{font-size:12px}.quick-search-copy>span{font-size:10px}.quick-search-footer{padding:13px 17px}.quick-search-footer>span:last-child{display:none}.quick-search-empty{padding:36px 24px}}
@media(prefers-reduced-motion:reduce){#quick-search[open]{animation:none}.quick-search-option,.quick-search-trigger{transition:none}}


/* Source: forecast-view.css */
.club-standing-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0 36px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(130deg,rgba(202,255,114,.055),transparent 55%);overflow:hidden}.club-standing{min-width:0;padding:22px 24px;display:flex;flex-direction:column;gap:8px}.club-standing+.club-standing{border-left:1px solid var(--line)}.club-standing strong{font-size:clamp(19px,1.8vw,28px);font-weight:640;line-height:1.25;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.standing-featured strong{color:var(--lime)}.standing-note{font-size:11px;line-height:1.6;color:var(--muted)}.forecast-card{position:relative;overflow:hidden}.forecast-source,.forecast-caption,.forecast-status{color:var(--muted);font-size:12px;line-height:1.65}.forecast-source{margin:-4px 0 22px}.forecast-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.forecast-controls .toggle{flex-wrap:wrap}.forecast-key-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.forecast-key-stats .club-standing{padding:20px}.forecast-key-stats strong{font-size:32px}.forecast-key-stats .club-standing:nth-child(2) strong{color:var(--lime)}.forecast-chart{margin-top:20px}.forecast-chart svg{display:block;width:100%;height:auto;min-height:190px}.forecast-grid{stroke:rgba(185,204,165,.12);stroke-dasharray:2 5}.forecast-axis{fill:#a2b195;font-size:10px;font-family:inherit}.forecast-history{fill:none;stroke:#9bafa0;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.forecast-median{fill:none;stroke:#ccff78;stroke-width:3;stroke-dasharray:5 5;stroke-linecap:round}.forecast-band{fill:rgba(202,255,114,.18)}.forecast-boundary{stroke:rgba(202,255,114,.35);stroke-dasharray:4 5}.forecast-history-dot{fill:#9bafa0}.forecast-prediction-dot{fill:#d0ff84;stroke:#162119;stroke-width:2}.forecast-caption{margin:8px 0 20px}.forecast-backtest{display:flex;flex-wrap:wrap;gap:10px 22px;background:rgba(255,255,255,.025);border-radius:10px;padding:16px;font-size:12px;color:var(--muted)}.forecast-backtest strong{color:var(--text)}.forecast-positive{color:var(--lime)}.forecast-details{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}.forecast-details summary{cursor:pointer;color:var(--text);width:fit-content}.forecast-details p{max-width:90ch;margin:12px 0}.forecast-actions{display:flex;align-items:center;gap:20px;margin-top:16px}.forecast-actions .button{flex-shrink:0}.forecast-empty{display:flex;gap:30px;align-items:center;padding:32px 0 24px}.forecast-empty h4{font-size:24px;font-weight:600;letter-spacing:-.04em;margin:0 0 10px}.forecast-empty p{color:var(--muted);font-size:13px;line-height:1.7;max-width:65ch}.forecast-orbit{position:relative;display:grid;place-items:center;flex-shrink:0;width:112px;height:112px;border:1px solid rgba(202,255,114,.25);border-radius:50%;background:radial-gradient(circle at 32% 20%,rgba(202,255,114,.18),#111a10 75%);box-shadow:inset 8px 8px 15px rgba(228,255,185,.05),inset -8px -8px 20px rgba(0,0,0,.5),0 10px 35px #0004}.forecast-orbit:after{content:'';position:absolute;inset:-7px -13px;border:1px solid rgba(202,255,114,.3);border-radius:50%;transform:rotate(-32deg) scaleY(.35)}.forecast-orbit span{font-size:45px;color:var(--lime);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.075em}.forecast-table{width:100%;border-collapse:collapse}.forecast-table caption{text-align:left;font-size:12px;color:var(--muted);padding:8px 0 15px}.forecast-table th,.forecast-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}.forecast-table th{color:var(--muted);font-size:11px;font-weight:500}.forecast-table td{font-variant-numeric:tabular-nums}@media(max-width:1050px){.club-standing-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.club-standing-strip>.club-standing:nth-child(3){border-left:0}.club-standing-strip>.club-standing:nth-child(n+3){border-top:1px solid var(--line)}}@media(max-width:600px){.club-standing{padding:17px 14px}.club-standing strong{font-size:20px}.club-standing .eyebrow{font-size:8px;letter-spacing:.12em}.forecast-empty{gap:20px;align-items:flex-start}.forecast-orbit{width:66px;height:66px;margin-top:10px}.forecast-orbit span{font-size:30px}.forecast-empty h4{font-size:20px}.forecast-key-stats .club-standing{padding:15px 8px}.forecast-key-stats strong{font-size:22px}.forecast-key-stats .standing-note{font-size:10px}.forecast-controls .toggle button{font-size:11px;padding:8px}.forecast-chart svg{min-height:170px}.forecast-actions{align-items:flex-start;flex-direction:column;gap:5px}.forecast-status{margin-bottom:0}.forecast-section .section-head{gap:8px}.forecast-source{font-size:11px}}
.forecast-legend{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:22px;color:var(--muted);font-size:11px}.forecast-legend span{display:inline-flex;align-items:center;gap:8px}.forecast-legend span:before{content:'';display:block;width:20px;border-top:2px solid #9bafa0}.forecast-legend .forecast-legend-median:before{border-top:2px dashed #ccff78}.forecast-legend .forecast-legend-band:before{height:8px;border:0;background:rgba(202,255,114,.3);border-radius:2px}.forecast-controls button:focus-visible,.forecast-actions button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.forecast-key-stats .club-standing:last-child strong{font-size:clamp(20px,2.1vw,32px)}@media(max-width:600px){.forecast-chart{margin-top:12px}.forecast-axis{font-size:11px}.forecast-key-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-key-stats .club-standing:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px}.forecast-key-stats .club-standing:last-child .eyebrow{flex-basis:100%}.forecast-key-stats .club-standing:last-child strong{font-size:22px}.forecast-legend{gap:14px;font-size:10px}.forecast-legend span{gap:6px}}
.club-achievements{grid-column:1/-1;border-top:1px solid var(--line);border-left:0!important;font-size:13px}.club-achievements summary{cursor:pointer;color:var(--text)}.club-achievements ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px 0 0;padding-left:18px;font-size:12px;color:var(--muted)}

/* Prediction scorecard: made-in-advance results beside retrospective baselines. */
.forecast-scorecard {
  --score-accent: #c7f36b;
  margin-top: 18px;
  overflow: hidden;
}
.forecast-scorecard[hidden] { display: none; }
.score-lede,
.score-note {
  max-width: 82ch;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}
.score-lede { margin: -4px 0 22px; }
.score-note { margin: 4px 0 12px; }
.score-alert {
  margin: 10px 0;
  padding-left: 12px;
  border-left: 2px solid #91a761;
  color: #c9ccad;
  font-size: 12px;
  line-height: 1.7;
}
.score-headline {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 18px 40px;
  align-items: end;
  padding: 24px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.score-headline-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.5;
}
.score-count {
  color: var(--text);
  font-size: clamp(56px, 7vw, 88px);
  font-weight: 300;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.06em;
  line-height: .9;
}
.score-facts {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  font-variant-numeric: tabular-nums;
}
.score-facts li {
  position: relative;
  padding-left: 16px;
}
.score-facts li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .75em;
  width: 7px;
  border-top: 1px solid var(--muted);
}
.score-block { margin-top: 28px; }
.score-block-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-bottom: 6px;
}
.score-block-head h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.02em;
}
.score-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.5;
  text-transform: uppercase;
  white-space: nowrap;
}
.score-badge.is-advance {
  color: var(--score-accent);
  background: rgba(199, 243, 107, .08);
  border: 1px solid rgba(199, 243, 107, .42);
}
.score-badge.is-advance::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.score-badge.is-retro {
  color: var(--muted);
  border: 1px dashed var(--line);
}
.score-evidence {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}
.score-seed { color: var(--muted); font-size: 11px; }
.score-table-wrap { margin-top: 6px; border-radius: 6px; }
.score-table th[scope="row"] {
  color: var(--text);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.score-table td { white-space: nowrap; }
.score-table .score-best { color: var(--score-accent); }
.score-table .score-best::after { content: ' ●'; content: ' ●' / ''; font-size: 7px; vertical-align: middle; }
.score-table-wrap:focus-visible,
.forecast-scorecard summary:focus-visible {
  outline: 2px solid var(--score-accent);
  outline-offset: 3px;
}
.score-pending {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.score-pending li {
  padding: 9px 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.score-pending strong {
  margin-right: 8px;
  color: var(--text);
  font-weight: 600;
}
.score-details .table-scroll { margin-top: 12px; }
.score-flags {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 10px 20px;
  margin: 14px 0;
}
.score-flags dt { color: var(--text); font-weight: 500; }
.score-flags dd { margin: 0; }
.score-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 600px) {
  .score-headline { grid-template-columns: minmax(0, 1fr); padding: 20px 0; }
  .score-count { font-size: 60px; }
  .score-headline-text { font-size: 14px; }
  .score-flags { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .score-flags dd { margin-bottom: 12px; }
  .score-block-head h4 { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .forecast-scorecard *,
  .forecast-scorecard *::before,
  .forecast-scorecard *::after { transition: none !important; animation: none !important; }
}


/* Source: match-night.css */
/* One saved game night, laid out as a score ribbon and its defining players. */
.match-night { margin: 28px 0 0; padding: 28px; overflow: hidden; background: radial-gradient(ellipse at 100% 0,#66844022,transparent 60%),linear-gradient(110deg,#182211,#11190f); border-color: #415831; }
.night-header { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 24px; }
.night-header .eyebrow { font-size: 9px; letter-spacing: 1.8px; color: #a7ba8a; }
.night-header h3 { font-size: 29px; letter-spacing: -1px; font-weight: 600; margin: 5px 0 0; line-height: 1.15; }
.night-copy { flex: none; }
.night-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; flex: none; }
.night-actions a.button { text-decoration: none; }
.night-record { display: flex; align-items: center; gap: 28px; padding-bottom: 24px; border-bottom: 1px solid #3c4d2d; }
.night-when { display: flex; flex-direction: column; gap: 7px; margin-right: auto; min-width: 0; }
.night-when strong { font-size: 16px; font-weight: 550; letter-spacing: -.3px; }
.night-when > span { font-size: 12px; color: #a9b59a; }
.night-score { display: flex; gap: 23px; flex-shrink: 0; }
.night-score > span { display: flex; flex-direction: column; gap: 2px; align-items: center; }
.night-score b { font-size: 34px; font-weight: 650; letter-spacing: -1px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.night-score small { font-size: 8px; color: #a5b791; letter-spacing: 1px; }
.night-record-w b { color: #d6f995; }
.night-record-d b { color: #ced7c0; }
.night-record-l b { color: #e0a888; }
.night-goals { min-width: 125px; padding-left: 28px; border-left: 1px solid #405330; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.night-goals strong { font-size: 26px; font-weight: 550; letter-spacing: -.5px; font-variant-numeric: tabular-nums; }
.night-goals > span { font-size: 8px; color: #a5b791; letter-spacing: .8px; }
.night-timeline { list-style: none; display: grid; grid-template-columns: repeat(auto-fit,minmax(128px,1fr)); gap: 12px; margin: 24px 0; padding: 0; }
.night-stop { min-width: 0; }
.night-match { display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: 100%; height: 100%; padding: 13px 14px; background: #1b271644; border: 1px solid #415932; border-radius: 10px; color: var(--ink); text-align: left; font-family: inherit; transition: background .18s, border-color .18s; }
button.night-match:hover { background: #2a3d1e; border-color: #94b860; }
.night-stop[data-result="L"] .night-match { border-color: #514232; background: #38281826; }
.night-stop[data-result="L"] button.night-match:hover { border-color: #a4865f; background: #3c3121; }
.night-match-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.night-match-order { font-size: 9px; color: #a8b896; }
.night-match .chip { width: 23px; height: 23px; font-size: 10px; display: grid; place-items: center; }
.night-match-score { font-size: 28px; line-height: 1.1; font-weight: 650; letter-spacing: -.8px; }
.night-opponent { font-size: 12px; color: #d1ddc2; overflow-wrap: anywhere; }
.night-stop:only-child .night-match { display: grid; grid-template-columns: 145px 65px minmax(0,1fr); gap: 20px; align-items: center; padding: 16px; }
.night-stop:only-child .night-match-top { grid-column: 1; grid-row: 1; }
.night-stop:only-child .night-match-score { grid-column: 2; grid-row: 1; }
.night-stop:only-child .night-opponent { grid-column: 3; grid-row: 1; }
.night-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.night-highlight { min-width: 0; display: flex; align-items: center; gap: 12px; padding: 17px; background: #0e180cc2; border: 1px solid #334928; border-radius: 10px; }
.night-highlight-info { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 6px; }
.night-highlight-label { font-size: 8px; letter-spacing: 1.2px; color: #a6b98d; }
.night-highlight-info strong { font-size: 13px; font-weight: 550; color: #e9f2dd; overflow-wrap: anywhere; }
.night-highlight-info small { font-size: 10px; color: #a7b593; line-height: 1.5; }
.night-highlight-value { font-size: 26px; font-weight: 600; color: #d8f1b6; letter-spacing: -.8px; flex: none; }
.night-star { background: linear-gradient(115deg,#344a23,#213317); border-color: #577339; }
.night-star .night-highlight-value { color: #dfffaa; }
.night-footer { display: flex; gap: 24px; align-items: center; margin-top: 20px; }
.night-source { flex: 1; font-size: 10px; line-height: 1.7; color: #9fab8d; margin: 0; }
.night-footer .text-link { white-space: nowrap; }
.night-empty { margin: 0; padding: 10px 0 8px; font-size: 13px; color: #b2c1a0; line-height: 1.8; max-width: 630px; }
.night-copy-status { font-size: 12px; color: #d3eeb0; margin: 14px 0 0; line-height: 1.7; }
.night-copy-status:empty { display: none; }
.night-copy-fallback { margin-top: 17px; }
.night-copy-fallback label { display: block; font-size: 12px; margin-bottom: 9px; color: #d4e4bf; }
.night-copy-fallback textarea { resize: vertical; width: 100%; max-width: 100%; min-height: 150px; background: #0c150a; border: 1px solid #60823e; border-radius: 8px; padding: 14px; color: #e4f0d4; font: 12px/1.75 'Club Sans','Segoe UI',sans-serif; }
.night-copy-fallback textarea:focus-visible { outline: 2px solid var(--s1); outline-offset: 3px; }
@media(max-width:1150px) {
  .night-record { gap: 22px; }
  .night-score { gap: 17px; }
  .night-goals { padding-left: 22px; min-width: 110px; }
  .night-highlights { gap: 10px; }
  .night-highlight { padding: 15px; gap: 9px; }
  .night-highlight-info strong { font-size: 12px; }
  .night-highlight-value { font-size: 24px; }
}
@media(max-width:950px) {
  .night-record { flex-wrap: wrap; gap: 20px; }
  .night-when { width: 100%; flex: none; }
  .night-score { margin-right: auto; gap: 25px; }
  .night-goals { align-items: flex-end; }
  .night-highlights { grid-template-columns: minmax(0,1fr); gap: 9px; }
  .night-highlight { padding: 15px 17px; }
  .night-highlight-info { display: grid; grid-template-columns: minmax(100px,.9fr) minmax(0,1.2fr); gap: 4px 16px; align-items: center; }
  .night-highlight-label { grid-column: 1; grid-row: 1; }
  .night-highlight-info strong { grid-column: 2; grid-row: 1/3; font-size: 13px; }
  .night-highlight-info small { grid-column: 1; grid-row: 2; }
  .night-highlight-value { font-size: 26px; }
}
@media(max-width:760px) {
  .match-night { padding: 23px; }
  .night-record { flex-wrap: nowrap; gap: 22px; }
  .night-when { width: auto; flex: 1; }
  .night-score { gap: 19px; margin: 0; }
  .night-goals { padding-left: 20px; }
  .night-header h3 { font-size: 27px; }
}
@media(max-width:600px) {
  .match-night { padding: 21px; }
  .night-header { gap: 12px; align-items: flex-start; margin-bottom: 23px; }
  .night-header h3 { font-size: 25px; }
  .night-header .eyebrow { font-size: 7px; letter-spacing: 1.15px; }
  .night-copy { font-size: 10px; padding: 8px 10px; min-height: 38px; }
  .night-record { flex-wrap: wrap; gap: 20px; }
  .night-when { flex: none; width: 100%; }
  .night-when strong { font-size: 15px; }
  .night-when > span { font-size: 11px; }
  .night-score { margin-right: auto; gap: 22px; }
  .night-score b { font-size: 30px; }
  .night-goals { min-width: 96px; padding-left: 18px; }
  .night-goals strong { font-size: 24px; }
  .night-goals > span { font-size: 7px; letter-spacing: .5px; }
  .night-timeline { grid-template-columns: repeat(auto-fit,minmax(122px,1fr)); gap: 10px; margin: 21px 0; }
  .night-match { padding: 13px; }
  .night-match-order { font-size: 8px; }
  .night-highlight-info { display: flex; align-items: flex-start; gap: 5px; }
  .night-highlight-label { font-size: 8px; }
  .night-highlight-info strong { font-size: 12px; }
  .night-highlight-info small { font-size: 10px; }
  .night-highlight-value { font-size: 27px; }
  .night-footer { flex-direction: column; align-items: flex-start; gap: 12px; }
  .night-source { font-size: 9px; }
  .night-footer .text-link { font-size: 11px; }
  .night-stop:only-child .night-match { grid-template-columns: 109px 43px minmax(0,1fr); gap: 10px; padding: 14px; }
  .night-stop:only-child .night-match-score { font-size: 25px; }
}
@media(max-width:359px) {
  .match-night { padding: 18px; }
  .night-header h3 { font-size: 23px; }
  .night-header .eyebrow { font-size: 6px; }
  .night-copy { font-size: 9px; padding: 7px; }
  .night-score { gap: 17px; }
  .night-goals { padding-left: 15px; min-width: 88px; }
  .night-timeline { grid-template-columns: minmax(0,1fr); }
  .night-match { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 11px; }
  .night-match-top { grid-column: 1/-1; }
  .night-match-score { grid-column: 2; grid-row: 2; }
  .night-opponent { grid-column: 1; grid-row: 2; align-self: center; }
}
@media(prefers-reduced-motion:reduce) { .night-match { transition: none; } }


/* Source: player-impact.css */
.player-impact{margin:25px 0;padding:29px;background:radial-gradient(ellipse at 100% 0,#7c985c30,transparent 65%),linear-gradient(125deg,#22351a,#121e0e);border-color:#648846;overflow:hidden}.impact-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.impact-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#b2cc94}.impact-heading h3{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:600;margin:6px 0}.impact-badge{font-size:8px;letter-spacing:1.3px;border:1px solid #688f43;border-radius:5px;background:#324b21;color:#ddf6b7;padding:7px 10px;white-space:nowrap}.impact-intro{font-size:12px;color:#bed0a7;margin:7px 0 23px}.impact-leader{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:23px 0}.impact-leader~.impact-leader{padding-top:25px;border-top:1px solid #597840}.impact-identity{display:flex;align-items:center;gap:21px;min-width:0}.impact-avatar{width:82px;height:94px;display:grid;place-items:center;flex:none;font-size:28px;letter-spacing:-1px;font-weight:700;color:#203311;background:linear-gradient(145deg,#efffd2,#b4df76);clip-path:polygon(0 0,100% 0,100% 65%,85% 85%,50% 100%,15% 85%,0 65%);text-shadow:0 1px #fff8}.impact-player-name{display:flex;flex-direction:column;gap:7px;min-width:0}.impact-player-label{font-size:9px;letter-spacing:1.4px;color:#b2cf8f}.impact-player-link{background:none;border:0;padding:0;color:#f1f8e4;font-family:inherit;font-size:30px;font-weight:650;letter-spacing:-.8px;line-height:1.2;text-align:left;overflow-wrap:anywhere;cursor:pointer}.impact-player-link:hover{color:#d6ff96}.impact-player-caption{font-size:11px;color:#b2c69c;line-height:1.6}.impact-score{width:110px;height:110px;position:relative;flex:none}.impact-score svg{width:100%;height:100%}.impact-score-value{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.impact-score-value b{font-size:29px;letter-spacing:-1px;font-weight:650;line-height:1.2;color:#e8ffd0}.impact-score-value small{font-size:7px;letter-spacing:1px;color:#b8ce9e}.impact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 20px}.impact-metric{padding:16px;background:#0e180c99;border:1px solid #3b552d;border-radius:10px;min-width:0;display:flex;flex-direction:column;gap:6px}.impact-metric>span{font-size:11px;color:#b6c8a2;line-height:1.4}.impact-metric strong{font-size:27px;font-weight:600;letter-spacing:-.8px;color:#e5f5cf}.impact-metric small{font-size:10px;line-height:1.6;color:#acbd98}.impact-comparison{padding:16px 19px;border:1px solid #486434;background:#263b1b;border-radius:9px;margin-bottom:15px}.impact-comparison>span{font-size:8px;letter-spacing:1.4px;color:#c5dca9}.impact-comparison p{font-size:12px;line-height:1.7;margin:7px 0;color:#e0edce;overflow-wrap:anywhere}.impact-comparison small{font-size:10px;line-height:1.6;color:#afc497}.impact-coverage,.impact-caveat{font-size:11px;line-height:1.7;color:#b1c49a;margin:12px 0}.impact-method{border-top:1px solid #45612f;padding-top:14px;margin-top:17px}.impact-method summary{font-size:12px;color:#d7edb7;cursor:pointer;min-height:30px}.impact-method p{font-size:12px;color:#c0d1ab;line-height:1.85;margin:10px 0}.impact-excluded{color:#d8cb9d!important}.impact-empty{font-size:14px;line-height:1.9;color:#c9d8b6;margin:20px 0;max-width:760px}@media(max-width:1000px){.impact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-player-link{font-size:26px}.impact-avatar{width:66px;height:79px;font-size:23px}.impact-identity{gap:17px}.impact-score{width:96px;height:96px}.impact-score-value b{font-size:26px}.impact-heading h3{font-size:27px}}@media(max-width:600px){.player-impact{padding:22px}.impact-heading{align-items:flex-start;gap:10px}.impact-heading h3{font-size:25px}.impact-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.impact-badge{font-size:6px;letter-spacing:.8px;padding:5px 6px;max-width:75px;white-space:normal;text-align:center;margin-top:5px}.impact-intro{font-size:10px;line-height:1.8;margin-top:7px}.impact-leader{gap:13px;align-items:flex-start}.impact-avatar{width:40px;height:48px;font-size:16px}.impact-identity{gap:11px}.impact-player-label{font-size:6px;letter-spacing:.9px}.impact-player-link{font-size:20px;letter-spacing:-.5px}.impact-player-caption{font-size:9px}.impact-score{width:76px;height:76px}.impact-score-value b{font-size:22px}.impact-score-value small{font-size:5px}.impact-metrics{gap:10px;margin-top:20px}.impact-metric{padding:13px}.impact-metric>span{font-size:9px}.impact-metric strong{font-size:25px}.impact-metric small{font-size:9px}.impact-comparison{padding:14px}.impact-comparison p{font-size:11px}.impact-coverage,.impact-caveat{font-size:10px}.impact-method summary{font-size:11px}.impact-method p{font-size:11px}.impact-empty{font-size:12px}}@media(max-width:359px){.player-impact{padding:18px}.impact-heading h3{font-size:22px}.impact-avatar{display:none}.impact-player-link{font-size:19px}.impact-score{width:69px;height:69px}.impact-metric{padding:11px}.impact-metric strong{font-size:23px}}


/* Source: player-forecast.css */
.player-forecast-panel{overflow:hidden}.pf-note{color:var(--muted);font-size:12px;line-height:1.8;max-width:95ch}.pf-player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.pf-player{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:12px;padding:18px 16px;text-align:left;color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.pf-player:hover,.pf-player.selected{border-color:rgba(202,255,114,.65);background:rgba(202,255,114,.065)}.pf-player:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.pf-name{font-size:12px;font-weight:600;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-rating{font-size:34px;letter-spacing:-.05em;font-weight:650;font-variant-numeric:tabular-nums}.pf-rating small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.pf-change{font-size:11px;font-variant-numeric:tabular-nums}.pf-change.positive{color:var(--lime)}.pf-change.negative{color:#d4b3a0}.pf-count{font-size:10px;color:var(--muted)}.pf-detail{border-top:1px solid var(--line);padding-top:25px}.pf-detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.pf-detail h4{font-size:27px;letter-spacing:-.04em;margin:8px 0 20px;overflow-wrap:anywhere}.pf-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:12px 0 25px}.pf-stat-grid>div{display:flex;flex-direction:column;gap:8px}.pf-stat-grid strong{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.pf-stat-grid>div:nth-child(2) strong{color:var(--lime)}.pf-chart{margin:20px 0 10px}.pf-chart svg{display:block;width:100%;height:auto}.pf-grid{stroke:rgba(185,204,165,.12);stroke-dasharray:2 5}.pf-axis{fill:#a2b195;font-size:11px;font-family:inherit}.pf-history-line{fill:none;stroke:#9bafa0;stroke-width:2.5;stroke-linejoin:round}.pf-median-line{fill:none;stroke:#ccff78;stroke-width:3;stroke-dasharray:5 5;stroke-linecap:round}.pf-band{fill:rgba(202,255,114,.18)}.pf-future{fill:rgba(202,255,114,.035)}.pf-boundary{stroke:rgba(202,255,114,.3);stroke-dasharray:4 5}.pf-dot{fill:#ccff78;stroke:#162119;stroke-width:2}.pf-alert{color:#c9ccad;border-left:2px solid #91a761;padding-left:12px;font-size:12px;line-height:1.7}.pf-backtest{border-radius:9px;background:rgba(255,255,255,.025);color:var(--muted);padding:14px;font-size:11px;line-height:1.8}.pf-values{margin:20px 0;font-size:12px;color:var(--muted)}.pf-values summary{cursor:pointer;color:var(--text)}.pf-insufficient{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.pf-provenance{font-size:10px;color:var(--muted);margin:20px 0 0;line-height:1.7}@media(max-width:1050px){.pf-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pf-player{padding:15px 12px}.pf-rating{font-size:29px}.pf-detail-head{flex-direction:column;align-items:flex-start;gap:0}.pf-detail h4{margin-bottom:0;font-size:23px}.pf-detail-head .pf-note{font-size:11px}.pf-stat-grid{gap:10px;margin-top:15px}.pf-stat-grid .eyebrow{font-size:8px;letter-spacing:.12em;line-height:1.7}.pf-stat-grid strong{font-size:24px}.pf-player-grid{gap:8px}.pf-provenance{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.pf-player{transition:none}}


/* Source: refined-components.css */
/* Editorial component layer: graphite, warm paper, precise data hierarchy.
   Intentionally leaves the hero, page heading and navigation to edition.css. */
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section,#player-impact,#match-night,#card-ai,#card-formation,.jaghi-card) {
  --surface: #121817;
  --surface-2: #1c2421;
  --border: #303a35;
  --line: #303a35;
  --ink: #f0f1e8;
  --text: #f0f1e8;
  --ink-2: #c4cec6;
  --muted: #a0ada4;
  --lime: #d7fa81;
}
:is(.overview-grid,.grid) > .card,
.comparison-section > .card,
.forecast-card,.player-forecast-panel,#card-ai,#card-formation,.jaghi-card {
  background: linear-gradient(140deg,#ffffff04,transparent 58%),#111716;
  border: 1px solid #303a35;
  border-radius: 16px;
  box-shadow: inset 0 1px #ffffff04,0 12px 28px #00000012;
}
:is(.overview-grid,.grid) > .card:hover,
.comparison-section > .card:hover,.forecast-card:hover,.player-forecast-panel:hover,
#card-ai:hover,#card-formation:hover,.jaghi-card:hover {
  border-color: #4c5b50;
  box-shadow: inset 0 1px #ffffff07,0 12px 28px #00000018;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .card-head {
  gap: 12px;
  margin-bottom: 23px;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .card-head h3 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.75px;
  color: #eff0e7;
  text-transform: none;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .card-head .eyebrow {
  color: #99aa9d;
  font-size: 10px;
  letter-spacing: 1.6px;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) :is(.hint,.small-note) {
  font-size: 12px;
  color: #a1afa5;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .small-tag {
  color: #becbbd;
  background: #202923;
  border: 1px solid #3a493d;
  font-size: 10px;
  padding: 5px 8px;
  border-radius: 5px;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .text-link {
  color: #d0e6a7;
  font-size: 12px;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .toggle {
  border: 1px solid #3c4940;
  background: #0c1210;
  padding: 4px;
  border-radius: 8px;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .toggle button {
  color: #a9b7ac;
  border-radius: 5px;
  padding: 6px 10px;
  min-height: 30px;
  font-size: 11px;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .toggle button.on {
  color: #182110;
  background: #d5ef9c;
  font-weight: 650;
}
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section,#player-impact,#match-night) :is(button,a,select,summary):focus-visible {
  outline: 2px solid #d7fa81;
  outline-offset: 4px;
}

/* Club overview: one paper tile, then the quieter instrument panels. */
.metrics-grid { gap: 15px; }
.metrics-grid .metric-card {
  min-height: 171px;
  padding: 22px;
  border: 1px solid #344139;
  border-radius: 13px;
  background: linear-gradient(150deg,#ffffff05,transparent 70%),#131a17;
  box-shadow: inset 0 1px #ffffff05;
}
.metrics-grid .metric-card:first-child {
  background: linear-gradient(135deg,#f1f0e4,#e1e7d4);
  border-color: #e5eadc;
  color: #1f2c1b;
  box-shadow: inset 0 1px #ffffffb3;
}
.metrics-grid .metric-card:first-child .metric-label,
.metrics-grid .metric-card:first-child .metric-note { color: #47543a; }
.metrics-grid .metric-label { font-size: 12px; color: #b9c5b8; }
.metrics-grid .metric-label > span { border: 0; color: #adc092; font-size: 19px; }
.metrics-grid .metric-value { font-size: 43px; font-weight: 650; letter-spacing: -1.8px; margin: 12px 0 10px; }
.metrics-grid .metric-value small { font-size: 22px; }
.metrics-grid .metric-note { color: #a4b39f; font-size: 11px; }
.metrics-grid .metric-spark { bottom: 55px; opacity: .8; }
.overview-grid { column-gap: 23px; row-gap: 23px; }
.overview-grid .form-card { background: linear-gradient(150deg,#1c262011,transparent 75%),#111716; }
.overview-grid .form-summary { padding: 1px 0 9px; }
.overview-grid .form-summary strong { font-size: 37px; font-weight: 580; letter-spacing: -1.4px; }
.overview-grid .form-summary > span { font-size: 12px; color: #a7b5a7; }
.overview-grid .chart-legend { font-size: 11px; padding-top: 11px; }
.overview-grid .latest-card {
  background: radial-gradient(ellipse at 50% 42%,#7c965018,transparent 63%),#121816;
  border-color: #394637;
}
.overview-grid .latest-card .scoreboard { padding: 19px 0 23px; }
.overview-grid .latest-card .score-number { font-size: 52px; letter-spacing: -2px; font-weight: 650; }
.overview-grid .latest-card .score-number > span { color: #64715f; }
.overview-grid .latest-card .score-team > img { width: 52px; height: 61px; }
.overview-grid .latest-card .opponent-crest { width: 52px; height: 61px; background: #28332c; color: #d2dcc8; }
.overview-grid .latest-card .result-caption { font-size: 10px; margin-top: 9px; color: #b0baa6; }
.overview-grid .latest-meta { font-size: 11px; color: #a8b6a2; }
.overview-grid .motm-line { border-color: #354130; font-size: 12px; }
.overview-grid .leader-row { padding: 18px 0; border-color: #2d3831; }
.overview-grid .leader-avatar { border-color: #4d6049; background: linear-gradient(145deg,#3d5231,#202d21); color: #def2c2; }
.overview-grid .leader-row:nth-child(2) .leader-avatar { background: #263b37; border-color: #43635b; color: #c7e8db; }
.overview-grid .leader-row:nth-child(3) .leader-avatar { background: #3f3627; border-color: #61523a; color: #edd9b5; }
.overview-grid .leader-name { font-size: 15px; }
.overview-grid .leader-caption { font-size: 11px; color: #a5b09c; }
.overview-grid .leader-stat { font-size: 31px; font-weight: 600; color: #eef1e3; }
.overview-grid .eff-track { background: #2b3530; height: 6px; }
.overview-grid .eff-track > i { background: linear-gradient(90deg,#789655,#d1e8a4); box-shadow: none; }
.overview-grid .eff-row:nth-child(2) .eff-track > i { background: #8bbba6; }
.overview-grid .eff-row:nth-child(3) .eff-track > i { background: #c8b084; }
.overview-grid .eff-top { font-size: 13px; }
.overview-grid .eff-top b { font-size: 16px; color: #dae6c9; }
.overview-grid .mini-result { padding: 15px 7px; border-bottom: 0; border-top-color: #313d32; }
.overview-grid .mini-result:hover { background: #253022; }
.overview-grid .mini-result strong { font-size: 18px; }
.overview-grid .mini-result > span:nth-child(2) { font-size: 13px; }
.overview-grid .insight-card {
  background: linear-gradient(115deg,#293a22,#1c2b19);
  border-color: #4b6538;
}
.overview-grid .insight-card h3 { font-size: 39px; font-weight: 580; letter-spacing: -1.6px; }
.overview-grid .insight-card p { font-size: 13px; color: #c9d5ba; }

/* The featured player is an editorial feature, not another four green tiles. */
#player-impact {
  background: radial-gradient(ellipse at 90% 0,#75845b16,transparent 55%),#141b17;
  border-color: #506047;
  padding: 30px;
  border-radius: 17px;
}
#player-impact .impact-heading h3 { font-size: 32px; font-weight: 600; letter-spacing: -1.15px; }
#player-impact .impact-heading .eyebrow { color: #abbba0; font-size: 10px; }
#player-impact .impact-badge { background: #202d1c; color: #c7dcb0; border-color: #4f6641; font-size: 9px; }
#player-impact .impact-intro { color: #aebfa1; font-size: 12px; margin-bottom: 27px; }
#player-impact .impact-leader { padding: 12px 0 14px; margin: 20px 0; }
#player-impact .impact-avatar {
  width: 88px;
  height: 105px;
  font-size: 30px;
  color: #28321f;
  background: linear-gradient(130deg,#f8f6e9,#dfe6cc 70%,#c6d0b0);
}
#player-impact .impact-player-label { font-size: 10px; color: #b5c3a6; letter-spacing: 1.7px; }
#player-impact .impact-player-link { font-size: 40px; letter-spacing: -1.4px; color: #f1f2e7; font-weight: 620; }
#player-impact .impact-player-caption { font-size: 12px; color: #b1bfaa; }
#player-impact .impact-score { width: 124px; height: 124px; background: #e8edda; border-radius: 16px; box-shadow: inset 0 1px #fff8; }
#player-impact .impact-score svg { padding: 9px; }
#player-impact .impact-score svg circle:first-child { stroke: #c1cbb4; }
#player-impact .impact-score svg circle:last-child { stroke: #547231; }
#player-impact .impact-score-value b { font-size: 34px; color: #2a3d1d; }
#player-impact .impact-score-value small { color: #4a5d38; font-size: 8px; }
#player-impact .impact-metrics { gap: 1px; border: 1px solid #344435; border-radius: 11px; overflow: hidden; background: #344435; margin-top: 27px; }
#player-impact .impact-metric { border: 0; border-radius: 0; padding: 19px; background: #101910; }
#player-impact .impact-metric > span { font-size: 12px; color: #b1c1a4; }
#player-impact .impact-metric strong { font-size: 31px; font-weight: 580; color: #ecf1e0; }
#player-impact .impact-metric small { color: #a9b99a; font-size: 11px; }
#player-impact .impact-comparison { padding: 15px 18px; background: #202e1d; border: 0; border-left: 2px solid #8bad5b; border-radius: 0 8px 8px 0; }
#player-impact .impact-comparison > span { font-size: 9px; color: #c1d3ad; }
#player-impact .impact-comparison p { font-size: 13px; margin: 8px 0; }
#player-impact .impact-comparison small { font-size: 11px; color: #b0c39f; }
#player-impact :is(.impact-coverage,.impact-caveat) { font-size: 11px; color: #aebfa2; }
#player-impact .impact-method { border-color: #3a4b33; }
#player-impact .impact-method summary { color: #d5e7ba; font-size: 12px; }
#player-impact .impact-method p { font-size: 12px; }

/* Match-night recap and match rows share the language of printed score slips. */
#match-night { background: linear-gradient(150deg,#20292255,transparent 65%),#111815; border-color: #3b4b38; padding: 28px; }
#match-night .night-header h3 { font-size: 31px; letter-spacing: -1px; }
#match-night .night-header .eyebrow { font-size: 10px; color: #adbd9e; }
#match-night .night-record { border-bottom-color: #3b4937; }
#match-night .night-score b { font-size: 39px; }
#match-night .night-score small { font-size: 9px; }
#match-night .night-goals > span { font-size: 9px; }
#match-night .night-goals strong { font-size: 31px; }
#match-night .night-when > span { font-size: 12px; }
#match-night .night-match { background: #19221c; border-color: #3e5140; box-shadow: inset 0 1px #ffffff04; }
#match-night .night-stop[data-result="L"] .night-match { background: #231e18; border-color: #514337; }
#match-night .night-match-order { font-size: 10px; }
#match-night .night-highlight { background: #0c1510; border-color: #314334; }
#match-night .night-highlight-label { font-size: 9px; color: #a4bba0; }
#match-night .night-highlight-info strong { font-size: 14px; color: #e4eddc; }
#match-night .night-highlight-info small { font-size: 11px; }
#match-night .night-highlight-value { font-size: 29px; color: #e3eccf; }
#match-night .night-star { background: #263921; border-color: #4c6b39; }
#match-night .night-source { font-size: 11px; color: #a7b79b; }
.grid #card-matches .card-head { margin-bottom: 24px; }
#card-matches .match-controls { padding: 0 0 22px; border-bottom: 1px solid #334135; margin-bottom: 0; }
#card-matches .search-field { background: #0c1310; border-color: #3e503e; }
#card-matches .search-field input { font-size: 13px; }
#card-matches .match-row { padding: 18px 10px; gap: 17px; border-bottom-color: #2f3b31; grid-template-columns: 31px 72px minmax(0,1fr) auto; }
#card-matches .match-row:hover { background: #25321f77; }
#card-matches .match-score { font-size: 26px; font-weight: 650; letter-spacing: -.7px; width: auto; }
#card-matches .match-opp { font-size: 15px; font-weight: 550; }
#card-matches .rank-stats { font-size: 12px; color: #9fad9b; font-weight: 400; }
#card-matches .match-sub { font-size: 11px; color: #a4b29b; }
#card-matches .chip { width: 27px; height: 28px; border-radius: 6px; font-size: 11px; }

/* Comparison and squad: bigger identities and a selected card that reads at once. */
.comparison-section > .card { padding: 27px; background: linear-gradient(130deg,#1f2923,#111816 70%); }
.comparison-section .comparison-controls { padding: 20px 0 24px; margin: 12px 0 21px; border-bottom: 1px solid #354338; gap: 27px; }
.comparison-section .comparison-controls label { font-size: 12px; color: #a4b69e; width: 40%; max-width: 340px; gap: 10px; }
.comparison-section .comparison-controls select { font-size: 16px; font-weight: 500; min-height: 47px; padding: 11px 30px 11px 14px; color: #e6efda; background: #172218; border-color: #4c6142; }
.comparison-section .comparison-controls > span { width: 42px; height: 42px; flex: none; font-size: 10px; border-color: #586d44; color: #d0e4b4; background: #263721; }
.comparison-section .comparison-row { max-width: 890px; grid-template-columns: 1fr 180px 1fr; margin: 18px auto; gap: 22px; }
.comparison-section .comparison-row > span { font-size: 12px; color: #b2bea6; }
.comparison-section .comparison-value b { font-size: 23px; font-weight: 570; color: #e0e7d4; min-width: 55px; }
.comparison-section .comparison-value.winner b { color: #d8f7a2; }
.comparison-section .comparison-value i { height: 6px; background: #647c58; }
.comparison-section .comparison-value.winner i { background: #c9e99a; }
.comparison-section .comparison-note { font-size: 12px; color: #a3b296; }
#rankings .rank-row { border-bottom-color: #2f3b30; padding: 21px 0; }
#rankings .rank-num { width: 32px; height: 37px; display: grid; place-items: center; font-size: 23px; font-weight: 500; color: #93a488; }
#rankings .rank-row:first-child .rank-num { background: #e6edcf; border-radius: 6px; color: #334526; }
#rankings .rank-name { font-size: 15px; font-weight: 550; }
#rankings .pos-badge { border-color: #41533a; background: #273321; color: #b8cba5; font-size: 9px; }
#rankings .score-val { font-size: 22px; color: #dbeabc; font-weight: 600; }
#rankings .comp-track { height: 7px; background: #2b372a; }
#rankings .rank-stats { font-size: 12px; color: #9caa93; }
#heatmap .heat { gap: 4px; }
#heatmap .heat-cell { height: 39px; border-radius: 5px; }
#heatmap .heat-name { font-size: 13px; color: #dce6d0; }
#heatmap .heat-col { font-size: 10px; }
#focus-body .focus-tiles { gap: 12px; }
#focus-body .focus-tile { border-color: #33482f; background: #162211; padding: 17px; }
#focus-body .focus-tile .v { font-size: 29px; color: #e1eecd; }

.player-forecast-panel { padding: 28px; }
.player-forecast-panel .pf-note { font-size: 13px; line-height: 1.8; color: #a6b4a6; }
.player-forecast-panel .pf-player-grid { gap: 12px; margin: 25px 0 29px; }
.player-forecast-panel .pf-player { background: linear-gradient(150deg,#ffffff04,transparent),#17201a; border: 1px solid #354638; padding: 20px 18px 18px; border-radius: 11px; gap: 10px; color: #e9eddf; box-shadow: inset 0 1px #ffffff04; }
.player-forecast-panel .pf-player:hover { background: #23301e; border-color: #6c8652; }
.player-forecast-panel .pf-player.selected { color: #25381a; background: linear-gradient(135deg,#f0f1e3,#e1e8cd); border-color: #e2edcc; box-shadow: inset 0 1px #fff9; }
.player-forecast-panel .pf-player.selected :is(.pf-count,.pf-rating small) { color: #536444; }
.player-forecast-panel .pf-player.selected .pf-change.positive { color: #3b6223; }
.player-forecast-panel .pf-player.selected .pf-change.negative { color: #775234; }
.player-forecast-panel .pf-name { font-size: 13px; font-weight: 600; }
.player-forecast-panel .pf-rating { font-size: 43px; font-weight: 620; line-height: 1.05; letter-spacing: -1.5px; }
.player-forecast-panel .pf-rating small { font-size: 12px; }
.player-forecast-panel .pf-change { font-size: 12px; }
.player-forecast-panel .pf-change.positive { color: #d0ed98; }
.player-forecast-panel .pf-count { font-size: 11px; }
.player-forecast-panel .pf-detail { border-top: 1px solid #3c4e3a; padding-top: 26px; }
.player-forecast-panel .pf-detail h4 { font-size: 36px; font-weight: 580; line-height: 1.15; color: #edf0df; letter-spacing: -1.3px; margin: 10px 0 14px; }
.player-forecast-panel .pf-stat-grid { border-top: 1px solid #303f30; border-bottom: 1px solid #303f30; margin: 16px 0 24px; padding: 20px 0; gap: 26px; }
.player-forecast-panel .pf-stat-grid strong { font-size: 33px; color: #e6eed7; font-weight: 600; }
.player-forecast-panel .pf-stat-grid > div:nth-child(2) strong { color: #d7f39e; }
.player-forecast-panel .pf-stat-grid .eyebrow { font-size: 10px; color: #a5b696; }
.player-forecast-panel .pf-grid { stroke: #81977233; }
.player-forecast-panel .pf-axis { fill: #aebda0; }
.player-forecast-panel .pf-history-line { stroke: #b1c2b0; }
.player-forecast-panel .pf-band { fill: #c7e89329; }
.player-forecast-panel .pf-backtest { background: #202c1d; border: 1px solid #34482e; border-radius: 8px; color: #b4c5a0; font-size: 12px; }
.player-forecast-panel .pf-alert { border-color: #9bbd69; color: #c6d2b1; font-size: 12px; }
.player-forecast-panel .pf-provenance { color: #93a28b; font-size: 10px; }
.player-forecast-panel .pf-insufficient { border-color: #384b31; }
.player-forecast-panel .pf-values summary { font-size: 12px; color: #c9e0a4; min-height: 30px; }

/* Forecast lab: a clear numerical readout before the uncertainty chart. */
.forecast-section .forecast-card { padding: 28px; background: linear-gradient(140deg,#1b251f55,transparent 65%),#111815; border-color: #3a4c37; }
.forecast-section .forecast-source { color: #a4b39a; font-size: 12px; }
.forecast-section .forecast-controls { padding: 2px 0 6px; }
.forecast-section .forecast-key-stats { border: 1px solid #3b4d32; border-radius: 11px; overflow: hidden; background: #121d10; }
.forecast-section .forecast-key-stats .club-standing { border-color: #3b4d32; padding: 22px; }
.forecast-section .forecast-key-stats .club-standing:nth-child(2) { background: #25361b; }
.forecast-section .forecast-key-stats strong { font-size: 37px; font-weight: 600; letter-spacing: -1.5px; }
.forecast-section .forecast-key-stats .club-standing:last-child strong { font-size: 32px; }
.forecast-section .forecast-key-stats .eyebrow { font-size: 10px; letter-spacing: 1.4px; color: #b1c39b; }
.forecast-section .forecast-key-stats .standing-note { font-size: 11px; color: #a3b592; }
.forecast-section .forecast-legend { font-size: 12px; color: #aebca2; margin-top: 24px; }
.forecast-section .forecast-chart { margin-top: 18px; }
.forecast-section .forecast-axis { font-size: 11px; fill: #a4b79a; }
.forecast-section .forecast-grid { stroke: #8caa7833; }
.forecast-section .forecast-history { stroke: #b3c6b0; }
.forecast-section .forecast-band { fill: #c5e79b2a; }
.forecast-section .forecast-caption { font-size: 12px; color: #aab99b; }
.forecast-section .forecast-backtest { border: 1px solid #364d2e; background: #202e1b; padding: 16px 18px; color: #b4c4a0; gap: 10px 20px; font-size: 12px; }
.forecast-section .forecast-backtest strong { color: #e0ecc9; }
.forecast-section .forecast-details { border-color: #354b2c; padding-top: 17px; }
.forecast-section .forecast-details summary { font-size: 12px; color: #cee3ad; min-height: 30px; }
.forecast-section .forecast-details p { color: #aebe9c; }
.forecast-section .forecast-status { font-size: 12px; color: #aabc97; }
.forecast-section .forecast-table :is(td,th) { border-color: #34462d; }

/* Analyst and tactics: quiet paper-like reading and a framed tactical object. */
#card-ai .analyst-toolbar { border-color: #364631; padding-bottom: 22px; margin-bottom: 25px; }
#card-ai .analyst-status strong { font-size: 15px; color: #e3edd5; }
#card-ai .analyst-status p { font-size: 12px; color: #a5b798; }
#card-ai .ai-tag { background: #2c4121; border-color: #516c3b; color: #d6eab4; padding: 5px 9px; font-size: 10px; }
#card-ai .ai-when { color: #a7b59c; font-size: 12px; }
#card-ai .ai-sections { gap: 28px; }
#card-ai .ai-section h4 { font-size: 11px; color: #c5dea0; letter-spacing: 1.5px; margin-bottom: 14px; }
#card-ai .ai-section p { font-size: 14px; line-height: 1.95; color: #cbd6c0; }
.jaghi-card { background: linear-gradient(135deg,#2b211817,transparent 60%),#131815; }
.jaghi-card .jaghi-row { border-color: #343e31; padding-top: 16px; padding-bottom: 16px; }
.jaghi-card #jaghi-roast { border-top: 1px solid #484330; padding-top: 22px; margin-top: 22px; }
.jaghi-card #jaghi-roast h4 { color: #dfa58a; font-size: 11px; }
.jaghi-card #jaghi-roast .ai-text { font-size: 13px; line-height: 1.8; color: #b9c2ac; }
#card-formation { padding: 29px; background: radial-gradient(ellipse at 0 10%,#4d604424,transparent 55%),#121a13; border-color: #405336; }
#card-formation .formation-grid { grid-template-columns: minmax(280px,400px) minmax(0,1fr); gap: 34px; align-items: start; }
#card-formation .pitch-wrap { padding: 10px 9px 20px; background: #17241b; border: 1px solid #486442; border-radius: 19px; box-shadow: inset 0 1px #b4d28e1c; }
#card-formation .pitch-wrap svg { border-color: #8daa72; border-radius: 9px; box-shadow: 0 2px #6e8958,0 5px #30462b,0 8px #152714,0 15px 24px #0005; }
#card-formation .pitch-wrap::after { inset: 10px 9px 20px; border-radius: 9px; }
#card-formation .formation-meta { padding: 4px 0 16px; border-bottom: 1px solid #38522e; margin-bottom: 6px; }
#card-formation .shape-badge { font-size: 23px; font-weight: 600; color: #26371d; background: #e4edcf; border-color: #dfebc5; padding: 7px 14px; }
#card-formation .fw-row { padding: 13px 0; gap: 14px; border-color: #304429; }
#card-formation .fw-role { background: #283b1f; border-color: #496338; color: #d5e8b2; min-width: 43px; padding: 4px 0; font-size: 10px; }
#card-formation .fw-name { font-size: 14px; color: #e7efda; font-weight: 550; }
#card-formation .fw-why { font-size: 12px; color: #9eb38d; line-height: 1.8; }

@media(min-width:1400px) {
  .overview-grid .form-card { min-height: 355px; }
  #card-ai .ai-sections { gap: 33px; }
}
@media(max-width:1150px) {
  .metrics-grid .metric-card { padding: 19px; }
  .metrics-grid .metric-value { font-size: 38px; }
  .metrics-grid .metric-note { font-size: 10px; }
  #player-impact .impact-player-link { font-size: 33px; }
  #player-impact .impact-metric { padding: 17px; }
  .forecast-section .forecast-key-stats strong { font-size: 32px; }
  .forecast-section .forecast-key-stats .club-standing:last-child strong { font-size: 27px; }
}
@media(max-width:1000px) {
  :is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .card-head h3 { font-size: 21px; }
  .metrics-grid .metric-card { min-height: 157px; }
  .metrics-grid .metric-note { font-size: 11px; }
  #player-impact .impact-score { width: 110px; height: 110px; }
  #player-impact .impact-score-value b { font-size: 31px; }
  #player-impact .impact-avatar { width: 71px; height: 86px; font-size: 25px; }
  .comparison-section .comparison-row { gap: 15px; grid-template-columns: 1fr 146px 1fr; }
  .comparison-section .comparison-value b { font-size: 21px; }
  #card-formation .formation-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  #card-formation .pitch-wrap { max-width: 460px; width: 100%; margin: 0 auto; }
  #card-ai .ai-sections { gap: 24px; }
}
@media(max-width:760px) {
  :is(.overview-grid,.grid) > .card,.comparison-section > .card,.forecast-card,.player-forecast-panel,#card-ai,#card-formation,.jaghi-card { border-radius: 14px; }
  .overview-grid .latest-card .scoreboard { max-width: 440px; }
  .comparison-section .comparison-controls { gap: 18px; }
  .comparison-section .comparison-controls label { width: 43%; }
  .comparison-section .comparison-controls select { font-size: 14px; }
  #player-impact { padding: 26px; }
  #player-impact .impact-heading h3 { font-size: 29px; }
  #player-impact .impact-player-link { font-size: 31px; }
  .player-forecast-panel .pf-player-grid { gap: 11px; }
  .player-forecast-panel .pf-rating { font-size: 39px; }
  .player-forecast-panel .pf-detail h4 { font-size: 31px; }
  .player-forecast-panel .pf-stat-grid strong { font-size: 29px; }
  .forecast-section .forecast-key-stats .club-standing { padding: 19px 16px; }
  .forecast-section .forecast-key-stats .eyebrow { font-size: 9px; letter-spacing: 1.2px; }
  #card-matches .match-row { grid-template-columns: 27px 53px minmax(0,1fr); gap: 10px; padding: 17px 3px; }
  #card-matches .match-row .match-sub { grid-column: 3; }
  #card-matches .match-opp { font-size: 13px; }
  #card-matches .rank-stats { font-size: 10px; }
  #card-matches .match-score { font-size: 23px; }
  #card-matches .chip { width: 24px; height: 25px; }
}
@media(max-width:600px) {
  :is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .card-head { gap: 10px; margin-bottom: 19px; }
  :is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .card-head h3 { font-size: 20px; letter-spacing: -.5px; }
  :is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .card-head .eyebrow { font-size: 9px; letter-spacing: 1.4px; }
  :is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) :is(.hint,.small-note) { font-size: 11px; }
  :is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .small-tag { font-size: 9px; }
  :is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .toggle button { font-size: 10px; padding: 5px 7px; }
  .metrics-grid { gap: 11px; }
  .metrics-grid .metric-card { min-height: 154px; padding: 16px; }
  .metrics-grid .metric-label { font-size: 11px; }
  .metrics-grid .metric-label > span { font-size: 16px; width: 17px; }
  .metrics-grid .metric-value { font-size: 35px; letter-spacing: -1.5px; }
  .metrics-grid .metric-value small { font-size: 18px; }
  .metrics-grid .metric-note { font-size: 10px; }
  .metrics-grid .metric-spark { bottom: 57px; right: 13px; width: 33px; }
  .overview-grid .form-summary { gap: 10px; }
  .overview-grid .form-summary strong { font-size: 29px; }
  .overview-grid .form-summary > span { font-size: 10px; }
  .overview-grid .latest-card .scoreboard { padding: 13px 0 21px; }
  .overview-grid .latest-card .score-number { font-size: 43px; }
  .overview-grid .latest-card .score-team > img { width: 42px; height: 51px; }
  .overview-grid .latest-card .opponent-crest { width: 42px; height: 51px; }
  .overview-grid .latest-meta { font-size: 10px; }
  .overview-grid .leader-name { font-size: 13px; }
  .overview-grid .leader-stat { font-size: 28px; }
  .overview-grid .leader-caption { font-size: 10px; }
  .overview-grid .mini-result { padding: 14px 0; }
  .overview-grid .mini-result > span:nth-child(2) { font-size: 12px; }
  .overview-grid .mini-result strong { font-size: 16px; }
  .overview-grid .eff-top { font-size: 12px; }
  .overview-grid .insight-card h3 { font-size: 34px; }
  #player-impact { padding: 22px; }
  #player-impact .impact-heading h3 { font-size: 26px; }
  #player-impact .impact-heading .eyebrow { font-size: 9px; letter-spacing: 1.4px; }
  #player-impact .impact-badge { font-size: 7px; }
  #player-impact .impact-intro { font-size: 11px; margin-bottom: 18px; }
  #player-impact .impact-leader { gap: 14px; padding: 5px 0 10px; margin: 20px 0; }
  #player-impact .impact-avatar { width: 41px; height: 51px; font-size: 16px; }
  #player-impact .impact-player-label { font-size: 8px; letter-spacing: 1px; }
  #player-impact .impact-player-link { font-size: 23px; letter-spacing: -.6px; }
  #player-impact .impact-player-caption { font-size: 10px; }
  #player-impact .impact-score { width: 82px; height: 88px; border-radius: 11px; }
  #player-impact .impact-score svg { padding: 5px; }
  #player-impact .impact-score-value b { font-size: 25px; }
  #player-impact .impact-score-value small { font-size: 6px; }
  #player-impact .impact-metric { padding: 14px; }
  #player-impact .impact-metric > span { font-size: 10px; }
  #player-impact .impact-metric strong { font-size: 28px; }
  #player-impact .impact-metric small { font-size: 10px; }
  #player-impact .impact-comparison { padding: 14px; }
  #player-impact .impact-comparison > span { font-size: 8px; }
  #player-impact .impact-comparison p { font-size: 12px; }
  #player-impact .impact-comparison small { font-size: 10px; }
  #player-impact :is(.impact-coverage,.impact-caveat) { font-size: 10px; }
  #player-impact .impact-method summary { font-size: 11px; }
  #match-night { padding: 22px; }
  #match-night .night-header h3 { font-size: 27px; }
  #match-night .night-header .eyebrow { font-size: 8px; letter-spacing: 1.4px; }
  #match-night .night-score b { font-size: 34px; }
  #match-night .night-score small { font-size: 8px; }
  #match-night .night-goals strong { font-size: 28px; }
  #match-night .night-goals > span { font-size: 8px; }
  #match-night .night-match-order { font-size: 9px; }
  #match-night .night-highlight-label { font-size: 9px; }
  #match-night .night-highlight-info strong { font-size: 13px; }
  #match-night .night-highlight-info small { font-size: 10px; }
  #match-night .night-source { font-size: 10px; }
  .comparison-section > .card { padding: 22px; }
  .comparison-section .comparison-controls { gap: 12px; padding-top: 12px; padding-bottom: 20px; }
  .comparison-section .comparison-controls label { font-size: 11px; gap: 8px; min-width: 0; }
  .comparison-section .comparison-controls select { font-size: 12px; padding-left: 10px; min-height: 43px; }
  .comparison-section .comparison-controls > span { width: 31px; height: 31px; font-size: 8px; }
  .comparison-section .comparison-row { grid-template-columns: 1fr 106px 1fr; gap: 8px; margin: 16px auto; }
  .comparison-section .comparison-row > span { font-size: 10px; }
  .comparison-section .comparison-value b { min-width: 39px; font-size: 17px; }
  .comparison-section .comparison-value { gap: 5px; }
  .comparison-section .comparison-value i { height: 5px; }
  .comparison-section .comparison-note { font-size: 11px; }
  #rankings .rank-name { font-size: 13px; }
  #rankings .rank-stats { font-size: 10px; }
  #rankings .score-val { font-size: 20px; }
  #rankings .rank-num { font-size: 21px; }
  #focus-body .focus-tile { padding: 13px; }
  #focus-body .focus-tile .v { font-size: 25px; }
  .player-forecast-panel,.forecast-section .forecast-card { padding: 22px; }
  .player-forecast-panel .pf-note { font-size: 12px; }
  .player-forecast-panel .pf-player { padding: 16px 14px; gap: 9px; }
  .player-forecast-panel .pf-name { font-size: 12px; }
  .player-forecast-panel .pf-rating { font-size: 36px; }
  .player-forecast-panel .pf-change,.player-forecast-panel .pf-count { font-size: 10px; }
  .player-forecast-panel .pf-detail h4 { font-size: 29px; }
  .player-forecast-panel .pf-stat-grid { gap: 13px; padding: 18px 0; }
  .player-forecast-panel .pf-stat-grid strong { font-size: 28px; }
  .player-forecast-panel .pf-stat-grid .eyebrow { font-size: 9px; letter-spacing: 1px; }
  .player-forecast-panel .pf-backtest,.player-forecast-panel .pf-alert { font-size: 11px; }
  .forecast-section .forecast-key-stats .club-standing { padding: 17px 14px; }
  .forecast-section .forecast-key-stats strong { font-size: 29px; }
  .forecast-section .forecast-key-stats .club-standing:last-child strong { font-size: 25px; }
  .forecast-section .forecast-key-stats .eyebrow { font-size: 9px; }
  .forecast-section .forecast-key-stats .standing-note { font-size: 10px; }
  .forecast-section .forecast-source,.forecast-section .forecast-caption { font-size: 11px; }
  .forecast-section .forecast-legend { font-size: 10px; gap: 12px; }
  .forecast-section .forecast-backtest { font-size: 11px; padding: 14px; gap: 8px; }
  .forecast-section .forecast-details p { font-size: 11px; }
  #card-ai .analyst-status strong { font-size: 14px; }
  #card-ai .analyst-status p { font-size: 11px; }
  #card-ai .ai-when { font-size: 11px; }
  #card-ai .ai-section p { font-size: 13px; line-height: 1.9; }
  #card-formation { padding: 23px; }
  #card-formation .pitch-wrap { padding: 8px 7px 17px; }
  #card-formation .pitch-wrap::after { inset: 8px 7px 17px; }
  #card-formation .fw-why { font-size: 11px; }
}
@media(max-width:359px) {
  :is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) .card-head h3 { font-size: 18px; }
  .metrics-grid .metric-card { padding: 14px; }
  .metrics-grid .metric-value { font-size: 32px; }
  .metrics-grid .metric-label { font-size: 10px; }
  .metrics-grid .metric-spark { display: none; }
  .overview-grid .form-summary strong { font-size: 25px; }
  .overview-grid .form-summary > span { font-size: 9px; }
  #player-impact,#match-night { padding: 18px; }
  #player-impact .impact-heading h3 { font-size: 23px; }
  #player-impact .impact-player-link { font-size: 21px; }
  #player-impact .impact-avatar { display: none; }
  #player-impact .impact-score { width: 73px; height: 80px; }
  #player-impact .impact-metric { padding: 12px; }
  #match-night .night-header h3 { font-size: 24px; }
  #match-night .night-header .eyebrow { font-size: 7px; }
  #match-night .night-goals > span { font-size: 7px; }
  .comparison-section > .card { padding: 18px; }
  .comparison-section .comparison-controls { gap: 8px; }
  .comparison-section .comparison-controls select { font-size: 11px; padding-left: 8px; padding-right: 24px; }
  .comparison-section .comparison-row { grid-template-columns: 1fr 87px 1fr; gap: 5px; }
  .comparison-section .comparison-value b { font-size: 15px; min-width: 33px; }
  .player-forecast-panel,.forecast-section .forecast-card { padding: 18px; }
  .player-forecast-panel .pf-player { padding: 14px 11px; }
  .player-forecast-panel .pf-rating { font-size: 31px; }
  .player-forecast-panel .pf-name { font-size: 11px; }
  .player-forecast-panel .pf-stat-grid { gap: 8px; }
  .player-forecast-panel .pf-stat-grid strong { font-size: 25px; }
  .player-forecast-panel .pf-stat-grid .eyebrow { font-size: 8px; }
  #card-matches .match-row { grid-template-columns: 23px 42px minmax(0,1fr); gap: 8px; }
  #card-matches .match-score { font-size: 21px; }
  #card-matches .match-opp { font-size: 12px; }
  #card-matches .chip { width: 22px; }
  #card-formation { padding: 18px; }
}

/* Readable annotations are part of the visual hierarchy, even on small screens. */
:is(.overview-grid,.grid,.comparison-section,.forecast-section,.player-forecast-section) :is(.eyebrow,.small-tag),
#player-impact :is(.eyebrow,.impact-player-label,.impact-badge),
#match-night :is(.eyebrow,.night-highlight-label,.night-score small,.night-goals>span),
.player-forecast-panel .pf-stat-grid .eyebrow,
.forecast-section .forecast-key-stats .eyebrow,
#card-formation .fw-role,
#rankings .pos-badge { font-size: 10px; }
@media(max-width:600px) {
  #player-impact .impact-player-label { letter-spacing: .7px; }
  #player-impact .impact-badge { font-size: 9px; letter-spacing: .7px; }
  #match-night .night-header .eyebrow { letter-spacing: 1px; }
  #match-night .night-goals > span { font-size: 9px; }
  .player-forecast-panel .pf-stat-grid .eyebrow { letter-spacing: .6px; }
  .player-forecast-panel .pf-stat-grid .eyebrow { min-height: 34px; display: block; }
  #player-impact .impact-score-value small { font-size: 8px; }
  .comparison-section .comparison-controls > span { font-size: 10px; }
}


/* Source: ball-scene.css */
.hero-ball-scene{position:absolute;right:30px;top:38px;width:300px;height:330px;z-index:2;pointer-events:none;isolation:isolate;contain:layout style;transform:rotate(-7deg)}.hero-ball-canvas,.hero-ball-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-ball-canvas{opacity:0}.hero-ball-fallback{padding:18px;box-sizing:border-box;filter:drop-shadow(0 20px 22px #0008)}.hero-ball-scene.webgl-ready .hero-ball-canvas{opacity:1}.hero-ball-scene.webgl-ready .hero-ball-fallback{display:none}.hero-ball-halo{position:absolute;width:84%;height:75%;left:8%;top:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(163,204,83,.09),rgba(163,204,83,.025) 40%,transparent 70%);filter:blur(8px);z-index:-1}.hero-ball-shadow{position:absolute;width:62%;height:8%;left:19%;bottom:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 70%);filter:blur(7px);transform:rotate(7deg);z-index:-1}@media(min-width:1500px){.hero-ball-scene{right:58px;width:330px;height:350px}}@media(max-width:1100px){.hero-ball-scene{right:10px;top:52px;width:245px;height:290px}}@media(max-width:700px){.hero-ball-scene{right:3px;top:21px;width:140px;height:155px}.hero-ball-fallback{padding:8px}.hero-ball-halo{filter:blur(4px)}.hero-ball-shadow{filter:blur(4px)}}@media(prefers-reduced-motion:reduce){.hero-ball-scene{transform:rotate(-7deg)}}


/* Source: edition.css */
/* Clubhouse / Design edition. Crisp type, graphite materials and a distinct matchday hero. */
:root{--page:#090d0c;--surface:#111716;--surface-2:#19211e;--ink:#f1f0e6;--ink-2:#c5cbc0;--muted:#a1ada1;--border:#303b34;--s1:#d7fa81;--good:#d7fa81;--line:var(--border);--text:var(--ink);--lime:var(--s1)}
html{scroll-padding-top:108px}body{background:radial-gradient(ellipse at 72% -5%,#2d3d242c,transparent 42%),var(--page);letter-spacing:-.012em}body::before{opacity:.025}
.eyebrow{font-size:10px;letter-spacing:.15em;line-height:1.5;color:#b1bcab}.hint,.sub,.standing-note{color:#aab4a7}.small-tag{font-size:10px;letter-spacing:.07em;font-weight:500}
.wrap{padding-top:27px}.topbar{background:#0b100eda;border-bottom-color:#3b463c66;backdrop-filter:blur(16px)}
.side-nav>a{transition:background .18s,color .18s,border-color .18s}.side-nav>a.active{background:#d6f59b;color:#122012;border-color:#def9ae;box-shadow:0 2px 18px #c5f97210}
.brand img{filter:drop-shadow(0 3px 12px #b4d96b16)}.brand>span{letter-spacing:.14em}.brand b{font-weight:650;letter-spacing:.16em}.sidebar-meta{font-size:10px}.sidebar-bottom p{font-size:11px;line-height:1.65}
.game-switch{background:#141b17;border-color:#3c463a}.game-switch button{font-size:11px}.button{font-size:12px;min-height:42px}.button.secondary{background:#182019;border-color:#414d3d;color:#e0e7d6}.button.secondary:hover{background:#293621;border-color:#788d55}.quick-search-trigger{border-color:#384236;background:#131b16;color:#bcc8b3}
.page-heading h1{font-size:clamp(37px,3.8vw,57px);line-height:1.03;font-weight:550;letter-spacing:-.055em}.page-heading p{font-size:14px;line-height:1.6;color:#aeb9a8}.page-heading .eyebrow{font-size:10px;letter-spacing:.15em}.live{font-size:11px;background:transparent;border:0;padding:0;color:#b7c0b1;max-width:280px;line-height:1.5;box-shadow:none}.live .dot{box-shadow:none}
body[data-view="overview"] .page-heading{align-items:center;min-height:25px;margin-bottom:13px;gap:12px;flex-direction:row}body[data-view="overview"] .page-heading h1{position:absolute!important;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;white-space:nowrap}body[data-view="overview"] #page-description{display:none}body[data-view="overview"] .page-heading .live{font-size:10px}
.upstream-note{display:block;border:1px solid #5e594139;border-left:0;border-radius:10px;background:linear-gradient(105deg,#2e2c1e45,#171d1530);padding:0;margin:0 0 22px;box-shadow:none;color:#c8cebf}
.source-summary{list-style:none;display:flex;align-items:center;gap:11px;min-height:50px;padding:11px 16px;cursor:pointer}.source-summary::-webkit-details-marker{display:none}.source-status-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#d1b66d;box-shadow:0 0 0 4px #d1b66d0c}.source-summary-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 15px;flex:1;min-width:0}.source-summary .upstream-title{font-size:11px;line-height:1.5;color:#d7d6bd;font-weight:550}.source-caption{color:#aeb7a3;font-size:11px;line-height:1.5}.source-toggle{font-size:10px;color:#acb998}.source-chevron{color:#bbcd9c;font-size:17px;line-height:1;transition:transform .2s}.source-disclosure[open] .source-chevron{transform:rotate(180deg)}.source-disclosure[open] .source-summary{border-bottom:1px solid #64724b26}.source-content{padding:4px 32px 13px}.source-content .upstream-body,.source-content .upstream-hint{font-size:12px;line-height:1.75}.source-content a{text-decoration:underline;text-underline-offset:3px}.upstream-note[data-kind="error"] .source-status-dot{background:#eba892}.upstream-note[data-kind="pending"]{background:#17201855;border-color:#3e513233}.upstream-note[data-kind="pending"] .source-status-dot{background:#b5ce8b}
.club-hero{border-radius:18px;border-color:#57724075;background:#0d160e;box-shadow:0 30px 75px #0004,inset 0 1px #f5ffd411;position:relative;isolation:isolate}
.club-hero::before{inset:0 0 129px;background:linear-gradient(90deg,#030b078c,transparent 68%),url('stadium-hero.webp') 52% 52%/cover;transform:none;opacity:.84}.club-hero::after{background:radial-gradient(ellipse at var(--glow-x,76%) var(--glow-y,30%),#efffb421,transparent 45%),linear-gradient(0deg,#061008 115px,transparent 64%)}
.hero-main{min-height:478px;padding:34px 44px 28px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2;pointer-events:none}.hero-main a{pointer-events:auto}.hero-label{font-size:10px;letter-spacing:.19em;color:#e1eacc;gap:10px}.hero-main h2{font-size:clamp(85px,8.5vw,123px);line-height:.84;letter-spacing:-.052em;font-weight:810;font-stretch:75%;margin:29px 0 19px;width:58%;text-shadow:0 8px 45px #03100555}.hero-main .hero-word{display:block;white-space:nowrap;color:#d4f78b}.hero-main .hero-word-plain{color:#f3f3e6}.hero-main h2 .hero-word:last-child{color:#e7f2d0}.hero-main>p{font-size:13px;line-height:1.6;color:#c9d5bd;margin:0 0 24px;max-width:360px;letter-spacing:0}.hero-bottom{width:100%;align-items:center;gap:20px;margin-top:auto}.hero-identity{font-size:11px;font-weight:500;letter-spacing:.01em;color:#e2ebd4}.hero-identity img{width:26px;height:31px}.hero-actions{display:flex;align-items:center;gap:23px;margin-left:auto}.hero-link{margin-left:0;border:1px solid #e0edc3;background:#e3ebcd;color:#1b2916;border-radius:5px;font-size:12px;font-weight:600;padding:12px 16px;min-height:43px;gap:23px;box-shadow:0 3px 16px #0003;transition:background .18s,transform .18s}.hero-link:hover{background:#f3f9e6;border-color:#f3f9e6;color:#12200c;transform:translateY(-2px)}.hero-secondary-link{display:flex;align-items:center;gap:18px;font-size:11px;color:#e2eace;padding:9px 0;border-bottom:1px solid #afc79565}.hero-secondary-link:hover{color:#d4ff8c;border-color:#d4ff8c}.hero-emblem{opacity:.85;right:7%;width:170px;top:118px}.club-hero:has(.hero-ball-scene) .hero-emblem{display:none}.hero-corner{font-size:10px;top:32px;right:34px;letter-spacing:.17em;color:#dce9cabb}
.hero-ball-scene{z-index:1!important;right:4.5%!important;top:69px!important;width:390px!important;height:345px!important}.hero-rating{padding:25px 44px 23px;background:linear-gradient(120deg,#d4f48a10,transparent 60%),#111b11;border-top-color:#8caa5955;grid-template-columns:minmax(132px,.7fr) minmax(240px,1.2fr) minmax(225px,1.15fr);gap:0 42px;z-index:3}.hero-rating .eyebrow{font-size:10px;letter-spacing:.12em;color:#b9c8a5}.hero-sr{font-size:52px;line-height:1.06;font-weight:500;letter-spacing:-.05em;color:#f1f5e7}.hero-caption{font-size:11px}.hero-rating .form-strip{max-width:335px;gap:6px}.hero-rating .form-strip .chip{height:28px;max-width:28px;font-size:11px;border-radius:4px}#hero-record{font-size:12px;line-height:1.7;color:#bfc9b1}.rating-record-label{display:block}
.club-standing-strip{border-color:#3443337a;background:linear-gradient(120deg,#b5d58505,transparent);margin-top:18px;margin-bottom:40px;border-radius:10px}.club-standing-strip>.club-standing{padding:20px 24px;gap:8px}.club-standing-strip .eyebrow{font-size:10px;letter-spacing:.1em}.club-standing-strip .standing-note{font-size:11px;color:#a7b29e}.club-standing-strip strong{font-size:29px;line-height:1.25;color:#e6ecdb;font-weight:500;letter-spacing:-.05em}.club-standing-strip>.standing-unavailable{background:#2831221a}.club-standing-strip>.standing-unavailable strong{font-size:19px;letter-spacing:-.025em;color:#a6b698}
.section-head h2{font-size:clamp(26px,2.5vw,36px);letter-spacing:-.05em;font-weight:550}.section-head .sub{font-size:13px;max-width:65ch;line-height:1.7}.overview-section-head h2{font-size:31px;font-weight:550;letter-spacing:-.045em}.overview-section-head .eyebrow{font-size:10px;letter-spacing:.12em}.period-control{font-size:11px}.period-control select{font-size:12px;min-height:40px}.card-head .eyebrow{font-size:10px;letter-spacing:.1em}.card-head h3{font-size:21px;letter-spacing:-.04em}.card-head .text-link{font-size:12px}.metric-label,.metric-note{font-size:12px}.metric-value{font-variant-numeric:tabular-nums}.rank-stats,.match-sub,.fw-why{font-size:12px}
.source-summary:focus-visible{outline:2px solid #d7fa81;outline-offset:3px;border-radius:8px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #d7fa81;outline-offset:4px}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:38;width:42px;height:42px;border:1px solid #687d4e;background:#182315eb;backdrop-filter:blur(10px);border-radius:50%;color:#e0f1c5;box-shadow:0 7px 25px #0006;font-size:20px;transition:background .2s,transform .2s}.back-to-top:hover{background:#d6f59b;color:#16210f;transform:translateY(-2px)}.back-to-top[hidden]{display:none}.footer-signature{font-size:12px}
footer{padding-top:28px;line-height:1.8;color:#a5b39d}footer>span:first-child{letter-spacing:.1em;font-size:11px;color:#d0dbc2}footer>span:last-child{font-size:11px}dialog{background:linear-gradient(135deg,#1b231d,#101711);border-color:#586d43}dialog::backdrop{background:#010603dd;backdrop-filter:blur(12px)}
@media(min-width:1280px){.sidebar{position:fixed;inset:0 0 auto;width:100%;height:90px;padding:0 36px;display:flex;flex-direction:row;align-items:center;background:#0a0f0ee8;border:0;border-bottom:1px solid #35413166;backdrop-filter:blur(18px);z-index:45}.sidebar .brand{display:flex;padding:0;gap:12px}.brand img{width:33px;height:40px}.brand>span{font-size:13px;line-height:1.4}.brand b{font-size:11px}.sidebar-rule,.nav-label,.sidebar-bottom{display:none}.side-nav{position:absolute;left:48.5%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:row;gap:4px;overflow:visible}.side-nav>a{padding:11px 13px;min-height:40px;font-size:12px;border-radius:5px;color:#b8c3ad;white-space:nowrap}.side-nav>a svg,.nav-count{display:none}.side-nav>a.active{background:#d8f49d;color:#172310;box-shadow:none}.side-nav>a:hover:not(.active){background:#212b20;border-color:transparent;color:#edf6df}.app-shell{margin-left:0;padding-top:90px}.topbar{position:fixed;top:17px;right:32px;left:auto;width:auto;height:55px;padding:0;background:none;backdrop-filter:none;border:0;z-index:46}.breadcrumb{display:none}.topbar-actions{gap:9px}.topbar .button{font-size:11px;min-height:37px;padding:8px 11px}.topbar .game-switch{padding:3px}.topbar .game-switch button{font-size:10px}.topbar .quick-search-trigger{min-height:36px;padding:8px 10px}.wrap{max-width:1450px;margin:auto;padding:28px 46px 44px}.page-heading{margin-bottom:23px}.club-hero{border-radius:18px}.hero-main{min-height:485px}.hero-main h2{font-size:123px}.hero-ball-scene{right:10%!important;top:60px!important;width:410px!important;height:370px!important}.hero-corner{right:43px}.hero-rating{grid-template-columns:minmax(130px,.75fr) minmax(265px,1.05fr) minmax(235px,1fr);gap:0 50px}body[data-view="overview"] .page-heading{margin-bottom:13px}}
@media(min-width:1650px){.wrap{max-width:1550px;padding:33px 62px 50px}.hero-main{min-height:520px;padding:36px 51px 30px}.hero-main h2{font-size:136px}.hero-ball-scene{right:9%!important;top:63px!important;width:450px!important;height:396px!important}.hero-rating{padding-left:51px;padding-right:51px}}
@media(min-width:761px) and (max-width:1279px){.hero-main{min-height:435px;padding:30px}.hero-main h2{font-size:100px;margin-top:25px}.hero-main>p{max-width:310px;font-size:12px}.hero-ball-scene{width:290px!important;height:290px!important;right:2%!important;top:85px!important}.hero-rating{grid-template-columns:minmax(108px,.75fr) minmax(200px,1.5fr);gap:0 22px;padding:22px 30px}.rating-record-label{display:none}#hero-record{grid-column:2;grid-row:3;font-size:11px;margin-top:6px}.hero-rating .eyebrow{font-size:10px}.hero-sr{font-size:46px}.hero-actions{gap:16px}.hero-link{font-size:11px;min-height:39px;padding:10px 12px;gap:15px}.hero-secondary-link{font-size:10px;gap:9px}.hero-identity{font-size:10px}.club-standing-strip>.club-standing{padding:18px}.club-standing-strip strong{font-size:25px}}
@media(max-width:950px) and (min-width:761px){.hero-main h2{font-size:89px}.hero-main>p{max-width:245px}.hero-ball-scene{width:230px!important;height:245px!important;right:0!important;top:97px!important}.hero-secondary-link{display:none}.hero-identity{font-size:10px}.hero-corner{font-size:10px;right:22px}}
@media(max-width:760px){html{scroll-padding-top:80px}.topbar{height:66px;padding:0 19px;position:sticky;top:0;z-index:35}.topbar-actions{gap:7px}.topbar .button{font-size:11px;min-height:38px;padding:7px 10px}.topbar .game-switch button{font-size:10px;min-height:27px}.wrap{padding:19px 19px calc(104px + env(safe-area-inset-bottom))}.sidebar{background:#0e160df7;border-top-color:#4f653677;backdrop-filter:blur(18px);box-shadow:0 -4px 32px #0005}.side-nav>a{min-height:52px;font-size:10px;letter-spacing:0}.side-nav>a.active{background:#d8f2a6;color:#15220e}.page-heading{margin-bottom:16px}.page-heading h1{font-size:39px}.page-heading p{font-size:12px}.page-heading .live{font-size:10px}.page-heading .eyebrow{font-size:10px}body[data-view="overview"] .page-heading{margin-bottom:12px;min-height:20px}body[data-view="overview"] .page-heading .live{font-size:10px}body[data-view="overview"] #hero-kicker{font-size:10px;letter-spacing:.12em}.upstream-note{margin-bottom:17px;border-radius:8px}.source-summary{padding:10px 12px;min-height:52px;gap:9px}.source-summary-label{display:flex;flex-direction:column;gap:1px}.source-summary .upstream-title{font-size:11px}.source-caption{font-size:10px}.source-toggle{font-size:10px}.source-content{padding:2px 24px 10px}.source-content .upstream-body,.source-content .upstream-hint{font-size:11px}.hero-main{min-height:420px;padding:28px}.hero-main h2{font-size:100px;line-height:.84;letter-spacing:-.05em;margin:28px 0 19px}.hero-main>p{font-size:12px;margin:0 0 23px;max-width:290px}.hero-corner{font-size:10px;top:24px;right:24px}.hero-label{font-size:10px}.hero-ball-scene{width:265px!important;height:270px!important;top:78px!important;right:1%!important}.hero-bottom{gap:14px}.hero-actions{gap:16px}.hero-link{font-size:11px;min-height:41px;padding:10px 13px;gap:15px}.hero-secondary-link{font-size:10px;gap:10px}.hero-rating{padding:23px 28px;grid-template-columns:minmax(108px,.75fr) minmax(190px,1.3fr);gap:0 25px}.hero-rating .eyebrow{font-size:10px;letter-spacing:.07em}.hero-rating .form-strip{gap:5px;max-width:300px}.hero-rating .form-strip .chip{max-width:25px;height:27px}.hero-sr{font-size:47px}.hero-caption{font-size:10px}.rating-record-label{display:none}#hero-record{grid-column:2;grid-row:3;font-size:11px;max-width:none}.hero-identity{font-size:10px}.club-standing-strip{margin-bottom:31px}.club-standing-strip>.club-standing{padding:18px 16px}.club-standing-strip strong{font-size:25px}.club-standing-strip .eyebrow{font-size:10px}.club-standing-strip .standing-note{font-size:11px}.club-standing-strip>.standing-unavailable strong{font-size:18px}.overview-section-head h2{font-size:29px}.overview-section-head .eyebrow,.card-head .eyebrow{font-size:10px;letter-spacing:.1em}.metric-label,.metric-note{font-size:11px}.card-head h3{font-size:20px}.section-head h2{font-size:29px}.card-head .text-link{font-size:11px}.back-to-top{right:17px;bottom:calc(84px + env(safe-area-inset-bottom));width:38px;height:38px}.skip-link{left:12px;z-index:90}}
@media(max-width:540px){body[data-view="overview"] .page-heading .live{display:none}.hero-main{min-height:375px;padding:26px 24px 23px}.hero-main h2{font-size:83px;width:65%;margin:26px 0 18px}.hero-main>p{font-size:11px;max-width:235px;line-height:1.6;margin-bottom:22px}.hero-ball-scene{width:128px!important;height:138px!important;right:-1%!important;top:133px!important}.hero-corner{display:none}.hero-bottom{align-items:flex-start;flex-direction:column;gap:16px}.hero-actions{width:100%;justify-content:space-between;gap:12px;margin-left:0}.hero-link{min-height:40px;gap:14px;padding:10px 13px}.hero-secondary-link{font-size:11px;gap:9px}.hero-identity{font-size:11px}.hero-identity img{width:21px;height:26px}.hero-rating{grid-template-columns:minmax(106px,.8fr) minmax(140px,1fr);gap:0 22px;padding:21px 24px}.hero-rating .form-strip{grid-template-columns:repeat(5,minmax(0,1fr));max-width:160px;gap:5px;margin:9px 0 5px}.hero-rating .form-strip .chip{height:23px;max-width:25px;font-size:10px}.hero-sr{font-size:43px}.hero-rating .eyebrow{font-size:10px;letter-spacing:.08em}.hero-caption{font-size:10px}.hero-rating #hero-record{grid-column:1/-1;grid-row:4;margin-top:13px;padding-top:12px;border-top:1px solid #a8c27824;font-size:11px;line-height:1.6}.club-hero::before{bottom:159px}.club-standing-strip>.club-standing{padding:17px 13px}.club-standing-strip strong{font-size:23px}.club-standing-strip .standing-note{font-size:10px;line-height:1.7}.club-standing-strip .eyebrow{font-size:10px;letter-spacing:.08em}.club-standing-strip>.standing-unavailable strong{font-size:17px}.period-control{font-size:0}.period-control select{font-size:11px;max-width:146px}.overview-section-head h2{font-size:27px}.overview-section-head .eyebrow{font-size:10px;letter-spacing:.07em}.card-head .eyebrow{font-size:10px}.page-heading h1{font-size:35px}.page-heading p{font-size:12px}.card-head h3{font-size:20px}.source-toggle{display:none}.source-summary .upstream-title{font-size:11px}.source-caption{font-size:10px}}
@media(max-width:360px){.wrap{padding-left:15px;padding-right:15px}.topbar{padding-left:15px;padding-right:15px}.topbar .button{font-size:10px;padding:7px 8px}.game-switch button{padding:4px 6px}.hero-main{padding:23px 20px;min-height:345px}.hero-main h2{font-size:74px;width:68%}.hero-ball-scene{width:102px!important;height:114px!important;right:-4%!important;top:129px!important}.hero-main>p{font-size:11px;max-width:218px}.hero-actions{gap:8px}.hero-link{font-size:10px;padding:9px 11px;gap:9px}.hero-secondary-link{font-size:10px}.hero-rating{padding:20px;gap:0 13px;grid-template-columns:minmax(100px,.8fr) minmax(128px,1fr)}.hero-sr{font-size:40px}.hero-rating .eyebrow{font-size:10px;letter-spacing:.07em}.hero-rating .form-strip{gap:4px}.club-standing-strip>.club-standing{padding:16px 11px}.club-standing-strip strong{font-size:21px}.club-standing-strip .standing-note{font-size:10px}.source-summary{padding-left:11px;padding-right:11px}.source-summary .upstream-title{font-size:10px}.source-caption{font-size:10px}.side-nav>a{font-size:10px}.period-control select{font-size:10px;max-width:133px}}
@media(prefers-reduced-motion:reduce){.hero-link:hover,.back-to-top:hover{transform:none}html{scroll-behavior:auto}}

.pf-change.neutral{color:var(--muted)}.pf-player.selected .pf-change.neutral{color:#526145}

/* Club identity, first-result focus and honest model progress. */
.club-hero:has(.hero-crest-scene) .hero-emblem{display:none}
.hero-crest-scene{position:absolute;right:16%;top:80px;width:180px;height:220px;z-index:1;pointer-events:none;perspective:800px}
.hero-crest-scene::after{content:'';position:absolute;width:80%;height:22px;left:10%;bottom:-12px;border-radius:50%;background:#040b09a6;filter:blur(10px)}
.hero-crest-object{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--crest-pitch,7deg)) rotateY(var(--crest-yaw,-17deg)) rotateZ(-5deg)}
.hero-crest-object img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateZ(var(--crest-depth));backface-visibility:visible}
.hero-crest-object .crest-edge{filter:brightness(.32) saturate(.5)}
.hero-crest-object .crest-front{filter:drop-shadow(0 0 20px #c4e77a1a)}
.club-hero:has(.hero-crest-scene) .hero-main{min-height:350px}
.club-hero:has(.hero-crest-scene) .hero-main h2{font-size:clamp(64px,6.4vw,94px);margin:21px 0 16px}
#hero-latest-match{margin-bottom:14px}
.latest-match-button{display:flex;align-items:center;gap:24px;width:100%;min-height:78px;border:1px solid #354633;border-radius:14px;padding:16px 24px;background:linear-gradient(100deg,#1c2a1a,#101813);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.latest-match-label{display:grid;gap:5px;min-width:0;font-size:14px}
.latest-match-label>span:last-child{overflow-wrap:anywhere}
.latest-match-score{font-size:36px;font-weight:600;letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap}
.latest-match-action{margin-left:auto;font-size:12px;color:var(--ink-2);white-space:nowrap}
.latest-match-button:hover,.latest-match-button:focus-visible{border-color:var(--s1);outline:2px solid transparent}
#model-readiness{margin:0 0 28px}
.readiness-summary{border:1px solid var(--border);border-radius:14px;padding:0 20px;background:#111914}
.readiness-summary>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;cursor:pointer;list-style:none}
.readiness-summary>summary::-webkit-details-marker{display:none}
.readiness-summary>summary>span:first-child{display:grid;gap:5px}
.readiness-summary>summary strong{font-size:16px;font-weight:550}
.readiness-count{font-size:12px;color:var(--s1);font-variant-numeric:tabular-nums;text-align:right}
.readiness-count::after{content:' +';font-size:17px}.readiness-summary[open] .readiness-count::after{content:' −'}
.readiness-progress{display:grid;gap:8px;padding:10px 0;font-size:13px}
.readiness-progress-label{display:flex;align-items:baseline;justify-content:space-between;gap:18px;color:var(--ink-2)}
.readiness-progress-label>span{overflow-wrap:anywhere;min-width:0}.readiness-progress-label strong{font-size:12px;font-weight:550;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums}
.readiness-progress progress{display:block;width:100%;height:5px;appearance:none;border:0;border-radius:9px;overflow:hidden;background:#2a362c;color:var(--s1)}
.readiness-progress progress::-webkit-progress-bar{background:#2a362c}.readiness-progress progress::-webkit-progress-value{background:var(--s1);border-radius:9px}.readiness-progress progress::-moz-progress-bar{background:var(--s1);border-radius:9px}
.readiness-player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin:12px 0}
.readiness-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0 20px}.readiness-links .text-link{font-size:12px}
.forecast-card.forecast-building .forecast-empty{display:block;min-height:0;padding:10px 0 4px}.forecast-card.forecast-building .forecast-empty h4{font-size:23px}.forecast-card.forecast-building .forecast-actions{padding-top:8px}
.player-forecast-building{padding:22px}.player-forecast-building h3{font-size:23px;margin:8px 0}.player-readiness-details{margin:16px 0}.player-readiness-details summary{cursor:pointer;color:var(--ink-2);font-size:13px}
.advanced-readiness .model-methods{margin:0;padding:14px 0;border-top:1px solid var(--border)}.advanced-readiness .model-methods summary{cursor:pointer;font-size:14px;color:var(--ink-2)}
@media(max-width:760px){
  .hero-crest-scene{width:124px;height:150px;right:10%;top:73px}
  .club-hero:has(.hero-crest-scene) .hero-main{min-height:320px}
  .club-hero:has(.hero-crest-scene) .hero-main h2{font-size:72px}
  .latest-match-button{padding:14px 18px;gap:18px}.latest-match-score{font-size:32px}
}
@media(max-width:540px){
  .hero-crest-scene{width:86px;height:106px;right:6%;top:71px}
  .club-hero:has(.hero-crest-scene) .hero-main{min-height:302px;padding:22px}
  .club-hero:has(.hero-crest-scene) .hero-main h2{font-size:62px;margin-top:20px;width:65%}
  .club-hero:has(.hero-crest-scene) .hero-main>p{margin-bottom:14px;font-size:11px}
  .club-hero:has(.hero-crest-scene) .hero-bottom{gap:12px}
  .latest-match-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;padding:13px 16px}
  .latest-match-label{font-size:13px;gap:4px}.latest-match-score{grid-column:2;grid-row:1 / 3;font-size:35px}.latest-match-action{margin:0;font-size:10px}
  .readiness-summary{padding:0 16px}.readiness-summary>summary{gap:14px}.readiness-summary>summary strong{font-size:14px}.readiness-count{max-width:95px;font-size:11px}.readiness-player-list{grid-template-columns:1fr}.readiness-links{gap:14px}
  .squad-cards .pcard-grid{grid-template-columns:minmax(0,1fr);gap:34px;margin-inline:auto;max-width:390px}
  .squad-cards .pcard{width:100%;max-width:none;aspect-ratio:1 / 1.16}
  .squad-cards .pcard-face{padding:18px 20px 24px}.squad-cards .pcard-front{gap:7px}
  .squad-cards .pcard-name{white-space:normal;overflow:visible;text-overflow:clip;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
  .squad-cards .pcard-handle{display:block;white-space:normal;overflow:visible;font-size:12px;overflow-wrap:anywhere}
  .squad-cards .pcard-source,.squad-cards .pcard-figure small,.squad-cards .pcard-form span{display:block}
  .squad-cards .pcard-source{font-size:10px}.squad-cards .pcard-figure small{font-size:10px}.squad-cards .pcard-figure dt{font-size:10px}.squad-cards .pcard-figure dd{font-size:20px}.squad-cards .pcard-form{font-size:12px}
  .squad-cards .pcard-portrait{max-width:62%}.squad-cards .pcard-ovr b{font-size:32px}.squad-cards .pcard-ovr small{display:block}
  .squad-cards .pcard-flip,.squad-cards .pcard-pick{min-height:38px;font-size:12px;padding:0 16px}
}
@media(prefers-reduced-motion:reduce){.hero-crest-object{transform:rotateY(-12deg)}.hero-crest-scene::after{filter:none;opacity:.25}}

/* The worldwide view is the sixth main destination. */
@media (min-width: 1280px) and (max-width: 1450px) {
  .side-nav { left: 46%; gap: 2px; }
  .side-nav > a { padding-inline: 10px; font-size: 11px; }
}
@media (max-width: 760px) {
  .side-nav { grid-template-columns: repeat(6,minmax(0,1fr)); }
  .side-nav > a { font-size: 9.5px; }
}
@media (max-width: 360px) { .side-nav > a { font-size: 8.5px; } }
body[data-view="world"] .page-heading { display: none; }
.squad-world-link{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px;padding:22px 26px;border:1px solid #3a4931;border-radius:16px;background:radial-gradient(ellipse at right,rgba(215,250,129,.09),transparent 70%),#101813;text-decoration:none;color:var(--ink)}
.squad-world-link>span:first-child{display:grid;gap:7px;min-width:0}.squad-world-link strong{font-size:22px;font-weight:550;letter-spacing:-.025em}.squad-world-link>span>span:last-child{color:var(--ink-2);font-size:13px;line-height:1.5}.squad-world-action{flex-shrink:0;color:var(--s1);font-size:13px}.squad-world-link:hover{border-color:var(--s1)}
@media(max-width:600px){.squad-world-link{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.squad-world-link strong{font-size:21px}}