:root {
  color-scheme: dark;
  --bg: #05090a;
  --surface: #101819;
  --surface2: #151f20;
  --border: rgba(255,255,255,.09);
  --accent: #16d46b;
  --accent2: #68f5a1;
  --text: #f7fbfb;
  --muted: #899894;
  --green: #16d46b;
  --red: #f87171;
  --yellow: #d7ff74;
  --win: #22c55e;
  --draw: #94a3b8;
  --loss: #ef4444;
  --max-w: 430px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

/* Mini-League rival cards: ranking first, chip context inside each rival. */
.mini-league-strategy-dashboard {
  --ml-bg: #020a07;
  --ml-card: #06110d;
  --ml-card-2: #07140f;
  --ml-border: rgba(70,130,100,.22);
  --ml-border-active: rgba(32,229,138,.62);
  --ml-green: #20e58a;
  --ml-muted: #87958e;
}
.mini-league-page-header > div > div { min-width: 0; }
.mini-league-page-header > div > div > small {
  display: block;
  overflow: hidden;
  margin-top: 5px;
  color: #20e58a;
  font-size: 9px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mini-league-competition-overview {
  gap: 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}
.mini-league-analysis-summary {
  display: grid;
  grid-template-columns: 1fr 1fr 1.45fr;
  min-height: 94px;
  border: 1px solid rgba(70,130,100,.28);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(10,29,21,.95), rgba(4,16,11,.96));
}
.mini-league-analysis-summary > div {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  align-content: center;
  min-width: 0;
  border-left: 1px solid rgba(255,255,255,.055);
  padding: 13px 16px;
}
.mini-league-analysis-summary > div:first-child { border-left: 0; }
.mini-league-analysis-summary i { grid-row: 1 / 3; align-self: center; color: var(--ml-green); }
.mini-league-analysis-summary i svg { width: 25px; height: 25px; }
.mini-league-analysis-summary span {
  color: #77857e;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.mini-league-analysis-summary strong { margin-top: 3px; color: #f2f6f4; font-size: 25px; line-height: 1; }
.mini-league-analysis-summary > div:nth-child(2) strong,
.mini-league-analysis-summary .chips > strong { color: var(--ml-green); }
.mini-league-analysis-summary .chips {
  grid-template-columns: minmax(85px,.7fr) minmax(60px,.4fr) minmax(150px,1fr);
  align-items: center;
  gap: 8px;
}
.mini-league-analysis-summary .chips > strong { margin: 0; font-size: 25px; }
.mini-league-analysis-summary .chips > strong small { color: #7c8983; font-size: 15px; }
.mini-league-analysis-summary .chips > em { display: flex; flex-wrap: wrap; gap: 5px; font-style: normal; }
.mini-league-rival-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 2px 1px 0;
}
.mini-league-rival-list-head h2 { display: flex; align-items: center; gap: 8px; margin: 0; color: #f2f6f4; font-size: 17px; font-weight: 650; }
.mini-league-rival-list-head h2 i { color: var(--ml-green); font-size: 19px; font-style: normal; }
.mini-league-rival-list-head > div {
  display: flex;
  border: 1px solid rgba(70,130,100,.2);
  border-radius: 999px;
  background: rgba(2,10,7,.62);
  padding: 2px;
}
.mini-league-rival-list-head button {
  min-height: 31px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #87958e;
  cursor: pointer;
  padding: 0 16px;
  font: inherit;
  font-size: 10px;
  font-weight: 650;
}
.mini-league-rival-list-head button.active { border-color: rgba(32,229,138,.58); background: rgba(32,229,138,.07); color: var(--ml-green); }
.mini-league-rival-card-list { display: grid; gap: 8px; }
.mini-league-rival-card-list > p { margin: 0; border: 1px dashed rgba(70,130,100,.28); border-radius: 12px; color: #87958e; padding: 24px; text-align: center; font-size: 11px; }
.mini-league-rival-card {
  min-width: 0;
  border: 1px solid rgba(70,110,90,.28);
  border-radius: 12px;
  background: #06110d;
  padding: 13px 16px 12px;
}
.mini-league-rival-card.priority {
  border-left: 4px solid var(--ml-green);
  padding-left: 13px;
  box-shadow: inset 4px 0 10px rgba(32,229,138,.07);
}
.mini-league-rival-card.active { border-color: rgba(32,229,138,.58); background: #07160f; }
.mini-league-rival-card-head {
  display: grid;
  grid-template-columns: 98px minmax(140px,1fr) auto 108px;
  align-items: center;
  gap: 13px;
}
.mini-league-rival-rank { min-width: 0; }
.mini-league-rival-rank strong { color: #f2f6f4; font-size: 28px; font-weight: 750; line-height: 1; }
.mini-league-rival-rank i { margin-left: 5px; color: #69766f; font-size: 15px; font-style: normal; font-weight: 750; }
.mini-league-rival-rank i.positive { color: #22e88a; }
.mini-league-rival-rank i.negative { color: #ff6269; }
.mini-league-rival-rank small { display: block; margin-top: 6px; color: #97a39d; font-size: 10px; }
.mini-league-rival-identity { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 5px 7px; }
.mini-league-rival-identity h3 { overflow: hidden; width: 100%; margin: 0; color: #f2f6f4; font-size: 16px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-rival-identity span,
.mini-league-rival-identity em { border-radius: 999px; padding: 3px 6px; font-size: 7px; font-style: normal; font-weight: 700; }
.mini-league-rival-identity span { background: rgba(244,182,63,.08); color: #f4b63f; }
.mini-league-rival-identity em { background: rgba(32,229,138,.08); color: var(--ml-green); }
.mini-league-rival-card-head > button {
  display: flex;
  min-height: 36px;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(32,229,138,.58);
  border-radius: 8px;
  background: rgba(32,229,138,.07);
  color: var(--ml-green);
  cursor: pointer;
  padding: 0 13px;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
}
.mini-league-rival-card-head > button svg { width: 14px; height: 14px; }
.mini-league-rival-card:not(.priority) .mini-league-rival-pass { grid-column: 4; }
.mini-league-rival-pass span,
.mini-league-rival-pass strong { display: block; text-align: right; }
.mini-league-rival-pass span { color: #78847e; font-size: 8px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
.mini-league-rival-pass strong { margin-top: 4px; color: #f4b63f; font-size: 23px; line-height: 1; }
.mini-league-rival-stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin: 10px 0 0 111px;
  padding-right: 121px;
}
.mini-league-rival-stats span,
.mini-league-rival-chip-row span { display: block; color: #74817a; font-size: 8px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
.mini-league-rival-stats strong { display: block; margin-top: 4px; color: #edf3f0; font-size: 16px; font-weight: 650; }
.mini-league-rival-stats .positive strong { color: #22e88a; }
.mini-league-rival-stats .negative strong { color: #ff6269; }
.mini-league-rival-chip-row {
  display: grid;
  grid-template-columns: .9fr 1fr 1.4fr;
  gap: 14px;
  margin-top: 13px;
  border-top: 1px solid rgba(255,255,255,.055);
  padding-top: 11px;
}
.mini-league-rival-chip-row > div { min-width: 0; border-left: 1px solid rgba(255,255,255,.04); padding-left: 13px; }
.mini-league-rival-chip-row > div:first-child { border-left: 0; padding-left: 0; }
.mini-league-rival-chip-row > div > strong { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; color: #dce5e1; font-size: 10px; font-weight: 500; }
.mini-league-rival-chip-edge em { display: block; margin-top: 5px; color: var(--ml-green); font-size: 10px; font-style: normal; font-weight: 650; }
.mini-league-rival-chip-edge > strong { display: block !important; color: #dce5e1 !important; font-size: 10px !important; line-height: 1.4; }
.mini-league-rival-chip-edge.disadvantage em { color: #f4b63f; }
.mini-league-rival-chip-edge.even em,
.mini-league-rival-chip-edge.pending em { color: #97a39d; }
.mini-league-rival-card .mini-league-chip-badge {
  min-height: 24px;
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: #9ba7a1;
  padding: 2px 8px;
}
.mini-league-rival-card .mini-league-chip-badge.remaining { border-color: rgba(32,229,138,.45); background: rgba(32,229,138,.05); color: var(--ml-green); }
.mini-league-rival-card .mini-league-chip-badge i { display: none; }
.mini-league-rival-card .mini-league-chip-badge small { color: inherit; }
.mini-league-competition-overview > footer { color: #6f7c76; font-size: 8px; }

@media (max-width: 760px) {
  .mini-league-page-header > div > span { display: none; }
  .mini-league-page-header h1 { font-size: 24px; font-weight: 700; }
  .mini-league-page-header p { margin-top: 6px; font-size: 14px; }
  .mini-league-analysis-summary { min-height: 96px; grid-template-columns: 1fr 1fr 1.4fr; }
  .mini-league-analysis-summary > div { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; gap: 3px; padding: 10px; }
  .mini-league-analysis-summary i { display: none; }
  .mini-league-analysis-summary span { font-size: 7px; }
  .mini-league-analysis-summary strong { font-size: 22px; }
  .mini-league-analysis-summary .chips { display: grid; grid-template-columns: 1fr; gap: 3px; }
  .mini-league-analysis-summary .chips > em { gap: 3px; }
  .mini-league-analysis-summary .chips .mini-league-chip-badge { min-height: 22px; padding: 1px 6px; font-size: 7px; }
  .mini-league-rival-list-head { align-items: stretch; flex-direction: column; gap: 10px; }
  .mini-league-rival-list-head > div { align-self: stretch; }
  .mini-league-rival-list-head button { flex: 1; padding: 0 10px; }
  .mini-league-rival-card { border-radius: 14px; padding: 14px 14px 13px; }
  .mini-league-rival-card.priority { padding-left: 11px; }
  .mini-league-rival-card-head { grid-template-columns: 66px minmax(0,1fr) 92px; align-items: start; gap: 9px; }
  .mini-league-rival-rank strong { font-size: 27px; }
  .mini-league-rival-rank small { font-size: 9px; line-height: 1.3; }
  .mini-league-rival-identity h3 { font-size: 15px; }
  .mini-league-rival-card-head > button { grid-column: 3; grid-row: 1; min-height: 34px; justify-content: center; padding: 0 8px; }
  .mini-league-rival-pass { grid-column: 3; grid-row: 2; align-self: end; }
  .mini-league-rival-card:not(.priority) .mini-league-rival-pass { grid-column: 3; }
  .mini-league-rival-pass strong { font-size: 21px; }
  .mini-league-rival-stats { grid-column: 2; gap: 10px; margin: 8px 0 0 75px; padding-right: 0; }
  .mini-league-rival-stats strong { font-size: 15px; }
  .mini-league-rival-chip-row { grid-template-columns: .9fr 1fr 1.4fr; gap: 7px; }
  .mini-league-rival-chip-row > div { padding-left: 7px; }
  .mini-league-rival-chip-row > div > strong { gap: 3px; font-size: 9px; }
  .mini-league-rival-chip-edge em,
  .mini-league-rival-chip-edge > strong { font-size: 9px !important; }
  .mini-league-rival-card .mini-league-chip-badge { min-height: 22px; padding: 1px 6px; font-size: 7px; }
}

/* Player Stat Insights preview — evidence-first, no synthetic metrics. */
.profile-tabs {
  overflow-x: auto;
  scrollbar-width: none;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.profile-tabs::-webkit-scrollbar { display: none; }

.player-stat-insights {
  overflow: hidden;
  border-color: rgba(36, 225, 111, .28) !important;
  background:
    radial-gradient(circle at 0 0, rgba(34, 220, 105, .12), transparent 38%),
    linear-gradient(145deg, #071519 0%, #081216 100%) !important;
}

.player-stat-insights-header {
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.player-stat-insights-header > div { display: grid; gap: 4px; }
.player-stat-insights-header > div > span { color: #f1f7f4; font: 800 14px/1.2 var(--font-mono); letter-spacing: .08em; }
.player-stat-insights-header small { color: #7d9089; font: 500 12px/1.4 var(--font-sans); }
.player-stat-insights-header em {
  flex: 0 0 auto;
  border: 1px solid #2a483b;
  border-radius: 999px;
  padding: 6px 10px;
  color: #8fa29b;
  background: rgba(4, 15, 17, .72);
  font: 700 10px/1 var(--font-mono);
  text-transform: uppercase;
}
.player-stat-insights-header em.ready { color: #42ef89; border-color: rgba(66, 239, 137, .45); }
.player-stat-insights-header em.provisional { color: #ffd052; border-color: rgba(255, 208, 82, .4); }

.player-stat-insight-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 10px;
}
.player-stat-insight-controls button,
.fantasy-player-insights-filters button {
  min-height: 34px;
  border: 1px solid #24383b;
  border-radius: 8px;
  padding: 0 16px;
  color: #84928f;
  background: #071216;
  font: 700 12px/1 var(--font-mono);
}
.player-stat-insight-controls button.active,
.fantasy-player-insights-filters button.active {
  border-color: #24df70;
  color: #3cf189;
  background: rgba(26, 179, 91, .12);
  box-shadow: inset 0 0 18px rgba(26, 179, 91, .06);
}
.player-stat-insight-controls > span { margin-left: auto; color: #778884; font-size: 12px; }
.player-stat-insight-window { display: none; }
.player-stat-insight-window.active { display: grid; gap: 9px; }

.player-stat-insight-card {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) 104px 92px;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid #19342b;
  border-radius: 10px;
  background: rgba(3, 14, 17, .78);
}
.player-stat-insight-copy { min-width: 0; }
.player-stat-insight-copy > span { color: #71847f; font: 700 10px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; }
.player-stat-insight-copy > span b { color: #7f918b; font-size: 14px; }
.player-stat-insight-card.up .player-stat-insight-copy > span b { color: #39e781; }
.player-stat-insight-card.down .player-stat-insight-copy > span b { color: #ff6877; }
.player-stat-insight-copy strong { display: block; margin-top: 6px; color: #edf4f1; font-size: 14px; line-height: 1.25; }
.player-stat-insight-copy p { margin: 4px 0 0; color: #7d8d89; font-size: 11px; line-height: 1.35; }
.player-stat-insight-number { display: grid; justify-items: end; }
.player-stat-insight-number strong { color: #42ee88; font: 800 27px/1 var(--font-mono); }
.player-stat-insight-number > span { margin-top: 2px; color: #81918c; font-size: 10px; }
.player-stat-insight-number small { margin-top: 5px; color: #b7c4c0; font: 700 9px/1 var(--font-mono); }
.player-stat-insight-trend { height: 42px; display: flex; align-items: end; gap: 4px; padding: 0 4px 4px; border-bottom: 1px dashed rgba(82, 128, 106, .45); }
.player-stat-insight-trend i { flex: 1; min-height: 5px; max-height: 100%; border-radius: 3px 3px 1px 1px; background: linear-gradient(#43ef89, #159c54); }
.player-stat-insight-evidence { grid-column: 1 / -1; display: flex; gap: 8px; flex-wrap: wrap; padding-top: 10px; border-top: 1px solid #132923; }
.player-stat-insight-evidence span { border-radius: 999px; padding: 5px 9px; color: #82918d; background: #0b1a1c; font: 600 9px/1 var(--font-mono); }
.player-stat-insight-summary { margin-top: 4px; padding: 14px; border: 1px solid rgba(38, 223, 111, .23); border-radius: 10px; background: rgba(21, 112, 62, .09); }
.player-stat-insight-summary span { color: #41ed88; font: 800 10px/1 var(--font-mono); letter-spacing: .06em; }
.player-stat-insight-summary p { margin: 8px 0 0; color: #c2cfcb; font-size: 13px; line-height: 1.55; }
.player-stat-insight-empty { padding: 22px; text-align: center; border: 1px dashed #274138; border-radius: 10px; }
.player-stat-insight-empty strong { color: #e1ebe7; }
.player-stat-insight-empty p { margin: 7px 0 0; color: #81908c; font-size: 12px; }
.player-stat-insights > footer { display: flex; justify-content: space-between; gap: 10px; margin-top: 13px; color: #60736d; font: 600 9px/1.3 var(--font-mono); }

/* Refined Player Stat Insights presentation. This block intentionally follows
   the legacy preview rules so the user-facing panel has one final visual system. */
.player-stat-insights {
  overflow: hidden;
  padding: 28px !important;
  border: 1px solid rgba(38, 214, 132, .16) !important;
  border-radius: 18px !important;
  background: #07110f !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .02);
}
.player-stat-insights-header { align-items: center; }
.player-stat-insights-header > div > span { display: flex; align-items: center; gap: 9px; color: #f1f5f4; font: 700 22px/1.2 var(--font-sans); letter-spacing: .02em; }
.player-stat-insights-header > div > span svg { width: 19px; height: 19px; color: #2ddb8a; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.player-stat-insights-header small { color: #8c9c98; font: 400 14px/1.4 var(--font-sans); }
.player-stat-insights-header em { border-color: rgba(45, 219, 138, .28); padding: 8px 14px; color: #52e69a; background: rgba(39, 190, 115, .06); font: 600 11px/1 var(--font-sans); font-style: normal; }
.player-stat-insights-header em.ready { color: #52e69a; border-color: rgba(45, 219, 138, .28); }
.player-stat-insights-header em.provisional { color: #d8af4a; border-color: rgba(216, 175, 74, .28); background: rgba(216, 175, 74, .05); }
.player-stat-insight-controls { justify-content: space-between; gap: 18px; margin: 24px 0; }
.player-stat-insight-controls > div { width: min(500px, 68%); min-height: 46px; display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 12px; background: #091512; }
.player-stat-insight-controls button { min-height: 38px; border: 1px solid transparent; border-radius: 9px; padding: 0 16px; color: #75837f; background: transparent; font: 700 12px/1 var(--font-sans); text-transform: uppercase; transition: 180ms ease; }
.player-stat-insight-controls button.active { border-color: rgba(45, 219, 138, .4); color: #38e792; background: linear-gradient(90deg, rgba(24, 152, 92, .35), rgba(20, 92, 65, .2)); box-shadow: none; }
.player-stat-insight-controls > span { display: flex; align-items: center; gap: 7px; margin-left: 0; color: #8d9a97; font-size: 13px; white-space: nowrap; }
.player-stat-insight-controls > span svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.player-stat-insight-window.active { gap: 12px; }
.player-stat-insight-card {
  grid-template-columns: 64px minmax(180px, 1fr) 120px minmax(150px, 190px);
  grid-template-areas: "icon copy number chart" "icon meaning meaning chart" "evidence evidence evidence evidence";
  gap: 14px 18px;
  min-height: 200px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 16px;
  background: #091411;
  transition: 180ms ease;
}
@media (hover: hover) { .player-stat-insight-card:hover { border-color: rgba(45, 219, 138, .22); background: #0a1713; transform: translateY(-1px); } }
.player-stat-insight-icon { grid-area: icon; width: 64px; height: 64px; display: grid; place-items: center; align-self: start; border: 1px solid color-mix(in srgb, var(--insight-accent) 22%, transparent); border-radius: 50%; color: var(--insight-accent); background: color-mix(in srgb, var(--insight-accent) 4%, transparent); }
.player-stat-insight-icon svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.player-stat-insight-copy { grid-area: copy; align-self: end; }
.player-stat-insight-copy > span { color: #f3f6f5; font: 700 17px/1.2 var(--font-sans); letter-spacing: .02em; }
.player-stat-insight-copy strong { margin-top: 6px; color: #9aa7a3; font: 400 13px/1.4 var(--font-sans); }
.player-stat-insight-number { grid-area: number; justify-items: start; align-self: end; }
.player-stat-insight-number strong { color: var(--insight-accent); font: 700 32px/1 var(--font-sans); }
.player-stat-insight-number > span { margin-top: 5px; color: #889590; font: 400 12px/1.2 var(--font-sans); }
.player-stat-insight-meaning { grid-area: meaning; display: flex; align-items: center; gap: 18px; }
.player-stat-insight-meaning small { flex: 0 0 auto; max-width: 180px; border: 1px solid color-mix(in srgb, var(--insight-accent) 18%, transparent); border-radius: 8px; padding: 6px 9px; color: var(--insight-accent); background: color-mix(in srgb, var(--insight-accent) 7%, transparent); font: 600 12px/1.25 var(--font-sans); }
.player-stat-insight-meaning p { margin: 0; max-width: 220px; color: #abb5b2; font: 400 13px/1.5 var(--font-sans); }
.player-stat-insight-trend { grid-area: chart; position: relative; height: 75px; display: flex; align-items: end; gap: 8px; padding: 4px 38px 10px 4px; border: 0; }
.player-stat-insight-trend::before { content: ""; position: absolute; left: 0; right: 34px; top: 58%; border-top: 1px dashed rgba(255, 255, 255, .28); }
.player-stat-insight-trend i { position: relative; z-index: 1; flex: 1; min-height: 4px; max-height: 100%; border-radius: 3px 3px 1px 1px; background: linear-gradient(to bottom, var(--insight-accent), color-mix(in srgb, var(--insight-accent) 18%, transparent)); opacity: .9; }
.player-stat-insight-trend span { position: absolute; right: 0; top: calc(58% - 5px); color: #71807b; font: 500 9px/1 var(--font-sans); text-transform: uppercase; }
.player-stat-insight-chart-empty { grid-area: chart; min-height: 75px; display: grid; place-items: center; color: #71807b; font: 500 12px/1.4 var(--font-sans); text-align: center; }
.player-stat-insight-evidence { grid-area: evidence; grid-column: auto; display: flex; justify-content: space-between; gap: 14px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .05); }
.player-stat-insight-evidence span { padding: 0; color: #8e9b97; background: transparent; font: 500 12px/1.3 var(--font-sans); }
.player-stat-insight-evidence b { color: #b7c2be; font-weight: 600; }
.player-stat-insight-summary { display: flex; align-items: center; gap: 16px; margin-top: 4px; padding: 18px; border: 1px solid rgba(45, 219, 138, .2); border-radius: 14px; background: rgba(22, 120, 78, .08); }
.player-stat-insight-summary > i { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(45, 219, 138, .24); border-radius: 50%; color: #32df8b; }
.player-stat-insight-summary > i svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.player-stat-insight-summary div { min-width: 0; }
.player-stat-insight-summary span { color: #41ed88; font: 700 12px/1 var(--font-sans); letter-spacing: .04em; text-transform: uppercase; }
.player-stat-insight-summary p { margin: 7px 0 0; color: #c2cfcb; font: 400 13px/1.55 var(--font-sans); }
.player-stat-insight-empty { padding: 26px; border-color: rgba(45, 219, 138, .2); border-radius: 14px; }

.fantasy-player-insights-page {
  display: grid;
  gap: 14px;
  padding: 20px;
  color: #edf5f1;
}
.fantasy-player-insights-hero {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 22px;
  border: 1px solid rgba(36, 223, 112, .3);
  border-radius: 14px;
  background: radial-gradient(circle at 14% 0, rgba(37, 225, 112, .2), transparent 37%), linear-gradient(135deg, #07191a, #071216);
}
.fantasy-player-insights-hero span { color: #42ef89; font: 800 11px/1 var(--font-mono); letter-spacing: .08em; }
.fantasy-player-insights-hero h1 { margin: 7px 0 5px; font: 800 clamp(24px, 4vw, 39px)/1 var(--font-sans); }
.fantasy-player-insights-hero p { margin: 0; max-width: 670px; color: #8b9a96; font-size: 13px; }
.fantasy-player-insights-hero aside { min-width: 105px; display: grid; place-content: center; text-align: center; border-left: 1px solid #1c3b30; }
.fantasy-player-insights-hero aside strong { color: #45ef8c; font: 800 28px/1 var(--font-mono); }
.fantasy-player-insights-hero aside span { margin-top: 7px; color: #93a29e; font-size: 9px; letter-spacing: 0; }
.fantasy-player-insights-note { display: flex; align-items: center; gap: 14px; padding: 12px 15px; border: 1px solid rgba(255, 201, 67, .28); border-radius: 10px; background: rgba(255, 187, 34, .06); }
.fantasy-player-insights-note.ready { border-color: rgba(43, 224, 113, .3); background: rgba(43, 224, 113, .06); }
.fantasy-player-insights-note strong { color: #ffd060; font-size: 12px; }
.fantasy-player-insights-note.ready strong { color: #42ed88; }
.fantasy-player-insights-note span { color: #8c9b96; font-size: 11px; }
.fantasy-player-insights-filters { display: flex; justify-content: space-between; gap: 12px; overflow-x: auto; }
.fantasy-player-insights-filters > div { display: flex; gap: 6px; }
.fantasy-player-insights-filters button { min-width: 58px; padding: 0 12px; }
.fantasy-player-insights-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; }
.fantasy-stat-rank-card { overflow: hidden; border: 1px solid #1a332b; border-radius: 11px; background: linear-gradient(135deg, #071519, #071115); }
.fantasy-stat-rank-main { width: 100%; display: grid; grid-template-columns: 48px 42px minmax(0, 1fr) 54px 64px; gap: 10px; align-items: center; padding: 12px 14px; border: 0; color: inherit; background: transparent; text-align: left; }
.fantasy-stat-rank-main .mini-kit { width: 38px; height: 38px; object-fit: contain; }
.fantasy-stat-rank-number { display: grid; color: #40ee87; font: 800 22px/1 var(--font-mono); text-align: center; }
.fantasy-stat-rank-number small { margin-top: 4px; color: #70817c; font-size: 8px; }
.fantasy-stat-rank-player { min-width: 0; display: grid; gap: 4px; }
.fantasy-stat-rank-player strong { overflow: hidden; color: #e9f1ee; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.fantasy-stat-rank-player small { overflow: hidden; color: #748580; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.fantasy-stat-rank-move { text-align: center; font: 800 9px/1 var(--font-mono); }
.fantasy-stat-rank-move .up { color: #42ed88; }
.fantasy-stat-rank-move .down { color: #ff6877; }
.fantasy-stat-rank-move .new { color: #62b7ff; }
.fantasy-stat-rank-move .steady { color: #768782; }
.fantasy-stat-rank-points { display: grid; justify-items: end; }
.fantasy-stat-rank-points strong { color: #f1f6f4; font: 800 18px/1 var(--font-mono); }
.fantasy-stat-rank-points small { margin-top: 4px; color: #6f807b; font-size: 8px; }
.fantasy-stat-rank-evidence { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 12px; border-top: 1px solid #132923; }
.fantasy-stat-rank-evidence .recommendation { min-width: 46px; border: 1px solid #315043; border-radius: 999px; padding: 5px 7px; color: #a7b6b1; font: 800 9px/1 var(--font-mono); text-align: center; }
.fantasy-stat-rank-evidence .recommendation.buy { color: #41ed88; border-color: #248a50; }
.fantasy-stat-rank-evidence .recommendation.sell { color: #ff6a79; border-color: #7d3440; }
.fantasy-stat-rank-evidence .recommendation.hold { color: #ffd05c; border-color: #736027; }
.fantasy-stat-rank-evidence p { margin: 0; color: #a9b6b2; font-size: 10px; line-height: 1.35; }
.fantasy-stat-rank-evidence > span:last-child { color: #5fd991; font: 700 9px/1 var(--font-mono); }
.fantasy-player-insights-page > footer { color: #5f726c; font: 600 9px/1.4 var(--font-mono); text-align: right; }

@media (max-width: 760px) {
  .profile-tabs button {
    min-width: 0;
    padding-inline: 2px !important;
    font-size: 10px !important;
    line-height: 1.15;
  }
  .player-stat-insights-header { align-items: flex-start; }
  .player-stat-insights { padding: 16px !important; }
  .player-stat-insights-header { gap: 8px; }
  .player-stat-insights-header > div { min-width: 0; }
  .player-stat-insights-header > div > span { gap: 6px; font-size: 16px; letter-spacing: 0; white-space: nowrap; }
  .player-stat-insights-header > div > span svg { width: 17px; height: 17px; flex: 0 0 auto; }
  .player-stat-insights-header small { font-size: 12px; }
  .player-stat-insights-header em { max-width: 96px; flex: 0 0 auto; padding: 6px 8px; font-size: 9px; line-height: 1.2; text-align: center; }
  .player-stat-insight-controls { flex-wrap: wrap; }
  .player-stat-insight-controls > div { width: 100%; min-height: 44px; }
  .player-stat-insight-controls > span { width: 100%; justify-content: flex-end; margin: 0; }
  .player-stat-insight-card {
    grid-template-columns: 48px minmax(0, 1fr) auto;
    grid-template-areas: "icon copy number" "meaning meaning meaning" "chart chart chart" "evidence evidence evidence";
    gap: 13px 12px;
    min-height: 210px;
    padding: 16px;
  }
  .player-stat-insight-icon { width: 48px; height: 48px; }
  .player-stat-insight-icon svg { width: 22px; height: 22px; }
  .player-stat-insight-copy { align-self: center; }
  .player-stat-insight-copy > span { font-size: 15px; }
  .player-stat-insight-copy strong { margin-top: 4px; font-size: 12px; }
  .player-stat-insight-number { align-self: center; justify-items: end; text-align: right; }
  .player-stat-insight-number strong { font-size: 27px; }
  .player-stat-insight-number > span { font-size: 10px; }
  .player-stat-insight-meaning { align-items: flex-start; flex-direction: column; gap: 9px; }
  .player-stat-insight-meaning small { max-width: 100%; }
  .player-stat-insight-meaning p { max-width: none; }
  .player-stat-insight-trend { grid-column: auto; width: min(100%, 250px); height: 58px; justify-self: stretch; }
  .player-stat-insight-chart-empty { min-height: 54px; }
  .player-stat-insight-evidence { align-items: flex-start; flex-direction: column; gap: 5px; }
  .player-stat-insight-summary { align-items: flex-start; padding: 16px; }
  .fantasy-player-insights-page { padding: 12px; }
  .fantasy-player-insights-hero { padding: 17px; }
  .fantasy-player-insights-hero aside { min-width: 78px; }
  .fantasy-player-insights-note { align-items: flex-start; flex-direction: column; gap: 5px; }
  .fantasy-player-insights-filters { flex-direction: column; }
  .fantasy-player-insights-filters > div { min-width: max-content; }
  .fantasy-player-insights-list { grid-template-columns: 1fr; }
  .fantasy-stat-rank-main { grid-template-columns: 40px 36px minmax(0, 1fr) 40px 52px; gap: 6px; padding: 10px 8px; }
  .fantasy-stat-rank-main .mini-kit { width: 32px; height: 32px; }
  .fantasy-stat-rank-evidence { grid-template-columns: auto minmax(0, 1fr); }
  .fantasy-stat-rank-evidence > span:last-child { grid-column: 2; }
}

/* FPL Fixture Planner · xGolo Fixture Advantage */
:root {
  --fp-bg: #071014;
  --fp-panel: #0b151a;
  --fp-panel-2: #0e1b21;
  --fp-line: rgba(144, 171, 181, 0.2);
  --fp-muted: #8b9da5;
  --fp-green: #39e681;
  --fp-green-deep: #113c27;
  --fp-blue: #72b5ff;
  --fp-yellow: #f2d53d;
  --fp-orange: #ff9248;
  --fp-red: #ff675d;
}

body.fixture-planner-active .desktop-intel-rail {
  display: none;
}

@media (min-width: 1024px) {
  body.fixture-planner-active main {
    margin-right: 0;
    padding-right: 24px;
    padding-left: 24px;
  }

  body.fixture-planner-active .header {
    right: 0;
  }

  body.fixture-planner-active #page-fixture-planner.active {
    width: 100%;
    max-width: 1500px;
  }
}

/* Membership plans v2 — local review surface. */
.membership-account-v2 {
  --membership-line: rgba(104, 145, 155, .24);
  --membership-panel: rgba(7, 17, 21, .92);
  --membership-muted: #92a1a4;
  display: grid;
  gap: 24px;
  width: min(100%, 1240px);
  margin: 0 auto;
  padding: 26px 4px 42px;
}

.membership-account-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
  gap: 28px;
  align-items: center;
}

.membership-account-heading h1 {
  margin: 7px 0 6px;
  color: #f5f7f7;
  font-size: clamp(34px, 4vw, 54px);
  line-height: .98;
  letter-spacing: -.045em;
}

.membership-account-heading > div > p {
  max-width: 530px;
  margin: 0;
  color: var(--membership-muted);
  font-size: 16px;
  line-height: 1.55;
}

.membership-identity-card,
.membership-signin-card {
  min-height: 112px;
  border: 1px solid rgba(30, 206, 102, .42);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(13, 37, 29, .82), rgba(6, 15, 19, .96));
  box-shadow: inset 0 0 30px rgba(28, 190, 91, .04);
}

.membership-identity-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
}

.membership-identity-card > span {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 50%;
  color: #07130d;
  background: linear-gradient(135deg, #54db55, #1fc868);
  font-size: 25px;
  font-weight: 900;
}

.membership-identity-card div { display: grid; gap: 3px; min-width: 0; }
.membership-identity-card strong { overflow: hidden; color: #f4f7f6; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.membership-identity-card small { overflow: hidden; color: var(--membership-muted); text-overflow: ellipsis; white-space: nowrap; }
.membership-identity-card b { color: #2fdc7b; font-size: 11px; font-weight: 700; }
.membership-identity-card button,
.membership-signin-card button { border: 1px solid rgba(43, 212, 111, .36); background: rgba(5, 19, 15, .72); color: #f1f5f3; }

.membership-account-v2 button {
  min-height: 48px;
  padding: 0 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.membership-identity-card > button { min-width: 132px; }

.membership-owner-tools {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid rgba(45, 219, 138, .22);
  border-radius: 14px;
  padding: 10px;
  background: rgba(10, 31, 23, .68);
}
.membership-owner-tools span { margin-right: 4px; color: #43e48d; font: 800 10px/1 var(--font-mono); letter-spacing: .08em; }
.membership-owner-tools a { min-height: 40px; display: inline-flex; align-items: center; border: 1px solid var(--membership-line); border-radius: 10px; padding: 0 14px; color: #dfe8e4; background: rgba(4, 15, 12, .7); font-size: 12px; font-weight: 750; text-decoration: none; }
.membership-owner-tools a:hover { border-color: rgba(45, 219, 138, .42); color: #43e48d; }

.membership-signin-card { display: grid; gap: 9px; padding: 16px 18px; }
.membership-signin-card > strong { color: #f2f6f4; font-size: 16px; }
.membership-signin-card > p { margin: 0; color: var(--membership-muted); font-size: 12px; }
.membership-signin-card > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.membership-signin-card input,
.membership-promo-card input { min-width: 0; min-height: 54px; padding: 0 16px; border: 1px solid var(--membership-line); border-radius: 12px; background: rgba(4, 13, 17, .88); color: #f4f7f6; font-size: 15px; }
.membership-signin-card button,
.membership-plan-card > button,
.membership-promo-card button { min-height: 54px; }

.membership-cycle-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.membership-cycle-switch > span { color: var(--membership-muted); font-size: 12px; }
.membership-cycle-switch button { min-width: 140px; border: 1px solid var(--membership-line); border-radius: 999px; background: rgba(7, 17, 21, .9); color: #d5dddc; }
.membership-cycle-switch button.active { border-color: #27c96f; color: #2ddb7a; background: rgba(22, 108, 61, .24); box-shadow: 0 0 20px rgba(26, 209, 105, .08); }
.membership-cycle-switch em { padding: 6px 9px; border-radius: 7px; color: #29d879; background: rgba(27, 168, 88, .12); font-size: 10px; font-style: normal; }

.membership-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.membership-plan-card {
  position: relative;
  display: flex;
  min-height: 420px;
  flex-direction: column;
  gap: 15px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(155, 103, 218, .3);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(15, 18, 30, .97), rgba(5, 14, 18, .98));
}

.membership-plan-card.best-value {
  border-color: rgba(37, 219, 116, .75);
  background: radial-gradient(circle at 80% 4%, rgba(31, 200, 98, .18), transparent 42%), linear-gradient(145deg, rgba(9, 32, 23, .98), rgba(5, 14, 18, .98));
  box-shadow: 0 0 30px rgba(28, 218, 110, .12), inset 0 0 28px rgba(28, 218, 110, .04);
}

.membership-plan-card.current { box-shadow: 0 0 0 2px rgba(45, 220, 122, .22); }
.membership-best-badge { align-self: flex-start; padding: 6px 9px; border-radius: 7px; color: #35de83; background: rgba(25, 153, 80, .15); font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.membership-plan-card > header { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 14px; align-items: center; }
.membership-plan-icon { display: grid; width: 58px; height: 58px; place-items: center; overflow: hidden; border: 1px solid rgba(172, 103, 225, .42); border-radius: 50%; color: #d183f0; background: rgba(83, 35, 107, .15); font-size: 26px; }
.membership-plan-pro .membership-plan-icon { border-color: rgba(43, 220, 119, .5); color: #35dc7e; background: rgba(22, 113, 61, .17); }
.membership-plan-icon img,
.xg-home-plan-icon img,
.desktop-membership-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.membership-plan-card header b { color: #cc74ee; font-size: 16px; }
.membership-plan-pro header b { color: #32dd7e; }
.membership-plan-card header p { margin: 3px 0 0; color: var(--membership-muted); font-size: 12px; line-height: 1.45; }
.membership-plan-price { display: flex; align-items: baseline; gap: 4px; margin-top: 5px; }
.membership-plan-price strong { color: #f7f8f8; font-size: 36px; line-height: 1; letter-spacing: -.04em; }
.membership-plan-price small { color: #b7c0c0; }
.membership-yearly-note { margin: -7px 0 2px; color: #adb8b8; font-size: 13px; }
.membership-yearly-note em { color: #2fdc7d; font-style: normal; }
.membership-plan-card ul { display: grid; gap: 11px; margin: 3px 0 8px; padding: 18px 0 0; border-top: 1px solid rgba(119, 151, 158, .16); list-style: none; }
.membership-plan-card li { color: #c8d0cf; font-size: 13px; line-height: 1.35; }
.membership-plan-card li::before { margin-right: 9px; color: #35dc7e; content: '\2713'; }
.membership-plan-card > button { width: 100%; margin-top: auto; border: 1px solid rgba(170, 102, 224, .55); background: rgba(58, 29, 78, .16); color: #d287ef; }
.membership-plan-pro > button { border-color: #31d878; color: #07150d; background: linear-gradient(135deg, #42dc7c, #1ebd61); font-weight: 800; }
.membership-plan-card > button:disabled { opacity: .65; color: #a7b0ae; background: rgba(27, 42, 43, .6); cursor: default; }

.membership-account-bottom { display: grid; grid-template-columns: 1fr; gap: 18px; }
.membership-promo-card { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 14px; align-items: start; min-height: 120px; padding: 20px; border: 1px solid var(--membership-line); border-radius: 16px; background: var(--membership-panel); }
.membership-promo-card > span { display: grid; width: 46px; height: 46px; place-items: center; overflow: hidden; border: 1px solid rgba(42, 218, 117, .45); border-radius: 50%; color: #38dc80; background: rgba(22, 113, 61, .17); font-size: 21px; }
.membership-promo-card > span img { display: block; width: 100%; height: 100%; object-fit: contain; }
.membership-promo-card strong { color: #eff3f1; font-size: 16px; }
.membership-promo-card p { margin: 5px 0 0; color: var(--membership-muted); font-size: 12px; line-height: 1.5; }
.membership-promo-card > div > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; margin-top: 13px; }
.membership-promo-card button { min-width: 124px; border-color: rgba(42, 219, 118, .4); color: #36da7d; background: rgba(24, 104, 60, .13); }
.membership-support-card { overflow: hidden; border: 1px solid var(--membership-line); border-radius: 18px; background: linear-gradient(145deg, rgba(8, 22, 18, .96), rgba(5, 14, 18, .98)); }
.membership-support-card.open { border-color: rgba(43, 212, 111, .48); box-shadow: 0 0 34px rgba(23, 191, 93, .08); }
.membership-support-card > header { display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; gap: 14px; align-items: center; min-height: 108px; padding: 20px; }
.membership-support-icon { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(43, 218, 117, .45); border-radius: 50%; color: #38dc80; background: rgba(22, 113, 61, .17); font-size: 22px; font-weight: 900; }
.membership-support-card > header strong { color: #eff3f1; font-size: 17px; }
.membership-support-card > header p { max-width: 680px; margin: 5px 0 0; color: var(--membership-muted); font-size: 12px; line-height: 1.55; }
.membership-support-card > header button { min-width: 156px; border: 1px solid rgba(42, 219, 118, .4); color: #36da7d; background: rgba(24, 104, 60, .13); }
.membership-support-body { display: grid; grid-template-columns: minmax(300px, .85fr) minmax(420px, 1.15fr); gap: 18px; padding: 0 20px 20px; border-top: 1px solid rgba(104, 145, 155, .14); }
.membership-support-form,
.membership-support-history { margin-top: 20px; padding: 20px; border: 1px solid rgba(104, 145, 155, .2); border-radius: 16px; background: rgba(3, 12, 15, .72); }
.membership-support-form { display: grid; align-content: start; gap: 15px; }
.membership-support-form h2,
.membership-support-history h2 { margin: 4px 0 0; color: #f2f6f4; font-size: 21px; }
.membership-support-form label,
.membership-support-reply label { display: grid; gap: 7px; color: #b9c5c2; font-size: 11px; font-weight: 750; }
.support-form-grid { display: grid; grid-template-columns: minmax(130px, .7fr) minmax(180px, 1.3fr); gap: 10px; }
.membership-support-form input,
.membership-support-form select,
.membership-support-form textarea,
.membership-support-reply textarea { width: 100%; min-width: 0; border: 1px solid rgba(104, 145, 155, .3); border-radius: 11px; outline: 0; background: rgba(2, 10, 13, .9); color: #f2f6f4; font: inherit; }
.membership-support-form input,
.membership-support-form select { min-height: 50px; padding: 0 13px; }
.membership-support-form textarea,
.membership-support-reply textarea { min-height: 100px; padding: 12px 13px; resize: vertical; line-height: 1.5; }
.membership-support-form input:focus,
.membership-support-form select:focus,
.membership-support-form textarea:focus,
.membership-support-reply textarea:focus { border-color: #2ed778; box-shadow: 0 0 0 3px rgba(46, 215, 120, .1); }
.support-form-action { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.support-form-action small { color: #7f8e90; font-size: 10px; line-height: 1.4; }
.support-form-action button,
.membership-support-reply button { border: 1px solid #31d878; color: #07150d; background: linear-gradient(135deg, #42dc7c, #1ebd61); }
.membership-support-history { min-width: 0; }
.membership-support-history > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.membership-support-history > header button { width: 48px; min-height: 48px; padding: 0; border: 1px solid rgba(104, 145, 155, .28); color: #aab8b5; background: rgba(9, 22, 24, .8); font-size: 20px; }
.membership-support-history > div { display: grid; gap: 10px; }
.membership-support-ticket { overflow: hidden; border: 1px solid rgba(104, 145, 155, .2); border-radius: 13px; background: rgba(7, 18, 21, .8); }
.membership-support-ticket > summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px; cursor: pointer; list-style: none; }
.membership-support-ticket > summary::-webkit-details-marker { display: none; }
.membership-support-ticket > summary > div { display: grid; min-width: 0; gap: 5px; }
.membership-support-ticket > summary strong { overflow: hidden; color: #eaf0ee; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.membership-support-ticket > summary small,
.membership-support-ticket > summary time { color: #7f8e90; font-size: 9px; }
.support-status { width: fit-content; padding: 4px 7px; border-radius: 999px; font-size: 9px; font-weight: 850; }
.support-status.open { color: #f4c95d; background: rgba(244, 201, 93, .1); }
.support-status.waiting { color: #70b7ff; background: rgba(112, 183, 255, .1); }
.support-status.resolved { color: #3ddb7f; background: rgba(61, 219, 127, .1); }
.membership-support-thread { display: grid; gap: 9px; padding: 15px; border-top: 1px solid rgba(104, 145, 155, .15); background: rgba(2, 9, 11, .62); }
.support-message { width: min(88%, 520px); padding: 11px 13px; border: 1px solid rgba(104, 145, 155, .18); border-radius: 12px; background: #0a1719; }
.support-message.user { justify-self: end; border-color: rgba(50, 210, 117, .24); background: rgba(20, 75, 49, .22); }
.support-message header { display: flex; justify-content: space-between; gap: 10px; }
.support-message header strong { color: #43da82; font-size: 10px; }
.support-message header time { color: #6f7d7e; font-size: 8px; }
.support-message p { margin: 7px 0 0; color: #c7d0ce; font-size: 11px; line-height: 1.5; white-space: pre-wrap; }
.membership-support-reply { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: end; padding: 0 15px 15px; background: rgba(2, 9, 11, .62); }
.membership-support-reply textarea { min-height: 72px; }
.membership-support-reply button { min-width: 112px; }
.membership-support-empty { display: grid; min-height: 110px; place-content: center; gap: 5px; padding: 16px; border: 1px dashed rgba(104, 145, 155, .24); border-radius: 13px; color: #778789; text-align: center; font-size: 11px; }
.membership-support-empty strong { color: #aab7b5; font-size: 13px; }
.membership-support-notice { grid-column: 1 / -1; padding: 11px 14px; border-radius: 10px; font-size: 11px; }
.membership-support-notice.success { border: 1px solid rgba(50, 218, 122, .3); color: #43dc82; background: rgba(25, 118, 65, .14); }
.membership-support-notice.error { border: 1px solid rgba(248, 113, 113, .3); color: #f98c8c; background: rgba(124, 39, 39, .13); }
.membership-secure-note { margin: -4px 0 0; color: #7f8e90; text-align: center; font-size: 11px; }
.membership-legal-links { display: flex; justify-content: center; gap: 9px; margin-top: -17px; color: #728184; font-size: 10px; }

/* Compact plan selector on the Home dashboard. */
.xg-home-membership-plans { display: grid; gap: 12px; padding: 17px; border: 1px solid rgba(47, 190, 103, .26); border-radius: 16px; background: linear-gradient(145deg, rgba(6, 20, 17, .96), rgba(5, 13, 17, .98)); }
.xg-home-membership-plans > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.xg-home-membership-plans h2 { margin: 0; color: #f3f7f5; font-size: 22px; }
.xg-home-membership-plans header p { margin: 4px 0 0; color: #8f9e9f; font-size: 12px; }
.xg-home-membership-plans header button { border: 1px solid rgba(46, 209, 113, .4); color: #36db7d; background: rgba(20, 91, 53, .13); }
.xg-home-membership-plans > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.xg-home-plan-card { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 8px 11px; align-items: center; min-height: 130px; padding: 14px; border: 1px solid rgba(164, 100, 216, .28); border-radius: 13px; background: rgba(8, 16, 22, .84); }
.xg-home-plan-card.best-value { border-color: rgba(45, 219, 119, .7); box-shadow: inset 0 0 20px rgba(32, 195, 99, .06); }
.xg-home-plan-best { position: absolute; top: -8px; right: 10px; padding: 4px 7px; border-radius: 6px; color: #36dc7f; background: #0c2f1e; font-size: 8px; font-weight: 800; }
.xg-home-plan-icon { display: grid; width: 40px; height: 40px; place-items: center; overflow: hidden; border: 1px solid rgba(166, 101, 218, .43); border-radius: 50%; color: #d07bec; font-size: 20px; }
.xg-home-plan-copy b { color: #cf76ed; font-size: 13px; }
.xg-home-plan-card.best-value .xg-home-plan-copy b { color: #37dc7f; }
.xg-home-plan-copy p { margin: 3px 0 0; color: #8d9a9b; font-size: 9px; line-height: 1.35; }
.xg-home-plan-price { display: grid; min-width: 92px; grid-template-columns: auto 1fr; align-items: baseline; }
.xg-home-plan-price strong { color: #f4f7f6; font-size: 22px; }
.xg-home-plan-price small { color: #9ca7a7; font-size: 9px; }
.xg-home-plan-price em { grid-column: 1 / -1; color: #34d97b; font-size: 8px; font-style: normal; }
.xg-home-plan-card > button { grid-column: 2 / -1; width: 100%; border: 1px solid rgba(47, 207, 112, .38); color: #36dc7e; background: rgba(21, 98, 57, .14); }
.xg-home-plan-card.best-value > button { color: #06150c; background: linear-gradient(135deg, #40db7b, #1ebc60); font-weight: 800; }

/* Desktop uses the dedicated membership rail; keep this selector on mobile. */
@media (min-width: 1024px) {
  .xg-home-membership-plans { display: none; }
}

@media (min-width: 921px) and (max-width: 1360px) {
  .membership-account-heading { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 920px) {
  .membership-account-heading { grid-template-columns: 1fr; }
  .membership-plan-grid { grid-template-columns: 1fr; }
  .membership-plan-card { min-height: 0; }
  .membership-account-bottom { grid-template-columns: 1fr; }
  .membership-support-body { grid-template-columns: 1fr; }
  .xg-home-membership-plans > div { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .membership-account-v2 { gap: 16px; padding: 16px 0 30px; }
  .membership-account-v2 button { width: 100%; min-height: 52px; padding-inline: 16px; font-size: 15px; }
  .membership-account-heading { gap: 16px; }
  .membership-account-heading h1 { font-size: 34px; }
  .membership-account-heading > div > p { font-size: 14px; }
  .membership-identity-card { grid-template-columns: 48px minmax(0, 1fr); min-height: 96px; padding: 14px; }
  .membership-identity-card > span { width: 48px; height: 48px; }
  .membership-identity-card > button { grid-column: 1 / -1; width: 100%; }
  .membership-owner-tools { align-items: stretch; flex-direction: column; }
  .membership-owner-tools span { padding: 4px 4px 1px; }
  .membership-owner-tools a { justify-content: space-between; min-height: 46px; }
  .membership-signin-card > div { grid-template-columns: 1fr; }
  .membership-signin-card input,
  .membership-promo-card input,
  .membership-signin-card button,
  .membership-plan-card > button,
  .membership-promo-card button { min-height: 56px; }
  .membership-cycle-switch { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; border: 1px solid var(--membership-line); border-radius: 999px; }
  .membership-cycle-switch > span { display: none; }
  .membership-cycle-switch button { min-width: 0; }
  .membership-cycle-switch em { grid-column: 1 / -1; justify-self: center; margin: 4px 0 2px; }
  .membership-plan-grid { margin-top: 7px; }
  .membership-plan-card { padding: 18px; }
  .membership-plan-card > header { grid-template-columns: 52px minmax(0, 1fr); }
  .membership-plan-icon { width: 50px; height: 50px; }
  .membership-plan-price strong { font-size: 32px; }
  .membership-promo-card { grid-template-columns: 42px minmax(0, 1fr); padding: 16px; }
  .membership-promo-card > span { width: 40px; height: 40px; }
  .membership-promo-card > div > div { grid-template-columns: 1fr; }
  .membership-promo-card button { min-width: 0; }
  .membership-support-card > header { grid-template-columns: 42px minmax(0, 1fr); padding: 16px; }
  .membership-support-icon { width: 40px; height: 40px; }
  .membership-support-card > header button { grid-column: 1 / -1; min-width: 0; }
  .membership-support-body { gap: 0; padding: 0 12px 12px; }
  .membership-support-form,
  .membership-support-history { padding: 15px; }
  .support-form-grid { grid-template-columns: 1fr; }
  .support-form-action { align-items: stretch; flex-direction: column; }
  .membership-support-ticket > summary { align-items: flex-start; flex-direction: column; }
  .membership-support-reply { grid-template-columns: 1fr; }
  .support-message { width: 94%; }
  .xg-home-membership-plans { padding: 14px; }
  .xg-home-membership-plans > header { align-items: flex-start; }
  .xg-home-membership-plans h2 { font-size: 20px; }
  .xg-home-membership-plans header button { padding-inline: 10px; white-space: nowrap; }
  .xg-home-plan-card { grid-template-columns: 42px minmax(0, 1fr) auto; }
}

/* Decision-first FPL player comparison */
.comparison-decision-page {
  --compare-green: #1ddd78;
  --compare-purple: #b978ff;
  --compare-panel: rgba(5, 16, 22, .92);
  --compare-border: rgba(159, 188, 181, .15);
  width: 100%;
  max-width: 1500px;
  margin-inline: auto;
  grid-template-columns: minmax(0, 1fr);
  gap: 11px;
  color: #eff9f5;
  container-name: comparison-page;
  container-type: inline-size;
  overflow-anchor: none;
}
.comparison-decision-page > * { min-width: 0; }
.comparison-decision-page .comparison-header {
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  text-align: left;
}
.comparison-decision-page .comparison-header h1 { font-size: clamp(28px, 3vw, 40px); }
.comparison-decision-page .comparison-header p { max-width: 720px; font-size: 13px; line-height: 1.5; }
.comparison-decision-page .comparison-selectors {
  top: 70px;
  z-index: 24;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(2, 10, 14, .94);
  padding: 8px;
}
.comparison-mode-panel {
  --compare-green: #1ddd78;
  --compare-purple: #b978ff;
  --compare-border: rgba(159, 188, 181, .15);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border: 1px solid var(--compare-border);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(17, 49, 39, .52), rgba(15, 12, 30, .74));
  padding: 8px 10px;
}
.comparison-mode-panel > span {
  color: rgba(222, 237, 230, .64);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.comparison-mode-panel > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}
.comparison-mode-panel button {
  min-height: 40px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  color: rgba(237, 246, 242, .74);
  font-size: 12px;
  font-weight: 900;
}
.comparison-mode-panel button.active {
  border-color: rgba(29, 221, 120, .58);
  background: linear-gradient(135deg, rgba(29, 221, 120, .32), rgba(29, 221, 120, .08));
  color: #eafff3;
  box-shadow: 0 0 22px rgba(29, 221, 120, .13), inset 0 1px 0 rgba(255,255,255,.08);
}
.comparison-decision-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 156px minmax(0, 1fr);
  align-items: stretch;
  min-height: 208px;
  overflow: hidden;
  border: 1px solid rgba(29, 221, 120, .32);
  border-radius: 15px;
  background:
    radial-gradient(circle at 16% 54%, rgba(29, 221, 120, .20), transparent 30%),
    radial-gradient(circle at 84% 54%, rgba(185, 120, 255, .20), transparent 30%),
    linear-gradient(110deg, rgba(4, 29, 22, .96), rgba(4, 13, 20, .98) 48%, rgba(25, 9, 37, .94));
  box-shadow: 0 22px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.comparison-decision-hero[data-comparison-winner="b"] { border-color: rgba(185, 120, 255, .34); }
.comparison-decision-player {
  position: relative;
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  gap: 6px 16px;
  min-width: 0;
  padding: 18px 10px 12px 22px;
}
.comparison-decision-player.purple {
  grid-template-columns: minmax(0, 1fr) 130px;
  padding: 18px 22px 12px 10px;
  text-align: right;
}
.comparison-decision-player.purple > .comparison-decision-kit { grid-column: 2; grid-row: 1; }
.comparison-decision-player.purple > .comparison-decision-identity { grid-column: 1; grid-row: 1; }
.comparison-decision-player.purple > .comparison-price { right: auto; left: 20px; }
.comparison-decision-page .comparison-decision-kit {
  width: 122px;
  height: 128px;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(29,221,120,.14));
}
.comparison-decision-player.purple .comparison-decision-kit { filter: drop-shadow(0 18px 22px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(185,120,255,.18)); }
.comparison-decision-identity { min-width: 0; }
.comparison-decision-identity > span {
  display: inline-flex;
  border: 1px solid rgba(29,221,120,.35);
  border-radius: 6px;
  color: var(--compare-green);
  background: rgba(29,221,120,.09);
  padding: 4px 7px;
  font-size: 11px;
  font-weight: 950;
}
.purple .comparison-decision-identity > span { border-color: rgba(185,120,255,.35); color: var(--compare-purple); background: rgba(185,120,255,.09); }
.comparison-decision-identity > button {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-top: 8px;
  border: 0;
  background: none;
  color: #fff;
  padding: 0;
  font-size: clamp(21px, 2.4vw, 31px);
  font-weight: 950;
  line-height: 1.06;
  text-align: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comparison-decision-identity > small { display: block; margin-top: 5px; color: rgba(226,237,232,.66); font-size: 13px; font-weight: 800; }
.comparison-price {
  position: absolute;
  top: 18px;
  right: 18px;
  color: var(--compare-green);
  font-size: 13px;
}
.purple .comparison-price { color: var(--compare-purple); }
.comparison-projection-strip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 9px;
  background: rgba(0,0,0,.18);
}
.comparison-projection-strip div { padding: 7px 10px; border-left: 1px solid rgba(255,255,255,.08); }
.comparison-projection-strip div:first-child { border-left: 0; }
.comparison-projection-strip dt { color: rgba(224,235,230,.55); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.comparison-projection-strip dd { margin: 2px 0 0; color: #fff; font-size: 16px; font-weight: 950; }
.comparison-decision-player:not(.purple) .comparison-projection-strip div:first-child dd { color: var(--compare-green); }
.comparison-decision-player.purple .comparison-projection-strip div:first-child dd { color: var(--compare-purple); }
.comparison-edge-score {
  position: relative;
  z-index: 2;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 138px;
  height: 138px;
  justify-self: center;
  border: 2px solid rgba(29,221,120,.62);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(13,50,37,.98), rgba(2,11,16,.98) 68%);
  box-shadow: 0 0 0 7px rgba(29,221,120,.07), 0 0 35px rgba(29,221,120,.28), inset 0 0 32px rgba(29,221,120,.08);
  padding: 18px 10px;
  text-align: center;
}
[data-comparison-winner="b"] .comparison-edge-score { border-color: rgba(185,120,255,.65); box-shadow: 0 0 0 7px rgba(185,120,255,.07), 0 0 35px rgba(185,120,255,.24), inset 0 0 32px rgba(185,120,255,.08); }
.comparison-edge-score > span { color: rgba(230,241,236,.68); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.comparison-edge-score > strong { color: #fff; font: 46px/.82 "Bebas Neue", sans-serif; }
.comparison-edge-score > button { max-width: 100%; overflow: hidden; border: 0; background: none; color: #dffced; padding: 0; font-size: 9px; font-weight: 900; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.comparison-edge-score > small { border-radius: 999px; background: rgba(29,221,120,.15); color: var(--compare-green); padding: 3px 8px; font-size: 8px; font-weight: 900; }
.comparison-edge-score > * { flex: 0 0 auto; }
[data-comparison-winner="b"] .comparison-edge-score > small { background: rgba(185,120,255,.15); color: var(--compare-purple); }
.comparison-signal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.comparison-data-card,
.comparison-fixture-card,
.comparison-role-card,
.comparison-range-card,
.comparison-category-card,
.comparison-ai-card,
.comparison-deep-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--compare-border);
  border-radius: 12px;
  background: linear-gradient(150deg, rgba(8,25,30,.96), rgba(4,12,18,.97));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.comparison-data-card { padding: 11px; }
.comparison-data-card > header,
.comparison-fixture-card > header,
.comparison-role-card > header,
.comparison-range-card > header,
.comparison-category-card > header,
.comparison-ai-card > header,
.comparison-deep-card > header {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  margin-bottom: 7px;
}
.comparison-data-card h2,
.comparison-fixture-card h2,
.comparison-role-card h2,
.comparison-range-card h2,
.comparison-category-card h2,
.comparison-ai-card h2,
.comparison-deep-card h2 { margin: 0; font-size: 13px; font-weight: 950; }
.comparison-signal-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.comparison-signal-row:first-of-type { border-top: 0; }
.comparison-decision-page .comparison-signal-kit {
  width: 28px;
  min-width: 28px;
  height: 30px;
}
.comparison-signal-row strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.comparison-signal-row span { color: rgba(225,236,231,.55); font-size: 9px; }
.comparison-signal-row b {
  color: var(--compare-green);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.comparison-ownership-card .comparison-signal-row b { font-size: 12px; }
.comparison-signal-row.purple b { color: var(--compare-purple); }
.comparison-data-card > footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 7px;
  color: rgba(226,237,232,.6);
  font-size: 10px;
}
.comparison-data-card > footer b:first-of-type { color: var(--compare-green); }
.comparison-data-card > footer b:last-child { color: var(--compare-purple); }
.comparison-transfer-row {
  display: grid;
  grid-template-columns: 28px minmax(60px, .7fr) auto minmax(72px, 1fr);
  align-items: center;
  gap: 6px;
  min-height: 47px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.comparison-transfer-row > strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.comparison-transfer-row > small { grid-column: 2 / -1; color: rgba(225,236,231,.52); font-size: 9px; }
.comparison-momentum { color: var(--compare-green); font-size: 10px; font-weight: 900; }
.comparison-transfer-row.purple .comparison-momentum { color: var(--compare-purple); }
.comparison-transfer-row > i { display: flex; align-items: end; gap: 2px; height: 25px; }
.comparison-transfer-row > i b { flex: 1; min-width: 3px; max-height: 100%; border-radius: 1px; background: var(--compare-green); opacity: .75; }
.comparison-transfer-row.purple > i b { background: var(--compare-purple); }
.comparison-fixture-card { padding: 11px; }
.comparison-fixture-card > header { justify-content: space-between; }
.comparison-fixture-card > header > div { display: flex; align-items: center; gap: 7px; }
.comparison-fixture-card > header > small { color: rgba(225,236,231,.55); font-size: 10px; }
.comparison-fixture-scroll,
.comparison-role-scroll,
.comparison-deep-card > div { overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(127,158,148,.45) rgba(255,255,255,.03); }
.comparison-fixture-card table { width: 100%; min-width: 680px; border-collapse: separate; border-spacing: 2px; }
.comparison-fixture-card th { color: rgba(226,237,232,.54); font-size: 9px; font-weight: 900; }
.comparison-fixture-card tbody th { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 7px; min-width: 135px; color: #fff; text-align: left; }
.comparison-fixture-card tbody th span { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.comparison-fixture-card tbody th small { display: block; color: rgba(226,237,232,.5); font-size: 9px; }
.comparison-fixture-card td { min-width: 88px; height: 49px; border-radius: 5px; color: #06110c; padding: 5px; text-align: center; }
.comparison-fixture-card td.very-easy { background: #2cc867; }
.comparison-fixture-card td.easy { background: #86c832; }
.comparison-fixture-card td.neutral { background: #e8c52b; }
.comparison-fixture-card td.hard { background: #e8782c; }
.comparison-fixture-card td.very-hard { background: #dc3c3c; color: #fff; }
.comparison-fixture-card td.blank { background: rgba(255,255,255,.04); color: rgba(255,255,255,.4); }
.comparison-fixture-card td strong { display: block; font-size: 11px; }
.comparison-fixture-card td small { display: block; margin-top: 3px; font-size: 8px; font-weight: 850; opacity: .74; }
.comparison-fixture-card > footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px 18px; margin-top: 7px; color: rgba(225,236,231,.58); font-size: 10px; }
.comparison-fixture-card > footer b { color: #fff; }
.comparison-role-range-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 10px; }
.comparison-role-card,
.comparison-range-card { padding: 11px; }
.comparison-role-card table { width: 100%; min-width: 650px; border-collapse: collapse; }
.comparison-role-card th,
.comparison-role-card td { height: 37px; border-top: 1px solid rgba(255,255,255,.06); color: rgba(226,237,232,.66); font-size: 9px; text-align: center; }
.comparison-role-card thead th { border-top: 0; }
.comparison-role-card tbody th { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 6px; color: #fff; text-align: left; }
.comparison-role-card tbody tr:first-child td { color: var(--compare-green); }
.comparison-role-card tbody tr.purple td { color: var(--compare-purple); }
.comparison-range-card > header { justify-content: space-between; }
.comparison-range-card > header > span { display: flex; align-items: center; gap: 5px; color: rgba(226,237,232,.5); font-size: 9px; }
.comparison-range-card > header i { width: 6px; height: 6px; border-radius: 50%; background: var(--compare-green); }
.comparison-range-card > header i:nth-of-type(2) { background: var(--compare-purple); }
.comparison-range-labels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-left: 35%; color: rgba(226,237,232,.56); font-size: 9px; }
.comparison-range-row { display: grid; grid-template-columns: 28px minmax(62px, .75fr) repeat(2, minmax(80px, 1fr)); align-items: center; gap: 7px; min-height: 44px; border-top: 1px solid rgba(255,255,255,.06); }
.comparison-range-row > strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.comparison-range-row > span { position: relative; display: block; height: 6px; border-radius: 999px; background: rgba(255,255,255,.08); }
.comparison-range-row > span i { position: absolute; inset: 0 auto 0 0; width: var(--value); border-radius: inherit; background: var(--compare-green); }
.comparison-range-row.purple > span i { background: var(--compare-purple); }
.comparison-range-row > span b { position: absolute; left: 0; bottom: 9px; color: var(--compare-green); font-size: 9px; }
.comparison-range-row.purple > span b { color: var(--compare-purple); }
.comparison-category-card,
.comparison-ai-card,
.comparison-deep-card { padding: 11px; }
.comparison-category-card > div { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
.comparison-category-card article { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 1px 5px; min-width: 0; border: 1px solid rgba(29,221,120,.16); border-radius: 8px; background: rgba(29,221,120,.05); padding: 7px; }
.comparison-category-card article.purple { border-color: rgba(185,120,255,.18); background: rgba(185,120,255,.055); }
.comparison-category-card article > span { grid-row: 1 / 3; align-self: center; color: var(--compare-green); font-size: 18px; }
.comparison-category-card article.purple > span { color: var(--compare-purple); }
.comparison-category-card article small { color: rgba(225,236,231,.55); font-size: 8px; }
.comparison-category-card article strong { overflow: hidden; color: var(--compare-green); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.comparison-category-card article.purple strong { color: var(--compare-purple); }
.comparison-ai-card > header { justify-content: space-between; }
.comparison-ai-card > header span { border-radius: 999px; color: var(--compare-green); background: rgba(29,221,120,.09); padding: 4px 8px; font-size: 9px; font-weight: 900; }
.comparison-ai-card > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.comparison-ai-card button { display: grid; min-width: 0; min-height: 70px; border: 1px solid rgba(29,221,120,.18); border-radius: 9px; background: rgba(29,221,120,.055); color: #fff; padding: 9px; text-align: left; }
.comparison-ai-card button.differential { border-color: rgba(185,120,255,.22); background: rgba(185,120,255,.06); }
.comparison-ai-card button.ceiling { border-color: rgba(247,197,61,.24); background: rgba(247,197,61,.045); }
.comparison-ai-card button strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.comparison-ai-card button small { margin-top: 3px; color: rgba(225,236,231,.52); font-size: 9px; }
.comparison-ai-card button span { order: -1; margin-bottom: 5px; color: var(--compare-green); font-size: 9px; font-weight: 900; }
.comparison-ai-card button.differential span { color: var(--compare-purple); }
.comparison-ai-card button.ceiling span { color: #f7c53d; }
.comparison-deep-card > header { justify-content: space-between; }
.comparison-deep-card > header small { color: rgba(225,236,231,.52); font-size: 9px; }
.comparison-deep-card table { width: 100%; min-width: 900px; border-collapse: collapse; }
.comparison-deep-card th,
.comparison-deep-card td { height: 38px; border: 1px solid rgba(255,255,255,.055); color: rgba(226,237,232,.62); padding: 5px 8px; font-size: 10px; text-align: center; }
.comparison-deep-card thead th { height: 30px; background: rgba(255,255,255,.025); font-size: 9px; }
.comparison-deep-card tbody th { min-width: 170px; padding: 0; }
.comparison-deep-card tbody th button { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 7px; width: 100%; border: 0; background: none; color: #fff; padding: 5px 8px; text-align: left; }
.comparison-deep-card tbody td { color: var(--compare-green); font-weight: 900; }
.comparison-deep-card tbody tr.purple td { color: var(--compare-purple); }
.comparison-decision-page .comparison-power-card {
  min-width: 0;
  border-color: var(--compare-border);
  background: linear-gradient(145deg, rgba(8,25,30,.96), rgba(9,10,24,.97));
  padding: 12px;
}
.comparison-decision-page .comparison-power-card > header { margin-bottom: 8px; }
.comparison-decision-page .comparison-power-card > header h2 { margin: 0; font-size: 13px; }
.comparison-decision-page .comparison-power-card > header small { display: block; margin-top: 3px; color: rgba(225,236,231,.52); font-size: 9px; }
.comparison-decision-page .comparison-power-card .comparison-timeframes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 460px;
  margin: 0 auto 8px;
}
.comparison-decision-page .comparison-power-card .comparison-radar-wrap { grid-template-columns: minmax(72px, .35fr) minmax(240px, 1fr) minmax(72px, .35fr); }
.comparison-decision-page .comparison-power-card .comparison-overall { min-width: 0; text-align: center; }
.comparison-decision-page .comparison-power-card .comparison-overall span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.comparison-decision-page .comparison-power-card .comparison-overall strong { font-size: 42px; }

@container comparison-page (max-width: 800px) {
  .comparison-decision-hero { grid-template-columns: minmax(0, 1fr) 104px minmax(0, 1fr); }
  .comparison-decision-player { grid-template-columns: 78px minmax(0, 1fr); padding-left: 12px; }
  .comparison-decision-player.purple { grid-template-columns: minmax(0, 1fr) 78px; padding-right: 12px; }
  .comparison-decision-page .comparison-decision-kit { width: 74px; height: 82px; }
  .comparison-decision-identity > button { font-size: 20px; }
  .comparison-edge-score { width: 92px; height: 92px; padding: 9px 5px; }
  .comparison-edge-score > strong { font-size: 34px; }
  .comparison-signal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comparison-price-card { grid-column: 1 / -1; }
  .comparison-role-range-grid { grid-template-columns: 1fr; }
  .comparison-category-card > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .comparison-ai-card > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  .comparison-decision-hero { grid-template-columns: minmax(0, 1fr) 128px minmax(0, 1fr); }
  .comparison-decision-player { grid-template-columns: 96px minmax(0, 1fr); padding-left: 14px; }
  .comparison-decision-player.purple { grid-template-columns: minmax(0, 1fr) 96px; padding-right: 14px; }
  .comparison-decision-page .comparison-decision-kit { width: 92px; height: 100px; }
  .comparison-edge-score { width: 114px; height: 114px; padding: 12px 7px; }
  .comparison-edge-score > strong { font-size: 39px; }
  .comparison-signal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comparison-price-card { grid-column: 1 / -1; }
  .comparison-role-range-grid { grid-template-columns: 1fr; }
  .comparison-category-card > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .comparison-ai-card > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .comparison-decision-page { gap: 10px; padding-inline: 0; }
  .comparison-decision-page .comparison-header { padding-inline: 2px; }
  .comparison-decision-page .comparison-header h1 { font-size: 27px; }
  .comparison-decision-page .comparison-header p { font-size: 12px; }
  .comparison-decision-page .comparison-selectors { top: 58px; grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr); gap: 5px; padding: 6px; }
  .comparison-decision-page :is(.comparison-search-field) { min-height: 44px; padding-inline: 6px; }
  .comparison-decision-page :is(.comparison-search-field.has-player) { grid-template-columns: 27px minmax(0, 1fr); gap: 4px; }
  .comparison-decision-page .comparison-selector input { font-size: 11px; }
  .comparison-decision-page .comparison-swap { width: 36px; height: 36px; font-size: 17px; }
  .comparison-mode-panel { display: block; padding: 7px; }
  .comparison-mode-panel > span { display: block; margin: 0 0 6px 2px; }
  .comparison-mode-panel > div { display: flex; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
  .comparison-mode-panel > div::-webkit-scrollbar { display: none; }
  .comparison-mode-panel button { flex: 0 0 112px; min-height: 44px; scroll-snap-align: start; }
  .comparison-decision-hero { grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr); min-height: 270px; border-radius: 13px; }
  .comparison-decision-player,
  .comparison-decision-player.purple { display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; padding: 13px 5px 9px; text-align: center; }
  .comparison-decision-player.purple > .comparison-decision-kit,
  .comparison-decision-player.purple > .comparison-decision-identity { grid-column: auto; grid-row: auto; }
  .comparison-decision-page .comparison-decision-kit { flex: 0 0 auto; width: 78px; height: 82px; }
  .comparison-decision-identity > button { margin-top: 5px; font-size: 17px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .comparison-decision-identity > small { font-size: 10px; }
  .comparison-price,
  .comparison-decision-player.purple > .comparison-price { position: static; font-size: 11px; }
  .comparison-projection-strip { width: 100%; margin-top: auto; }
  .comparison-projection-strip div { padding: 6px 2px; }
  .comparison-projection-strip dt { font-size: 8px; }
  .comparison-projection-strip dd { font-size: 13px; }
  .comparison-edge-score { width: 78px; height: 78px; padding: 9px 4px; }
  .comparison-edge-score > span { font-size: 7px; }
  .comparison-edge-score > strong { font-size: 28px; }
  .comparison-edge-score > button { font-size: 7px; }
  .comparison-edge-score > small { padding: 2px 5px; font-size: 6px; }
  .comparison-signal-grid { grid-template-columns: 1fr; }
  .comparison-price-card { grid-column: auto; }
  .comparison-data-card { padding: 10px; }
  .comparison-signal-row { grid-template-columns: 30px minmax(0, 1fr) auto auto; }
  .comparison-signal-row strong { font-size: 12px; }
  .comparison-fixture-card,
  .comparison-role-card,
  .comparison-range-card,
  .comparison-category-card,
  .comparison-ai-card,
  .comparison-deep-card { padding: 10px; }
  .comparison-fixture-card table { min-width: 650px; }
  .comparison-role-range-grid { grid-template-columns: minmax(0, 1fr); }
  .comparison-range-labels { margin-left: 30%; }
  .comparison-range-row { grid-template-columns: 26px minmax(54px, .65fr) repeat(2, minmax(64px, 1fr)); }
  .comparison-category-card > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comparison-category-card article { min-height: 55px; }
  .comparison-ai-card > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comparison-ai-card button { min-height: 82px; }
  .comparison-deep-card > header { align-items: flex-start; flex-direction: column; }
  .comparison-decision-page .comparison-power-card { padding: 10px 6px; }
  .comparison-decision-page .comparison-power-card .comparison-radar-wrap { grid-template-columns: 46px minmax(210px, 1fr) 46px; gap: 2px; }
  .comparison-decision-page .comparison-power-card .comparison-overall strong { font-size: 27px; }
  .comparison-decision-page .comparison-power-card .comparison-overall span { font-size: 8px; }
  .comparison-decision-page .comparison-power-card .comparison-radar text { font-size: 8px; }
}

@media (max-width: 390px) {
  .comparison-decision-hero { grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr); }
  .comparison-edge-score { width: 66px; height: 66px; padding: 5px 3px; }
  .comparison-edge-score > strong { font-size: 24px; }
  .comparison-decision-page .comparison-decision-kit { width: 68px; height: 72px; }
  .comparison-decision-identity > button { font-size: 15px; }
  .comparison-category-card > div,
  .comparison-ai-card > div { grid-template-columns: 1fr; }
}

/* Keep planner media inside its allocated grid tracks; generic badge/kit rules load later. */
.fixture-planner-shell .fp-team-badge.team-badge {
  width: 27px;
  min-width: 27px;
  height: 27px;
}

.fixture-planner-shell .fp-team-badge-frame.badge-frame {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.fixture-planner-shell .fp-rank-badge.team-badge {
  width: 22px;
  min-width: 22px;
  height: 22px;
}

.fixture-planner-shell .fp-rank-badge-frame.badge-frame {
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.fixture-planner-shell .fp-player-kit.kit-avatar {
  width: 40px;
  min-width: 40px;
  height: 44px;
}

.fixture-planner-shell .fp-player-list > button > span:not(.fp-player-kit) {
  min-width: 0;
  overflow: hidden;
}

.fixture-planner-shell {
  width: min(100%, 1500px);
  margin: 0 auto;
  padding: 20px 20px 110px;
  color: #eef6f4;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.fp-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}

.fp-page-header .fp-eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--fp-green);
  font: 700 10px/1.2 "DM Mono", monospace;
  letter-spacing: 0.12em;
}

.fp-page-header h1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: #fff;
  font-size: clamp(25px, 2.7vw, 39px);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.fp-page-header h1 small {
  padding: 7px 9px;
  border: 1px solid rgba(57, 230, 129, 0.2);
  border-radius: 8px;
  color: var(--fp-green);
  background: rgba(57, 230, 129, 0.1);
  font-size: 11px;
  letter-spacing: 0;
}

.fp-page-header p {
  margin: 9px 0 0;
  color: #a7b5ba;
  font-size: 13px;
}

.fp-page-header > div:last-child {
  display: flex;
  align-items: center;
  gap: 10px;
}

.fp-page-header > div:last-child button,
.fp-page-header > div:last-child span {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(155, 177, 185, 0.38);
  border-radius: 8px;
  color: #f3f8f7;
  background: #0a1217;
  font: 700 12px/1 "Plus Jakarta Sans", sans-serif;
}

.fp-page-header > div:last-child button {
  cursor: pointer;
}

.fp-page-header > div:last-child button:hover {
  border-color: var(--fp-green);
  color: var(--fp-green);
}

.fp-page-header > div:last-child span {
  display: inline-flex;
  align-items: center;
}

.fp-controls {
  display: grid;
  grid-template-columns: 1.25fr 0.68fr 0.85fr 1.32fr;
  gap: 0;
  margin-bottom: 18px;
  border: 1px solid var(--fp-line);
  border-radius: 10px;
  background: linear-gradient(120deg, rgba(17, 33, 39, 0.94), rgba(8, 17, 21, 0.98));
  overflow: hidden;
}

.fp-controls fieldset {
  min-width: 0;
  margin: 0;
  padding: 15px 16px;
  border: 0;
  border-right: 1px solid var(--fp-line);
}

.fp-controls fieldset:last-child {
  border-right: 0;
}

.fp-controls legend {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  color: #e4edeb;
  font-size: 13px;
  font-weight: 800;
}

.fp-controls legend + * {
  clear: both;
}

.fp-segmented {
  display: flex;
  width: 100%;
  padding: 3px;
  border: 1px solid rgba(154, 179, 186, 0.2);
  border-radius: 8px;
  background: #071014;
}

.fp-segmented button {
  flex: 1 1 0;
  min-height: 38px;
  padding: 6px 9px;
  border: 0;
  border-radius: 6px;
  color: #bdc9cc;
  background: transparent;
  font: 700 12px/1.2 "Plus Jakarta Sans", sans-serif;
  cursor: pointer;
}

.fp-segmented button.active {
  color: var(--fp-green);
  background: linear-gradient(135deg, rgba(31, 111, 63, 0.55), rgba(15, 67, 40, 0.42));
  box-shadow: inset 0 0 0 1px rgba(57, 230, 129, 0.32);
}

.fp-view-control button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.fp-view-control button b {
  font-size: 13px;
}

.fp-view-control button span {
  text-align: left;
}

.fp-view-control button small {
  display: block;
  margin-top: 3px;
  color: #8fa0a6;
  font-size: 9px;
  font-weight: 500;
}

.fp-highlight-control label {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 6px 0;
  color: #cad5d5;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}

.fp-highlight-control input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.fp-highlight-control label span {
  display: grid;
  width: 14px;
  height: 14px;
  place-items: center;
  border: 1px solid #597067;
  border-radius: 3px;
  color: transparent;
  font-size: 9px;
}

.fp-highlight-control input:checked + span {
  color: #062011;
  border-color: var(--fp-green);
  background: var(--fp-green);
}

.fp-legend > div {
  display: flex;
  clear: both;
  width: 100%;
  flex-wrap: wrap;
  gap: 8px 12px;
}

.fp-legend span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #b6c2c5;
  font-size: 10px;
}

.fp-legend span i,
.fp-rotation-strip i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.fp-legend .very-easy,
.fp-fixture-cell.very-easy,
.fp-rotation-strip .very-easy { background: #36bd56; }
.fp-legend .easy,
.fp-fixture-cell.easy,
.fp-rotation-strip .easy { background: #91c936; }
.fp-legend .neutral,
.fp-fixture-cell.neutral,
.fp-rotation-strip .neutral { background: #efca2c; }
.fp-legend .hard,
.fp-fixture-cell.hard,
.fp-rotation-strip .hard { background: #ed8737; }
.fp-legend .very-hard,
.fp-fixture-cell.very-hard,
.fp-rotation-strip .very-hard { background: #e65942; }

.fp-grid-panel,
.fp-panel {
  border: 1px solid var(--fp-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(12, 25, 30, 0.98), rgba(7, 15, 19, 0.99));
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.fp-grid-panel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--fp-line);
}

.fp-grid-panel > header h2,
.fp-panel h2 {
  margin: 0;
  color: #f4f8f7;
  font-size: 16px;
  letter-spacing: -0.02em;
}

.fp-grid-panel > header h2 small {
  margin-left: 6px;
  color: var(--fp-green);
  font-size: 9px;
  font-weight: 700;
}

.fp-grid-panel > header p,
.fp-panel header p {
  margin: 4px 0 0;
  color: var(--fp-muted);
  font-size: 11px;
}

.fp-grid-panel > header > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #87999f;
  font-size: 10px;
}

.fp-grid-panel > header > span i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--fp-green);
  box-shadow: 0 0 9px var(--fp-green);
}

.fp-table-scroll {
  max-height: 630px;
  overflow: auto;
  scrollbar-color: rgba(57, 230, 129, 0.35) transparent;
}

.fp-table {
  width: 100%;
  min-width: 990px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 11px;
}

.fp-table thead {
  position: sticky;
  top: 0;
  z-index: 5;
}

.fp-table th,
.fp-table td {
  height: 56px;
  padding: 0;
  border-right: 1px solid rgba(112, 137, 145, 0.24);
  border-bottom: 1px solid rgba(112, 137, 145, 0.24);
  text-align: center;
}

.fp-table thead th {
  height: 42px;
  padding: 0 6px;
  color: #d5dedd;
  background: #0d171c;
  font-weight: 700;
}

.fp-table thead th:first-child {
  width: 145px;
  padding-left: 14px;
  text-align: left;
}

.fp-table thead th:nth-last-child(2) { width: 88px; }
.fp-table thead th:last-child { width: 72px; }
.fp-table thead th small { display: block; margin-top: 2px; color: #70838a; font-size: 8px; }

.fp-table tbody th {
  position: sticky;
  left: 0;
  z-index: 3;
  width: 145px;
  padding: 0 10px;
  background: #0c171c;
}

.fp-table tbody th button,
.fp-mobile-team-card header button {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  border: 0;
  color: #f4f7f6;
  background: transparent;
  text-align: left;
  font: 700 11px/1.2 "Plus Jakarta Sans", sans-serif;
  cursor: pointer;
}

.fp-team-badge,
.fp-rank-badge {
  flex: 0 0 auto;
  object-fit: contain;
}

.fp-team-badge { width: 27px; height: 27px; }
.fp-rank-badge { width: 22px; height: 22px; }

.fp-fixture-cell {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-content: center;
  width: 100%;
  height: 100%;
  padding: 7px 8px;
  color: #07110b;
}

.fp-fixture-cell strong {
  grid-column: 1 / -1;
  color: #07110b;
  font-size: 12px;
  line-height: 1.1;
}

.fp-fixture-cell span,
.fp-fixture-cell b {
  margin-top: 3px;
  color: rgba(5, 20, 10, 0.72);
  font-size: 9px;
  font-style: normal;
}

.fp-fixture-cell span { text-align: left; }
.fp-fixture-cell b { text-align: right; }
.fp-fixture-cell.blank { place-items: center; color: #607179; background: #101b20; }
.fp-fixture-cell.blank strong { color: #607179; }

.fp-swing {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  line-height: 1;
}

.fp-swing b { font-size: 18px; }
.fp-swing strong { font-size: 9px; }
.fp-swing small { color: #7c8d94; font-size: 8px; }
.fp-swing.up b, .fp-swing.up strong { color: var(--fp-green); }
.fp-swing.down b, .fp-swing.down strong { color: var(--fp-red); }
.fp-swing.stable { color: #87969b; }

.fp-run-score {
  font: 800 19px/1 "Plus Jakarta Sans", sans-serif;
}

.fp-run-score.great,
.fp-position-table b.great { color: #6bed77; }
.fp-run-score.good,
.fp-position-table b.good { color: #c7df47; }
.fp-run-score.watch,
.fp-position-table b.watch { color: var(--fp-yellow); }
.fp-run-score.avoid,
.fp-position-table b.avoid { color: var(--fp-red); }

.fp-mobile-grid { display: none; }

.fp-analysis-grid {
  display: grid;
  grid-template-columns: 1.4fr 0.9fr 0.9fr 1.1fr;
  gap: 12px;
  margin-top: 14px;
}

.fp-analysis-grid.runs-hidden .fp-run-panel { display: none; }
.fp-analysis-grid.runs-hidden { grid-template-columns: 1.6fr 1fr; }
.fp-panel { min-width: 0; }
.fp-panel > header {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 55px;
  padding: 13px 14px;
  border-bottom: 1px solid var(--fp-line);
}

.fp-panel > header > span {
  display: grid;
  flex: 0 0 auto;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 50%;
  color: var(--fp-green);
  background: rgba(57, 230, 129, 0.11);
  font-size: 13px;
}

.fp-panel h2 small {
  color: #829198;
  font-size: 9px;
  font-weight: 500;
}

.fp-ai-panel header > div { min-width: 0; }
.fp-ai-rows { padding: 4px 14px 12px; }
.fp-ai-rows article {
  display: flex;
  gap: 9px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(130, 151, 158, 0.15);
}
.fp-ai-rows article:last-child { border-bottom: 0; }
.fp-ai-rows article > i {
  display: grid;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  background: rgba(57, 230, 129, 0.1);
  font-style: normal;
  font-size: 11px;
}
.fp-ai-rows article.positive > i { color: var(--fp-green); }
.fp-ai-rows article.negative > i { color: var(--fp-red); background: rgba(255, 103, 93, 0.1); }
.fp-ai-rows article.rotation > i { color: var(--fp-blue); background: rgba(114, 181, 255, 0.1); }
.fp-ai-rows strong { display: block; color: #e8efed; font-size: 12px; }
.fp-ai-rows p { margin: 5px 0; color: #a0afb3; font-size: 10px; line-height: 1.55; }
.fp-ai-rows small { color: #789087; font-size: 9px; line-height: 1.4; }
.fp-ai-rows small b { color: var(--fp-green); }

.fp-run-panel ol {
  margin: 0;
  padding: 5px 13px 12px;
  list-style: none;
}

.fp-run-panel li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(130, 151, 158, 0.13);
}
.fp-run-panel li:last-child { border-bottom: 0; }
.fp-run-panel li > span { color: var(--fp-yellow); font-weight: 800; font-size: 12px; }
.fp-run-panel.worst li > span { color: var(--fp-red); }
.fp-run-team-link,
.fp-position-team-link,
.fp-compare-team-link {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.fp-run-team-link { gap: 7px; }
.fp-run-team-link > span { min-width: 0; }
.fp-run-team-link strong { display: block; overflow: hidden; color: #e6edeb; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.fp-run-team-link small { display: block; margin-top: 4px; color: #6d9d7f; font-size: 8.5px; }
.fp-run-panel.worst .fp-run-team-link small { color: #c77e69; }
.fp-run-panel li > b { color: var(--fp-green); font-size: 13px; }
.fp-run-panel.worst li > b { color: var(--fp-orange); }
.fp-run-panel li > b small { color: #61737a; font-size: 7px; }

.fp-position-table { padding: 7px 11px 12px; }
.fp-position-table > div {
  display: grid;
  grid-template-columns: minmax(80px, 1fr) repeat(3, 45px);
  align-items: center;
  gap: 4px;
  min-height: 39px;
}
.fp-position-table > div.head { min-height: 28px; color: #8fa0a6; font-size: 8.5px; }
.fp-position-team-link { gap: 6px; }
.fp-position-team-link strong { overflow: hidden; color: #dae4e1; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.fp-position-table > div > b { text-align: center; font-size: 10.5px; }
.fp-position-table > div:not(.head) > b {
  padding: 8px 3px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.04);
}

.fp-tools-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.85fr 0.9fr;
  gap: 12px;
  margin-top: 14px;
}

.fp-compare-panel > header,
.fp-player-panel > header {
  justify-content: space-between;
}
.fp-compare-panel > header > div,
.fp-player-panel > header > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.fp-compare-panel > header > div > span,
.fp-player-panel > header > div > span,
.fp-rotation-panel > header > span {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 50%;
  color: var(--fp-green);
  background: rgba(57, 230, 129, 0.11);
}
.fp-compare-panel header button,
.fp-player-panel select {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(151, 176, 184, 0.28);
  border-radius: 7px;
  color: #e1eae8;
  background: #081216;
  font-size: 10.5px;
  font-weight: 700;
  cursor: pointer;
}
.fp-compare-panel header button b { margin-left: 5px; color: var(--fp-green); }

.fp-compare-picker {
  display: none;
  padding: 12px;
  border-bottom: 1px solid var(--fp-line);
  background: #071014;
}
.fp-compare-picker.open { display: block; }
.fp-compare-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.fp-compare-options button {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  min-height: 39px;
  padding: 6px 8px;
  border: 1px solid rgba(138, 161, 168, 0.2);
  border-radius: 6px;
  color: #c1cecf;
  background: #0c171c;
  text-align: left;
  font-size: 10px;
  cursor: pointer;
}
.fp-compare-options button.active { border-color: var(--fp-green); color: #fff; background: rgba(28, 92, 52, 0.3); }
.fp-compare-options button:disabled { opacity: 0.35; cursor: not-allowed; }
.fp-compare-options button > span:not(.badge-frame) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fp-compare-actions {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}
.fp-compare-actions button {
  min-width: 120px;
  padding: 8px 14px;
  border: 1px solid rgba(57, 230, 129, 0.35);
  border-radius: 7px;
  color: var(--fp-green);
  background: rgba(57, 230, 129, 0.06);
  cursor: pointer;
}
.fp-compare-actions button:first-child { color: #9caaad; border-color: rgba(156, 170, 173, 0.25); }
.fp-compare-actions button:disabled { opacity: 0.35; cursor: not-allowed; }

.fp-compare-table { padding: 8px 12px 13px; overflow-x: auto; }
.fp-compare-table > div {
  display: grid;
  grid-template-columns: minmax(125px, 1.3fr) repeat(3, 48px) 48px 70px 70px;
  align-items: center;
  min-width: 560px;
  min-height: 42px;
  border-bottom: 1px solid rgba(130, 151, 158, 0.12);
  text-align: center;
}
.fp-compare-table > div:last-child { border-bottom: 0; }
.fp-compare-table .head { min-height: 29px; color: #82949a; font-size: 8.5px; }
.fp-compare-table > div > span,
.fp-compare-team-link { display: flex; align-items: center; gap: 7px; text-align: left; }
.fp-compare-table > div > span strong,
.fp-compare-team-link strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.fp-compare-table > div > b { color: #dce7e4; font-size: 10.5px; }
.fp-compare-table > div > b.up { color: var(--fp-green); }
.fp-compare-table > div > b.down { color: var(--fp-red); }
.fp-compare-table > div > b.stable { color: #93a0a4; }

.fp-rotation-list { padding: 5px 12px 12px; }
.fp-rotation-list > button {
  display: grid;
  grid-template-columns: 18px minmax(85px, 1fr) minmax(64px, 1fr) 53px;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 64px;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid rgba(130, 151, 158, 0.14);
  color: #e6edeb;
  background: transparent;
  cursor: pointer;
}
.fp-rotation-list > button:last-child { border-bottom: 0; }
.fp-rotation-list > button > em { color: var(--fp-yellow); font-style: normal; font-weight: 800; }
.fp-rotation-teams { display: flex; flex-direction: column; gap: 3px; text-align: left; }
.fp-rotation-teams b { display: flex; align-items: center; gap: 4px; font-size: 10px; }
.fp-rotation-teams i { display: none; }
.fp-rotation-strip { display: flex; gap: 2px; }
.fp-rotation-strip i { width: 6px; height: 18px; border-radius: 2px; }
.fp-rotation-list > button > strong { color: var(--fp-green); font-size: 14px; }
.fp-rotation-list > button > strong small { display: block; margin-top: 3px; color: #75888d; font-size: 7px; }

.fp-player-list { padding: 5px 12px 12px; }
.fp-player-list > button {
  display: grid;
  grid-template-columns: 18px 42px minmax(0, 1fr) 35px;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 56px;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid rgba(130, 151, 158, 0.14);
  color: #e8efed;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.fp-player-list > button:last-child { border-bottom: 0; }
.fp-player-list > button > em { color: #71838a; font-size: 9px; font-style: normal; }
.fp-player-kit { width: 40px; height: 44px; }
.fp-player-list > button span { min-width: 0; }
.fp-player-list > button span strong { display: block; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.fp-player-list > button span small { display: block; margin-top: 4px; color: #7f9399; font-size: 6.5px; }
.fp-player-list > button > b { color: var(--fp-green); text-align: right; font-size: 12px; }
.fp-empty { padding: 25px 10px; color: #819399; text-align: center; font-size: 9px; }

.fp-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 420px;
}
.fp-loading > span {
  width: 32px;
  height: 32px;
  border: 2px solid rgba(57, 230, 129, 0.18);
  border-top-color: var(--fp-green);
  border-radius: 50%;
  animation: fp-spin 0.9s linear infinite;
}
.fp-loading strong { display: block; color: #eff7f3; font-size: 15px; }
.fp-loading p { margin: 6px 0 0; color: #83979d; font-size: 10px; }
.fp-loading.error > span { display: grid; place-items: center; border: 1px solid rgba(255, 103, 93, 0.45); color: var(--fp-red); animation: none; }
.fp-loading.error button { margin-top: 13px; padding: 9px 14px; border: 1px solid var(--fp-green); border-radius: 7px; color: var(--fp-green); background: transparent; cursor: pointer; }
@keyframes fp-spin { to { transform: rotate(360deg); } }

/* Fixture-adjusted player layer */
.fp-summary-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 12px;
}

.fp-summary-cards > button {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 104px;
  padding: 13px 15px;
  border: 1px solid var(--fp-line);
  border-radius: 10px;
  color: #f4f8f7;
  background: linear-gradient(145deg, rgba(12, 25, 30, .98), rgba(7, 15, 19, .99));
  text-align: left;
  cursor: pointer;
}

.fp-summary-cards > button:hover,
.fp-summary-cards > button:focus-visible {
  border-color: rgba(57, 230, 129, .55);
  background: linear-gradient(145deg, rgba(14, 35, 34, .98), rgba(7, 18, 20, .99));
  outline: none;
}

.fp-summary-media { display: grid; width: 62px; height: 62px; place-items: center; }
.fixture-planner-shell .fp-summary-badge.team-badge { width: 50px; min-width: 50px; height: 50px; }
.fixture-planner-shell .fp-summary-badge-frame.badge-frame { width: 56px; min-width: 56px; height: 56px; }
.fixture-planner-shell .fp-summary-kit.kit-avatar { width: 56px; min-width: 56px; height: 62px; }
.fp-summary-cards > button > span:nth-child(2) { min-width: 0; }
.fp-summary-cards small { display: block; color: #8b9da5; font-size: 10px; font-weight: 700; }
.fp-summary-cards > button > span strong { display: block; overflow: hidden; margin-top: 5px; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.fp-summary-cards em { display: inline-block; margin-top: 6px; color: var(--fp-green); font-size: 10px; font-style: normal; }
.fp-summary-cards > button > b,
.fp-summary-cards > button > .fp-summary-metric { color: var(--fp-green); font-size: 23px; text-align: right; white-space: nowrap; }
.fp-summary-cards > button > b.differential { color: #b978ff; }
.fp-summary-cards > button > b > small,
.fp-summary-cards > button > .fp-summary-metric > small { display: block; margin-top: 5px; font-size: 8.5px; }
.fp-summary-cards .fp-benefit { font-size: 21px; }
.fp-summary-empty { display: block; color: #73858b; font-size: 11px; line-height: 1.4; }

.fp-beneficiary-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(390px, .92fr);
  gap: 12px;
  margin-bottom: 12px;
}

.fp-beneficiary-bottom { margin-top: 12px; }
.fp-opportunity-bottom { margin-top: 12px; }

.fp-beneficiaries-panel > header,
.fp-opportunity-panel > header { justify-content: space-between; }
.fp-beneficiaries-panel > header > div,
.fp-opportunity-panel > header > div { min-width: 0; }
.fp-beneficiaries-panel > header button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(57, 230, 129, .3);
  border-radius: 7px;
  color: var(--fp-green);
  background: rgba(57, 230, 129, .06);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.fp-beneficiaries-panel > .fp-map-mode-control {
  display: grid;
  width: auto;
  min-width: 0;
  margin: 10px 12px;
}

.fp-player-position-filter {
  margin: 0;
  padding: 10px 12px 12px;
  border: 0;
  border-top: 1px solid var(--fp-line);
  border-bottom: 1px solid var(--fp-line);
}

.fp-player-position-filter legend {
  float: left;
  width: 100%;
  margin-bottom: 8px;
  color: #9eafb4;
  font-size: 10px;
  font-weight: 800;
}

.fp-player-position-filter legend + * { clear: both; }
.fp-player-position-filter .fp-position-control { max-width: 440px; }

.fp-beneficiary-categories {
  display: flex;
  gap: 6px;
  padding: 9px 12px;
  overflow-x: auto;
  border-bottom: 1px solid var(--fp-line);
  scrollbar-width: none;
}
.fp-beneficiary-categories::-webkit-scrollbar { display: none; }
.fp-beneficiary-categories button {
  flex: 0 0 auto;
  min-height: 31px;
  padding: 0 11px;
  border: 1px solid rgba(138, 161, 168, .2);
  border-radius: 6px;
  color: #9eafb4;
  background: #0a151a;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.fp-beneficiary-categories button.active { border-color: var(--fp-green); color: var(--fp-green); background: rgba(37, 129, 70, .22); }

.fp-beneficiary-head,
.fp-beneficiary-list article {
  display: grid;
  grid-template-columns: 24px minmax(112px, 1.25fr) 62px 50px 66px 68px minmax(180px, .95fr);
  align-items: center;
  gap: 5px;
}
.fp-beneficiary-head {
  min-height: 36px;
  padding: 0 12px;
  color: #788b92;
  border-bottom: 1px solid rgba(130, 151, 158, .13);
  font-size: 9px;
  font-weight: 800;
}
.fp-beneficiary-list article {
  position: relative;
  min-height: 66px;
  padding: 7px 12px;
  border-bottom: 1px solid rgba(130, 151, 158, .13);
  transition: background .18s ease, box-shadow .18s ease;
  cursor: pointer;
}
.fp-beneficiary-list article:last-child { border-bottom: 0; }
.fp-beneficiary-list article:hover,
.fp-beneficiary-list article:focus-visible,
.fp-beneficiary-list article.linked-hover { background: rgba(57, 230, 129, .055); outline: none; }
.fp-beneficiary-list article.selected { background: rgba(57, 230, 129, .075); box-shadow: inset 3px 0 var(--fp-green); }
.fp-beneficiary-list article > em { color: #71838a; font-size: 11px; font-style: normal; }
.fp-beneficiary-player,
.fp-beneficiary-team {
  display: flex;
  align-items: center;
  min-width: 0;
  border: 0;
  color: #eaf2ef;
  background: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
}
.fp-beneficiary-player { gap: 8px; }
.fixture-planner-shell .fp-beneficiary-kit.kit-avatar { width: 34px; min-width: 34px; height: 38px; }
.fp-beneficiary-player > span { min-width: 0; }
.fp-beneficiary-player strong { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.fp-beneficiary-player small { display: block; overflow: hidden; margin-top: 4px; color: #6f9a7d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.fp-beneficiary-team { display: block; }
.fp-beneficiary-team strong,
.fp-beneficiary-team small { display: block; }
.fp-beneficiary-team strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.fp-beneficiary-team small { margin-top: 3px; color: #809198; font-size: 8.5px; }
.fp-beneficiary-price,
.fp-beneficiary-projection,
.fp-beneficiary-stat { color: #e4ecea; font-size: 11px; font-weight: 800; }
.fp-beneficiary-price small,
.fp-beneficiary-projection small,
.fp-beneficiary-stat small { display: block; margin-top: 4px; color: #76888f; font-size: 7.5px; font-weight: 600; }
.fp-beneficiary-sample { display: block; min-width: 0; color: #dfe9e6; font-size: 10px; }
.fp-beneficiary-sample b,
.fp-beneficiary-sample small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fp-beneficiary-sample small { margin-top: 4px; color: #76888f; font-size: 7.5px; font-weight: 600; }
.fp-benefit { color: #b4c2c0; font-size: 15px; white-space: nowrap; }
.fp-benefit.positive { color: var(--fp-green); }
.fp-benefit.negative { color: var(--fp-red); }
.fp-beneficiary-fixtures { display: grid; grid-template-columns: repeat(5, minmax(32px, 1fr)); gap: 4px; min-width: 0; }
.fp-beneficiary-fixtures > span {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 32px;
  border-radius: 4px;
  color: #07110b;
  padding: 4px 5px;
}
.fp-beneficiary-fixtures > span.very-easy { background: #36bd56; }
.fp-beneficiary-fixtures > span.easy { background: #91c936; }
.fp-beneficiary-fixtures > span.neutral { background: #efca2c; }
.fp-beneficiary-fixtures > span.hard { background: #ed8737; }
.fp-beneficiary-fixtures > span.very-hard { color: #fff; background: #e65942; }
.fp-beneficiary-fixtures b { font-size: 9.5px; }
.fp-beneficiary-fixtures small { font-size: 7.5px; font-weight: 800; opacity: .72; }
.fp-beneficiary-state { display: grid; min-height: 285px; place-items: center; padding: 24px; color: #83959b; font-size: 12px; text-align: center; }

.fp-map-legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.fp-map-legend span { display: inline-flex; align-items: center; gap: 4px; color: #95a5aa; font-size: 8.5px; }
.fp-map-legend i { width: 7px; height: 7px; border-radius: 50%; }
.fp-map-legend i.premium { background: #62dc79; }
.fp-map-legend i.mid { background: #3b83ec; }
.fp-map-legend i.value { background: #9b5de5; }
.fp-opportunity-header { align-items: flex-start; }
.fp-opportunity-title { flex: 1 1 auto; min-width: 0; }
.fp-map-mode-control {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  min-width: 235px;
  margin-top: 10px;
  padding: 3px;
  border: 1px solid rgba(138, 161, 168, .2);
  border-radius: 8px;
  background: #081217;
}
.fp-map-mode-control button,
.fp-stats-categories button {
  min-height: 32px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #91a2a8;
  background: transparent;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.fp-map-mode-control button.active,
.fp-stats-categories button.active { border-color: rgba(57, 230, 129, .5); color: var(--fp-green); background: rgba(37, 129, 70, .22); }
.fp-stats-controls {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) 115px 105px auto;
  align-items: end;
  gap: 8px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--fp-line);
  background: rgba(6, 16, 20, .45);
}
.fp-stats-categories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.fp-stats-categories button { border-color: rgba(138, 161, 168, .16); background: #0a151a; }
.fp-stats-categories button:disabled { opacity: .38; cursor: not-allowed; }
.fp-stats-controls label { display: grid; gap: 4px; color: #7f9298; font-size: 8px; font-weight: 800; }
.fp-stats-current-season strong {
  display: flex;
  min-height: 31px;
  align-items: center;
  padding: 0 9px;
  border: 1px solid rgba(57, 230, 129, .22);
  border-radius: 6px;
  color: var(--fp-green);
  background: rgba(37, 129, 70, .12);
  font-size: 9px;
}
.fp-stats-controls select {
  min-height: 32px;
  border: 1px solid rgba(138, 161, 168, .24);
  border-radius: 6px;
  color: #dbe6e3;
  background: #09151a;
  padding: 0 8px;
  font: 800 10px/1 "Plus Jakarta Sans", sans-serif;
}
.fp-stats-range { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 9px; border-radius: 6px; color: #95a7ac; background: rgba(138, 161, 168, .08); font-size: 9px; font-weight: 800; }
.fp-stats-position-note,
.fp-map-selection-note { margin: 8px 12px 0; color: #81949a; font-size: 9px; line-height: 1.45; }
.fp-map-selection-note { color: #d8ad55; }
.fp-opportunity-chart { position: relative; min-height: 355px; padding: 6px 8px 25px 22px; }
.fp-opportunity-chart svg { display: block; width: 100%; height: 320px; overflow: visible; }
.fp-opportunity-chart .quadrant { stroke: none; }
.fp-opportunity-chart .quadrant.attack { fill: rgba(59, 131, 236, .035); }
.fp-opportunity-chart .quadrant.complete { fill: rgba(57, 230, 129, .045); }
.fp-opportunity-chart .quadrant.low { fill: rgba(155, 93, 229, .025); }
.fp-opportunity-chart .quadrant.floor { fill: rgba(57, 230, 129, .025); }
.fp-opportunity-chart line { stroke: rgba(164, 187, 192, .24); stroke-width: .35; stroke-dasharray: 1.4 1.4; }
.fp-opportunity-chart text { fill: #91a1a6; font-size: 3.1px; font-family: "Plus Jakarta Sans", sans-serif; }
.fp-opportunity-chart circle { stroke: rgba(5, 12, 16, .9); stroke-width: .55; cursor: pointer; transition: r .14s ease, filter .14s ease; }
.fp-opportunity-chart circle.premium { fill: #62dc79; }
.fp-opportunity-chart circle.mid { fill: #3b83ec; }
.fp-opportunity-chart circle.value { fill: #9b5de5; }
.fp-opportunity-chart circle:hover,
.fp-opportunity-chart circle:focus,
.fp-opportunity-chart circle.linked-hover { r: 2.5; stroke: #fff; outline: none; }
.fp-opportunity-chart circle.selected { stroke: var(--fp-green); stroke-width: 1.3; filter: drop-shadow(0 0 4px var(--fp-green)); }
.fp-map-x,
.fp-map-y { position: absolute; color: #bdc9cc; font-size: 9px; font-weight: 800; }
.fp-map-x { left: 50%; bottom: 10px; transform: translateX(-50%); }
.fp-map-y { left: 6px; top: 50%; transform: rotate(-90deg) translateX(-50%); transform-origin: left top; }
.fp-map-tooltip {
  position: absolute;
  top: 39%;
  right: 14px;
  z-index: 2;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 8px;
  width: min(185px, 49%);
  padding: 10px;
  border: 1px solid rgba(151, 176, 184, .35);
  border-radius: 8px;
  background: rgba(7, 18, 22, .94);
  box-shadow: 0 13px 28px rgba(0,0,0,.35);
  pointer-events: auto;
}
.fixture-planner-shell .fp-map-kit.kit-avatar { width: 36px; min-width: 36px; height: 40px; }
.fp-map-tooltip > div { min-width: 0; }
.fp-map-tooltip button { overflow: hidden; width: 100%; border: 0; color: #fff; background: none; padding: 0; font-size: 11px; font-weight: 900; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.fp-map-tooltip small,
.fp-map-tooltip > div > strong,
.fp-map-tooltip > div > span { display: block; margin-top: 3px; color: #8fa0a6; font-size: 8px; }
.fp-map-tooltip > div > strong { color: #d9e4e1; }
.fp-map-tooltip > div > b { display: block; margin-top: 5px; }
.fp-stats-tooltip { top: 32%; width: min(215px, 55%); }
.fp-stats-tooltip dl { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 7px; margin: 7px 0 0; }
.fp-stats-tooltip dl > div { min-width: 0; }
.fp-stats-tooltip dt { overflow: hidden; color: #7e9298; font-size: 6.8px; text-overflow: ellipsis; white-space: nowrap; }
.fp-stats-tooltip dd { margin: 2px 0 0; color: #e7efed; font-size: 8.5px; font-weight: 900; }
.fp-opportunity-state { display: grid; min-height: 355px; place-content: center; gap: 7px; padding: 24px; color: #83959b; text-align: center; }
.fp-opportunity-state strong { color: #d9e4e1; font-size: 13px; }
.fp-opportunity-state span { font-size: 10px; }
.fp-opportunity-state button { justify-self: center; min-height: 34px; margin-top: 5px; padding: 0 13px; border: 1px solid rgba(57, 230, 129, .4); border-radius: 7px; color: var(--fp-green); background: rgba(37, 129, 70, .16); font-size: 10px; font-weight: 800; cursor: pointer; }
.fp-chart-skeleton { width: min(280px, 70vw); height: 145px; border-radius: 10px; background: linear-gradient(100deg, rgba(45, 66, 71, .15) 20%, rgba(78, 105, 111, .28) 45%, rgba(45, 66, 71, .15) 70%); background-size: 220% 100%; animation: fp-chart-loading 1.25s linear infinite; }
@keyframes fp-chart-loading { to { background-position-x: -220%; } }

.fp-fixture-insights { margin-top: 12px; }
.fp-fixture-insights > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fp-fixture-insights article { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 8px; min-height: 68px; padding: 10px 14px; border-right: 1px solid var(--fp-line); }
.fp-fixture-insights article:last-child { border-right: 0; }
.fp-fixture-insights article > i { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; color: var(--fp-green); background: rgba(57, 230, 129, .1); font-size: 11px; font-style: normal; }
.fp-fixture-insights article strong { display: block; color: #e7efed; font-size: 11px; }
.fp-fixture-insights article small { display: block; margin-top: 4px; color: #819399; font-size: 9px; }
.fp-analysis-legacy { grid-template-columns: .9fr .9fr 1.2fr; }
.fp-analysis-legacy.runs-hidden { grid-template-columns: 1fr; }
.fp-tools-grid { grid-template-columns: minmax(0, 1.45fr) minmax(290px, .55fr); }

@media (max-width: 1280px) {
  .fp-controls { grid-template-columns: 1.2fr .7fr .85fr 1.25fr; }
  .fp-analysis-grid { grid-template-columns: 1.35fr 1fr 1fr; }
  .fp-position-panel { grid-column: 1 / -1; }
  .fp-position-table > div { grid-template-columns: minmax(140px, 1fr) repeat(3, minmax(70px, 0.4fr)); }
  .fp-tools-grid { grid-template-columns: 1.2fr 0.8fr; }
  .fp-beneficiary-layout { grid-template-columns: minmax(0, 1.35fr) minmax(340px, .9fr); }
  .fp-beneficiary-head,
  .fp-beneficiary-list article { grid-template-columns: 22px minmax(105px, 1fr) 56px 46px 60px 62px minmax(170px, .9fr); gap: 4px; }
}

@media (max-width: 860px) {
  .fixture-planner-shell { padding: 16px 12px 105px; }
  .fp-page-header { align-items: stretch; }
  .fp-page-header > div:last-child { flex-direction: column; align-items: stretch; }
  .fp-page-header > div:last-child button,
  .fp-page-header > div:last-child span { min-height: 36px; justify-content: center; }
  .fp-controls { grid-template-columns: 1fr 1fr; }
  .fp-controls fieldset:nth-child(2) { border-right: 0; }
  .fp-controls fieldset:nth-child(3),
  .fp-controls fieldset:nth-child(4),
  .fp-controls .fp-legend { border-top: 1px solid var(--fp-line); }
  .fp-beneficiary-layout { grid-template-columns: 1fr; }
  .fp-analysis-grid { grid-template-columns: 1fr 1fr; }
  .fp-ai-panel, .fp-position-panel { grid-column: 1 / -1; }
  .fp-analysis-grid.runs-hidden { grid-template-columns: 1fr; }
  .fp-tools-grid { grid-template-columns: 1fr; }
  .fp-summary-cards { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  body.fixture-planner-active .header { display: flex; }
  .fixture-planner-shell { padding: 15px 10px 115px; }
  .fp-page-header { display: block; }
  .fp-page-header .fp-eyebrow { margin-top: 3px; }
  .fp-page-header h1 { flex-wrap: wrap; font-size: 29px; }
  .fp-page-header h1 small { padding: 6px 8px; font-size: 9px; }
  .fp-page-header p { max-width: 330px; font-size: 11px; line-height: 1.5; }
  .fp-page-header > div:last-child { display: grid; grid-template-columns: 1fr auto; margin-top: 14px; }
  .fp-page-header > div:last-child button,
  .fp-page-header > div:last-child span { min-height: 40px; }
  .fp-controls { display: block; border-radius: 12px; }
  .fp-controls fieldset { padding: 13px; border: 0; border-bottom: 1px solid var(--fp-line); }
  .fp-controls fieldset:last-child { border-bottom: 0; }
  .fp-segmented button { min-height: 43px; }
  .fp-view-control button { display: block; }
  .fp-view-control button span { display: block; text-align: center; }
  .fp-view-control button small { display: none; }
  .fp-highlight-control { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 10px; }
  .fp-highlight-control legend { grid-column: 1 / -1; }
  .fp-legend > div { gap: 9px 13px; }
  .fp-grid-panel > header { display: block; }
  .fp-grid-panel > header > span { margin-top: 8px; }
  .fp-table-scroll { display: none; }
  .fp-mobile-grid { display: block; }
  .fp-mobile-team-card { padding: 13px 0 12px; border-bottom: 1px solid var(--fp-line); }
  .fp-mobile-team-card:last-child { border-bottom: 0; }
  .fp-mobile-team-card > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 13px 10px; }
  .fp-mobile-team-card header button { min-width: 0; }
  .fp-mobile-team-card header button > span { min-width: 0; }
  .fp-mobile-team-card header button > span > strong { display: block; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
  .fp-mobile-team-card header button > span > small { display: block; margin-top: 4px; }
  .fp-mobile-team-card .fp-swing { flex-direction: row; gap: 4px; }
  .fp-mobile-team-card .fp-swing b { font-size: 11px; }
  .fp-mobile-team-card .fp-swing strong { font-size: 7px; }
  .fp-mobile-team-card .fp-run-score { font-size: 20px; }
  .fp-mobile-fixtures { display: flex; gap: 6px; padding: 0 13px 3px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
  .fp-mobile-fixtures::-webkit-scrollbar { display: none; }
  .fp-mobile-fixtures > div { flex: 0 0 64px; scroll-snap-align: start; }
  .fp-mobile-fixtures > div > small { display: block; margin: 0 0 4px; color: #70858c; text-align: center; font: 700 7px/1 "DM Mono", monospace; }
  .fp-fixture-cell.compact { width: 64px; height: 59px; border-radius: 7px; }
  .fp-analysis-grid,
  .fp-analysis-grid.runs-hidden { display: block; }
  .fp-analysis-grid .fp-panel { margin-top: 10px; }
  .fp-ai-rows strong { font-size: 11px; }
  .fp-ai-rows p { font-size: 9px; }
  .fp-run-panel li { grid-template-columns: 21px minmax(0, 1fr) auto; }
  .fp-run-team-link strong { font-size: 10px; }
  .fp-position-table > div { grid-template-columns: minmax(95px, 1fr) repeat(3, 51px); }
  .fp-tools-grid { display: block; }
  .fp-tools-grid .fp-panel { margin-top: 10px; }
  .fp-compare-panel > header { align-items: flex-end; }
  .fp-compare-panel header button { flex: 0 0 auto; }
  .fp-compare-options { grid-template-columns: 1fr 1fr; }
  .fp-compare-table { padding-bottom: 11px; }
  .fp-rotation-list > button { grid-template-columns: 18px minmax(86px, 1fr) minmax(64px, 1fr) 55px; }
  .fp-summary-cards > button { min-height: 92px; }
  .fp-beneficiary-head { display: none; }
  .fp-beneficiary-list article {
    grid-template-columns: 22px minmax(0, 1fr) 68px;
    grid-template-rows: auto auto auto auto;
    gap: 7px 8px;
    min-height: 150px;
    padding: 11px;
  }
  .fp-beneficiary-list article > em { grid-column: 1; grid-row: 1; }
  .fp-beneficiary-player { grid-column: 2; grid-row: 1; }
  .fp-beneficiary-team { grid-column: 2; grid-row: 2; display: flex; gap: 5px; }
  .fp-beneficiary-price { grid-column: 3; grid-row: 1; text-align: right; }
  .fp-beneficiary-projection { grid-column: 3; grid-row: 2; text-align: right; }
  .fp-beneficiary-list article > .fp-benefit { grid-column: 2 / -1; grid-row: 3; font-size: 14px; text-align: left; }
  .fp-beneficiary-fixtures { grid-column: 1 / -1; grid-row: 4; display: flex; overflow-x: auto; scrollbar-width: none; }
  .fp-beneficiary-fixtures::-webkit-scrollbar { display: none; }
  .fp-beneficiary-fixtures > span { flex: 0 0 58px; }
  .fp-beneficiary-player strong { font-size: 13px; }
  .fp-beneficiary-list article.stats-view { min-height: 142px; }
  .fp-beneficiary-list article.stats-view .fp-beneficiary-stat.stat-primary { grid-column: 2; grid-row: 3; }
  .fp-beneficiary-list article.stats-view .fp-beneficiary-stat.stat-secondary { grid-column: 3; grid-row: 3; text-align: right; }
  .fp-beneficiary-list article.stats-view .fp-beneficiary-sample { grid-column: 1 / -1; grid-row: 4; }
  .fp-opportunity-chart { min-height: 330px; padding-left: 17px; }
  .fp-opportunity-chart svg { height: 290px; }
  .fp-map-tooltip { top: 38%; right: 10px; width: 51%; }
  .fp-opportunity-header { display: block; }
  .fp-opportunity-header .fp-map-legend { justify-content: flex-start; margin-top: 10px; }
  .fp-map-mode-control { width: 100%; min-width: 0; }
  .fp-beneficiaries-panel > .fp-map-mode-control { width: auto; }
  .fp-stats-controls { grid-template-columns: 1fr 1fr; }
  .fp-stats-categories { grid-column: 1 / -1; }
  .fp-stats-range { grid-column: 1 / -1; }
  .fp-stats-chart { min-height: 390px; padding-top: 16px; overflow: hidden; }
  .fp-stats-chart svg { height: 270px; }
  .fp-stats-tooltip { position: absolute; top: auto; right: 8px; bottom: 25px; left: 20px; width: auto; max-width: none; grid-template-columns: 34px minmax(0, 1fr); }
  .fp-stats-tooltip dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fp-fixture-insights > div { display: block; }
  .fp-fixture-insights article { border-right: 0; border-bottom: 1px solid var(--fp-line); }
  .fp-fixture-insights article:last-child { border-bottom: 0; }
}

@media (max-width: 390px) {
  .fp-page-header h1 { font-size: 26px; }
  .fp-page-header > div:last-child { grid-template-columns: minmax(0, 1fr) auto; }
  .fp-page-header > div:last-child span { display: inline-flex; padding-inline: 10px; font-size: 10px; }
  .fp-highlight-control { grid-template-columns: 1fr; }
  .fp-legend span { font-size: 10px; }
  .fp-position-table > div { grid-template-columns: minmax(85px, 1fr) repeat(3, 44px); }
  .fp-compare-panel > header { display: block; }
  .fp-compare-panel header button { width: 100%; max-width: none; margin-top: 10px; }
  .fp-rotation-list > button { grid-template-columns: 16px minmax(82px, 1fr) 50px; }
  .fp-rotation-strip { display: none; }
}

/* Home UI and search · v49-264 */
.xg-home-dashboard {
  display: grid;
  gap: 14px;
  padding: 2px 10px 96px;
}

.xg-home-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid rgba(115, 151, 163, .22);
  border-radius: 16px;
  background: rgba(9, 17, 20, .92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.xg-home-search > span { color: #839397; font-size: 22px; }
.xg-home-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #f3faf6;
  background: transparent;
  font: 700 13px/1.3 inherit;
}
.xg-home-search input::placeholder { color: #748186; }
.xg-home-search button {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(39, 214, 112, .28);
  border-radius: 9px;
  color: #44e681;
  background: rgba(22, 212, 107, .08);
}

.xg-home-search-results {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 120;
  max-height: min(470px, 62vh);
  padding: 7px;
  overflow-y: auto;
  border: 1px solid rgba(65, 210, 124, .26);
  border-radius: 15px;
  background: rgba(5, 13, 15, .985);
  box-shadow: 0 24px 55px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 255, 255, .04);
  backdrop-filter: blur(20px);
}
.xg-home-search-results[hidden] { display: none; }
.xg-home-search-results > button {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto 14px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 58px;
  padding: 8px 10px;
  border: 0;
  border-radius: 10px;
  color: #eef8f2;
  background: transparent;
  text-align: left;
}
.xg-home-search-results > button:hover,
.xg-home-search-results > button:focus-visible { background: rgba(34, 211, 108, .11); outline: 0; }
.xg-home-search-results > button > span { min-width: 0; }
.xg-home-search-results strong,
.xg-home-search-results small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xg-home-search-results strong { color: #eef8f2; font-size: 12px; }
.xg-home-search-results small { margin-top: 3px; color: #81938a; font-size: 9px; }
.xg-home-search-results em { color: #48df80; font-size: 8px; font-style: normal; font-weight: 900; text-transform: uppercase; }
.xg-home-search-results i { color: #49d87d; font-size: 18px; font-style: normal; }
.xg-home-search-results .kit-avatar,
.xg-home-search-results .badge-frame {
  width: 36px;
  min-width: 36px;
  height: 36px;
  margin: 0;
}
.xg-home-search-results .team-badge { width: 30px; height: 30px; object-fit: contain; }
.xg-home-search-state {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px;
  color: #8c9b94;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}
.xg-home-search-state > span {
  width: 17px;
  height: 17px;
  border: 2px solid rgba(71, 222, 131, .2);
  border-top-color: #2cdc77;
  border-radius: 50%;
  animation: spin .9s linear infinite;
}

.xg-home-dashboard-hero {
  position: relative;
  min-height: 320px;
  overflow: hidden;
  border: 1px solid rgba(32, 213, 112, .35);
  border-radius: 18px;
  background-image:
    linear-gradient(90deg, rgba(2, 8, 8, .98) 0%, rgba(3, 10, 10, .94) 43%, rgba(3, 9, 9, .28) 76%, rgba(3, 9, 9, .08) 100%),
    linear-gradient(0deg, rgba(7, 53, 30, .45), transparent 45%),
    url("../images/home/xgolo-home-stadium-v49-263.png");
  background-position: center, center, center;
  background-size: cover;
  box-shadow: 0 20px 52px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .06);
}

.xg-home-dashboard-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #18dc70, transparent);
  opacity: .55;
}

.xg-home-dashboard-hero > div {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 320px;
  max-width: 620px;
  padding: 30px 28px;
}

.xg-home-dashboard-hero h1 {
  max-width: 600px;
  margin: 0;
  color: #f4f8f6;
  font-size: clamp(30px, 4vw, 54px);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1.05;
}
.xg-home-dashboard-hero h1 span { color: #23d86f; }
.xg-home-dashboard-hero p {
  max-width: 570px;
  margin: 18px 0 22px;
  color: rgba(231, 240, 235, .78);
  font-size: 14px;
  line-height: 1.75;
}
.xg-home-dashboard-hero section { display: flex; flex-wrap: wrap; gap: 9px; }
.xg-home-dashboard-hero section span {
  padding: 9px 12px;
  border: 1px solid rgba(37, 221, 117, .18);
  border-radius: 10px;
  color: #d9eee2;
  background: rgba(9, 50, 29, .6);
  font-size: 11px;
  font-weight: 800;
}

.xg-home-dashboard-grid { display: grid; gap: 14px; }
.xg-home-dashboard-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(104, 142, 154, .22);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(23, 168, 91, .09), transparent 38%),
    linear-gradient(145deg, rgba(8, 19, 22, .98), rgba(5, 13, 16, .98));
}
.xg-home-dashboard-panel.fantasy-panel {
  border-color: rgba(168, 92, 225, .28);
  background: radial-gradient(circle at 100% 0, rgba(163, 72, 203, .10), transparent 40%), linear-gradient(145deg, rgba(8, 20, 16, .98), rgba(7, 13, 16, .98));
}
.xg-home-dashboard-panel.fantasy-panel > header { justify-content: center; text-align: center; }
.xg-home-dashboard-panel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 13px;
  border-bottom: 1px solid rgba(109, 144, 154, .15);
}
.xg-home-dashboard-panel > header h2 { margin: 0; color: #73adff; font-size: 22px; line-height: 1.1; }
.xg-home-dashboard-panel.fantasy-panel > header h2 { color: #df87ef; }
.xg-home-dashboard-panel > header p { margin: 5px 0 0; color: #859398; font-size: 11px; }
.xg-home-dashboard-panel > header button {
  flex: 0 0 auto;
  padding: 8px 13px;
  border: 1px solid rgba(95, 218, 70, .5);
  border-radius: 999px;
  color: #a5ec78;
  background: rgba(31, 95, 25, .22);
  font: 800 11px/1 inherit;
}

.xg-home-data-state {
  display: flex;
  min-height: 390px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 32px;
  color: #819095;
  text-align: center;
}
.xg-home-data-state.loading span {
  width: 22px;
  height: 22px;
  border: 2px solid rgba(71, 222, 131, .2);
  border-top-color: #2cdc77;
  border-radius: 50%;
  animation: spin .9s linear infinite;
}

.xg-home-match-card { display: grid; gap: 15px; padding: 17px; }
.xg-home-match-card > header,
.xg-home-fantasy-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.xg-home-match-card > header span,
.xg-home-fantasy-card > header span { display: block; color: #28db75; font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.xg-home-match-card > header strong,
.xg-home-fantasy-card > header strong { display: block; margin-top: 4px; color: #edf6f1; font-size: 14px; }
.xg-home-match-card time { color: #c5d0cc; font-size: 11px; font-weight: 800; }
.xg-home-matchup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 98px;
}
.xg-home-matchup > div { display: flex; align-items: center; gap: 10px; min-width: 0; }
.xg-home-matchup > div:last-child { flex-direction: row-reverse; text-align: right; }
.xg-home-matchup img,
.xg-home-matchup > div > span {
  display: grid;
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  place-items: center;
  object-fit: contain;
  border-radius: 15px;
  color: #eaf4ef;
  background: rgba(255, 255, 255, .055);
  font-size: 11px;
  font-weight: 900;
}
.xg-home-matchup strong { overflow: hidden; color: #f3f8f5; font-size: 14px; text-overflow: ellipsis; }
.xg-home-matchup > b { color: #899499; font-size: 16px; text-align: center; }
.xg-home-probability { display: grid; gap: 9px; }
.xg-home-probability > span { color: #96a5a9; font-size: 10px; font-weight: 800; }
.xg-home-probability-values { display: grid; grid-template-columns: repeat(3, 1fr); }
.xg-home-probability-values b { color: #39df75; font-size: 17px; }
.xg-home-probability-values b:nth-child(2) { color: #b6bec2; text-align: center; }
.xg-home-probability-values b:nth-child(3) { color: #ba72e7; text-align: right; }
.xg-home-probability-values small { display: block; margin-top: 2px; color: #849095; font-size: 8px; font-weight: 800; }
.xg-home-probability-bar { display: flex; height: 7px; overflow: hidden; border-radius: 99px; background: #121c1f; }
.xg-home-probability-bar i:nth-child(1) { background: #28d66d; }
.xg-home-probability-bar i:nth-child(2) { background: #7c878d; }
.xg-home-probability-bar i:nth-child(3) { background: #a95bdb; }
.xg-home-match-metrics,
.xg-home-fantasy-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.xg-home-match-metrics span,
.xg-home-fantasy-summary span { padding: 10px; border: 1px solid rgba(111, 144, 154, .15); border-radius: 10px; background: rgba(255, 255, 255, .025); }
.xg-home-match-metrics small,
.xg-home-fantasy-summary small { display: block; color: #78878b; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.xg-home-match-metrics strong,
.xg-home-fantasy-summary strong { display: block; margin-top: 4px; color: #dce8e2; font-size: 12px; }
.xg-home-primary-action {
  min-height: 42px;
  border: 1px solid rgba(38, 218, 113, .3);
  border-radius: 11px;
  color: #dff8e9;
  background: linear-gradient(135deg, #0c6b3b, #118e4a);
  font: 900 12px/1 inherit;
}
.xg-home-primary-action b { margin-left: 8px; font-size: 16px; }

.xg-home-recent-form {
  display: grid;
  gap: 7px;
  padding: 10px 11px;
  border: 1px solid rgba(111, 144, 154, .15);
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
}
.xg-home-recent-form > header { color: #7f9188; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.xg-home-recent-form > div { display: grid; grid-template-columns: minmax(52px, auto) minmax(0, 1fr); gap: 9px; align-items: center; }
.xg-home-recent-form > div > strong { overflow: hidden; color: #dce8e2; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.xg-home-recent-form > div > span { display: flex; gap: 5px; justify-content: flex-end; }
.xg-home-recent-form i { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #eaf5ee; background: #28342f; font: 900 8px/1 "DM Mono", monospace; font-style: normal; }
.xg-home-recent-form i.w { color: #06120b; background: #32d873; }
.xg-home-recent-form i.d { color: #17200a; background: #c1cd61; }
.xg-home-recent-form i.l { color: #fff0f1; background: #a93a48; }
.xg-home-recent-form small { color: #74857d; font-size: 8px; }

.xg-home-fantasy-card { display: grid; gap: 12px; padding: 17px; }
.xg-home-fantasy-card > header > b { color: #ecf7f1; font-size: 32px; line-height: .85; text-align: right; }
.xg-home-fantasy-card > header > b small { display: block; margin-top: 7px; color: #7f8f88; font-size: 8px; }
.xg-home-fantasy-pitch {
  position: relative;
  display: grid;
  align-content: space-around;
  min-height: 285px;
  padding: 12px 4px;
  overflow: hidden;
  border: 1px solid rgba(37, 192, 99, .28);
  border-radius: 13px;
  background:
    linear-gradient(90deg, transparent 49.6%, rgba(255, 255, 255, .11) 49.8% 50.2%, transparent 50.4%),
    radial-gradient(circle at 50% 50%, transparent 0 12%, rgba(255, 255, 255, .1) 12.4% 13%, transparent 13.4%),
    repeating-linear-gradient(90deg, rgba(21, 121, 62, .2) 0 12.5%, rgba(10, 79, 45, .16) 12.5% 25%),
    linear-gradient(180deg, #0a542e, #073a24);
}
.xg-home-fantasy-row { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-around; gap: 3px; }
.xg-home-fantasy-row > span { position: relative; display: grid; width: 23%; max-width: 88px; justify-items: center; color: #fff; text-align: center; }
.xg-home-fantasy-row .xg-home-fantasy-kit { width: 43px; height: 38px; filter: drop-shadow(0 7px 8px rgba(0, 0, 0, .42)); }
.xg-home-fantasy-row .xg-home-fantasy-kit:not(.image) i { top: 5px; width: 25px; height: 30px; border-radius: 7px 7px 4px 4px; }
.xg-home-fantasy-row .xg-home-fantasy-kit:not(.image)::before,
.xg-home-fantasy-row .xg-home-fantasy-kit:not(.image)::after { top: 10px; width: 12px; height: 17px; }
.xg-home-fantasy-row .xg-home-fantasy-kit:not(.image)::before { left: 4px; }
.xg-home-fantasy-row .xg-home-fantasy-kit:not(.image)::after { right: 4px; }
.xg-home-fantasy-row .xg-home-fantasy-kit:not(.image) i::before { left: 8px; width: 9px; height: 5px; }
.xg-home-fantasy-row strong { position: relative; max-width: 100%; margin-top: 2px; overflow: hidden; color: #eef8f2; font-size: 8px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.xg-home-fantasy-row .xg-home-fantasy-role { position: absolute; top: 0; right: 7px; z-index: 3; display: grid; width: 15px; height: 15px; place-items: center; border: 1px solid rgba(255, 255, 255, .55); border-radius: 50%; color: #07100c; background: #e3ff65; font-size: 6px; }
.xg-home-fantasy-row small { color: #a9c7b5; font-size: 7px; }
.xg-home-fantasy-note { margin: 0; color: #93a39c; font-size: 10px; line-height: 1.45; }
.xg-home-fantasy-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.xg-home-fantasy-actions button { min-height: 44px; padding: 6px 3px; border: 1px solid rgba(34, 214, 111, .18); border-radius: 9px; color: #b5cfbf; background: rgba(8, 46, 28, .42); font: 800 8px/1.25 inherit; }

.xg-home-founder-cta {
  display: grid;
  gap: 7px;
  padding: 18px;
  border: 1px solid rgba(39, 220, 112, .34);
  border-radius: 15px;
  background: radial-gradient(circle at 100% 0, rgba(35, 218, 106, .16), transparent 42%), linear-gradient(145deg, #092519, #07120f);
}
.xg-home-founder-cta > span { color: #4ce484; font: 900 10px/1 "DM Mono", monospace; letter-spacing: .06em; }
.xg-home-founder-cta > strong { color: #f3fbf6; font-size: 30px; }
.xg-home-founder-cta > strong small { color: #a4b2aa; font-size: 11px; }
.xg-home-founder-cta > p { margin: 0; color: #8fa098; font-size: 10px; line-height: 1.45; }
.xg-home-founder-cta > button { min-height: 40px; margin-top: 4px; border: 0; border-radius: 9px; color: #06120b; background: linear-gradient(135deg, #4ee37e, #32b95f); font: 900 11px/1 inherit; }
.xg-home-mobile-founder { margin: 0; }

.desktop-intel-rail > [data-desktop-membership-rail] { display: block; }
.desktop-membership-plans { display: grid; gap: 12px; }
.desktop-membership-plans > header { display: grid; gap: 5px; padding: 3px 2px 0; }
.desktop-membership-plans > header span { color: #2de47c; font: 800 10px/1 "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.desktop-membership-plans > header strong { color: #eef7f2; font-size: 19px; line-height: 1.2; }
.desktop-membership-list { display: grid; gap: 9px; }
.desktop-membership-plan {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 8px 10px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(145, 100, 196, .25);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(13, 18, 27, .95), rgba(5, 14, 18, .98));
}
.desktop-membership-plan.best-value { border-color: rgba(43, 219, 118, .68); background: radial-gradient(circle at 100% 0, rgba(33, 204, 101, .17), transparent 52%), rgba(6, 24, 17, .96); box-shadow: inset 0 0 24px rgba(36, 205, 105, .05); }
.desktop-membership-best { position: absolute; top: -7px; right: 10px; padding: 4px 7px; border-radius: 6px; color: #37df81; background: #0b2e1d; font-size: 8px; line-height: 1; }
.desktop-membership-icon { display: grid; width: 40px; height: 40px; place-items: center; overflow: hidden; border: 1px solid rgba(164, 100, 216, .42); border-radius: 50%; color: #cb77ea; background: rgba(76, 34, 96, .16); font-size: 20px; }
.desktop-membership-plan.best-value .desktop-membership-icon { border-color: rgba(45, 218, 119, .5); color: #39dc80; background: rgba(20, 103, 56, .17); }
.desktop-membership-copy { min-width: 0; }
.desktop-membership-copy strong { color: #cf7bed; font-size: 12px; }
.desktop-membership-plan.best-value .desktop-membership-copy strong { color: #37dd7f; }
.desktop-membership-copy p { margin: 3px 0 0; color: #82918f; font-size: 9px; line-height: 1.35; }
.desktop-membership-price { display: grid; min-width: 87px; grid-template-columns: auto 1fr; align-items: baseline; }
.desktop-membership-price strong { color: #f3f7f5; font-size: 22px; line-height: 1; }
.desktop-membership-price small { color: #99a6a3; font-size: 8px; }
.desktop-membership-price span { grid-column: 1 / -1; margin-top: 4px; color: #30d879; font-size: 7px; }
.desktop-membership-plan > button { grid-column: 2 / -1; min-height: 32px; border: 1px solid rgba(45, 208, 112, .34); color: #35da7d; background: rgba(20, 90, 53, .14); font-size: 9px; }
.desktop-membership-plan.best-value > button { border-color: #32d979; color: #07140c; background: linear-gradient(135deg, #42dc7c, #1fbd61); font-weight: 900; }
.desktop-membership-details { width: 100%; min-height: 39px; border: 1px solid rgba(47, 208, 112, .35); color: #37dc7e; background: rgba(15, 71, 43, .13); font-size: 10px; font-weight: 800; }

@media (min-width: 900px) {
  .xg-home-dashboard { padding-inline: 0; }
  .xg-home-dashboard-grid { grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); }
}

@media (min-width: 1024px) {
  body.home-shell {
    --desktop-sidebar-w: clamp(260px, 15vw, 300px);
    --desktop-rail-w: 350px;
  }
  body.home-shell main { padding: 82px 16px 36px; }
  body.home-shell #page-home.active { max-width: 1180px; }
  .xg-home-dashboard { gap: 12px; padding-bottom: 20px; }
  .xg-home-search { position: fixed; top: 15px; left: calc(var(--desktop-sidebar-w) + 18px); z-index: 80; width: min(490px, calc(100vw - var(--desktop-sidebar-w) - var(--desktop-rail-w) - 220px)); min-height: 42px; }
  .xg-home-dashboard-hero { min-height: 282px; border-radius: 12px; }
  .xg-home-dashboard-hero > div { min-height: 282px; padding: 28px 34px; }
  .xg-home-dashboard-hero h1 { font-size: clamp(34px, 3.1vw, 52px); }
  .xg-home-dashboard-hero p { margin-block: 14px 18px; }
  .xg-home-dashboard-panel { border-radius: 12px; }
  .xg-home-dashboard-panel > header { padding: 15px 16px 12px; }
  .xg-home-dashboard-panel > header h2 { font-size: 20px; }
  .xg-home-data-state { min-height: 372px; }
  .xg-home-match-card,
  .xg-home-fantasy-card { padding: 15px; }
  .xg-home-fantasy-pitch { min-height: 263px; }
  .xg-home-mobile-founder { display: none; }
  .desktop-sidebar { padding: 20px 12px; }
  .desktop-sidebar-brand { margin-bottom: 16px; }
  .desktop-sidebar section { padding: 12px; margin-bottom: 12px; }
  .desktop-sidebar button { min-height: 44px; padding: 11px 13px; font-size: 14px; }
  .desktop-intel-rail { padding: 13px 12px 22px; }
  .desktop-intel-rail section { padding: 11px; margin-bottom: 10px; }
}

@media (max-width: 520px) {
  .xg-home-dashboard { padding-inline: 8px; }
  .xg-home-dashboard-hero { min-height: 370px; background-image: linear-gradient(180deg, rgba(2, 8, 8, .95) 0%, rgba(3, 10, 10, .78) 58%, rgba(3, 9, 9, .3) 100%), url("../images/home/xgolo-home-stadium-v49-263.png"); background-position: center, 66% center; }
  .xg-home-dashboard-hero > div { justify-content: flex-start; min-height: 370px; padding: 26px 20px; }
  .xg-home-dashboard-hero h1 { max-width: 300px; font-size: 34px; }
  .xg-home-dashboard-hero p { max-width: 315px; margin-block: 14px; font-size: 12px; line-height: 1.58; }
  .xg-home-dashboard-hero section { max-width: 310px; gap: 6px; }
  .xg-home-dashboard-hero section span { padding: 7px 8px; font-size: 9px; }
  .xg-home-dashboard-panel > header h2 { font-size: 19px; }
  .xg-home-dashboard-panel > header p { max-width: 225px; line-height: 1.4; }
  .xg-home-match-card { padding: 14px; }
  .xg-home-matchup img,
  .xg-home-matchup > div > span { width: 42px; height: 42px; flex-basis: 42px; }
  .xg-home-matchup > div { flex-direction: column; text-align: center; }
  .xg-home-matchup > div:last-child { flex-direction: column; text-align: center; }
  .xg-home-matchup strong { max-width: 112px; font-size: 11px; white-space: nowrap; }
  .xg-home-fantasy-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* xGolo Fantasy team — isolated from imported My Team UI. */
.xgolo-fantasy-shell {
  display: grid;
  gap: 18px;
  margin: 18px 0 110px;
}

.xgolo-fantasy-view-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 5px;
  border: 1px solid #18352e;
  border-radius: 16px;
  background: #08120f;
}

.xgolo-fantasy-view-tabs button {
  min-height: 46px;
  border: 0;
  border-radius: 12px;
  color: #85938f;
  background: transparent;
  font: 800 13px/1.2 inherit;
}

.xgolo-fantasy-view-tabs button.active {
  color: #ecfff6;
  background: linear-gradient(135deg, #0e6c45, #06452e);
  box-shadow: inset 0 0 0 1px #19db82;
}

.xgolo-fantasy-team-view {
  display: grid;
  gap: 14px;
}

.xgolo-fantasy-team-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
  padding: 22px;
  border: 1px solid #1c4e3a;
  border-radius: 20px;
  background: radial-gradient(circle at 85% 10%, rgba(25, 219, 130, .17), transparent 40%), linear-gradient(145deg, #071b14, #08110f);
}

.xgolo-fantasy-team-hero.season {
  background: radial-gradient(circle at 85% 10%, rgba(168, 85, 247, .16), transparent 42%), linear-gradient(145deg, #071b14, #0e0c18);
}

.xgolo-fantasy-team-hero.meta {
  border-color: #215a71;
  background: radial-gradient(circle at 85% 10%, rgba(56, 189, 248, .18), transparent 42%), linear-gradient(145deg, #071b14, #071622);
}

.xgolo-meta-ready-card,
.xgolo-meta-method-card {
  display: grid;
  gap: 12px;
  padding: 22px;
  border: 1px solid #1d694a;
  border-radius: 20px;
  background: radial-gradient(circle at 90% 0, rgba(32, 223, 131, .16), transparent 38%), #091310;
}
.xgolo-meta-ready-card > span { color: #20df83; font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.xgolo-meta-ready-card > strong { color: #f4fbf8; font-size: clamp(25px, 6vw, 40px); line-height: 1.05; }
.xgolo-meta-ready-card > p,
.xgolo-meta-method-card > p { max-width: 660px; margin: 0; color: #91a19c; font-size: 13px; line-height: 1.6; }
.xgolo-meta-ready-card > div,
.xgolo-meta-method-card > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.xgolo-meta-ready-card b,
.xgolo-meta-method-card span { padding: 8px 10px; border: 1px solid #245d47; border-radius: 999px; color: #b9f8d5; background: #0b2118; font-size: 11px; }
.xgolo-meta-ready-card i { color: #3d8065; font-style: normal; }
.xgolo-meta-method-card { border-color: #224758; background: linear-gradient(145deg, #091511, #08141b); }
.xgolo-meta-method-card > strong { color: #7dd3fc; font-size: 16px; }

.xgolo-fantasy-team-hero span,
.xgolo-fantasy-summary span,
.xgolo-fantasy-bench header span {
  color: #20dc82;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.xgolo-fantasy-team-hero h1 {
  margin: 5px 0 4px;
  color: #f4fbf8;
  font-size: clamp(24px, 5vw, 38px);
  line-height: 1;
}

.xgolo-fantasy-team-hero p {
  max-width: 580px;
  margin: 0;
  color: #8d9a96;
  font-size: 13px;
}

.xgolo-fantasy-team-hero > strong {
  color: #20df83;
  font-size: clamp(38px, 8vw, 62px);
  line-height: .9;
  text-align: right;
}

.xgolo-fantasy-team-hero > strong small {
  display: block;
  margin-top: 8px;
  color: #82908b;
  font-size: 10px;
  font-weight: 700;
}

.xgolo-fantasy-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #1b352e;
  border-radius: 16px;
  background: #091310;
}

.xgolo-fantasy-summary.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.xgolo-fantasy-summary article {
  min-width: 0;
  padding: 14px;
  border-right: 1px solid #1b352e;
}

.xgolo-fantasy-summary article:last-child { border-right: 0; }
.xgolo-fantasy-summary strong { display: block; overflow: hidden; margin-top: 4px; color: #f1f7f5; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }

.xgolo-fantasy-intelligence {
  overflow: hidden;
  border: 1px solid rgba(32, 223, 131, .27);
  border-radius: 16px;
  background: radial-gradient(circle at 5% 0, rgba(32, 223, 131, .13), transparent 38%), #081310;
  padding: 15px;
}
.xgolo-fantasy-intelligence > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
.xgolo-fantasy-intelligence > header div { display: flex; align-items: center; gap: 7px; color: #edf9f3; }
.xgolo-fantasy-intelligence > header div span { color: #20df83; font-size: 19px; }
.xgolo-fantasy-intelligence > header strong { font-size: 13px; }
.xgolo-fantasy-intelligence > header small { color: #6f827b; font-size: 9px; text-transform: uppercase; }
.xgolo-fantasy-intelligence-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.xgolo-fantasy-intelligence-grid article { min-width: 0; border: 1px solid rgba(255,255,255,.065); border-radius: 10px; background: rgba(255,255,255,.03); padding: 10px; }
.xgolo-fantasy-intelligence-grid span { display: block; color: #7d918a; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.xgolo-fantasy-intelligence-grid strong { display: block; overflow: hidden; margin-top: 5px; color: #f1f9f5; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.xgolo-fantasy-intelligence-grid article:first-child strong { color: #39f58a; }
.xgolo-fantasy-intelligence-grid small { display: block; overflow: hidden; margin-top: 3px; color: #687871; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.xgolo-fantasy-intelligence > footer { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.xgolo-fantasy-intelligence > footer span { border: 1px solid rgba(255,255,255,.06); border-radius: 999px; color: #71847d; background: rgba(255,255,255,.025); padding: 5px 8px; font-size: 8px; text-transform: uppercase; }
.xgolo-fantasy-intelligence > footer b { margin-left: 3px; color: #a7e9c4; font-weight: 850; }

.xgolo-fantasy-pitch {
  display: grid;
  gap: 18px;
  padding: 28px 16px;
  overflow: hidden;
  border: 1px solid #23744e;
  border-radius: 22px;
  background-color: #07512f;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px), radial-gradient(circle at center, transparent 0 66px, rgba(255,255,255,.12) 67px 68px, transparent 69px);
  background-size: 100% 25%, 25% 100%, 100% 100%;
}

.xgolo-fantasy-pitch-row {
  display: flex;
  justify-content: center;
  gap: clamp(5px, 2vw, 16px);
}

.xgolo-fantasy-player {
  display: grid;
  justify-items: center;
  width: min(118px, 18vw);
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
}

.xgolo-fantasy-player .mini-kit { width: 48px; height: 54px; filter: drop-shadow(0 6px 8px rgba(0,0,0,.35)); }
.xgolo-fantasy-player > span { position: relative; display: grid; width: 100%; margin-top: -3px; padding: 6px 4px; border-radius: 8px; background: rgba(3, 13, 9, .92); box-shadow: 0 4px 10px rgba(0,0,0,.28); }
.xgolo-fantasy-player b { position: absolute; top: -10px; right: 2px; display: grid; width: 21px; height: 21px; place-items: center; border: 2px solid #07120e; border-radius: 50%; color: #062515; background: #21e286; font-size: 9px; }
.xgolo-fantasy-player strong { overflow: hidden; color: #fff; font-size: 11px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.xgolo-fantasy-player small { overflow: hidden; margin-top: 2px; color: #79d9ad; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.xgolo-fantasy-bench,
.xgolo-fantasy-decisions article {
  padding: 16px;
  border: 1px solid #203932;
  border-radius: 16px;
  background: #091310;
}

.xgolo-fantasy-bench header,
.xgolo-fantasy-decisions header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; color: #eef7f3; }
.xgolo-fantasy-bench > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.xgolo-fantasy-bench .xgolo-fantasy-player { width: 100%; }
.xgolo-fantasy-decisions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.xgolo-fantasy-decisions header span { color: #20df83; font-size: 18px; font-weight: 900; }
.xgolo-fantasy-decisions p { display: flex; gap: 8px; align-items: center; margin: 6px 0; color: #a9b5b1; font-size: 12px; }
.xgolo-fantasy-decisions p small { margin-left: auto; color: #20df83; }
.xgolo-fantasy-chip-list { display: flex; flex-wrap: wrap; gap: 6px; }
.xgolo-fantasy-chip-list span { padding: 7px 9px; border: 1px solid #216846; border-radius: 999px; color: #7ae5ad; font-size: 10px; font-weight: 800; }
.xgolo-fantasy-chip-list span.used { border-color: #27322f; color: #58635f; text-decoration: line-through; }
.xgolo-fantasy-auto-note { margin: 0; padding: 0 6px; color: #73817d; font-size: 11px; text-align: center; }

@media (max-width: 620px) {
  .xgolo-fantasy-view-tabs button { padding-inline: 5px; font-size: 10px; white-space: nowrap; }
  .xgolo-fantasy-team-hero { align-items: center; padding: 18px 15px; }
  .xgolo-fantasy-team-hero p { max-width: 230px; }
  .xgolo-fantasy-team-hero > strong { font-size: 36px; }
  .xgolo-fantasy-summary.four { grid-template-columns: repeat(2, 1fr); }
  .xgolo-fantasy-summary.four article:nth-child(2) { border-right: 0; }
  .xgolo-fantasy-summary.four article:nth-child(-n+2) { border-bottom: 1px solid #1b352e; }
  .xgolo-fantasy-intelligence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xgolo-fantasy-pitch { gap: 15px; padding: 22px 4px; }
  .xgolo-fantasy-player { width: min(94px, 19vw); }
  .xgolo-fantasy-player .mini-kit { width: 38px; height: 44px; }
  .xgolo-fantasy-player strong { font-size: 9px; }
  .xgolo-fantasy-player small { font-size: 8px; }
  .xgolo-fantasy-decisions { grid-template-columns: 1fr; }
}

.shared-cup-round-path {
  display: grid;
  gap: 16px;
  border: 1px solid rgba(22,212,107,.24);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(7,25,24,.96), rgba(5,13,18,.98));
  padding: 18px;
}
.shared-cup-round-path > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
}
.shared-cup-round-path > header div { display: grid; gap: 4px; }
.shared-cup-round-path > header span {
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.shared-cup-round-path > header strong { font-size: 18px; }
.shared-cup-round-path > header small { color: var(--muted); text-align: right; }
.shared-cup-round-path-track {
  display: flex;
  align-items: stretch;
  gap: 7px;
  overflow-x: auto;
  padding: 5px 2px 10px;
  scrollbar-width: thin;
}
.shared-cup-round-path-step { display: flex; align-items: center; gap: 7px; min-width: max-content; }
.shared-cup-round-path-step > i { color: rgba(22,212,107,.42); font-style: normal; }
.shared-cup-round-path-step button {
  display: grid;
  gap: 5px;
  min-width: 148px;
  min-height: 104px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 13px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  padding: 13px;
  text-align: left;
}
.shared-cup-round-path-step button > span {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 999px;
  background: rgba(22,212,107,.14);
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
}
.shared-cup-round-path.is-uefa-league-phase .shared-cup-round-path-step button > span {
  width: auto;
  min-width: 34px;
  padding-inline: 8px;
  border-radius: 8px;
  letter-spacing: .04em;
}
.shared-cup-round-path.is-uefa-league-phase .shared-cup-round-path-step:first-child button {
  min-width: 188px;
}
.shared-cup-round-path-step button strong { font-size: 13px; line-height: 1.25; }
.shared-cup-round-path-step button small { color: var(--muted); font-size: 10px; }
.shared-cup-round-path-step.is-active button,
.shared-cup-round-path-step.has-fixtures button:hover {
  border-color: rgba(22,212,107,.56);
  background: linear-gradient(145deg, rgba(22,212,107,.16), rgba(22,212,107,.04));
}
.shared-cup-round-path-step.is-pending button { opacity: .64; cursor: default; }
.shared-cup-round-path-pending {
  margin: 0;
  border-top: 1px solid rgba(255,255,255,.08);
  color: var(--muted);
  padding-top: 14px;
  font-size: 12px;
  line-height: 1.55;
}
.uefa-league-phase-table-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 12px;
  padding: 16px;
  border: 1px solid rgba(22,212,107,.22);
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(22,212,107,.09), rgba(5,18,17,.92));
}
.uefa-league-phase-table-intro > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 190px;
}
.uefa-league-phase-table-intro > div:first-child > span {
  color: var(--accent);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.uefa-league-phase-table-intro strong { font-size: 17px; }
.uefa-league-phase-table-intro small { color: var(--muted); font-size: 11px; }
.uefa-league-phase-zones {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.uefa-league-phase-zones span {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  padding: 6px 9px;
  color: var(--muted);
  background: rgba(255,255,255,.035);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.uefa-league-phase-zones .direct { border-color: rgba(22,212,107,.32); color: var(--accent); }
.uefa-league-phase-zones .playoff { border-color: rgba(250,204,21,.3); color: var(--yellow); }
.uefa-league-phase-zones .eliminated { border-color: rgba(239,68,68,.26); color: #ff7b81; }
@media (max-width: 640px) {
  .shared-cup-round-path { padding: 14px; }
  .shared-cup-round-path > header { align-items: start; }
  .shared-cup-round-path-step button { min-width: 132px; min-height: 98px; }
  .shared-cup-round-path.is-uefa-league-phase .shared-cup-round-path-step:first-child button { min-width: 172px; }
  .uefa-league-phase-table-intro { align-items: flex-start; flex-direction: column; gap: 12px; }
  .uefa-league-phase-zones { justify-content: flex-start; }
}

/* Fantasy season and Gameweek context (season-isolated UI) */
.fantasy-context-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .9fr) minmax(210px, .8fr);
  grid-column: 1 / -1;
  gap: 16px;
  align-items: center;
  margin: 0 0 18px;
  padding: 18px 20px;
  border: 1px solid rgba(39, 210, 112, .28);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(12, 39, 29, .94), rgba(5, 18, 17, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.fantasy-context-copy,
.fantasy-context-status {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.fantasy-context-copy > span {
  color: #35df7f;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.fantasy-context-copy > strong {
  color: #f4fff8;
  max-width: 100%;
  font-size: clamp(18px, 1.8vw, 22px);
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.fantasy-context-copy > small,
.fantasy-context-status > small {
  color: rgba(220, 235, 228, .68);
  font-size: 12px;
}

.fantasy-context-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
  gap: 10px;
}

.fantasy-current-season {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(47, 214, 103, .26);
  border-radius: 10px;
  color: #d8f7e4;
  background: rgba(20, 86, 49, .2);
  font-size: 12px;
  font-weight: 800;
}

.fantasy-availability-notice,
.projection-readiness-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 12px 0;
  padding: 12px 14px;
  border: 1px solid rgba(250, 204, 21, .32);
  border-radius: 12px;
  color: #f5f7f7;
  background: rgba(120, 83, 13, .16);
}

.fantasy-availability-notice > span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #06120b;
  background: #facc15;
  font-weight: 900;
}

.fantasy-availability-notice div,
.projection-readiness-note span { min-width: 0; }
.fantasy-availability-notice strong,
.projection-readiness-note strong { display: block; font-size: 12px; }
.fantasy-availability-notice p { margin: 3px 0; color: #e9efeb; font-size: 12px; }
.fantasy-availability-notice .player-availability-duration {
  display: block;
  margin: 5px 0 4px;
  color: #fecaca;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.45;
}
.fantasy-availability-notice small,
.projection-readiness-note span { color: var(--muted); font-size: 10px; }
.fantasy-availability-notice.available { border-color: rgba(47, 214, 103, .3); background: rgba(21, 112, 57, .14); }
.fantasy-availability-notice.available > span { background: var(--accent); }
.fantasy-availability-notice.unavailable { border-color: rgba(248, 113, 113, .38); background: rgba(127, 29, 29, .18); }
.fantasy-availability-notice.unavailable > span { background: #f87171; }
.projection-readiness-note { align-items: center; justify-content: space-between; border-color: rgba(96, 165, 250, .24); background: rgba(30, 64, 175, .12); }

.comparison-empty-state {
  display: grid;
  place-items: center;
  min-height: 300px;
  padding: 34px;
  border: 1px dashed rgba(146, 164, 157, .3);
  border-radius: 16px;
  text-align: center;
  background: rgba(3, 18, 15, .44);
}
.comparison-empty-state > span { color: var(--accent); font-size: 42px; }
.comparison-empty-state h2 { margin: 10px 0 6px; color: #f4fbf7; }
.comparison-empty-state p { max-width: 460px; margin: 0; color: var(--muted); font-size: 12px; }
.comparison-swap:disabled { cursor: not-allowed; opacity: .35; }
.leader-tags i.availability.doubtful { color: #facc15; border-color: rgba(250, 204, 21, .35); }
.leader-tags i.availability.unavailable { color: #f87171; border-color: rgba(248, 113, 113, .35); }

.fantasy-context-controls label {
  display: grid;
  gap: 6px;
  color: rgba(218, 234, 226, .7);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.fantasy-context-controls select {
  width: 100%;
  min-height: 42px;
  padding: 0 34px 0 12px;
  border: 1px solid rgba(111, 146, 130, .34);
  border-radius: 10px;
  color: #effff5;
  background: #07130f;
  font: inherit;
  font-size: 13px;
  text-transform: none;
}

.fantasy-context-status > span {
  width: fit-content;
  padding: 5px 9px;
  border: 1px solid rgba(249, 183, 70, .3);
  border-radius: 999px;
  color: #f7c55d;
  background: rgba(249, 183, 70, .08);
  font-size: 11px;
  font-weight: 850;
}

.fantasy-context-status > span[data-status="AVAILABLE"],
.fantasy-context-status > span[data-status="READY"] {
  border-color: rgba(39, 210, 112, .34);
  color: #58e994;
  background: rgba(39, 210, 112, .09);
}

.fantasy-data-pending {
  margin: 14px 0;
  padding: 18px;
  border: 1px dashed rgba(249, 183, 70, .34);
  border-radius: 14px;
  color: #f4cb76;
  background: rgba(249, 183, 70, .055);
}

.fantasy-data-pending strong {
  display: block;
  margin-bottom: 6px;
}

.fantasy-data-pending p {
  margin: 0;
  color: rgba(226, 234, 230, .7);
  line-height: 1.55;
}

.fantasy-membership-pending-shell {
  min-height: 180px;
}

.fantasy-membership-pending-card {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 14px 0;
  padding: 20px;
  border: 1px solid rgba(120, 144, 138, .22);
  border-radius: 14px;
  color: var(--text);
  background: rgba(12, 26, 24, .72);
}

.fantasy-membership-pending-card strong {
  display: block;
  margin-bottom: 5px;
}

.fantasy-membership-pending-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.fantasy-membership-spinner {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border: 2px solid rgba(39, 210, 112, .2);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: fantasy-membership-spin .8s linear infinite;
}

@keyframes fantasy-membership-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .fantasy-membership-spinner { animation: none; }
}

.fantasy-player-results {
  display: contents;
}

@media (max-width: 780px) {
  body:has(#page-fantasy.active) .header {
    isolation: isolate;
    overflow: visible;
    background:
      radial-gradient(circle at 18% 0%, rgba(22,212,107,.15), transparent 34%),
      #05090a;
    box-shadow: 0 10px 20px rgba(5, 9, 10, .82);
  }

  body:has(#page-fantasy.active) .language-switcher {
    z-index: 90;
  }

  .fantasy-context-panel {
    grid-template-columns: 1fr;
    gap: 13px;
    padding: 15px;
  }

  .fantasy-context-controls > * {
    min-width: 0;
  }

  .fantasy-current-season {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .fantasy-context-status {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .fantasy-context-status > small {
    flex-basis: 100%;
  }
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

body {
  margin: 0 auto;
  max-width: var(--max-w);
  min-height: 100vh;
  padding-bottom: 84px;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--text);
}

button, input, select { font: inherit; }
button { cursor: pointer; }

.header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 14px;
  background:
    radial-gradient(circle at 18% 0%, rgba(22,212,107,.15), transparent 34%),
    rgba(5,9,10,.98);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.logo {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 27px;
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: 1;
  color: #f7fbfb;
}

.logo::first-letter { color: #16d46b; }
.logo span { color: #f7fbfb; }
.header-right { display: flex; align-items: center; gap: 8px; }

.season-badge, .premium-pill, .account-top-btn {
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}

.season-badge {
  color: var(--accent);
  background: var(--surface2);
  border: 1px solid var(--border);
  font-family: "DM Mono", monospace;
}

.premium-pill {
  color: #16d46b;
  border: 1px solid rgba(22,212,107,.34);
  background: rgba(22,212,107,.12);
}
.access-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 28px;
  gap: 5px;
  white-space: nowrap;
}
.access-toggle img {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  border-radius: 50%;
  object-fit: contain;
}
.access-toggle[data-membership-plan="fantasy-nfl"] img + img {
  margin-left: -8px;
}
body.is-free .access-toggle {
  color: rgba(247,251,251,.56);
  border-color: rgba(255,255,255,.11);
  background: rgba(255,255,255,.04);
}
body.is-pro .access-toggle {
  color: #16d46b;
  border-color: rgba(22,212,107,.42);
  background: rgba(22,212,107,.12);
}
.access-toggle[data-membership-plan="fantasy"] {
  color: #d491ff;
  border-color: rgba(193,92,255,.42);
  background: rgba(193,92,255,.12);
}
.access-toggle[data-membership-plan="nfl"] {
  color: #70b7ff;
  border-color: rgba(112,183,255,.42);
  background: rgba(112,183,255,.12);
}
.access-toggle[data-membership-plan="fantasy-nfl"] {
  color: #e6d4ff;
  border-color: rgba(174,126,255,.42);
  background: rgba(115,102,255,.12);
}
.account-top-btn {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.045);
  color: #f7fbfb;
  padding: 0;
  font-size: 13px;
  letter-spacing: 0;
}
.account-top-btn.active {
  border-color: rgba(232,132,58,.5);
  background: rgba(232,132,58,.14);
}

.language-switcher {
  position: relative;
}

.lang-toggle {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(22,212,107,.28);
  border-radius: 4px;
  background: rgba(22,212,107,.08);
  color: #f7fbfb;
  padding: 0;
  font-size: 14px;
  line-height: 1;
}

.lang-toggle[aria-expanded="true"] {
  border-color: rgba(22,212,107,.52);
  background: rgba(22,212,107,.16);
  box-shadow: 0 0 18px rgba(22,212,107,.14);
}

.lang-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  min-width: 132px;
  display: none;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(17,29,31,.98), rgba(5,9,10,.98));
  box-shadow: 0 16px 36px rgba(0,0,0,.36);
}

.language-switcher.open .lang-menu {
  display: grid;
  gap: 3px;
}

.lang-menu button {
  display: grid;
  grid-template-columns: 12px 18px 1fr;
  align-items: center;
  gap: 6px;
  width: 100%;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(247,251,251,.68);
  padding: 8px 9px;
  text-align: left;
  font-size: 11px;
  font-weight: 800;
}

.lang-menu button:hover,
.lang-menu button.active {
  background: rgba(22,212,107,.12);
  color: #f7fbfb;
}

.lang-menu button.active {
  border: 1px solid rgba(22,212,107,.22);
  color: #16d46b;
}

.lang-check {
  width: 12px;
  color: #16d46b;
  font-size: 10px;
  font-weight: 900;
}

.lang-menu button.active .lang-check::before {
  content: "✓";
}

.lang-flag {
  font-size: 13px;
  line-height: 1;
}

.tabs {
  display: none;
  overflow-x: auto;
  scrollbar-width: none;
  gap: 28px;
  padding: 0 20px 0;
  background: rgba(5,9,10,.98);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.tabs::-webkit-scrollbar { display: none; }

.tab {
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: rgba(247,251,251,.58);
  padding: 10px 0 11px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.tab.active { color: #16d46b; border-bottom-color: #16d46b; }

.page { display: none; }
.page.active { display: block; }
body.home-shell {
  background: #05090a;
}
body.home-shell #page-home > .home-date,
body.home-shell #page-home > .breaking-row {
  display: none;
}
body.home-shell main {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 10%, rgba(0,208,106,.14), transparent 32%),
    linear-gradient(180deg, #05090a 0%, #071011 45%, #050707 100%);
}

.news-box {
  margin: 10px 12px 0;
  padding: 10px 12px;
  background: rgba(232,132,58,.07);
  border: 1px solid rgba(232,132,58,.18);
  border-radius: 6px;
}

.news-item {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.news-item + .news-item { margin-top: 7px; }
.news-item strong { color: var(--text); }
.n-dot { width: 7px; height: 7px; border-radius: 50%; margin-top: 4px; background: var(--accent); flex: 0 0 auto; }
.n-dot.red { background: var(--red); }
.n-dot.purple { background: var(--accent2); }

.home-date {
  margin: 14px 20px 10px;
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.breaking-row {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 0 20px 12px;
  scrollbar-width: none;
}
.breaking-row::-webkit-scrollbar { display: none; }
.breaking-pill {
  flex: 0 0 auto;
  border: 1px solid rgba(240,234,216,.07);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 800;
}
.breaking-pill::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--accent);
}
.breaking-pill.red::before { background: var(--red); }
.breaking-pill.purple::before { background: var(--accent2); }
.breaking-pill.orange::before { background: var(--accent); }

.xg-home {
  padding: 12px 14px 16px;
}
.xg-home-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px;
}
.xg-brand {
  color: #f7fbfb;
  font-size: 27px;
  font-weight: 900;
  letter-spacing: -.03em;
}
.xg-brand span { color: #16d46b; }
.xg-home-actions {
  display: flex;
  gap: 14px;
  align-items: center;
}
.xg-home-actions button {
  position: relative;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: #f7fbfb;
  font-size: 25px;
  line-height: 1;
}
.xg-home-actions i {
  position: absolute;
  top: 1px;
  right: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16d46b;
}
.xg-home-tabs {
  display: flex;
  gap: 28px;
  align-items: center;
  overflow-x: auto;
  margin: 0 -2px 18px;
  padding-bottom: 3px;
  scrollbar-width: none;
}
.xg-home-tabs::-webkit-scrollbar { display: none; }
.xg-home-tabs button {
  position: relative;
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: rgba(247,251,251,.62);
  padding: 8px 0;
  font-size: 15px;
  font-weight: 600;
}
.xg-home-tabs button.active {
  color: #16d46b;
}
.xg-home-tabs button.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 2px;
  border-radius: 999px;
  background: #16d46b;
  box-shadow: 0 0 12px rgba(22,212,107,.7);
}
.xg-hero-card {
  position: relative;
  min-height: 224px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(9,15,17,.15), rgba(5,9,10,.94)),
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.1), transparent 38%),
    #101517;
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
}
.xg-logo-hero {
  display: grid;
  place-items: center;
  min-height: 210px;
  margin-bottom: 24px;
  border: 1px solid rgba(60,172,59,.28);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(60,172,59,.12), rgba(42,57,141,.13)),
    #070d0b;
  padding: 28px 18px;
  text-align: center;
}
.xg-logo-mark {
  color: #3CAC3B;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 56px;
  font-weight: 900;
  line-height: 1;
}
.xg-logo-mark span { color: #f7fbfb; }
.xg-logo-hero p { margin: 12px 0 18px; color: rgba(247,251,251,.7); font-size: 12px; }
.xg-logo-hero button {
  border: 1px solid rgba(60,172,59,.45);
  border-radius: 6px;
  background: #3CAC3B;
  color: #050908;
  padding: 10px 16px;
  font-weight: 900;
}
.xg-hero-team {
  position: absolute;
  bottom: 40px;
  width: 30%;
  height: 140px;
  opacity: .88;
}
.xg-hero-team.left { left: -6px; }
.xg-hero-team.right { right: -6px; transform: scaleX(-1); }
.xg-hero-team img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.55));
}
.xg-hero-content {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  padding: 22px 92px 54px;
  text-align: center;
}
.xg-hero-content > span {
  border: 1px solid rgba(22,212,107,.18);
  border-radius: 999px;
  background: rgba(22,212,107,.08);
  color: #16d46b;
  padding: 6px 12px;
  font-size: 10px;
  font-weight: 900;
}
.xg-flags {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 13px 0 2px;
}
.xg-flags b {
  display: grid;
  gap: 3px;
  color: #f7fbfb;
  font-size: 26px;
  justify-items: center;
}
.xg-flags small {
  color: #fff;
  font-family: "DM Mono", monospace;
  font-size: 8px;
  font-weight: 900;
}
.xg-hero-content h2 {
  margin: 0 0 13px;
  color: #f7fbfb;
  font-size: 15px;
  line-height: 1.1;
}
.xg-prob {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 16px;
}
.xg-prob strong {
  color: #1d63ff;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 22px;
  line-height: 1;
}
.xg-prob strong:nth-child(2) { color: rgba(247,251,251,.52); }
.xg-prob strong:nth-child(3) { color: #ff3144; }
.xg-prob small {
  display: block;
  margin-top: 5px;
  color: rgba(247,251,251,.52);
  font-size: 10px;
  font-weight: 500;
}
.xg-hero-foot {
  position: absolute;
  z-index: 3;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #f7fbfb;
  font-size: 12px;
  font-weight: 800;
}
.xg-hero-foot button {
  border: 0;
  background: transparent;
  color: #16d46b;
  font-size: 12px;
  font-weight: 900;
}
.xg-dots {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 13px 0 24px;
}
.xg-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(247,251,251,.28);
}
.xg-dots i.active {
  width: 18px;
  border-radius: 999px;
  background: #16d46b;
}
.xg-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 12px;
}
.xg-section-head strong {
  color: #f7fbfb;
  font-size: 19px;
  font-weight: 900;
}
.xg-section-head button {
  border: 0;
  background: transparent;
  color: #16d46b;
  font-size: 13px;
  font-weight: 800;
}
.xg-news-list {
  display: grid;
  gap: 12px;
  margin-bottom: 20px;
}
.xg-news-card {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 12px;
  min-height: 172px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  color: #f7fbfb;
  padding: 8px;
  text-decoration: none;
}
.xg-news-img {
  overflow: hidden;
  border-radius: 9px;
  background: #11191a;
}
.xg-news-logo {
  display: grid;
  place-items: center;
  min-height: 156px;
  border-radius: 6px;
  background: #08120e;
  color: #3CAC3B;
  font-size: 48px;
  font-weight: 950;
}
.xg-news-logo span { color: #f7fbfb; }
.xg-news-img img {
  width: 100%;
  height: 100%;
  min-height: 156px;
  object-fit: cover;
  display: block;
}
.xg-news-body {
  min-width: 0;
  padding: 5px 2px 2px 0;
}
.xg-news-tag {
  display: inline-block;
  border-radius: 4px;
  background: rgba(22,212,107,.18);
  color: #16d46b;
  padding: 4px 6px;
  font-size: 9px;
  font-weight: 900;
}
.xg-news-tag.red { background: rgba(239,49,68,.22); color: #ff3144; }
.xg-news-tag.green { background: rgba(22,212,107,.18); color: #16d46b; }
.xg-news-tag.purple { background: rgba(132,91,255,.24); color: #a68bff; }
.xg-news-tag.yellow { background: rgba(245,179,66,.24); color: #f5b342; }
.xg-news-tag.blue { background: rgba(72,135,255,.24); color: #75a6ff; }
.xg-news-card h3 {
  margin: 9px 0 4px;
  color: #f7fbfb;
  font-size: 16px;
  line-height: 1.28;
}
.xg-news-card p {
  margin: 0 0 10px;
  color: rgba(247,251,251,.78);
  font-size: 12px;
  line-height: 1.35;
}
.xg-insight {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  padding: 9px;
}
.xg-insight strong {
  display: block;
  color: #16d46b;
  font-size: 11px;
  margin-bottom: 4px;
}
.xg-insight span {
  color: rgba(247,251,251,.84);
  font-size: 11px;
  line-height: 1.3;
}
.xg-news-meta {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 10px;
  color: rgba(247,251,251,.62);
  font-size: 12px;
}
.xg-news-meta span:last-child { margin-left: auto; }
.xg-fixture-list {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
}
.xg-fixture-row {
  display: grid;
  grid-template-columns: 58px 1fr 28px 1fr 24px;
  gap: 8px;
  align-items: center;
  width: 100%;
  border: 0;
  background: rgba(255,255,255,.045);
  color: #f7fbfb;
  padding: 13px 12px;
  text-align: left;
}
.xg-fixture-row span,
.xg-fixture-row em {
  color: rgba(247,251,251,.78);
  font-style: normal;
  font-size: 12px;
}
.xg-fixture-row strong {
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xg-fixture-row i {
  color: #f7fbfb;
  font-style: normal;
  text-align: right;
}

.feature-pick {
  margin: 0 12px 12px;
  overflow: hidden;
  border: 1px solid rgba(232,132,58,.18);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(232,132,58,.09), var(--surface));
}
.feature-label {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px 0;
  color: var(--green);
  font-family: "DM Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}
.feature-label span { color: var(--muted); }
.feature-pick h2 { margin: 14px 16px 6px; font-size: 19px; line-height: 1.25; }
.feature-pick p { margin: 0 16px 16px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.feature-meta {
  display: flex;
  gap: 14px;
  border-top: 1px solid var(--border);
  padding: 11px 16px;
  color: var(--accent);
  font-family: "DM Mono", monospace;
  font-size: 11px;
  font-weight: 800;
}
.home-stat-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 12px 18px; }
.home-stat-strip div { border: 1px solid var(--border); border-radius: 8px; background: var(--surface); padding: 13px 8px; text-align: center; }
.home-stat-strip strong { color: var(--accent); font-family: "Bebas Neue", sans-serif; font-size: 34px; }
.home-stat-strip span { display: block; color: var(--muted); font-size: 10px; line-height: 1.35; text-transform: uppercase; }
.api-news-block { margin-bottom: 4px; }
.api-news-card {
  margin: 0 12px 12px;
  border: 1px solid rgba(192,132,252,.24);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(192,132,252,.08), var(--surface));
  overflow: hidden;
}
.api-news-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px 0;
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.api-news-top span {
  border: 1px solid rgba(108,224,139,.3);
  border-radius: 4px;
  color: var(--green);
  padding: 2px 6px;
}
.api-score-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  padding: 13px 14px 10px;
}
.api-score-row strong { display: block; font-size: 15px; line-height: 1.15; }
.api-score-row small { color: var(--muted); font-size: 10px; }
.api-score-row b {
  color: var(--accent);
  font-family: "Bebas Neue", sans-serif;
  font-size: 38px;
  line-height: 1;
}
.api-score-row .right { text-align: right; }
.api-news-card h2 { margin: 0 14px 5px; color: var(--text); font-size: 16px; line-height: 1.25; }
.api-news-card > p { margin: 0 14px 12px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.api-event-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.api-event-list li {
  display: grid;
  grid-template-columns: 42px 62px 1fr;
  align-items: center;
  gap: 8px;
  background: rgba(240,234,216,.025);
  padding: 9px 14px;
}
.api-event-list span,
.api-event-list strong {
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 800;
}
.api-event-list span { color: var(--accent); }
.api-event-list strong { color: var(--green); text-transform: uppercase; }
.api-event-list p { margin: 0; color: var(--text); font-size: 11px; line-height: 1.3; }
.api-news-note { padding: 12px 14px 14px; }
.api-news-note span {
  color: var(--accent2);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}
.api-news-note p { margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.feed-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 20px 8px;
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.feed-section-title::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.feed-card { margin: 0 12px 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); padding: 13px 14px; }
.feed-card span { float: right; border-radius: 4px; background: rgba(232,132,58,.12); color: var(--accent); padding: 3px 7px; font-family: "DM Mono", monospace; font-size: 10px; font-weight: 800; }
.feed-card strong { display: block; font-size: 14px; }
.feed-card p { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.35; }
.feed-card.fantasy span { color: var(--accent2); background: rgba(192,132,252,.16); }

.page-kicker { margin: 18px 20px 2px; color: var(--muted); font-family: "DM Mono", monospace; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.page-title { margin: 0 20px; font-family: "Bebas Neue", sans-serif; font-size: 36px; line-height: 1; letter-spacing: .03em; }
.page-sub { margin: 5px 20px 16px; color: var(--muted); font-size: 12px; line-height: 1.4; }

.parlay-chat {
  margin: 0 12px 16px;
  border: 1px solid rgba(60,172,59,.34);
  border-radius: 8px;
  background: rgba(5,14,16,.92);
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
  overflow: hidden;
}
.parlay-chat-head {
  display: grid;
  grid-template-columns: 36px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 14px;
  border-bottom: 1px solid rgba(209,212,209,.12);
}
.parlay-ai-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #3CAC3B;
  color: #041008;
  font-size: 18px;
  font-weight: 900;
}
.parlay-chat-head span { display: block; color: #3CAC3B; font-family: "DM Mono", monospace; font-size: 9px; font-weight: 800; }
.parlay-chat-head strong { display: block; margin-top: 2px; color: #f7fbfb; font-size: 16px; }
.parlay-chat-head em { color: #D1D4D1; font-family: "DM Mono", monospace; font-size: 9px; font-style: normal; }
.parlay-message { padding: 12px 12px 0; }
.parlay-message textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 78px;
  resize: vertical;
  border: 1px solid rgba(42,57,141,.52);
  border-radius: 8px 8px 2px 8px;
  outline: none;
  background: rgba(42,57,141,.17);
  color: #f7fbfb;
  padding: 12px;
  font: 500 13px/1.5 "Plus Jakarta Sans", sans-serif;
}
.parlay-message textarea:focus { border-color: #3CAC3B; }
.parlay-message textarea::placeholder { color: #8c9898; }
.parlay-input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 12px; }
.parlay-input-grid label {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(209,212,209,.14);
  border-radius: 6px;
  background: rgba(71,74,74,.20);
  padding: 9px 10px;
}
.parlay-input-grid label span { color: #899494; font-family: "DM Mono", monospace; font-size: 9px; font-weight: 800; }
.parlay-input-grid .parlay-odds-field { grid-template-columns: auto auto minmax(42px, 1fr); }
.parlay-odds-signs {
  display: grid;
  grid-template-columns: repeat(2, 28px);
  gap: 4px;
}
.parlay-odds-signs button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(209,212,209,.18);
  border-radius: 4px;
  background: rgba(209,212,209,.07);
  color: #d9e0df;
  font: 800 16px/1 "DM Mono", monospace;
}
.parlay-odds-signs button.active {
  border-color: #3CAC3B;
  background: rgba(60,172,59,.2);
  color: #65df72;
}
.parlay-input-grid input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f7fbfb;
  font: 800 15px "DM Mono", monospace;
  text-align: right;
}
@media (max-width: 480px) {
  .parlay-input-grid { grid-template-columns: 1fr; }
}
.parlay-analyze-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: calc(100% - 24px);
  min-height: 44px;
  margin: 0 12px 12px;
  border: 0;
  border-radius: 6px;
  background: #3CAC3B;
  color: #041008;
  font-size: 13px;
  font-weight: 900;
}
.parlay-analyze-btn:disabled { opacity: .55; }
.parlay-response { border-top: 1px solid rgba(209,212,209,.10); }
.parlay-empty { display: flex; gap: 9px; align-items: center; padding: 12px 14px; color: #879292; }
.parlay-empty span { color: #3CAC3B; font-family: "DM Mono", monospace; font-size: 10px; font-weight: 900; }
.parlay-empty p { margin: 0; font-size: 11px; }
.parlay-result-head { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; padding: 14px; }
.parlay-result-head span { color: #899494; font-family: "DM Mono", monospace; font-size: 9px; }
.parlay-result-head strong { display: block; color: #f7fbfb; font-size: 17px; }
.parlay-result-head b { color: #3CAC3B; font-family: "Bebas Neue", sans-serif; font-size: 42px; font-weight: 400; line-height: .9; }
.parlay-leg-list { display: grid; gap: 1px; background: rgba(209,212,209,.08); }
.parlay-leg {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  gap: 9px;
  align-items: center;
  background: #081216;
  padding: 11px 14px;
}
.parlay-leg > span { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid #3CAC3B; border-radius: 50%; color: #3CAC3B; font-size: 10px; }
.parlay-leg strong { display: block; color: #edf3f3; font-size: 12px; }
.parlay-leg small { display: block; margin-top: 2px; color: #7f8b8b; font-size: 9px; }
.parlay-leg b { color: #D1D4D1; font-family: "DM Mono", monospace; font-size: 13px; }
.parlay-price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(209,212,209,.10); }
.parlay-price-grid div { background: rgba(42,57,141,.12); padding: 12px 8px; text-align: center; }
.parlay-price-grid span { display: block; color: #7f8b8b; font-family: "DM Mono", monospace; font-size: 8px; }
.parlay-price-grid strong { display: block; margin-top: 3px; color: #f7fbfb; font-size: 13px; }
.parlay-price-grid strong.positive { color: #3CAC3B; }
.parlay-price-grid strong.negative { color: #E61D25; }
.parlay-model-note { margin: 0; padding: 11px 14px 14px; color: #7f8b8b; font-size: 9px; line-height: 1.45; }

.edge-filter-row { display: flex; gap: 8px; overflow-x: auto; padding: 0 12px 12px; scrollbar-width: none; }
.edge-filter-row::-webkit-scrollbar { display: none; }
.edge-filter { flex: 0 0 auto; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--muted); padding: 9px 12px; font-size: 12px; font-weight: 800; }
.edge-filter.active { background: var(--accent); border-color: var(--accent); color: #1a1915; }
.edge-builder { margin: 0 12px 14px; border: 1px solid rgba(192,132,252,.2); border-radius: 8px; background: rgba(192,132,252,.08); padding: 14px; }
.edge-builder-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.edge-builder-head strong { color: var(--accent2); }
.edge-builder-head span { color: var(--accent); font-family: "Bebas Neue", sans-serif; font-size: 26px; }
.builder-leg { display: grid; grid-template-columns: 22px 1fr auto; gap: 8px; padding: 9px 0; border-top: 1px solid rgba(240,234,216,.07); }
.builder-leg span { color: var(--muted); font-family: "DM Mono", monospace; }
.builder-leg strong { font-size: 12px; }
.builder-leg small { color: var(--muted); font-size: 10px; }
.edge-list { display: flex; flex-direction: column; gap: 8px; padding: 0 12px 4px; }
.edge-market-label {
  margin: 10px 12px 7px;
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}
.edge-date-group { margin-bottom: 20px; }
.edge-date-header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: end;
  margin: 4px 12px 10px;
  border-left: 4px solid #3CAC3B;
  border-bottom: 1px solid rgba(209,212,209,.14);
  background: linear-gradient(90deg, rgba(60,172,59,.14), transparent 72%);
  padding: 10px 12px;
}
.edge-date-header span {
  display: block;
  color: #66d564;
  font-family: "DM Mono", monospace;
  font-size: 8px;
  font-weight: 900;
}
.edge-date-header strong {
  display: block;
  margin-top: 3px;
  color: #f7fbfb;
  font-size: 15px;
  line-height: 1.2;
}
.edge-date-header small {
  flex: 0 0 auto;
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 8px;
  white-space: nowrap;
}
.edge-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; width: 100%; min-height: 72px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--text); padding: 16px 18px; text-align: left; }
.edge-card.strong { border-color: rgba(74,222,128,.18); }
.edge-card.lean { border-color: rgba(251,191,36,.16); }
.edge-card.watch { border-color: rgba(230,29,37,.28); }
.edge-card-meta { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 6px; }
.edge-match { display: block; min-width: 0; color: var(--muted); font-family: "DM Mono", monospace; font-size: 11px; }
.edge-market-chip {
  flex: 0 0 auto;
  border: 1px solid rgba(209,212,209,.14);
  border-radius: 4px;
  background: rgba(209,212,209,.06);
  padding: 4px 6px;
  color: #D1D4D1;
  font-family: "DM Mono", monospace;
  font-size: 8px;
  font-weight: 900;
}
.edge-card strong { display: block; font-size: 22px; line-height: 1.15; }
.edge-card-main { min-width: 0; }
.edge-market-prices {
  display: grid;
  grid-template-columns: repeat(7, minmax(62px, 1fr));
  gap: 6px;
  margin-top: 12px;
}
.edge-market-prices span {
  border: 1px solid rgba(209,212,209,.11);
  border-radius: 5px;
  background: rgba(0,0,0,.16);
  padding: 7px 8px;
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 8px;
}
.edge-market-prices b { display: block; margin-top: 2px; color: var(--text); font-size: 11px; }
.edge-market-prices b.positive { color: #66d564; }
.edge-market-prices b.negative { color: #ff6268; }
.edge-ev-verdict {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  margin-top: 9px;
  border: 1px solid rgba(209,212,209,.13);
  border-radius: 6px;
  background: rgba(209,212,209,.05);
  padding: 8px 10px;
}
.edge-ev-verdict strong { color: #D1D4D1; font-size: 11px; }
.edge-ev-verdict span { color: var(--muted); font-size: 9px; line-height: 1.35; }
.edge-ev-verdict.positive { border-color: rgba(60,172,59,.36); background: rgba(60,172,59,.10); }
.edge-ev-verdict.positive strong { color: #66d564; }
.edge-ev-verdict.negative { border-color: rgba(230,29,37,.34); background: rgba(230,29,37,.09); }
.edge-ev-verdict.negative strong { color: #ff7479; }
.edge-ev-verdict.neutral strong { color: #f4d35e; }
.edge-why-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 9px;
}
.edge-why-grid > div {
  border-left: 2px solid rgba(60,172,59,.55);
  padding-left: 8px;
}
.edge-why-grid > div:last-child { border-left-color: rgba(230,29,37,.58); }
.edge-why-grid > div > span {
  display: block;
  color: #66d564;
  font-family: "DM Mono", monospace;
  font-size: 8px;
  font-weight: 900;
}
.edge-why-grid > div:last-child > span { color: #ff7479; }
.edge-why-grid small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.35;
}
.insight-row-list {
  display: grid;
  gap: 6px;
  margin: 7px 0 0;
  padding: 0;
  list-style: none;
}
.insight-row {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  column-gap: 7px;
  align-items: start;
  color: #aeb9bd;
  font-size: 10px;
  line-height: 1.35;
}
.insight-row i {
  font-style: normal;
  font-weight: 900;
  line-height: 1.35;
  text-align: center;
}
.insight-row span {
  color: #dce5e5;
}
.insight-row em {
  grid-column: 2;
  margin-top: 3px;
  color: #b9c3c6;
  font-style: normal;
  line-height: 1.45;
}
.insight-row.positive i,
.insight-row.positive span { color: #35d565; }
.insight-row.negative i,
.insight-row.negative span { color: #ff7479; }
.insight-row.neutral i { color: #9ba7aa; }
.insight-row.neutral span { color: #d8e0e0; }
.edge-card p { margin: 4px 0 10px; color: var(--muted); font-size: 11px; }
.edge-tag { border-radius: 3px; padding: 4px 8px; font-family: "DM Mono", monospace; font-size: 10px; font-weight: 800; }
.edge-tag.strong { color: var(--green); background: rgba(74,222,128,.12); }
.edge-tag.lean { color: var(--yellow); background: rgba(251,191,36,.12); }
.edge-confidence { text-align: right; }
.edge-confidence strong { color: var(--green); font-family: "Bebas Neue", sans-serif; font-size: 34px; line-height: 1; }
.edge-card.lean .edge-confidence strong { color: var(--yellow); }
.edge-card.watch .edge-confidence strong { color: #ff6268; }
.edge-confidence span { display: block; color: var(--muted); font-size: 9px; letter-spacing: .08em; }
.wc-handicap-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 0 12px 14px;
}
.wc-handicap-grid.wc-handicap-single { grid-template-columns: minmax(0, 1fr); }
.wc-handicap-card {
  border: 1px solid rgba(209,212,209,.15);
  border-radius: 8px;
  background: #081216;
  padding: 13px;
}
.wc-handicap-card > span { color: var(--muted); font-family: "DM Mono", monospace; font-size: 9px; }
.wc-handicap-card h3 { margin: 5px 0; color: #f7fbfb; font-size: 18px; }
.wc-handicap-card > strong { color: #66d564; font-size: 22px; }
.wc-handicap-card.wc-confidence-lean > strong { color: #f4d35e; }
.wc-handicap-card.wc-confidence-watch > strong { color: #ff6268; }
.wc-handicap-price { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.wc-handicap-price small { border: 1px solid rgba(209,212,209,.12); border-radius: 4px; padding: 5px 6px; color: #D1D4D1; font-family: "DM Mono", monospace; font-size: 8px; }
.wc-handicap-why { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 11px; }
.wc-handicap-why b { display: block; color: #66d564; font-size: 8px; }
.wc-handicap-why > div:last-child b { color: #ff7479; }
.wc-handicap-why small { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.35; }
.xgolo-coach {
  margin-top: 10px;
  border-left: 3px solid #2A398D;
  background: rgba(42,57,141,.15);
  padding: 10px 12px;
}
.xgolo-coach span { color: #8fa4ff; font-family: "DM Mono", monospace; font-size: 9px; font-weight: 900; }
.xgolo-coach p { margin: 5px 0 0; color: #edf3f3; font-size: 11px; line-height: 1.45; }
.xgolo-coach .insight-row-list { margin-top: 7px; }
.xgolo-coach small { display: block; margin-top: 6px; color: var(--muted); font-size: 9px; }
.wc-odds-board {
  margin-bottom: 14px;
  border: 1px solid rgba(209,212,209,.14);
  border-radius: 8px;
  background: #081216;
  overflow: hidden;
}
.wc-odds-board header,
.wc-odds-board > div {
  display: grid;
  grid-template-columns: minmax(100px, 1.2fr) repeat(3, minmax(70px, 1fr));
  gap: 8px;
  align-items: center;
  padding: 9px 11px;
}
.wc-odds-board header { grid-template-columns: 1fr auto; border-bottom: 1px solid rgba(209,212,209,.12); }
.wc-odds-board header strong { color: #f7fbfb; font-size: 11px; }
.wc-odds-board header span { color: var(--muted); font-size: 8px; }
.wc-odds-board > div + div { border-top: 1px solid rgba(209,212,209,.08); }
.wc-odds-board > div > strong { color: #D1D4D1; font-size: 10px; }
.wc-odds-board > div span { display: flex; justify-content: space-between; gap: 5px; color: var(--muted); font-size: 8px; }
.wc-odds-board > div b { color: #66d564; font-family: "DM Mono", monospace; font-size: 9px; }
.wc-match-ranking { display: grid; gap: 6px; margin-bottom: 14px; }
.wc-ranked-pick {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(209,212,209,.13);
  border-radius: 6px;
  background: rgba(209,212,209,.05);
  padding: 10px;
}
.wc-ranked-pick > span { color: #3CAC3B; font-family: "DM Mono", monospace; font-size: 11px; font-weight: 900; }
.wc-ranked-pick strong { display: block; color: #f7fbfb; font-size: 12px; }
.wc-ranked-pick small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; }
.wc-ranked-pick > b { color: #D1D4D1; font-family: "Bebas Neue", sans-serif; font-size: 28px; font-weight: 400; }
.wc-ranked-pick.positive { border-color: rgba(60,172,59,.35); }
.wc-ranked-pick.positive > b { color: #66d564; }
.wc-ranked-pick.negative > b { color: #ff7479; }
.wc-decision-center {
  margin-bottom: 14px;
  border: 1px solid rgba(60,172,59,.28);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(42,57,141,.17), rgba(60,172,59,.08)), #081216;
  padding: 13px;
}
.wc-decision-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.wc-decision-head span { color: #3CAC3B; font-family: "DM Mono", monospace; font-size: 8px; font-weight: 900; }
.wc-decision-head strong { display: block; margin-top: 4px; color: #f7fbfb; font-size: 20px; }
.wc-decision-head > b { color: #66d564; font-family: "Bebas Neue", sans-serif; font-size: 38px; font-weight: 400; line-height: .8; text-align: right; }
.wc-decision-head > b small { display: block; margin-top: 5px; color: var(--muted); font: 700 7px "DM Mono", monospace; }
.wc-decision-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: 12px; }
.wc-decision-grid > div { border: 1px solid rgba(209,212,209,.10); border-radius: 5px; background: rgba(0,0,0,.15); padding: 8px; }
.wc-decision-grid span { display: block; color: var(--muted); font: 700 7px "DM Mono", monospace; }
.wc-decision-grid strong { display: block; margin-top: 3px; color: #f7fbfb; font-size: 12px; }
.wc-sgp-list { display: grid; gap: 10px; margin-bottom: 8px; }
.wc-sgp-card {
  border: 1px solid rgba(60,172,59,.28);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(60,172,59,.10), rgba(42,57,141,.13)), #081216;
  padding: 13px;
}
.wc-sgp-card header {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}
.wc-sgp-card header > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid #3CAC3B;
  border-radius: 50%;
  color: #66d564;
  font: 900 10px "DM Mono", monospace;
}
.wc-sgp-card header strong { display: block; color: #f7fbfb; font-size: 15px; }
.wc-sgp-card header small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; }
.wc-sgp-card header > b { color: #66d564; font-family: "Bebas Neue", sans-serif; font-size: 34px; font-weight: 400; }
.wc-sgp-legs { display: grid; gap: 5px; margin-top: 11px; }
.wc-sgp-legs > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(209,212,209,.10);
  border-radius: 5px;
  background: rgba(0,0,0,.16);
  padding: 8px;
}
.wc-sgp-legs span { color: #3CAC3B; font: 800 7px "DM Mono", monospace; }
.wc-sgp-legs strong { color: #edf3f3; font-size: 11px; }
.wc-sgp-legs small { color: var(--muted); font-size: 8px; text-align: right; }
.wc-sgp-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-top: 9px;
}
.wc-sgp-metrics > div { border-radius: 5px; background: rgba(209,212,209,.06); padding: 8px; }
.wc-sgp-metrics span { display: block; color: var(--muted); font: 700 7px "DM Mono", monospace; }
.wc-sgp-metrics strong { display: block; margin-top: 3px; color: #f7fbfb; font-size: 11px; }
.wc-sgp-script { margin-top: 9px; border-left: 2px solid #2A398D; padding-left: 9px; }
.wc-sgp-script span { color: #8fa4ff; font: 800 7px "DM Mono", monospace; }
.wc-sgp-script p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.4; }
.wc-sgp-note, .wc-sgp-empty {
  margin: 0 0 14px;
  border: 1px solid rgba(209,212,209,.12);
  border-radius: 6px;
  background: rgba(209,212,209,.05);
  color: var(--muted);
  padding: 10px 12px;
  font-size: 9px;
  line-height: 1.45;
}
.wc-sgp-empty { color: #D1D4D1; font-size: 10px; }

.account-page { padding: 0 0 16px; }
.account-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: start;
  margin: 14px 12px 12px;
}
.account-hero .page-title { margin-bottom: 3px; }
.account-status {
  min-width: 112px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px 10px;
  text-align: right;
}
.account-status.active { border-color: rgba(192,132,252,.45); background: rgba(192,132,252,.1); }
.account-status span {
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}
.account-status.active span { color: var(--accent2); }
.account-status strong { display: block; margin-top: 5px; color: var(--text); font-size: 13px; line-height: 1.15; }
.account-status small { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.2; }
.account-message {
  margin: 0 12px 12px;
  border: 1px solid rgba(108,224,139,.25);
  border-radius: 8px;
  background: rgba(108,224,139,.08);
  color: var(--green);
  padding: 11px 12px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}
.account-card {
  margin: 0 12px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 14px;
}
.account-card-head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
}
.account-card-head span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(232,132,58,.16);
  color: var(--accent);
  font-family: "DM Mono", monospace;
  font-size: 11px;
  font-weight: 900;
}
.account-card-head strong { font-size: 17px; }
.account-card p,
.account-card small { color: var(--muted); font-size: 12px; line-height: 1.4; }
.account-card input {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: #151410;
  color: var(--text);
  padding: 11px 12px;
  font: inherit;
}
.signup-grid {
  display: grid;
  gap: 8px;
  margin-top: 11px;
}

.google-btn,
.pay-btn,
.secondary-btn,
.creator-btn,
.account-actions button,
.promo-row button,
.generated-codes button {
  border: 1px solid var(--border);
  border-radius: 7px;
  color: var(--text);
  font-weight: 900;
}
.google-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  margin-top: 12px;
  background: #f7f4ea;
  color: #1a1915;
  padding: 12px;
}
.google-btn span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  color: #4285f4;
  font-weight: 900;
}
.pro-plan { border-color: rgba(192,132,252,.32); background: linear-gradient(145deg, rgba(192,132,252,.12), var(--surface)); }
.price-row { display: flex; align-items: baseline; gap: 7px; margin: 4px 0 12px; }
.price-row strong { color: var(--accent); font-family: "Bebas Neue", sans-serif; font-size: 48px; line-height: 1; }
.price-row span { color: var(--muted); font-weight: 800; }
.plan-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 12px; }
.plan-grid div {
  border: 1px solid rgba(240,234,216,.06);
  border-radius: 6px;
  background: rgba(240,234,216,.03);
  color: var(--text);
  padding: 9px;
  font-size: 11px;
  font-weight: 800;
}
.pay-btn,
.creator-btn {
  width: 100%;
  background: var(--accent);
  border-color: var(--accent);
  color: #1a1915;
  padding: 12px;
}
.promo-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin: 10px 0; }
.promo-access-card {
  border-color: rgba(60,172,59,.45);
  background: linear-gradient(145deg, rgba(60,172,59,.13), var(--surface));
}
.promo-access-card .promo-row button { min-height: 42px; }
.promo-access-card small { display: block; }
.promo-row button,
.secondary-btn {
  background: rgba(232,132,58,.12);
  border-color: rgba(232,132,58,.28);
  color: var(--accent);
  padding: 0 12px;
}
.secondary-btn { width: 100%; min-height: 40px; }
.generated-codes { display: flex; gap: 7px; overflow-x: auto; margin-top: 10px; scrollbar-width: none; }
.generated-codes::-webkit-scrollbar { display: none; }
.generated-codes button {
  flex: 0 0 auto;
  background: rgba(192,132,252,.12);
  color: var(--accent2);
  padding: 8px 10px;
  font-family: "DM Mono", monospace;
  font-size: 10px;
}
.creator-card { border-color: rgba(108,224,139,.22); }
.creator-card input { margin: 4px 0 10px; }
.creator-btn { background: var(--green); border-color: var(--green); }
.account-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 12px;
}
.account-actions button { background: var(--surface); padding: 11px 8px; font-size: 12px; }
.account-actions button:last-child { border-color: rgba(192,132,252,.35); color: var(--accent2); }
.member-identity {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 12px 0;
}
.member-identity > div {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #3CAC3B;
  color: #050908;
  font-size: 20px;
  font-weight: 950;
}
.member-identity p { margin: 0; }
.member-identity strong,
.member-identity small { display: block; }
.member-identity strong { color: var(--text); font-size: 15px; }
.membership-plans {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 12px 10px;
}
.plan-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 14px;
}
.plan-card.selected { border-color: rgba(60,172,59,.58); box-shadow: inset 0 0 0 1px rgba(60,172,59,.12); }
.plan-card.pro-plan { border-color: rgba(42,57,141,.62); background: linear-gradient(145deg, rgba(42,57,141,.2), var(--surface)); }
.plan-name { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
.plan-name span { color: #3CAC3B; font-family: "DM Mono", monospace; font-size: 11px; font-weight: 900; }
.pro-plan .plan-name span { color: #8ea1ff; }
.plan-name strong { font-size: 23px; }
.plan-name small { color: var(--muted); font-size: 9px; }
.plan-card p { min-height: 48px; margin: 10px 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
.plan-card ul { display: grid; gap: 7px; margin: 0 0 14px; padding: 0; list-style: none; }
.plan-card li { color: var(--text); font-size: 10px; }
.plan-card li::before { content: "✓"; margin-right: 6px; color: #3CAC3B; font-weight: 900; }
.plan-card > b { color: #3CAC3B; font-family: "DM Mono", monospace; font-size: 9px; }
.membership-legal-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 4px 12px 18px;
  color: var(--muted);
  font-size: 11px;
}
.membership-legal-links a { color: var(--muted); text-decoration: none; }
.membership-legal-links a:hover,
.membership-legal-links a:focus-visible { color: #3CAC3B; text-decoration: underline; }
.plan-card .pay-btn:disabled { cursor: default; opacity: .72; }
.verification-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin-top: 10px;
}
.verification-row button {
  border: 1px solid #3CAC3B;
  border-radius: 7px;
  background: #3CAC3B;
  color: #050908;
  padding: 0 16px;
  font-weight: 900;
}
.pay-btn:disabled,
.promo-row input:disabled,
.promo-row button:disabled { opacity: .45; cursor: not-allowed; }

.pro-lock-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  margin: 0 12px 12px;
  border: 1px solid rgba(192,132,252,.38);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(192,132,252,.16), rgba(232,132,58,.08));
  padding: 14px;
}
.lock-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 9px;
  background: rgba(192,132,252,.2);
  color: var(--accent2);
  font-size: 23px;
}
.pro-lock-card span {
  display: block;
  color: var(--accent2);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}
.pro-lock-card strong {
  display: block;
  margin-top: 3px;
  font-size: 20px;
  line-height: 1.15;
}
.pro-lock-card p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.pro-lock-card button {
  grid-column: 1 / -1;
  width: 100%;
  border: 1px solid rgba(232,132,58,.55);
  border-radius: 7px;
  background: var(--accent);
  color: #1a1915;
  padding: 10px 12px;
  font-weight: 900;
}
body.is-pro .pro-lock-card,
body.is-pro .locked-teasers { display: none; }
.locked-teasers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 0 12px 12px;
}
.locked-teasers div {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 11px 8px;
  text-align: center;
}
.locked-teasers strong {
  display: block;
  color: var(--text);
  font-size: 12px;
  line-height: 1.15;
}
.locked-teasers span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.2;
}
body.is-free .pro-locked-content { display: none; }
.pro-locked-content { position: relative; }
.free-picks-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 12px 12px;
}
.free-pick-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 13px 14px;
}
.free-pick-card span {
  color: var(--accent);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 800;
}
.free-pick-card strong {
  display: block;
  margin-top: 6px;
  font-size: 15px;
}
.free-pick-card p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.fantasy-hero, .fantasy-card, .fantasy-row { width: calc(100% - 24px); margin: 0 12px 10px; border: 1px solid rgba(74,222,128,.22); border-radius: 8px; background: linear-gradient(145deg, rgba(74,222,128,.1), var(--surface)); color: var(--text); text-align: left; padding: 15px; }
.fantasy-hero { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.fantasy-hero span, .fantasy-card span { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.fantasy-hero strong { grid-column: 1; font-size: 24px; }
.fantasy-hero p { grid-column: 1; margin: 0; color: var(--muted); font-size: 12px; }
.fantasy-hero div { grid-row: 1 / span 3; grid-column: 2; text-align: right; align-self: center; }
.fantasy-hero b { color: var(--green); font-family: "Bebas Neue", sans-serif; font-size: 48px; line-height: 1; }
.fantasy-hero small { display: block; color: var(--muted); }
.fantasy-card.diff { border-color: rgba(192,132,252,.25); background: rgba(192,132,252,.08); }
.fantasy-card strong { display: block; margin-top: 4px; font-size: 18px; }
.fantasy-card em { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; font-style: normal; }
.fantasy-mini-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0 12px 2px;
}
.fantasy-mini-card {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  padding: 12px;
  text-align: left;
}
.fantasy-mini-card span {
  display: block;
  color: var(--accent2);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
}
.fantasy-mini-card strong {
  display: block;
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.15;
}
.fantasy-mini-card em {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
  font-style: normal;
}
.fantasy-position-tabs {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding: 0 12px 10px;
  scrollbar-width: none;
}
.fantasy-ranking-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 12px 9px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
}
.fantasy-rank-mode {
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  padding: 9px 8px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.fantasy-rank-mode.active {
  border-color: rgba(22,212,107,.42);
  background: rgba(22,212,107,.14);
  color: var(--accent);
}
.fantasy-range-controls {
  margin: 0 12px 10px;
  padding: 11px 12px 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(22,212,107,.055), rgba(255,255,255,.02));
}
.fantasy-range-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.fantasy-range-heading > div span,
.fantasy-page-size {
  display: block;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
}
.fantasy-range-heading > div strong {
  display: block;
  margin-top: 2px;
  color: var(--accent);
  font-size: 15px;
}
.fantasy-page-size {
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.fantasy-page-size select {
  min-width: 58px;
  height: 32px;
  border: 1px solid rgba(22,212,107,.3);
  border-radius: 6px;
  background: #101817;
  color: var(--text);
  padding: 0 24px 0 9px;
  font-size: 12px;
  font-weight: 900;
}
.fantasy-dual-range {
  position: relative;
  height: 34px;
  margin-top: 7px;
}
.fantasy-range-track {
  position: absolute;
  top: 15px;
  right: 2px;
  left: 2px;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
}
.fantasy-range-track i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--fantasy-range-start);
  right: calc(100% - var(--fantasy-range-end));
  border-radius: inherit;
  background: var(--accent);
  box-shadow: 0 0 10px rgba(22,212,107,.28);
}
.fantasy-dual-range input[type="range"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 34px;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  pointer-events: none;
  background: transparent;
}
.fantasy-dual-range input[data-fantasy-range-end] { z-index: 3; }
.fantasy-dual-range input[data-fantasy-price-end] { z-index: 3; }
.fantasy-dual-range input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  background: transparent;
}
.fantasy-dual-range input[type="range"]::-webkit-slider-thumb {
  width: 22px;
  height: 22px;
  margin-top: -9px;
  border: 3px solid #07110e;
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  pointer-events: auto;
  background: var(--accent);
  box-shadow: 0 0 0 1px rgba(22,212,107,.55), 0 3px 8px rgba(0,0,0,.5);
  cursor: grab;
}
.fantasy-dual-range input[type="range"]::-moz-range-track {
  height: 4px;
  background: transparent;
}
.fantasy-dual-range input[type="range"]::-moz-range-thumb {
  width: 17px;
  height: 17px;
  border: 3px solid #07110e;
  border-radius: 50%;
  pointer-events: auto;
  background: var(--accent);
  box-shadow: 0 0 0 1px rgba(22,212,107,.55), 0 3px 8px rgba(0,0,0,.5);
  cursor: grab;
}
.fantasy-dual-range input[type="range"]:focus-visible::-webkit-slider-thumb {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.fantasy-range-bounds {
  display: flex;
  justify-content: space-between;
  margin-top: -3px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
}
.fantasy-price-range-block {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.07);
}
.fantasy-price-range-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.fantasy-price-range-heading span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
}
.fantasy-price-range-heading strong {
  color: var(--accent);
  font-size: 13px;
}
.fantasy-position-tabs::-webkit-scrollbar { display: none; }
.fantasy-pos {
  flex: 0 0 auto;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: var(--surface);
  color: var(--muted);
  padding: 8px 13px;
  font-size: 12px;
  font-weight: 800;
}
.fantasy-pos.active {
  border-color: var(--accent);
  background: var(--accent);
  color: #1a1915;
}
.fantasy-list { padding-bottom: 4px; }
.fantasy-row { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; border-color: var(--border); background: var(--surface); padding: 12px 14px; }
.fantasy-row strong { font-size: 14px; }
.fantasy-row span { color: var(--muted); font-size: 11px; }
.fantasy-row b { grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--accent); font-family: "Bebas Neue", sans-serif; font-size: 32px; }
.fantasy-row.budget > small { color: var(--accent); }

.wc-band { margin: 0 12px 12px; overflow: hidden; border: 1px solid rgba(212,175,55,.4); border-radius: 10px; background: linear-gradient(180deg, #102441 0, #181914 145px); }
.wc-band.wc-full { margin-top: 12px; }
.wc-kicker { padding: 16px 16px 0; color: #d4af37; font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .12em; }
.wc-band h2 { margin: 6px 16px 2px; font-family: "Bebas Neue", sans-serif; font-size: 31px; letter-spacing: .04em; }
.wc-band p { margin: 0 16px 12px; color: #a8b3c7; font-size: 11px; }
.wc-stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 0 10px 12px; }
.wc-stat-strip div { border-radius: 6px; background: rgba(212,175,55,.08); padding: 10px 3px; text-align: center; }
.wc-stat-strip strong { color: #d4af37; font-family: "Bebas Neue", sans-serif; font-size: 25px; }
.wc-stat-strip span { display: block; color: #7d8375; font-size: 8px; }
.wc-filter-row { display: flex; gap: 6px; overflow-x: auto; padding: 0 10px 10px; scrollbar-width: none; }
.wc-filter { flex: 0 0 auto; border: 1px solid var(--border); border-radius: 4px; background: var(--surface); color: var(--muted); padding: 6px 10px; font-size: 10px; font-weight: 800; }
.wc-filter.active { color: #1a1915; background: #d4af37; border-color: #d4af37; }
.wc-list { display: flex; flex-direction: column; gap: 8px; padding: 0 10px 10px; }
.wc-card { width: 100%; border: 1px solid rgba(240,234,216,.08); border-radius: 8px; background: rgba(34,33,24,.92); color: var(--text); padding: 11px 12px; text-align: left; }
.wc-card-top, .wc-odds { display: flex; justify-content: space-between; color: var(--muted); font-family: "DM Mono", monospace; font-size: 9px; }
.wc-teams { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; margin: 12px 0; font-size: 13px; font-weight: 800; }
.wc-teams span:last-child { text-align: right; }
.wc-teams b { color: var(--muted); font-size: 10px; }
.wc-pick { color: var(--green); font-size: 11px; font-weight: 800; }
.wc-odds { justify-content: flex-end; gap: 16px; }
.wc-odds span:last-child { color: var(--green); }
.wc-note { padding: 0 12px 14px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.wc-team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.wc-team-grid div { border-radius: 8px; background: var(--surface2); padding: 14px; }
.wc-team-grid strong, .wc-team-grid span, .wc-team-grid small { display: block; }
.wc-team-grid span { margin-top: 8px; color: var(--accent); font-family: "DM Mono", monospace; font-size: 11px; }
.wc-team-grid small { margin-top: 7px; color: var(--muted); }
.wc-section-title { margin: 16px 0 8px; color: var(--accent); font-family: "DM Mono", monospace; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.wc-player-columns, .wc-history-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.wc-player-list, .wc-history-list, .wc-h2h-list div { border: 1px solid rgba(240,234,216,.08); border-radius: 8px; background: var(--surface2); padding: 12px; }
.wc-player-list > strong, .wc-history-list > strong { display: block; margin-bottom: 9px; color: var(--text); font-size: 13px; }
.wc-player-row { padding: 8px 0; border-top: 1px solid rgba(240,234,216,.06); }
.wc-player-row span { display: flex; align-items: center; gap: 6px; color: var(--text); font-size: 12px; font-weight: 800; line-height: 1.25; }
.wc-player-row em { border-radius: 3px; background: rgba(34,197,94,.14); color: var(--green); padding: 2px 4px; font-family: "DM Mono", monospace; font-size: 8px; font-style: normal; }
.wc-player-row small, .wc-history-list small, .wc-h2h-list small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.3; }
.wc-history-list div { padding: 8px 0; border-top: 1px solid rgba(240,234,216,.06); }
.wc-history-list span, .wc-h2h-list span { color: var(--muted); font-family: "DM Mono", monospace; font-size: 9px; }
.wc-h2h-list { display: flex; flex-direction: column; gap: 8px; }
.wc-h2h-list strong { display: block; margin-top: 5px; color: var(--text); font-size: 12px; line-height: 1.3; }
.wc-date-label {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 8px 0 2px;
  border-left: 3px solid #d4af37;
  background: #141a21;
  color: #f1e8c5;
  padding: 8px 10px;
  font-family: "DM Mono", monospace;
  font-size: 11px;
  font-weight: 800;
}
.wc-card { padding: 0; overflow: hidden; background: #171c22; }
.wc-card-main { display: grid; grid-template-columns: 88px 1fr; gap: 10px; align-items: center; padding: 12px; }
.wc-kickoff strong { display: block; color: #f4d35e; font-family: "DM Mono", monospace; font-size: 11px; line-height: 1.25; }
.wc-kickoff span { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }
.wc-match-teams { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr); gap: 8px; align-items: stretch; min-width: 0; }
.wc-team-chip {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 7px;
  align-items: center;
  width: 100%;
  min-height: 58px;
  box-sizing: border-box;
  min-width: 0;
  border: 0;
  border-radius: 6px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  padding: 8px;
  text-align: left;
}
.wc-team-chip.away { text-align: left; grid-template-columns: 24px minmax(0, 1fr); }
.wc-team-chip.away .wc-flag, .wc-team-chip.away span, .wc-team-chip.away small { grid-column: auto; }
.wc-team-chip span { overflow: visible; white-space: normal; font-size: 12px; font-weight: 900; line-height: 1.18; overflow-wrap: anywhere; }
.wc-team-chip small { grid-column: 2; color: var(--muted); font-family: "DM Mono", monospace; font-size: 9px; }
.wc-flag {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  object-fit: contain;
  padding: 2px;
  background: rgba(247,251,251,.96);
  box-shadow: 0 5px 14px rgba(0,0,0,.26);
}
.wc-match-teams b { color: var(--muted); font-size: 10px; }
.wc-match-teams .wc-card-score {
  align-self: center;
  color: #76e174;
  font-family: "Bebas Neue", sans-serif;
  font-size: 30px;
  line-height: 1;
  text-align: center;
}
.wc-card.is-final {
  border-color: rgba(60,172,59,.28);
}
.wc-match-meta { grid-column: 2; color: var(--muted); font-size: 10px; line-height: 1.35; }
.wc-match-meta span, .wc-match-meta small { display: block; }
.wc-standings-block {
  margin: 6px 0 4px;
  border-top: 1px solid rgba(240,234,216,.08);
  padding-top: 12px;
}
.wc-standings-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 10px;
  margin-bottom: 10px;
}
.wc-standings-head strong {
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
}
.wc-standings-head span {
  color: var(--accent);
  font-family: "DM Mono", monospace;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.wc-standings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.wc-table-card {
  border: 1px solid rgba(240,234,216,.08);
  border-radius: 8px;
  background: #171c22;
  overflow: hidden;
}
.wc-table-card h3 {
  margin: 0;
  border-bottom: 1px solid rgba(240,234,216,.07);
  color: #f4d35e;
  padding: 9px 10px;
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
.wc-table-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px 30px 32px;
  gap: 6px;
  align-items: center;
  width: 100%;
  border: 0;
  border-top: 1px solid rgba(240,234,216,.05);
  background: transparent;
  color: var(--text);
  padding: 7px 8px;
  text-align: left;
}
.wc-table-row span {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}
.wc-table-row span .wc-flag {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  padding: 1.5px;
}
#page-worldcup .wc-table-card .wc-table-row span .wc-flag {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  object-fit: contain;
}
.wc-table-row span em {
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 9px;
  font-style: normal;
}
.wc-table-row b {
  color: var(--text);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  text-align: right;
}
.wc-table-header {
  background: rgba(255,255,255,.03);
  color: var(--muted);
  pointer-events: none;
}
.wc-table-header span, .wc-table-header b {
  color: var(--muted);
  font-size: 9px;
  text-transform: uppercase;
}
.wc-open-match-btn {
  grid-column: 1 / -1;
  grid-row: auto;
  border: 1px solid rgba(212,175,55,.45);
  border-radius: 6px;
  background: rgba(212,175,55,.12);
  color: #f4d35e;
  padding: 9px 10px;
  font-size: 10px;
  font-weight: 900;
}
.wc-sheet-title .wc-flag { vertical-align: middle; margin: 0 4px; }
.wc-match-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.wc-match-summary button {
  border: 1px solid rgba(240,234,216,.08);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(232,132,58,.16), rgba(255,255,255,.04));
  color: var(--text);
  padding: 14px;
  text-align: left;
}
.wc-match-summary button:nth-child(2) { background: linear-gradient(135deg, rgba(96,165,250,.16), rgba(255,255,255,.04)); }
.wc-match-summary strong, .wc-match-summary span, .wc-match-summary small { display: block; }
.wc-match-summary strong { margin-top: 8px; font-size: 16px; }
.wc-match-summary span { margin-top: 7px; color: var(--accent); font-family: "DM Mono", monospace; font-size: 10px; }
.wc-match-summary small { margin-top: 7px; color: var(--muted); font-size: 11px; }
.wc-prediction-panel { display: grid; grid-template-columns: 1.35fr .8fr 1.15fr; gap: 8px; margin-bottom: 12px; }
.wc-prediction-panel > div {
  border-radius: 8px;
  background: var(--surface2);
  padding: 12px;
  text-align: left;
}
.wc-prediction-panel .wc-pred-main { background: rgba(34,197,94,.12); border: 1px solid rgba(34,197,94,.22); }
.wc-prediction-panel .wc-confidence-watch {
  border: 1px solid rgba(230,29,37,.55);
  background: rgba(230,29,37,.13);
}
.wc-prediction-panel .wc-confidence-lean {
  border: 1px solid rgba(244,211,94,.52);
  background: rgba(244,211,94,.11);
}
.wc-prediction-panel .wc-confidence-strong {
  border: 1px solid rgba(60,172,59,.60);
  background: rgba(60,172,59,.14);
}
.wc-prediction-panel .wc-confidence-watch strong { color: #ff6268; }
.wc-prediction-panel .wc-confidence-lean strong { color: #f4d35e; }
.wc-prediction-panel .wc-confidence-strong strong { color: #66d564; }
.wc-prediction-panel span { display: block; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.wc-prediction-panel strong { display: block; margin-top: 6px; color: var(--green); font-family: "Bebas Neue", sans-serif; font-size: 31px; line-height: .95; overflow-wrap: anywhere; }
.wc-prediction-panel small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.3; }
.wc-prediction-reasons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 10px;
  border-top: 1px solid rgba(209,212,209,.10);
  padding-top: 8px;
}
.wc-prediction-reasons div { min-width: 0; }
.wc-prediction-reasons b {
  display: block;
  color: #66d564;
  font-family: "DM Mono", monospace;
  font-size: 7px;
  line-height: 1.25;
}
.wc-prediction-reasons div:last-child b { color: #ff7479; }
.wc-prediction-reasons small {
  margin-top: 4px;
  color: #98a3a3;
  font-size: 8px;
  line-height: 1.35;
}
.wc-match-player-picks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}
.wc-match-player-pick {
  position: relative;
  min-width: 0;
  min-height: 112px;
  border: 1px solid rgba(60,172,59,.28);
  border-radius: 6px;
  background: rgba(60,172,59,.09);
  color: #f7fbfb;
  padding: 12px;
  text-align: left;
}
.wc-match-player-pick.ga {
  border-color: rgba(230,29,37,.34);
  background: rgba(230,29,37,.10);
}
.wc-player-pick-market {
  display: block;
  color: #3CAC3B;
  font-family: "DM Mono", monospace;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.wc-match-player-pick.ga .wc-player-pick-market { color: #ff6268; }
.wc-match-player-pick strong {
  display: block;
  max-width: calc(100% - 52px);
  margin-top: 9px;
  font-size: 14px;
  line-height: 1.25;
}
.wc-match-player-pick small {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-top: 8px;
  color: var(--muted);
  font-size: 9px;
}
.wc-match-player-pick small .wc-flag { width: 18px; height: 18px; }
.wc-match-player-pick b {
  position: absolute;
  top: 36px;
  right: 12px;
  color: #f7fbfb;
  font-family: "Bebas Neue", sans-serif;
  font-size: 27px;
  font-weight: 400;
}
.wc-final-score {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(60,172,59,.28);
  border-radius: 6px;
  background: rgba(60,172,59,.08);
  padding: 14px;
  text-align: center;
}
.wc-final-score span { color: var(--text); font-size: 14px; font-weight: 800; }
.wc-final-score strong { color: #3CAC3B; font-family: "Bebas Neue", sans-serif; font-size: 40px; font-weight: 400; line-height: 1; }
.wc-final-sheet .wc-sheet-title {
  line-height: 1.35;
}
.wc-final-sheet .wc-sheet-title .fx-vs {
  display: inline-block;
  min-width: 54px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #76e174;
  padding: 0 5px;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}
.wc-final-stats { display: grid; gap: 1px; margin-top: 8px; background: rgba(209,212,209,.1); }
.wc-final-stats > div {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1fr;
  gap: 8px;
  background: #081216;
  padding: 10px 12px;
  text-align: center;
}
.wc-final-stats span { color: var(--muted); font-size: 10px; }
.wc-final-stats strong { color: var(--text); font-size: 12px; }

@media (max-width: 560px) {
  .wc-final-sheet .wc-sheet-title {
    font-size: 18px;
  }

  .wc-final-sheet .wc-sheet-title .fx-vs {
    min-width: 48px;
    padding-inline: 4px;
    font-size: 28px;
  }

  .wc-final-score strong {
    font-size: 40px;
  }
}

.wc-final-performers {
  display: grid;
  gap: 8px;
}

.wc-final-performers button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 12px;
  width: 100%;
  padding: 13px;
  border: 1px solid rgba(209,212,209,.12);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  color: var(--text);
  text-align: left;
}

.wc-final-performers button > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 10px;
}

.wc-final-performers button > span img {
  width: 20px;
  height: 20px;
}

.wc-final-performers button > strong {
  grid-column: 1;
  font-size: 16px;
}

.wc-final-performers button > div {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  gap: 5px;
}

.wc-final-performers b {
  padding: 5px 7px;
  border-radius: 5px;
  background: rgba(60,172,59,.14);
  color: #76e174;
  font-size: 10px;
}
.wc-list-team-title {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--text);
  padding: 0 0 9px;
  text-align: left;
}
.wc-player-row {
  display: block;
  width: 100%;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  background: transparent;
  text-align: left;
}
.wc-detail-head .wc-flag { width: 54px; height: 54px; margin-bottom: 10px; padding: 4px; }
.wc-roster-list { max-height: none; }
.wc-roster-list .wc-list-team-title small { margin-left: auto; color: var(--muted); font-family: "DM Mono", monospace; font-size: 9px; text-transform: uppercase; }
.wc-roster-list .wc-player-row span i {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 30px;
  height: 20px;
  border-radius: 4px;
  background: rgba(212,175,55,.14);
  color: #f4d35e;
  font-family: "DM Mono", monospace;
  font-size: 9px;
  font-style: normal;
}
.wc-roster-list .wc-player-row span i.wc-pos-gk { background: rgba(96,165,250,.18); color: #60a5fa; }
.wc-roster-list .wc-player-row span i.wc-pos-df { background: rgba(34,197,94,.18); color: #4ade80; }
.wc-roster-list .wc-player-row span i.wc-pos-mf { background: rgba(245,158,11,.2); color: #fbbf24; }
.wc-roster-list .wc-player-row span i.wc-pos-fw { background: rgba(239,68,68,.18); color: #f87171; }
.wc-profile-note {
  margin-top: 12px;
  border-radius: 7px;
  background: var(--surface2);
  color: var(--muted);
  padding: 11px 12px;
  font-size: 11px;
  line-height: 1.4;
}

.wc-team-fixtures button {
  display: grid;
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--border);
  background: transparent;
  color: inherit;
  padding: 12px;
  text-align: left;
}

.wc-team-fixtures button:last-child {
  border-bottom: 0;
}

.wc-team-fixtures button strong {
  font-size: 15px;
}
.wc-result-row {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 9px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid rgba(240,234,216,.06);
}
.wc-result-row > b {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 7px;
  font-family: "Bebas Neue", sans-serif;
  font-size: 24px;
  line-height: 1;
}
.wc-result-row > b.w { background: rgba(34,197,94,.2); color: #4ade80; }
.wc-result-row > b.d { background: rgba(245,158,11,.2); color: #fbbf24; }
.wc-result-row > b.l { background: rgba(239,68,68,.18); color: #f87171; }
.wc-result-row span { color: var(--text); font-size: 12px; font-weight: 900; line-height: 1.15; }
.wc-result-row span strong { color: #fff; font-family: "Bebas Neue", sans-serif; font-size: 25px; line-height: 1; }
.wc-result-row span em { display: block; margin-top: 3px; color: var(--text); font-style: normal; }
.wc-result-row small { grid-column: 2; margin-top: -4px; color: var(--muted); font-size: 10px; }

.inline-pro-gate {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 14px 0;
  border: 1px solid rgba(192,132,252,.32);
  border-radius: 9px;
  background: rgba(192,132,252,.1);
  padding: 13px;
}
.inline-pro-gate .lock-icon.small {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  font-size: 20px;
  flex: 0 0 auto;
}
.inline-pro-gate span {
  color: var(--accent2);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}
.inline-pro-gate strong {
  display: block;
  margin-top: 4px;
  font-size: 16px;
}
.inline-pro-gate p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.inline-pro-gate .inline-pro-upgrade {
  width: auto;
  margin-top: 10px;
  padding: 9px 12px;
  font-size: 11px;
}
.free-sheet-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 12px 0;
}
.free-sheet-summary div {
  border-radius: 8px;
  background: var(--surface2);
  padding: 13px 10px;
  text-align: center;
}
.free-sheet-summary span {
  display: block;
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 10px;
}
.free-sheet-summary strong {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}

.date-label {
  margin: 14px 12px 8px;
  padding: 9px 12px;
  color: var(--text);
  font-family: "DM Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid rgba(232,132,58,.24);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(232,132,58,.18), rgba(192,132,252,.08));
  box-shadow: inset 3px 0 0 var(--accent);
}

.fx-card, .p-card, .player-card, .prediction-card {
  margin: 0 12px 8px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
}

.fx-card {
  position: relative;
  overflow: hidden;
  padding: 12px 14px;
}

.fx-card::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--border);
}

.fx-card.big::before { background: var(--accent); }
.fx-row1 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.fx-time { color: var(--muted); font-family: "DM Mono", monospace; font-size: 11px; }
.fx-tv { color: var(--muted); background: var(--surface2); border-radius: 2px; padding: 2px 6px; font-size: 10px; }
.fx-teams { display: flex; align-items: center; gap: 8px; }
.fx-team {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.fx-team.right { justify-content: flex-end; text-align: right; }
.team-link {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
}
.team-link:focus-visible, .table-row:focus-visible, .team-player-link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.fx-name { font-size: 13px; font-weight: 800; line-height: 1.2; }
.fx-vs { color: var(--muted); font-family: "Bebas Neue", sans-serif; font-size: 15px; flex: 0 0 auto; }
.badge-frame {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  border: 1px solid rgba(240,234,216,.55);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 25%, #fff 0, #f5f1df 54%, #d8cfb8 100%);
  box-shadow: 0 2px 8px rgba(0,0,0,.28);
  overflow: hidden;
}
.team-badge {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.34));
}
.fixture-badge { width: 28px; height: 28px; }
.mini-team-badge-frame {
  width: 18px;
  height: 18px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.mini-team-badge {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.text-team-badge {
  display: grid;
  place-items: center;
  color: var(--green);
  font-family: "DM Mono", monospace;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  border-radius: 50%;
  background: rgba(22, 255, 107, .1);
  border: 1px solid rgba(22, 255, 107, .28);
}

.xg-bar-row { display: flex; align-items: center; gap: 6px; margin-top: 8px; }
.xg-lbl { min-width: 28px; color: var(--muted); font-family: "DM Mono", monospace; font-size: 10px; }
.xg-lbl.right { text-align: right; }
.xg-track { flex: 1; display: flex; height: 5px; overflow: hidden; border-radius: 3px; background: var(--surface2); }
.xg-fill-h { height: 100%; background: var(--accent); }
.xg-fill-a { height: 100%; background: var(--accent2); }

.fx-odds { display: flex; gap: 5px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--border); }
.odds-pill { flex: 1; min-width: 0; text-align: center; background: var(--surface2); border-radius: 3px; padding: 4px; }
.odds-lbl { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.odds-val { display: block; margin-top: 1px; color: var(--text); font-family: "DM Mono", monospace; font-size: 11px; font-weight: 600; }

.section-hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px 8px;
}
.section-hdr.tight { padding-top: 10px; }
.s-title { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.s-sub { color: var(--muted); font-family: "DM Mono", monospace; font-size: 10px; }

.fantasy-player-page-controls,
.fantasy-player-page-size {
  display: flex;
  align-items: center;
}
.fantasy-player-page-controls { gap: 12px; }
.fantasy-player-aggregation {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 10px 12px 0 auto;
  padding: 4px;
  border: 1px solid rgba(83, 116, 103, .34);
  border-radius: 10px;
  background: rgba(7, 20, 16, .82);
}
.fantasy-player-aggregation > span {
  padding: 0 9px;
  color: var(--muted);
  font: 700 10px "DM Mono", monospace;
  text-transform: uppercase;
}
.fantasy-player-aggregation button {
  min-width: 74px;
  min-height: 34px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}
.fantasy-player-aggregation button.active {
  border-color: rgba(39, 226, 128, .48);
  color: #43ed91;
  background: rgba(25, 165, 92, .16);
}
.fantasy-player-page-count {
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 10px;
  white-space: nowrap;
}
.fantasy-player-page-size {
  gap: 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.fantasy-player-page-size select {
  min-width: 72px;
  min-height: 36px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  padding: 6px 28px 6px 10px;
  font: 700 12px "DM Mono", monospace;
}

@media (max-width: 560px) {
  .fantasy-player-aggregation {
    width: calc(100% - 24px);
    margin: 10px 12px 0;
  }
  .fantasy-player-aggregation > span { margin-right: auto; }
  .fantasy-player-aggregation button { min-width: 82px; }
  .fantasy-player-list-toolbar {
    align-items: flex-start;
    gap: 10px;
    padding-inline: 12px;
  }
  .fantasy-player-page-controls {
    align-items: flex-end;
    flex-direction: column-reverse;
    gap: 5px;
  }
  .fantasy-player-page-size { gap: 6px; font-size: 10px; }
  .fantasy-player-page-size select { min-width: 66px; min-height: 34px; }
}

.control-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0 12px 10px;
}

.control-panel input, .control-panel select, .search-wrap input {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--border);
  border-radius: 6px;
  outline: none;
  color: var(--text);
  background: var(--surface);
  padding: 0 12px;
  font-size: 12px;
}
.control-panel input:focus, .control-panel select:focus, .search-wrap input:focus { border-color: var(--accent); }
.control-panel input::placeholder, .search-wrap input::placeholder { color: var(--muted); }

.prediction-card { padding: 14px; background: linear-gradient(145deg, rgba(232,132,58,.12), var(--surface)); }
.prediction-head { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: start; }
.mini-label { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.prediction-card h1 { margin: 3px 0 2px; font-size: 28px; line-height: 1; }
.prediction-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.35; }
.score-badge {
  min-width: 66px;
  text-align: center;
  border-radius: 6px;
  padding: 8px 10px;
  color: #19120c;
  background: var(--accent);
  font: 800 22px/1 "DM Mono", monospace;
}

.verdict {
  margin-top: 10px;
  border-radius: 6px;
  border: 1px solid rgba(192,132,252,.28);
  background: rgba(192,132,252,.11);
  color: var(--text);
  padding: 9px 10px;
  font-size: 12px;
  font-weight: 700;
}

.pred-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }
.pred-item, .reason-grid div {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  background: var(--surface2);
  padding: 10px;
}
.pred-label, .reason-grid span { display: block; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pred-pct {
  margin-top: 3px;
  font-family: "Bebas Neue", sans-serif;
  font-size: 30px;
  line-height: 1;
  color: var(--accent);
}
.pred-pct.high { color: var(--green); }
.pred-pct.med { color: var(--yellow); }

.reason-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }
.reason-grid strong { display: block; margin-top: 3px; font-family: "DM Mono", monospace; font-size: 12px; color: var(--text); }
.method-detail { margin-top: 8px; }
.method-detail summary { cursor: pointer; color: var(--muted); font-size: 11px; font-weight: 800; }
.method-note { margin-top: 8px; color: var(--muted); font-size: 11px; line-height: 1.45; }

.pick-heading { margin: 2px 20px 8px; color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }

.player-list, .match-list { display: flex; flex-direction: column; gap: 8px; padding: 0 12px 10px; }
.compact-list { max-height: 236px; overflow: auto; }
.player-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  width: calc(100% - 24px);
  margin: 0;
  color: var(--text);
  text-align: left;
  padding: 11px 12px;
}
.player-list .player-card, .match-list .player-card { width: 100%; }
.player-card.is-active { border-color: rgba(232,132,58,.75); background: rgba(232,132,58,.12); }
.team-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--accent); }
.player-card strong { font-size: 13px; }
.player-meta { margin-top: 2px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.score { color: var(--accent); font-family: "DM Mono", monospace; font-size: 15px; font-weight: 800; text-align: right; }
.pick-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.pick-tag {
  border-radius: 3px;
  padding: 3px 6px;
  background: var(--surface2);
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 10px;
}
.pick-tag.orange { color: var(--accent); background: rgba(232,132,58,.14); }
.pick-tag.purple { color: var(--accent2); background: rgba(192,132,252,.14); }
.pick-tag.green { color: var(--green); background: rgba(74,222,128,.12); }
.pick-tag.yellow { color: var(--yellow); background: rgba(251,191,36,.12); }
.pick-rank {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  color: #19120c;
  background: var(--accent);
  font-family: "DM Mono", monospace;
  font-weight: 800;
}

.search-wrap { margin: 12px 12px 0; }
.search-wrap input { min-height: 44px; font-size: 14px; }
.metric-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 14px 12px 5px;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.metric-tabs::-webkit-scrollbar { display: none; }
.metric-tab {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  color: var(--muted);
  padding: 8px 14px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  white-space: nowrap;
  scroll-snap-align: start;
  touch-action: manipulation;
}
.metric-tab-icon {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  font-size: 18px;
  line-height: 1;
}
.metric-tab.active {
  border-color: var(--accent);
  background: var(--accent);
  color: #1a1915;
}

@media (max-width: 780px) {
  .metric-tabs {
    gap: 7px;
    padding: 12px 10px 5px;
  }
  .metric-tab {
    min-height: 42px;
    padding: 7px 12px;
    font-size: 13px;
  }
  .metric-tab-icon {
    min-width: 19px;
    font-size: 17px;
  }
}
.filter-row { display: flex; gap: 6px; overflow-x: auto; padding: 10px 12px 0; scrollbar-width: none; }
.filter-row::-webkit-scrollbar { display: none; }
.f-btn {
  border: 1px solid var(--border);
  border-radius: 4px;
  background: var(--surface);
  color: var(--muted);
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 700;
}
.f-btn.active { background: var(--accent); border-color: var(--accent); color: #1a1915; }

.leader-row {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 72px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface);
  color: var(--text);
  padding: 12px 14px;
  text-align: left;
}
.leader-row.top { border-color: rgba(232,132,58,.45); }
.leader-rank { display: grid; place-items: center; color: var(--muted); font-family: "Bebas Neue", sans-serif; font-size: 25px; }
.rank-star { color: var(--accent); font-size: 36px; line-height: 1; }
.rank-num { color: var(--muted); }
.leader-main strong { display: block; font-size: 17px; line-height: 1.05; }
.leader-main span { display: block; margin-top: 5px; color: var(--muted); font-size: 13px; }
.leader-stat { min-width: 64px; text-align: right; }
.leader-stat strong {
  display: block;
  color: var(--accent);
  font-family: "Bebas Neue", sans-serif;
  font-size: 38px;
  line-height: .9;
}
.leader-stat span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 10px;
}
.leader-stat.paired {
  min-width: 88px;
}
.leader-stat.paired strong {
  display: inline;
  font-family: "Bebas Neue", sans-serif;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 0;
  white-space: nowrap;
}
.leader-stat-primary {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 4px;
}
.leader-stat-primary small {
  color: #a8b5b0;
  font: 750 10px/1 "DM Mono", monospace;
}
.leader-stat.paired span {
  max-width: 110px;
  margin-left: auto;
  line-height: 1.2;
}
@media (max-width: 780px) {
  .leader-row:has(.leader-stat.paired) {
    grid-template-columns: 24px 58px minmax(0, 1fr) 76px;
  }
  .leader-row.top:has(.leader-stat.paired) {
    grid-template-columns: 24px 92px minmax(0, 1fr) 80px;
  }
  .leader-stat.paired {
    min-width: 72px;
  }
  .leader-stat.paired strong,
  .leader-row.top .leader-stat.paired strong {
    font-size: 38px;
  }
}

.xg-player-card {
  margin: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 14px;
}
.xg-player-card.highlight { border-color: var(--accent); }
.xg-player-top { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: start; }
.xg-player-name { font-size: 18px; font-weight: 800; }
.xg-player-team { display: flex; align-items: center; gap: 8px; margin-top: 5px; color: var(--muted); font-size: 13px; }
.pos-badge {
  border-radius: 3px;
  padding: 2px 7px;
  background: rgba(232,132,58,.12);
  color: var(--accent);
  font-family: "DM Mono", monospace;
  font-size: 11px;
}
.xg-big { color: var(--accent); font-family: "Bebas Neue", sans-serif; font-size: 42px; line-height: .95; text-align: right; }
.xg-label { color: var(--muted); font-family: "DM Mono", monospace; font-size: 10px; text-align: right; }
.xg-stat-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; margin-top: 14px; }
.xg-stat { border-radius: 4px; background: var(--surface2); padding: 8px 4px; text-align: center; }
.xg-stat strong { display: block; color: var(--text); font-family: "Bebas Neue", sans-serif; font-size: 22px; line-height: 1; }
.diff-pos { color: var(--green) !important; }
.diff-neg { color: var(--red) !important; }
.xg-stat span { color: var(--muted); font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.mini-bars { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; align-items: end; height: 34px; margin-top: 12px; }
.mini-bar { min-height: 7px; border-radius: 2px 2px 0 0; background: #94a3b8; }
.mini-bar.hot { background: #5ac867; }

.table-wrap { margin: 0 12px; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); }
.table-head, .table-row {
  display: grid;
  grid-template-columns: 28px 1fr 28px 34px 42px 40px 36px;
  align-items: center;
  gap: 4px;
  padding: 8px 10px;
}
.table-head { background: var(--surface2); color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.table-row {
  width: 100%;
  border: 0;
  border-top: 1px solid var(--border);
  background: transparent;
  color: var(--text);
  font-size: 12px;
  text-align: left;
}
.table-row:hover { background: rgba(232,132,58,.06); }
.t-pos, .t-num { color: var(--muted); font-family: "DM Mono", monospace; font-size: 11px; text-align: center; }
.t-club { display: flex; align-items: center; gap: 6px; min-width: 0; font-weight: 700; }
.t-club span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-badge-frame {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.table-badge {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
.t-pts { color: var(--accent2); font-family: "Bebas Neue", sans-serif; font-size: 18px; text-align: right; }
.t-points {
  color: var(--accent);
  font-family: "Bebas Neue", sans-serif;
  font-size: 22px;
  text-align: center;
}

.empty, .error { margin: 0 12px 10px; border: 1px dashed var(--border); border-radius: 6px; padding: 14px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.error { color: var(--red); }

.bottom-nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 80;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  width: min(100%, var(--max-w));
  gap: 2px;
  padding: 8px 5px calc(9px + env(safe-area-inset-bottom));
  border: 1px solid rgba(131,153,161,.18);
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(22,212,107,.10), transparent 42%),
    rgba(5,9,10,.96);
  box-shadow: 0 -18px 40px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(18px);
}

.fantasy-hub-nav {
  position: sticky;
  top: var(--header-h);
  z-index: 35;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 12px 12px;
  padding: 8px;
  border: 1px solid rgba(131,153,161,.16);
  border-radius: 14px;
  background:
    radial-gradient(circle at 18% 0%, rgba(22,212,107,.10), transparent 42%),
    rgba(5,10,12,.94);
  box-shadow: 0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter: blur(14px);
}
.fantasy-hub-nav button {
  min-width: 0;
  border: 1px solid rgba(131,153,161,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: rgba(222,230,234,.72);
  padding: 10px 6px;
  font: 900 12px/1 "Plus Jakarta Sans", sans-serif;
  white-space: nowrap;
}
.fantasy-hub-nav button.active {
  border-color: rgba(22,212,107,.58);
  background:
    linear-gradient(180deg, rgba(22,212,107,.24), rgba(22,212,107,.11)),
    rgba(22,212,107,.08);
  color: #22e676;
  box-shadow: 0 0 18px rgba(22,212,107,.22), inset 0 1px 0 rgba(255,255,255,.08);
}
.fantasy-hub-nav button[data-pro-locked="true"],
.desktop-intel-rail button[data-pro-locked="true"],
.desktop-sidebar button[data-pro-locked="true"],
.bottom-nav button[data-pro-locked="true"] {
  position: relative;
}
.fantasy-hub-nav button[data-pro-locked="true"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 50px;
  overflow: hidden;
  white-space: normal;
  line-height: 1.05;
}
@media (min-width: 768px) {
  .fantasy-hub-nav {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (max-width: 430px) {
  .fantasy-hub-nav {
    gap: 6px;
    margin-inline: 8px;
    padding: 7px;
  }
  .fantasy-hub-nav button {
    padding-inline: 4px;
    font-size: 11px;
  }
  .fantasy-hub-nav button[data-pro-locked="true"] {
    gap: 4px;
  }
}
.nav-btn {
  position: relative;
  border: 0;
  background: none;
  color: rgba(210,218,222,.70);
  min-width: 0;
  padding: 4px 1px 6px;
  font: inherit;
  transition: color .18s ease, text-shadow .18s ease, transform .18s ease;
}
.nav-btn.active {
  color: #22e676;
  text-shadow: 0 0 18px rgba(34,230,118,.48);
}
.nav-btn.active .nav-icon {
  border-radius: 999px;
  filter:
    drop-shadow(0 0 10px rgba(34,230,118,.58))
    drop-shadow(0 0 22px rgba(34,230,118,.28));
}
.nav-btn.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 30px;
  height: 4px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #22e676;
  box-shadow: 0 0 18px rgba(34,230,118,.72);
}
.nav-icon {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0 auto;
  line-height: 1;
}
.nav-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px rgba(148,168,176,.08));
}
.nav-icon-nfl svg { stroke-width: 1.65; }
.nav-btn.active .nav-icon svg {
  filter: drop-shadow(0 0 12px rgba(34,230,118,.62));
}
.nav-lbl {
  display: block;
  overflow: hidden;
  max-width: 100%;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-lbl {
  display: block;
  margin-top: 4px;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  align-items: flex-end;
  justify-content: center;
  background: rgba(0,0,0,.82);
}
.overlay.open { display: flex; }
.sheet {
  position: relative;
  width: 100%;
  max-width: var(--max-w);
  max-height: 92vh;
  overflow-y: auto;
  padding: 18px 20px 42px;
  border-top: 1px solid var(--border);
  border-radius: 16px 16px 0 0;
  background: var(--bg);
}
.sheet-handle {
  width: 36px;
  height: 4px;
  margin: 0 auto 18px;
  border-radius: 2px;
  background: var(--border);
}
.sheet-close {
  position: fixed;
  top: max(12px, env(safe-area-inset-top));
  right: max(16px, calc((100vw - var(--max-w)) / 2 + 16px));
  z-index: 12;
  display: flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  min-height: 38px;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: rgba(8,18,22,.96);
  color: var(--text);
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.sheet-close span { font-size: 18px; }
.sheet-title {
  text-align: center;
  margin: 0 36px 4px;
  font-size: 20px;
}
.sheet-sub {
  margin-bottom: 18px;
  color: var(--muted);
  text-align: center;
  font-size: 12px;
}
.league-fast-shell {
  display: grid;
  gap: 12px;
  min-height: 220px;
  align-content: center;
  padding: 22px 4px 30px;
  text-align: center;
}
.league-fast-shell > span {
  color: var(--accent);
  font: 800 10px/1 "DM Mono", monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.league-fast-shell h1 {
  margin: 0;
  color: var(--text);
  font-size: 22px;
  line-height: 1.15;
}
.league-fast-shell h1 em {
  color: var(--muted);
  font-style: normal;
  font-size: 13px;
}
.league-fast-shell p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.league-fast-shell-loading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: rgba(220,231,226,.78);
  font-size: 12px;
  font-weight: 800;
}
.league-fast-shell-loading i {
  width: 11px;
  height: 11px;
  border: 2px solid rgba(34,230,118,.24);
  border-top-color: #22e676;
  border-radius: 999px;
  animation: league-fast-shell-spin .8s linear infinite;
}
@keyframes league-fast-shell-spin {
  to { transform: rotate(360deg); }
}
.match-xg {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: 16px;
  margin-bottom: 12px;
}
.match-xg-side.right { text-align: right; }
.xg-team-label { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.xg-num-big { color: var(--accent); font-family: "Bebas Neue", sans-serif; font-size: 48px; line-height: .95; }
.match-xg-side.right .xg-num-big { color: var(--accent2); }
.xg-total { color: var(--text); font-family: "Bebas Neue", sans-serif; font-size: 28px; text-align: center; }
.xg-total span { display: block; color: var(--muted); font-family: "Plus Jakarta Sans", sans-serif; font-size: 11px; }
.sheet .xg-track { height: 8px; margin-bottom: 16px; }
.ai-box {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 14px 0;
  padding: 12px 14px;
  border: 1px solid rgba(192,132,252,.34);
  border-radius: 8px;
  background: rgba(192,132,252,.11);
}
.ai-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(192,132,252,.22);
  color: var(--accent2);
  font-size: 22px;
}
.ai-title { color: var(--accent2); font-size: 16px; font-weight: 800; }
.ai-sub { color: var(--muted); font-size: 11px; }
.sheet-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sheet-metric {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: var(--surface2);
  padding: 13px 12px;
}
.sheet-metric-label { color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.sheet-metric-value { margin-top: 4px; color: var(--yellow); font-family: "Bebas Neue", sans-serif; font-size: 38px; line-height: 1; }
.sheet-metric-sub { color: var(--muted); font-size: 11px; }
.sheet-verdict, .best-pick {
  margin-top: 12px;
  border-radius: 8px;
  padding: 12px;
  background: var(--surface2);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.player-detail-sheet { padding-top: 2px; }
.player-profile-fast-loading {
  min-height: min(720px, 78vh);
  padding: 22px 2px 32px;
}
.player-profile-loading-hero {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 20px;
  border: 1px solid rgba(34,230,118,.18);
  border-radius: 16px;
  background: linear-gradient(125deg, rgba(12,49,34,.92), rgba(10,18,25,.96));
}
.player-profile-loading-hero > span {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
  animation: player-profile-loading-pulse 1.05s ease-in-out infinite alternate;
}
.player-profile-loading-hero small,
.player-profile-loading-hero p,
.player-profile-loading-status {
  color: var(--muted);
}
.player-profile-loading-hero small {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.player-profile-loading-hero h1 {
  overflow: hidden;
  margin: 5px 0;
  color: var(--text);
  font-size: clamp(28px, 7vw, 44px);
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.player-profile-loading-hero p,
.player-profile-loading-status { margin: 0; font-size: 12px; }
.player-profile-loading-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.player-profile-loading-grid i {
  height: 118px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 12px;
  background: linear-gradient(105deg, rgba(255,255,255,.035) 20%, rgba(255,255,255,.08) 40%, rgba(255,255,255,.035) 60%);
  background-size: 240% 100%;
  animation: player-profile-loading-shimmer 1.1s linear infinite;
}
.player-profile-loading-status { padding: 4px 2px; text-align: center; }
@keyframes player-profile-loading-pulse {
  to { opacity: .55; transform: scale(.96); }
}
@keyframes player-profile-loading-shimmer {
  to { background-position: -240% 0; }
}
@media (max-width: 520px) {
  .player-profile-loading-hero { grid-template-columns: 64px minmax(0, 1fr); padding: 16px; }
  .player-profile-loading-hero > span { width: 64px; height: 64px; }
  .player-profile-loading-grid i { height: 92px; }
}
.player-detail-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: start;
  margin-bottom: 18px;
}
.player-detail-head h1 {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 40px;
  line-height: .95;
  letter-spacing: .02em;
}
.detail-badge-frame {
  width: 64px;
  height: 64px;
  margin-bottom: 10px;
  border-width: 2px;
}
.detail-badge { width: 54px; height: 54px; }
.player-detail-head p { margin: 8px 0 4px; color: var(--muted); font-size: 15px; }
.player-detail-head p span {
  display: inline-block;
  border-radius: 3px;
  background: rgba(192,132,252,.2);
  color: var(--accent2);
  padding: 2px 7px;
  font-family: "DM Mono", monospace;
  font-size: 12px;
}
.player-detail-head em { color: var(--muted); font-size: 12px; line-height: 1.35; }
.detail-pos {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  background: var(--surface2);
  color: var(--accent);
  font-family: "DM Mono", monospace;
  font-size: 18px;
  font-weight: 800;
}
.team-pos { width: auto; min-width: 58px; padding: 0 10px; font-size: 15px; }
.detail-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.detail-big-card, .detail-stat-grid div, .detail-pred-card {
  border-radius: 7px;
  background: var(--surface2);
  padding: 13px 10px;
  text-align: center;
}
.detail-big-card span, .detail-stat-grid span, .detail-pred-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.detail-big-card strong {
  display: block;
  margin-top: 6px;
  color: var(--accent);
  font-family: "Bebas Neue", sans-serif;
  font-size: 42px;
  line-height: .9;
}
.detail-big-card.white strong { color: var(--text); }
.detail-big-card small, .detail-pred-card small { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; }
.detail-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 18px; }
.detail-stat-grid div { padding: 13px 8px; }
.detail-stat-grid strong {
  display: block;
  margin-top: 6px;
  color: var(--text);
  font-family: "Bebas Neue", sans-serif;
  font-size: 28px;
  line-height: 1;
}
.detail-category-row, .detail-period-row {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 8px;
  scrollbar-width: none;
}
.detail-category-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: visible;
  padding-bottom: 2px;
}
.detail-category-row::-webkit-scrollbar, .detail-period-row::-webkit-scrollbar { display: none; }
.detail-cat, .detail-period {
  flex: 0 0 auto;
  min-height: 38px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface2);
  color: var(--muted);
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
}
.detail-cat {
  display: grid;
  grid-template-columns: auto;
  gap: 2px;
  min-width: 0;
  text-align: center;
}
.detail-cat span {
  display: block;
  max-width: 100%;
  font-size: 9px;
  letter-spacing: .03em;
  line-height: 1.12;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}
.detail-cat.active {
  border-color: var(--cat);
  color: var(--cat);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cat) 50%, transparent);
}
.detail-period.active { background: var(--accent); border-color: var(--accent); color: #1a1915; }
.detail-chart-card {
  margin-bottom: 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 13px 12px 10px;
}
.detail-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.detail-chart-head strong { font-size: 13px; }
.detail-chart-head span { color: var(--cat); font-family: "DM Mono", monospace; font-size: 11px; font-weight: 800; }
.detail-chart {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--bar-count, 10), minmax(26px, 1fr));
  gap: 6px;
  min-width: calc(var(--bar-count, 10) * 32px);
  min-height: 178px;
  padding-top: 18px;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent);
}
.detail-chart-card { overflow-x: auto; }
.avg-line {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--avg-pos);
  border-top: 1px dashed rgba(240,234,216,.26);
  z-index: 1;
}
.avg-line span {
  position: absolute;
  right: 0;
  top: -10px;
  color: var(--muted);
  background: var(--surface);
  padding-left: 5px;
  font-family: "DM Mono", monospace;
  font-size: 9px;
}
.detail-bar-col {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-rows: 18px 1fr 14px 8px;
  align-items: end;
  justify-items: center;
  min-width: 0;
}
.bar-value { color: var(--cat); font-family: "DM Mono", monospace; font-size: 11px; font-weight: 800; }
.detail-bar {
  width: 25px;
  min-height: 4px;
  border-radius: 4px 4px 0 0;
  background: var(--cat);
  box-shadow: 0 0 14px color-mix(in srgb, var(--cat) 30%, transparent);
}
.detail-bar-col small { color: var(--muted); font-family: "DM Mono", monospace; font-size: 8px; }
.detail-bar-col i { width: 5px; height: 5px; border-radius: 50%; }
.detail-bar-col i.win { background: var(--win); }
.detail-bar-col i.draw { background: var(--draw); }
.detail-bar-col i.loss { background: var(--loss); }
.chart-total {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 8px;
  border-radius: 6px;
  background: var(--surface2);
  padding: 10px 12px;
}
.chart-total strong {
  color: var(--cat);
  font-family: "Bebas Neue", sans-serif;
  min-width: 44px;
  font-size: clamp(28px, 7vw, 36px);
  line-height: 1;
  overflow-wrap: anywhere;
  text-align: center;
}
.chart-total span { color: var(--muted); font-size: 12px; line-height: 1.35; }
.detail-section-title {
  margin: 6px 0 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.detail-form-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-bottom: 14px; }
.detail-form {
  display: grid;
  place-items: center;
  height: 46px;
  border-radius: 5px;
  background: #2d312e;
  color: #b8c2da;
  font-family: "DM Mono", monospace;
  font-size: 20px;
  font-weight: 800;
}
.detail-form.w { background: rgba(34,197,94,.18); color: var(--green); }
.detail-form.l { background: rgba(239,68,68,.16); color: var(--red); }

.pl-profile-detail .profile-panel:has(.detail-category-row),
.wc-player-trend-panel {
  border: 1px solid rgba(44, 216, 101, .18);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(42, 216, 101, .14), transparent 34%),
    linear-gradient(180deg, rgba(13, 26, 31, .96), rgba(5, 12, 16, .98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 48px rgba(0,0,0,.26);
  padding: 14px;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) > header,
.wc-player-trend-panel > header {
  margin-bottom: 13px;
  color: #f5fbf7;
  letter-spacing: .03em;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-section-title,
.wc-player-trend-panel .detail-section-title {
  display: block;
  margin: 12px 0 8px;
  color: rgba(226, 238, 232, .72);
  font: 900 10px/1 "DM Mono", monospace;
  letter-spacing: .12em;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-category-row,
.wc-player-detail-v2 .detail-category-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-period-row,
.wc-player-detail-v2 .detail-period-row {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 0;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-cat,
.wc-player-detail-v2 .detail-cat {
  min-height: 48px;
  border-color: rgba(157, 181, 188, .16);
  border-radius: 11px;
  background: rgba(3, 11, 15, .74);
  color: rgba(225, 233, 232, .78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-cat span,
.wc-player-detail-v2 .detail-cat span {
  font-size: 9px;
  letter-spacing: .04em;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-cat.active,
.wc-player-detail-v2 .detail-cat.active {
  border-color: color-mix(in srgb, var(--cat) 72%, #2fe36e);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--cat) 18%, rgba(6, 18, 22, .90)), rgba(5, 13, 17, .88));
  color: #f6fff8;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cat) 48%, transparent), 0 0 18px color-mix(in srgb, var(--cat) 20%, transparent);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-period,
.wc-player-detail-v2 .detail-period {
  min-height: 34px;
  border-color: rgba(157, 181, 188, .18);
  border-radius: 999px;
  background: rgba(3, 11, 15, .72);
  color: rgba(225, 233, 232, .76);
  padding: 7px 13px;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-period.active,
.wc-player-detail-v2 .detail-period.active {
  background: linear-gradient(180deg, #31df70, #149c43);
  border-color: rgba(74, 240, 126, .72);
  color: #031009;
  box-shadow: 0 0 18px rgba(43,216,101,.28);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-chart-card,
.wc-player-detail-v2 .detail-chart-card {
  border: 1px solid rgba(157, 181, 188, .16);
  border-radius: 15px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--cat) 13%, transparent), transparent 34%),
    rgba(3, 10, 14, .82);
  padding: 14px 12px 12px;
  overflow-x: auto;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-chart-head,
.wc-player-detail-v2 .detail-chart-head {
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-chart-head > div,
.wc-player-detail-v2 .detail-chart-head > div {
  min-width: 0;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-chart-head strong,
.wc-player-detail-v2 .detail-chart-head strong {
  display: block;
  color: #f6fbf8;
  font: 900 12px/1.25 "DM Mono", monospace;
  letter-spacing: .02em;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-chart-head small,
.wc-player-detail-v2 .detail-chart-head small {
  display: block;
  margin-top: 5px;
  color: rgba(176, 190, 193, .82);
  font-size: 11px;
  line-height: 1.25;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-chart-source,
.wc-player-detail-v2 .detail-chart-source {
  flex: 0 0 auto;
  border: 1px solid rgba(44, 216, 101, .24);
  border-radius: 999px;
  background: rgba(44, 216, 101, .10);
  color: #38e978;
  padding: 6px 9px;
  font: 900 9px/1 "DM Mono", monospace;
  white-space: nowrap;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-chart,
.wc-player-detail-v2 .detail-chart {
  min-height: 210px;
  padding: 24px 4px 2px;
  border: 1px solid rgba(157, 181, 188, .10);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 28%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.045) 0 1px, transparent 1px 52px);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .avg-line,
.wc-player-detail-v2 .avg-line {
  border-top-color: rgba(235, 244, 239, .20);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .avg-line span,
.wc-player-detail-v2 .avg-line span {
  left: 6px;
  right: auto;
  top: -12px;
  z-index: 4;
  border: 1px solid rgba(235, 244, 239, .10);
  border-radius: 999px;
  background: rgba(2, 9, 12, .82);
  color: rgba(226, 238, 232, .74);
  padding: 2px 6px;
  font-size: 8px;
  line-height: 1;
}

.trend-threshold-line {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--threshold-pos);
  z-index: 1;
  border-top: 1px dashed rgba(52, 230, 111, .42);
}

.trend-threshold-line span {
  position: absolute;
  right: 7px;
  top: -13px;
  z-index: 5;
  border-radius: 999px;
  border: 1px solid rgba(52, 230, 111, .18);
  background: rgba(2, 9, 12, .90);
  color: #42ef7c;
  padding: 2px 5px;
  font: 900 8px/1 "DM Mono", monospace;
  box-shadow: 0 0 10px rgba(0,0,0,.32);
  transform: translateY(-1px);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-bar,
.wc-player-detail-v2 .detail-bar {
  width: clamp(18px, 5.3vw, 26px);
  border-radius: 8px 8px 2px 2px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--cat) 78%, #63ff96), color-mix(in srgb, var(--cat) 62%, #0f7f38));
  box-shadow: 0 0 18px color-mix(in srgb, var(--cat) 32%, transparent);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .bar-value,
.wc-player-detail-v2 .bar-value {
  color: #f7fff8;
  font-size: 10px;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-bar-col small,
.wc-player-detail-v2 .detail-bar-col small {
  color: rgba(211, 223, 222, .72);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .chart-total,
.wc-player-detail-v2 .chart-total {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(157, 181, 188, .14);
  border-radius: 12px;
  background: rgba(157, 181, 188, .10);
  padding: 0;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .chart-total > div,
.wc-player-detail-v2 .chart-total > div {
  min-width: 0;
  background: rgba(4, 13, 17, .82);
  padding: 11px 8px;
  text-align: center;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .chart-total strong,
.wc-player-detail-v2 .chart-total strong {
  display: block;
  min-width: 0;
  color: #35e572;
  font-size: clamp(25px, 6.2vw, 34px);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .chart-total span,
.wc-player-detail-v2 .chart-total span {
  display: block;
  color: rgba(196, 207, 209, .76);
  font-size: 10px;
  line-height: 1.25;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-form-row,
.wc-player-trend-panel .detail-form-row {
  gap: 7px;
  margin-bottom: 0;
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-form,
.wc-player-trend-panel .detail-form {
  height: 42px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(22, 28, 32, .88);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-form.w,
.wc-player-trend-panel .detail-form.w {
  border-color: rgba(49, 223, 112, .28);
  background: rgba(31, 156, 70, .24);
}

.pl-profile-detail .profile-panel:has(.detail-category-row) .detail-form.l,
.wc-player-trend-panel .detail-form.l {
  border-color: rgba(239, 68, 68, .24);
  background: rgba(159, 38, 50, .24);
}

.wc-player-detail-v2 {
  padding-bottom: 30px;
}
.wc-player-hero-v2 {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin: 4px 0 20px;
}
.wc-player-number-orb {
  position: relative;
  display: grid;
  place-items: center;
  width: 118px;
  height: 118px;
  border: 2px solid rgba(48,216,99,.72);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 38%, rgba(48,216,99,.20), transparent 48%),
    #041016;
  box-shadow: 0 0 28px rgba(38,199,85,.18);
}
.wc-player-number-orb strong {
  color: #25dd66;
  font: 400 48px/1 "Bebas Neue", sans-serif;
}
.wc-player-number-orb span {
  margin-top: -22px;
  color: #25dd66;
  font-size: 17px;
  font-weight: 900;
}
.wc-player-number-orb .wc-flag {
  position: absolute;
  top: -8px;
  right: -6px;
  width: 42px;
  height: 42px;
  padding: 3px;
  border-color: rgba(255,255,255,.88);
  background: #f8fbfb;
}
.wc-player-title-block h1 {
  margin: 0;
  color: #f6f8f8;
  font: 400 44px/.95 "Bebas Neue", sans-serif;
  letter-spacing: .02em;
}
.wc-player-title-block p {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 9px 0 0;
  color: #eef3f3;
  font-size: 15px;
}
.wc-player-title-block p .wc-flag {
  width: 20px;
  height: 20px;
  padding: 1px;
}
.wc-player-title-block b {
  color: #24d765;
}
.wc-player-title-block .club-line {
  color: #e7e3ef;
}
.wc-player-title-block em {
  display: block;
  margin-top: 11px;
  color: #8e979d;
  font-size: 14px;
  font-style: italic;
}
.wc-hot-trends {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}
.wc-hot-trends article {
  min-width: 0;
  border: 1px solid rgba(131,153,161,.20);
  border-radius: 8px;
  background:
    radial-gradient(circle at left top, rgba(53,213,101,.13), transparent 48%),
    #081319;
  padding: 12px;
}
.wc-hot-trends article.attribute-primary {
  border-color: rgba(37,221,102,.38);
  background:
    radial-gradient(circle at left top, rgba(37,221,102,.23), transparent 54%),
    linear-gradient(145deg, rgba(13,43,27,.78), rgba(7,18,24,.96));
  box-shadow: inset 0 0 0 1px rgba(37,221,102,.08), 0 12px 28px rgba(0,0,0,.18);
}
.wc-hot-trends article.attribute-secondary {
  border-color: rgba(187,114,255,.30);
  background:
    radial-gradient(circle at left top, rgba(187,114,255,.20), transparent 54%),
    linear-gradient(145deg, rgba(29,17,49,.72), rgba(7,18,24,.96));
}
.wc-hot-trends article.attribute-tertiary {
  border-color: rgba(198,207,214,.20);
  background:
    radial-gradient(circle at left top, rgba(198,207,214,.13), transparent 54%),
    linear-gradient(145deg, rgba(19,29,36,.76), rgba(7,18,24,.96));
}
.wc-hot-trends article.sot,
.wc-hot-trends article.ga {
  background:
    radial-gradient(circle at left top, rgba(185,103,255,.16), transparent 48%),
    #081319;
}
.wc-hot-trends span {
  color: #25dd66;
  font: 900 8px "DM Mono", monospace;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.wc-hot-trends article.sot span,
.wc-hot-trends article.ga span { color: #bd72ff; }
.wc-hot-trends article.attribute-secondary span { color: #bd72ff; }
.wc-hot-trends article.attribute-tertiary span { color: #aeb8c0; }
.player-attribute-cards span {
  font: 800 12px/1.2 "Inter", sans-serif;
  letter-spacing: 0;
  text-transform: none;
}
.wc-hot-trends strong {
  display: block;
  margin-top: 8px;
  color: #f3f7f7;
  font: 900 30px/1 "Bebas Neue", "Inter", sans-serif;
}
.wc-hot-trends small {
  display: block;
  margin-top: 4px;
  color: #a8b1b8;
  font-size: 11px;
  line-height: 1.25;
}
.player-strength-card {
  --tier-color: #25dd66;
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 7px;
  text-align: center;
}
.profile-attribute-grid .player-strength-card,
.wc-hot-trends .player-strength-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  padding: 13px 8px 12px;
}
.profile-attribute-grid .player-strength-card::before,
.wc-hot-trends .player-strength-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--tier-color) 18%, transparent), transparent 58%);
  pointer-events: none;
}
.player-strength-card.tier-world-class,
.player-strength-card.tier-elite { --tier-color: #25dd66; }
.player-strength-card.tier-excellent { --tier-color: #6ff58b; }
.player-strength-card.tier-good { --tier-color: #b7f35a; }
.player-strength-card.tier-average { --tier-color: #facc15; }
.player-strength-card.tier-weakness { --tier-color: #94a3b8; }
.player-strength-card .strength-name {
  position: relative;
  z-index: 1;
  min-height: 28px;
  display: grid;
  place-items: center;
  color: #eef6f2;
  font: 900 clamp(9px, 2.25vw, 12px)/1.15 "Inter", sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.player-strength-card .strength-ring {
  position: relative;
  z-index: 1;
  width: clamp(64px, 17vw, 102px);
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background:
    radial-gradient(circle, #081319 58%, transparent 59%),
    conic-gradient(var(--tier-color) var(--strength-progress), rgba(255,255,255,.11) 0);
  box-shadow: 0 0 20px color-mix(in srgb, var(--tier-color) 20%, transparent);
}
.player-strength-card .strength-ring::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 50%;
}
.player-strength-card .strength-ring strong {
  margin: 0;
  color: #f8fbfb;
  font: 900 clamp(30px, 7vw, 48px)/.78 "Bebas Neue", "Inter", sans-serif;
}
.player-strength-card .strength-ring small {
  margin-top: 2px;
  color: #a8b1b8;
  font: 800 10px/1 "Inter", sans-serif;
}
.player-strength-card .strength-tier {
  position: relative;
  z-index: 1;
  min-width: 62px;
  border: 1px solid color-mix(in srgb, var(--tier-color) 46%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--tier-color) 16%, transparent);
  color: #f4fff8;
  padding: 3px 9px;
  font: 900 10px/1 "DM Mono", monospace;
  letter-spacing: .04em;
}
.player-strength-card .strength-percentile {
  position: relative;
  z-index: 1;
  display: block;
  color: var(--tier-color);
  font: 900 12px/1.1 "Inter", sans-serif;
  font-style: normal;
}
.player-strength-card .strength-summary {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 28px;
  margin-top: 0;
  color: #a8b1b8;
  font-size: 10px;
  line-height: 1.25;
}
.wc-player-metric-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.wc-player-metric {
  border: 1px solid rgba(131,153,161,.20);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(124,72,190,.09), transparent 50%),
    #081319;
  padding: 17px 14px;
  text-align: center;
}
.wc-player-metric span,
.wc-player-stat-tile span,
.wc-player-compare header,
.wc-player-advanced header,
.wc-player-trend-panel > header {
  color: #f4f8f8;
  font: 900 10px "DM Mono", monospace;
  text-transform: uppercase;
}
.wc-player-metric span,
.wc-player-stat-tile span {
  color: #dbe2e2;
}
.wc-player-metric strong {
  display: block;
  margin-top: 9px;
  color: #f8fbfb;
  font: 400 44px/.9 "Bebas Neue", sans-serif;
}
.wc-player-metric small,
.wc-player-stat-tile small {
  display: block;
  margin-top: 6px;
  color: #9aa5aa;
  font-size: 11px;
}
.wc-player-compare {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.wc-player-compare section,
.wc-player-trend-panel,
.wc-player-advanced {
  border: 1px solid rgba(131,153,161,.20);
  border-radius: 8px;
  background:
    radial-gradient(circle at top left, rgba(48,216,99,.10), transparent 46%),
    #081319;
  padding: 14px;
}
.wc-player-compare section.wc-panel-purple {
  background:
    radial-gradient(circle at top right, rgba(185,103,255,.16), transparent 48%),
    #081319;
}
.wc-player-compare header {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: #24d765;
}
.wc-panel-purple header {
  color: #bd72ff;
}
.wc-player-compare section > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.wc-player-stat-tile {
  min-width: 0;
  border: 1px solid rgba(131,153,161,.17);
  border-radius: 7px;
  background: rgba(4,13,18,.72);
  padding: 11px 8px;
  text-align: center;
}
.wc-player-stat-tile strong {
  display: block;
  margin-top: 7px;
  color: #f7fafa;
  font: 400 clamp(22px, 6.5vw, 30px)/.9 "Bebas Neue", sans-serif;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.wc-player-trend-panel {
  margin-bottom: 14px;
}
.wc-player-trend-panel > header {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 11px;
}
.wc-player-trend-panel .detail-section-title {
  display: none;
}
.wc-player-detail-v2 .detail-category-row,
.wc-player-detail-v2 .detail-period-row {
  margin-bottom: 8px;
}
.wc-player-detail-v2 .detail-cat,
.wc-player-detail-v2 .detail-period {
  background: rgba(4,13,18,.72);
}
.wc-player-detail-v2 .detail-period.active {
  background: linear-gradient(180deg, #2bd865, #169c42);
  border-color: #2bd865;
  color: #f8fffb;
  box-shadow: 0 0 16px rgba(43,216,101,.22);
}
.wc-player-detail-v2 .detail-chart-card {
  border-color: rgba(131,153,161,.14);
  background: transparent;
  padding: 8px 0 0;
}
.wc-player-detail-v2 .detail-chart {
  background: transparent;
}
.wc-player-detail-v2 .chart-total {
  border: 1px solid rgba(131,153,161,.14);
  background: rgba(4,13,18,.72);
}
.wc-player-advanced {
  margin-bottom: 8px;
}
.wc-player-advanced header {
  margin-bottom: 12px;
  color: #bd72ff;
}
.wc-player-advanced > div {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(131,153,161,.14);
  border-radius: 7px;
  background: rgba(131,153,161,.12);
}
.wc-player-advanced .wc-player-stat-tile {
  border: 0;
  border-radius: 0;
}
.club-player-orb {
  gap: 4px;
}
.club-player-orb .badge-frame {
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
.club-player-orb .club-player-national-flag {
  position: absolute;
  top: -8px;
  right: -6px;
  width: 42px;
  height: 42px;
  padding: 3px;
  border-color: rgba(255,255,255,.86);
  background: #f8fbfb;
}
.club-player-orb strong {
  color: #25dd66;
  font-size: 42px;
}
.club-player-orb span {
  margin-top: -18px;
  font-size: 12px;
  text-transform: uppercase;
}
.wc-player-title-block p .club-player-national-flag {
  width: 20px;
  height: 20px;
  padding: 1px;
}
.club-player-trend-panel .detail-ai {
  margin-top: 12px;
}
.wc-player-detail-v2 .wc-player-trend-panel .detail-section-title {
  display: block;
  margin: 12px 0 8px;
  color: rgba(226, 238, 232, .72);
  font: 900 10px/1 "DM Mono", monospace;
  letter-spacing: .12em;
}
.wc-player-detail-v2 .wc-player-trend-panel .detail-category-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
  padding-bottom: 0;
}
.wc-player-detail-v2 .wc-player-trend-panel .detail-period-row {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 0;
}
.wc-player-detail-v2 .wc-player-trend-panel .detail-cat {
  min-height: 48px;
  border-color: rgba(157, 181, 188, .16);
  border-radius: 11px;
  background: rgba(3, 11, 15, .74);
  color: rgba(225, 233, 232, .78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.wc-player-detail-v2 .wc-player-trend-panel .detail-cat.active {
  border-color: color-mix(in srgb, var(--cat) 72%, #2fe36e);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--cat) 18%, rgba(6, 18, 22, .90)), rgba(5, 13, 17, .88));
  color: #f6fff8;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cat) 48%, transparent), 0 0 18px color-mix(in srgb, var(--cat) 20%, transparent);
}
.wc-player-detail-v2 .wc-player-trend-panel .detail-period {
  min-height: 34px;
  border-color: rgba(157, 181, 188, .18);
  border-radius: 999px;
  background: rgba(3, 11, 15, .72);
  color: rgba(225, 233, 232, .76);
  padding: 7px 13px;
}
.wc-player-detail-v2 .wc-player-trend-panel .detail-period.active {
  background: linear-gradient(180deg, #31df70, #149c43);
  border-color: rgba(74, 240, 126, .72);
  color: #031009;
  box-shadow: 0 0 18px rgba(43,216,101,.28);
}
.wc-player-detail-v2 .wc-player-trend-panel .detail-chart-card {
  border: 1px solid rgba(157, 181, 188, .16);
  border-radius: 15px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--cat) 13%, transparent), transparent 34%),
    rgba(3, 10, 14, .82);
  padding: 14px 12px 12px;
  overflow-x: auto;
}
.wc-player-detail-v2 .wc-player-trend-panel .detail-chart {
  min-height: 210px;
  padding: 24px 4px 2px;
  border: 1px solid rgba(157, 181, 188, .10);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 28%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.045) 0 1px, transparent 1px 52px);
}
.wc-player-detail-v2 .wc-player-trend-panel .chart-total {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(157, 181, 188, .14);
  border-radius: 12px;
  background: rgba(157, 181, 188, .10);
  padding: 0;
}
.wc-team-detail-v2 .wc-team-hero-v2 {
  align-items: center;
}
.wc-team-detail-v2 .wc-player-title-block {
  min-width: 0;
}
.wc-team-detail-v2 .wc-player-title-block h1 {
  max-width: 100%;
  font-size: clamp(32px, 2.6vw, 40px);
  overflow-wrap: anywhere;
}
.wc-team-orb {
  justify-content: center;
  text-align: center;
}
.wc-team-orb .wc-flag {
  position: static;
  width: 74px;
  height: 74px;
  padding: 4px;
  border-color: rgba(255,255,255,.86);
  background: #f8fbfb;
}
.wc-team-detail-v2 .wc-team-orb .wc-flag {
  padding: 0;
  border-color: transparent;
  background: transparent;
}
.wc-team-orb > strong,
.wc-team-orb > span { display: none; }
.pl-team-orb {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.pl-team-orb .badge-frame {
  display: grid;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.pl-team-orb .team-badge {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
  transform-origin: center;
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(45,209,94,.18));
}
.pl-team-detail-v2 .league-team-season-control {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(45, 212, 125, .22);
  border-radius: 14px;
  background: rgba(4, 18, 18, .72);
}
.pl-team-detail-v2 .league-team-season-control span {
  color: rgba(236, 253, 245, .72);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.pl-team-detail-v2 .league-team-season-control select {
  min-width: 92px;
  border: 1px solid rgba(45, 212, 125, .35);
  border-radius: 10px;
  background: rgba(6, 28, 27, .95);
  color: #36f58f;
  font: 800 13px/1 var(--font-ui);
  padding: 8px 28px 8px 10px;
}
.pl-team-detail-v2 .league-team-season-control b {
  margin-left: auto;
  color: rgba(236, 253, 245, .72);
  font-size: 11px;
  font-weight: 800;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel {
  display: grid;
  gap: 12px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-card {
  border: 1px solid rgba(128,151,160,.20);
  border-radius: 12px;
  background:
    radial-gradient(circle at 18% 0%, rgba(46,206,99,.13), transparent 34%),
    linear-gradient(180deg, rgba(12,25,31,.98), rgba(5,13,17,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 35px rgba(0,0,0,.22);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next {
  padding: 13px 14px 16px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next > header,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights > header,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals > header {
  margin-bottom: 12px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next > header strong,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights > header strong,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals > header strong {
  color: #cbd5d8;
  font: 900 12px "DM Mono", monospace;
  letter-spacing: .02em;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(105px, .9fr) minmax(0, 1fr);
  align-items: end;
  gap: 10px;
  text-align: center;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next-body > div {
  display: grid;
  justify-items: center;
  gap: 7px;
  min-width: 0;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next-body .badge-frame {
  width: 58px;
  height: 58px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-badge {
  width: 58px;
  height: 58px;
  object-fit: contain;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-flag {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-flag .wc-flag {
  width: 58px;
  height: 58px;
  object-fit: contain;
  padding: 0;
  border: 0;
  background: transparent;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next-body strong {
  color: #edf4f4;
  font-size: 14px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next-body > span {
  display: grid;
  gap: 6px;
  align-content: center;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next-body small {
  color: #a2afb4;
  font-size: 10px;
  line-height: 1.25;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next-body b {
  color: #dce5e6;
  font: 900 32px/1 "Bebas Neue", sans-serif;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-next-body em {
  justify-self: center;
  border: 1px solid rgba(128,151,160,.24);
  border-radius: 999px;
  color: #a9b4b8;
  font-size: 10px;
  font-style: normal;
  padding: 4px 10px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric {
  min-width: 0;
  padding: 14px 12px 12px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric span {
  display: block;
  color: #d8e1e3;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric strong {
  display: block;
  margin-top: 9px;
  color: #38d969;
  font: 400 38px/1 "Bebas Neue", sans-serif;
  letter-spacing: 0;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric.xg strong {
  color: #dfe8e8;
  font-size: 31px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric small {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-height: 16px;
  color: #a2adb1;
  font-size: 11px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric small b:first-child {
  color: #38d969;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric small b:last-child {
  color: #f3a33d;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric i {
  display: block;
  height: 7px;
  margin-top: 11px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(125,146,153,.25);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric i::before {
  content: "";
  display: block;
  width: var(--team-match-intel-progress, 50%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #32d665, #4eee84);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-metric.xg i::before {
  background: linear-gradient(90deg, #32d665 0 58%, #f59d36 58% 100%);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights {
  padding: 14px 13px 5px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid rgba(128,151,160,.14);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights article:first-of-type {
  border-top: 0;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights article > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #fff;
  font-weight: 900;
  background: linear-gradient(145deg, #22c55e, #34d399);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights .tone-2 { background: linear-gradient(145deg, #f59e0b, #facc15); }
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights .tone-3 { background: linear-gradient(145deg, #7c3aed, #a855f7); }
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights .tone-4 { background: linear-gradient(145deg, #2563eb, #38bdf8); }
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights strong {
  display: block;
  color: #eef6f6;
  font-size: 15px;
  line-height: 1.25;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-insights p {
  margin: 4px 0 0;
  color: #9ba8ad;
  font-size: 12px;
  line-height: 1.35;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals {
  padding: 14px 13px 12px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals article {
  min-width: 0;
  border: 1px solid rgba(128,151,160,.18);
  border-radius: 10px;
  background: rgba(4,13,17,.72);
  padding: 12px 10px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals article > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 9px;
  border-radius: 50%;
  background: rgba(45,211,98,.20);
  color: #54e37b;
  font-size: 12px;
  font-weight: 900;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals article.blue > span {
  background: rgba(37,99,235,.24);
  color: #60a5fa;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals article.purple > span {
  background: rgba(124,58,237,.28);
  color: #c084fc;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals article.purple > .team-match-intel-signal-icon--total {
  align-content: center;
  justify-content: center;
  padding: 0 4px;
  text-align: center;
  font-size: clamp(9px, 2.5vw, 11px);
  line-height: 1.05;
  white-space: normal;
  word-break: keep-all;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals strong,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals small {
  display: block;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals strong {
  color: #eef5f5;
  font-size: 13px;
  line-height: 1.2;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals small {
  margin-top: 4px;
  color: #9aa8ad;
  font-size: 11px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals b {
  display: block;
  margin-top: 6px;
  color: #3be06e;
  font: 400 34px/1 "Bebas Neue", sans-serif;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals article.blue b {
  color: #4ea1ff;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals article.purple b {
  color: #b36cff;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-signals footer {
  margin-top: 12px;
  color: #7f8c91;
  font-size: 10px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-empty {
  padding: 16px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-empty strong {
  color: #edf4f4;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-match-intel-empty p {
  color: #96a5aa;
  margin: 6px 0 0;
}

/* Team Profile · shared Fixture Intelligence */
.pl-team-detail-v2 .fixture-intelligence {
  display: grid;
  gap: 12px;
  color: #eef7f4;
  container-name: fixture-intelligence;
  container-type: inline-size;
}
.pl-team-detail-v2 .fixture-intelligence-summary,
.pl-team-detail-v2 .fixture-intelligence-list,
.pl-team-detail-v2 .fixture-intelligence-bottom,
.pl-team-detail-v2 .fixture-intelligence-empty {
  border: 1px solid rgba(48, 213, 112, .22);
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(37, 208, 112, .09), transparent 38%),
    linear-gradient(155deg, rgba(5, 22, 25, .98), rgba(4, 14, 18, .99));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 16px 38px rgba(0, 0, 0, .22);
}
.pl-team-detail-v2 .fixture-intelligence-summary {
  padding: 14px;
}
.pl-team-detail-v2 .fixture-intelligence-summary > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.pl-team-detail-v2 .fixture-intelligence-summary > header strong {
  color: #f0f7f5;
  font-size: 16px;
}
.pl-team-detail-v2 .fixture-intelligence-summary > header small {
  overflow: hidden;
  color: #81928f;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid article {
  display: grid;
  grid-template-columns: 34px auto;
  grid-template-rows: auto auto;
  align-items: center;
  min-width: 0;
  min-height: 66px;
  padding: 10px;
  border: 1px solid rgba(139, 163, 163, .14);
  border-radius: 11px;
  background: rgba(3, 14, 17, .7);
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid article > span:first-child {
  grid-row: 1 / 3;
  color: #33dc79;
  font-size: 24px;
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid article > strong {
  color: #eff9f5;
  font: 800 24px/1 var(--font-ui);
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid article > small {
  color: #96a8a4;
  font-size: 10px;
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid .difficulty {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 3px 6px;
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid .difficulty small {
  flex-basis: 100%;
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid .difficulty strong {
  color: #3be176;
  font-size: 23px;
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid .difficulty strong em {
  color: #b0bfbc;
  font-size: 14px;
  font-style: normal;
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid .difficulty > span {
  color: #f4c64f;
  font-size: 11px;
  font-weight: 800;
}
.pl-team-detail-v2 .fixture-intelligence-summary-grid .difficulty.hard strong,
.pl-team-detail-v2 .fixture-intelligence-summary-grid .difficulty.hard > span { color: #ff515c; }
.pl-team-detail-v2 .fixture-intelligence-summary-grid .difficulty.easy strong,
.pl-team-detail-v2 .fixture-intelligence-summary-grid .difficulty.easy > span { color: #38dc78; }
.pl-team-detail-v2 .fixture-intelligence-list {
  overflow: hidden;
}
.pl-team-detail-v2 .fixture-intelligence-list > header {
  display: none;
}
.pl-team-detail-v2 .fixture-intelligence-row {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 18px;
  grid-template-areas:
    "index opponent arrow"
    "index metrics arrow";
  gap: 10px;
  width: 100%;
  min-height: 160px;
  padding: 13px 10px;
  border: 0;
  border-bottom: 1px solid rgba(128, 151, 151, .14);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.pl-team-detail-v2 .fixture-intelligence-row:last-child { border-bottom: 0; }
.pl-team-detail-v2 .fixture-intelligence-row:hover,
.pl-team-detail-v2 .fixture-intelligence-row:focus-visible {
  background: rgba(40, 216, 113, .055);
  outline: none;
}
.pl-team-detail-v2 .fixture-intelligence-index {
  grid-area: index;
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 5px;
  padding-top: 4px;
  border-right: 1px solid rgba(128, 151, 151, .15);
}
.pl-team-detail-v2 .fixture-intelligence-index b {
  color: #f1f8f5;
  font: 800 23px/1 var(--font-ui);
}
.pl-team-detail-v2 .fixture-intelligence-index small,
.pl-team-detail-v2 .fixture-intelligence-index em {
  color: #9aaba7;
  font-size: 9px;
  font-style: normal;
  line-height: 1.2;
  text-align: center;
}
.pl-team-detail-v2 .fixture-intelligence-opponent {
  grid-area: opponent;
  display: grid;
  grid-template-columns: 39px 40px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.pl-team-detail-v2 .fixture-intelligence-venue {
  display: grid;
  justify-items: center;
  gap: 2px;
  color: #9aa8a6;
}
.pl-team-detail-v2 .fixture-intelligence-venue.home { color: #3add77; }
.pl-team-detail-v2 .fixture-intelligence-venue b { font-size: 22px; }
.pl-team-detail-v2 .fixture-intelligence-venue small { font-size: 9px; }
.pl-team-detail-v2 .fixture-intelligence-opponent > .badge-frame {
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.pl-team-detail-v2 .fixture-intelligence-badge {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.pl-team-detail-v2 .fixture-intelligence-team {
  display: grid;
  min-width: 0;
}
.pl-team-detail-v2 .fixture-intelligence-team > strong {
  overflow: hidden;
  color: #eef6f3;
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pl-team-detail-v2 .fixture-intelligence-team > small {
  overflow: hidden;
  color: #81918f;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pl-team-detail-v2 .fixture-intelligence-form {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 5px;
  white-space: nowrap;
}
.pl-team-detail-v2 .fixture-intelligence-form > em {
  margin-right: 2px;
  color: #81918f;
  font-size: 8px;
  font-style: normal;
}
.pl-team-detail-v2 .fixture-intelligence-form-result {
  position: relative;
  display: block;
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  margin: 0;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #8f9d9a;
  font-size: 0 !important;
  font-style: normal;
  transform: none;
}
.pl-team-detail-v2 .fixture-intelligence-form-result::after {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  content: attr(data-form-result);
  font: 800 7px/1 Arial, sans-serif;
  font-style: normal;
  letter-spacing: 0;
  text-align: center;
  transform: translateY(-.35px);
}
.pl-team-detail-v2 .fixture-intelligence-form-result.w::after {
  font-size: 6.5px;
  letter-spacing: -.2px;
}
.pl-team-detail-v2 .fixture-intelligence-form-result.w { color: #32db73; }
.pl-team-detail-v2 .fixture-intelligence-form-result.l { color: #ff4b59; }
.pl-team-detail-v2 .fixture-intelligence-form small { color: #7f908d; font-size: 8px; }
.pl-team-detail-v2 .fixture-intelligence-rest,
.pl-team-detail-v2 .fixture-intelligence-score,
.pl-team-detail-v2 .fixture-intelligence-difficulty {
  align-self: end;
  min-width: 0;
}
.pl-team-detail-v2 .fixture-intelligence-rest {
  grid-area: metrics;
  width: calc((100% - 24px) / 4);
}
.pl-team-detail-v2 .fixture-intelligence-score.attack {
  grid-area: metrics;
  width: calc((100% - 24px) / 4);
  margin-left: calc((100% - 24px) / 4 + 8px);
}
.pl-team-detail-v2 .fixture-intelligence-score.clean {
  grid-area: metrics;
  width: calc((100% - 24px) / 4);
  margin-left: calc((100% - 24px) / 4 * 2 + 16px);
}
.pl-team-detail-v2 .fixture-intelligence-difficulty {
  grid-area: metrics;
  width: calc((100% - 24px) / 4);
  margin-left: calc((100% - 24px) / 4 * 3 + 24px);
}
.pl-team-detail-v2 .fixture-intelligence-rest > strong,
.pl-team-detail-v2 .fixture-intelligence-score > strong,
.pl-team-detail-v2 .fixture-intelligence-score > span,
.pl-team-detail-v2 .fixture-intelligence-difficulty > strong,
.pl-team-detail-v2 .fixture-intelligence-difficulty > span {
  display: block;
  overflow: hidden;
  color: #d9e5e1;
  font-size: 9px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pl-team-detail-v2 .fixture-intelligence-rest > small {
  display: block;
  margin-bottom: 2px;
  color: #7f918d;
  font-size: 8px;
}
.pl-team-detail-v2 .fixture-intelligence-score > strong { color: #35db75; }
.pl-team-detail-v2 .fixture-intelligence-score.medium > strong { color: #f6bf45; }
.pl-team-detail-v2 .fixture-intelligence-score.low > strong,
.pl-team-detail-v2 .fixture-intelligence-score.very-low > strong { color: #ff4c59; }
.pl-team-detail-v2 .fixture-intelligence-score > strong b { font-size: 10px; }
.pl-team-detail-v2 .fixture-intelligence-score > span,
.pl-team-detail-v2 .fixture-intelligence-difficulty > span { margin-top: 2px; color: #b7c4c1; }
.pl-team-detail-v2 .fixture-intelligence-difficulty.easy > strong,
.pl-team-detail-v2 .fixture-intelligence-difficulty.easy > span { color: #38dc78; }
.pl-team-detail-v2 .fixture-intelligence-difficulty.medium > strong,
.pl-team-detail-v2 .fixture-intelligence-difficulty.medium > span { color: #f6bf45; }
.pl-team-detail-v2 .fixture-intelligence-difficulty.hard > strong,
.pl-team-detail-v2 .fixture-intelligence-difficulty.hard > span { color: #ff8f3d; }
.pl-team-detail-v2 .fixture-intelligence-difficulty > strong {
  overflow: visible;
  font-size: 8px;
  text-overflow: clip;
}
.pl-team-detail-v2 .fixture-intelligence-rest > i,
.pl-team-detail-v2 .fixture-intelligence-score > i,
.pl-team-detail-v2 .fixture-intelligence-difficulty > i {
  display: block;
  height: 5px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 99px;
  background: #28363a;
}
.pl-team-detail-v2 .fixture-intelligence-rest > i b,
.pl-team-detail-v2 .fixture-intelligence-score > i b,
.pl-team-detail-v2 .fixture-intelligence-difficulty > i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #35db75;
}
.pl-team-detail-v2 .fixture-intelligence-score.medium > i b { background: #f6b942; }
.pl-team-detail-v2 .fixture-intelligence-score.low > i b,
.pl-team-detail-v2 .fixture-intelligence-score.very-low > i b { background: #ff4354; }
.pl-team-detail-v2 .fixture-intelligence-difficulty.easy > i b { background: #38dc78; }
.pl-team-detail-v2 .fixture-intelligence-difficulty.medium > i b { background: #f6b942; }
.pl-team-detail-v2 .fixture-intelligence-difficulty.hard > i b { background: #ff8f3d; }
.pl-team-detail-v2 .fixture-intelligence-chevron {
  grid-area: arrow;
  align-self: center;
  color: #a7b7b3;
  font-size: 28px;
}
.pl-team-detail-v2 .fixture-intelligence-bottom {
  display: grid;
  overflow: hidden;
}
.pl-team-detail-v2 .fixture-intelligence-bottom article {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  min-height: 94px;
  padding: 13px;
  border-bottom: 1px solid rgba(128, 151, 151, .14);
}
.pl-team-detail-v2 .fixture-intelligence-bottom article:last-child { border-bottom: 0; }
.pl-team-detail-v2 .fixture-intelligence-bottom article > span {
  color: #36dc75;
  font-size: 22px;
  font-weight: 900;
}
.pl-team-detail-v2 .fixture-intelligence-bottom article > div { display: grid; gap: 3px; min-width: 0; }
.pl-team-detail-v2 .fixture-intelligence-bottom small { color: #9aacA7; font-size: 10px; }
.pl-team-detail-v2 .fixture-intelligence-bottom strong { color: #edf6f2; font-size: 13px; }
.pl-team-detail-v2 .fixture-intelligence-bottom div > span,
.pl-team-detail-v2 .fixture-intelligence-bottom div > small:last-child { color: #aebdb9; font-size: 10px; }
.pl-team-detail-v2 .fixture-intelligence-bottom div > b { color: #39df78; font: 800 26px/1 var(--font-ui); }
.pl-team-detail-v2 .fixture-intelligence-bottom div > b em { color: #aab8b5; font-size: 11px; font-style: normal; }
.pl-team-detail-v2 .fixture-intelligence > footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 12px;
  padding: 0 2px;
  color: #738582;
  font-size: 9px;
}
.pl-team-detail-v2 .fixture-intelligence-empty { padding: 20px; }
.pl-team-detail-v2 .fixture-intelligence-empty strong { color: #edf6f3; }
.pl-team-detail-v2 .fixture-intelligence-empty p { margin: 6px 0 0; color: #8fa09d; font-size: 12px; }

@container fixture-intelligence (min-width: 720px) {
  .pl-team-detail-v2 .fixture-intelligence-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(150px, 1.15fr);
  }
  .pl-team-detail-v2 .fixture-intelligence-list > header {
    display: grid;
    grid-template-columns: minmax(270px, 1fr) 74px 104px 104px 104px;
    gap: 10px;
    padding: 11px 47px 9px 14px;
    color: #899b97;
    font-size: 10px;
  }
  .pl-team-detail-v2 .fixture-intelligence-list > header strong { color: #e8f2ef; font-size: 12px; }
  .pl-team-detail-v2 .fixture-intelligence-row {
    grid-template-columns: 62px minmax(210px, 1fr) 74px 104px 104px 104px 18px;
    grid-template-areas: "index opponent rest attack clean difficulty arrow";
    align-items: center;
    min-height: 112px;
    padding: 10px 12px;
  }
  .pl-team-detail-v2 .fixture-intelligence-opponent { grid-template-columns: 44px 46px minmax(0, 1fr); }
  .pl-team-detail-v2 .fixture-intelligence-opponent > .badge-frame,
  .pl-team-detail-v2 .fixture-intelligence-badge { width: 46px; height: 46px; }
  .pl-team-detail-v2 .fixture-intelligence-rest { grid-area: rest; width: auto; align-self: center; }
  .pl-team-detail-v2 .fixture-intelligence-score.attack { grid-area: attack; width: auto; margin-left: 0; align-self: center; }
  .pl-team-detail-v2 .fixture-intelligence-score.clean { grid-area: clean; width: auto; margin-left: 0; align-self: center; }
  .pl-team-detail-v2 .fixture-intelligence-difficulty { grid-area: difficulty; width: auto; margin-left: 0; align-self: center; }
  .pl-team-detail-v2 .fixture-intelligence-bottom { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pl-team-detail-v2 .fixture-intelligence-bottom article { border-right: 1px solid rgba(128, 151, 151, .14); border-bottom: 0; }
  .pl-team-detail-v2 .fixture-intelligence-bottom article:last-child { border-right: 0; }
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-ui {
  display: grid;
  gap: 12px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-card {
  border: 1px solid rgba(128,151,160,.20);
  border-radius: 10px;
  background:
    radial-gradient(circle at 18% 0%, rgba(46,206,99,.12), transparent 38%),
    linear-gradient(180deg, rgba(11,23,28,.96), rgba(5,12,16,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 38px rgba(0,0,0,.22);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-card > header {
  color: #35db70;
  font: 900 14px/1.2 "DM Mono", monospace;
  letter-spacing: 0;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot {
  padding: 16px 14px 18px;
  border-color: rgba(45,211,98,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 0 1px rgba(45,211,98,.07), 0 18px 40px rgba(0,0,0,.24);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot > header strong {
  display: block;
  color: #2ee36e;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot > header span {
  display: block;
  margin-top: 4px;
  color: #a4b0b4;
  font: 600 12px/1.2 "Plus Jakarta Sans", system-ui, sans-serif;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot > header em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 8px 12px;
  color: #75f0a0;
  background: rgba(22,212,107,.17);
  font: 800 11px/1 "Plus Jakarta Sans", system-ui, sans-serif;
  font-style: normal;
  white-space: nowrap;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid article {
  min-width: 0;
  padding: 2px 9px 0;
  text-align: center;
  border-left: 1px solid rgba(128,151,160,.28);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid article:first-child {
  border-left: 0;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid article > span,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend article > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0 auto 11px;
  border-radius: 50%;
  color: #4df083;
  background: radial-gradient(circle, rgba(45,211,98,.28), rgba(45,211,98,.10));
  box-shadow: 0 0 18px rgba(45,211,98,.11);
  font-size: 17px;
  font-weight: 900;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid small {
  display: block;
  min-height: 28px;
  color: #dbe4e5;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.25;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid b {
  display: block;
  margin-top: 7px;
  color: #f0f6f6;
  font: 400 clamp(20px, 6.4vw, 27px)/1 "Bebas Neue", sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid b span {
  color: #b9c4c7;
  font-size: .72em;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid i {
  color: #2fe771;
  font-style: normal;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid u {
  color: #ff7e86;
  text-decoration: none;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid p {
  margin: 4px 0 0;
  color: #a0adb1;
  font-size: 11px;
  line-height: 1.25;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-pills,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-read {
  padding: 14px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-pills > header,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent > header,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend > header {
  margin-bottom: 12px;
  color: #35db70;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-pills > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-pills span,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article > b {
  display: grid;
  place-items: center;
  height: 44px;
  border-radius: 7px;
  color: #fff;
  background: linear-gradient(160deg, rgba(22,163,74,.95), rgba(5,130,65,.92));
  font: 900 21px/1 "DM Mono", monospace;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-pills span.d,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article > b.d {
  background: linear-gradient(160deg, rgba(113,113,122,.92), rgba(63,63,70,.92));
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-pills span.l,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article > b.l {
  background: linear-gradient(160deg, rgba(153,27,27,.95), rgba(92,20,31,.95));
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-pills p {
  margin: 13px 0 0;
  color: #d0dbdd;
  font-size: 13px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent > div {
  display: grid;
  gap: 6px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article {
  display: grid;
  grid-template-columns: 56px 48px 72px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  border: 1px solid rgba(128,151,160,.14);
  border-radius: 9px;
  background: rgba(4,13,17,.58);
  padding: 6px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article > b {
  width: 56px;
  height: 50px;
  border-radius: 7px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-opponent-badge-frame,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-flag {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-opponent-badge,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-flag .wc-flag {
  width: 40px;
  height: 40px;
  object-fit: contain;
  padding: 0;
  border: 0;
  background: transparent;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article > strong {
  color: #edf4f4;
  font: 400 27px/1 "Bebas Neue", sans-serif;
  text-align: center;
  white-space: nowrap;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article > span {
  min-width: 0;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article i,
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article i {
  color: #edf4f4;
  font-size: 14px;
  font-weight: 800;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article small {
  margin-top: 3px;
  color: #99a6ab;
  font-size: 11px;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-recent article em {
  color: #98a5aa;
  font-style: normal;
  text-align: center;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend > header small {
  color: #7df2a4;
  font: inherit;
  opacity: .72;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 4px 10px;
  border-left: 1px solid rgba(128,151,160,.17);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend article:first-child {
  border-left: 0;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend article > span {
  margin: 0;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend strong {
  display: block;
  color: #6ff09b;
  font-size: 13px;
  line-height: 1.2;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-trend p {
  margin: 3px 0 0;
  color: #c6d0d2;
  font-size: 12px;
  line-height: 1.35;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-read {
  border-color: rgba(139,92,246,.30);
  background:
    radial-gradient(circle at 10% 12%, rgba(139,92,246,.20), transparent 32%),
    linear-gradient(180deg, rgba(15,18,35,.97), rgba(7,11,22,.98));
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-read > header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  color: #c084fc;
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-read > header span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #eadcff;
  background: rgba(139,92,246,.25);
}
:is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-read p {
  margin: 0;
  color: #d2d9dc;
  font-size: 14px;
  line-height: 1.6;
}
@media (max-width: 520px) {
  :is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot {
    padding-inline: 12px;
  }
  :is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot > header {
    flex-wrap: wrap;
  }
  :is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 0;
  }
  :is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid article {
    padding-inline: 8px;
    border-left: 1px solid rgba(128,151,160,.18);
  }
  :is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid article:nth-child(odd) {
    border-left: 0;
  }
  :is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid article:nth-child(n + 3) {
    padding-top: 14px;
    border-top: 1px solid rgba(128,151,160,.18);
  }
  :is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid small {
    min-height: 0;
  }
  :is(.pl-team-detail-v2, .wc-team-detail-v2) .team-form-snapshot-grid b {
    font-size: clamp(22px, 7vw, 29px);
    line-height: 1.05;
  }
}
.club-form-list {
  display: grid;
  gap: 9px;
}
.club-form-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 8px;
  background: rgba(4,13,18,.62);
  padding: 10px;
}
.club-form-row strong {
  display: block;
  color: #f6fbfb;
  font-size: 13px;
}
.club-form-row small {
  display: block;
  margin-top: 2px;
  color: #8d999d;
  font-size: 10px;
}
.club-fixture-row .badge-frame {
  width: 22px;
  height: 22px;
  border: 0;
  background: transparent;
  box-shadow: none;
  vertical-align: middle;
}
.club-fixture-row .team-badge {
  width: 22px;
  height: 22px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
.club-squad-filters {
  position: sticky;
  top: 8px;
  z-index: 5;
  display: flex;
  gap: 8px;
  margin: 0 0 14px;
  overflow-x: auto;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 8px;
  background: rgba(4,13,18,.88);
  padding: 8px;
  scrollbar-width: none;
}
.club-squad-filters::-webkit-scrollbar { display: none; }
.club-squad-filters a {
  flex: 0 0 auto;
  min-width: 48px;
  border: 1px solid rgba(131,153,161,.20);
  border-radius: 7px;
  background: rgba(8,19,25,.9);
  color: #a8b3b7;
  padding: 9px 12px;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}
.club-squad-filters a.active {
  border-color: #2bd865;
  background: linear-gradient(135deg, #22b950, #33d164);
  color: #f5fff8;
}
.club-squad-section {
  display: grid;
  gap: 9px;
  margin-bottom: 18px;
}
.club-squad-section > header {
  color: #2bd865;
  font: 900 11px "DM Mono", monospace;
  letter-spacing: .08em;
}
.club-squad-section > div {
  display: grid;
  gap: 8px;
}
.club-squad-row {
  display: grid;
  grid-template-columns: 38px 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(45,209,94,.04), transparent 52%),
    rgba(4,13,18,.72);
  color: #f5faf9;
  padding: 11px 12px;
  text-align: left;
}
.club-squad-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  overflow: hidden;
  color: #d7e0e2;
  font-size: 11px;
  font-weight: 900;
}
.club-squad-avatar .wc-flag,
.club-squad-main .wc-flag {
  width: 22px;
  height: 22px;
  padding: 1px;
}
.club-squad-avatar img,
.inline-flag-img {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: -5px;
}
.club-position-badge {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 28px;
  border-radius: 7px;
  color: #f8fffb;
  font: 900 10px "DM Mono", monospace;
}
.club-position-badge.gk { background: rgba(96,165,250,.18); color: #8ec5ff; }
.club-position-badge.df { background: rgba(45,209,94,.16); color: #3fe36d; }
.club-position-badge.mf { background: rgba(189,114,255,.17); color: #c985ff; }
.club-position-badge.fw { background: rgba(245,158,11,.17); color: #f8b949; }
.club-position-badge.unknown { background: rgba(148,163,184,.16); color: #cbd5e1; }
.club-squad-main {
  min-width: 0;
}
.club-squad-main strong {
  display: block;
  overflow: hidden;
  color: #f6fbfb;
  font-size: 17px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.club-squad-main small {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-top: 3px;
  color: #8f9ca0;
  font-size: 12px;
}
.club-squad-row i {
  color: #e9f0f0;
  font-size: 28px;
  font-style: normal;
  line-height: 1;
}
.club-squad-row-actions {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: flex-end;
}
.club-squad-row-actions i {
  color: #e9f0f0;
  font-size: 28px;
  font-style: normal;
  line-height: 1;
}
.club-squad-availability {
  display: inline-grid;
  place-items: center;
  min-width: 25px;
  height: 25px;
  border: 1px solid rgba(255, 92, 104, .56);
  border-radius: 50%;
  background: rgba(239, 68, 68, .16);
  color: #ff6b75;
  font: 900 13px/1 "DM Mono", monospace;
  box-shadow: 0 0 12px rgba(239, 68, 68, .12);
}
.club-squad-availability.suspended {
  min-width: 32px;
  border-color: rgba(245, 158, 11, .58);
  border-radius: 8px;
  background: rgba(245, 158, 11, .15);
  color: #ffbd4a;
  font-size: 8px;
  letter-spacing: .02em;
}
.wc-team-scouting-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}
.wc-team-scouting-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  border: 1px solid rgba(131,153,161,.20);
  border-radius: 8px;
  background: #081319;
  padding: 16px 14px;
}
.wc-team-scouting-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(255,255,255,.10), transparent 55%);
  pointer-events: none;
}
.wc-team-scouting-card.attack::before {
  background: radial-gradient(circle at top left, rgba(39,221,101,.24), transparent 58%);
}
.wc-team-scouting-card.defense::before {
  background: radial-gradient(circle at top left, rgba(185,103,255,.24), transparent 58%);
}
.wc-team-scouting-card.form::before {
  background: radial-gradient(circle at top left, rgba(255,255,255,.14), transparent 58%);
}
.wc-team-scouting-card span,
.wc-team-rank-row span {
  position: relative;
  display: block;
  color: #dbe2e2;
  font: 900 10px "DM Mono", monospace;
  text-transform: uppercase;
}
.wc-team-scouting-card.attack span,
.wc-team-rank-row .attack { color: #25dd66; }
.wc-team-scouting-card.defense span,
.wc-team-rank-row .defense { color: #bd72ff; }
.wc-team-scouting-card strong {
  position: relative;
  display: block;
  margin-top: 9px;
  color: #f8fbfb;
  font: 400 46px/.9 "Bebas Neue", sans-serif;
}
.wc-team-scouting-card.attack strong small { color: #25dd66; }
.wc-team-scouting-card.defense strong small { color: #bd72ff; }
.wc-team-scouting-card.form strong small { color: #f8fbfb; }
.wc-team-scouting-card strong small {
  font-size: 18px;
  letter-spacing: 0;
}
.wc-team-scouting-card em {
  position: relative;
  display: block;
  margin-top: 7px;
  color: #9aa5aa;
  font-size: 11px;
  font-style: normal;
}
.team-intel-headline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.team-intel-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  border: 1px solid rgba(131,153,161,.22);
  border-radius: 10px;
  background: #081319;
  padding: 18px 16px 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.team-intel-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(255,255,255,.10), transparent 62%);
  pointer-events: none;
}
.team-intel-card.attack::before { background: radial-gradient(circle at top left, rgba(39,221,101,.24), transparent 62%); }
.team-intel-card.defense::before { background: radial-gradient(circle at top left, rgba(177,92,255,.24), transparent 62%); }
.team-intel-card.form.good::before,
.team-intel-card.form.elite::before { background: radial-gradient(circle at top left, rgba(39,221,101,.18), transparent 62%); }
.team-intel-card.form.average::before { background: radial-gradient(circle at top left, rgba(250,204,21,.16), transparent 62%); }
.team-intel-card.form.poor::before { background: radial-gradient(circle at top left, rgba(248,83,83,.18), transparent 62%); }
.team-intel-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.team-intel-top span,
.team-snapshot-panel h3,
.team-strength-overview h3 {
  margin: 0;
  color: #25dd66;
  font: 900 12px "DM Mono", monospace;
  text-transform: uppercase;
}
.team-intel-card.defense .team-intel-top span { color: #bd72ff; }
.team-intel-card.form .team-intel-top span { color: #dfe8e8; }
.team-intel-top i {
  color: currentColor;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  opacity: .8;
}
.team-intel-card strong {
  position: relative;
  display: block;
  margin-top: 13px;
  color: #f8fbfb;
  font: 400 clamp(46px, 9vw, 70px)/.85 "Bebas Neue", sans-serif;
  letter-spacing: 0;
}
.team-intel-card strong small {
  color: #25dd66;
  font-size: .34em;
  letter-spacing: 0;
}
.team-intel-card.defense strong small { color: #bd72ff; }
.team-intel-card > b,
.team-strength-card > b {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 10px;
  border: 1px solid rgba(39,221,101,.55);
  border-radius: 999px;
  padding: 4px 12px;
  color: #25dd66;
  background: rgba(39,221,101,.10);
  font: 900 11px/1 "DM Mono", monospace;
}
.team-intel-card.average > b,
.team-strength-card.average > b {
  border-color: rgba(250,204,21,.62);
  color: #facc15;
  background: rgba(250,204,21,.10);
}
.team-intel-card.poor > b,
.team-strength-card.poor > b {
  border-color: rgba(248,83,83,.62);
  color: #ff6464;
  background: rgba(248,83,83,.10);
}
.team-intel-card em {
  position: relative;
  display: block;
  min-height: 32px;
  margin-top: 9px;
  color: #a8b2b6;
  font-size: 13px;
  font-style: normal;
  line-height: 1.25;
}
.team-intel-card footer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 12px;
  border-top: 1px solid rgba(255,255,255,.09);
  padding-top: 11px;
  color: #b8c2c6;
  font-size: 12px;
}
.team-intel-card footer b { color: currentColor; }
.team-intel-card.attack footer,
.team-intel-card.good footer,
.team-intel-card.elite footer { color: #25dd66; }
.team-intel-card.defense footer { color: #bd72ff; }
.team-intel-card.average footer { color: #facc15; }
.team-intel-card.poor footer { color: #ff6464; }
.team-snapshot-panel,
.team-strength-overview {
  border: 1px solid rgba(131,153,161,.20);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(20,72,48,.28), rgba(8,19,25,.94) 55%);
  padding: 16px;
  margin-bottom: 14px;
}
.team-snapshot-panel header,
.team-strength-overview header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.team-snapshot-panel header span {
  margin-left: auto;
  color: #a8b2b6;
  font-weight: 700;
  font-size: 13px;
}
.team-snapshot-panel > div {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
}
.team-snapshot-tile {
  min-width: 0;
  border-right: 1px solid rgba(255,255,255,.10);
  padding: 6px 12px;
  text-align: center;
}
.team-snapshot-tile:last-child { border-right: 0; }
.team-snapshot-tile span {
  display: block;
  color: #9aa5aa;
  font: 900 10px "DM Mono", monospace;
  text-transform: uppercase;
}
.team-snapshot-tile.good span { color: #25dd66; }
.team-snapshot-tile.average span { color: #facc15; }
.team-snapshot-tile.poor span { color: #ff6464; }
.team-snapshot-tile.defense span { color: #bd72ff; }
.team-snapshot-tile strong {
  display: block;
  margin-top: 8px;
  color: #f8fbfb;
  font: 400 42px/.9 "Bebas Neue", sans-serif;
}
.team-snapshot-tile small {
  display: block;
  margin-top: 5px;
  color: #a8b2b6;
  font-size: 12px;
}
.team-strength-overview {
  background: #081319;
}
.team-strength-overview header {
  flex-wrap: wrap;
}
.team-strength-overview header span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #a8b2b6;
  font-size: 12px;
}
.team-strength-overview header span:first-of-type { margin-left: auto; }
.team-strength-overview header b {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
}
.team-strength-overview header b.good { background: #25dd66; }
.team-strength-overview header b.average { background: #facc15; }
.team-strength-overview header b.poor { background: #ff6464; }
.team-strength-overview > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.team-snapshot-panel--historical > div,
.team-strength-overview--historical > div {
  /* Follow the sheet width, not the browser viewport. Safari can expose a
     desktop viewport while the profile sheet itself is phone-width. */
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
}
.team-strength-overview--historical .team-strength-card {
  overflow: hidden;
}
.team-strength-overview--historical .team-strength-card > span,
.team-strength-overview--historical .team-strength-card > small {
  overflow-wrap: anywhere;
}
.team-strength-card {
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
  border: 1px solid rgba(131,153,161,.20);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  padding: 14px 10px 12px;
  text-align: center;
}
.team-strength-card i {
  display: block;
  color: #25dd66;
  font-size: 24px;
  font-style: normal;
  line-height: 1;
}
.team-strength-card.average i { color: #facc15; }
.team-strength-card.poor i { color: #ff6464; }
.team-strength-card > span {
  display: block;
  min-height: 30px;
  margin-top: 10px;
  color: #f8fbfb;
  font: 900 11px/1.2 "DM Mono", monospace;
  text-transform: uppercase;
}
.team-strength-card > small {
  display: block;
  min-height: 26px;
  margin-top: 2px;
  color: #93a0a5;
  font-size: 11px;
  line-height: 1.15;
}
.team-strength-card strong {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto 0;
  width: min(76px, 100%);
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 999px;
  border: clamp(4px, .55vw, 8px) solid rgba(255,255,255,.10);
  color: #f8fbfb;
  font: 400 clamp(20px, 2.2vw, 32px)/1 "Bebas Neue", sans-serif;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.team-strength-card.good strong,
.team-strength-card.elite strong { border-color: #25dd66; }
.team-strength-card.average strong { border-color: #facc15; }
.team-strength-card.poor strong { border-color: #ff6464; }
.team-strength-card footer {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  margin-top: 10px;
  color: #a8b2b6;
  font-size: 11px;
}
.team-strength-card footer em {
  color: #25dd66;
  font-style: normal;
}
.team-strength-card.average footer em { color: #facc15; }
.team-strength-card.poor footer em { color: #ff6464; }
.team-strength-overview p {
  margin: 14px 0 0;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 12px;
  color: #9aa5aa;
  font-size: 12px;
}
.timing-profile-panel,
.team-identity-panel,
.timing-insight-card,
.timing-advanced-link,
.timing-advanced-card {
  border: 1px solid rgba(131,153,161,.20);
  border-radius: 10px;
  background: #081319;
  padding: 16px;
  margin-bottom: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.timing-profile-panel {
  background: linear-gradient(135deg, rgba(20,72,48,.22), rgba(8,19,25,.96) 60%);
}
.timing-profile-panel header,
.team-identity-panel header,
.timing-advanced-card header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.timing-profile-panel h3,
.team-identity-panel h3,
.timing-advanced-card h3 {
  margin: 0;
  color: #25dd66;
  font: 900 13px "DM Mono", monospace;
  text-transform: uppercase;
}
.timing-profile-panel header span,
.timing-advanced-card header span {
  margin-left: auto;
  color: #9aa5aa;
  font-size: 12px;
  font-weight: 700;
}
.timing-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.timing-metric-card {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  padding: 14px;
}
.timing-metric-card div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #25dd66;
}
.timing-metric-card div span { font-size: 18px; }
.timing-metric-card div b {
  font: 900 13px "DM Mono", monospace;
  text-transform: uppercase;
}
.timing-metric-card strong {
  display: block;
  margin-top: 12px;
  color: #f8fbfb;
  font: 400 52px/.85 "Bebas Neue", sans-serif;
}
.timing-metric-card em {
  display: block;
  color: #25dd66;
  font-style: normal;
  font-weight: 900;
}
.timing-metric-card i {
  display: block;
  height: 7px;
  margin-top: 11px;
  border-radius: 999px;
  background: linear-gradient(90deg, currentColor var(--timing-fill), rgba(255,255,255,.12) var(--timing-fill));
  color: #25dd66;
}
.timing-metric-card.average div,
.timing-metric-card.average em,
.timing-metric-card.average i { color: #facc15; }
.timing-metric-card.poor div,
.timing-metric-card.poor em,
.timing-metric-card.poor i { color: #ff6464; }
.timing-profile-panel p {
  margin: 14px 0 0;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 12px;
  color: #9aa5aa;
  font-size: 12px;
}
.team-identity-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.team-identity-tags span {
  border: 1px solid rgba(39,221,101,.35);
  border-radius: 999px;
  padding: 8px 12px;
  color: #cfe9d8;
  background: rgba(39,221,101,.08);
  font-weight: 800;
  font-size: 13px;
}
.timing-insight-card strong {
  display: block;
  color: #f8fbfb;
  font-weight: 900;
}
.timing-insight-card p,
.timing-advanced-link p {
  margin: 6px 0 0;
  color: #a8b2b6;
  line-height: 1.4;
}
.timing-advanced-link {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  color: inherit;
  text-decoration: none;
}
.timing-advanced-link > span {
  color: #46b7ff;
  font-size: 24px;
}
.timing-advanced-link strong { color: #f8fbfb; }
.timing-advanced-link i {
  color: #9aa5aa;
  font-style: normal;
  font-size: 30px;
}
.timing-advanced-page {
  padding: 6px 0 22px;
}
.timing-advanced-header {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}
.timing-advanced-header button {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: #f8fbfb;
  font-size: 20px;
}
.timing-advanced-header span {
  color: #25dd66;
  font: 900 11px "DM Mono", monospace;
  text-transform: uppercase;
}
.timing-advanced-header h1 {
  margin: 2px 0 0;
  color: #f8fbfb;
  font: 400 34px/.9 "Bebas Neue", sans-serif;
}
.timing-advanced-header p {
  margin: 4px 0 0;
  color: #a8b2b6;
}
.timing-advanced-card header b {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  color: #06120c;
  background: #25dd66;
  font-size: 12px;
}
.timing-toggle {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.timing-toggle button {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: #a8b2b6;
  padding: 7px 10px;
  font-weight: 800;
}
.timing-toggle button.active {
  color: #06120c;
  background: #25dd66;
}
.timing-line-chart {
  width: 100%;
  min-height: 140px;
  margin: 6px 0;
}
.timing-line-chart .timing-line {
  fill: none;
  stroke: #25dd66;
  stroke-width: 3;
}
.timing-line-chart.red .timing-line { stroke: #ff6464; }
.timing-line-chart .timing-line-area {
  fill: rgba(39,221,101,.14);
}
.timing-line-chart.red .timing-line-area { fill: rgba(255,100,100,.12); }
.timing-line-chart circle { fill: #f8fbfb; }
.timing-line-chart text {
  fill: #dce5e8;
  font-size: 9px;
  font-weight: 800;
}
.timing-line-chart .axis-label {
  fill: #9aa5aa;
  font-size: 8px;
  text-anchor: middle;
}
.timing-bar-chart {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
  align-items: end;
  min-height: 120px;
}
.timing-bar-chart div {
  display: grid;
  justify-items: center;
  gap: 5px;
  color: #25dd66;
}
.timing-bar-chart.red div { color: #ff6464; }
.timing-bar-chart span {
  width: 22px;
  border-radius: 8px 8px 3px 3px;
  background: currentColor;
  box-shadow: 0 0 14px color-mix(in srgb, currentColor 30%, transparent);
}
.timing-bar-chart b {
  color: #f8fbfb;
  font-size: 11px;
}
.timing-bar-chart small {
  color: #9aa5aa;
  font-size: 10px;
}
.timing-advanced-card footer,
.timing-warning,
.timing-card-note,
.timing-card-insight {
  margin-top: 12px;
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  padding: 10px 12px;
  color: #c9d3d6;
}
.timing-card-note {
  border: 1px solid rgba(250,204,21,.22);
  color: #f5d56d;
}
.timing-advanced-card footer {
  display: flex;
  justify-content: space-between;
}
.timing-warning {
  border: 1px solid rgba(255,100,100,.22);
  color: #ffb1b1;
}
.timing-home-away article > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px minmax(70px, 1fr) 34px minmax(70px, 1fr);
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  color: #a8b2b6;
  font-size: 12px;
}
.timing-home-away h4 {
  margin: 0 0 8px;
  color: #f8fbfb;
}
.timing-home-away i {
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, #25dd66 var(--timing-fill), rgba(255,255,255,.12) var(--timing-fill));
}
.timing-matchup-selectors {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.timing-matchup-selectors select {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: #0b171d;
  color: #f8fbfb;
  padding: 11px;
}
.timing-potential-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.timing-potential-grid article {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  padding: 12px 8px;
  text-align: center;
}
.timing-potential-grid span {
  display: block;
  color: #9aa5aa;
  font-size: 11px;
}
.timing-potential-grid strong {
  display: block;
  margin-top: 7px;
  color: #25dd66;
  font-size: 18px;
}
.timing-potential-grid .average strong { color: #facc15; }
.timing-potential-grid .poor strong { color: #ff6464; }
.timing-potential-grid small { color: #a8b2b6; }
.timing-radar {
  display: block;
  max-width: 360px;
  margin: 0 auto;
}
.timing-summary-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.timing-summary-list div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding: 8px 0;
  color: #a8b2b6;
}
.timing-summary-list strong { color: #f8fbfb; }
.wc-team-rank-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}
.wc-team-rank-row span {
  width: fit-content;
  border: 1px solid rgba(131,153,161,.20);
  border-radius: 999px;
  background: rgba(4,13,18,.72);
  padding: 7px 10px;
}
.wc-team-rank-row b { color: #f8fbfb; }
.wc-team-fixture-v2 {
  display: grid;
  gap: 8px;
}
.wc-team-fixture-v2 button {
  display: grid;
  gap: 5px;
  width: 100%;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 8px;
  background: rgba(4,13,18,.72);
  padding: 12px;
  color: #f4f7f7;
  text-align: left;
}
.wc-team-fixture-v2 button span,
.wc-team-fixture-v2 button small {
  color: #9aa5aa;
  font-size: 11px;
}
.wc-team-fixture-v2 button strong {
  font-size: 15px;
}
.wc-team-fixture-v2 button strong em {
  font-style: normal;
}
.wc-team-fixture-v2 button strong.has-score {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.wc-team-fixture-v2 button b {
  color: #25dd66;
  font-size: 18px;
}
.wc-team-fixture-v2 button strong.has-score b {
  font-size: 20px;
}
.wc-team-leaders > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border: 0;
  background: transparent;
}
.wc-team-leader-card {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 8px;
  background:
    radial-gradient(circle at left top, rgba(48,216,99,.12), transparent 48%),
    rgba(4,13,18,.72);
  padding: 12px;
  color: #f6fafa;
  text-align: left;
}
.wc-team-leader-card span {
  color: #25dd66;
  font: 900 9px "DM Mono", monospace;
  text-transform: uppercase;
}
.wc-team-leader-card strong {
  overflow: hidden;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wc-team-leader-card small {
  color: #9aa5aa;
  font-size: 11px;
}
.wc-team-recent-panel .wc-history-list {
  border: 0;
  background: transparent;
  padding: 0;
}
.wc-team-recent-panel .wc-list-team-title {
  display: none;
}
.detail-ai { margin: 0 0 12px; }
.detail-pred-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.detail-pred-card { position: relative; overflow: hidden; text-align: left; }
.detail-pred-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: var(--green);
}
.detail-pred-card.yellow::after { background: var(--yellow); }
.detail-pred-card strong {
  display: block;
  margin-top: 8px;
  color: var(--green);
  font-family: "Bebas Neue", sans-serif;
  font-size: 44px;
  line-height: .9;
}
.detail-pred-card.yellow strong { color: var(--yellow); }
.wc-detail .detail-pred-card strong { font-size: 27px; line-height: 1; overflow-wrap: anywhere; }
.data-note {
  margin-top: 14px;
  border-radius: 6px;
  background: var(--surface2);
  color: var(--muted);
  padding: 12px;
  font-size: 12px;
  line-height: 1.45;
}
.data-note span { color: var(--accent2); font-family: "DM Mono", monospace; }
.team-player-link {
  width: 100%;
  border: 0;
  text-align: left;
  color: inherit;
}
.verdict-badge {
  display: inline-block;
  margin-right: 10px;
  border: 1px solid var(--yellow);
  border-radius: 4px;
  color: var(--yellow);
  padding: 5px 10px;
  font-weight: 800;
  letter-spacing: .08em;
}
.kp-title { margin: 18px 0 8px; color: var(--muted); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.kp-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 8px;
  border-radius: 6px;
  background: var(--surface2);
  padding: 10px;
}
.side-tag {
  border-radius: 3px;
  padding: 4px 8px;
  background: rgba(232,132,58,.16);
  color: var(--accent);
  font-family: "DM Mono", monospace;
  font-size: 10px;
}
.side-tag.away { background: rgba(192,132,252,.16); color: var(--accent2); }
.best-pick {
  border: 1px solid rgba(74,222,128,.28);
  background: rgba(74,222,128,.09);
}
.best-pick strong { display: block; margin-top: 6px; color: var(--green); font-size: 22px; }

/* Unified green app theme */
body {
  background:
    radial-gradient(circle at 18% 0%, rgba(22,212,107,.12), transparent 28%),
    linear-gradient(180deg, #05090a 0%, #071011 48%, #050707 100%);
}
.news-box,
.feature-pick,
.api-news-card,
.feed-card,
.edge-card,
.account-card,
.fantasy-mini-card,
.fantasy-row,
.fx-card,
.p-card,
.player-card,
.prediction-card,
.match-card,
.leader-row,
.xg-player-card,
.table-row,
.detail-big-card,
.detail-stat-grid div,
.detail-pred-card,
.sheet-metric,
.wc-card,
.wc-player-list,
.wc-history-list,
.wc-h2h-list div,
.wc-table-card,
.wc-prediction-panel > div,
.wc-match-summary button {
  border-color: rgba(255,255,255,.09);
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}
.feature-pick,
.api-news-card,
.prediction-card,
.fantasy-card.diff,
.edge-builder,
.pro-plan,
.pro-lock-card,
.inline-pro-gate,
.wc-band {
  border-color: rgba(22,212,107,.22);
  background:
    radial-gradient(circle at 18% 0%, rgba(22,212,107,.11), transparent 45%),
    linear-gradient(145deg, rgba(22,212,107,.07), rgba(255,255,255,.025));
}
.feature-meta,
.home-stat-strip strong,
.api-score-row b,
.api-event-list span,
.api-news-note span,
.feed-card span,
.free-pick-card span,
.edge-builder-head span,
.price-row strong,
.free-pick-card span,
.fantasy-mini-card span,
.fantasy-row b,
.wc-kicker,
.wc-stat-strip strong,
.wc-team-grid span,
.wc-section-title,
.wc-date-label,
.wc-kickoff strong,
.wc-table-card h3,
.wc-standings-head span,
.wc-match-summary span,
.s-title,
.pick-heading,
.score,
.xg-big,
.t-pts,
.xg-num-big,
.data-note span,
.side-tag,
.rank-star,
.metric-tab.active,
.f-btn.active {
  color: var(--accent);
}
.api-news-note span,
.edge-builder-head strong,
.account-status.active span,
.generated-codes button,
.account-actions button:last-child,
.lock-icon,
.pro-lock-card span,
.fantasy-mini-card span,
.inline-pro-gate span,
.ai-title,
.match-xg-side.right .xg-num-big,
.pick-tag.purple {
  color: var(--accent2);
}
.edge-filter.active,
.pay-btn,
.creator-btn,
.pro-lock-card button,
.fantasy-pos.active,
.metric-tab.active,
.f-btn.active,
.detail-period.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #04100b;
}
.premium-pill,
body.is-pro .access-toggle,
.account-status.active,
.account-message,
.creator-card,
.best-pick,
.wc-prediction-panel .wc-pred-main,
.fantasy-hero,
.wc-player-row em,
.edge-tag.strong {
  border-color: rgba(22,212,107,.28);
  background: rgba(22,212,107,.10);
  color: var(--accent);
}
.season-badge,
.account-card-head span,
.promo-row button,
.secondary-btn,
.free-pick-card,
.pick-tag.orange,
.side-tag {
  border-color: rgba(22,212,107,.22);
  background: rgba(22,212,107,.10);
  color: var(--accent);
}
.pro-lock-card,
.inline-pro-gate,
.pro-plan,
.fantasy-card.diff {
  border-color: rgba(104,245,161,.22);
  background: rgba(104,245,161,.08);
}
.locked-teasers div,
.control-panel input,
.control-panel select,
.search-wrap input,
.metric-tab,
.f-btn,
.edge-filter,
.fantasy-pos,
.wc-filter,
.wc-team-chip,
.wc-open-match-btn {
  border-color: rgba(255,255,255,.09);
  background: rgba(255,255,255,.045);
}
.wc-filter.active,
.wc-open-match-btn {
  border-color: rgba(22,212,107,.36);
  background: rgba(22,212,107,.12);
  color: var(--accent);
}
.wc-band h2,
.page-title,
.sheet-title,
.prediction-card h1,
.edge-card strong,
.fantasy-card strong,
.fantasy-mini-card strong,
.wc-prediction-panel strong,
.detail-pred-card strong,
.sheet-metric-value {
  color: var(--text);
}
.wc-stat-strip div {
  background: rgba(22,212,107,.08);
}
.wc-date-label {
  border-left-color: var(--accent);
  background: #071011;
}
.wc-card,
.wc-table-card {
  background: #0b1213;
}
.wc-table-card h3 {
  border-bottom-color: rgba(22,212,107,.14);
}
.wc-match-summary button:nth-child(2) {
  background: linear-gradient(145deg, rgba(104,245,161,.08), rgba(255,255,255,.025));
}
.player-card.is-active,
.xg-player-card.highlight,
.leader-row.top {
  border-color: rgba(22,212,107,.55);
  background: rgba(22,212,107,.10);
}
.table-row:hover {
  background: rgba(22,212,107,.06);
}
.xg-fill-h,
.xg-fill-a {
  background: var(--accent);
}
.detail-cat.active {
  border-color: var(--cat);
  color: var(--cat);
}

/* Premier League refresh */
.league-selector {
  margin: 12px 12px 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.league-selector-inner {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 8px;
  min-width: max-content;
}
.league-selector button {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: var(--muted);
  padding: 7px 12px 7px 8px;
  font-weight: 900;
}
.league-flag {
  display: block;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  aspect-ratio: 1 / 1;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: #f7fafc;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.35));
}
.league-flag img,
.league-hub-flag img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
  transform: none;
}
.league-catalog-icon {
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  background: rgba(247,250,252,.98);
}
.league-flag-fallback {
  display: inline-grid;
  place-items: center;
  background: rgba(255,255,255,.08);
  color: rgba(239,247,243,.78);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: -.04em;
}
.league-table-flag {
  flex: 0 0 28px;
}
.league-selector button b {
  font-size: 12px;
  white-space: nowrap;
}
.league-selector button.active {
  border-color: rgba(22,212,107,.55);
  background: linear-gradient(135deg, rgba(22,212,107,.24), rgba(22,212,107,.06));
  color: var(--accent);
  box-shadow: 0 0 24px rgba(22,212,107,.10);
}
.league-selector button.active .league-flag {
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.35)) drop-shadow(0 0 8px rgba(22,212,107,.28));
}
body:has(#page-fixtures.active) .header {
  position: relative;
  z-index: 12;
  padding: 18px 20px 12px;
  border-bottom: 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(22,212,107,.12), transparent 38%),
    linear-gradient(180deg, rgba(5,9,10,.98), rgba(5,9,10,.88) 70%, transparent);
}
body:has(#page-fixtures.active) .logo {
  font-size: 25px;
}
body:has(#page-fixtures.active) .language-switcher .lang-toggle,
body:has(#page-fixtures.active) .premium-pill,
body:has(#page-fixtures.active) .account-top-btn {
  min-height: 30px;
  border-radius: 6px;
  background: rgba(8,19,20,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 16px rgba(22,212,107,.08);
}
.league-hub {
  width: min(760px, calc(100% - 24px));
  margin: 8px auto 96px;
  color: var(--text);
}
.league-hub-header {
  position: relative;
  display: grid;
  align-content: end;
  gap: 20px;
  overflow: hidden;
  min-height: 248px;
  margin: 0 0 16px;
  border: 1px solid rgba(116,255,181,.13);
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(3,8,10,.42) 0 34%, rgba(3,8,10,.24) 55%, rgba(3,8,10,.05) 100%),
    url("/assets/img/league-hub-hero-bg.jpg") center right / cover no-repeat,
    linear-gradient(135deg, rgba(4,15,14,.99), rgba(3,8,11,.97) 48%, rgba(3,16,13,.99));
  padding: 27px 20px 18px;
  box-shadow: 0 26px 62px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.09);
}
.league-hub-header::before,
.league-hub-header::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.league-hub-header::before {
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(0,0,0,.30) 0 34%, rgba(0,0,0,.10) 57%, transparent 82%),
    linear-gradient(0deg, rgba(0,0,0,.18), transparent 36%, transparent 75%, rgba(0,0,0,.16));
  opacity: .82;
}
.league-hub-header::after {
  display: none;
}
.league-hub-hero-copy {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 6px;
  max-width: 72%;
}
.league-hub-hero-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -16px -22px -14px -12px;
  border-radius: 18px;
  background: linear-gradient(90deg, rgba(0,0,0,.54), rgba(0,0,0,.22) 66%, transparent);
  filter: blur(2px);
  pointer-events: none;
}
.league-hub-header span,
.league-hub-section h2 {
  color: rgba(217,231,225,.72);
  font-size: 11.5px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}
.league-hub-header h1 {
  margin: 0;
  font-size: clamp(38px, 12.5vw, 62px);
  font-weight: 950;
  line-height: .96;
  letter-spacing: 0;
  text-shadow: 0 10px 34px rgba(0,0,0,.52);
}
.league-hub-header p {
  max-width: min(310px, 100%);
  margin: 0;
  color: rgba(232,241,236,.78);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.62;
}
.league-hub-orbit {
  display: none;
}
.league-hub-orbit i {
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(134,255,199,.12);
  border-radius: 50%;
}
.league-hub-orbit i:nth-child(2) {
  inset: 48px 0;
  border-width: 2px 1px 0;
  transform: rotate(24deg);
}
.league-hub-orbit i:nth-child(3) {
  inset: 62px;
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.70), rgba(22,212,107,.62) 30%, rgba(22,212,107,.12) 66%);
  border: 0;
  box-shadow: 0 0 34px rgba(22,212,107,.36);
}
.league-hub-filters {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 9px;
  overflow-x: auto;
  padding: 1px 0 2px;
  -webkit-overflow-scrolling: touch;
}
.league-hub-filters button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 37px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(8,15,18,.72);
  color: rgba(244,250,247,.74);
  padding: 0 16px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}
.league-hub-filters button.active {
  border-color: rgba(22,212,107,.64);
  background: linear-gradient(135deg, rgba(22,212,107,.22), rgba(22,212,107,.07));
  color: var(--accent);
  box-shadow: 0 0 26px rgba(22,212,107,.16), inset 0 1px 0 rgba(255,255,255,.09);
}
.league-hub-section {
  display: grid;
  gap: 12px;
}
.league-hub-section h2 {
  margin: 0;
  padding-inline: 2px;
  color: rgba(235,245,240,.72);
  font-size: 13px;
}
.league-hub-list {
  display: grid;
  gap: 8px;
}
.league-hub-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  width: 100%;
  min-height: 68px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  background: linear-gradient(135deg, #071112, #080b0a);
  color: var(--text);
  padding: 10px 13px;
  text-align: left;
  box-shadow: 0 8px 18px rgba(0,0,0,.22);
}
.league-hub-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: none;
  opacity: 0;
}
.league-hub-card:disabled {
  cursor: not-allowed;
  opacity: .48;
}
.league-hub-card.is-selected,
.league-hub-card:not(:disabled):hover {
  border-color: rgba(22,212,107,.42);
  background:
    linear-gradient(100deg, rgba(22,212,107,.18), transparent 42%),
    linear-gradient(135deg, rgba(22,212,107,.10), rgba(255,255,255,.035));
}
.league-hub-card.is-popular {
  background: linear-gradient(135deg, rgba(9,28,22,.96), #080b0a);
}
.league-hub-icon {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  overflow: hidden;
  border-radius: 999px;
}
.league-hub-flag {
  width: 44px;
  height: 44px;
  min-width: 44px;
}
.league-hub-icon-worldcup {
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.22), rgba(22,212,107,.18) 42%, rgba(255,255,255,.05));
  color: var(--accent);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.16), 0 10px 22px rgba(0,0,0,.28), 0 0 18px rgba(22,212,107,.18);
}
.league-hub-icon-worldcup svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.league-hub-meta {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.league-hub-meta strong {
  overflow: hidden;
  font-size: 17px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-hub-meta small {
  overflow: hidden;
  color: rgba(226,236,231,.62);
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-hub-chevron {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: var(--muted);
}
.league-hub-chevron svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.league-detail {
  display: grid;
  gap: 10px;
  width: min(820px, calc(100% - 24px));
  margin: 8px auto 96px;
  color: var(--text);
}
.league-detail-back {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: fit-content;
  min-height: 34px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(5,13,19,.64);
  color: rgba(247,251,251,.82);
  padding: 6px 11px 6px 8px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.league-detail-back svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.league-detail-header {
  --league-hero-accent: rgba(22,212,107,.28);
  --league-hero-accent-2: rgba(122,255,191,.18);
  --league-hero-warm: rgba(255,255,255,.09);
  position: relative;
  z-index: 20;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "back back"
    "identity identity"
    "overview season";
  align-items: end;
  gap: 15px 12px;
  overflow: visible;
  min-height: 242px;
  border: 1px solid rgba(123,255,187,.14);
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(2,7,8,.40) 0 34%, rgba(2,7,8,.18) 58%, rgba(2,7,8,.04) 100%),
    url("/assets/img/league-detail-domestic-bg.jpg") center right / cover no-repeat,
    linear-gradient(142deg, rgba(4,18,15,.99), rgba(5,11,16,.98) 54%, rgba(8,25,18,.99));
  padding: 14px 13px 15px;
  box-shadow: 0 24px 66px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.09);
}
.league-detail-header::before,
.league-detail-header::after,
.league-detail-hero-mark {
  content: "";
  position: absolute;
  z-index: 0;
  max-width: 100%;
  pointer-events: none;
}
.league-detail-header::before {
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(0,0,0,.24) 0 32%, rgba(0,0,0,.08) 58%, transparent 80%),
    linear-gradient(0deg, rgba(0,0,0,.18), transparent 38%, transparent 76%, rgba(0,0,0,.12));
  clip-path: inset(0 round 10px);
  opacity: .78;
}
.league-detail-header::after {
  display: none;
}
.league-detail-hero-mark {
  display: none;
}
.league-detail-hero-mark::before,
.league-detail-hero-mark::after {
  content: "";
  position: absolute;
  max-width: 100%;
  pointer-events: none;
}
.league-detail-hero-mark::before {
  inset: 5px;
  border: 1px solid rgba(112,255,185,.17);
  border-radius: inherit;
}
.league-detail-hero-mark::after {
  left: -40px;
  right: 8px;
  top: 66px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(112,255,185,.13), rgba(255,255,255,.36), rgba(22,212,107,.12), transparent);
  box-shadow: 0 0 16px rgba(22,212,107,.32);
  transform: rotate(-13deg);
}
.league-visual-worldcup .league-detail-header {
  --league-hero-accent: rgba(255,210,75,.25);
  --league-hero-accent-2: rgba(22,212,107,.24);
  --league-hero-warm: rgba(255,218,88,.20);
  background:
    linear-gradient(90deg, rgba(2,7,8,.36) 0 34%, rgba(2,7,8,.16) 58%, rgba(2,7,8,.04) 100%),
    url("/assets/img/league-detail-worldcup-bg.jpg") center right / cover no-repeat,
    linear-gradient(142deg, rgba(3,17,14,.99), rgba(5,12,18,.98) 58%, rgba(12,25,17,.99));
}
.league-visual-worldcup .league-detail-hero-mark {
  background:
    radial-gradient(circle at 46% 42%, rgba(255,219,92,.21), transparent 42%),
    radial-gradient(circle at center, rgba(255,219,92,.20) 0 1px, transparent 1.5px),
    linear-gradient(45deg, transparent 38%, rgba(255,219,92,.20) 39% 42%, transparent 43%),
    linear-gradient(-45deg, transparent 42%, rgba(22,212,107,.14) 43% 45%, transparent 46%);
  background-size: auto, 10px 10px, auto, auto;
  filter: drop-shadow(0 0 26px rgba(255,213,79,.22));
}
.league-visual-worldcup .league-detail-header::after {
  display: none;
}
.league-visual-laliga .league-detail-header {
  --league-hero-accent: rgba(255,206,0,.18);
  --league-hero-accent-2: rgba(198,11,30,.14);
  background:
    linear-gradient(90deg, rgba(2,7,8,.38) 0 34%, rgba(2,7,8,.16) 58%, rgba(2,7,8,.04) 100%),
    url("/assets/img/league-detail-domestic-bg.jpg") center right / cover no-repeat,
    linear-gradient(142deg, rgba(4,17,14,.99), rgba(7,13,19,.98));
}
.league-visual-seriea .league-detail-header {
  --league-hero-accent: rgba(255,255,255,.14);
  --league-hero-accent-2: rgba(206,43,55,.12);
  background:
    linear-gradient(90deg, rgba(2,7,8,.38) 0 34%, rgba(2,7,8,.16) 58%, rgba(2,7,8,.04) 100%),
    url("/assets/img/league-detail-domestic-bg.jpg") center right / cover no-repeat,
    linear-gradient(142deg, rgba(4,17,14,.99), rgba(6,13,18,.98));
}
.league-visual-bundesliga .league-detail-header {
  --league-hero-accent: rgba(221,0,0,.15);
  --league-hero-accent-2: rgba(22,212,107,.18);
  background:
    linear-gradient(90deg, rgba(2,7,8,.40) 0 34%, rgba(2,7,8,.18) 58%, rgba(2,7,8,.05) 100%),
    url("/assets/img/league-detail-domestic-bg.jpg") center right / cover no-repeat,
    linear-gradient(142deg, rgba(5,8,10,.99), rgba(4,12,16,.99) 60%, rgba(18,10,10,.99));
}
.league-visual-ligue1 .league-detail-header {
  --league-hero-accent: rgba(0,85,164,.20);
  --league-hero-accent-2: rgba(22,212,107,.24);
  background:
    linear-gradient(90deg, rgba(2,7,8,.38) 0 34%, rgba(2,7,8,.16) 58%, rgba(2,7,8,.04) 100%),
    url("/assets/img/league-detail-domestic-bg.jpg") center right / cover no-repeat,
    linear-gradient(142deg, rgba(4,17,14,.99), rgba(6,13,22,.99));
}
.league-detail-back {
  grid-area: back;
}
.league-detail-identity {
  position: relative;
  z-index: 2;
  grid-area: identity;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}
.league-detail-header .league-hub-icon {
  width: 78px;
  height: 78px;
  min-width: 78px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.20), transparent 35%),
    rgba(255,255,255,.075);
  box-shadow: 0 0 0 5px rgba(22,212,107,.08), 0 0 34px rgba(22,212,107,.28), inset 0 0 0 1px rgba(255,255,255,.10);
}
.league-detail-header .league-hub-flag {
  width: 70px;
  height: 70px;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.36));
}
.league-detail-header .league-hub-icon-worldcup {
  color: #ffd65c;
  background:
    radial-gradient(circle at 45% 38%, rgba(255,220,87,.30), rgba(22,212,107,.12) 48%, rgba(255,255,255,.045));
  box-shadow: 0 0 0 5px rgba(22,212,107,.08), 0 0 30px rgba(255,213,79,.24), inset 0 0 0 1px rgba(255,255,255,.13);
}
.league-detail-header .league-hub-icon-worldcup svg {
  width: 45px;
  height: 45px;
  stroke-width: 1.7;
}
.league-detail-title {
  position: relative;
  z-index: 2;
  min-width: 0;
}
.league-detail-header h1 {
  margin: 0;
  font-size: clamp(30px, 8.8vw, 48px);
  font-weight: 950;
  line-height: .96;
  letter-spacing: 0;
  text-shadow: 0 12px 32px rgba(0,0,0,.55);
  word-break: keep-all;
}
.league-detail-header p {
  margin: 5px 0 0;
  color: rgba(232,241,236,.78);
  font-size: 13px;
  font-weight: 800;
}
.league-detail-overview-pill {
  position: relative;
  z-index: 2;
  grid-area: overview;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 37px;
  border: 1px solid rgba(22,212,107,.48);
  border-radius: 999px;
  background: rgba(22,212,107,.13);
  color: rgba(180,255,214,.94);
  padding: 0 14px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 0 22px rgba(22,212,107,.10), inset 0 1px 0 rgba(255,255,255,.08);
}
.league-detail-overview-pill::before {
  content: "▥";
  margin-right: 7px;
  color: var(--accent);
  font-size: 12px;
}
.league-detail-season-menu {
  position: relative;
  z-index: 12;
  grid-area: season;
  justify-self: end;
  min-width: 0;
}
.league-detail-season-menu.is-open {
  z-index: 80;
}
.league-detail-season-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  max-width: 140px;
  min-height: 37px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(5,13,19,.88);
  color: var(--text);
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 12px 26px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055);
}
.league-detail-season-button span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.league-detail-season-button svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.league-detail-season-button:disabled {
  color: var(--muted);
  cursor: default;
  opacity: .9;
}
.league-detail-season-menu.is-open .league-detail-season-button {
  border-color: rgba(22,212,107,.48);
  color: var(--accent);
}
.league-detail-season-dropdown {
  position: absolute;
  z-index: 90;
  top: calc(100% + 7px);
  right: 0;
  display: grid;
  gap: 4px;
  min-width: 132px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 9px;
  background: rgba(6,15,22,.98);
  box-shadow: 0 18px 42px rgba(0,0,0,.42);
  padding: 6px;
  pointer-events: auto;
}
.league-detail-season-dropdown button,
.league-detail-tabs button {
  min-height: 34px;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: rgba(247,251,251,.64);
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.league-detail-season-dropdown button {
  width: 100%;
  border-radius: 7px;
  text-align: left;
}
.league-detail-season-dropdown button.active,
.league-detail-tabs button.active {
  border-color: rgba(22,212,107,.48);
  background: linear-gradient(135deg, rgba(22,212,107,.18), rgba(22,212,107,.06));
  color: var(--accent);
  box-shadow: 0 0 22px rgba(22,212,107,.10), inset 0 1px 0 rgba(255,255,255,.08);
}
.league-detail-tabs {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  border-bottom: 0;
  padding: 4px 0 5px;
  -webkit-overflow-scrolling: touch;
}
.league-detail-tabs button {
  min-height: 36px;
  padding: 7px 13px;
  background: rgba(8,14,18,.70);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}
.league-detail-tabs button.active {
  border-color: rgba(22,212,107,.58);
  background: linear-gradient(135deg, rgba(22,212,107,.22), rgba(22,212,107,.07));
  box-shadow: 0 0 24px rgba(22,212,107,.13), inset 0 1px 0 rgba(255,255,255,.08);
}
.league-detail-placeholder {
  display: grid;
  min-height: 148px;
  place-items: center;
  border: 1px dashed rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  padding: 18px;
  text-align: center;
}
.league-detail-placeholder p {
  max-width: 420px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}
.league-detail-fixtures-panel {
  min-width: 0;
}
.league-detail-table-panel,
.league-detail-table {
  min-width: 0;
}
.league-detail-table .pl-table-panel {
  margin: 0;
}
.league-detail-table-loading,
.league-detail-table-empty {
  display: grid;
  min-height: 148px;
  place-items: center;
  border: 1px dashed rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  padding: 18px;
  text-align: center;
}
.league-detail-table-loading,
.league-detail-table-empty p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}
.league-detail-player-stats-panel,
.league-detail-player-stats {
  min-width: 0;
}
.league-detail-player-stats {
  display: block;
}
.league-detail-player-stats-overview,
.league-detail-player-stat-section,
.league-detail-player-stat-section-grid,
.league-detail-player-stat-card-rows,
.league-detail-player-stat-rank-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.league-detail-player-stat-section h3 {
  margin: 2px 2px 0;
  color: var(--text);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
}
.league-detail-player-stat-card {
  display: grid;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: linear-gradient(135deg, #071112, #080b0a);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.league-detail-player-stat-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 14px 5px;
}
.league-detail-player-stat-card header strong {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-player-stat-card header button,
.league-detail-player-stat-detail-back {
  display: inline-grid;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: rgba(247,251,251,.82);
}
.league-detail-player-stat-card header button svg,
.league-detail-player-stat-detail-back svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
}
.league-detail-player-stat-card-row,
.league-detail-player-stat-rank-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(54px, max-content);
  align-items: center;
  gap: 11px;
  width: 100%;
  min-width: 0;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.075);
  background: transparent;
  color: var(--text);
  padding: 11px 14px;
  text-align: left;
}
.league-detail-player-stat-avatar {
  position: relative;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 34% 18%, rgba(255,255,255,.17), transparent 34%),
    rgba(22,212,107,.13);
  color: rgba(247,251,251,.90);
  font-size: 12px;
  font-weight: 950;
}
.league-detail-player-stat-avatar img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
}
.league-detail-player-stat-avatar.has-logo {
  background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.16), rgba(255,255,255,.045) 62%, rgba(0,0,0,.16));
}
.league-detail-player-stat-avatar.has-logo .league-detail-player-stat-avatar-fallback {
  display: none;
}
.league-detail-player-stat-avatar-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: inherit;
  background:
    radial-gradient(circle at 34% 18%, rgba(255,255,255,.17), transparent 34%),
    rgba(22,212,107,.13);
}
.league-detail-player-stat-main,
.league-detail-player-stat-value {
  display: grid;
  min-width: 0;
}
.league-detail-player-stat-main strong {
  overflow: hidden;
  color: var(--text);
  font-size: 14px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-player-stat-main small,
.league-detail-player-stat-value small {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-player-stat-value {
  justify-items: end;
  text-align: right;
}
.league-detail-player-stat-value strong {
  color: var(--text);
  font-size: 16px;
  line-height: 1;
}
.league-detail-player-stat-card-row.is-top .league-detail-player-stat-value strong {
  min-width: 42px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(22,212,107,.92), rgba(70,210,255,.72));
  color: #04110a;
  padding: 8px 10px;
  text-align: center;
  box-shadow: 0 0 18px rgba(22,212,107,.18);
}
.league-detail-player-stat-detail {
  display: grid;
  gap: 12px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
}
.league-detail-player-stat-detail-header {
  display: grid;
  gap: 11px;
  padding: 12px 12px 0;
}
.league-detail-player-stat-detail-back {
  grid-template-columns: 17px auto;
  width: max-content;
  height: 34px;
  gap: 5px;
  padding: 0 11px 0 8px;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}
.league-detail-player-stat-league {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 8px;
  background: rgba(0,0,0,.16);
}
.league-detail-player-stat-league .league-hub-icon {
  width: 40px;
  height: 40px;
}
.league-detail-player-stat-league div {
  display: grid;
  min-width: 0;
}
.league-detail-player-stat-league strong {
  overflow: hidden;
  color: var(--text);
  font-size: 16px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-player-stat-league small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}
.league-detail-player-stat-controls {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 0 12px 12px;
}
.league-detail-player-stat-controls label {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.league-detail-player-stat-controls label span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.league-detail-player-stat-select,
.league-detail-player-position-filter {
  width: 100%;
  min-width: 0;
  min-height: 39px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(0,0,0,.24);
  color: var(--text);
  padding: 0 13px;
  font-size: 13px;
  font-weight: 900;
}
.league-detail-player-stat-sample-note {
  margin: -6px 14px 10px;
  color: rgba(235,255,243,.58);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.45;
}
.league-detail-player-stat-rank-list {
  gap: 0;
  border-top: 1px solid rgba(255,255,255,.085);
}
.league-detail-player-stat-rank-row {
  grid-template-columns: 24px 42px minmax(0, 1fr) minmax(64px, max-content);
  border-top: 0;
  border-bottom: 1px solid rgba(255,255,255,.075);
  padding: 11px 12px;
}
.league-detail-player-stat-rank {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  color: rgba(247,251,251,.70);
  font-size: 12px;
  font-weight: 950;
}
.league-detail-player-stat-loading,
.league-detail-player-stat-empty {
  display: grid;
  min-height: 148px;
  place-items: center;
  border: 1px dashed rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  padding: 18px;
  text-align: center;
}
.league-detail-player-stat-loading,
.league-detail-player-stat-empty p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}
.league-detail-team-stats-panel,
.league-detail-team-stats {
  min-width: 0;
}
.league-detail-team-stats {
  display: block;
}
.league-detail-team-stats-overview,
.league-detail-team-stat-section,
.league-detail-team-stat-section-grid,
.league-detail-team-stat-card-rows,
.league-detail-team-stat-rank-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.league-detail-team-stat-section h3 {
  margin: 2px 2px 0;
  color: var(--text);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
}
.league-detail-team-stat-card {
  display: grid;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: linear-gradient(135deg, #071112, #080b0a);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.league-detail-team-stat-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 14px 5px;
}
.league-detail-team-stat-card header strong {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-team-stat-card header button,
.league-detail-team-stat-detail-back {
  display: inline-grid;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: rgba(247,251,251,.82);
}
.league-detail-team-stat-card header button svg,
.league-detail-team-stat-detail-back svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
}
.league-detail-team-stat-card-row,
.league-detail-team-stat-rank-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(54px, max-content);
  align-items: center;
  gap: 11px;
  width: 100%;
  min-width: 0;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.075);
  background: transparent;
  color: var(--text);
  padding: 11px 14px;
  text-align: left;
}
.league-detail-team-stat-avatar {
  position: relative;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  background:
    radial-gradient(circle at 34% 18%, rgba(255,255,255,.17), transparent 34%),
    rgba(22,212,107,.13);
  color: rgba(247,251,251,.90);
  font-size: 12px;
  font-weight: 950;
}
.league-detail-team-stat-avatar img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
}
.league-detail-team-stat-avatar.has-logo {
  background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.16), rgba(255,255,255,.045) 62%, rgba(0,0,0,.16));
}
.league-detail-team-stat-avatar.has-logo .league-detail-team-stat-avatar-fallback {
  display: none;
}
.league-detail-team-stat-avatar-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: inherit;
  background:
    radial-gradient(circle at 34% 18%, rgba(255,255,255,.17), transparent 34%),
    rgba(22,212,107,.13);
}
.league-detail-team-stat-main,
.league-detail-team-stat-value {
  display: grid;
  min-width: 0;
}
.league-detail-team-stat-main strong {
  overflow: hidden;
  color: var(--text);
  font-size: 14px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-team-stat-main small,
.league-detail-team-stat-value small {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-team-stat-value {
  justify-items: end;
  text-align: right;
}
.league-detail-team-stat-value strong {
  color: var(--text);
  font-size: 16px;
  line-height: 1;
}
.league-detail-team-stat-card-row.is-top .league-detail-team-stat-value strong {
  min-width: 42px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(22,212,107,.92), rgba(70,210,255,.72));
  box-shadow: 0 0 18px rgba(22,212,107,.18);
  color: #04110a;
  padding: 8px 10px;
  text-align: center;
}
.league-detail-team-stat-detail {
  display: grid;
  gap: 12px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
}
.league-detail-team-stat-detail-header {
  display: grid;
  gap: 11px;
  padding: 12px 12px 0;
}
.league-detail-team-stat-detail-back {
  grid-template-columns: 17px auto;
  width: max-content;
  height: 34px;
  gap: 5px;
  padding: 0 11px 0 8px;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}
.league-detail-team-stat-league {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 8px;
  background: rgba(0,0,0,.16);
}
.league-detail-team-stat-league .league-hub-icon {
  width: 40px;
  height: 40px;
}
.league-detail-team-stat-league div {
  display: grid;
  min-width: 0;
}
.league-detail-team-stat-league strong {
  overflow: hidden;
  color: var(--text);
  font-size: 16px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-team-stat-league small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}
.league-detail-team-stat-controls {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 0 12px 12px;
}
.league-detail-team-stat-controls label {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.league-detail-team-stat-controls label span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.league-detail-team-stat-select {
  width: 100%;
  min-width: 0;
  min-height: 39px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(0,0,0,.24);
  color: var(--text);
  padding: 0 13px;
  font-size: 13px;
  font-weight: 900;
}
.league-detail-team-stat-rank-list {
  gap: 0;
  border-top: 1px solid rgba(255,255,255,.085);
}
.league-detail-team-stat-rank-row {
  grid-template-columns: 24px 42px minmax(0, 1fr) minmax(64px, max-content);
  border-top: 0;
  border-bottom: 1px solid rgba(255,255,255,.075);
  padding: 11px 12px;
}
.league-detail-team-stat-rank {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  color: rgba(247,251,251,.70);
  font-size: 12px;
  font-weight: 950;
}
.league-detail-team-stat-loading,
.league-detail-team-stat-empty {
  display: grid;
  min-height: 148px;
  place-items: center;
  border: 1px dashed rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  padding: 18px;
  text-align: center;
}
.league-detail-team-stat-loading,
.league-detail-team-stat-empty p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}
.league-detail-fixtures {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.league-detail-fixture-toolbar {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: minmax(112px, max-content) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.league-detail-mode-menu,
.league-detail-team-menu {
  position: relative;
  min-width: 0;
}
.league-detail-mode-button,
.league-detail-team-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  max-width: 100%;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
.league-detail-mode-button {
  padding: 0 12px;
}
.league-detail-mode-button svg,
.league-detail-team-button svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .74;
}
.league-detail-mode-button:disabled {
  opacity: .82;
}
.league-detail-mode-dropdown,
.league-detail-team-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  z-index: 30;
  display: grid;
  gap: 4px;
  min-width: 148px;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 8px;
  background: rgba(18,20,24,.98);
  box-shadow: 0 16px 36px rgba(0,0,0,.35);
}
.league-detail-mode-dropdown {
  left: 0;
}
.league-detail-slate-dropdown {
  width: min(82vw, 320px);
  max-height: min(62vh, 430px);
  overflow: hidden;
}
.league-detail-slate-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 4px 8px;
  color: var(--text);
  font-size: 12px;
}
.league-detail-slate-header button {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  min-height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: var(--text);
  text-align: center;
}
.league-detail-slate-list {
  display: grid;
  gap: 4px;
  max-height: min(50vh, 340px);
  overflow-y: auto;
  padding-right: 2px;
}
.league-detail-slate-empty {
  padding: 10px 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.league-detail-mode-dropdown button,
.league-detail-team-dropdown button {
  min-height: 34px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-align: left;
}
.league-detail-mode-dropdown .league-detail-slate-option {
  display: grid;
  gap: 3px;
  min-height: 46px;
  padding: 8px 10px;
}
.league-detail-slate-main {
  color: inherit;
}
.league-detail-slate-meta {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.league-detail-mode-dropdown button.active,
.league-detail-team-dropdown button.active {
  background: rgba(22,212,107,.14);
  color: var(--accent);
}
.league-detail-team-menu {
  justify-self: center;
  width: min(100%, 260px);
}
.league-detail-team-button {
  width: 100%;
  padding: 0 12px;
}
.league-detail-team-button span:not(.live-score-team-badge),
.league-detail-team-dropdown button > span:not(.live-score-team-badge) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.league-detail-team-button .live-score-team-badge,
.league-detail-team-dropdown .live-score-team-badge {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}
.league-detail-team-dropdown {
  left: 50%;
  width: min(280px, calc(100vw - 44px));
  max-height: 300px;
  overflow: auto;
  transform: translateX(-50%);
}
.league-detail-team-dropdown button {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.league-detail-team-range {
  display: block;
  min-width: 0;
  border-radius: 8px;
  background: rgba(255,255,255,.075);
  padding: 12px 14px;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}
.league-detail-team-fixture-list {
  display: grid;
  gap: 0;
  min-width: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.025);
}
.league-detail-team-fixture-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px minmax(54px, auto) 24px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 60px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.075);
  background: transparent;
  color: var(--text);
  padding: 11px 10px;
}
.league-detail-team-fixture-row:first-child {
  border-top: 0;
}
.league-detail-team-fixture-row:hover {
  background: rgba(255,255,255,.04);
}
.league-detail-team-fixture-name {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-team-fixture-name.home {
  text-align: right;
}
.league-detail-team-fixture-name.away {
  text-align: left;
}
.league-detail-team-fixture-row .live-score-team-badge {
  width: 24px;
  height: 24px;
}
.league-detail-team-fixture-center {
  display: grid;
  place-items: center;
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
}
.league-detail-team-fixture-center strong {
  color: var(--text);
  font-size: 11px;
  font-weight: 950;
}
.league-detail-team-fixture-center.live strong,
.league-detail-team-fixture-center.live small {
  color: #f04444;
}
.league-detail-team-fixture-center small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}
.league-detail-fixture-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
}
.league-detail-fixture-mode button {
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}
.league-detail-fixture-mode button.active {
  background: rgba(22,212,107,.16);
  color: var(--accent);
  box-shadow: inset 0 0 0 1px rgba(22,212,107,.34);
}
.league-detail-gw-nav {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.league-detail-gw-nav button {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}
.league-detail-gw-nav button:disabled {
  color: rgba(148,163,184,.38);
  cursor: default;
  opacity: .56;
}
.league-detail-gw-nav strong {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-date-nav {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  align-items: center;
  column-gap: 8px;
  min-width: 0;
  min-height: 64px;
  max-width: 420px;
  margin: 0 auto;
  touch-action: pan-y;
}
.league-detail-date-nav > [data-league-detail-date-step] {
  display: inline-grid;
  place-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}
.league-detail-date-current {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 58px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  color: rgba(247,251,251,.72);
  padding: 7px 10px;
  text-align: center;
  touch-action: pan-y;
}
.league-detail-date-current strong,
.league-detail-date-current span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-detail-date-current strong {
  color: var(--text);
  font-size: clamp(18px, 5.1vw, 20px);
  font-weight: 950;
  line-height: 1.18;
}
.league-detail-date-current span {
  margin-top: 4px;
  color: var(--muted);
  font-size: clamp(12px, 3.45vw, 13px);
  font-weight: 800;
  line-height: 1.25;
}
.league-detail-date-current:focus-visible {
  outline: 2px solid rgba(22,212,107,.75);
  outline-offset: 2px;
}
.league-detail-fixture-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.league-detail-fixture-date {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
}
.league-detail-fixture-date::before,
.league-detail-fixture-date::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(255,255,255,.08);
}
.league-detail-fixture-date span {
  white-space: nowrap;
}
.league-detail-team-fixture-list .league-detail-fixture-date {
  padding: 13px 10px 5px;
}
.league-detail-team-fixture-list .league-detail-fixture-date::before,
.league-detail-team-fixture-list .league-detail-fixture-date::after {
  display: none;
}
.league-detail-fixtures .live-score-card {
  width: 100%;
}
.league-detail-fixture-loading,
.league-detail-fixture-empty {
  display: grid;
  min-height: 120px;
  place-items: center;
  border: 1px dashed rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  padding: 18px;
  text-align: center;
}
.league-detail-fixture-loading,
.league-detail-fixture-empty p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}
.pl-mode-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 12px;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
}
.pl-mode-toggle button {
  min-height: 42px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font-weight: 900;
}
.pl-mode-toggle button.active {
  background: linear-gradient(135deg, rgba(22,212,107,.28), rgba(22,212,107,.10));
  color: var(--accent);
}
.league-context-card,
.league-panel,
.debug-page,
.top-league-debug-card {
  margin: 0 12px 12px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background:
    radial-gradient(circle at 0% 0%, rgba(22,212,107,.13), transparent 42%),
    rgba(7,15,18,.94);
}
.league-context-card {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 16px;
}
.league-context-card span {
  display: inline-grid;
  place-items: center;
  min-width: 44px;
  height: 32px;
  margin-bottom: 8px;
  border-radius: 999px;
  background: rgba(22,212,107,.14);
  color: var(--accent);
  font: 900 12px/1 "DM Mono", monospace;
}
.league-context-card h2 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 24px;
}
.league-context-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.league-context-card > strong {
  flex: 0 0 auto;
  border: 1px solid rgba(22,212,107,.22);
  border-radius: 999px;
  padding: 8px 10px;
  color: var(--accent);
  font: 900 11px/1 "DM Mono", monospace;
}
.league-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 12px 12px;
}
.league-status-grid article {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  padding: 12px;
}
.league-status-grid span,
.league-status-grid small,
.league-panel header span,
.top-league-debug-card span,
.top-league-debug-card footer {
  color: var(--muted);
  font-size: 11px;
}
.league-status-grid b,
.top-league-debug-card b {
  display: block;
  margin: 5px 0;
  color: #fff;
  font: 900 14px/1 "DM Mono", monospace;
}
.league-status-grid b.pass,
.top-league-debug-card b.pass { color: var(--accent); }
.league-status-grid b.fail,
.top-league-debug-card b.fail { color: #ff5959; }
.league-status-grid b.neutral { color: #d8e0e3; }
.league-panel {
  padding: 14px;
}
.league-panel header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
  margin-bottom: 10px;
}
.league-panel h3 {
  margin: 0;
  color: var(--accent);
  font-size: 13px;
  text-transform: uppercase;
}
.league-mini-list {
  display: grid;
  gap: 8px;
}
.league-mini-list button {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  color: var(--text);
  padding: 9px 10px;
  text-align: left;
}
.league-mini-list button i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(22,212,107,.14);
  color: var(--accent);
  font-style: normal;
  font-weight: 900;
}
.league-mini-list button strong,
.league-mini-list button small,
.league-mini-list button em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.league-mini-list button em {
  display: grid;
  gap: 2px;
  font-style: normal;
}
.league-mini-list button em small {
  display: block;
}
.league-mini-list button span {
  color: var(--accent);
  font: 900 18px/1 "DM Mono", monospace;
}
.debug-page {
  padding: 16px;
}
.debug-page > header h1 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 24px;
}
.debug-page > header p {
  margin: 0 0 14px;
  color: var(--muted);
}
.top-league-debug-grid {
  display: grid;
  gap: 10px;
}
.top-league-debug-card {
  margin: 0;
  padding: 13px;
}
.top-league-debug-card header,
.top-league-debug-card div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.top-league-debug-card header {
  margin-bottom: 8px;
}
.top-league-debug-card header strong {
  color: #fff;
}
.top-league-debug-card div {
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 7px 0;
}
.pl-date-strip {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 12px 10px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-left: 4px solid var(--accent);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(10,22,24,.96), rgba(7,13,15,.92));
}
.pl-date-strip span { color: var(--accent); }
.pl-date-strip strong { font-size: 18px; }
.pl-match-card {
  position: relative;
  display: block;
  margin: 0 12px 12px;
  padding: 36px 14px 14px;
  border: 1px solid rgba(255,255,255,.09);
  border-left: 4px solid rgba(22,212,107,.75);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(8,20,20,.98), rgba(7,13,15,.98));
  color: var(--text);
}
.pl-match-status {
  position: absolute;
  left: 14px;
  top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--accent);
  font-family: "DM Mono", monospace;
  font-size: 12px;
}
.pl-match-status strong, .pl-match-status span { display: block; }
.pl-match-status span { color: var(--muted); }
.pl-match-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}
.pl-match-team {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  text-align: left;
  padding: 0;
}
.pl-match-team.right { justify-content: flex-end; text-align: right; }
.pl-match-team div { min-width: 0; }
.pl-match-team b { display: block; font-size: 18px; letter-spacing: .02em; }
.pl-match-team > span:not(.badge-frame) { display: block; overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.pl-match-team .fixture-badge-frame {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.pl-match-team .fixture-badge {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
.pl-match-score {
  color: var(--accent);
  font-family: "Bebas Neue", sans-serif;
  font-size: 42px;
  line-height: .9;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 0 18px rgba(22,212,107,.28);
}
.pl-match-meta {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}
.pl-open-match {
  width: 100%;
  min-height: 44px;
  margin-top: 12px;
  border: 1px solid rgba(22,212,107,.45);
  border-radius: 6px;
  background: rgba(22,212,107,.06);
  color: var(--accent);
  font-weight: 900;
}
.pl-table-panel {
  margin: 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(6,18,18,.96);
}
.pl-gw-selector {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(7,18,20,.86);
}
.pl-gw-selector span {
  color: var(--muted);
  font: 900 11px "DM Mono", monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.pl-gw-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}
.pl-gw-selector select {
  width: 118px;
  min-width: 0;
  flex: 0 0 auto;
  min-height: 40px;
  border: 1px solid rgba(22,212,107,.45);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(22,212,107,.16), rgba(255,255,255,.035));
  color: var(--accent);
  font: 900 14px "DM Mono", monospace;
  padding: 0 34px 0 12px;
  outline: none;
}
.pl-gw-selector select[data-pl-gw-select] {
  width: 112px;
  min-width: 112px;
  padding-right: 30px;
}
.pl-gw-selector select:focus {
  border-color: rgba(22,212,107,.65);
  box-shadow: 0 0 18px rgba(22,212,107,.15);
}
.pl-live-panel {
  margin: 12px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(22,212,107,.10), rgba(130,88,255,.05)), rgba(7,18,20,.9);
}
.pl-live-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.pl-live-panel header span {
  color: var(--accent);
  font: 900 11px "DM Mono", monospace;
  letter-spacing: .04em;
}
.pl-live-panel header b {
  color: var(--text);
  font-size: 13px;
}
.pl-live-empty {
  color: var(--muted);
  font-size: 13px;
}
.pl-live-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.06);
}
.pl-live-row span {
  color: var(--text);
  font-weight: 900;
}
.pl-live-row span:nth-child(3) {
  text-align: right;
}
.pl-live-row strong {
  color: var(--accent);
  font: 900 20px "DM Mono", monospace;
}
.pl-live-row em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
}
.pl-pressure-index,
.pl-referee-panel {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(22,212,107,.08), rgba(130,88,255,.06)), rgba(5,14,18,.78);
}
.pl-pressure-index > span,
.pl-pressure-index header span,
.pl-referee-panel header span {
  display: block;
  color: var(--accent);
  font: 900 11px "DM Mono", monospace;
  text-transform: uppercase;
}
.pl-pressure-index header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.pl-pressure-index > strong {
  display: block;
  margin-top: 5px;
  color: var(--text);
  font-size: 18px;
}
.pl-pressure-index > small,
.pl-pressure-index header small,
.pl-referee-panel .muted-copy {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}
.sportmonks-lineup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}
.sportmonks-lineup-grid article {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(7,18,23,.82);
}
.sportmonks-lineup-grid header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.sportmonks-lineup-grid header span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(53,213,101,.12);
  color: var(--accent);
  font: 900 11px "DM Mono", monospace;
}
.sportmonks-lineup-grid header strong {
  min-width: 0;
  color: var(--text);
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sportmonks-lineup-grid p {
  margin: 10px 0 7px;
  color: var(--muted);
  font: 900 10px "DM Mono", monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.sportmonks-lineup-grid ol {
  display: grid;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sportmonks-lineup-grid li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.sportmonks-lineup-grid li span {
  color: var(--accent);
  font: 900 11px "DM Mono", monospace;
  text-align: center;
}
.sportmonks-lineup-grid li b {
  min-width: 0;
  color: #eef3f3;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sportmonks-lineup-grid .bench li b {
  color: #a7b3b8;
}
.sportmonks-lineup-grid .sportmonks-lineup-player-link {
  display: inline-block;
  max-width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  font: inherit;
  text-align: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: rgba(44,219,111,.42);
  text-underline-offset: 3px;
}
.match-lineup-panel {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}
.lineup-pitch-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(7,18,23,.78);
}
.lineup-pitch-header > div:first-child,
.lineup-pitch-header > div:last-child {
  display: grid;
  min-width: 0;
}
.lineup-pitch-header > div:last-child {
  text-align: right;
}
.lineup-pitch-header strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineup-pitch-header small {
  color: var(--accent);
  font: 900 11px "DM Mono", monospace;
}
.lineup-view-toggle {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(76px, 1fr));
  padding: 3px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
}
.lineup-view-toggle button {
  border: 0;
  border-radius: 999px;
  padding: 8px 12px;
  background: transparent;
  color: var(--muted);
  font-weight: 900;
}
.lineup-view-toggle button.active {
  background: linear-gradient(135deg, rgba(22,212,107,.92), rgba(22,212,107,.45));
  color: #02120a;
}
.lineup-formation-view,
.lineup-list-view,
.lineup-bench-section,
.lineup-quick-card {
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(7,18,23,.78);
}
.lineup-formation-view[hidden],
.lineup-list-view[hidden],
.lineup-quick-card[hidden] {
  display: none;
}
.xgolo-pitch {
  position: relative;
  min-height: 540px;
  overflow: hidden;
  border-radius: 14px;
  background:
    linear-gradient(90deg, rgba(22,212,107,.07) 0 50%, rgba(163,83,255,.07) 50% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 12.5%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05), transparent 28%),
    #061b15;
}
.xgolo-pitch::before,
.xgolo-pitch::after {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  pointer-events: none;
}
.xgolo-pitch::after {
  inset: 50% auto auto 50%;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.pitch-half-line,
.pitch-centre-circle,
.pitch-box {
  position: absolute;
  pointer-events: none;
}
.pitch-half-line {
  top: 12px;
  bottom: 12px;
  left: 50%;
  width: 1px;
  background: rgba(255,255,255,.14);
}
.pitch-centre-circle {
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,.22);
  transform: translate(-50%, -50%);
}
.pitch-box {
  top: 31%;
  width: 14%;
  height: 38%;
  border: 1px solid rgba(255,255,255,.14);
}
.pitch-box.home { left: 12px; border-left: 0; }
.pitch-box.away { right: 12px; border-right: 0; }
.pitch-player {
  position: absolute;
  z-index: 2;
  left: var(--x);
  top: var(--y);
  display: grid;
  justify-items: center;
  gap: 4px;
  width: 58px;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--text);
  transform: translate(-50%, -50%);
}
.pitch-player span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  font: 900 13px "DM Mono", monospace;
  box-shadow: 0 0 18px rgba(0,0,0,.28);
}
.pitch-player.home span { background: rgba(22,212,107,.34); border-color: rgba(22,212,107,.56); }
.pitch-player.away span { background: rgba(163,83,255,.30); border-color: rgba(190,120,255,.58); }
.pitch-player.active span {
  transform: scale(1.08);
  box-shadow: 0 0 0 4px rgba(255,255,255,.08), 0 0 22px rgba(22,212,107,.32);
}
.pitch-player strong {
  max-width: 82px;
  color: #eff6f3;
  font-size: 9.5px;
  line-height: 1.05;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 2px 10px rgba(0,0,0,.95);
}
.pitch-player em {
  position: absolute;
  top: -8px;
  right: 6px;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(22,212,107,.18);
  color: var(--accent);
  font: 900 9px "DM Mono", monospace;
  font-style: normal;
}
.pitch-player small {
  display: flex;
  gap: 2px;
  min-height: 11px;
}
.pitch-player small span {
  width: auto;
  height: auto;
  min-width: 16px;
  padding: 2px 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  color: #fff;
  font-size: 8px;
}

@media (max-width: 480px) {
  .sheet.wc-open-mode .lineup-formation-view .pitch-player {
    width: 50px;
    gap: 2px;
  }

  .sheet.wc-open-mode .lineup-formation-view .pitch-player span {
    width: 29px;
    height: 29px;
    font-size: 11px;
  }

  .sheet.wc-open-mode .lineup-formation-view .pitch-player strong {
    box-sizing: border-box;
    max-width: 56px;
    padding: 2px 4px;
    border-radius: 999px;
    background: rgba(2, 9, 12, .76);
    font-size: 8.5px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 1px 7px rgba(0,0,0,.95);
  }

  .sheet.wc-open-mode .lineup-formation-view .pitch-player.home strong {
    transform: translateX(-4px);
  }

  .sheet.wc-open-mode .lineup-formation-view .pitch-player.away strong {
    transform: translateX(4px);
  }

  .sheet.wc-open-mode .lineup-formation-view .pitch-player em {
    top: -7px;
    right: 4px;
    padding: 1px 4px;
    font-size: 8px;
  }
}

.lineup-bench-section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
}
.lineup-bench-section article {
  min-width: 0;
  padding: 12px;
}
.lineup-bench-section article + article {
  border-left: 1px solid rgba(255,255,255,.08);
}
.lineup-bench-section header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.lineup-bench-section header strong {
  color: var(--accent);
  font-size: 12px;
}
.lineup-bench-section header small {
  color: var(--muted);
  font-size: 11px;
}
.lineup-bench-section article > div {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.lineup-bench-section p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.lineup-bench-player {
  flex: 0 0 72px;
  display: grid;
  justify-items: center;
  gap: 5px;
  border: 0;
  background: transparent;
  color: var(--text);
}
.lineup-bench-player span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.16);
  font: 900 12px "DM Mono", monospace;
}
.lineup-bench-player.home span { color: var(--accent); background: rgba(22,212,107,.13); }
.lineup-bench-player.away span { color: #c47cff; background: rgba(163,83,255,.13); }
.lineup-bench-player strong {
  max-width: 72px;
  color: #dce7e3;
  font-size: 10px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineup-list-view {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
}
.lineup-list-view article {
  min-width: 0;
  padding: 13px;
}
.lineup-list-view article + article {
  border-left: 1px solid rgba(255,255,255,.08);
}
.lineup-list-view h4,
.lineup-list-view p {
  margin: 0 0 8px;
}
.lineup-list-view h4 {
  color: var(--text);
  font-size: 13px;
}
.lineup-list-view p {
  color: var(--muted);
  font: 900 10px "DM Mono", monospace;
  text-transform: uppercase;
}
.lineup-list-view article > div {
  display: grid;
  gap: 6px;
  margin: 0 0 12px;
  padding: 0;
}
.lineup-list-player {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  row-gap: 2px;
  width: 100%;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  text-align: left;
}
.lineup-list-player span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.16);
  font: 900 11px "DM Mono", monospace;
}
.lineup-list-player.home span {
  color: var(--accent);
  background: rgba(22,212,107,.14);
}
.lineup-list-player.away span {
  color: #c47cff;
  background: rgba(163,83,255,.14);
}
.lineup-list-player b,
.lineup-list-player small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineup-list-player b {
  font-size: 12px;
}
.lineup-list-player small {
  color: var(--muted);
  font-size: 10px;
}
.lineup-list-player.active {
  border-color: rgba(22,212,107,.40);
  background: rgba(22,212,107,.08);
}
.lineup-card-stack {
  display: grid;
}
.lineup-quick-card {
  padding: 14px;
  background:
    radial-gradient(circle at 12% 0, rgba(22,212,107,.12), transparent 34%),
    radial-gradient(circle at 90% 0, rgba(163,83,255,.12), transparent 38%),
    rgba(7,18,23,.88);
}
.lineup-quick-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}
.lineup-avatar {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  border: 1px solid rgba(22,212,107,.28);
  background: rgba(22,212,107,.10);
  color: var(--accent);
  font: 900 18px "DM Mono", monospace;
}
.lineup-quick-card header strong {
  display: block;
  min-width: 0;
  color: var(--text);
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineup-quick-card header small,
.lineup-quick-card header em {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}
.lineup-quick-card header button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  background: rgba(255,255,255,.04);
  color: var(--muted);
  font-size: 20px;
}
.lineup-quick-card section {
  margin-top: 14px;
}
.lineup-quick-card h4 {
  margin: 0 0 9px;
  color: var(--accent);
  font: 900 11px "DM Mono", monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.lineup-strength-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.lineup-strength-tags span {
  padding: 7px 10px;
  border: 1px solid rgba(22,212,107,.20);
  border-radius: 999px;
  background: rgba(22,212,107,.10);
  color: #d9f8e4;
  font-size: 12px;
  font-weight: 900;
}
.lineup-live-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.lineup-live-stats article {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
}
.lineup-live-stats span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}
.lineup-live-stats strong {
  display: block;
  margin-top: 4px;
  color: var(--text);
  font-size: 16px;
}
.lineup-profile-link {
  width: 100%;
  margin-top: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 13px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  font-weight: 900;
}
.postgame-player-stats-panel {
  gap: 12px;
}
.postgame-team-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
}
.postgame-team-switch button {
  min-width: 0;
  border: 0;
  border-radius: 13px;
  padding: 12px 10px;
  background: transparent;
  color: #aeb9bd;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postgame-team-switch button.active {
  background: linear-gradient(135deg, #2fe06a, #17b957);
  color: #04130a;
  box-shadow: 0 14px 32px rgba(22,212,107,.22);
}
.postgame-team-panel {
  display: grid;
  gap: 12px;
}
.postgame-team-panel[hidden] {
  display: none;
}
.postgame-formation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 4px;
}
.postgame-formation-header span {
  color: #aab5ba;
  font-size: 12px;
  font-weight: 800;
}
.postgame-formation-header strong {
  min-width: 0;
  color: #f1f7f4;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uefa-match-detail-sheet .match-state-tabs {
  margin-top: 14px;
}
.uefa-match-detail-tabs {
  display: grid;
  gap: 12px;
}
.uefa-player-list {
  display: grid;
  gap: 10px;
}
.uefa-player-row {
  display: grid;
  gap: 10px;
  min-width: 0;
  border: 1px solid rgba(131,153,161,.16);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(12,26,33,.86), rgba(6,15,21,.9));
  padding: 12px;
}
.uefa-player-row header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.uefa-player-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(47,224,106,.13);
  color: #59e784;
  font: 900 12px "DM Mono", monospace;
}
.uefa-player-row strong {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: #f2f8f5;
  font-size: 14px;
  line-height: 1.25;
}
.uefa-player-row small {
  display: block;
  margin-top: 3px;
  color: #9fabaf;
  font-size: 11px;
}
.uefa-captain-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(245,196,66,.18);
  color: #ffd96a;
  font-style: normal;
  font-size: 10px;
  font-weight: 1000;
}
.uefa-player-stat-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}
.uefa-player-stat-pills span {
  display: inline-grid;
  gap: 2px;
  min-width: 68px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  padding: 7px 9px;
}
.uefa-player-stat-pills small {
  margin: 0;
  color: #97a5aa;
  font-size: 10px;
  white-space: normal;
}
.uefa-player-stat-pills b {
  color: #f2f8f5;
  font: 900 13px "DM Mono", monospace;
}
.uefa-player-stat-pills p {
  margin: 0;
  color: #9fabaf;
  font-size: 12px;
}
.unified-lineup-panel {
  display: grid;
  gap: 12px;
}
.unified-lineup-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(7,18,23,.72);
}
.unified-lineup-status div {
  min-width: 0;
}
.unified-lineup-status strong {
  display: block;
  color: #f4fbf7;
  font-size: 15px;
}
.unified-lineup-status small {
  display: block;
  margin-top: 3px;
  color: #a7b4b7;
  font-size: 12px;
  line-height: 1.35;
}
.unified-lineup-status span {
  flex: 0 0 auto;
  border: 1px solid rgba(47,224,106,.30);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(47,224,106,.12);
  color: #66f28f;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}
.unified-lineup-pitch-card {
  margin-top: 0;
}
.unified-lineup-bench {
  margin-top: 2px;
}
.postgame-pitch-card {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border: 1px solid rgba(92, 128, 134, .25);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 8%, rgba(47, 224, 106, .10), transparent 28%),
    linear-gradient(180deg, rgba(8, 33, 31, .95), rgba(5, 18, 21, .98));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}
.postgame-pitch-card::before {
  content: "";
  position: absolute;
  inset: 64px 32px 26px;
  border: 2px solid rgba(199, 222, 220, .16);
  pointer-events: none;
}
.postgame-pitch-line {
  position: absolute;
  pointer-events: none;
}
.postgame-pitch-line--half {
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: rgba(199, 222, 220, .15);
}
.postgame-pitch-line--circle {
  left: 50%;
  top: 50%;
  width: 118px;
  height: 118px;
  border: 2px solid rgba(199, 222, 220, .13);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.postgame-pitch-line--box {
  left: 50%;
  width: 42%;
  height: 72px;
  border: 2px solid rgba(199, 222, 220, .13);
  transform: translateX(-50%);
}
.postgame-pitch-line--box.top {
  top: 64px;
  border-top: 0;
}
.postgame-pitch-line--box.bottom {
  bottom: 26px;
  border-bottom: 0;
}
.postgame-pitch-player {
  position: absolute;
  z-index: 2;
  left: var(--x);
  top: var(--y);
  display: grid;
  justify-items: center;
  gap: 4px;
  width: 66px;
  border: 0;
  padding: 0;
  background: transparent;
  color: #f5fbf7;
  transform: translate(-50%, -50%);
}
.postgame-pitch-player > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: rgba(13, 28, 32, .88);
  color: #f7fbfa;
  font: 900 16px "DM Mono", monospace;
  box-shadow: 0 14px 28px rgba(0,0,0,.25);
}
.postgame-pitch-player.home.active > span,
.postgame-pitch-player.active > span {
  border-color: rgba(47, 224, 106, .62);
  box-shadow: 0 0 0 4px rgba(47,224,106,.08), 0 14px 28px rgba(0,0,0,.32);
}
.postgame-pitch-player.away.active > span {
  border-color: rgba(186, 116, 255, .64);
}
.postgame-rating-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 34px;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  color: #04130a;
  font: 900 10px/1 "DM Mono", monospace;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  text-align: center;
  white-space: nowrap;
}
.postgame-rating-badge.rating-outstanding {
  background: linear-gradient(135deg, #5bb9ff, #247cff);
  color: #031326;
}
.postgame-rating-badge.rating-excellent {
  background: linear-gradient(135deg, #36e373, #20c85a);
  color: #031508;
}
.postgame-rating-badge.rating-good {
  background: linear-gradient(135deg, #e6edf0, #b8c7ce);
  color: #071216;
}
.postgame-rating-badge.rating-below {
  background: linear-gradient(135deg, #ffb15e, #ff8d35);
  color: #1a0b02;
}
.postgame-rating-badge.rating-poor {
  background: linear-gradient(135deg, #ff707d, #e84052);
  color: #240306;
}
.postgame-pitch-player em {
  position: absolute;
  top: -12px;
  right: -1px;
  z-index: 3;
  gap: 3px;
  min-width: 36px;
  height: 21px;
}
.postgame-pitch-player.top-rated em {
  box-shadow: 0 0 0 2px rgba(255,255,255,.14), 0 8px 18px rgba(54,165,255,.24);
}
.postgame-pitch-player em i {
  font-style: normal;
  font-size: 9px;
}
.postgame-pitch-player strong {
  max-width: 76px;
  padding: 2px 4px;
  border-radius: 999px;
  background: rgba(2, 10, 13, .55);
  color: #f2f8f6;
  font-size: 10px;
  line-height: 1.05;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postgame-player-events {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3px;
  min-height: 17px;
}
.postgame-player-events span {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-height: 16px;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  color: #f8fbfa;
  font: 900 9px/1 "DM Mono", monospace;
}
.postgame-player-events span.goal,
.postgame-player-events span.assist {
  background: rgba(47,224,106,.16);
  color: #cbffda;
}
.postgame-player-events span.sub-in {
  background: rgba(47,224,106,.13);
  color: #37e972;
}
.postgame-player-events span.sub-out {
  background: rgba(255,92,105,.14);
  color: #ff727d;
}
.postgame-player-events b {
  font: inherit;
}
.postgame-bench-section {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(7,18,23,.78);
}
.postgame-bench-section header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.postgame-bench-section header strong {
  color: #eef6f3;
  font-size: 14px;
}
.postgame-bench-section header small {
  color: var(--accent);
  font: 900 12px "DM Mono", monospace;
}
.postgame-bench-section > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.postgame-bench-section p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.postgame-bench-player {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 0;
  border: 0;
  border-radius: 16px;
  padding: 8px 4px;
  background: rgba(255,255,255,.025);
  color: var(--text);
}
.postgame-bench-player.active {
  background: rgba(47,224,106,.08);
  box-shadow: inset 0 0 0 1px rgba(47,224,106,.22);
}
.postgame-bench-player > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  background: rgba(13, 28, 32, .85);
  font: 900 13px "DM Mono", monospace;
}
.postgame-bench-player strong {
  max-width: 72px;
  color: #e7efec;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postgame-bench-player em {
  min-width: 34px;
  height: 20px;
  padding: 0 7px;
  line-height: 1;
}
.postgame-player-detail-stack {
  display: grid;
}
.postgame-player-detail-card {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 0, rgba(47,224,106,.14), transparent 36%),
    radial-gradient(circle at 95% 0, rgba(65,165,255,.12), transparent 40%),
    rgba(7,18,23,.9);
}
.postgame-player-detail-card[hidden] {
  display: none;
}
.postgame-player-detail-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}
.postgame-detail-avatar {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(47,224,106,.26);
  border-radius: 17px;
  background: rgba(47,224,106,.10);
  color: var(--accent);
  font: 900 18px "DM Mono", monospace;
}
.postgame-player-detail-card header small {
  color: var(--accent);
  font: 900 10px "DM Mono", monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.postgame-player-detail-card header strong {
  display: block;
  min-width: 0;
  color: var(--text);
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postgame-player-detail-card header em {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}
.postgame-player-detail-card header button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  background: rgba(255,255,255,.04);
  color: var(--muted);
  font-size: 20px;
}
.postgame-detail-events {
  margin-top: 12px;
}
.postgame-detail-events .postgame-player-events {
  justify-content: flex-start;
}
.postgame-detail-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.postgame-detail-stats article {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
.postgame-detail-stats span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}
.postgame-detail-stats strong {
  display: block;
  margin-top: 4px;
  color: var(--text);
  font-size: 16px;
}
.postgame-detail-stats p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.postgame-fpl-match-scoring {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(47,224,106,.2);
  border-radius: 14px;
  background: rgba(18,116,69,.08);
}
.postgame-fpl-match-scoring[hidden] {
  display: none;
}
.postgame-fpl-match-scoring > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.postgame-fpl-match-scoring > header strong {
  color: var(--text);
  font-size: 12px;
}
.postgame-fpl-match-scoring > header span {
  padding: 4px 8px;
  border: 1px solid rgba(47,224,106,.26);
  border-radius: 999px;
  color: var(--accent);
  font: 800 9px "DM Mono", monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.postgame-fpl-match-scoring > header span.provisional,
.postgame-fpl-match-scoring > header span.live {
  border-color: rgba(251,191,36,.3);
  color: #f6c84f;
}
.postgame-fpl-match-scoring > .postgame-fpl-scoring-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}
.postgame-fpl-match-scoring article {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
  background: rgba(4,14,17,.5);
  text-align: center;
}
.postgame-fpl-match-scoring article span {
  display: block;
  min-height: 24px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.25;
}
.postgame-fpl-match-scoring article strong {
  display: block;
  margin-top: 3px;
  color: var(--accent);
  font-size: 16px;
}
.postgame-fpl-match-scoring > p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}
.postgame-fpl-points-breakdown {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 11px;
  background: rgba(3,12,15,.46);
}
.postgame-fpl-points-breakdown > header,
.postgame-fpl-points-breakdown > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
}
.postgame-fpl-points-breakdown > header {
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.postgame-fpl-points-breakdown > header strong,
.postgame-fpl-points-breakdown > footer strong {
  color: var(--text);
  font-size: 10px;
}
.postgame-fpl-points-breakdown > header span {
  color: var(--muted);
  font: 700 8px "DM Mono", monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.postgame-fpl-points-breakdown ul {
  margin: 0;
  padding: 0 10px;
  list-style: none;
}
.postgame-fpl-points-breakdown li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.postgame-fpl-points-breakdown li > span {
  min-width: 0;
}
.postgame-fpl-points-breakdown li > span strong,
.postgame-fpl-points-breakdown li > span small {
  display: block;
}
.postgame-fpl-points-breakdown li > span strong {
  color: var(--text);
  font-size: 10px;
}
.postgame-fpl-points-breakdown li > span strong em {
  color: #f6c84f;
  font: 700 8px "DM Mono", monospace;
  text-transform: uppercase;
}
.postgame-fpl-points-breakdown li > span small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 8px;
}
.postgame-fpl-points-breakdown li > b {
  flex: 0 0 auto;
  font: 800 12px "DM Mono", monospace;
}
.postgame-fpl-points-breakdown li > b.positive {
  color: var(--accent);
}
.postgame-fpl-points-breakdown li > b.negative {
  color: #ff667f;
}
.postgame-fpl-points-breakdown li > b.neutral {
  color: var(--muted);
}
.postgame-fpl-points-breakdown > p.empty {
  margin: 0;
  padding: 12px 10px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}
.postgame-fpl-points-breakdown > footer {
  background: rgba(47,224,106,.055);
}
.postgame-fpl-points-breakdown > footer span {
  color: var(--muted);
  font-size: 9px;
}
.postgame-fpl-points-breakdown > footer strong {
  color: var(--accent);
  font: 800 12px "DM Mono", monospace;
}
@media (max-width: 480px) {
  .unified-lineup-status {
    align-items: flex-start;
    padding: 11px 12px;
  }
  .unified-lineup-status span {
    padding: 6px 8px;
    font-size: 10px;
  }
  .postgame-pitch-card {
    min-height: 540px;
    border-radius: 16px;
  }
  .postgame-pitch-card::before {
    inset: 58px 22px 24px;
  }
  .postgame-pitch-line--box {
    width: 48%;
    height: 64px;
  }
  .postgame-pitch-line--box.top {
    top: 58px;
  }
  .postgame-pitch-player {
    width: 56px;
    gap: 3px;
  }
  .postgame-pitch-player > span {
    width: 37px;
    height: 37px;
    font-size: 14px;
  }
  .postgame-pitch-player strong {
    max-width: 62px;
    font-size: 9px;
  }
  .postgame-pitch-player em {
    top: -11px;
    right: -4px;
    padding: 2px 6px;
    font-size: 9px;
  }
  .postgame-player-events span {
    min-height: 15px;
    padding: 2px 4px;
    font-size: 8px;
  }
  .postgame-bench-section > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px 6px;
  }
  .postgame-bench-player {
    padding: 7px 2px;
  }
  .postgame-bench-player strong {
    max-width: 64px;
    font-size: 9px;
  }
  .postgame-detail-stats {
    gap: 7px;
  }
  .postgame-detail-stats article {
    padding: 9px;
  }
  .postgame-fpl-match-scoring > .postgame-fpl-scoring-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .postgame-fpl-match-scoring > .postgame-fpl-scoring-summary article:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}
.lineup-profile-note {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.pressure-chart-wrap {
  margin-top: 12px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 8px;
  background: radial-gradient(circle at 20% 30%, rgba(22,212,107,.10), transparent 40%), rgba(2,10,14,.48);
}
.pressure-chart {
  display: block;
  width: 100%;
  height: auto;
  min-height: 118px;
  overflow: visible;
}
.pressure-grid {
  stroke: rgba(255,255,255,.18);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.pressure-grid.faint { stroke: rgba(255,255,255,.08); }
.pressure-grid.vertical {
  stroke: rgba(255,255,255,.28);
  stroke-width: 1.1;
}
.pressure-baseline {
  stroke: rgba(255,255,255,.42);
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
}
.pressure-area {
  stroke: none;
  opacity: .88;
}
.pressure-area.home { fill: rgba(87,190,144,.78); }
.pressure-area.away { fill: rgba(224,31,83,.82); }
.pressure-flow-line {
  fill: none;
  stroke: rgba(255,255,255,.34);
  stroke-width: 1.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.pressure-line {
  fill: none;
  stroke: var(--accent);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 5px rgba(22,212,107,.45));
  vector-effect: non-scaling-stroke;
}
.pressure-line.away {
  stroke: var(--accent2);
  filter: drop-shadow(0 0 5px rgba(167,96,255,.42));
}
.pressure-axis {
  fill: rgba(230,237,241,.58);
  font: 800 9px "DM Mono", monospace;
}
.pressure-event {
  font-size: 10px;
  dominant-baseline: middle;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.6));
}
.pressure-event.goal { font-size: 11px; }
.pressure-event.card {
  fill: #ffe033;
  font-size: 15px;
}
.pressure-event.card.away { fill: #ffe033; }
.pl-referee-panel header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.pl-referee-panel header strong {
  color: var(--text);
  font-size: 18px;
  text-align: right;
}
.pl-referee-history {
  margin-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 10px;
}
.pl-referee-history summary {
  cursor: pointer;
  color: var(--accent);
  font-weight: 900;
}
.pl-referee-history p {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 10px 0 0;
  color: var(--text);
  font-size: 13px;
}
.pl-referee-history p span {
  color: var(--muted);
  text-align: right;
}
.referee-team-history-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.referee-team-history-grid article {
  display: grid;
  grid-template-columns: 1fr repeat(3, auto);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(5,14,18,.58);
}
.referee-team-history-grid article > strong,
.referee-team-history-grid article > small {
  grid-column: 1 / -1;
}
.referee-team-history-grid article > strong { color: var(--text); }
.referee-team-history-grid article > b {
  color: var(--accent);
  font: 800 12px "DM Mono", monospace;
}
.referee-team-history-grid article > span {
  color: var(--text);
  font: 800 12px "DM Mono", monospace;
}
.referee-team-history-grid article > span em {
  margin-right: 3px;
  color: var(--muted);
  font-style: normal;
}
.referee-team-history-grid article > small { color: var(--muted); }
.referee-model-status {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.referee-model-status.is-applied { color: var(--accent); }
@media (max-width: 640px) {
  .referee-team-history-grid { grid-template-columns: 1fr; }
  .pl-referee-panel header { align-items: flex-start; }
  .pl-referee-panel header strong { font-size: 15px; }
}
.pl-league-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.pl-league-filter span { display: flex; align-items: center; gap: 10px; }
.pl-league-filter select {
  min-height: 38px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  font: 800 14px var(--font-body);
  padding: 0 30px 0 10px;
}
.pl-table-head,
.pl-table-row {
  display: grid;
  grid-template-columns: 24px minmax(58px, 1fr) 24px 38px 38px minmax(82px, 1.25fr) 44px;
  align-items: center;
  gap: 6px;
}
.pl-table-head .desktop-stat,
.pl-table-row .desktop-stat {
  display: none;
}
.pl-table-head {
  padding: 12px 8px;
  color: var(--muted);
  font-family: "DM Mono", monospace;
  font-size: 9px;
  text-transform: uppercase;
}
.league-detail-table .pl-table-preseason-note {
  margin: 8px 10px 2px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.pl-table-row {
  width: 100%;
  min-height: 52px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.07);
  background: transparent;
  color: var(--text);
  padding: 7px 8px;
  text-align: left;
}
.pl-table-row .club { display: flex; align-items: center; gap: 8px; font-weight: 900; }
.pl-table-row strong { color: var(--accent); font-size: 18px; }
.pl-table-row .form { display: flex; gap: 3px; }
.pl-table-row .form i {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background: rgba(255,255,255,.10);
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}
.pl-table-row .form i.w { background: rgba(22,212,107,.32); color: var(--accent); }
.pl-table-row .form i.l { background: rgba(239,68,68,.30); color: #ff6b6b; }
.pl-table-row em {
  justify-self: end;
  min-width: 36px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 5px;
  padding: 5px 6px;
  color: var(--yellow);
  font-style: normal;
  font-weight: 900;
  text-align: center;
}
.pl-table-row em.hot { color: var(--accent); border-color: rgba(22,212,107,.25); }
.pl-table-row em.cold { color: #ff5b67; border-color: rgba(239,68,68,.25); }
.pl-form-note {
  margin: 10px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 7px;
  color: var(--muted);
  font-size: 11px;
}
.pl-form-note strong { color: var(--text); }
.pl-form-note div { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 10px; margin-top: 8px; }
.pl-form-note .hot { color: var(--accent); }
.pl-form-note .cold { color: #ff5b67; }

.kit-avatar {
  --kit: #22c55e;
  --kit2: #d1d5db;
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 70px;
  height: 62px;
  flex: 0 0 auto;
  filter: drop-shadow(0 14px 18px rgba(0,0,0,.36));
}
.kit-avatar::before,
.kit-avatar::after {
  content: "";
  position: absolute;
  top: 16px;
  width: 18px;
  height: 24px;
  border-radius: 7px 7px 4px 4px;
  background: var(--kit);
  z-index: 0;
}
.kit-avatar::before { left: 8px; transform: skewY(8deg); }
.kit-avatar::after { right: 8px; transform: skewY(-8deg); }
.kit-avatar i {
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  width: 38px;
  height: 48px;
  border-radius: 10px 10px 5px 5px;
  background: var(--kit);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), inset 0 -18px 26px rgba(0,0,0,.14);
  z-index: 1;
}
.kit-avatar i::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 0;
  width: 14px;
  height: 8px;
  border-radius: 0 0 9px 9px;
  background: #091011;
}
.kit-avatar.stripes i,
.kit-avatar.stripes::before,
.kit-avatar.stripes::after { background: repeating-linear-gradient(90deg, var(--kit) 0 9px, var(--kit2) 9px 17px); }
.kit-avatar.half i { background: linear-gradient(90deg, var(--kit) 0 50%, var(--kit2) 50%); }
.kit-avatar.sash i { background: linear-gradient(135deg, var(--kit) 0 42%, var(--kit2) 43% 56%, var(--kit) 57%); }
.kit-avatar.pin i { background: repeating-linear-gradient(90deg, var(--kit) 0 7px, color-mix(in srgb, var(--kit) 76%, #fff) 7px 9px); }
.kit-avatar.sprite {
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  filter: drop-shadow(0 10px 14px rgba(0,0,0,.32));
}
.kit-avatar.sprite::before,
.kit-avatar.sprite::after,
.kit-avatar.sprite i::before {
  display: none;
}
.kit-avatar.sprite i {
  inset: 0;
  left: 0;
  top: 0;
  transform: none;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-image: var(--kit-img);
  background-repeat: no-repeat;
  background-position: var(--kit-x) var(--kit-y);
  background-size: var(--kit-bg-w) var(--kit-bg-h);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), inset 0 -18px 24px rgba(0,0,0,.10);
}
.kit-avatar.image {
  position: relative;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  filter: drop-shadow(0 10px 14px rgba(0,0,0,.28));
}
.kit-avatar.image::before,
.kit-avatar.image::after {
  content: "";
  display: block;
  position: absolute;
  inset: 10% 6% 7%;
  border-radius: 18px;
  background: radial-gradient(circle at 50% 40%, rgba(255,255,255,.10), rgba(255,255,255,.035) 58%, transparent 78%);
  z-index: 0;
}
.kit-avatar.image::after { display: none; }
.kit-avatar.image img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
}
.leader-kit { width: 72px; height: 64px; }
.leader-kit i { width: 40px; height: 50px; }
.leader-kit::before, .leader-kit::after { width: 19px; height: 24px; }
.leader-row.top .leader-kit { width: 112px; height: 100px; }
.leader-row.top .leader-kit i { width: 64px; height: 78px; border-radius: 14px 14px 7px 7px; }
.leader-row.top .leader-kit::before, .leader-row.top .leader-kit::after { top: 24px; width: 30px; height: 34px; }
.fantasy-kit { width: 78px; height: 70px; }
.fantasy-kit i { width: 45px; height: 56px; }
.fantasy-kit::before, .fantasy-kit::after { top: 18px; width: 22px; height: 27px; }
.mini-kit, .row-kit { width: 48px; height: 42px; }
.mini-kit i, .row-kit i { top: 5px; width: 25px; height: 32px; }
.mini-kit::before, .row-kit::before, .mini-kit::after, .row-kit::after { top: 10px; width: 16px; height: 18px; }
.profile-kit { width: 128px; height: 112px; }
.profile-kit i { width: 72px; height: 90px; border-radius: 18px 18px 8px 8px; }
.profile-kit::before, .profile-kit::after { top: 28px; width: 50px; height: 55px; border-radius: 16px 16px 8px 8px; }
.mini-team-badge { width: 18px; height: 18px; font-size: 9px; }

.fantasy-hub-shell {
  container-name: fantasy-hub;
  container-type: inline-size;
  padding: 12px 16px 0;
}

@container fantasy-hub (max-width: 760px) {
  .fantasy-context-panel {
    grid-template-columns: minmax(0, 1fr) minmax(230px, .82fr);
  }

  .fantasy-context-copy {
    grid-column: 1 / -1;
  }

  .fantasy-context-copy > strong {
    font-size: 18px;
  }

  .fantasy-context-status {
    min-width: 0;
  }
}

@container fantasy-hub (max-width: 520px) {
  .fantasy-context-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .fantasy-context-copy,
  .fantasy-context-controls,
  .fantasy-context-status {
    grid-column: 1;
  }
}
.fantasy-hub-title { display: block; margin: 2px 0 12px; }
.fantasy-hub-title h1 { margin: 0; font-family: "Bebas Neue", sans-serif; font-size: 42px; letter-spacing: .02em; }
.fantasy-hub-title p { max-width: 360px; margin: 4px 0 0; color: var(--muted); line-height: 1.45; font-size: 13px; }
.fantasy-promo {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr) 64px;
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 116px;
  margin: 0 0 12px;
  border: 1px solid rgba(22,212,107,.45);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(22,212,107,.14), rgba(255,255,255,.035));
  color: var(--text);
  padding: 14px;
  text-align: left;
}
.fantasy-promo.diff { border-color: rgba(192,132,252,.30); background: linear-gradient(135deg, rgba(192,132,252,.10), rgba(255,255,255,.03)); }
.fantasy-promo.diff span,
.fantasy-promo.diff b { color: #c084fc; }
.fantasy-promo span, .fantasy-mini-card span { color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .06em; }
.fantasy-promo strong { display: block; margin-top: 6px; font-size: 24px; line-height: 1.05; }
.fantasy-promo em { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; font-style: normal; }
.fantasy-promo-score {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-end;
}
.fantasy-promo b {
  color: var(--accent);
  font-family: "Bebas Neue", sans-serif;
  font-size: 50px;
  line-height: .85;
  text-align: right;
}
.fantasy-promo small {
  display: block;
  margin-top: 7px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-align: right;
}
.fantasy-weekly-ranking-page {
  max-width: 780px;
  margin: 0 auto;
}
.fantasy-weekly-ranking-header {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  margin-bottom: 16px;
  border: 1px solid rgba(22, 212, 107, .34);
  border-radius: 14px;
  padding: 18px;
  background:
    radial-gradient(circle at 16% 0%, rgba(22, 212, 107, .18), transparent 38%),
    rgba(4, 18, 15, .96);
}
.fantasy-weekly-ranking-page.differential .fantasy-weekly-ranking-header {
  border-color: rgba(192, 132, 252, .34);
  background:
    radial-gradient(circle at 16% 0%, rgba(192, 132, 252, .16), transparent 38%),
    rgba(12, 10, 20, .96);
}
.fantasy-weekly-ranking-header > button {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
  color: #eefaf3;
  background: rgba(255, 255, 255, .045);
  font-size: 22px;
}
.fantasy-weekly-ranking-header > div { min-width: 0; }
.fantasy-weekly-ranking-header span {
  color: var(--accent);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.fantasy-weekly-ranking-page.differential .fantasy-weekly-ranking-header span { color: #c084fc; }
.fantasy-weekly-ranking-header h1 {
  margin: 5px 0 4px;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(34px, 6vw, 50px);
  font-weight: 400;
  line-height: .95;
  letter-spacing: .02em;
}
.fantasy-weekly-ranking-header p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.fantasy-weekly-ranking-header > strong {
  min-width: 58px;
  border: 1px solid rgba(22, 212, 107, .36);
  border-radius: 999px;
  padding: 8px 12px;
  color: var(--accent);
  background: rgba(22, 212, 107, .09);
  font-size: 12px;
  text-align: center;
}
.fantasy-weekly-ranking-page.differential .fantasy-weekly-ranking-header > strong {
  border-color: rgba(192, 132, 252, .34);
  color: #c084fc;
  background: rgba(192, 132, 252, .08);
}
.fantasy-weekly-ranking-list {
  display: grid;
  gap: 10px;
}
.fantasy-weekly-rank-card {
  display: grid;
  grid-template-columns: 34px 62px minmax(0, 1fr) 76px;
  grid-template-rows: auto auto;
  gap: 3px 12px;
  align-items: center;
  width: 100%;
  min-height: 92px;
  border: 1px solid rgba(22, 212, 107, .23);
  border-radius: 11px;
  padding: 12px 14px;
  color: var(--text);
  background: linear-gradient(135deg, rgba(22, 212, 107, .09), rgba(255, 255, 255, .025));
  text-align: left;
}
.fantasy-weekly-rank-card.differential {
  border-color: rgba(192, 132, 252, .23);
  background: linear-gradient(135deg, rgba(192, 132, 252, .08), rgba(255, 255, 255, .025));
}
.fantasy-weekly-rank-card > i {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--accent);
  background: rgba(22, 212, 107, .14);
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}
.fantasy-weekly-rank-card.differential > i {
  color: #c084fc;
  background: rgba(192, 132, 252, .13);
}
.fantasy-weekly-rank-card .row-kit { grid-row: 1 / span 2; width: 60px; height: 54px; }
.fantasy-weekly-rank-card > div { min-width: 0; }
.fantasy-weekly-rank-card strong {
  display: block;
  overflow: hidden;
  color: #f5fbf7;
  font-size: 18px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fantasy-weekly-rank-card span,
.fantasy-weekly-rank-card em {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fantasy-weekly-rank-card em { color: #c084fc; font-weight: 800; }
.fantasy-weekly-rank-card > b {
  grid-column: 4;
  grid-row: 1;
  align-self: end;
  justify-self: end;
  color: var(--accent);
  font-family: "Bebas Neue", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: .85;
}
.fantasy-weekly-rank-card.differential > b { color: #c084fc; }
.fantasy-weekly-rank-card > small {
  grid-column: 4;
  grid-row: 2;
  align-self: start;
  justify-self: end;
  color: var(--muted);
  font-size: 8px;
  text-align: right;
}
.fantasy-weekly-ranking-empty {
  display: grid;
  gap: 5px;
  min-height: 150px;
  place-content: center;
  border: 1px dashed rgba(255, 255, 255, .15);
  border-radius: 12px;
  padding: 24px;
  color: var(--text);
  text-align: center;
}
.fantasy-weekly-ranking-empty span { color: var(--muted); font-size: 11px; }
.fantasy-weekly-ranking-loading {
  display: grid;
  min-height: 240px;
  place-content: center;
  justify-items: center;
  gap: 9px;
  border: 1px solid rgba(22, 212, 107, .22);
  border-radius: 14px;
  color: var(--text);
  background: rgba(4, 18, 15, .72);
  text-align: center;
}
.fantasy-weekly-ranking-loading > span {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(22, 212, 107, .18);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin .8s linear infinite;
}
.fantasy-weekly-ranking-loading small { color: var(--accent); }
@container fantasy-hub (max-width: 520px) {
  .fantasy-weekly-ranking-header {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 9px;
    padding: 13px;
  }
  .fantasy-weekly-ranking-header > button { width: 38px; height: 38px; }
  .fantasy-weekly-ranking-header h1 { font-size: 32px; }
  .fantasy-weekly-ranking-header > strong { min-width: 48px; padding: 7px 8px; }
  .fantasy-weekly-rank-card {
    grid-template-columns: 28px 52px minmax(0, 1fr) 58px;
    gap: 3px 8px;
    min-height: 82px;
    padding: 10px;
  }
  .fantasy-weekly-rank-card > i { width: 26px; height: 26px; font-size: 11px; }
  .fantasy-weekly-rank-card .row-kit { width: 50px; height: 46px; }
  .fantasy-weekly-rank-card strong { font-size: 15px; }
  .fantasy-weekly-rank-card > b { font-size: 34px; }
}
.fantasy-projection-card {
  margin: 2px 0 12px;
  border: 1px solid rgba(22,212,107,.54);
  border-radius: 10px;
  background:
    radial-gradient(circle at 16% 0%, rgba(22,212,107,.18), transparent 34%),
    rgba(4,13,18,.74);
  box-shadow: 0 0 0 1px rgba(22,212,107,.06), 0 14px 34px rgba(0,0,0,.22);
  padding: 13px;
}
.fantasy-projection-card header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.fantasy-projection-card header strong {
  display: block;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
}
.fantasy-projection-card header p {
  margin: 4px 0 0;
  color: var(--text);
  font-size: 12px;
  line-height: 1.35;
}
.fantasy-projection-controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 10px;
}
.fantasy-projection-controls label {
  position: relative;
  min-width: 0;
}
.fantasy-projection-controls input,
.fantasy-projection-controls select {
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 7px;
  background: rgba(255,255,255,.045);
  color: var(--text);
  font: 600 12px/1.2 "DM Sans", sans-serif;
  padding: 0 10px;
}
.fantasy-projection-controls input::placeholder {
  color: var(--muted);
}
.fantasy-projection-results {
  display: none;
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 244px;
  overflow: auto;
  border: 1px solid rgba(22,212,107,.24);
  border-radius: 8px;
  background: rgba(4,13,18,.98);
  box-shadow: 0 18px 34px rgba(0,0,0,.42);
  padding: 6px;
}
.fantasy-projection-results.open {
  display: grid;
  gap: 5px;
}
.fantasy-projection-results button {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  width: 100%;
  border: 0;
  border-radius: 7px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  padding: 7px;
  text-align: left;
}
.fantasy-projection-results button:hover {
  background: rgba(22,212,107,.12);
}
.fantasy-projection-results span {
  min-width: 0;
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fantasy-projection-results small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
}
.fantasy-projection-player {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 54px;
  gap: 10px;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.045);
  color: var(--text);
  padding: 10px;
  text-align: left;
}
.fantasy-projection-player strong {
  display: block;
  font-size: 18px;
  line-height: 1.1;
}
.fantasy-projection-player span,
.fantasy-projection-player small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}
.fantasy-projection-player b {
  display: grid;
  place-items: center;
  min-height: 46px;
  border: 1px solid rgba(22,212,107,.34);
  border-radius: 8px;
  color: var(--accent);
  font: 900 24px/1 "DM Sans", sans-serif;
}
.fantasy-projection-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 9px;
}
.fantasy-projection-metrics div {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 8px;
  background: rgba(255,255,255,.045);
  padding: 9px 7px;
}
.fantasy-projection-metrics span {
  display: block;
  min-height: 24px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  line-height: 1.18;
  text-transform: uppercase;
}
.fantasy-projection-metrics strong {
  display: block;
  margin-top: 5px;
  color: var(--accent);
  font-size: 20px;
  line-height: 1;
}
.fantasy-projection-metrics div:first-child strong,
.fantasy-projection-metrics div:nth-child(3) strong {
  color: #f5e642;
}
.fantasy-full-comparison {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  padding: 11px 12px;
  font-weight: 800;
  text-align: left;
}
.fantasy-full-comparison span {
  color: var(--accent);
  font-size: 18px;
}
.fantasy-projection-page {
  max-width: 1120px;
  margin-inline: auto;
  border-color: rgba(114,255,177,.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 4%, rgba(22,212,107,.16), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(34,197,94,.10), transparent 32%),
    linear-gradient(145deg, rgba(4,14,18,.98), rgba(2,8,12,.94));
  padding: 22px;
}
.fantasy-simulation-intelligence {
  margin: 14px 0;
  overflow: hidden;
  border: 1px solid rgba(56, 245, 138, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at 0 0, rgba(28, 214, 111, .14), transparent 38%),
    linear-gradient(145deg, rgba(5, 24, 25, .96), rgba(3, 13, 18, .98));
  box-shadow: inset 0 0 30px rgba(22, 212, 107, .035);
  padding: 15px;
}
.fantasy-simulation-intelligence > header {
  align-items: center;
  margin: 0 0 12px;
}
.fantasy-simulation-intelligence > header div {
  display: grid;
  grid-template-columns: auto auto;
  gap: 2px 7px;
  align-items: center;
}
.fantasy-simulation-intelligence > header div > span { grid-row: 1 / span 2; color: #37f287; font-size: 21px; }
.fantasy-simulation-intelligence > header strong { color: #eefbf5; font-size: 14px; letter-spacing: .01em; }
.fantasy-simulation-intelligence > header small { color: rgba(217, 235, 228, .56); font-size: 10px; }
.fantasy-simulation-intelligence > header > b {
  border: 1px solid rgba(56, 245, 138, .24);
  border-radius: 999px;
  background: rgba(22, 212, 107, .08);
  color: #65f5a3;
  padding: 6px 9px;
  font-size: 9px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.fantasy-simulation-range,
.fantasy-simulation-probabilities,
.fantasy-simulation-intelligence > footer {
  display: grid;
  gap: 8px;
}
.fantasy-simulation-range { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fantasy-simulation-range article {
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
  padding: 10px;
  text-align: center;
}
.fantasy-simulation-range article.median {
  border-color: rgba(56, 245, 138, .34);
  background: rgba(22, 212, 107, .09);
}
.fantasy-simulation-range span,
.fantasy-simulation-probabilities span {
  display: block;
  color: rgba(220, 235, 230, .58);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.fantasy-simulation-range span small { color: rgba(101, 245, 163, .68); font-size: 8px; }
.fantasy-simulation-range strong { display: block; margin-top: 6px; color: #f2faf6; font-size: 23px; }
.fantasy-simulation-range .median strong { color: #39f58a; }
.fantasy-simulation-probabilities {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 8px;
}
.fantasy-simulation-probabilities article {
  min-width: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  padding: 8px 5px 10px;
  text-align: center;
}
.fantasy-simulation-probabilities strong { display: block; margin-top: 5px; color: #eefbf5; font-size: 16px; }
.fantasy-simulation-probabilities article:nth-child(3) strong { color: #39f58a; }
.fantasy-simulation-probabilities article:last-child strong { color: #ffbe55; }
.fantasy-simulation-intelligence > footer {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 10px;
}
.fantasy-simulation-intelligence > footer span {
  color: rgba(220, 235, 230, .58);
  font-size: 9px;
  text-align: center;
}
.fantasy-simulation-intelligence > footer b { display: block; margin-top: 3px; color: #dff8eb; font-size: 12px; }
.fantasy-simulation-intelligence > p {
  margin: 12px 0 0;
  color: rgba(217, 235, 228, .5);
  font-size: 10px;
  line-height: 1.45;
  text-align: center;
}
@media (max-width: 640px) {
  .fantasy-simulation-intelligence { padding: 12px; }
  .fantasy-simulation-probabilities,
  .fantasy-simulation-intelligence > footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fantasy-simulation-probabilities article:nth-child(-n+2) { border-top: 1px solid rgba(255, 255, 255, .04); }
  .fantasy-simulation-intelligence > footer { row-gap: 9px; }
}
.fantasy-projection-heading {
  align-items: flex-start;
}
.fantasy-projection-heading strong {
  color: var(--text);
  font-size: clamp(25px, 3vw, 36px);
  letter-spacing: -.03em;
  text-transform: none;
}
.fantasy-projection-heading p {
  color: rgba(221,238,232,.68);
  font-size: 14px;
}
.projection-advanced-filter {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(7,18,25,.88);
  color: var(--text);
  padding: 0 14px;
  font-weight: 850;
  box-shadow: inset 0 0 0 1px rgba(22,212,107,.04);
}
.projection-advanced-filter span,
.projection-advanced-filter b {
  color: rgba(221,238,232,.72);
}
.projection-advanced-filter.open {
  border-color: rgba(22,212,107,.46);
  box-shadow: 0 0 0 1px rgba(22,212,107,.10), 0 0 18px rgba(22,212,107,.10);
}
.projection-advanced-filter:disabled,
.projection-advanced-filter[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .48;
  box-shadow: none;
}
.projection-advanced-panel {
  display: grid;
  grid-template-columns: minmax(180px, .6fr) minmax(240px, .9fr) minmax(0, 1.5fr);
  gap: 12px;
  align-items: end;
  border: 1px solid rgba(22,212,107,.16);
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(22,212,107,.10), transparent 38%),
    rgba(5,17,21,.82);
  padding: 14px;
}
.projection-advanced-panel[hidden] {
  display: none;
}
.projection-mode-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.projection-mode-toggle button,
.projection-opponent-list button {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: rgba(221,238,232,.84);
  font-weight: 850;
}
.projection-mode-toggle button {
  padding: 12px 10px;
}
.projection-mode-toggle button.active,
.projection-opponent-list button.selected {
  border-color: rgba(22,212,107,.55);
  background: rgba(22,212,107,.12);
  color: var(--accent);
}
.projection-opponent-search {
  display: grid;
  gap: 6px;
}
.projection-opponent-search span {
  color: rgba(221,238,232,.72);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}
.projection-opponent-search input {
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  color: var(--text);
  padding: 0 12px;
}
.projection-opponent-list {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.projection-opponent-list button {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  min-width: 54px;
  min-height: 38px;
  padding: 8px 12px;
}
.projection-opponent-list span {
  color: inherit;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .08em;
}
.projection-opponent-list small {
  color: rgba(221,238,232,.56);
  font-size: 11px;
}
.projection-opponent-kit {
  width: 32px;
  height: 30px;
}
.projection-advanced-panel > p {
  align-self: center;
  margin: 0;
  color: rgba(221,238,232,.68);
  font-size: 13px;
}
.fantasy-projection-page .fantasy-projection-controls {
  grid-template-columns: minmax(240px, 42fr) minmax(280px, 58fr);
  gap: 22px;
  margin: 14px 0 24px;
}
.fantasy-projection-page .fantasy-projection-controls.empty {
  grid-template-columns: minmax(260px, 1fr);
}
.fantasy-projection-page .fantasy-projection-search {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  min-height: 62px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: rgba(6,15,22,.88);
  padding: 0 16px;
}
.fantasy-projection-page .fantasy-projection-search > span {
  color: rgba(221,238,232,.78);
  font-size: 25px;
}
.fantasy-projection-page .fantasy-projection-search input {
  min-height: 60px;
  border: 0;
  background: transparent;
  padding: 0 0 0 6px;
  font-size: 14px;
}
.projection-fixture-control {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 24px 42px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 62px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: rgba(6,15,22,.88);
  color: var(--text);
  padding: 8px 11px;
  text-align: left;
}
.projection-fixture-control .fixture-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: var(--accent);
}
.fixture-mini-kit {
  width: 34px;
  height: 30px;
}
.fixture-mini-kit i {
  width: 18px;
  height: 24px;
}
.projection-fixture-control small {
  display: block;
  color: rgba(221,238,232,.56);
  font-size: 11px;
  font-weight: 700;
}
.projection-fixture-control strong {
  display: block;
  overflow: hidden;
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projection-fixture-control b {
  color: rgba(221,238,232,.68);
  font-size: 18px;
  text-align: center;
}
.projection-fixture-control i {
  display: grid;
  place-items: center;
  height: 40px;
  border-left: 1px solid rgba(255,255,255,.10);
  color: rgba(221,238,232,.72);
  font-style: normal;
}
.projection-empty-state {
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 330px;
  border: 1px solid rgba(22,212,107,.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 6%, rgba(22,212,107,.14), transparent 32%),
    linear-gradient(180deg, rgba(6,18,24,.86), rgba(3,10,15,.92));
  padding: 42px 22px;
  text-align: center;
}
.projection-empty-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(22,212,107,.28);
  border-radius: 18px;
  background: rgba(22,212,107,.10);
  color: var(--accent);
  font-size: 30px;
  box-shadow: inset 0 0 18px rgba(22,212,107,.08);
}
.projection-empty-state h2 {
  margin: 0;
  color: var(--text);
  font-size: clamp(24px, 3vw, 34px);
  letter-spacing: -.02em;
}
.projection-empty-state p {
  max-width: 560px;
  margin: 0;
  color: rgba(221,238,232,.68);
  font-size: 15px;
  line-height: 1.6;
}
.projection-experience-card {
  display: grid;
  gap: 22px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(5,16,22,.76), rgba(4,13,18,.94)),
    radial-gradient(circle at 16% 15%, rgba(22,212,107,.12), transparent 28%);
  padding: 22px;
}
.projection-hero-grid {
  display: grid;
  grid-template-columns: minmax(360px, 1.35fr) minmax(190px, .72fr) minmax(260px, .95fr);
  gap: 0;
  align-items: stretch;
}
.projection-hero-grid > * {
  min-width: 0;
}
.projection-player-identity {
  display: grid;
  grid-template-columns: 152px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.09);
  background: transparent;
  color: var(--text);
  padding: 8px 24px 8px 0;
  text-align: left;
}
.projection-shirt-orbit {
  display: grid;
  place-items: center;
  width: 138px;
  height: 138px;
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(22,212,107,.14), transparent 66%),
    rgba(255,255,255,.035);
}
.projection-hero-kit {
  width: 112px;
  height: 104px;
}
.projection-hero-kit i {
  width: 64px;
  height: 82px;
}
.projection-hero-kit.image img {
  max-width: 118px;
  max-height: 108px;
}
.projection-player-copy {
  min-width: 0;
}
.projection-player-copy b {
  display: inline-grid;
  place-items: center;
  min-width: 46px;
  min-height: 30px;
  border-radius: 8px;
  background: rgba(139,92,246,.24);
  color: #d8b4fe;
  font-size: 13px;
  font-weight: 950;
}
.projection-player-copy strong {
  display: -webkit-box;
  margin-top: 14px;
  overflow: hidden;
  color: #fff;
  font-size: clamp(24px, 2.15vw, 32px);
  font-weight: 950;
  line-height: 1.08;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.projection-player-copy small {
  display: block;
  margin-top: 7px;
  overflow: hidden;
  color: rgba(221,238,232,.78);
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projection-player-copy em {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  color: rgba(221,238,232,.64);
  font-style: normal;
  font-size: 13px;
}
.projection-player-copy em span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  padding: 0 11px;
}
.projection-player-copy em span:first-child {
  background: rgba(22,212,107,.14);
  color: var(--accent);
}
.projection-player-copy em span.risk {
  background: rgba(239,68,68,.15);
  color: #ff8a8a;
}
.projection-points-hero {
  display: grid;
  align-content: center;
  border-right: 1px solid rgba(255,255,255,.09);
  padding: 0 22px;
}
.projection-points-hero span,
.projection-score-hero > span {
  color: rgba(221,238,232,.72);
  font-size: 15px;
  font-weight: 850;
}
.projection-points-hero strong {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 10px;
  color: var(--accent);
  font-size: clamp(50px, 4.6vw, 72px);
  font-weight: 950;
  letter-spacing: -.08em;
  line-height: .88;
  text-shadow: 0 0 24px rgba(22,212,107,.24);
  white-space: nowrap;
}
.projection-points-hero strong small {
  color: rgba(221,238,232,.62);
  font-size: clamp(16px, 1.6vw, 21px);
  letter-spacing: -.03em;
}
.projection-points-hero b {
  display: inline-flex;
  width: fit-content;
  margin-top: 18px;
  border: 1px solid rgba(22,212,107,.18);
  border-radius: 10px;
  background: rgba(22,212,107,.10);
  color: var(--accent);
  padding: 8px 12px;
  font-size: 13px;
}
.projection-points-hero em {
  display: block;
  margin-top: 13px;
  color: rgba(221,238,232,.70);
  font-style: normal;
  font-size: 13px;
}
.projection-context-strip {
  display: grid;
  grid-template-columns: max-content max-content max-content minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  padding: 10px 12px;
}
.projection-context-strip div {
  display: grid;
  gap: 2px;
}
.projection-context-strip span {
  color: rgba(221,238,232,.58);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}
.projection-context-strip strong {
  color: var(--accent);
  font-size: 13px;
  font-weight: 900;
}
.projection-context-strip p {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: rgba(221,238,232,.74);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projection-content-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.projection-content-tabs button {
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  color: rgba(221,238,232,.72);
  font-weight: 900;
}
.projection-content-tabs button.active {
  border-color: rgba(22,212,107,.52);
  background: rgba(22,212,107,.12);
  color: var(--accent);
  box-shadow: 0 0 16px rgba(22,212,107,.12);
}
.projection-content-tabs button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.projection-score-hero {
  display: grid;
  align-content: center;
  min-width: 0;
  padding-left: 28px;
}
.projection-scoreline {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 56px minmax(74px, 1fr) 56px;
  align-items: center;
  gap: 6px;
  min-height: 82px;
  margin-top: 13px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  overflow: hidden;
  padding: 10px;
}
.projection-scoreline strong {
  color: #fff;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 950;
  text-align: center;
  white-space: nowrap;
}
.projection-score-kit {
  width: 52px;
  height: 48px;
  justify-self: center;
}
.projection-score-kit i {
  width: 26px;
  height: 36px;
}
.projection-score-kit.image img {
  max-width: 50px;
  max-height: 46px;
}
.projection-prob-bar {
  display: grid;
  grid-template-columns: var(--win) var(--draw) var(--loss);
  gap: 5px;
  margin-top: 18px;
}
.projection-prob-bar i,
.projection-prob-bar b,
.projection-prob-bar em {
  height: 8px;
  min-width: 10px;
  border-radius: 999px;
}
.projection-prob-bar i { background: var(--accent); box-shadow: 0 0 14px rgba(22,212,107,.36); }
.projection-prob-bar b { background: rgba(221,238,232,.55); }
.projection-prob-bar em { background: #ef4444; }
.projection-score-hero dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 0;
}
.projection-score-hero dt {
  color: rgba(221,238,232,.67);
  font-size: 13px;
}
.projection-score-hero dd {
  margin: 4px 0 0;
  color: var(--accent);
  font-size: 26px;
  font-weight: 900;
}
.projection-score-hero div:nth-child(2) dd { color: rgba(221,238,232,.84); }
.projection-score-hero div:nth-child(3) dd { color: #ff5d5d; }
.projection-metric-card-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.projection-history-panel {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(22,212,107,.26);
  border-radius: 20px;
  background:
    radial-gradient(circle at 15% 0%, rgba(22,212,107,.16), transparent 36%),
    linear-gradient(180deg, rgba(5,22,22,.88), rgba(3,12,17,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 28px rgba(22,212,107,.08);
  padding: 20px;
}
.projection-history-title strong {
  display: block;
  color: var(--text);
  font-size: 22px;
  font-weight: 950;
}
.projection-opponent-history-card {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) minmax(150px, auto);
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(22,212,107,.28);
  border-radius: 14px;
  background: rgba(7,24,26,.82);
  padding: 12px;
}
.projection-history-opponent-kit {
  width: 66px;
  height: 66px;
}
.projection-opponent-history-card strong {
  display: block;
  color: var(--accent);
  font-size: 28px;
  font-weight: 950;
  letter-spacing: .03em;
}
.projection-opponent-history-card span {
  color: rgba(221,238,232,.74);
  font-size: 13px;
  font-weight: 850;
}
.projection-opponent-form {
  border-left: 1px solid rgba(255,255,255,.10);
  padding-left: 16px;
}
.projection-opponent-form > span {
  display: block;
  color: rgba(221,238,232,.62);
  font-size: 12px;
  font-weight: 850;
}
.projection-opponent-form p {
  display: flex;
  gap: 8px;
  margin: 8px 0 0;
}
.projection-opponent-form i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  color: rgba(221,238,232,.82);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}
.projection-opponent-form i.w { background: rgba(22,212,107,.92); color: #03210f; }
.projection-opponent-form i.l { background: rgba(255,93,93,.24); color: #ff7777; }
.projection-opponent-form i.d { background: rgba(221,238,232,.16); color: rgba(221,238,232,.86); }
.projection-history-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.projection-history-summary article {
  display: grid;
  min-height: 118px;
  align-content: center;
  justify-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(9,28,31,.86), rgba(5,16,21,.86));
  padding: 12px;
}
.projection-history-summary span {
  display: block;
  color: rgba(221,238,232,.70);
  font-size: 13px;
  font-weight: 850;
  text-align: center;
}
.projection-history-summary strong {
  display: block;
  margin-top: 8px;
  color: var(--accent);
  font-size: clamp(31px, 5vw, 44px);
  font-weight: 950;
  line-height: .95;
}
.projection-history-trend {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(4,16,20,.74);
  padding: 14px;
}
.projection-history-trend header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.projection-history-trend strong {
  color: rgba(221,238,232,.62);
  font-size: 14px;
  font-weight: 900;
}
.projection-history-trend span {
  color: var(--accent);
  font-weight: 950;
}
.projection-history-trend svg {
  display: block;
  width: 100%;
  height: 96px;
  overflow: visible;
}
.projection-history-trend path {
  fill: none;
  stroke: var(--accent);
  stroke-width: 2.4;
  filter: drop-shadow(0 0 6px rgba(22,212,107,.42));
}
.projection-history-trend circle {
  fill: var(--accent);
  stroke: rgba(5,16,21,.95);
  stroke-width: 1.5;
}
.projection-history-trend circle.selected {
  fill: #f8fff9;
  stroke: var(--accent);
  stroke-width: 2.6;
  filter: drop-shadow(0 0 8px rgba(22,212,107,.62));
}
.projection-latest-meeting {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(22,212,107,.44);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(22,212,107,.16), transparent 34%),
    rgba(5,18,20,.88);
  box-shadow: inset 0 0 0 1px rgba(22,212,107,.08);
  padding: 14px;
}
.projection-latest-meeting header,
.projection-latest-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.projection-latest-meeting header span,
.projection-latest-meeting time,
.projection-latest-meeting p {
  color: rgba(221,238,232,.72);
  font-size: 13px;
  font-weight: 850;
}
.projection-latest-meeting header span {
  color: var(--accent);
  font-size: 15px;
  font-weight: 950;
}
.projection-latest-main strong {
  color: var(--text);
  font-size: 24px;
  font-weight: 950;
}
.projection-latest-main em {
  border: 1px solid rgba(22,212,107,.28);
  border-radius: 10px;
  background: rgba(22,212,107,.10);
  color: var(--accent);
  padding: 8px 12px;
  font-size: 20px;
  font-style: normal;
  font-weight: 950;
}
.projection-latest-stat-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.projection-latest-stat-grid article {
  display: grid;
  gap: 6px;
  min-height: 72px;
  align-content: center;
  justify-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  padding: 8px;
}
.projection-latest-stat-grid span {
  color: rgba(221,238,232,.62);
  font-size: 11px;
  font-weight: 850;
  text-align: center;
}
.projection-latest-stat-grid strong {
  color: var(--accent);
  font-size: 20px;
  font-weight: 950;
}
.projection-history-list {
  display: grid;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(4,15,18,.72);
  overflow: hidden;
}
.projection-history-list header {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.projection-history-list header strong {
  color: rgba(221,238,232,.84);
  font-size: 16px;
  font-weight: 950;
}
.projection-history-row {
  display: grid;
  grid-template-columns: 106px minmax(94px, 1fr) 52px 56px 74px 20px;
  gap: 10px;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,.06);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  padding: 11px 14px;
}
.projection-history-row:hover,
.projection-history-row:focus-visible {
  background: rgba(22,212,107,.07);
  outline: none;
}
.projection-history-row:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(22,212,107,.42);
}
.projection-history-row:active {
  background: rgba(22,212,107,.12);
}
.projection-history-row.selected {
  background: linear-gradient(90deg, rgba(22,212,107,.16), rgba(22,212,107,.05));
  box-shadow: inset 3px 0 0 var(--accent);
}
.projection-history-row:last-child {
  border-bottom: 0;
}
.projection-history-row time {
  color: rgba(221,238,232,.62);
  font-size: 12px;
  font-weight: 800;
}
.projection-history-row strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 950;
}
.projection-history-row > span {
  color: rgba(221,238,232,.72);
  font-size: 13px;
  font-weight: 900;
}
.projection-history-row b {
  color: var(--accent);
  font-size: 14px;
  font-weight: 950;
}
.projection-history-row em {
  justify-self: end;
  border-radius: 7px;
  background: rgba(22,212,107,.10);
  color: var(--accent);
  padding: 5px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}
.projection-history-row i {
  color: rgba(221,238,232,.54);
  font-style: normal;
  font-weight: 950;
}
.projection-history-empty {
  margin: 0;
  border: 1px dashed rgba(255,255,255,.16);
  border-radius: 12px;
  color: rgba(221,238,232,.76);
  padding: 18px;
  text-align: center;
}
.projection-metric-card-row article {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(7,22,26,.78);
  padding: 18px 16px;
}
.projection-metric-card-row i {
  display: block;
  color: rgba(221,238,232,.78);
  font-style: normal;
  font-size: 23px;
}
.projection-metric-card-row span {
  display: block;
  margin-top: 9px;
  color: rgba(221,238,232,.78);
  font-size: 13px;
  font-weight: 850;
}
.projection-metric-card-row strong {
  display: block;
  margin-top: 9px;
  color: var(--accent);
  font-size: clamp(30px, 3.2vw, 42px);
  font-weight: 950;
  line-height: .98;
}
.projection-metric-card-row small {
  display: block;
  margin-top: 6px;
  color: rgba(221,238,232,.64);
  font-size: 13px;
}
.projection-form-dots {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}
.projection-form-dots span {
  width: 17px;
  height: 17px;
  margin: 0;
  border-radius: 999px;
  background: rgba(221,238,232,.20);
}
.projection-form-dots span.good { background: var(--accent); }
.projection-form-dots span.hot { background: #facc15; }
.projection-form-dots.unavailable span { background: rgba(221,238,232,.18); }
.projection-metric-card-row article.form small {
  color: var(--accent);
  font-size: 22px;
  font-weight: 900;
}
.projection-analysis-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}
.projection-breakdown-panel,
.projection-key-stats-panel,
.projection-comparison-strip,
.projection-insight-panel {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(7,19,23,.72);
  padding: 18px;
}
.projection-breakdown-panel header strong,
.projection-key-stats-panel header strong,
.projection-comparison-strip header strong {
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}
.projection-breakdown-panel header small,
.projection-key-stats-panel header small {
  color: rgba(221,238,232,.66);
  font-size: 13px;
  font-weight: 700;
}
.projection-breakdown-body {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  margin-top: 18px;
}
.projection-breakdown-chart {
  width: 172px;
  height: 172px;
  border-radius: 999px;
  background: conic-gradient(var(--projection-breakdown));
  position: relative;
}
.projection-breakdown-chart::after {
  content: "";
  position: absolute;
  inset: 42px;
  border-radius: 999px;
  background: #071015;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.projection-donut-center {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 1;
  display: flex;
  transform: translate(-50%, -50%);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  min-height: 60px;
  pointer-events: none;
  text-align: center;
}
.projection-donut-center strong {
  color: #fff;
  font-size: 34px;
  line-height: 1;
}
.projection-donut-center span {
  margin-top: 4px;
  color: rgba(221,238,232,.70);
  font-size: 14px;
}
.projection-breakdown-legend {
  display: grid;
  gap: 10px;
}
.projection-breakdown-legend div {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 10px;
}
.projection-breakdown-legend i {
  width: 12px;
  height: 12px;
  border-radius: 999px;
}
.projection-breakdown-legend span {
  overflow: hidden;
  color: rgba(221,238,232,.84);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projection-breakdown-legend strong {
  color: #fff;
  text-align: right;
}
.projection-breakdown-panel > small {
  display: block;
  margin-top: 18px;
  color: rgba(221,238,232,.58);
}
.projection-key-stats-panel {
  display: grid;
  gap: 12px;
}
.projection-stat-bar {
  display: grid;
  grid-template-columns: minmax(104px, 1fr) minmax(120px, 1fr) 48px;
  gap: 12px;
  align-items: center;
}
.projection-stat-bar span {
  color: rgba(221,238,232,.86);
  font-size: 14px;
  font-weight: 800;
}
.projection-stat-bar i {
  height: 13px;
  border-radius: 999px;
  background: rgba(221,238,232,.09);
  overflow: hidden;
}
.projection-stat-bar b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #19d66f, #36e889);
  box-shadow: 0 0 14px rgba(22,212,107,.32);
}
.projection-stat-bar strong {
  color: #fff;
  text-align: right;
}
.projection-key-stats-panel button,
.projection-comparison-strip header button {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: rgba(221,238,232,.84);
  padding: 10px 12px;
  font-weight: 850;
}
.projection-key-stats-panel button {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.projection-comparison-strip header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 15px;
}
.projection-comparison-strip > div {
  display: flex;
  gap: 10px;
  align-items: stretch;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding-bottom: 4px;
  scroll-snap-type: x mandatory;
}
.projection-compare-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 4px 12px;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  flex: 0 0 min(214px, 78vw);
  padding: 12px;
  scroll-snap-align: start;
  text-align: left;
}
.projection-compare-card.selected {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px rgba(22,212,107,.18), 0 0 18px rgba(22,212,107,.10);
}
.projection-compare-kit {
  grid-row: 1 / span 3;
  width: 54px;
  height: 48px;
}
.projection-compare-kit i {
  width: 26px;
  height: 34px;
}
.projection-compare-card span {
  overflow: hidden;
  font-size: 14px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projection-compare-card strong {
  color: var(--accent);
  font-size: 22px;
  line-height: 1;
}
.projection-compare-card strong small,
.projection-compare-card em {
  color: rgba(221,238,232,.64);
  font-style: normal;
  font-size: 12px;
}
.projection-vs {
  align-self: center;
  flex: 0 0 30px;
  display: grid;
  justify-self: center;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  color: rgba(221,238,232,.72);
  font-size: 11px;
  font-weight: 900;
}
.projection-insight-panel {
  display: grid;
  gap: 6px;
  background:
    linear-gradient(90deg, rgba(22,212,107,.18), rgba(22,212,107,.08)),
    rgba(7,28,20,.82);
}
.projection-insight-panel strong {
  color: var(--accent);
  font-size: 15px;
}
.projection-insight-panel p {
  margin: 0;
  color: rgba(245,255,250,.90);
  font-size: 15px;
  line-height: 1.45;
}
@media (max-width: 1500px) {
  .projection-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
    gap: 18px;
  }
  .projection-player-identity {
    grid-column: 1 / -1;
    grid-template-columns: 132px minmax(0, 1fr);
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.09);
    padding: 0 0 18px;
  }
  .projection-points-hero {
    border-right: 1px solid rgba(255,255,255,.09);
    padding: 0 22px 0 0;
  }
  .projection-score-hero {
    padding-left: 4px;
    min-width: 0;
  }
}
@media (max-width: 1080px) {
  .fantasy-projection-card header.fantasy-projection-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .projection-advanced-filter {
    justify-content: center;
    justify-self: stretch;
    max-width: 100%;
    white-space: normal;
  }
  .fantasy-projection-page .fantasy-projection-controls {
    grid-template-columns: 1fr;
  }
  .projection-advanced-panel {
    grid-template-columns: 1fr;
  }
  .projection-hero-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .projection-player-identity {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.09);
    grid-column: 1 / -1;
    padding: 0 0 18px;
  }
  .projection-points-hero {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.09);
    padding: 0 0 18px;
  }
  .projection-score-hero {
    padding-left: 0;
  }
  .projection-metric-card-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .projection-analysis-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .fantasy-projection-page {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 14px;
    border-radius: 14px;
  }
  .fantasy-projection-heading {
    display: grid;
    gap: 12px;
  }
  .projection-advanced-filter {
    justify-content: center;
    width: 100%;
  }
  .fantasy-projection-page .fantasy-projection-controls {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .projection-fixture-control {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    grid-template-columns: 42px minmax(0, 1fr) 20px 38px;
  }
  .projection-experience-card {
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    padding: 14px;
    gap: 16px;
  }
  .projection-hero-grid {
    grid-template-columns: 1fr;
    min-width: 0;
  }
  .projection-player-identity {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 12px;
  }
  .projection-shirt-orbit {
    width: 104px;
    height: 104px;
  }
  .projection-hero-kit {
    width: 86px;
    height: 80px;
  }
  .projection-hero-kit i {
    width: 46px;
    height: 58px;
  }
  .projection-player-copy strong {
    font-size: 25px;
  }
  .projection-points-hero,
  .projection-score-hero {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.09);
    min-width: 0;
    padding: 0 0 18px;
  }
  .projection-score-hero {
    border-bottom: 0;
  }
  .projection-points-hero strong {
    font-size: 58px;
  }
  .projection-scoreline {
    width: min(100%, 240px);
    max-width: 100%;
    grid-template-columns: 44px minmax(62px, 1fr) 44px;
    gap: 4px;
    padding: 9px 8px;
  }
  .projection-score-kit {
    width: 42px;
    height: 40px;
  }
  .projection-score-kit i {
    width: 22px;
    height: 32px;
  }
  .projection-score-kit.image img {
    max-width: 40px;
    max-height: 38px;
  }
  .projection-scoreline strong {
    font-size: 29px;
  }
  .projection-score-hero dd {
    font-size: 22px;
  }
  .projection-metric-card-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .projection-metric-card-row article {
    padding: 13px 12px;
  }
  .projection-metric-card-row article.form {
    grid-column: 1 / -1;
  }
  .projection-breakdown-body {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .projection-context-strip {
    grid-template-columns: 1fr;
  }
  .projection-content-tabs {
    grid-template-columns: 1fr;
  }
  .projection-history-panel {
    padding: 14px;
  }
  .projection-opponent-history-card {
    grid-template-columns: 58px minmax(0, 1fr);
  }
  .projection-history-opponent-kit {
    width: 52px;
    height: 52px;
  }
  .projection-opponent-form {
    grid-column: 1 / -1;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.10);
    padding: 10px 0 0;
  }
  .projection-history-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .projection-latest-main {
    align-items: flex-start;
    flex-direction: column;
  }
  .projection-latest-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .projection-history-row {
    grid-template-columns: 82px minmax(82px, 1fr) 42px 42px;
    gap: 8px;
    padding: 10px;
  }
  .projection-history-row em {
    justify-self: start;
  }
  .projection-history-row i {
    display: none;
  }
  .projection-breakdown-legend {
    width: 100%;
  }
  .projection-stat-bar {
    grid-template-columns: minmax(92px, 1fr) minmax(86px, 1fr) 42px;
  }
  .projection-comparison-strip {
    padding: 14px;
  }
  .projection-comparison-strip header {
    align-items: flex-start;
    flex-direction: column;
  }
  .projection-compare-card {
    flex-basis: 190px;
  }
}
.fantasy-price-section {
  display: grid;
  gap: 12px;
  margin: 2px 0 12px;
  border: 1px solid rgba(22,212,107,.26);
  border-radius: 10px;
  background:
    radial-gradient(circle at 8% 0%, rgba(22,212,107,.14), transparent 34%),
    linear-gradient(135deg, rgba(6,21,25,.88), rgba(4,13,18,.84));
  padding: 14px;
}
.fantasy-price-section header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.fantasy-price-section header strong {
  display: block;
  color: var(--accent);
  font-size: 14px;
  font-weight: 950;
}
.fantasy-price-section header p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}
.fantasy-price-section header > span,
.fantasy-price-disclaimer {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.fantasy-price-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.fantasy-price-columns article {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.fantasy-price-columns h3 {
  margin: 0;
  color: var(--text);
  font-size: 12px;
}
.price-player-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 9px;
  align-items: center;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  padding: 9px;
  text-align: left;
}
.price-player-card.rise { border-color: rgba(22,212,107,.24); background: rgba(22,212,107,.06); }
.price-player-card.fall { border-color: rgba(248,113,113,.22); background: rgba(248,113,113,.045); }
.price-player-card.watch { border-color: rgba(245,230,66,.20); background: rgba(245,230,66,.035); }
.price-player-card div { min-width: 0; }
.price-player-card strong,
.price-player-card span,
.price-player-card small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price-player-card strong { font-size: 13px; }
.price-player-card span { margin-top: 2px; color: var(--muted); font-size: 10px; }
.price-player-card small { margin-top: 2px; color: rgba(255,255,255,.64); font-size: 10px; }
.price-player-card b {
  color: var(--accent);
  font-size: 16px;
  text-align: right;
}
.price-player-card.fall b { color: #fb7185; }
.price-player-card.watch b { color: #f5e642; }
.price-empty {
  border: 1px dashed rgba(255,255,255,.10);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
  color: var(--muted);
  padding: 12px;
  font-size: 12px;
  line-height: 1.35;
}
.fantasy-price-recommendations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.fantasy-price-recommendations div {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.035);
  padding: 10px;
}
.fantasy-price-recommendations span,
.fantasy-price-recommendations small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
}
.fantasy-price-recommendations strong {
  display: block;
  margin: 4px 0;
  color: var(--text);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fantasy-price-disclaimer {
  margin: -2px 0 0;
  text-transform: none;
}
.price-prediction-v2 {
  gap: 16px;
  margin: 4px 0 28px;
  border-color: rgba(22,212,107,.20);
  border-radius: 24px;
  background:
    radial-gradient(circle at 14% 6%, rgba(22,212,107,.22), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(22,212,107,.10), transparent 32%),
    linear-gradient(180deg, rgba(4,17,16,.96), rgba(3,10,14,.96));
  padding: 18px;
  overflow: hidden;
}
.price-prediction-v2 .price-hero {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 4px 2px 2px;
}
.price-prediction-v2 .price-hero::after {
  content: '';
  position: absolute;
  inset: -80px -60px auto auto;
  width: 220px;
  height: 160px;
  background: linear-gradient(135deg, transparent, rgba(22,212,107,.16), transparent);
  transform: rotate(-16deg);
  pointer-events: none;
}
.price-hero-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(22,212,107,.42);
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% 45%, rgba(22,212,107,.28), transparent 58%),
    rgba(5,28,20,.76);
  color: var(--accent);
  font-size: 34px;
  font-weight: 950;
  box-shadow: 0 0 22px rgba(22,212,107,.24), inset 0 0 18px rgba(22,212,107,.11);
}
.price-prediction-v2 .price-hero strong {
  color: var(--text);
  font-size: clamp(30px, 5.8vw, 48px);
  line-height: .96;
  letter-spacing: -.04em;
}
.price-prediction-v2 .price-hero p {
  margin-top: 6px;
  font-size: 14px;
}
.price-confirmed-changes {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(22,212,107,.20);
  border-radius: 18px;
  background: rgba(3,15,13,.82);
  padding: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.price-confirmed-changes > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.price-confirmed-changes > header strong,
.price-confirmed-changes > header span {
  display: block;
}
.price-confirmed-changes > header strong {
  color: var(--text);
  font-size: 18px;
}
.price-confirmed-changes > header span,
.price-confirmed-changes > header small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.price-confirmed-changes > header span {
  margin-top: 3px;
}
.price-confirmed-changes > header small {
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  padding: 6px 9px;
}
.price-confirmed-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.confirmed-price-group {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.confirmed-price-group.rise { border-color: rgba(22,212,107,.25); }
.confirmed-price-group.fall { border-color: rgba(251,77,103,.24); }
.confirmed-price-group > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 42px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  padding: 0 11px;
}
.confirmed-price-group > header div {
  display: flex;
  align-items: center;
  gap: 7px;
}
.confirmed-price-group > header i {
  font-size: 17px;
  font-style: normal;
  font-weight: 950;
}
.confirmed-price-group > header strong {
  color: var(--text);
  font-size: 13px;
}
.confirmed-price-group > header span {
  display: grid;
  place-items: center;
  min-width: 27px;
  height: 27px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  font-size: 11px;
  font-weight: 950;
}
.confirmed-price-group.rise > header i,
.confirmed-price-group.rise > header span { color: #16d46b; }
.confirmed-price-group.fall > header i,
.confirmed-price-group.fall > header span { color: #fb4d67; }
.confirmed-price-list {
  max-height: 292px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.confirmed-price-list > p {
  margin: 0;
  padding: 18px 12px;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}
.confirmed-price-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 62px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.055);
  background: transparent;
  color: var(--text);
  padding: 7px 10px;
  text-align: left;
}
.confirmed-price-row:last-child { border-bottom: 0; }
.confirmed-price-row:hover { background: rgba(255,255,255,.035); }
.confirmed-price-row:focus-visible {
  outline: 2px solid rgba(22,212,107,.82);
  outline-offset: -2px;
}
.confirmed-price-shirt {
  display: grid;
  place-items: center;
  width: 42px;
  height: 46px;
}
.confirmed-price-kit {
  width: 40px;
  height: 40px;
}
.confirmed-price-player {
  min-width: 0;
}
.confirmed-price-player strong,
.confirmed-price-player small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.confirmed-price-player strong {
  font-size: 13px;
}
.confirmed-price-player small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}
.confirmed-price-values {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.confirmed-price-values small {
  color: rgba(255,255,255,.42);
  font-size: 10px;
  text-decoration: line-through;
}
.confirmed-price-values i {
  color: rgba(255,255,255,.38);
  font-size: 10px;
  font-style: normal;
}
.confirmed-price-values strong {
  font-size: 13px;
}
.confirmed-price-row > em {
  min-width: 49px;
  border: 1px solid currentColor;
  border-radius: 999px;
  padding: 4px 6px;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  text-align: center;
}
.confirmed-price-row.rise > em { color: #16d46b; background: rgba(22,212,107,.075); }
.confirmed-price-row.fall > em { color: #fb4d67; background: rgba(251,77,103,.07); }
.price-market-pulse {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(3,12,14,.72);
  padding: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.price-market-pulse > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.price-market-pulse > header strong {
  display: inline;
  color: var(--accent);
  font-size: 18px;
}
.price-market-pulse > header span {
  margin-left: 8px;
  color: rgba(22,212,107,.74);
  font-size: 11px;
  font-weight: 900;
}
.price-market-pulse > header small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.price-pulse-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.price-pulse-card {
  position: relative;
  min-height: 104px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 13px;
  background: rgba(255,255,255,.035);
  padding: 13px;
}
.price-pulse-card::after {
  content: '';
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 92px;
  height: 34px;
  opacity: .62;
  background:
    linear-gradient(to top, currentColor 1px, transparent 1px) 0 100% / 10px 11px repeat-x,
    linear-gradient(135deg, transparent 10%, currentColor 48%, transparent 50%);
  clip-path: polygon(0 78%, 12% 70%, 22% 75%, 34% 58%, 45% 66%, 58% 38%, 70% 45%, 84% 24%, 100% 18%, 100% 100%, 0 100%);
}
.price-pulse-card.rise { color: #16d46b; border-color: rgba(22,212,107,.30); background: rgba(22,212,107,.075); }
.price-pulse-card.watch { color: #f7c948; border-color: rgba(247,201,72,.30); background: rgba(247,201,72,.07); }
.price-pulse-card.fall { color: #fb4d67; border-color: rgba(251,77,103,.30); background: rgba(251,77,103,.06); }
.price-pulse-card span,
.price-pulse-card small,
.price-pulse-card em {
  display: block;
  color: currentColor;
  font-size: 12px;
  font-weight: 900;
  font-style: normal;
}
.price-pulse-card strong {
  display: inline-block;
  margin-top: 6px;
  color: var(--text);
  font-size: 30px;
  line-height: 1;
}
.price-pulse-card small {
  display: inline-block;
  margin-left: 4px;
  color: rgba(255,255,255,.72);
}
.price-pulse-card em {
  margin-top: 7px;
  color: rgba(255,255,255,.72);
}
.price-pulse-card i {
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 12%, transparent);
  font-size: 24px;
  font-style: normal;
  box-shadow: 0 0 18px color-mix(in srgb, currentColor 28%, transparent);
}
.price-filter-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 1px;
}
.price-filter-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.78);
  font-weight: 900;
}
.price-filter-tabs button.active {
  border-color: rgba(22,212,107,.52);
  background: linear-gradient(135deg, rgba(22,212,107,.22), rgba(22,212,107,.08));
  color: var(--accent);
  box-shadow: inset 0 0 18px rgba(22,212,107,.11);
}
.price-filter-tabs button:focus-visible,
.price-card-v2:focus-visible,
.price-category-section header button:focus-visible {
  outline: 2px solid rgba(22,212,107,.82);
  outline-offset: 2px;
}
.price-result-count {
  margin: -4px 0 0;
  color: rgba(255,255,255,.58);
  font-size: .82rem;
  font-weight: 800;
}
.price-section-list {
  display: grid;
  gap: 16px;
}
.price-category-section {
  display: grid;
  gap: 9px;
}
.price-category-section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.price-category-section > header div {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.price-category-section > header i {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 999px;
  font-style: normal;
}
.price-category-section.rise > header i,
.price-category-section.rise > header strong { color: #16d46b; }
.price-category-section.watch > header i,
.price-category-section.watch > header strong { color: #f7c948; }
.price-category-section.fall > header i,
.price-category-section.fall > header strong { color: #fb4d67; }
.price-category-section > header strong {
  color: var(--text);
  font-size: 18px;
}
.price-category-section > header span {
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.70);
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 900;
}
.price-category-section > header small {
  color: rgba(255,255,255,.58);
  font-size: 11px;
  font-weight: 900;
}
.price-category-section > header button {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: currentColor;
  font-size: 12px;
  font-weight: 900;
}
.price-category-section.rise > header button { color: #16d46b; }
.price-category-section.watch > header button { color: #f7c948; }
.price-category-section.fall > header button { color: #fb4d67; }
.price-card-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
}
.price-card-v2.price-player-card {
  position: relative;
  grid-template-columns: 116px minmax(0, 1fr) minmax(126px, .48fr) 96px;
  gap: 14px;
  min-height: 112px;
  border-radius: 14px;
  padding: 10px;
  color: var(--text);
  isolation: isolate;
  content-visibility: auto;
  contain-intrinsic-size: auto 150px;
}
.price-card-v2.rise { border-color: rgba(22,212,107,.34); background: linear-gradient(90deg, rgba(22,212,107,.13), rgba(22,212,107,.045)); }
.price-card-v2.watch { border-color: rgba(247,201,72,.34); background: linear-gradient(90deg, rgba(247,201,72,.12), rgba(247,201,72,.04)); }
.price-card-v2.fall { border-color: rgba(251,77,103,.34); background: linear-gradient(90deg, rgba(251,77,103,.12), rgba(251,77,103,.04)); }
.price-card-v2::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 16% 50%, rgba(255,255,255,.08), transparent 26%);
  pointer-events: none;
  z-index: -1;
}
.price-card-direction {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: grid !important;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: rgba(0,0,0,.24);
  font-size: 20px;
  font-weight: 950;
  line-height: 1;
}
.price-card-v2.rise .price-card-direction,
.price-card-v2.rise .price-sparkline,
.price-card-v2.rise .price-card-confidence em { color: #16d46b; }
.price-card-v2.watch .price-card-direction,
.price-card-v2.watch .price-sparkline,
.price-card-v2.watch .price-card-confidence em { color: #f7c948; }
.price-card-v2.fall .price-card-direction,
.price-card-v2.fall .price-sparkline,
.price-card-v2.fall .price-card-confidence em { color: #fb4d67; }
.price-card-shirt {
  display: grid !important;
  place-items: center;
  min-width: 0;
  height: 92px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.10), rgba(255,255,255,.02) 58%, transparent 72%);
}
.price-card-kit {
  width: 78px;
  height: 78px;
}
.price-card-copy,
.price-card-copy strong,
.price-card-copy span,
.price-card-copy small {
  display: block;
  min-width: 0;
  white-space: normal;
}
.price-card-copy strong {
  color: var(--text);
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.1;
  letter-spacing: -.03em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.price-meta-line,
.price-fixture-line,
.price-card-copy small {
  margin-top: 4px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 800;
}
.price-fixture-line {
  color: rgba(255,255,255,.86);
}
.price-card-copy small {
  color: rgba(255,255,255,.68);
}
.team-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background: currentColor;
}
.team-dot.rise { color: #16d46b; }
.team-dot.watch { color: #f7c948; }
.team-dot.fall { color: #fb4d67; }
.price-card-chart {
  display: grid !important;
  align-items: center;
  min-width: 0;
}
.price-sparkline {
  width: 100%;
  max-width: 148px;
  height: 68px;
  overflow: visible;
}
.price-sparkline-area {
  fill: currentColor;
  opacity: .15;
}
.price-sparkline-line {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 5px currentColor);
}
.price-sparkline-baseline {
  stroke: rgba(255,255,255,.22);
  stroke-width: 1;
  stroke-dasharray: 4 4;
}
.price-sparkline circle {
  fill: currentColor;
}
.price-card-confidence {
  display: grid !important;
  justify-items: center;
  gap: 5px;
  align-self: center;
}
.price-confidence-ring {
  --ring-color: #16d46b;
  display: grid;
  place-items: center;
  align-content: center;
  width: 78px;
  height: 78px;
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(3,10,14,.96) 56%, transparent 57%),
    conic-gradient(var(--ring-color) calc(var(--confidence) * 1%), rgba(255,255,255,.10) 0);
}
.price-confidence-ring.watch { --ring-color: #f7c948; }
.price-confidence-ring.fall { --ring-color: #fb4d67; }
.price-confidence-ring strong {
  color: var(--ring-color);
  font-size: 20px;
  line-height: 1;
}
.price-confidence-ring span {
  display: block;
  max-width: 58px;
  color: rgba(255,255,255,.72);
  font-size: 9px;
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
  white-space: normal;
}
.price-card-confidence em {
  border: 1px solid currentColor;
  border-radius: 999px;
  padding: 3px 8px;
  background: rgba(0,0,0,.22);
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}
@media (min-width: 761px) {
  .fantasy-hub-shell:has(.price-prediction-v2) {
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
  }
  .price-card-v2.price-player-card {
    grid-template-columns: 72px minmax(0, 1fr) 70px;
    grid-template-areas:
      "shirt copy confidence"
      "shirt chart confidence";
    gap: 10px;
    width: 100%;
    min-height: 118px;
  }
  .price-card-direction {
    position: absolute;
    left: 10px;
    bottom: 10px;
    align-self: auto;
  }
  .price-card-shirt {
    grid-area: shirt;
  }
  .price-card-copy {
    grid-area: copy;
  }
  .price-card-chart {
    grid-area: chart;
  }
  .price-card-confidence {
    grid-area: confidence;
  }
  .price-card-copy strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .price-sparkline {
    max-width: 96px;
    height: 48px;
  }
  .price-confidence-ring {
    width: 74px;
    height: 74px;
  }
}
@media (min-width: 1100px) {
  .price-card-v2.price-player-card {
    grid-template-columns: 34px 100px minmax(190px, 1fr) minmax(140px, 180px) 92px;
    grid-template-areas: "direction shirt copy chart confidence";
    gap: 12px;
    min-height: 112px;
  }
  .price-card-direction {
    align-self: end;
  }
  .price-card-copy {
    align-self: center;
  }
  .price-card-chart {
    justify-items: center;
  }
  .price-sparkline {
    max-width: 180px;
    height: 62px;
  }
  .price-confidence-ring {
    width: 88px;
    height: 88px;
  }
}
@media (max-width: 760px) {
  .price-prediction-v2 {
    border-radius: 22px;
    padding: 14px;
  }
  .price-prediction-v2 .price-hero {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
  }
  .price-hero-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 28px;
  }
  .price-prediction-v2 .price-hero strong {
    font-size: clamp(28px, 8vw, 38px);
  }
  .price-confirmed-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .price-confirmed-changes {
    padding: 12px;
  }
  .confirmed-price-list {
    max-height: 260px;
  }
  .confirmed-price-row {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 7px;
    min-height: 58px;
    padding-inline: 8px;
  }
  .confirmed-price-shirt {
    width: 38px;
    height: 42px;
  }
  .confirmed-price-kit {
    width: 36px;
    height: 36px;
  }
  .confirmed-price-values {
    grid-column: 2;
    font-size: 10px;
  }
  .confirmed-price-row > em {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
  .price-pulse-grid {
    grid-template-columns: 1fr;
  }
  .price-pulse-card {
    min-height: 86px;
  }
  .price-filter-tabs {
    grid-template-columns: repeat(4, minmax(106px, 1fr));
    margin-inline: -2px;
  }
  .price-category-section > header {
    align-items: flex-start;
  }
  .price-category-section > header div {
    flex-wrap: wrap;
  }
  .price-card-v2.price-player-card {
    grid-template-columns: 78px minmax(0, 1fr) 72px;
    grid-template-areas:
      "shirt copy confidence"
      "shirt chart confidence";
    gap: 8px;
    min-height: 126px;
    padding: 9px;
    overflow: hidden;
  }
  .price-card-shirt { grid-area: shirt; height: 86px; }
  .price-card-copy {
    grid-area: copy;
    min-width: 0;
  }
  .price-card-chart { grid-area: chart; }
  .price-card-confidence {
    grid-area: confidence;
    width: 100%;
    min-width: 0;
  }
  .price-card-kit {
    width: 64px;
    height: 64px;
  }
  .price-card-copy strong {
    font-size: clamp(15px, 4.4vw, 17px);
    line-height: 1.08;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
  }
  .price-meta-line,
  .price-fixture-line,
  .price-card-copy small {
    font-size: 10px;
    line-height: 1.25;
  }
  .price-sparkline {
    max-width: 120px;
    height: 42px;
  }
  .price-confidence-ring {
    width: 60px;
    height: 60px;
  }
  .price-confidence-ring strong {
    max-width: 54px;
    font-size: clamp(14px, 4vw, 16px);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.035em;
    text-align: center;
  }
  .price-confidence-ring span {
    max-width: 48px;
    font-size: 8px;
  }
  .price-card-confidence em {
    box-sizing: border-box;
    width: 100%;
    max-width: 72px;
    padding: 3px 4px;
    font-size: 8.5px;
    line-height: 1.12;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 360px) {
  .price-prediction-v2 {
    padding-inline: 11px;
  }
  .price-card-v2.price-player-card {
    grid-template-columns: 68px minmax(0, 1fr) 64px;
    gap: 6px;
    padding: 8px;
  }
  .price-card-shirt {
    height: 78px;
  }
  .price-card-kit {
    width: 58px;
    height: 58px;
  }
  .price-card-copy strong {
    font-size: 14px;
  }
  .price-meta-line,
  .price-fixture-line,
  .price-card-copy small {
    font-size: 9px;
  }
  .price-sparkline {
    max-width: 104px;
    height: 38px;
  }
  .price-confidence-ring {
    width: 56px;
    height: 56px;
  }
  .price-confidence-ring strong {
    font-size: 14px;
  }
  .price-card-confidence em {
    max-width: 64px;
    font-size: 8px;
  }
}
.my-team-page {
  display: grid;
  gap: 14px;
  padding: 6px 0 22px;
  min-width: 0;
  word-break: normal;
  overflow-wrap: normal;
}
.my-team-back {
  width: fit-content;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  color: var(--text);
  padding: 9px 12px;
  font-weight: 800;
}
.my-team-onboard {
  display: grid;
  justify-items: center;
  gap: 12px;
  margin: 34px 16px;
  border: 1px solid rgba(22,212,107,.28);
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% 0%, rgba(22,212,107,.18), transparent 36%),
    rgba(4,13,18,.78);
  padding: 28px 18px;
  text-align: center;
}
.my-team-onboard-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border: 1px solid rgba(22,212,107,.38);
  border-radius: 20px;
  background: rgba(22,212,107,.12);
  font-size: 28px;
}
.my-team-onboard h1 { margin: 4px 0 0; font-size: 30px; }
.my-team-onboard p { max-width: 360px; margin: 0; color: var(--muted); line-height: 1.45; }
.my-team-import {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  width: min(420px, 100%);
}
.my-team-import input {
  min-height: 46px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  color: var(--text);
  padding: 0 13px;
  font: 800 14px/1 "DM Sans", sans-serif;
}
.my-team-import button,
.my-team-topbar > button,
.my-team-wide-action {
  min-height: 46px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #16d46b, #0e8f48);
  color: #03130b;
  padding: 0 16px;
  font-weight: 950;
}
.my-team-topbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 16px 0;
  min-width: 0;
}
.my-team-topbar > div {
  min-width: 0;
}
.my-team-topbar h1 {
  margin: 8px 0 2px;
  font-size: 30px;
}
.my-team-topbar h1 span {
  display: inline-grid;
  place-items: center;
  margin-left: 6px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 5px;
  color: var(--muted);
  padding: 2px 5px;
  font-size: 10px;
  vertical-align: middle;
}
.my-team-topbar p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-team-deadline {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 12px 16px 2px;
  border: 1px solid rgba(22,212,107,.3);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(22,212,107,.13), rgba(6,20,25,.9));
  padding: 13px 15px;
  min-width: 0;
}
.my-team-deadline-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(22,212,107,.38);
  border-radius: 13px;
  background: rgba(22,212,107,.12);
  color: var(--accent);
  font-size: 23px;
  font-weight: 900;
}
.my-team-deadline > div:last-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.my-team-deadline span {
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .02em;
}
.my-team-deadline strong {
  color: var(--text);
  font-size: 16px;
  line-height: 1.25;
}
.my-team-deadline small {
  color: var(--muted);
  font-size: 10px;
}
.my-team-hero,
.my-team-score-tracker,
.my-team-summary,
.my-team-promoted-watchlist,
.my-team-price-alerts,
.my-team-lineup-card,
.my-team-tab-content,
.my-team-verdict {
  margin-inline: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(8,24,30,.88), rgba(4,13,18,.86));
}
.my-team-hero {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) 126px 126px;
  align-items: center;
  gap: 16px;
  padding: 18px;
  min-width: 0;
}
.my-team-crest {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border: 1px solid rgba(22,212,107,.42);
  border-radius: 18px;
  background: radial-gradient(circle, rgba(22,212,107,.18), rgba(22,212,107,.04));
  box-shadow: 0 0 22px rgba(22,212,107,.13);
  font-size: 28px;
}
.my-team-hero h2 { margin: 0; font-size: 28px; }
.my-team-hero > div {
  min-width: 0;
}
.my-team-hero h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-team-hero p,
.my-team-hero span,
.my-team-hero small { color: var(--muted); }
.my-team-hero > div:nth-last-child(-n+2) {
  border-left: 1px solid rgba(255,255,255,.08);
  padding-left: 16px;
}
.my-team-hero strong {
  display: block;
  margin-top: 4px;
  color: var(--accent);
  font: 900 36px/1 "Bebas Neue", sans-serif;
}
.my-team-score-tracker {
  padding: 16px;
  background: linear-gradient(135deg, rgba(7,35,27,.94), rgba(5,18,22,.92));
}
.my-team-score-tracker > header,
.my-team-score-tracker > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.my-team-score-tracker > header div { display: grid; gap: 3px; }
.my-team-score-tracker > header span {
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.my-team-score-tracker > header strong { color: var(--text); font-size: 17px; }
.my-team-score-tracker > header i {
  border: 1px solid rgba(22,212,107,.28);
  border-radius: 999px;
  background: rgba(22,212,107,.08);
  color: var(--accent);
  padding: 6px 10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}
.my-team-score-tracker.live > header i { animation: my-team-live-pulse 1.8s ease-in-out infinite; }
@keyframes my-team-live-pulse { 50% { box-shadow: 0 0 0 5px rgba(22,212,107,.06); } }
.my-team-score-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 13px;
}
.my-team-score-grid article {
  display: grid;
  gap: 4px;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(0,0,0,.18);
  padding: 11px 12px;
}
.my-team-score-grid span,
.my-team-score-grid small,
.my-team-score-tracker > footer { color: var(--muted); font-size: 10px; }
.my-team-score-grid strong {
  color: var(--text);
  font: 900 30px/1 "Bebas Neue", sans-serif;
}
.my-team-score-grid article.positive strong { color: var(--accent); }
.my-team-score-grid article.negative strong { color: #fb7185; }
.my-team-score-tracker > footer {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 11px;
}
.my-team-score-tracker > footer span + span::before { content: '·'; margin-right: 12px; }
.my-team-score-tracker.pending p { margin: 10px 0 0; color: var(--muted); font-size: 12px; }
.my-team-summary { padding: 14px; }
.my-team-summary h3,
.my-team-lineup-card header strong { margin: 0 0 10px; font-size: 13px; }
.my-team-summary > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.my-team-summary-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 86px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  padding: 10px;
  min-width: 0;
  width: 100%;
  color: var(--text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.my-team-summary-card:hover,
.my-team-summary-card:focus-visible { border-color: rgba(22,212,107,.38); background: rgba(22,212,107,.075); }
.my-team-summary-card.diff:hover,
.my-team-summary-card.diff:focus-visible { border-color: rgba(192,132,252,.42); background: rgba(192,132,252,.12); }
.my-team-summary-card > div {
  min-width: 0;
}
.my-team-summary-card.diff { background: rgba(192,132,252,.08); border-color: rgba(192,132,252,.22); }
.my-team-summary-card.weak { background: rgba(248,113,113,.055); border-color: rgba(248,113,113,.16); }
.my-team-summary-card.transfer { background: rgba(22,212,107,.075); border-color: rgba(22,212,107,.20); }
.my-team-summary-card.promoted-watch { background: rgba(247,197,61,.055); border-color: rgba(247,197,61,.20); }
.my-team-summary-card.promoted-watch span { color: #f7c53d; }
.my-team-summary-card span {
  display: block;
  color: var(--accent);
  font-size: 10px;
  font-weight: 950;
}
.my-team-summary-card.diff span { color: #c084fc; }
.my-team-summary-card.weak span { color: #fb7185; }
.my-team-summary-card strong {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}
.my-team-summary-card small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-team-promoted-watchlist {
  display: grid;
  gap: 10px;
  padding: 14px;
}
.my-team-promoted-watchlist > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.my-team-promoted-watchlist > header strong,
.my-team-promoted-watchlist > header span { display: block; }
.my-team-promoted-watchlist > header strong { color: #f7c53d; font-size: 13px; }
.my-team-promoted-watchlist > header span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.my-team-promoted-watchlist > header i {
  display: grid;
  place-items: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(247,197,61,.12);
  color: #f7c53d;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.my-team-promoted-watchlist > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.my-team-price-alerts {
  display: grid;
  gap: 10px;
  padding: 14px;
}
.my-team-price-alerts header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.my-team-price-alerts header strong { font-size: 13px; }
.my-team-price-alerts header span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}
.my-team-price-alerts > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.my-team-price-alerts button {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 40px;
  gap: 9px;
  align-items: center;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  padding: 10px;
  text-align: left;
}
.my-team-price-alerts button.rise { border-color: rgba(22,212,107,.24); background: rgba(22,212,107,.06); }
.my-team-price-alerts button.fall { border-color: rgba(248,113,113,.22); background: rgba(248,113,113,.045); }
.my-team-price-alerts button.watch { border-color: rgba(245,230,66,.22); background: rgba(245,230,66,.04); }
.my-team-price-alerts button div { min-width: 0; }
.my-team-price-alerts strong,
.my-team-price-alerts span,
.my-team-price-alerts small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-team-price-alerts button strong { font-size: 13px; }
.my-team-price-alerts button span { margin-top: 2px; color: var(--muted); font-size: 10px; }
.my-team-price-alerts button small { margin-top: 2px; color: rgba(255,255,255,.64); font-size: 10px; }
.my-team-price-alerts button b {
  color: var(--accent);
  font-size: 16px;
  text-align: right;
}
.my-team-price-alerts button.fall b { color: #fb7185; }
.my-team-price-alerts button.watch b { color: #f5e642; }
.my-team-lineup-card { overflow: hidden; }
.my-team-lineup-card header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 14px 14px 8px;
}
.my-team-lineup-card header span {
  border: 1px solid rgba(22,212,107,.24);
  border-radius: 8px;
  background: rgba(22,212,107,.10);
  color: var(--accent);
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 900;
}
.my-team-pitch {
  display: grid;
  gap: 10px;
  min-height: 530px;
  margin: 0 14px 12px;
  border: 1px solid rgba(22,212,107,.16);
  border-radius: 14px;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, transparent 0 75px, rgba(255,255,255,.05) 76px 78px, transparent 79px),
    linear-gradient(180deg, rgba(22,212,107,.16), rgba(4,66,33,.18)),
    #062215;
  background-size: 100% 96px, 96px 100%, auto, auto, auto;
  padding: 18px 12px;
}
.my-team-pitch-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.my-team-pitch-row.def,
.my-team-pitch-row.mid { justify-content: space-around; }
.lineup-player {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 3px;
  width: 74px;
  border: 0;
  border-radius: 10px;
  background: rgba(0,0,0,.38);
  color: var(--text);
  padding: 6px 0 0;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0,0,0,.22);
}
.lineup-player i {
  position: absolute;
  top: 3px;
  right: 5px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(22,212,107,.42);
  border-radius: 50%;
  background: #02130b;
  color: var(--accent);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
}
.lineup-availability-badge {
  position: absolute;
  top: 3px;
  left: 5px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 19px;
  height: 19px;
  border: 1px solid rgba(255,255,255,.58);
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 3px 10px rgba(0,0,0,.34);
}
.lineup-availability-badge.unavailable { background: #dc2626; border-color: #fda4af; }
.lineup-availability-badge.doubtful { background: #ca8a04; border-color: #fde68a; color: #fff; }
.lineup-player.availability-unavailable { box-shadow: inset 0 0 0 1px rgba(248,113,113,.42), 0 10px 20px rgba(0,0,0,.22); }
.lineup-player.availability-doubtful { box-shadow: inset 0 0 0 1px rgba(250,204,21,.34), 0 10px 20px rgba(0,0,0,.22); }
.lineup-kit { width: 44px; height: 42px; }
.lineup-player strong {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding: 0 4px;
  font-size: 11px;
}
.lineup-actual-score {
  display: grid;
  min-width: 28px;
  min-height: 24px;
  place-items: center;
  border: 1px solid rgba(22,212,107,.28);
  border-radius: 999px;
  background: rgba(2,19,11,.82);
  color: #7cf5b2;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}
.my-team-lineup-card.live-score-mode .my-team-pitch { min-height: 460px; }
.lineup-player.live-score { padding-bottom: 6px; }
.lineup-fixture-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  color: var(--text);
}
.lineup-fixture {
  display: grid;
  min-width: 0;
  min-height: 34px;
  place-items: center;
  align-content: center;
  gap: 1px;
  border-top: 1px solid rgba(255,255,255,.08);
  border-right: 1px solid rgba(0,0,0,.18);
  background: rgba(100,116,139,.38);
}
.lineup-fixture:last-child { border-right: 0; }
.lineup-fixture.easy { background: rgba(22,163,74,.76); }
.lineup-fixture.medium { background: rgba(202,138,4,.82); }
.lineup-fixture.hard { background: rgba(220,38,38,.76); }
.lineup-fixture.pending { background: rgba(71,85,105,.68); }
.lineup-fixture b {
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
.lineup-fixture small {
  max-width: 100%;
  overflow: hidden;
  color: rgba(255,255,255,.88);
  padding-inline: 1px;
  font-size: 6.5px;
  font-weight: 850;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-team-bench {
  display: grid;
  grid-template-columns: 54px repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 8px;
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 10px 14px 14px;
}
.my-team-bench > span { color: var(--muted); font-size: 12px; font-weight: 900; }
.my-team-bench button {
  display: grid;
  grid-template-columns: 18px 34px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 9px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  padding: 7px;
  text-align: left;
  min-width: 0;
}
.my-team-bench button.availability-unavailable { border-color: rgba(248,113,113,.34); }
.my-team-bench button.availability-doubtful { border-color: rgba(250,204,21,.30); }
.my-team-bench-kit {
  position: relative;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
}
.my-team-bench-kit .lineup-availability-badge {
  top: -4px;
  left: -5px;
  width: 17px;
  height: 17px;
  font-size: 10px;
}
.my-team-bench em { color: var(--muted); font-style: normal; font-size: 11px; }
.my-team-bench strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.my-team-bench small { color: var(--accent); text-align: right; font-size: 12px; }
.my-team-bench small.my-team-bench-actual { font-size: 18px; font-weight: 900; }
.my-team-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 0 16px;
}
.my-team-tabs button {
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--muted);
  padding: 10px 8px;
  font-weight: 900;
}
.my-team-tabs button.active {
  color: var(--accent);
  border-color: var(--accent);
}
.my-team-tab-content { padding: 14px; }
.mini-league-analyst {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.mini-league-analyst > header,
.mini-league-form,
.mini-league-guard,
.mini-league-heading,
.mini-league-summary article,
.mini-league-rivals,
.mini-league-empty,
.mini-league-analyst > footer {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
}
.mini-league-analyst > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  background: radial-gradient(circle at 8% 0%, rgba(22,212,107,.14), transparent 38%), rgba(255,255,255,.035);
}
.mini-league-analyst > header span,
.mini-league-analyst > header b { color: var(--accent); font-size: 11px; font-weight: 950; }
.mini-league-analyst > header h3 { margin: 3px 0; font-size: 22px; }
.mini-league-analyst > header p,
.mini-league-empty span,
.mini-league-guard span { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.mini-league-analyst > header b {
  border: 1px solid rgba(22,212,107,.22);
  border-radius: 999px;
  background: rgba(22,212,107,.08);
  padding: 6px 9px;
  white-space: nowrap;
}
.mini-league-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  padding: 12px;
}
.mini-league-form label { display: grid; gap: 6px; min-width: 0; }
.mini-league-form label span { color: var(--muted); font-size: 11px; font-weight: 850; }
.mini-league-form input {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(3,12,16,.72);
  color: var(--text);
  padding: 0 12px;
  font: inherit;
}
.mini-league-form button,
.mini-league-guard button,
.mini-league-analyst > footer button {
  min-height: 44px;
  border: 1px solid rgba(22,212,107,.28);
  border-radius: 10px;
  background: rgba(22,212,107,.13);
  color: var(--accent);
  padding: 0 14px;
  font-weight: 950;
}
.mini-league-form button:disabled { cursor: not-allowed; opacity: .45; }
.mini-league-guard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  align-items: center;
  padding: 12px;
}
.mini-league-guard strong { color: #ffd05a; }
.mini-league-guard span { grid-column: 1; }
.mini-league-guard button { grid-column: 2; grid-row: 1 / span 2; }
.mini-league-status { min-height: 17px; margin: 0; color: #ffd05a; font-size: 12px; }
.mini-league-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
}
.mini-league-heading span { color: var(--accent); font-size: 12px; font-weight: 900; }
.mini-league-heading h4 { margin: 3px 0 0; font-size: 19px; }
.mini-league-heading small { color: var(--muted); text-align: right; }
.mini-league-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mini-league-summary article { min-width: 0; padding: 12px; }
.mini-league-summary span,
.mini-league-summary small { display: block; color: var(--muted); font-size: 10px; line-height: 1.3; }
.mini-league-summary strong { display: block; margin: 6px 0 3px; color: var(--accent); font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-rivals { padding: 12px; }
.mini-league-rivals h4 { margin: 0 0 9px; }
.mini-league-rivals button {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 64px;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.07);
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  padding: 10px 0;
  text-align: left;
}
.mini-league-rivals button.active {
  border-color: rgba(22,212,107,.25);
  background: linear-gradient(90deg, rgba(22,212,107,.11), rgba(22,212,107,.025));
  padding-inline: 8px;
}
.mini-league-rivals i { color: var(--accent); font-style: normal; font-weight: 950; }
.mini-league-rivals button div { min-width: 0; }
.mini-league-rivals strong,
.mini-league-rivals small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-rivals small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.mini-league-rivals button > b { color: var(--accent); font-size: 19px; text-align: right; }
.mini-league-rivals button > b small { color: var(--muted); font-size: 9px; font-weight: 700; }
.mini-league-empty { display: grid; gap: 4px; padding: 18px; text-align: center; }
.mini-league-analyst > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; }
.mini-league-analyst > footer span { color: var(--muted); font-size: 10px; line-height: 1.4; }
.mini-league-analyst > footer button { min-height: 34px; flex: 0 0 auto; }
.mini-league-planner,
.mini-league-plan-pending {
  display: grid;
  gap: 12px;
  min-width: 0;
  border: 1px solid rgba(22,212,107,.2);
  border-radius: 16px;
  background: radial-gradient(circle at 4% 0%, rgba(22,212,107,.14), transparent 34%), rgba(3,12,16,.66);
  padding: 14px;
}
.mini-league-planner > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.mini-league-planner > header span { color: var(--accent); font-size: 10px; font-weight: 950; letter-spacing: .08em; }
.mini-league-planner > header h4 { margin: 4px 0 2px; font-size: 19px; }
.mini-league-planner > header p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
.mini-league-horizon { display: flex; flex: 0 0 auto; gap: 5px; }
.mini-league-horizon button {
  min-height: 36px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 9px;
  background: rgba(255,255,255,.035);
  color: var(--muted);
  padding: 0 11px;
  font-size: 11px;
  font-weight: 950;
}
.mini-league-horizon button.active { border-color: rgba(22,212,107,.45); background: rgba(22,212,107,.14); color: var(--accent); }
.mini-league-plan-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mini-league-plan-metrics article {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 11px;
  background: rgba(255,255,255,.035);
  padding: 11px;
}
.mini-league-plan-metrics span,
.mini-league-plan-metrics small { display: block; color: var(--muted); font-size: 9px; line-height: 1.3; }
.mini-league-plan-metrics strong { display: block; margin: 5px 0 2px; color: var(--accent); font-size: 22px; }
.mini-league-plan-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mini-league-plan-actions article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 11px;
  background: rgba(255,255,255,.03);
  padding: 11px;
}
.mini-league-plan-actions article > i {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 9px;
  background: rgba(22,212,107,.11);
  color: var(--accent);
  font-style: normal;
  font-weight: 950;
}
.mini-league-plan-actions article > div { min-width: 0; }
.mini-league-plan-actions span,
.mini-league-plan-actions strong { display: block; overflow: hidden; text-overflow: ellipsis; }
.mini-league-plan-actions div > span:first-child { color: var(--accent); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.mini-league-plan-actions strong { margin: 3px 0; color: var(--text); font-size: 13px; white-space: nowrap; }
.mini-league-plan-actions div > span:last-child { color: var(--muted); font-size: 10px; line-height: 1.4; }
.mini-league-roadmap {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: rgba(2,9,12,.52);
}
.mini-league-roadmap > header { display: flex; justify-content: space-between; gap: 8px; padding: 11px 12px; }
.mini-league-roadmap > header h4 { margin: 0; font-size: 13px; }
.mini-league-roadmap > header span { color: var(--muted); font-size: 9px; }
.mini-league-roadmap article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 52px minmax(130px, .8fr);
  align-items: center;
  gap: 8px;
  border-top: 1px solid rgba(255,255,255,.065);
  padding: 9px 12px;
}
.mini-league-roadmap article > b { color: var(--text); font-size: 12px; }
.mini-league-roadmap article div { display: flex; gap: 8px; min-width: 0; }
.mini-league-roadmap article div span { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-roadmap article > strong { text-align: right; }
.mini-league-roadmap article > strong.positive { color: var(--accent); }
.mini-league-roadmap article > strong.negative { color: #ff6a78; }
.mini-league-roadmap article > small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-planner > aside,
.mini-league-plan-pending span { color: var(--muted); font-size: 10px; line-height: 1.45; }
.mini-league-plan-pending strong { color: #ffd05a; }
.mini-league-strategy-page .my-team-tab-content {
  margin: 0;
  padding: 14px 18px 20px;
}
.mini-league-strategy-dashboard {
  --ml-bg: #040a08;
  --ml-card: #091411;
  --ml-card-2: #0b1714;
  --ml-border: rgba(120,180,150,.14);
  --ml-border-active: rgba(50,223,139,.48);
  --ml-green: #32df8b;
  --ml-muted: #82918b;
  gap: 10px;
  color: #f2f6f4;
}
.mini-league-strategy-dashboard > * { min-width: 0; }
.mini-league-strategy-dashboard .mini-league-page-header {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 2px 0 6px;
}
.mini-league-page-header > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}
.mini-league-page-header > div > span {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  color: var(--ml-green);
}
.mini-league-page-header svg { width: 24px; height: 24px; }
.mini-league-page-header h1 {
  overflow: hidden;
  margin: 0;
  color: #f2f6f4;
  font-size: clamp(21px, 2vw, 27px);
  font-weight: 680;
  letter-spacing: -.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mini-league-page-header h1 b { color: var(--ml-green); font-weight: 700; }
.mini-league-page-header p { margin: 3px 0 0; color: var(--ml-muted); font-size: 12px; }
.mini-league-strategy-dashboard .mini-league-form {
  display: grid;
  grid-template-columns: minmax(200px, 280px) 38px;
  flex: 0 0 auto;
  align-items: end;
  gap: 7px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}
.mini-league-strategy-dashboard .mini-league-form label { position: relative; }
.mini-league-strategy-dashboard .mini-league-form label span {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 12px;
  color: var(--ml-muted);
  transform: translateY(-50%);
}
.mini-league-strategy-dashboard .mini-league-form input {
  min-height: 38px;
  border-color: var(--ml-border);
  border-radius: 8px;
  background: #07100e;
  padding: 0 12px 0 78px;
  font-size: 12px;
  font-weight: 700;
}
.mini-league-strategy-dashboard .mini-league-form button {
  display: grid;
  width: 38px;
  min-height: 38px;
  place-items: center;
  border-color: var(--ml-border);
  border-radius: 8px;
  background: #07100e;
  padding: 0;
}
.mini-league-strategy-dashboard .mini-league-form button svg { width: 18px; height: 18px; }
.mini-league-strategy-dashboard .mini-league-status { min-height: 0; margin: -4px 0 0; }
.mini-league-strategy-dashboard .mini-league-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 9px;
}
.mini-league-strategy-dashboard .mini-league-summary article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-height: 94px;
  border-color: var(--ml-border);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(15,31,26,.96), rgba(6,16,13,.96));
  padding: 13px;
}
.mini-league-summary article > i {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 10px;
  background: rgba(50,223,139,.09);
  color: var(--ml-green);
}
.mini-league-summary article.remaining > i { background: rgba(82,169,255,.09); color: #52a9ff; }
.mini-league-summary article.top-five > i { background: rgba(155,120,255,.1); color: #9b78ff; }
.mini-league-summary article.win > i { background: rgba(242,184,75,.1); color: #f2b84b; }
.mini-league-summary article > i svg { width: 27px; height: 27px; }
.mini-league-strategy-dashboard .mini-league-summary span,
.mini-league-strategy-dashboard .mini-league-summary small { color: var(--ml-muted); font-size: 10px; font-weight: 500; }
.mini-league-strategy-dashboard .mini-league-summary strong {
  margin: 3px 0 2px;
  color: #f2f6f4;
  font-size: clamp(22px, 2.1vw, 28px);
  line-height: 1;
}
.mini-league-strategy-dashboard .mini-league-summary strong em { color: #f2f6f4; font-size: 12px; font-style: normal; }
.mini-league-competition-overview {
  display: grid;
  min-width: 0;
  gap: 12px;
  border: 1px solid var(--ml-border);
  border-radius: 12px;
  background: radial-gradient(circle at 8% 0%, rgba(50,223,139,.09), transparent 25%), var(--ml-card);
  padding: 14px;
}
.mini-league-competition-overview > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 2px 2px 1px;
}
.mini-league-competition-overview > header span,
.mini-league-competition-overview > header h2,
.mini-league-competition-overview > header p { display: block; margin: 0; }
.mini-league-competition-overview > header span { color: var(--ml-green); font-size: 9px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.mini-league-competition-overview > header h2 { margin-top: 4px; color: #f2f6f4; font-size: 17px; font-weight: 750; }
.mini-league-competition-overview > header p { margin-top: 4px; color: var(--ml-muted); font-size: 9px; line-height: 1.45; }
.mini-league-competition-overview > header > strong {
  flex: 0 0 auto;
  border: 1px solid rgba(50,223,139,.24);
  border-radius: 999px;
  background: rgba(50,223,139,.08);
  color: var(--ml-green);
  padding: 6px 9px;
  font-size: 8px;
  white-space: nowrap;
}
.mini-league-competition-overview > .mini-league-rank-path,
.mini-league-competition-overview > .mini-league-ahead {
  border-color: rgba(255,255,255,.065);
  border-radius: 9px;
  background: rgba(2,10,7,.34);
}
.mini-league-competition-overview > .mini-league-chip-advantage {
  margin-top: 0;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 9px;
  background: rgba(2,10,7,.34);
  padding: 13px 14px;
}
.mini-league-rank-path,
.mini-league-ahead {
  min-width: 0;
  border: 1px solid var(--ml-border);
  border-radius: 11px;
  background: var(--ml-card);
  padding: 13px 14px;
}
.mini-league-rank-path > header,
.mini-league-ahead > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.mini-league-rank-path h3,
.mini-league-ahead h3 { margin: 0; color: #f2f6f4; font-size: 14px; font-weight: 700; }
.mini-league-rank-path header p,
.mini-league-ahead header p { margin: 4px 0 0; color: var(--ml-muted); font-size: 9px; line-height: 1.45; }
.mini-league-rank-path > header > span,
.mini-league-ahead > header > span {
  flex: 0 0 auto;
  border: 1px solid rgba(50,223,139,.2);
  border-radius: 999px;
  background: rgba(50,223,139,.065);
  color: var(--ml-green);
  padding: 5px 8px;
  font-size: 8px;
  font-weight: 700;
  white-space: nowrap;
}
.mini-league-rank-path > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 11px;
}
.mini-league-rank-path article {
  position: relative;
  overflow: hidden;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 9px;
  background: #08120f;
  padding: 10px;
}
.mini-league-rank-path article::after {
  content: "";
  position: absolute;
  right: -16px;
  bottom: -24px;
  width: 70px;
  height: 70px;
  border: 1px solid rgba(255,255,255,.035);
  border-radius: 50%;
}
.mini-league-rank-path article.next { border-color: var(--ml-border-active); background: linear-gradient(145deg, rgba(50,223,139,.13), #08120f 70%); box-shadow: 0 0 18px rgba(50,223,139,.07); }
.mini-league-rank-path article.achieved { border-color: rgba(50,223,139,.18); background: rgba(50,223,139,.045); }
.mini-league-rank-path article > header { display: flex; align-items: center; gap: 7px; }
.mini-league-rank-path article > header i {
  display: grid;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 7px;
  background: rgba(50,223,139,.1);
  color: var(--ml-green);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}
.mini-league-rank-path article > header strong,
.mini-league-rank-path article > header small { display: block; }
.mini-league-rank-path article > header strong { color: #f2f6f4; font-size: 11px; }
.mini-league-rank-path article > header small { margin-top: 2px; color: var(--ml-muted); font-size: 7px; }
.mini-league-rank-path article > b { display: block; margin: 10px 0 8px; color: var(--ml-green); font-size: 20px; line-height: 1; }
.mini-league-rank-path article dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.mini-league-rank-path article dt,
.mini-league-rank-path article dd { margin: 0; font-size: 8px; }
.mini-league-rank-path article dt { color: var(--ml-muted); }
.mini-league-rank-path article dd { margin-top: 3px; color: #dce5e1; font-weight: 700; }
.mini-league-rank-path article footer { overflow: hidden; margin-top: 9px; border-top: 1px solid rgba(255,255,255,.05); padding-top: 7px; color: var(--ml-muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-rank-path article footer strong { color: #dce5e1; }
.mini-league-ahead-list {
  display: grid;
  max-height: 460px;
  gap: 5px;
  overflow-y: auto;
  margin-top: 10px;
  padding-right: 3px;
  scrollbar-color: rgba(50,223,139,.28) transparent;
}
.mini-league-ahead-list > p { margin: 0; color: var(--ml-muted); padding: 18px; text-align: center; font-size: 10px; }
.mini-league-ahead-rival {
  display: grid;
  grid-template-columns: 58px minmax(120px, .8fr) minmax(0, 1.7fr) 64px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 8px;
  background: rgba(3,11,8,.38);
  padding: 8px 9px;
}
.mini-league-ahead-rival.analysed { border-color: rgba(50,223,139,.13); }
.mini-league-ahead-rival.active { border-color: var(--ml-border-active); background: rgba(50,223,139,.075); }
.mini-league-ahead-rank b,
.mini-league-ahead-rank em,
.mini-league-ahead-team strong,
.mini-league-ahead-team small,
.mini-league-ahead-metrics em,
.mini-league-ahead-metrics b { display: block; }
.mini-league-ahead-rank b { color: #f2f6f4; font-size: 15px; }
.mini-league-ahead-rank em { width: max-content; margin-top: 3px; border-radius: 99px; background: rgba(242,184,75,.1); color: #f2b84b; padding: 2px 5px; font-size: 7px; font-style: normal; font-weight: 700; }
.mini-league-ahead-team { min-width: 0; }
.mini-league-ahead-team strong { overflow: hidden; color: #f2f6f4; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-ahead-team small { margin-top: 3px; color: var(--ml-muted); font-size: 7px; }
.mini-league-ahead-rival.analysed .mini-league-ahead-team small { color: var(--ml-green); }
.mini-league-ahead-metrics { display: grid; grid-template-columns: repeat(4, minmax(48px, 1fr)); gap: 8px; }
.mini-league-ahead-metrics span { min-width: 0; }
.mini-league-ahead-metrics em { color: var(--ml-muted); font-size: 7px; font-style: normal; }
.mini-league-ahead-metrics b { margin-top: 3px; color: #dce5e1; font-size: 10px; }
.mini-league-ahead-metrics .positive b { color: var(--ml-green); }
.mini-league-ahead-metrics .negative b { color: #ff7373; }
.mini-league-ahead-metrics .mini-league-ahead-gap b { color: #f2b84b; }
.mini-league-ahead-rival > button {
  min-height: 29px;
  border: 1px solid rgba(50,223,139,.26);
  border-radius: 7px;
  background: rgba(50,223,139,.09);
  color: var(--ml-green);
  cursor: pointer;
  padding: 0 8px;
  font: inherit;
  font-size: 8px;
  font-weight: 700;
}
.mini-league-ahead-rival > button:hover { background: rgba(50,223,139,.17); }
.mini-league-ahead-rival > i { color: rgba(255,255,255,.16); text-align: center; font-style: normal; }
.mini-league-ahead > footer { margin-top: 9px; border-top: 1px solid rgba(255,255,255,.05); padding-top: 8px; color: var(--ml-muted); font-size: 8px; line-height: 1.45; }
.mini-league-verdict {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(360px, .9fr);
  align-items: center;
  gap: 24px;
  min-height: 126px;
  border: 1px solid rgba(50,223,139,.2);
  border-radius: 11px;
  background: radial-gradient(circle at 8% 20%, rgba(50,223,139,.12), transparent 34%), var(--ml-card);
  padding: 17px 20px;
}
.mini-league-verdict > div > span { color: var(--ml-muted); font-size: 12px; font-weight: 650; }
.mini-league-verdict h2 { margin: 7px 0 4px; color: var(--ml-green); font-size: 21px; letter-spacing: .02em; }
.mini-league-verdict p { max-width: 590px; margin: 0; color: #c8d1cd; font-size: 12px; line-height: 1.55; }
.mini-league-verdict dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 8px;
  background: rgba(3,10,8,.32);
  padding: 11px 14px;
}
.mini-league-verdict dl div { min-width: 0; border-left: 1px solid rgba(255,255,255,.05); padding: 0 14px; }
.mini-league-verdict dl div:first-child { border-left: 0; padding-left: 0; }
.mini-league-verdict dt,
.mini-league-verdict dd { margin: 0; font-size: 11px; }
.mini-league-verdict dd { margin-top: 4px; color: var(--ml-green); font-weight: 700; }
.mini-league-verdict dl span { display: flex; gap: 3px; margin-top: 8px; }
.mini-league-verdict dl i { width: 23px; height: 6px; border-radius: 2px; background: #33403b; }
.mini-league-verdict dl i.on { background: var(--ml-green); box-shadow: 0 0 9px rgba(50,223,139,.24); }
.mini-league-rival-targeting,
.mini-league-strategy,
.mini-league-plan-toolbar,
.mini-league-action-plan,
.mini-league-expected-outcome,
.mini-league-chip-plan,
.mini-league-strategy-dashboard .mini-league-roadmap {
  border: 1px solid var(--ml-border);
  border-radius: 11px;
  background: var(--ml-card);
}
.mini-league-rival-targeting { padding: 12px 16px 14px; }
.mini-league-rival-targeting > header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mini-league-rival-targeting h3,
.mini-league-strategy h3,
.mini-league-plan-toolbar h3,
.mini-league-action-plan h3,
.mini-league-expected-outcome h3,
.mini-league-chip-plan h3,
.mini-league-roadmap h3 { margin: 0; color: #f2f6f4; font-size: 13px; font-weight: 650; }
.mini-league-action-plan h3 small { color: var(--ml-green); font-size: 10px; font-weight: 550; }
.mini-league-rival-targeting > header > div { display: flex; gap: 4px; }
.mini-league-rival-targeting > header button {
  min-height: 28px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  background: #0b1714;
  color: var(--ml-muted);
  padding: 0 13px;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
}
.mini-league-rival-targeting > header button.active { border-color: var(--ml-border-active); background: rgba(50,223,139,.11); color: var(--ml-green); }
.mini-league-rival-targeting > h2 { margin: 10px 0 8px; font-size: 16px; font-weight: 650; }
.mini-league-rival-targeting > h2 b { color: var(--ml-green); }
.mini-league-rival-targeting > h2 span { margin: 0 12px; color: var(--ml-muted); font-size: 11px; }
.mini-league-difference-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.mini-league-difference-grid > article {
  display: grid;
  min-height: 124px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(16,31,26,.7), rgba(7,17,14,.86));
  padding: 11px 12px 9px;
}
.mini-league-difference-grid header strong,
.mini-league-difference-grid header small { display: block; }
.mini-league-difference-grid header strong { font-size: 12px; }
.mini-league-difference-grid header small { margin-top: 2px; color: var(--ml-muted); font-size: 10px; }
.mini-league-difference-grid article > div { display: flex; align-items: center; align-content: flex-start; flex-wrap: wrap; gap: 5px; overflow: visible; margin-top: 8px; }
.mini-league-difference-grid footer { align-self: end; margin-top: 7px; color: var(--ml-muted); font-size: 10px; }
.mini-league-difference-grid .edge footer b { color: var(--ml-green); }
.mini-league-difference-grid .threat footer b { color: #ff7373; }
.mini-league-chip-advantage {
  display: grid;
  gap: 9px;
  margin-top: 12px;
  border-top: 1px solid rgba(255,255,255,.06);
  padding-top: 12px;
}
.mini-league-chip-advantage > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.mini-league-chip-advantage h3 { margin: 0; color: #f2f6f4; font-size: 13px; font-weight: 700; }
.mini-league-chip-advantage header p { margin: 3px 0 0; color: var(--ml-muted); font-size: 9px; line-height: 1.45; }
.mini-league-chip-advantage > header > span {
  flex: 0 0 auto;
  border: 1px solid rgba(50,223,139,.2);
  border-radius: 999px;
  background: rgba(50,223,139,.07);
  color: var(--ml-green);
  padding: 4px 8px;
  font-size: 8px;
  font-weight: 700;
}
.mini-league-own-chips {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(50,223,139,.18);
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(50,223,139,.11), rgba(7,17,14,.86));
  padding: 10px 12px;
}
.mini-league-own-chips > div > span,
.mini-league-own-chips > div > strong,
.mini-league-own-chips > div > small { display: block; }
.mini-league-own-chips > div > span { color: #c9d4cf; font-size: 9px; }
.mini-league-own-chips > div > strong { margin: 2px 0; color: var(--ml-green); font-size: 22px; line-height: 1; }
.mini-league-own-chips > div > small { color: var(--ml-muted); font-size: 8px; }
.mini-league-own-chips dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.mini-league-own-chips dl div { min-width: 0; }
.mini-league-own-chips dt { margin: 0 0 5px; color: var(--ml-muted); font-size: 8px; font-weight: 650; }
.mini-league-own-chips dd { display: flex; flex-wrap: wrap; gap: 4px; min-height: 24px; margin: 0; }
.mini-league-chip-rivals { display: grid; gap: 5px; }
.mini-league-chip-rival {
  display: grid;
  grid-template-columns: minmax(120px, .85fr) minmax(135px, 1.15fr) minmax(135px, 1.15fr) minmax(145px, 1.35fr);
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 58px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 8px;
  background: rgba(3,11,8,.4);
  color: #f2f6f4;
  padding: 8px 10px;
  text-align: left;
}
.mini-league-chip-rival:hover,
.mini-league-chip-rival.active { border-color: rgba(50,223,139,.35); background: rgba(50,223,139,.055); }
.mini-league-chip-rival.advantage { box-shadow: inset 3px 0 var(--ml-green); }
.mini-league-chip-rival.disadvantage { box-shadow: inset 3px 0 #ff7373; }
.mini-league-chip-rival.mixed { box-shadow: inset 3px 0 #f2b84b; }
.mini-league-chip-rival > span { min-width: 0; }
.mini-league-chip-rival-name strong,
.mini-league-chip-rival-name small,
.mini-league-chip-rival > span > em,
.mini-league-chip-rival-edge strong { display: block; }
.mini-league-chip-rival-name strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-chip-rival-name small { margin-top: 3px; color: var(--ml-green); font-size: 8px; }
.mini-league-chip-rival.disadvantage .mini-league-chip-rival-name small { color: #ff7373; }
.mini-league-chip-rival.mixed .mini-league-chip-rival-name small { color: #f2b84b; }
.mini-league-chip-rival > span > em { margin-bottom: 4px; color: var(--ml-muted); font-size: 7px; font-style: normal; font-weight: 650; text-transform: uppercase; }
.mini-league-chip-rival > span > b { display: flex; flex-wrap: wrap; gap: 3px; font-weight: inherit; }
.mini-league-chip-rival-edge strong { color: #d6dedb; font-size: 8px; font-weight: 550; line-height: 1.4; }
.mini-league-chip-badge {
  display: inline-flex;
  min-height: 21px;
  align-items: center;
  gap: 3px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: #dce5e1;
  padding: 2px 6px;
  font-size: 8px;
  font-weight: 750;
  white-space: nowrap;
}
.mini-league-chip-badge.remaining { border-color: rgba(50,223,139,.23); background: rgba(50,223,139,.08); color: var(--ml-green); }
.mini-league-chip-badge i { color: inherit; font-style: normal; }
.mini-league-chip-badge small { color: var(--ml-muted); font-size: 7px; }
.mini-league-chip-none { color: var(--ml-muted); font-size: 8px; font-weight: 500; }
.mini-league-chip-advantage > footer { color: var(--ml-muted); font-size: 8px; line-height: 1.45; }
.mini-league-player-chip {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  width: 105px;
  min-width: 0;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 7px;
  background: rgba(255,255,255,.025);
  padding: 4px 6px 4px 3px;
}
.mini-league-player-chip[hidden] { display: none; }
.mini-league-player-shirt { width: 30px; height: 34px; }
.mini-league-player-chip > span:last-child { min-width: 0; }
.mini-league-player-chip strong,
.mini-league-player-chip small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-player-chip strong { font-size: 10px; font-weight: 650; }
.mini-league-player-chip small { color: var(--ml-muted); font-size: 8px; }
.mini-league-player-more {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  background: rgba(255,255,255,.025);
  color: #c8d1cd;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
}
.mini-league-player-more.expanded { width: auto; border-radius: 999px; padding: 0 11px; color: var(--ml-green); }
.mini-league-player-pending { color: var(--ml-muted); font-size: 10px; }
.mini-league-strategy { padding: 9px 12px 11px; }
.mini-league-strategy h3 small,
.mini-league-roadmap h3 small { color: var(--ml-muted); font-size: 10px; font-weight: 450; }
.mini-league-strategy > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.mini-league-strategy button {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  min-height: 76px;
  align-items: start;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: #0a1512;
  color: #f2f6f4;
  padding: 10px;
  text-align: left;
}
.mini-league-strategy button.active { border-color: var(--ml-border-active); background: linear-gradient(145deg, rgba(50,223,139,.13), rgba(8,20,16,.92)); box-shadow: 0 0 16px rgba(50,223,139,.08); }
.mini-league-strategy button > i { color: var(--ml-green); font-size: 22px; font-style: normal; line-height: 1; }
.mini-league-strategy button span { min-width: 0; }
.mini-league-strategy button strong,
.mini-league-strategy button small { display: block; }
.mini-league-strategy button strong { font-size: 12px; }
.mini-league-strategy button small { margin-top: 4px; color: var(--ml-muted); font-size: 9px; line-height: 1.4; }
.mini-league-strategy button em { border-radius: 99px; background: rgba(50,223,139,.09); color: var(--ml-green); padding: 4px 6px; font-size: 8px; font-style: normal; white-space: nowrap; }
.mini-league-plan-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 12px;
}
.mini-league-plan-toolbar p { margin: 3px 0 0; color: var(--ml-muted); font-size: 9px; line-height: 1.4; }
.mini-league-plan-toolbar .mini-league-horizon button { min-height: 32px; border-radius: 7px; font-size: 10px; }
.mini-league-plan-outcome-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(320px, 1fr); gap: 10px; }
.mini-league-action-plan,
.mini-league-expected-outcome { padding: 11px 12px; }
.mini-league-action-plan > header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.mini-league-action-plan > header p { margin: 0; color: var(--ml-muted); font-size: 8px; text-align: right; }
.mini-league-action-plan > div:not(.mini-league-action-feedback) { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, .8fr) minmax(0, .9fr) minmax(0, 1.05fr) minmax(0, 1.25fr); margin-top: 9px; }
.mini-league-action-plan article { display: flex; min-width: 0; min-height: 112px; flex-direction: column; align-items: flex-start; border-left: 1px solid rgba(255,255,255,.06); padding: 6px 12px; }
.mini-league-action-plan article:first-child { border-left: 0; padding-left: 0; }
.mini-league-action-plan span,
.mini-league-action-plan strong,
.mini-league-action-plan small { display: block; overflow: visible; text-overflow: clip; }
.mini-league-action-plan span { color: #d4dcd8; font-size: 9px; }
.mini-league-action-plan strong { margin: 7px 0 5px; font-size: 12px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
.mini-league-action-plan small { color: var(--ml-muted); font-size: 9px; line-height: 1.45; }
.mini-league-action-plan article > button,
.mini-league-action-feedback button {
  min-height: 29px;
  border: 1px solid rgba(50,223,139,.34);
  border-radius: 7px;
  background: rgba(50,223,139,.12);
  color: var(--ml-green);
  cursor: pointer;
  padding: 5px 10px;
  font: inherit;
  font-size: 9px;
  font-weight: 700;
}
.mini-league-action-plan article > button { width: 100%; margin-top: auto; }
.mini-league-action-plan article > button:hover,
.mini-league-action-feedback button:hover { background: rgba(50,223,139,.19); }
.mini-league-action-plan article > button:disabled { cursor: default; opacity: .58; }
.mini-league-action-plan article > button[hidden],
.mini-league-action-feedback button[hidden] { display: none; }
.mini-league-action-feedback {
  display: flex;
  min-height: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 9px;
  border-top: 1px solid rgba(255,255,255,.05);
  padding-top: 8px;
}
.mini-league-action-feedback span { color: var(--ml-green); font-size: 9px; line-height: 1.4; }
.mini-league-action-feedback button { flex: 0 0 auto; }
.mini-league-expected-outcome > div { display: grid; grid-template-columns: minmax(96px, 1fr) auto 16px auto minmax(78px, 92px); align-items: center; gap: 7px; min-height: 38px; border-top: 1px solid rgba(255,255,255,.05); font-size: 9px; }
.mini-league-expected-outcome > div:nth-child(2) { margin-top: 7px; border-top: 0; }
.mini-league-expected-outcome > div > span { color: var(--ml-muted); }
.mini-league-expected-outcome > div > i { color: var(--ml-muted); font-style: normal; }
.mini-league-expected-outcome > div > strong { color: var(--ml-green); }
.mini-league-sparkline { width: 80px; height: 25px; color: var(--ml-green); overflow: visible; }
@media (max-width: 1280px) {
  .mini-league-plan-outcome-grid { grid-template-columns: 1fr; }
}
.mini-league-strategy-dashboard .mini-league-roadmap { overflow: visible; padding: 9px 12px 11px; }
.mini-league-strategy-dashboard .mini-league-roadmap > header { padding: 0; }
.mini-league-strategy-dashboard .mini-league-roadmap > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); align-items: stretch; gap: 8px; margin-top: 8px; }
.mini-league-strategy-dashboard .mini-league-roadmap button,
.mini-league-strategy-dashboard .mini-league-roadmap article {
  display: flex;
  min-width: 0;
  min-height: 44px;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 7px;
  background: #0a1512;
  color: #f2f6f4;
  padding: 7px 10px;
  text-align: left;
}
.mini-league-strategy-dashboard .mini-league-roadmap span { color: var(--ml-muted); font-size: 8px; }
.mini-league-strategy-dashboard .mini-league-roadmap strong { font-size: 11px; }
.mini-league-strategy-dashboard .mini-league-roadmap article.week { justify-content: flex-start; }
.mini-league-strategy-dashboard .mini-league-roadmap article.week small,
.mini-league-strategy-dashboard .mini-league-roadmap article.week em,
.mini-league-strategy-dashboard .mini-league-roadmap article.week b { display: block; overflow: hidden; font-size: 8px; font-style: normal; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.mini-league-strategy-dashboard .mini-league-roadmap article.week small { color: #dce5e1; }
.mini-league-strategy-dashboard .mini-league-roadmap article.week em { color: var(--ml-muted); }
.mini-league-strategy-dashboard .mini-league-roadmap article.week b { color: var(--ml-green); font-weight: 600; }
.mini-league-strategy-dashboard .mini-league-roadmap article.week b.hold { color: #7e8d87; }
.mini-league-strategy-dashboard .positive { color: var(--ml-green); }
.mini-league-strategy-dashboard .negative { color: #ff7373; }
.mini-league-chip-plan { padding: 11px 12px; }
.mini-league-chip-plan > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mini-league-chip-plan > header p { margin: 3px 0 0; color: var(--ml-muted); font-size: 9px; line-height: 1.4; }
.mini-league-chip-plan > header > span { border: 1px solid rgba(50,223,139,.18); border-radius: 99px; background: rgba(50,223,139,.06); color: var(--ml-green); padding: 5px 8px; font-size: 8px; white-space: nowrap; }
.mini-league-chip-plan > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 9px; }
.mini-league-chip-plan article { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: start; gap: 8px; min-width: 0; border: 1px solid rgba(255,255,255,.065); border-radius: 8px; background: #0a1512; padding: 9px; }
.mini-league-chip-plan article.consider { border-color: var(--ml-border-active); background: rgba(50,223,139,.08); }
.mini-league-chip-plan article.watch { border-color: rgba(216,175,74,.22); }
.mini-league-chip-plan article.used { opacity: .55; }
.mini-league-chip-plan article > i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: rgba(50,223,139,.09); color: var(--ml-green); font-size: 14px; font-style: normal; }
.mini-league-chip-plan article div { min-width: 0; }
.mini-league-chip-plan article strong,
.mini-league-chip-plan article span,
.mini-league-chip-plan article small { display: block; }
.mini-league-chip-plan article strong { color: #f2f6f4; font-size: 10px; }
.mini-league-chip-plan article span { margin-top: 3px; color: var(--ml-green); font-size: 8px; }
.mini-league-chip-plan article small { display: -webkit-box; overflow: hidden; margin-top: 5px; color: var(--ml-muted); font-size: 8px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.mini-league-chip-plan article > em { border-radius: 99px; background: rgba(255,255,255,.04); color: var(--ml-muted); padding: 3px 5px; font-size: 7px; font-style: normal; white-space: nowrap; }
.mini-league-chip-plan > footer { margin-top: 8px; border-top: 1px solid rgba(255,255,255,.05); padding-top: 8px; color: var(--ml-muted); font-size: 8px; line-height: 1.4; }
.mini-league-strategy-dashboard > footer { border-color: var(--ml-border); border-radius: 9px; background: rgba(255,255,255,.02); }
.my-team-overview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.my-team-overview-grid article {
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  padding: 12px;
  min-width: 0;
}
.my-team-overview-grid span,
.my-team-overview-grid small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-team-overview-grid strong {
  display: block;
  margin: 7px 0 3px;
  color: var(--accent);
  font-size: 28px;
}
.my-team-panel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.my-team-transfer-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
  gap: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  padding: 12px;
  min-width: 0;
}
.my-team-transfer-card div {
  display: grid;
  justify-items: center;
  gap: 4px;
  text-align: center;
  min-width: 0;
}
.my-team-transfer-card span { color: var(--accent); font-size: 10px; font-weight: 950; }
.my-team-transfer-card b { align-self: center; color: var(--accent); }
.my-team-transfer-card strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.my-team-transfer-card small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-team-transfer-card em {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(255,255,255,.08);
  color: var(--accent);
  padding-top: 8px;
  font-style: normal;
  font-weight: 900;
  text-align: right;
}
.my-team-wide-action { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.04); color: var(--text); border: 1px solid rgba(255,255,255,.08); }
.my-team-rank-panel h3 { margin: 0 0 10px; }
.my-team-rank-panel button {
  display: grid;
  grid-template-columns: 24px 38px minmax(0, 1fr) 54px 62px;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  padding: 9px;
  text-align: left;
  min-width: 0;
}
.my-team-rank-panel button + button { margin-top: 8px; }
.my-team-rank-panel i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(22,212,107,.15);
  color: var(--accent);
  font-style: normal;
  font-weight: 950;
}
.my-team-rank-panel button div { min-width: 0; }
.my-team-rank-panel strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.my-team-rank-panel small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
}
.my-team-rank-panel b { color: var(--accent); font-size: 22px; text-align: right; }
.my-team-rank-panel span { color: var(--muted); font-size: 11px; text-align: right; }
.my-team-chip-planner {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.my-team-chip-hero,
.my-team-chip-note,
.my-team-chip-card,
.my-team-chip-watchlist {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(22,212,107,.12), transparent 34%),
    rgba(255,255,255,.035);
  min-width: 0;
}
.my-team-chip-hero {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
}
.my-team-chip-hero span {
  color: var(--accent);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.my-team-chip-hero h3 {
  margin: 5px 0 4px;
  color: var(--text);
  font-size: 21px;
}
.my-team-chip-hero p,
.my-team-chip-note,
.my-team-chip-watchlist span {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.my-team-chip-hero b {
  align-self: start;
  border: 1px solid rgba(22,212,107,.22);
  border-radius: 999px;
  background: rgba(22,212,107,.08);
  color: var(--accent);
  padding: 6px 9px;
  font-size: 12px;
  white-space: nowrap;
}
.my-team-chip-note {
  padding: 12px 14px;
}
.my-team-chip-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.my-team-chip-card {
  padding: 13px;
}
.my-team-chip-card header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.my-team-chip-card i {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(22,212,107,.12);
  color: var(--accent);
  font-style: normal;
  font-weight: 950;
}
.my-team-chip-card strong {
  display: block;
  color: var(--text);
  font-size: 15px;
  line-height: 1.15;
}
.my-team-chip-card header span {
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
}
.my-team-chip-card dl {
  display: grid;
  gap: 9px;
  margin: 12px 0 0;
}
.my-team-chip-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.my-team-chip-card dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 12px;
  line-height: 1.35;
}
.my-team-chip-watchlist {
  padding: 14px;
}
.my-team-chip-watchlist h3 {
  margin: 0 0 10px;
  color: var(--text);
  font-size: 16px;
}
.my-team-chip-watchlist article {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.07);
}
.my-team-chip-watchlist article:first-of-type { border-top: 0; }
.my-team-chip-watchlist b {
  color: var(--accent);
  font: 900 12px "DM Mono", monospace;
}
.my-team-chip-watchlist strong {
  display: block;
  color: var(--text);
  font-size: 13px;
  line-height: 1.25;
}
.my-team-verdict {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  border-color: rgba(22,212,107,.22);
  padding: 16px;
  min-width: 0;
}
.my-team-verdict > div:first-child {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(22,212,107,.13);
  font-size: 28px;
}
.my-team-verdict h3 { margin: 0; }
.my-team-verdict h3 span {
  display: inline-block;
  margin-left: 6px;
  margin-top: 4px;
  border: 1px solid rgba(22,212,107,.25);
  border-radius: 999px;
  color: var(--accent);
  padding: 3px 7px;
  font-size: 11px;
}
.my-team-verdict p { margin: 6px 0 0; color: var(--muted); line-height: 1.4; }
.my-team-verdict dl {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 18px;
  margin: 0;
}
.my-team-verdict dt { color: var(--muted); font-size: 10px; }
.my-team-verdict dd { margin: 4px 0 0; color: var(--accent); font-size: 20px; font-weight: 950; }
.my-team-build-start,
.my-team-builder-save button {
  min-height: 46px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #16d46b, #0e8f48);
  color: #03130b;
  padding: 0 18px;
  font-weight: 950;
}
.my-team-onboard-divider { width: min(420px, 100%); border-top: 1px solid rgba(255,255,255,.09); line-height: 0; margin: 7px 0; }
.my-team-onboard-divider span { background: #071116; color: var(--muted); padding: 0 10px; font-size: 11px; }
.my-team-builder-message,
.my-team-import-warning {
  margin: 0 16px;
  border: 1px solid rgba(245,230,66,.25);
  border-radius: 10px;
  background: rgba(245,230,66,.07);
  color: #f5e642;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.4;
}
.my-team-builder-message.error { border-color: rgba(248,113,113,.3); color: #fb7185; }
.my-team-builder { padding-bottom: 110px; }
.my-team-top-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.my-team-top-actions button {
  min-height: 38px;
  border: 1px solid rgba(22,212,107,.25);
  border-radius: 9px;
  background: rgba(22,212,107,.08);
  color: var(--accent);
  padding: 0 11px;
  font-weight: 900;
}
.my-team-builder-status,
.my-team-builder-selected,
.my-team-builder-market,
.my-team-builder-save,
.my-team-import-roster {
  margin-inline: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(8,24,30,.88), rgba(4,13,18,.86));
}
.my-team-builder-status { display: grid; grid-template-columns: minmax(180px, 1.5fr) repeat(6, minmax(76px, 1fr)); gap: 8px; padding: 12px; }
.my-team-builder-status label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }
.my-team-builder-status input,
.my-team-builder-market input,
.my-team-builder-market select {
  min-height: 38px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  padding: 0 10px;
}
.my-team-builder-status article { display: grid; place-content: center; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; padding: 8px; text-align: center; }
.my-team-builder-status article.ready { border-color: rgba(22,212,107,.3); background: rgba(22,212,107,.07); }
.my-team-builder-status article span { font-weight: 950; }
.my-team-builder-status article small { color: var(--accent); }
.my-team-builder-selected { padding: 13px; }
.my-team-builder-market { width: calc(100% - 32px); max-width: 640px; margin-inline: auto; padding: 13px; }
.my-team-builder-selected > header,
.my-team-builder-market > header,
.my-team-builder-save { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.my-team-builder-selected > header > div { display: grid; gap: 3px; min-width: 0; }
.my-team-builder-selected > header span { color: var(--muted); font-size: 11px; line-height: 1.35; }
.my-team-builder-selected > header > button {
  min-height: 36px;
  border: 1px solid rgba(22,212,107,.30);
  border-radius: 9px;
  background: rgba(22,212,107,.10);
  color: var(--accent);
  padding: 0 12px;
  font-weight: 900;
  white-space: nowrap;
}
.my-team-builder-lineup-groups { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, .8fr); gap: 10px; margin-top: 12px; }
.my-team-builder-lineup-group {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 11px;
  background: rgba(255,255,255,.018);
  padding: 9px;
}
.my-team-builder-lineup-group > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.my-team-builder-lineup-group > header strong { color: var(--text); font-size: 12px; }
.my-team-builder-lineup-group > header span { border-radius: 999px; background: rgba(22,212,107,.11); color: var(--accent); padding: 3px 7px; font-size: 10px; font-weight: 950; }
.my-team-builder-lineup-group.bench > header span { background: rgba(148,163,184,.10); color: #cbd5e1; }
.my-team-builder-lineup-group > div,
.my-team-builder-incomplete-squad { display: grid; grid-template-columns: 1fr; gap: 7px; }
.my-team-builder-incomplete-squad { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 10px; }
.my-team-builder-selected article { display: grid; grid-template-columns: 40px minmax(0, 1fr) 28px 28px 70px 28px; gap: 5px; align-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; padding: 7px; min-width: 0; transition: border-color .16s ease, background .16s ease; }
.my-team-builder-selected article.incomplete { grid-template-columns: 40px minmax(0, 1fr) 28px; }
.my-team-builder-selected article.starter { background: rgba(22,212,107,.035); }
.my-team-builder-selected article.bench { background: rgba(148,163,184,.025); }
.my-team-builder-selected article.swap-selected { border-color: rgba(245,230,66,.60); background: rgba(245,230,66,.09); box-shadow: 0 0 0 1px rgba(245,230,66,.12); }
.my-team-builder-selected article div { min-width: 0; }
.my-team-builder-selected article strong,
.my-team-builder-selected article small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-team-builder-selected article strong { font-size: 12px; }
.my-team-builder-selected article small { color: var(--muted); font-size: 9px; }
.my-team-builder-selected article button { width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; background: rgba(255,255,255,.04); color: var(--muted); font-weight: 950; }
.my-team-builder-selected article button.active { border-color: rgba(22,212,107,.45); background: rgba(22,212,107,.15); color: var(--accent); }
.my-team-builder-selected article button:disabled { opacity: .25; }
.my-team-builder-selected article .my-team-builder-lineup-toggle {
  width: 70px;
  color: var(--accent);
  font-size: 9px;
  white-space: nowrap;
}
.my-team-builder-selected article .my-team-builder-lineup-toggle.active { border-color: rgba(245,230,66,.55); background: rgba(245,230,66,.12); color: #f5e642; }
.my-team-builder-role-spacer { width: 28px; height: 28px; }
.my-team-builder-market > header div { display: grid; gap: 3px; }
.my-team-builder-market > header small { color: var(--muted); font-size: 10px; }
.my-team-builder-search { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; margin-top: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: rgba(255,255,255,.025); }
.my-team-builder-search > span { color: var(--muted); text-align: center; font-size: 22px; line-height: 1; }
.my-team-builder-search input { width: 100%; border: 0; background: transparent; outline: 0; }
.my-team-builder-filters { display: grid; grid-template-columns: minmax(130px, 1.05fr) minmax(150px, 1.2fr) minmax(125px, 1fr) auto; gap: 8px; margin-top: 10px; }
.my-team-builder-filters select { width: 100%; appearance: auto; font-weight: 800; padding-inline: 10px 26px; }
.my-team-builder-filters button { min-height: 38px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(255,255,255,.035); color: var(--muted); padding: 0 12px; font-weight: 900; white-space: nowrap; }
.my-team-builder-filters button:hover,
.my-team-builder-filters button:focus-visible { border-color: rgba(22,212,107,.38); color: var(--accent); }
.my-team-builder-budget { margin-top: 10px; border: 1px solid rgba(70,226,181,.22); border-radius: 8px; background: linear-gradient(90deg, rgba(55,213,183,.78), rgba(69,60,213,.72)); color: #efffff; padding: 8px 12px; text-align: center; font-size: 11px; }
.my-team-builder-market-columns { display: grid; grid-template-columns: minmax(0, 1fr) 70px 90px 32px; gap: 8px; align-items: end; margin-top: 12px; padding: 0 8px; color: var(--muted); font-size: 9px; font-weight: 850; }
.my-team-builder-market-columns span:nth-child(n+2) { text-align: right; }
.my-team-builder-market-columns i { display: block; }
.my-team-builder-results { display: grid; grid-template-columns: 1fr; gap: 7px; margin-top: 7px; }
.my-team-builder-results > article { display: grid; grid-template-columns: minmax(0, 1fr) 70px 90px 32px; gap: 8px; align-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: rgba(255,255,255,.035); color: var(--text); padding: 8px; text-align: left; min-width: 0; }
.my-team-builder-results > article:focus-within { border-color: rgba(22,212,107,.32); background: rgba(22,212,107,.06); }
.my-team-builder-results > article.availability-unavailable { border-color: rgba(248,113,113,.35); }
.my-team-builder-results > article.availability-doubtful { border-color: rgba(250,204,21,.32); }
.my-team-builder-player-profile { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; border: 0; background: transparent; color: inherit; padding: 0; text-align: left; cursor: pointer; }
.my-team-builder-player-kit {
  position: relative;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
}
.my-team-builder-player-kit .lineup-availability-badge {
  top: -4px;
  left: -4px;
  width: 17px;
  height: 17px;
  font-size: 10px;
}
.my-team-builder-player-profile:hover strong,
.my-team-builder-player-profile:focus-visible strong { color: var(--accent); }
.my-team-builder-results button span { min-width: 0; }
.my-team-builder-results button strong,
.my-team-builder-results button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-team-builder-results button strong { font-size: 12px; }
.my-team-builder-results button small { color: var(--muted); font-size: 9px; }
.my-team-builder-results article > b,
.my-team-builder-results article em,
.my-team-builder-player-price { text-align: right; font-style: normal; }
.my-team-builder-results article > b,
.my-team-builder-results article em { color: var(--accent); }
.my-team-builder-player-price { color: var(--text); font-size: 11px; font-weight: 800; }
.my-team-builder-add { display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(22,212,107,.16); padding: 0; cursor: pointer; }
.my-team-builder-add:hover,
.my-team-builder-add:focus-visible { background: rgba(22,212,107,.28); box-shadow: 0 0 0 2px rgba(22,212,107,.18); }
.my-team-builder-add em { display: grid; place-items: center; font-size: 22px; font-weight: 500; }
.my-team-builder-save { position: sticky; bottom: calc(var(--bottom-nav-height, 74px) + 6px); z-index: 5; padding: 10px 12px; box-shadow: 0 -12px 30px rgba(0,0,0,.35); }
.my-team-builder-save span { color: var(--muted); font-size: 11px; }
.my-team-builder-save button:disabled { opacity: .35; }
.my-team-import-roster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: min(720px, 100%); padding: 12px; text-align: left; }
.my-team-import-roster > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 7px; align-items: center; min-width: 0; }
.my-team-import-roster strong,
.my-team-import-roster small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-team-import-roster strong { font-size: 12px; }
.my-team-import-roster small { color: var(--muted); font-size: 9px; }
.my-team-chip-card.used { opacity: .55; }

@media (max-width: 720px) {
  .my-team-top-actions { justify-content: flex-start; }
  .my-team-builder-status { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-inline: 12px; }
  .my-team-builder-status label { grid-column: 1 / -1; }
  .my-team-builder-selected,
  .my-team-builder-save,
  .my-team-import-roster { margin-inline: 12px; }
  .my-team-builder-market { width: calc(100% - 24px); }
  .my-team-builder-selected > header { align-items: stretch; flex-direction: column; }
  .my-team-builder-selected > header > button { width: 100%; }
  .my-team-builder-lineup-groups,
  .my-team-builder-incomplete-squad,
  .my-team-import-roster { grid-template-columns: 1fr; }
  .my-team-builder-lineup-group { padding: 7px; }
  .my-team-builder-selected article { grid-template-columns: 38px minmax(0, 1fr) 28px 28px 64px 28px; gap: 4px; padding-inline: 6px; }
  .my-team-builder-selected article .my-team-builder-lineup-toggle { width: 64px; font-size: 8.5px; }
  .my-team-builder-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .my-team-builder-filters button { width: 100%; }
  .my-team-builder-market-columns { grid-template-columns: minmax(0, 1fr) 54px 68px 30px; padding-inline: 5px; }
  .my-team-builder-results > article { grid-template-columns: minmax(0, 1fr) 54px 68px 30px; gap: 6px; padding-inline: 6px; }
  .my-team-builder-player-profile { grid-template-columns: 38px minmax(0, 1fr); gap: 6px; }
  .my-team-builder-results button strong { font-size: 11px; }
  .my-team-builder-player-price { font-size: 10px; }
  .my-team-builder-save { align-items: stretch; flex-direction: column; bottom: 82px; }
  .my-team-builder-save button { width: 100%; }
}
.comparison-page {
  display: grid;
  gap: 14px;
  padding: 14px 0 18px;
}
.comparison-header {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 10px;
  text-align: center;
  padding: 0 4px;
}
.comparison-header button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  font-size: 20px;
}
.comparison-header h1 {
  margin: 0;
  font-size: 26px;
  line-height: 1;
}
.comparison-header p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}
.comparison-header > span {
  color: var(--muted);
  font-size: 18px;
}
.comparison-selectors {
  position: sticky;
  top: 0;
  z-index: 8;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
  gap: 8px;
  align-items: end;
  padding: 8px 0;
  background: linear-gradient(180deg, rgba(1,8,11,.98), rgba(1,8,11,.78));
  backdrop-filter: blur(10px);
}
.comparison-selector {
  position: relative;
  min-width: 0;
}
.comparison-selector > span {
  display: block;
  margin: 0 0 6px 4px;
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
}
.comparison-selector.purple > span {
  color: #c084fc;
}
.comparison-search-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  min-height: 46px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  padding: 6px 9px;
  min-width: 0;
  overflow: hidden;
  cursor: text;
}
.comparison-search-field.has-player {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
}
.comparison-search-field:focus-within {
  border-color: rgba(22,212,107,.58);
  box-shadow: 0 0 0 2px rgba(22,212,107,.12);
}
.comparison-selector.purple .comparison-search-field:focus-within {
  border-color: rgba(192,132,252,.58);
  box-shadow: 0 0 0 2px rgba(192,132,252,.12);
}
.comparison-selector input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font: 800 13px/1.2 "Plus Jakarta Sans", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comparison-selector input::placeholder {
  color: var(--text);
  opacity: .92;
}
.comparison-swap {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: var(--text);
  font-size: 21px;
}
.comparison-search-results {
  display: none;
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 250px;
  overflow: auto;
  border: 1px solid rgba(22,212,107,.22);
  border-radius: 10px;
  background: rgba(4,13,18,.99);
  box-shadow: 0 18px 36px rgba(0,0,0,.42);
  padding: 6px;
}
.comparison-search-results.open {
  display: grid;
  gap: 5px;
}
.comparison-search-results button {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  border: 0;
  border-radius: 8px;
  background: rgba(255,255,255,.045);
  color: var(--text);
  padding: 7px;
  text-align: left;
}
.comparison-search-results .comparison-search-pending {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(247,197,61,.14);
  border-radius: 8px;
  background: rgba(247,197,61,.045);
  color: var(--text);
  padding: 7px;
  text-align: left;
}
.comparison-search-results .comparison-search-pending small { color: #e9c65a; }
.comparison-search-results span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 900;
}
.comparison-search-results small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
}
.comparison-player-hero,
.comparison-radar-card,
.comparison-stats-card,
.comparison-verdict {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background:
    radial-gradient(circle at 20% 0%, rgba(22,212,107,.12), transparent 35%),
    radial-gradient(circle at 90% 8%, rgba(192,132,252,.11), transparent 34%),
    rgba(4,13,18,.74);
  box-shadow: 0 14px 34px rgba(0,0,0,.24);
}
.comparison-player-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  overflow: hidden;
  border-color: rgba(22,212,107,.32);
  min-height: 168px;
}
.comparison-player-hero > b {
  display: grid;
  place-items: center;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: rgba(1,8,11,.82);
  box-shadow: 0 10px 24px rgba(0,0,0,.30);
  transform: translate(-50%, -50%);
  color: var(--text);
  font-size: 18px;
}
.comparison-player-side {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 18px 46px 18px 18px;
}
.comparison-player-side > div {
  min-width: 0;
}
.comparison-player-side.purple {
  grid-template-columns: minmax(0, 1fr) 96px;
  text-align: right;
  padding: 18px 18px 18px 46px;
  background: linear-gradient(135deg, rgba(192,132,252,.09), rgba(255,255,255,0));
}
.comparison-kit {
  width: 96px;
  height: 96px;
  object-fit: contain;
  filter: drop-shadow(0 16px 20px rgba(0,0,0,.45));
}
.comparison-player-side span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}
.comparison-player-side.purple span {
  color: #c084fc;
}
.comparison-player-side strong {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 26px;
  line-height: 1.02;
}
.comparison-player-side small {
  display: block;
  margin-top: 7px;
  color: var(--muted);
  font-weight: 700;
}
.comparison-radar-card {
  padding: 14px;
}
.comparison-radar-card header,
.comparison-stats-card header,
.comparison-verdict header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .03em;
}
.comparison-radar-card header span {
  color: var(--accent);
  font-size: 11px;
}
.comparison-timeframes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin: 0 0 12px;
}
.comparison-timeframes button {
  min-width: 0;
  min-height: 34px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}
.comparison-timeframes button.active {
  border-color: rgba(22,212,107,.42);
  background: linear-gradient(135deg, rgba(22,212,107,.22), rgba(22,212,107,.08));
  color: var(--accent);
  box-shadow: 0 0 18px rgba(22,212,107,.12);
}
.comparison-radar-wrap {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) 78px;
  gap: 8px;
  align-items: center;
}
.comparison-radar {
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
}
.comparison-radar text {
  fill: rgba(230,238,242,.72);
  font-size: 8px;
  font-weight: 800;
}
.comparison-radar-ring {
  fill: none;
  stroke: rgba(255,255,255,.12);
  stroke-width: 1;
}
.comparison-radar-axis {
  stroke: rgba(255,255,255,.08);
  stroke-width: 1;
}
.comparison-radar-a {
  fill: rgba(22,212,107,.24);
  stroke: var(--accent);
  stroke-width: 2.5;
}
.comparison-radar-b {
  fill: rgba(192,132,252,.18);
  stroke: #c084fc;
  stroke-width: 2.5;
}
.comparison-overall span,
.comparison-overall small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.comparison-overall strong {
  display: block;
  margin-top: 8px;
  color: var(--accent);
  font: 56px/.86 "Bebas Neue", sans-serif;
}
.comparison-overall.purple {
  text-align: right;
}
.comparison-overall.purple strong,
.comparison-overall.purple span {
  color: #c084fc;
}
.comparison-stats-card {
  padding: 12px;
}
.comparison-stat-row {
  display: grid;
  grid-template-columns: minmax(64px, .8fr) minmax(0, 1.2fr) minmax(64px, .8fr);
  align-items: center;
  gap: 8px;
  min-height: 37px;
  border-top: 1px solid rgba(255,255,255,.07);
}
.comparison-stat-row:first-of-type {
  border-top: 0;
}
.comparison-stat-row span {
  color: rgba(230,238,242,.78);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}
.comparison-stat-row strong {
  color: var(--muted);
  font-size: 16px;
}
.comparison-stat-row strong:last-child {
  text-align: right;
}
.comparison-stat-row strong.better {
  color: var(--accent);
}
.comparison-stat-row strong.better.purple {
  color: #c084fc;
}
.comparison-verdict {
  padding: 13px;
}
.comparison-verdict-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 9px;
}
.comparison-verdict-item {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  padding: 11px;
}
.comparison-verdict-item.green {
  border-color: rgba(22,212,107,.22);
  background: rgba(22,212,107,.06);
}
.comparison-verdict-item.purple {
  border-color: rgba(192,132,252,.22);
  background: rgba(192,132,252,.06);
}
.comparison-verdict-item span {
  color: var(--accent);
  font-size: 10px;
  font-weight: 900;
}
.comparison-verdict-item.purple span {
  color: #c084fc;
}
.comparison-verdict-item strong {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.comparison-verdict-item small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}
.comparison-note {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
}
.fantasy-mini-card { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 8px 10px; align-items: center; min-height: 98px; }
.fantasy-mini-card strong, .fantasy-mini-card em { grid-column: 2; }
.fantasy-row {
  display: grid;
  grid-template-columns: 26px 64px minmax(0, 1fr) minmax(66px, auto);
  grid-template-rows: auto auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  margin: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 7px;
  background: linear-gradient(135deg, rgba(22,212,107,.08), rgba(255,255,255,.03));
  color: var(--text);
  min-height: 88px;
  padding: 10px 12px;
  text-align: left;
}
.fantasy-row i {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(22,212,107,.20);
  color: var(--accent);
  font-style: normal;
  font-weight: 900;
}
.fantasy-row > div {
  grid-row: 1 / span 2;
  min-width: 0;
}
.fantasy-row strong { display: block; font-size: 18px; line-height: 1.08; }
.fantasy-row span {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
}
.fantasy-row em {
  display: block;
  margin-top: 4px;
  color: var(--accent);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}
.fantasy-row .row-kit { grid-row: 1 / span 2; }
.fantasy-row b { grid-row: 1; grid-column: 4; align-self: end; justify-self: end; color: var(--accent); font-family: "Bebas Neue", sans-serif; font-size: 38px; line-height: .85; text-align: right; }
.fantasy-row small { grid-row: 2; grid-column: 4; align-self: start; justify-self: end; max-width: 74px; margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.05; overflow-wrap: anywhere; text-align: right; }

.leader-row {
  grid-template-columns: 30px 72px minmax(0, 1fr) 70px;
  min-height: 104px;
  padding: 10px 12px;
}
.leader-row.top {
  grid-template-columns: 30px 112px minmax(0, 1fr) 74px;
  min-height: 138px;
}
.leader-main span { display: flex; align-items: center; gap: 6px; }
.leader-main { min-width: 0; }
.leader-main span .badge-frame { flex: 0 0 auto; }
.leader-main span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.leader-main strong {
  overflow-wrap: anywhere;
}
.leader-main em {
  display: inline-block;
  margin-top: 8px;
  color: var(--accent);
  font-style: normal;
  font-weight: 900;
}
.leader-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.leader-tags i {
  border: 1px solid rgba(22,212,107,.22);
  border-radius: 4px;
  color: var(--accent);
  background: rgba(22,212,107,.08);
  padding: 4px 6px;
  font-size: 10px;
  font-style: normal;
}
.leader-mini { display: none; }
.leader-mini span {
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 5px;
  color: var(--muted);
  padding: 6px 8px;
  font-size: 10px;
  white-space: nowrap;
}
.leader-row.top .leader-stat strong { font-size: 56px; }
.leader-row.top .leader-stat.paired strong { font-size: 46px; }
@media (max-width: 780px) {
  .leader-row.top .leader-stat.paired strong { font-size: 38px; }
}

.pl-profile-detail { padding: 8px 0 26px; }
.player-profile-context-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  margin: 0 0 12px;
  padding: 0 14px;
  border: 1px solid rgba(54, 200, 90, .42);
  border-radius: 999px;
  background: rgba(8, 24, 19, .92);
  color: #eff8f2;
  font-size: 13px;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.player-profile-context-back span {
  color: #36c85a;
  font-size: 21px;
  line-height: 1;
}
.player-profile-context-back:hover,
.player-profile-context-back:focus-visible {
  border-color: #36c85a;
  background: rgba(13, 48, 28, .96);
}
@media (max-width: 760px) {
  .sheet.player-profile-mode {
    height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
  }
  .sheet.player-profile-mode .sheet-handle {
    display: none;
  }
  .sheet.player-profile-mode .player-profile-context-back {
    display: none;
  }
}
.pl-profile-hero {
  position: relative;
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 28px 20px 18px;
  background:
    radial-gradient(circle at 22% 5%, rgba(22,212,107,.22), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(192,132,252,.20), transparent 26%);
}
.pl-profile-hero h1 { margin: 0; font-family: "Bebas Neue", sans-serif; font-size: clamp(38px, 10vw, 58px); line-height: .92; letter-spacing: .02em; overflow-wrap: anywhere; }
.pl-profile-hero p { display: flex; align-items: center; gap: 7px; margin: 10px 0 6px; color: var(--text); font-weight: 900; }
.pl-profile-hero span { color: var(--muted); }
.profile-top-redesign {
  grid-template-columns: 122px minmax(0, 1fr) minmax(104px, .42fr);
  gap: 16px;
  align-items: center;
  padding-right: 58px;
}
.profile-shirt-wrap {
  display: grid;
  place-items: center;
}
.profile-hero-copy {
  min-width: 0;
}
.profile-hero-copy h1 {
  text-transform: uppercase;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
}
.profile-hero-copy p {
  margin: 10px 0 7px;
}
.profile-hero-copy span {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-weight: 800;
}
.profile-rating-card {
  --tier-color: #25dd66;
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 7px;
  border: 1px solid color-mix(in srgb, var(--tier-color) 34%, rgba(255,255,255,.08));
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--tier-color) 20%, transparent), transparent 62%),
    rgba(4,13,18,.62);
  padding: 16px 10px;
  text-align: center;
}
.profile-rating-card.tier-world-class,
.profile-rating-card.tier-elite { --tier-color: #25dd66; }
.profile-rating-card.tier-excellent { --tier-color: #6ff58b; }
.profile-rating-card.tier-good { --tier-color: #b7f35a; }
.profile-rating-card.tier-average { --tier-color: #facc15; }
.profile-rating-card.tier-weakness { --tier-color: #94a3b8; }
.profile-rating-card span {
  color: var(--tier-color);
  font: 900 11px/1.1 "Inter", sans-serif;
  text-transform: none;
}
.profile-rating-card strong {
  color: #0df26d;
  font: 900 clamp(54px, 12vw, 76px)/.82 "Bebas Neue", "Inter", sans-serif;
}
.profile-rating-card b {
  min-width: 72px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--tier-color) 18%, transparent);
  color: #f4fff8;
  padding: 5px 10px;
  font: 900 11px/1 "DM Mono", monospace;
  text-transform: uppercase;
}
.profile-rating-card em {
  color: var(--tier-color);
  font-style: normal;
  font-weight: 900;
}
.profile-rating-card small {
  width: 100%;
  border-top: 1px solid rgba(255,255,255,.08);
  color: var(--muted);
  padding-top: 7px;
  font-size: 10px;
}
.profile-rating-card small.up { color: var(--accent); }
.profile-rating-card small.down { color: var(--red); }
.profile-league-label {
  display: inline-flex;
  width: max-content;
  margin-top: 8px;
  padding: 4px 9px;
  border: 1px solid rgba(22, 255, 107, .24);
  border-radius: 999px;
  color: var(--green);
  background: rgba(22, 255, 107, .08);
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
}
.profile-fav {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: var(--accent);
  font-size: 24px;
}
.profile-attribute-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 0 12px 12px;
}
.profile-top-section {
  padding-top: 2px;
}
.profile-top-section > header {
  margin: 0 12px 10px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.profile-attribute-grid article {
  min-height: 172px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  padding: 12px 10px;
  text-align: center;
}
.profile-attribute-grid .player-strength-card.attribute-primary {
  border-color: rgba(37,221,102,.38);
  background:
    radial-gradient(circle at left top, rgba(37,221,102,.22), transparent 54%),
    linear-gradient(145deg, rgba(13,43,27,.78), rgba(7,18,24,.96));
}
.profile-attribute-grid .player-strength-card.attribute-secondary {
  border-color: rgba(187,114,255,.30);
  background:
    radial-gradient(circle at left top, rgba(187,114,255,.18), transparent 54%),
    linear-gradient(145deg, rgba(29,17,49,.68), rgba(7,18,24,.96));
}
.profile-attribute-grid .player-strength-card.attribute-tertiary {
  border-color: rgba(198,207,214,.20);
  background:
    radial-gradient(circle at left top, rgba(198,207,214,.11), transparent 54%),
    linear-gradient(145deg, rgba(19,29,36,.72), rgba(7,18,24,.96));
}
.profile-attribute-grid .player-strength-card .strength-name { color: #eef6f2; }
.profile-attribute-grid .player-strength-card .strength-ring strong {
  display: block;
  margin: 0;
  color: #f8fbfb;
  font: 900 clamp(30px, 7vw, 48px)/.86 "Bebas Neue", "Inter", sans-serif;
}
.profile-attribute-grid .player-strength-card .strength-percentile {
  display: block;
  color: var(--tier-color);
  font-style: normal;
}
.profile-tabs {
  position: sticky;
  top: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 8px 12px 12px;
  background: rgba(5,9,10,.94);
  backdrop-filter: blur(14px);
}
.profile-tabs button {
  min-height: 34px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}
.profile-tabs button.active { color: var(--accent); border-bottom-color: var(--accent); }
.profile-tab-panel { display: none; }
.profile-tab-panel.active { display: block; }
.profile-panel {
  margin: 0 12px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  padding: 14px;
}
.profile-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.profile-panel header small { color: var(--muted); font-weight: 700; text-transform: none; }
.player-details-panel,
.season-snapshot-panel {
  border-radius: 12px;
  background:
    radial-gradient(circle at 0% 0%, rgba(22,212,107,.12), transparent 34%),
    rgba(255,255,255,.035);
}
.player-details-panel header,
.season-snapshot-panel header {
  margin-bottom: 14px;
  font-size: 13px;
  letter-spacing: .04em;
}
.player-details-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(4,13,18,.28);
}
.player-detail-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "label"
    "value";
  gap: 5px;
  align-items: center;
  justify-items: center;
  border-right: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding: 14px 12px;
  text-align: center;
}
.player-detail-item:nth-child(2n) { border-right: 0; }
.player-detail-item:nth-last-child(-n + 2) { border-bottom: 0; }
.player-details-grid .player-detail-item:nth-child(2n) { border-right: 1px solid rgba(255,255,255,.08); }
.player-details-grid .player-detail-item:nth-child(3n) { border-right: 0; }
.player-details-grid .player-detail-item { border-bottom: 0; }
.player-detail-item i {
  grid-area: icon;
  color: var(--accent);
  font: 900 17px/1 "Inter", sans-serif;
  text-align: center;
  display: none;
}
.player-detail-item span {
  grid-area: label;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.1;
}
.player-detail-item strong {
  grid-area: value;
  min-width: 0;
  color: var(--text);
  font-size: clamp(16px, 3.8vw, 21px);
  line-height: 1.08;
  overflow-wrap: normal;
  word-break: normal;
}
.player-detail-item strong small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}
.profile-top-redesign .wc-flag,
.player-details-panel .wc-flag,
.profile-top-redesign .club-player-national-flag,
.player-details-panel .club-player-national-flag,
.profile-top-redesign .inline-flag-img,
.player-details-panel .inline-flag-img {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  object-fit: contain;
}
.season-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.season-snapshot-panel header span {
  color: var(--accent);
}
.season-snapshot-select {
  min-width: 132px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: var(--text);
  padding: 8px 28px 8px 12px;
  font-size: 12px;
  font-weight: 800;
}
.season-snapshot-card {
  min-width: 0;
  min-height: 112px;
  display: grid;
  grid-template-rows: 24px auto minmax(28px, auto);
  align-content: center;
  justify-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background:
    radial-gradient(circle at 50% 0%, rgba(22,212,107,.13), transparent 50%),
    rgba(4,13,18,.42);
  padding: 12px 8px;
  text-align: center;
}
.season-snapshot-card i {
  color: var(--accent);
  font: 900 22px/1 "Inter", sans-serif;
}
.season-snapshot-card strong {
  min-width: 0;
  max-width: 100%;
  color: #f8fbfb;
  font: 900 clamp(28px, 6.4vw, 44px)/.86 "Bebas Neue", "Inter", sans-serif;
  letter-spacing: .01em;
  overflow: hidden;
  text-overflow: clip;
}
.season-snapshot-card span {
  display: block;
  min-height: 2.3em;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}
@media (max-width: 760px) {
  .profile-top-redesign {
    grid-template-columns: 96px minmax(0, 1fr) 92px;
    grid-template-areas:
      "shirt copy rating";
    gap: 10px;
    padding-right: 14px;
  }
  .profile-top-redesign .profile-shirt-wrap { grid-area: shirt; }
  .profile-top-redesign .profile-hero-copy {
    grid-area: copy;
    min-width: 0;
    padding-right: 0;
  }
  .profile-top-redesign .profile-rating-card {
    grid-area: rating;
    justify-self: end;
    width: 92px;
    gap: 4px;
    padding: 9px 6px;
  }
  .profile-hero-copy h1 {
    max-width: 100%;
    font-size: clamp(34px, 9.5vw, 48px);
    line-height: .9;
  }
  .profile-rating-card span { font-size: 7px; }
  .profile-rating-card strong { font-size: 38px; }
  .profile-rating-card b { min-width: 52px; padding: 3px 6px; font-size: 7px; }
  .profile-rating-card em { font-size: 10px; }
  .profile-rating-card small { font-size: 7px; }
  .season-snapshot-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
}
.price-outlook-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.price-outlook-grid div {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  padding: 10px 8px;
}
.price-outlook-grid span {
  display: block;
  min-height: 24px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
}
.price-outlook-grid strong {
  display: block;
  margin-top: 6px;
  color: var(--accent);
  font-size: clamp(18px, 4.5vw, 24px);
  line-height: 1;
  overflow-wrap: anywhere;
}
.price-outlook-panel p {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}
.price-outlook-panel p b {
  color: var(--text);
}
.profile-chart {
  display: grid;
  grid-template-columns: 72px 1fr 72px;
  gap: 12px;
  align-items: end;
}
.profile-chart span, .profile-chart em { display: block; color: var(--muted); font-size: 10px; font-style: normal; }
.profile-chart strong { display: block; color: var(--text); font-size: 28px; }
.profile-bars { display: flex; align-items: end; justify-content: space-around; height: 86px; border-bottom: 1px solid rgba(255,255,255,.12); }
.profile-bars i { position: relative; width: 18px; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, var(--accent), rgba(22,212,107,.36)); }
.profile-bars b { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); color: var(--text); font-size: 10px; }
.profile-stat-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.profile-stat-grid.compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.profile-stat-grid .wc-player-stat-tile {
  min-height: 78px;
  padding: 10px 6px;
  overflow: hidden;
}
.profile-stat-grid .wc-player-stat-tile span,
.profile-stat-grid .wc-player-stat-tile small {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.profile-stat-grid .wc-player-stat-tile strong {
  font-size: clamp(20px, 5vw, 26px);
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.profile-bio-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.profile-bio-grid span { display: block; color: var(--muted); font-size: 11px; }
.profile-bio-grid strong { display: block; margin-top: 5px; }
.profile-strength-row {
  display: grid;
  grid-template-columns: 110px 1fr 34px;
  gap: 10px;
  align-items: center;
  min-height: 30px;
}
.profile-strength-row span { font-size: 12px; }
.profile-strength-row i {
  display: block;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  overflow: hidden;
}
.profile-strength-row b { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.profile-strength-row strong { color: var(--text); font-family: "DM Mono", monospace; font-size: 12px; text-align: right; }
.profile-fixtures, .profile-recent, .profile-similar { display: flex; flex-direction: column; gap: 8px; }
.profile-fixtures div, .profile-similar button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 7px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  padding: 10px;
}
.profile-fixtures span, .profile-similar span { display: flex; align-items: center; gap: 8px; }
.profile-fixtures strong, .profile-recent strong, .profile-similar strong { color: var(--accent); }
.profile-fixtures .profile-fixture-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 68px 44px;
  grid-template-areas:
    "opponent date difficulty"
    "opponent meta difficulty";
  gap: 4px 6px;
  min-height: 66px;
}
.profile-fixture-row > span,
.profile-fixture-row > button.profile-fixture-opponent {
  grid-area: opponent;
  min-width: 0;
  font-weight: 800;
}
.profile-fixture-row > button.profile-fixture-opponent {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.profile-fixture-row > button.profile-fixture-opponent:focus-visible {
  border-radius: 6px;
  outline: 2px solid rgba(37, 219, 119, .72);
  outline-offset: 3px;
}
.profile-fixture-opponent-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-fixture-row > strong {
  grid-area: date;
  align-self: end;
  font-size: 11px;
  letter-spacing: -.02em;
  text-align: right;
  white-space: nowrap;
}
.profile-fixture-row > small {
  grid-area: meta;
  color: var(--muted);
  font-size: 9px;
  text-align: right;
}
.profile-fixture-difficulty {
  display: grid;
  grid-area: difficulty;
  align-self: stretch;
  place-content: center;
  min-width: 42px;
  border: 1px solid currentColor;
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  color: #ffd43b;
  font-style: normal;
  text-align: center;
}
.profile-fixture-difficulty b {
  color: currentColor;
  font: 900 13px/1 "DM Mono", monospace;
}
.profile-fixture-difficulty i {
  margin-top: 5px;
  color: currentColor;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
}
.profile-fixture-difficulty.easy,
.profile-fixture-difficulty.very-easy { color: #25db77; background: rgba(37,219,119,.09); }
.profile-fixture-difficulty.medium { color: #ffd43b; background: rgba(255,212,59,.08); }
.profile-fixture-difficulty.hard { color: #ff8f3d; background: rgba(255,143,61,.09); }
.profile-fixture-difficulty.very-hard { color: #ff4d5f; background: rgba(255,77,95,.09); }
.projection-official-fixture {
  display: block;
  margin-top: 8px;
  color: #c7d2d6;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}
.profile-recent-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 48px;
  grid-template-areas:
    "badge main points"
    "badge stats stats";
  column-gap: 12px;
  row-gap: 10px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.045);
  padding: 14px;
}
.profile-opponent-abbr {
  display: grid;
  place-items: center;
  grid-area: badge;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(22,212,107,.26);
  border-radius: 10px;
  background: rgba(22,212,107,.10);
  color: var(--accent);
  font: 800 12px/1 "DM Sans", sans-serif;
  letter-spacing: 0;
}
.profile-recent-main {
  grid-area: main;
  min-width: 0;
}
.profile-recent-main > strong {
  display: block;
  color: var(--text);
  font-size: clamp(17px, 4.6vw, 19px);
  font-weight: 800;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: normal;
}
.profile-recent-main > small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 13px;
}
.profile-recent-points {
  grid-area: points;
  display: grid;
  justify-items: end;
  align-self: start;
}
.profile-recent-points strong {
  color: var(--accent);
  font: 900 26px/.9 "DM Sans", sans-serif;
}
.profile-recent-points span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1;
}
.profile-recent-stats {
  grid-area: stats;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.profile-recent-stats span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(4,13,18,.56);
  padding: 8px 6px;
}
.profile-recent-stats em {
  color: var(--muted);
  font: 800 10px/1 "DM Sans", sans-serif;
  letter-spacing: 0;
}
.profile-recent-stats b {
  color: var(--accent);
  font: 900 16px/1 "DM Sans", sans-serif;
}
.profile-similar button {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 48px;
  width: 100%;
  text-align: left;
}
.profile-similar .mini-kit {
  justify-self: center;
}
.profile-similar span {
  min-width: 0;
  display: block;
}
.profile-similar span > small,
.profile-similar em {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
}
.profile-similar span {
  color: var(--text);
  font-weight: 800;
}
.profile-similar strong {
  justify-self: end;
  text-align: right;
}
.profile-ai-panel {
  border-color: rgba(22,212,107,.24);
  background:
    radial-gradient(circle at 14% 0%, rgba(22,212,107,.16), transparent 34%),
    rgba(255,255,255,.035);
}
.detail-pred-card.purple {
  border-color: rgba(192,132,252,.30);
  background: rgba(192,132,252,.08);
}
.detail-pred-card.purple strong { color: #c084fc; }
.profile-reason-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.profile-reason-grid div {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  padding: 12px;
}
.profile-reason-grid strong {
  display: block;
  margin-bottom: 8px;
  color: var(--text);
  font-size: 12px;
}
.profile-reason-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.projection-outlook-card {
  --projection-color: var(--accent);
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 128px;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background:
    radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--projection-color) 18%, transparent), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.projection-outlook-card.strong,
.projection-outlook-card.good,
.projection-metric-card.good,
.projection-signal-card.strong,
.projection-signal-card.good { --projection-color: var(--accent); }
.projection-outlook-card.playable,
.projection-metric-card.playable,
.projection-signal-card.playable { --projection-color: #d7f046; }
.projection-outlook-card.tough,
.projection-metric-card.tough,
.projection-signal-card.tough { --projection-color: #f59e0b; }
.projection-outlook-card.avoid,
.projection-metric-card.avoid,
.projection-signal-card.avoid { --projection-color: #ef4444; }
.projection-outlook-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: var(--projection-color);
  font-size: 28px;
  font-weight: 900;
  background: color-mix(in srgb, var(--projection-color) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--projection-color) 32%, transparent);
  box-shadow: 0 0 22px color-mix(in srgb, var(--projection-color) 16%, transparent);
}
.projection-outlook-card span,
.projection-signal-card span,
.projection-metric-card span {
  display: block;
  color: color-mix(in srgb, var(--projection-color) 88%, #fff);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.projection-outlook-card strong {
  display: block;
  color: var(--projection-color);
  font-family: "Bebas Neue", var(--font-display);
  font-size: clamp(36px, 8vw, 54px);
  line-height: .95;
  margin-top: 6px;
}
.projection-outlook-card p,
.projection-signal-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}
.projection-outlook-card aside {
  width: 112px;
  min-height: 82px;
  justify-self: end;
  border-radius: 18px;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  background:
    radial-gradient(circle, rgba(255,255,255,.05) 0 42%, transparent 43%),
    conic-gradient(var(--projection-color) var(--projection-meter), rgba(255,255,255,.10) 0);
  box-shadow: inset 0 0 0 12px rgba(5,10,14,.92);
  isolation: isolate;
  overflow: hidden;
  position: relative;
}
.projection-outlook-card aside::before {
  position: absolute;
  z-index: -1;
  inset: 12px;
  border-radius: 12px;
  background: rgba(5,10,14,.96);
  content: "";
}
.projection-outlook-card aside b {
  color: #f4f7f7;
  font-size: 15px;
  font-weight: 900;
}
.projection-outlook-card aside small {
  color: #b9c5ca;
  font-size: 10px;
}
.projection-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.projection-metric-card {
  --projection-color: var(--accent);
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background:
    radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--projection-color) 12%, transparent), transparent 36%),
    rgba(255,255,255,.035);
}
.projection-metric-card i {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  margin-bottom: 8px;
  border-radius: 10px;
  color: var(--projection-color);
  font-style: normal;
  font-weight: 900;
  background: color-mix(in srgb, var(--projection-color) 12%, transparent);
}
.projection-metric-card strong {
  display: block;
  color: var(--text);
  font-family: "Bebas Neue", var(--font-display);
  font-size: clamp(34px, 7vw, 46px);
  line-height: 1;
  margin-top: 8px;
}
.projection-metric-card strong small {
  color: var(--muted);
  font-family: var(--font);
  font-size: 12px;
  margin-left: 2px;
}
.projection-metric-card b {
  display: inline-flex;
  margin-top: 8px;
  padding: 4px 10px;
  border: 1px solid color-mix(in srgb, var(--projection-color) 38%, transparent);
  border-radius: 999px;
  color: var(--projection-color);
  background: color-mix(in srgb, var(--projection-color) 10%, transparent);
  font-size: 10px;
  font-weight: 900;
}
.projection-metric-card em {
  display: block;
  margin-top: 7px;
  min-height: 18px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.3;
}
.projection-metric-card div {
  height: 5px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
}
.projection-metric-card div span {
  height: 100%;
  border-radius: inherit;
  background: var(--projection-color);
  box-shadow: 0 0 12px color-mix(in srgb, var(--projection-color) 42%, transparent);
}
.projection-signal-card {
  --projection-color: #c084fc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 12px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--projection-color) 24%, transparent);
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 25%, color-mix(in srgb, var(--projection-color) 16%, transparent), transparent 34%),
    rgba(192,132,252,.055);
}
.projection-signal-card strong {
  display: block;
  color: var(--projection-color);
  font-family: "Bebas Neue", var(--font-display);
  font-size: 32px;
  line-height: 1;
  margin-top: 4px;
}
.projection-signal-card > b {
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--text);
  font-size: 17px;
  font-weight: 900;
  background:
    radial-gradient(circle, rgba(5,10,14,.92) 0 54%, transparent 55%),
    conic-gradient(var(--projection-color) var(--projection-signal), rgba(255,255,255,.12) 0);
}
.projection-reason-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
  padding: 0;
}
.projection-reason-panel > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
.projection-reason-panel h3 {
  margin: 0 0 10px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.projection-reason-panel .risk h3 { color: #ff6b6b; }
.projection-reason-panel p {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  margin: 0;
  padding: 7px 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.35;
}
.projection-reason-panel p + p {
  border-top: 1px solid rgba(255,255,255,.06);
}
.projection-reason-panel p span {
  color: var(--accent);
  font-weight: 900;
}
.projection-reason-panel .risk p span {
  color: #ff6b6b;
}

@media (max-width: 760px) {
  .projection-outlook-card {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }
  .projection-outlook-icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    font-size: 22px;
  }
  .projection-outlook-card strong {
    font-size: clamp(31px, 10vw, 40px);
  }
  .projection-outlook-card aside {
    grid-column: 1 / -1;
    justify-self: stretch;
    width: auto;
    min-height: 58px;
    box-shadow: inset 0 0 0 9px rgba(5,10,14,.92);
  }
  .projection-outlook-card aside::before {
    inset: 9px;
  }
  .projection-metric-grid,
  .projection-reason-panel {
    grid-template-columns: 1fr;
  }
  .projection-signal-card {
    padding: 14px;
  }
  .projection-signal-card strong {
    font-size: 28px;
  }
  .projection-signal-card > b {
    width: 52px;
    height: 52px;
    font-size: 15px;
  }
  .my-team-page { gap: 12px; }
  .mini-league-analyst > header,
  .mini-league-heading,
  .mini-league-analyst > footer { align-items: stretch; flex-direction: column; }
  .mini-league-analyst > header b { align-self: flex-start; }
  .mini-league-form { grid-template-columns: 1fr; }
  .mini-league-form button { width: 100%; }
  .mini-league-guard { grid-template-columns: 1fr; }
  .mini-league-guard span,
  .mini-league-guard button { grid-column: 1; grid-row: auto; }
  .mini-league-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mini-league-heading small { text-align: left; }
  .mini-league-planner > header { align-items: stretch; flex-direction: column; }
  .mini-league-horizon { align-self: stretch; }
  .mini-league-horizon button { flex: 1; }
  .mini-league-plan-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mini-league-plan-actions { grid-template-columns: 1fr; }
  .mini-league-roadmap article { grid-template-columns: 42px minmax(0, 1fr) 44px; }
  .mini-league-roadmap article > small { grid-column: 2 / span 2; white-space: normal; }
  .my-team-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    padding-inline: 12px;
  }
  .my-team-topbar > button {
    justify-self: start;
    min-height: 36px;
    padding-inline: 10px;
    font-size: 11px;
  }
  .my-team-topbar h1 { font-size: 28px; line-height: 1.05; }
  .my-team-hero,
  .my-team-score-tracker,
  .my-team-summary,
  .my-team-promoted-watchlist,
  .my-team-price-alerts,
  .my-team-lineup-card,
  .my-team-tab-content,
  .my-team-verdict { margin-inline: 12px; }
  .my-team-hero {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px 12px;
    padding: 12px;
  }
  .my-team-hero > div:nth-last-child(-n+2) {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.08);
    padding: 10px 0 0;
  }
  .my-team-hero > div:nth-last-child(2),
  .my-team-hero > div:last-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
  }
  .my-team-hero h2 { font-size: 24px; }
  .my-team-hero p,
  .my-team-hero span,
  .my-team-hero small { font-size: 11px; line-height: 1.25; }
  .my-team-hero strong { margin-top: 0; font-size: 31px; text-align: right; }
  .my-team-score-tracker { padding: 12px; }
  .my-team-score-tracker > header strong { font-size: 15px; }
  .my-team-score-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .my-team-score-grid article { padding: 9px 10px; }
  .my-team-score-grid strong { font-size: 27px; }
  .my-team-crest { width: 50px; height: 50px; border-radius: 15px; font-size: 22px; }
  .my-team-summary { padding: 12px; }
  .my-team-summary > div {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .my-team-promoted-watchlist > div,
  .my-team-price-alerts > div { grid-template-columns: 1fr; }
  .my-team-summary-card {
    grid-template-columns: 46px minmax(0, 1fr);
    min-height: 70px;
    padding: 9px;
  }
  .my-team-summary-card strong { font-size: 15px; }
  .my-team-summary-card small { font-size: 10px; }
  .my-team-pitch {
    min-height: 485px;
    margin-inline: 10px;
    padding: 14px 7px;
  }
  .my-team-pitch-row { gap: 6px; }
  .lineup-player { width: 63px; padding: 5px 0 0; }
  .lineup-kit { width: 38px; height: 36px; }
  .lineup-player strong { font-size: 10px; }
  .lineup-fixture { min-height: 31px; }
  .lineup-fixture b { font-size: 9px; }
  .lineup-fixture small { font-size: 6px; }
  .my-team-bench {
    grid-template-columns: 1fr;
    padding: 10px;
  }
  .my-team-bench > span { grid-column: 1 / -1; }
  .my-team-bench button { grid-template-columns: 18px 34px minmax(0, 1fr) 40px; }
  .my-team-tabs { padding-inline: 12px; }
  .my-team-overview-grid,
  .my-team-panel-grid,
  .my-team-chip-grid { grid-template-columns: 1fr; }
  .my-team-overview-grid article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 12px;
    padding: 10px 12px;
  }
  .my-team-overview-grid strong {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0;
    font-size: 28px;
    text-align: right;
  }
  .my-team-overview-grid small { grid-column: 1; }
  .my-team-transfer-card {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
  }
  .my-team-transfer-card b {
    justify-self: center;
    transform: rotate(90deg);
  }
  .my-team-transfer-card em { text-align: left; }
  .my-team-rank-panel button {
    grid-template-columns: 28px minmax(0, 1fr) 48px 54px;
    grid-template-areas:
      "rank info kit points"
      "rank info kit label";
    min-height: 82px;
    padding: 10px;
  }
  .my-team-rank-panel i { grid-area: rank; align-self: start; }
  .my-team-rank-panel .mini-kit { grid-area: kit; justify-self: center; width: 44px; height: 42px; }
  .my-team-rank-panel button div { grid-area: info; }
  .my-team-rank-panel strong {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    line-height: 1.12;
  }
  .my-team-rank-panel small {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.25;
    white-space: normal;
  }
  .my-team-rank-panel b { grid-area: points; align-self: end; font-size: 25px; }
  .my-team-rank-panel button span {
    grid-area: label;
    align-self: start;
    font-size: 10px;
  }
  .my-team-verdict {
    grid-template-columns: minmax(0, 1fr);
    padding: 13px;
  }
  .my-team-verdict > div:first-child { display: none; }
  .my-team-verdict h3 span {
    display: inline-block;
    max-width: 100%;
  }
  .my-team-verdict dl {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .my-team-verdict dl > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 8px;
  }
  .my-team-verdict dd { font-size: 18px; }
}

@media (max-width: 430px) {
  .pl-match-card { margin-inline: 8px; padding: 34px 10px 12px; }
  .pl-match-main { grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr); gap: 6px; }
  .pl-match-score { width: 64px; font-size: 36px; }
  .pl-match-team { gap: 6px; }
  .pl-match-team b { font-size: 16px; }
  .pl-match-team .fixture-badge-frame { width: 36px; height: 36px; }
  .pl-table-panel { margin-inline: 8px; }
  .pl-table-head, .pl-table-row { grid-template-columns: 22px minmax(50px, 1fr) 22px 34px 34px minmax(74px, 1.1fr) 38px; font-size: 10px; gap: 4px; }
  .pl-table-head { font-size: 8px; }
  .pl-table-row .form i { width: 15px; height: 15px; font-size: 8px; }
  .pl-table-row .club { gap: 4px; }
  .pl-table-row .table-badge-frame { width: 24px; height: 24px; }
  .pl-table-row strong { font-size: 16px; }
  .pl-table-row em { min-width: 32px; padding-inline: 4px; }
  .leader-row { grid-template-columns: 24px 58px minmax(0, 1fr) 54px; min-height: 88px; gap: 8px; }
  .leader-row.top { grid-template-columns: 24px 92px minmax(0, 1fr) 58px; min-height: 124px; }
  .leader-kit { width: 58px; height: 52px; }
  .leader-kit i { width: 32px; height: 40px; }
  .leader-row.top .leader-kit { width: 92px; height: 82px; }
  .leader-row.top .leader-kit i { width: 52px; height: 64px; }
  .leader-tags { display: none; }
  .leader-stat { min-width: 48px; }
  .leader-stat strong { font-size: 32px; }
  .leader-row.top .leader-stat strong { font-size: 42px; }
  .pl-profile-hero { grid-template-columns: 98px minmax(0, 1fr); gap: 14px; padding: 22px 14px 16px; }
  .profile-top-redesign {
    grid-template-columns: 84px minmax(0, 1fr) 86px;
    grid-template-areas:
      "shirt copy rating";
    gap: 9px;
    padding-right: 14px;
  }
  .profile-top-redesign .profile-shirt-wrap { grid-area: shirt; }
  .profile-top-redesign .profile-hero-copy { grid-area: copy; padding-right: 0; }
  .profile-top-redesign .profile-rating-card { grid-area: rating; justify-self: end; width: 86px; }
  .profile-hero-copy h1 { font-size: clamp(32px, 9vw, 42px); line-height: .9; }
  .profile-top-redesign .profile-fav {
    right: 10px;
    top: 10px;
    width: 34px;
    height: 34px;
    font-size: 19px;
  }
  .profile-rating-card {
    gap: 5px;
    padding: 8px 5px;
  }
  .profile-rating-card span { font-size: 7px; }
  .profile-rating-card strong { font-size: 36px; }
  .profile-rating-card b { min-width: 48px; padding: 3px 5px; font-size: 7px; }
  .profile-rating-card em { font-size: 9px; }
  .profile-rating-card small { font-size: 7px; }
  .profile-kit { width: 84px; height: 76px; }
  .profile-kit i { width: 48px; height: 62px; }
  .profile-kit::before, .profile-kit::after { width: 32px; height: 40px; }
  .profile-attribute-grid { gap: 6px; padding-inline: 10px; }
  .profile-attribute-grid .player-strength-card .strength-name { font-size: 8px; min-height: 24px; }
  .profile-attribute-grid .player-strength-card .strength-summary { display: none; }
  .profile-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .profile-stat-grid.compact { grid-template-columns: repeat(2, 1fr); }
  .player-details-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .player-detail-item:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.08); }
  .player-detail-item:nth-child(2n) { border-right: 1px solid rgba(255,255,255,.08); }
  .player-detail-item:nth-child(3n) { border-right: 0; }
  .player-detail-item:nth-last-child(-n + 3) { border-bottom: 1px solid rgba(255,255,255,.08); }
  .player-detail-item:nth-last-child(-n + 3) { border-bottom: 0; }
  .player-detail-item { grid-template-columns: 1fr; grid-template-areas: "label" "value"; justify-items: center; gap: 5px; padding: 12px 6px; text-align: center; }
  .player-detail-item i { font-size: 16px; }
  .player-detail-item span { font-size: 9px; }
  .player-detail-item strong { font-size: 15px; }
  .player-detail-item strong small { font-size: 9px; }
  .season-snapshot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .season-snapshot-panel header { align-items: flex-start; flex-direction: column; }
  .season-snapshot-select { width: 100%; }
  .season-snapshot-card { min-height: 96px; padding: 10px 6px; gap: 6px; grid-template-rows: 18px auto minmax(24px, auto); }
  .season-snapshot-card i { font-size: 16px; }
  .season-snapshot-card strong { font-size: 30px; }
  .season-snapshot-card span { font-size: 10px; line-height: 1.15; min-height: 2.3em; }
  .profile-reason-grid { grid-template-columns: 1fr; }
  .profile-attribute-grid article { min-height: 148px; padding: 10px 6px; }
  .profile-attribute-grid .player-strength-card .strength-ring { width: clamp(58px, 17vw, 72px); }
  .profile-attribute-grid .player-strength-card .strength-ring strong { font-size: 32px; }
  .profile-attribute-grid .player-strength-card .strength-ring small { margin-top: 1px; font-size: 8px; }
  .profile-attribute-grid .player-strength-card .strength-tier { min-width: 52px; padding: 3px 7px; font-size: 8px; }
  .profile-attribute-grid .player-strength-card .strength-percentile { font-size: 10px; }
  .fantasy-hub-shell { padding-inline: 12px; }
  .fantasy-hub-title { align-items: center; margin-bottom: 10px; }
  .fantasy-hub-title h1 { font-size: 38px; }
  .fantasy-hub-title p { font-size: 12px; }
  .fantasy-promo { grid-template-columns: 74px minmax(0, 1fr) 56px; gap: 10px; min-height: 100px; padding: 12px; }
  .fantasy-kit { width: 72px; height: 64px; }
  .fantasy-kit i { width: 38px; height: 48px; }
  .fantasy-promo strong { font-size: 20px; }
  .fantasy-promo b { font-size: 38px; }
  .fantasy-promo small { margin-top: 5px; font-size: 8px; }
  .fantasy-projection-card { padding: 12px; }
  .fantasy-projection-controls { gap: 7px; }
  .fantasy-projection-player { grid-template-columns: 52px minmax(0, 1fr) 50px; }
  .fantasy-projection-metrics { gap: 6px; }
  .fantasy-projection-metrics div { padding: 8px 5px; }
  .fantasy-projection-metrics span { font-size: 8px; }
  .fantasy-projection-metrics strong { font-size: 18px; }
  .fantasy-row { grid-template-columns: 22px 56px minmax(0, 1fr) 70px; min-height: 78px; gap: 9px; padding: 8px 10px; }
  .fantasy-row strong { font-size: 16px; }
  .fantasy-row span { font-size: 11px; }
  .fantasy-row b { font-size: 32px; }
  .fantasy-row small { max-width: 70px; font-size: 7px; }
  .row-kit { width: 54px; height: 48px; }
  .row-kit i { width: 22px; height: 28px; }
  .my-team-page { gap: 12px; }
  .my-team-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: flex-start;
    padding-inline: 12px;
  }
  .my-team-topbar > button {
    justify-self: start;
    min-height: 36px;
    padding-inline: 10px;
    font-size: 11px;
  }
  .my-team-topbar h1 { font-size: 26px; }
  .my-team-deadline {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    margin-inline: 12px;
    padding: 11px 12px;
  }
  .my-team-deadline-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 20px;
  }
  .my-team-deadline strong { font-size: 13px; }
  .my-team-hero,
  .my-team-score-tracker,
  .my-team-summary,
  .my-team-promoted-watchlist,
  .my-team-price-alerts,
  .my-team-lineup-card,
  .my-team-tab-content,
  .my-team-verdict { margin-inline: 12px; }
  .my-team-hero {
    grid-template-columns: 50px minmax(0, 1fr) 78px;
    gap: 10px;
    padding: 12px;
  }
  .my-team-hero > div:last-child {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.08);
    padding: 10px 0 0;
  }
  .my-team-hero > div:nth-last-child(2) {
    border-left: 1px solid rgba(255,255,255,.08);
    padding-left: 10px;
  }
  .my-team-hero h2 { font-size: 21px; line-height: 1.05; }
  .my-team-hero p,
  .my-team-hero span,
  .my-team-hero small { font-size: 10px; line-height: 1.25; }
  .my-team-hero strong { font-size: 27px; }
  .my-team-crest { width: 50px; height: 50px; border-radius: 15px; font-size: 22px; }
  .my-team-summary { padding: 12px; }
  .my-team-summary > div { grid-template-columns: 1fr; gap: 8px; }
  .my-team-promoted-watchlist > div,
  .my-team-price-alerts > div { grid-template-columns: 1fr; }
  .my-team-summary-card {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 70px;
    padding: 8px;
  }
  .my-team-summary-card strong { font-size: 14px; }
  .my-team-summary-card small { font-size: 10px; }
  .my-team-pitch {
    min-height: 485px;
    margin-inline: 10px;
    padding: 14px 7px;
  }
  .my-team-pitch-row { gap: 6px; }
  .lineup-player { width: 63px; padding: 5px 0 0; }
  .lineup-kit { width: 38px; height: 36px; }
  .lineup-player strong { font-size: 10px; }
  .lineup-fixture { min-height: 31px; }
  .lineup-fixture b { font-size: 9px; }
  .lineup-fixture small { font-size: 6px; }
  .my-team-bench {
    grid-template-columns: 1fr;
    padding: 10px;
  }
  .my-team-bench > span { grid-column: 1 / -1; }
  .my-team-bench button { grid-template-columns: 16px 34px minmax(0, 1fr) 36px; }
  .my-team-tabs { padding-inline: 12px; }
  .my-team-overview-grid,
  .my-team-panel-grid,
  .my-team-chip-grid { grid-template-columns: 1fr; }
  .my-team-overview-grid article { padding: 10px; }
  .my-team-overview-grid strong { font-size: 24px; }
  .my-team-transfer-card { grid-column: 1 / -1; }
  .my-team-transfer-card {
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr);
    padding: 10px;
  }
  .my-team-rank-panel button {
    grid-template-columns: 28px minmax(0, 1fr) 46px 52px;
    grid-template-areas:
      "rank info kit points"
      "rank info kit label";
    min-height: 82px;
    padding: 10px;
  }
  .my-team-rank-panel i { grid-area: rank; align-self: start; }
  .my-team-rank-panel .mini-kit { grid-area: kit; justify-self: center; width: 42px; height: 40px; }
  .my-team-rank-panel button div { grid-area: info; }
  .my-team-rank-panel strong {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    line-height: 1.12;
  }
  .my-team-rank-panel small {
    margin-top: 5px;
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
  }
  .my-team-rank-panel b { grid-area: points; align-self: end; font-size: 24px; }
  .my-team-rank-panel button span {
    grid-area: label;
    align-self: start;
    font-size: 10px;
  }
  .my-team-verdict {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 13px;
  }
  .my-team-verdict > div:first-child { width: 40px; height: 40px; font-size: 20px; }
  .my-team-verdict dl {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .my-team-verdict dl > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 8px;
  }
  .my-team-verdict dd { font-size: 18px; }
  .my-team-import { grid-template-columns: 1fr; }
  .comparison-selectors { grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr); gap: 6px; }
  .comparison-selector > div:first-of-type { grid-template-columns: 30px minmax(0, 1fr); padding: 6px; }
  .comparison-selector input { font-size: 11px; }
  .comparison-swap { width: 36px; height: 36px; font-size: 18px; }
  .comparison-player-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 128px; }
  .comparison-player-hero > b { width: 32px; height: 32px; font-size: 11px; }
  .comparison-player-side {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    gap: 7px;
    padding: 12px 24px 12px 10px;
  }
  .comparison-player-side.purple {
    grid-template-columns: minmax(0, 1fr);
    justify-items: end;
    padding: 12px 10px 12px 24px;
  }
  .comparison-kit {
    grid-row: 1;
    width: 52px;
    height: 48px;
  }
  .comparison-player-side.purple .comparison-kit {
    grid-row: 1;
    order: -1;
  }
  .comparison-player-side strong {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    line-height: 1.05;
  }
  .comparison-player-side small {
    font-size: 10px;
    line-height: 1.18;
  }
  .comparison-radar-wrap { grid-template-columns: 58px minmax(0, 1fr) 58px; gap: 4px; }
  .comparison-timeframes { gap: 5px; }
  .comparison-timeframes button { min-height: 31px; font-size: 9px; }
  .comparison-radar text { font-size: 7px; }
  .comparison-overall strong { font-size: 42px; }
  .comparison-overall span { font-size: 9px; overflow-wrap: anywhere; }
  .comparison-stat-row { grid-template-columns: 58px minmax(0, 1fr) 58px; }
  .comparison-stat-row span { font-size: 10px; }
  .comparison-verdict-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comparison-verdict-item { padding: 9px; }
  .comparison-verdict-item strong { font-size: 14px; }
  .comparison-verdict-item small { font-size: 10px; }
}

/* World Cup special tournament theme */
#page-worldcup {
  background:
    radial-gradient(ellipse 130% 62% at 50% -18%, rgba(60,172,59,.30) 0 12%, rgba(42,57,141,.30) 12% 20%, rgba(230,29,37,.26) 20% 28%, rgba(209,212,209,.14) 28% 35%, rgba(71,74,74,.24) 35% 43%, transparent 43%),
    radial-gradient(ellipse 118% 54% at 50% 112%, rgba(42,57,141,.24) 0 12%, rgba(60,172,59,.22) 12% 20%, rgba(230,29,37,.20) 20% 28%, transparent 28%),
    linear-gradient(180deg, #061010 0%, #081315 48%, #05090a 100%);
  padding-top: 1px;
}
#page-worldcup .wc-band {
  border-color: rgba(209,212,209,.22);
  position: relative;
  background:
    linear-gradient(180deg, rgba(6,16,16,.50), rgba(8,18,22,.88)),
    radial-gradient(circle at 50% 0%, rgba(230,29,37,.62) 0 18%, rgba(42,57,141,.56) 18% 32%, rgba(60,172,59,.48) 32% 46%, rgba(209,212,209,.10) 46% 56%, transparent 56%),
    radial-gradient(circle at 8% 86%, rgba(60,172,59,.36) 0 20%, rgba(42,57,141,.32) 20% 34%, rgba(230,29,37,.28) 34% 48%, transparent 48%),
    radial-gradient(circle at 104% 84%, rgba(42,57,141,.36) 0 20%, rgba(230,29,37,.28) 20% 34%, rgba(60,172,59,.24) 34% 48%, transparent 48%),
    #0b1112;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}
#page-worldcup .wc-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 120% 42% at 50% 102%, transparent 0 28%, rgba(60,172,59,.26) 29% 38%, rgba(42,57,141,.24) 38% 47%, rgba(230,29,37,.20) 47% 56%, transparent 57%);
  opacity: .75;
  filter: saturate(1.25);
}
#page-worldcup .wc-band > * {
  position: relative;
  z-index: 1;
}
#page-worldcup .wc-kicker,
#page-worldcup .wc-stat-strip strong,
#page-worldcup .wc-section-title,
#page-worldcup .wc-kickoff strong,
#page-worldcup .wc-standings-head span {
  color: #3CAC3B;
}
#page-worldcup .wc-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 18px 16px 0;
  padding: 7px 10px;
  border: 1px solid rgba(209,212,209,.24);
  border-radius: 999px;
  background: rgba(5,9,10,.54);
  color: #f7fbfb;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .13em;
  text-shadow: 0 0 16px rgba(60,172,59,.38);
}
#page-worldcup .wc-band h2 {
  color: #f7fbfb;
  text-shadow: 0 0 18px rgba(42,57,141,.34);
}
#page-worldcup .wc-host-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px;
  margin-top: 10px;
  font-size: 36px;
  line-height: .95;
}
#page-worldcup .wc-host-title span {
  -webkit-text-stroke: 1px rgba(247,251,251,.48);
  font-weight: 950;
  paint-order: stroke fill;
}
#page-worldcup .wc-host-title em {
  color: rgba(209,212,209,.64);
  font-style: normal;
  font-size: 24px;
}
#page-worldcup .host-canada {
  color: #E61D25;
  text-shadow:
    0 2px #050908,
    0 0 14px rgba(230,29,37,.56);
}
#page-worldcup .host-mexico {
  color: #3CAC3B;
  text-shadow:
    0 2px #050908,
    0 0 14px rgba(60,172,59,.48);
}
#page-worldcup .host-usa {
  color: #2A398D;
  text-shadow:
    0 2px #050908,
    0 0 14px rgba(42,57,141,.55);
}
#page-worldcup .wc-stat-strip div {
  background: rgba(209,212,209,.08);
  border: 1px solid rgba(209,212,209,.16);
}
#page-worldcup .wc-filter {
  border-color: rgba(209,212,209,.18);
  background: rgba(71,74,74,.32);
  color: #D1D4D1;
}
#page-worldcup .wc-filter.active {
  border-color: #D1D4D1;
  background: #3CAC3B;
  color: #07100b;
}
#page-worldcup .wc-date-label {
  margin: 14px 0 6px;
  border: 1px solid rgba(255,255,255,.24);
  border-left: 4px solid #E61D25;
  border-bottom-color: rgba(42,57,141,.85);
  border-radius: 6px;
  background: #151b21;
  box-shadow: 0 5px 16px rgba(0,0,0,.28);
  color: #FFFFFF;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
}
#page-worldcup .wc-card,
#page-worldcup .wc-table-card,
#page-worldcup .wc-player-list,
#page-worldcup .wc-history-list,
#page-worldcup .wc-h2h-list div {
  border-color: rgba(209,212,209,.14);
  background:
    linear-gradient(145deg, rgba(42,57,141,.18), rgba(71,74,74,.22)),
    #081216;
}
#page-worldcup .wc-card:nth-of-type(3n) {
  background:
    linear-gradient(145deg, rgba(230,29,37,.16), rgba(71,74,74,.22)),
    #081216;
}
#page-worldcup .wc-team-chip {
  background: rgba(209,212,209,.08);
  border: 1px solid rgba(209,212,209,.08);
}
#page-worldcup .wc-open-match-btn {
  border-color: rgba(60,172,59,.62);
  background: rgba(60,172,59,.16);
  color: #D1D4D1;
}
#page-worldcup .wc-table-card h3 {
  color: #2A398D;
  border-bottom-color: rgba(42,57,141,.34);
}
#page-worldcup .wc-table-row:nth-child(odd) {
  background: rgba(255,255,255,.025);
}
#page-worldcup .wc-prediction-panel .wc-pred-main,
#page-worldcup .wc-match-summary button:first-child {
  border-color: rgba(230,29,37,.32);
  background: linear-gradient(135deg, rgba(230,29,37,.20), rgba(71,74,74,.16));
}
#page-worldcup .wc-prediction-panel .wc-confidence-watch {
  border-color: rgba(230,29,37,.62);
  background: linear-gradient(135deg, rgba(230,29,37,.24), rgba(71,74,74,.18));
}
#page-worldcup .wc-prediction-panel .wc-confidence-lean {
  border-color: rgba(244,211,94,.58);
  background: linear-gradient(135deg, rgba(244,211,94,.17), rgba(71,74,74,.18));
}
#page-worldcup .wc-prediction-panel .wc-confidence-strong {
  border-color: rgba(60,172,59,.64);
  background: linear-gradient(135deg, rgba(60,172,59,.22), rgba(71,74,74,.18));
}
#page-worldcup .wc-match-summary button:nth-child(2) {
  border-color: rgba(42,57,141,.34);
  background: linear-gradient(135deg, rgba(42,57,141,.24), rgba(71,74,74,.16));
}
#page-worldcup .wc-prediction-panel strong,
#page-worldcup .wc-match-summary span,
#page-worldcup .wc-table-row b {
  color: #3CAC3B;
}
#page-worldcup .wc-prediction-panel strong {
  overflow-wrap: normal;
  word-break: normal;
}
#page-worldcup .wc-prediction-panel .wc-confidence-watch strong { color: #ff6268; }
#page-worldcup .wc-prediction-panel .wc-confidence-lean strong { color: #f4d35e; }
#page-worldcup .wc-prediction-panel .wc-confidence-strong strong { color: #66d564; }
#page-worldcup .wc-prediction-panel > div:last-child strong {
  font-size: 25px;
}

/* World Cup special picks page */
#page-picks {
  background:
    radial-gradient(circle at 12% 0%, rgba(60,172,59,.22), transparent 25%),
    radial-gradient(circle at 86% 12%, rgba(230,29,37,.20), transparent 24%),
    radial-gradient(circle at 52% 104%, rgba(42,57,141,.24), transparent 32%),
    linear-gradient(180deg, #061010 0%, #081315 52%, #05090a 100%);
}
#page-picks .page-kicker {
  color: #3CAC3B;
  font-weight: 900;
}
#page-picks .page-title {
  color: #f7fbfb;
  text-shadow: 0 0 22px rgba(60,172,59,.20);
}
#page-picks .edge-filter.active,
#page-picks .edge-tag.strong {
  background: #3CAC3B;
  color: #061010;
}
#page-picks .edge-filter {
  border-color: rgba(209,212,209,.18);
  background: rgba(71,74,74,.28);
}
#page-picks .edge-builder,
#page-picks .edge-card,
#page-picks .free-pick-card,
#page-picks .player-card {
  border-color: rgba(209,212,209,.15);
  background:
    linear-gradient(135deg, rgba(42,57,141,.16), rgba(60,172,59,.10)),
    #081216;
}
#page-picks .wc-edge-builder {
  border-color: rgba(230,29,37,.28);
  box-shadow: 0 18px 42px rgba(0,0,0,.30);
}
#page-picks .edge-confidence strong,
#page-picks .s-title,
#page-picks .builder-leg span {
  color: #3CAC3B;
}

@media (max-width: 560px) {
  .membership-plans { grid-template-columns: 1fr; }
  .wc-player-columns, .wc-history-grid, .wc-team-grid, .detail-pred-grid { grid-template-columns: 1fr; }
  .wc-card-main { grid-template-columns: 1fr; }
  .wc-match-meta, .wc-open-match-btn { grid-column: auto; grid-row: auto; }
  .wc-open-match-btn { width: 100%; }
  .wc-prediction-panel { grid-template-columns: 1fr 1fr; }
  .edge-card { grid-template-columns: minmax(0, 1fr); }
  .edge-date-header { align-items: start; }
  .edge-date-header small { white-space: normal; text-align: right; }
  .edge-card-meta { align-items: start; }
  .edge-confidence { text-align: left; }
  .edge-market-prices { grid-template-columns: 1fr 1fr; }
  .edge-why-grid { grid-template-columns: 1fr; }
  .wc-handicap-grid, .wc-handicap-why { grid-template-columns: 1fr; }
  .wc-match-summary { grid-template-columns: 1fr; }
  .wc-odds-board header { grid-template-columns: 1fr; }
  .wc-odds-board > div { grid-template-columns: 1fr; gap: 5px; }
  .wc-odds-board > div span { border-top: 1px solid rgba(209,212,209,.07); padding-top: 4px; }
  .wc-decision-grid { grid-template-columns: 1fr 1fr; }
  .wc-sgp-legs > div { grid-template-columns: 38px minmax(0, 1fr); }
  .wc-sgp-legs small { grid-column: 2; text-align: left; }
  .wc-sgp-metrics { grid-template-columns: 1fr 1fr; }
  .wc-player-hero-v2 { grid-template-columns: 88px minmax(0, 1fr); gap: 13px; }
  .wc-player-number-orb { width: 82px; height: 82px; }
  .wc-player-number-orb strong { font-size: 35px; }
  .wc-player-number-orb span { margin-top: -15px; font-size: 12px; }
  .wc-player-number-orb .wc-flag { width: 30px; height: 30px; }
  .wc-team-orb .wc-flag { width: 58px; height: 58px; }
  .pl-team-orb .badge-frame {
    width: 82px;
    height: 82px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .pl-team-orb .team-badge {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
  }
  .wc-team-orb > span { display: none; }
  .wc-player-title-block h1 { font-size: 32px; }
  .wc-player-title-block p { gap: 6px; font-size: 12px; }
  .wc-player-title-block em { font-size: 11px; }
  .wc-hot-trends,
  .wc-player-metric-row,
  .wc-team-scouting-row,
  .wc-player-compare { grid-template-columns: 1fr; }
  .team-intel-headline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .team-intel-card {
    min-height: 148px;
    border-radius: 12px;
    padding: 12px 8px 10px;
  }
  .team-intel-top span {
    font-size: 10px;
    line-height: 1;
  }
  .team-intel-top i {
    display: none;
  }
  .team-intel-card strong {
    margin-top: 12px;
    font-size: clamp(42px, 12vw, 52px);
  }
  .team-intel-card strong small {
    font-size: .28em;
  }
  .team-intel-card > b {
    margin-top: 7px;
    padding: 4px 8px;
    font-size: 9px;
  }
  .team-intel-card em {
    min-height: 0;
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.15;
  }
  .team-intel-card footer {
    margin-top: 9px;
    padding-top: 8px;
    font-size: 10px;
  }
  .team-snapshot-panel > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .team-snapshot-tile {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    padding: 10px 8px;
  }
  .team-strength-overview > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .team-strength-overview header span:first-of-type { margin-left: 0; }
  .team-strength-card:last-child {
    grid-column: 1 / -1;
  }
  .timing-metric-grid,
  .timing-potential-grid,
  .timing-summary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .timing-matchup-selectors {
    grid-template-columns: 1fr;
  }
  .timing-matchup-selectors strong {
    text-align: center;
  }
  .timing-home-away article > div {
    grid-template-columns: 1fr 28px minmax(52px, 1fr) 28px minmax(52px, 1fr);
    gap: 5px;
  }
  .timing-bar-chart {
    gap: 5px;
  }
  .timing-bar-chart span {
    width: 17px;
  }
  .wc-player-compare::before { display: none; }
  .wc-player-compare section > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wc-team-compare section > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wc-team-compare .wc-player-stat-tile {
    min-height: 76px;
    padding: 10px 6px;
  }
  .wc-team-compare .wc-player-stat-tile span,
  .wc-team-compare .wc-player-stat-tile small {
    max-width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.15;
  }
  .wc-player-advanced > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wc-team-leaders > div { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
  .control-panel { grid-template-columns: 1fr; }
  .pred-grid, .reason-grid { gap: 6px; }
  .pred-item, .reason-grid div { padding: 9px 7px; }
  .wc-detail .detail-pred-card strong { font-size: 24px; }
  .wc-match-teams { grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr); gap: 5px; }
  .wc-team-chip { grid-template-columns: 20px minmax(0, 1fr); gap: 5px; padding: 6px; }
  .wc-team-chip.away { grid-template-columns: 20px minmax(0, 1fr); }
  .wc-team-chip .wc-flag { width: 20px; height: 20px; }
  .wc-team-chip span { font-size: 10px; }
  .wc-match-teams .wc-card-score { font-size: 27px; text-align: center; }
  .wc-team-chip.away { text-align: left; grid-template-columns: 24px minmax(0, 1fr); }
  .wc-team-chip.away .wc-flag, .wc-team-chip.away span, .wc-team-chip.away small { grid-column: auto; }
  .wc-prediction-panel { grid-template-columns: 1fr; }
  .wc-prediction-reasons { grid-template-columns: 1fr; }
}

/* World Cup open match dashboard */
.sheet.wc-open-mode {
  height: 100dvh;
  max-height: 100dvh;
  padding: calc(58px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom));
  border: 0;
  border-radius: 0;
  background: radial-gradient(circle at 50% -16%, rgba(60,172,59,.12), transparent 34%), #03090c;
}
.sheet.wc-open-mode .sheet-handle { display: none; }
.sheet.wc-open-mode .sheet-close {
  top: max(11px, env(safe-area-inset-top));
  right: auto;
  left: max(12px, calc((100vw - var(--max-w)) / 2 + 12px));
  width: 38px;
  min-height: 38px;
  overflow: hidden;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 0;
  box-shadow: none;
}
.sheet.wc-open-mode .sheet-close span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: #edf3f3;
  font-size: 27px;
}
.wc-open-dashboard { padding-bottom: 8px; }
.wc-open-header {
  position: fixed;
  top: max(11px, env(safe-area-inset-top));
  left: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(calc(100% - 108px), calc(var(--max-w) - 108px));
  height: 38px;
  transform: translateX(-50%);
  pointer-events: none;
}
.wc-open-header > span { color: #f7fbfb; font-size: 22px; font-weight: 900; }
.wc-open-header > span > span { color: #36c85a; }
.wc-open-header button {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  color: #edf3f3;
  font-size: 22px;
  pointer-events: auto;
}
.sheet.unified-back-mode,
.sheet.player-profile-mode {
  padding-top: calc(58px + env(safe-area-inset-top));
}
.sheet.unified-back-mode .sheet-close,
.sheet.player-profile-mode .sheet-close {
  top: max(11px, env(safe-area-inset-top));
  right: auto;
  left: max(12px, calc((100vw - var(--max-w)) / 2 + 12px));
  z-index: 14;
  min-height: 38px;
  border: 0;
  background: transparent;
  color: #edf3f3;
  padding: 0;
  gap: 8px;
  font-size: 0;
  box-shadow: none;
}
.sheet.unified-back-mode .sheet-close span,
.sheet.player-profile-mode .sheet-close span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: #edf3f3;
  font-size: 27px;
}
.sheet.unified-back-mode .sheet-close::after,
.sheet.player-profile-mode .sheet-close::after {
  content: "xGolo";
  color: #f7fbfb;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
}
.sheet.match-detail-back-mode .sheet-close {
  min-width: 104px;
  border: 1px solid rgba(54,200,90,.48);
  border-radius: 999px;
  background: rgba(5,23,17,.96);
  padding: 0 14px 0 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.35), inset 0 0 0 1px rgba(54,200,90,.08);
}
.sheet.match-detail-back-mode .sheet-close:hover {
  border-color: rgba(54,200,90,.82);
  background: rgba(8,42,27,.98);
}
.sheet.match-detail-back-mode .sheet-close:focus-visible {
  outline: 2px solid #36c85a;
  outline-offset: 3px;
}
.sheet.match-detail-back-mode .sheet-close::after {
  content: attr(data-match-back-label);
  color: #f7fbfb;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
}
.sheet.match-detail-back-mode .sheet-close span {
  width: 30px;
  height: 36px;
  font-size: 24px;
}
.sheet.unified-back-mode .wc-open-header > span {
  display: none;
}
.wc-dash-card {
  margin-bottom: 8px;
  border: 1px solid rgba(137,164,174,.20);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(10,22,28,.98), rgba(5,14,18,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.wc-dash-label { color: #d9e1e3; font: 800 10px "DM Mono", monospace; text-align: center; }
.wc-dash-label span { color: #6f7f85; }
.wc-match-hero { padding: 11px 13px 10px; }
.wc-match-competition { margin-bottom: 9px; color: #48cd66; font-size: 10px; font-weight: 800; }
.wc-matchup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
  gap: 5px;
  align-items: center;
}
.wc-matchup > span { color: #68777c; font: 800 11px "DM Mono", monospace; text-align: center; }
.wc-matchup button {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #f5f8f8;
  padding: 0;
  text-align: left;
}
.wc-matchup button:last-child { justify-content: flex-end; text-align: right; }
.wc-matchup button strong { min-width: 0; font-size: 15px; line-height: 1.15; overflow-wrap: anywhere; }
.wc-matchup .wc-flag {
  flex: 0 0 auto;
  width: 37px;
  height: 37px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  object-fit: cover;
}
.league-matchup .badge-frame,
.wc-final-matchup .badge-frame,
.wc-recent-dashboard .badge-frame {
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.league-matchup .team-badge,
.wc-final-matchup .team-badge,
.wc-recent-dashboard .team-badge {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.wc-match-meta-line { margin-top: 7px; color: #869398; font-size: 9px; text-align: center; }
.wc-win-card { padding: 11px 13px 12px; }
.wc-win-values { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 10px; }
.wc-win-values div { text-align: center; }
.wc-win-values strong { display: block; color: #44cd62; font: 400 29px/1 "Bebas Neue", sans-serif; }
.wc-win-values div:nth-child(2) strong { color: #f0c72a; }
.wc-win-values div:nth-child(3) strong { color: #ef3b40; }
.wc-win-values span { display: block; margin-top: 3px; color: #d9e1e3; font-size: 9px; }
.wc-win-track { display: flex; height: 7px; margin-top: 11px; overflow: hidden; border-radius: 4px; background: #263136; }
.wc-win-track i:first-child { background: #32c958; }
.wc-win-track i:nth-child(2) { background: #efc522; }
.wc-win-track i:last-child { background: #ed2f37; }
.wc-xg-card { padding: 11px 13px; }
.wc-xg-content {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 64px;
  gap: 8px;
  align-items: end;
  margin-top: 8px;
}
.wc-xg-content > div:last-child { text-align: right; }
.wc-xg-content strong { display: block; color: #44cd62; font: 400 27px/1 "Bebas Neue", sans-serif; }
.wc-xg-content > div:last-child strong { color: #ef454a; }
.wc-xg-content span { display: block; margin-top: 2px; color: #d9e1e3; font-size: 9px; }
.wc-xg-bars { display: flex; align-items: end; justify-content: center; gap: 3px; height: 42px; }
.wc-xg-bars i { width: 5px; min-height: 5px; border-radius: 1px 1px 0 0; background: #68747a; }
.wc-xg-bars i.home { background: #35bd54; }
.wc-xg-bars i.away { background: #e93239; }
.wc-xg-bars i:nth-child(8), .wc-xg-bars i:nth-child(9), .wc-xg-bars i:nth-child(10), .wc-xg-bars i:nth-child(11) { background: #667278; }
.wc-ai-dashboard { padding: 10px; }
.wc-ai-dashboard > header, .wc-top-picks > header, .wc-recent-dashboard > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
}
.wc-ai-dashboard > header > strong, .wc-top-picks > header strong, .wc-recent-dashboard > header strong {
  color: #e8eeee;
  font: 800 10px "DM Mono", monospace;
}
.wc-ai-dashboard > header > span { color: #849297; font-size: 9px; }
.wc-ai-dashboard > header b { border-radius: 3px; background: rgba(48,197,84,.18); color: #4bd167; padding: 3px 6px; }
.wc-ai-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.wc-ai-grid > article { min-width: 0; border: 1px solid rgba(131,151,159,.18); border-radius: 6px; background: rgba(4,12,16,.7); padding: 9px 8px; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.wc-ai-grid > article > span { display: block; color: #849297; font: 700 8px "DM Mono", monospace; }
.wc-ai-grid > article > strong {
  display: block;
  min-height: 30px;
  margin-top: 5px;
  color: #48d166;
  font-size: 15px;
  line-height: 1.05;
  overflow-wrap: anywhere;
}
.wc-ai-grid > article:nth-child(2) > strong { color: #f0c92c; }
.wc-ai-grid > article:nth-child(3) > strong { color: #edf3f3; }
.wc-ai-grid > article > .wc-ai-market-lines { display: grid; grid-template-columns: 1fr auto; gap: 3px 6px; margin-top: 7px; }
.wc-ai-grid small { color: #6f7d82; font-size: 7px; }
.wc-ai-grid b { color: #dfe6e7; font-size: 9px; }
.wc-ai-grid b.positive { color: #43cf62; }
.wc-ai-grid b.negative { color: #ef676c; }
.wc-ai-grid b.risk { color: #ed7d40; }
.wc-ai-reasons { margin-top: 7px; border-top: 1px solid rgba(130,150,158,.13); padding-top: 6px; }
.wc-ai-reasons summary { color: #7e8d92; font-size: 8px; cursor: pointer; }
.wc-ai-reasons > div { display: block !important; margin-top: 6px !important; }
.wc-ai-reasons b { display: block; color: #45cc62; font-size: 7px; }
.wc-ai-reasons > div:last-child b { color: #ef686c; }
.wc-ai-reasons small { display: block; margin-top: 3px; line-height: 1.3; }
.wc-top-picks { padding: 10px 11px 6px; }
.wc-top-picks > header small, .wc-recent-dashboard > header small { color: #829095; font-size: 8px; }
.wc-pick-columns, .wc-top-pick-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 62px 55px 50px;
  gap: 5px;
  align-items: center;
}
.wc-pick-columns { padding: 0 3px 4px; color: #718087; font: 700 6px "DM Mono", monospace; text-align: right; }
.wc-top-pick-row {
  width: 100%;
  min-height: 45px;
  border: 0;
  border-top: 1px solid rgba(129,150,158,.14);
  background: transparent;
  color: inherit;
  padding: 6px 3px;
  cursor: pointer;
  text-align: left;
  transition: background .18s ease, box-shadow .18s ease;
}
.wc-top-pick-row > div { display: flex; align-items: center; gap: 8px; min-width: 0; }
.wc-top-pick-row i {
  display: grid;
  flex: 0 0 25px;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  background: #2ca94a;
  color: #f7fbfb;
  font-style: normal;
  font-weight: 900;
}
.wc-top-pick-row span { min-width: 0; }
.wc-top-pick-row strong { display: block; color: #eef3f4; font-size: 10px; line-height: 1.2; }
.wc-top-pick-row small { display: block; margin-top: 2px; color: #718087; font-size: 7px; text-transform: capitalize; }
.wc-top-pick-row > b { color: #dfe7e8; font-size: 10px; text-align: right; }
.wc-top-pick-row > b:first-of-type, .wc-top-pick-row > b.positive { color: #44cd62; }
.wc-top-pick-row > b.negative { color: #ef676c; }
.wc-edge-selectable.selected {
  border-color: rgba(53,213,101,.78) !important;
  background: rgba(46,188,80,.08);
  box-shadow: inset 0 0 0 1px rgba(53,213,101,.72), 0 0 18px rgba(53,213,101,.10);
}
.wc-top-pick-row.selected {
  border-radius: 7px;
  background: rgba(46,188,80,.08);
}
.wc-sgp-dashboard.wc-edge-selectable { cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.wc-best-ev {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px 12px;
  border-color: rgba(53,200,85,.62);
  padding: 11px 12px;
  box-shadow: 0 0 20px rgba(37,169,67,.08);
}
.wc-best-ev > div:first-child > span { display: block; color: #dfe7e8; font: 800 9px "DM Mono", monospace; }
.wc-best-ev > div:first-child > strong { display: inline-block; margin-top: 6px; color: #f3f7f7; font-size: 16px; }
.wc-best-ev em {
  display: inline-block;
  margin-left: 5px;
  border-radius: 3px;
  background: rgba(47,190,78,.17);
  color: #48cb63;
  padding: 3px 5px;
  font-size: 7px;
  font-style: normal;
  text-transform: capitalize;
}
.wc-best-ev > div:nth-child(2) { align-self: center; text-align: right; }
.wc-best-ev > div:nth-child(2) strong { color: #42ce60; font: 400 29px/1 "Bebas Neue", sans-serif; }
.wc-best-ev > div:nth-child(2) span { color: #829095; font-size: 8px; }
.wc-best-ev dl { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 0; }
.wc-best-ev dl div { border: 1px solid rgba(130,151,159,.14); border-radius: 5px; padding: 7px; text-align: center; }
.wc-best-ev dt { color: #7d8c91; font-size: 7px; }
.wc-best-ev dd { margin: 3px 0 0; color: #edf3f3; font-size: 11px; font-weight: 800; }
.wc-best-ev dl div:last-child dd { color: #44cd62; }
.wc-sgp-dashboard { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 12px; }
.wc-sgp-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(139,78,232,.4);
  border-radius: 6px;
  background: rgba(86,40,155,.22);
  color: #c084fc;
  font-size: 27px;
}
.wc-sgp-dashboard span { color: #e5ebec; font: 800 9px "DM Mono", monospace; }
.wc-sgp-dashboard span b { margin-left: 4px; border-radius: 3px; background: #4e2b91; color: #ca9bff; padding: 2px 5px; }
.wc-sgp-dashboard strong { display: block; margin-top: 5px; color: #edf3f3; font-size: 10px; line-height: 1.3; }
.wc-sgp-dashboard p { margin: 5px 0 0; color: #849297; font-size: 9px; line-height: 1.35; }
.wc-recent-dashboard { padding: 10px 11px; }
.wc-recent-dashboard > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.wc-recent-dashboard button {
  min-width: 0;
  border: 1px solid rgba(130,151,159,.15);
  border-radius: 6px;
  background: rgba(4,12,16,.68);
  color: #eaf0f1;
  padding: 8px;
  text-align: left;
}
.wc-recent-dashboard button > span { display: flex; align-items: center; gap: 6px; min-width: 0; }
.wc-recent-dashboard button .wc-flag { width: 25px; height: 25px; border-radius: 50%; object-fit: cover; }
.wc-recent-dashboard button strong { min-width: 0; font-size: 9px; overflow-wrap: anywhere; }
.wc-recent-dashboard button > div { display: flex; gap: 4px; margin-top: 8px; }
.wc-recent-dashboard i {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  color: #07100b;
  background: #35c95a;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}
.wc-recent-dashboard i.d { background: #e9c735; }
.wc-recent-dashboard i.l { background: #e94248; color: #fff; }
.wc-open-more { margin: 8px 0 2px; border: 1px solid rgba(130,151,159,.16); border-radius: 8px; background: rgba(7,17,21,.72); padding: 10px; }
.wc-open-more > summary { color: #a8b4b7; font-size: 10px; font-weight: 800; cursor: pointer; }
.wc-open-actions {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 14;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 8px;
  width: min(100%, var(--max-w));
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  border-top: 1px solid rgba(130,151,159,.18);
  background: rgba(3,9,12,.96);
  backdrop-filter: blur(14px);
}
.wc-open-actions button {
  min-height: 47px;
  border: 1px solid rgba(130,151,159,.16);
  border-radius: 7px;
  background: #0b161b;
  color: #edf3f3;
  font-size: 12px;
  font-weight: 800;
}
.wc-open-actions button:first-child { border-color: #2ebc50; background: linear-gradient(180deg, #2fbf51, #229940); color: #f7fff9; }
.wc-open-actions button:first-child span { margin-right: 8px; font-size: 18px; vertical-align: -1px; }

.wc-ai-dashboard {
  overflow: hidden;
  border-color: rgba(116, 139, 149, .24);
  border-radius: 18px;
  background:
    radial-gradient(circle at 16% 0%, rgba(48, 209, 103, .12), transparent 30%),
    linear-gradient(180deg, rgba(7, 19, 25, .96), rgba(3, 10, 14, .98));
  padding: 13px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.wc-ai-dashboard > header {
  margin-bottom: 13px;
}
.wc-ai-dashboard > header > strong {
  color: #f5f8f8;
  font-size: 13px;
  letter-spacing: -.01em;
}
.wc-ai-dashboard > header > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(130, 151, 159, .25);
  border-radius: 10px;
  background: rgba(2, 8, 11, .58);
  color: #c4ced1;
  padding: 5px 7px 5px 9px;
  font-size: 10px;
}
.wc-ai-dashboard > header .wc-model-confidence-adjustment {
  color: #f0b45a;
  font-size: 8px;
  font-weight: 700;
  white-space: nowrap;
}
.wc-ai-dashboard > header b {
  border-radius: 7px;
  background: rgba(48, 197, 84, .22);
  color: #57df72;
  padding: 5px 8px;
  font-size: 13px;
}
.wc-ai-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.wc-ai-grid > article.wc-prediction-tile {
  display: flex;
  min-height: 210px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid rgba(125, 151, 162, .34);
  border-radius: 17px;
  background:
    radial-gradient(circle at 50% 0%, rgba(63, 198, 104, .08), transparent 34%),
    linear-gradient(180deg, rgba(8, 22, 28, .96), rgba(3, 13, 17, .96));
  padding: 15px 10px 14px;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 12px 30px rgba(0, 0, 0, .22);
}
.wc-ai-grid > article.wc-prediction-tile--team { border-color: rgba(68, 205, 98, .34); }
.wc-ai-grid > article.wc-prediction-tile--goals { border-color: rgba(240, 201, 44, .32); }
.wc-ai-grid > article.wc-prediction-tile--score { border-color: rgba(91, 172, 255, .34); }
.wc-prediction-tile-label {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  color: #55df73;
  font: 900 10px "DM Mono", monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.wc-prediction-tile--goals .wc-prediction-tile-label { color: #f0d052; }
.wc-prediction-tile--score .wc-prediction-tile-label { color: #71b9ff; }
.wc-prediction-tile-label b {
  color: currentColor;
  font-size: 16px;
}
.wc-ai-grid > article.wc-prediction-tile > small {
  min-height: 29px;
  margin-top: 9px;
  color: #d0d8db;
  font-size: 11px;
  line-height: 1.25;
}
.wc-prediction-tile-main {
  display: grid;
  flex: 1;
  align-content: center;
  justify-items: center;
  width: 100%;
  gap: 8px;
  min-width: 0;
}
.wc-prediction-tile-visual {
  display: grid;
  place-items: center;
  min-height: 42px;
}
.wc-prediction-tile-visual .wc-flag {
  width: 58px;
  height: 40px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 9px 20px rgba(0, 0, 0, .30);
}
.prediction-team-badge-frame {
  width: 58px;
  height: 58px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.prediction-team-badge {
  width: 58px;
  height: 58px;
  object-fit: contain;
}
.prediction-draw-mark {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(130, 151, 159, .28);
  border-radius: 14px;
  background: rgba(255, 255, 255, .04);
  color: #edf3f3;
  font: 900 15px "DM Mono", monospace;
}
.wc-ai-grid > article.wc-prediction-tile > .wc-prediction-tile-main > strong {
  min-height: 0;
  margin: 0;
  color: #f7fbfb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(22px, 6vw, 38px);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1.02;
  overflow-wrap: anywhere;
}
.wc-prediction-tile--team .wc-prediction-tile-main > strong { letter-spacing: -.04em; }
.wc-prediction-tile--score .wc-prediction-tile-main > strong { letter-spacing: -.04em; }
.prediction-card-team-name,
.prediction-card-pick-line {
  display: block;
  max-width: 100%;
  color: inherit;
  font-size: clamp(14px, 3.7vw, 21px) !important;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.04em;
}
.prediction-card-team-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wc-prediction-tile-confidence {
  width: 100%;
  border-top: 1px solid rgba(130, 151, 159, .16);
  padding-top: 12px;
}
.wc-prediction-tile-confidence span {
  display: block;
  color: #93a0a5;
  font-size: 10px;
}
.wc-prediction-tile-confidence b {
  display: block;
  margin-top: 2px;
  color: #5ee078;
  font: 900 clamp(25px, 6.5vw, 39px)/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.04em;
}
.wc-prediction-tile--goals .wc-prediction-tile-confidence b { color: #f4d35e; }
.wc-prediction-tile--score .wc-prediction-tile-confidence b { color: #73bdff; }
.wc-prediction-odds-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
  border-top: 1px solid rgba(148,163,184,.16);
  padding-top: 10px;
}
.wc-prediction-odds-row {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.wc-prediction-odds-grid--team-distribution .wc-prediction-odds-row--full-width {
  grid-column: 1 / -1;
}
.wc-prediction-odds-row small {
  color: #94a3b8;
  font-size: 10px;
  line-height: 1.15;
  white-space: nowrap;
}
.wc-prediction-odds-value {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  white-space: nowrap;
  overflow: visible;
  flex: 0 0 auto;
  min-width: max-content;
}
.wc-prediction-odds-value--positive { color: #5ee078; }
.wc-prediction-odds-value--negative { color: #ef676c; }
.wc-prediction-odds-value--neutral { color: #94a3b8; }
.wc-prediction-odds-empty {
  margin-top: 10px;
  border-top: 1px solid rgba(148,163,184,.16);
  padding-top: 10px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
.wc-corner-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  border: 1px solid rgba(130, 151, 159, .24);
  border-radius: 15px;
  background: linear-gradient(180deg, rgba(8, 21, 27, .96), rgba(3, 11, 15, .96));
  padding: 12px 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 12px 26px rgba(0, 0, 0, .20);
}
.wc-corner-summary-icon {
  color: #f7fbfb;
  font-size: 22px;
  line-height: 1;
}
.wc-corner-summary-label {
  min-width: 0;
  color: #aeb9bd;
  font-size: 12px;
  font-weight: 800;
}
.wc-corner-summary strong {
  color: #f7fbfb;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.15;
  text-align: right;
}
.wc-corner-summary b {
  color: #60e079;
  font-size: 14px;
  font-weight: 900;
}
.wc-corner-summary-projection {
  color: #c8d0d3;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}
.wc-corner-summary.is-muted {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.wc-corner-summary.is-muted.has-projection {
  grid-template-columns: auto minmax(0, 1fr) auto;
  row-gap: 5px;
}
.wc-corner-summary.is-muted.has-projection .wc-corner-summary-icon {
  grid-row: 1 / 3;
}
.wc-corner-summary.is-muted.has-projection strong {
  grid-column: 2 / -1;
  grid-row: 2;
  text-align: left;
}
.wc-corner-summary.is-muted.has-projection .wc-corner-summary-projection {
  grid-column: 3;
  grid-row: 1;
  white-space: nowrap;
}
.wc-corner-summary.is-muted strong,
.wc-corner-summary.is-loading strong {
  color: #9ba8ad;
  font-size: 12px;
}
.wc-top-picks {
  border-color: rgba(130, 151, 159, .24);
  border-radius: 17px;
  background:
    radial-gradient(circle at 10% 0%, rgba(48, 209, 103, .10), transparent 28%),
    linear-gradient(180deg, rgba(7, 20, 25, .97), rgba(3, 11, 15, .98));
  padding: 13px 13px 12px;
}
.wc-top-picks > header {
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(130, 151, 159, .15);
  padding-bottom: 10px;
}
.wc-top-picks > header strong {
  color: #f4f7f7;
  font-size: 13px;
  letter-spacing: -.01em;
}
.wc-top-picks > header small {
  color: #a7b1b5;
  font-size: 11px;
  letter-spacing: .06em;
}
.wc-pick-columns { display: none; }
.wc-top-pick-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 52px;
  gap: 11px;
  min-height: 58px;
  margin-top: 8px;
  border: 1px solid rgba(130, 151, 159, .18);
  border-radius: 12px;
  background: rgba(5, 16, 21, .78);
  padding: 10px 12px;
}
.wc-top-pick-row > div { display: contents; }
.wc-top-pick-row i {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: linear-gradient(180deg, #36d762, #20a946);
  font-size: 17px;
  box-shadow: 0 7px 18px rgba(33, 185, 75, .26);
}
.wc-top-pick-row span {
  min-width: 0;
}
.wc-top-pick-row strong {
  color: #f4f7f7;
  font-size: 13px;
  line-height: 1.15;
}
.wc-top-pick-row small {
  margin-top: 3px;
  color: #9aa7ab;
  font-size: 11px;
}
.wc-top-pick-row > b {
  color: #5ee078;
  font-size: 18px;
  font-weight: 900;
}

@media (max-width: 360px) {
  .wc-ai-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .wc-ai-grid > article.wc-prediction-tile { min-height: 168px; border-radius: 13px; padding: 10px 6px; }
  .wc-prediction-tile-label { font-size: 8px; gap: 4px; }
  .wc-prediction-tile-label b { font-size: 13px; }
  .wc-ai-grid > article.wc-prediction-tile > small { min-height: 25px; font-size: 9px; }
  .wc-prediction-tile-visual .wc-flag { width: 46px; height: 31px; border-radius: 8px; }
  .prediction-team-badge-frame, .prediction-team-badge { width: 44px; height: 44px; }
  .wc-top-pick-row { grid-template-columns: 32px minmax(0, 1fr) 46px; }
  .wc-recent-dashboard > div { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .wc-prediction-odds-grid {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .wc-prediction-odds-grid--mls-pricing {
    grid-template-columns: minmax(0, 1fr);
  }
  .wc-prediction-odds-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
  }
  .wc-prediction-odds-row small {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .wc-prediction-odds-value {
    flex: 0 0 auto;
    min-width: max-content;
    text-align: right;
    white-space: nowrap;
  }
  .wc-prediction-odds-grid--team-distribution .wc-prediction-odds-row {
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }
  .wc-prediction-odds-grid--team-distribution .wc-prediction-odds-row small,
  .wc-prediction-odds-grid--team-distribution .wc-prediction-odds-value {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .prediction-card-team-name,
  .prediction-card-pick-line {
    font-size: 18px !important;
    line-height: 1.25;
  }
}

/* World Cup schedule dashboard */
#page-worldcup {
  background: #030a0e;
}
#page-worldcup .wc-band {
  margin: 10px 12px 16px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#page-worldcup .wc-band::before { display: none; }
#page-worldcup .wc-page-hero {
  position: relative;
  min-height: 248px;
  overflow: hidden;
  border: 1px solid rgba(131,157,167,.24);
  border-radius: 9px;
  background:
    linear-gradient(90deg, rgba(2,9,12,.98) 0%, rgba(2,9,12,.84) 49%, rgba(2,9,12,.12) 100%),
    url("../images/world-cup-hero.png") 67% center / cover no-repeat;
  box-shadow: 0 15px 40px rgba(0,0,0,.28);
}
#page-worldcup .wc-page-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 64px;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(2,9,12,.64));
}
#page-worldcup .wc-page-hero > * { position: relative; z-index: 1; }
#page-worldcup .wc-kicker {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 18px 16px 0;
  color: #eef4f4;
  font-size: 12px;
  letter-spacing: .08em;
  text-shadow: 0 2px 12px #000;
}
#page-worldcup .wc-host-title {
  gap: 6px;
  max-width: 76%;
  margin: 20px 16px 0;
  font-size: 31px;
  line-height: 1;
}
#page-worldcup .wc-host-title span {
  color: currentColor;
  font-weight: 950;
  paint-order: stroke fill;
}
#page-worldcup .wc-host-title em { color: #aeb9bc; font-size: 18px; }
#page-worldcup .host-canada {
  color: #f2262d;
  -webkit-text-fill-color: #f2262d;
  -webkit-text-stroke: 1px #ffb5b8;
  text-shadow: 0 2px 0 #020607, 0 0 14px rgba(242,38,45,.48);
}
#page-worldcup .host-mexico {
  color: #30c55a;
  -webkit-text-fill-color: #30c55a;
  -webkit-text-stroke: 1px #b8f5c8;
  text-shadow: 0 2px 0 #020607, 0 0 14px rgba(48,197,90,.45);
}
#page-worldcup .host-usa {
  color: #4f7fff;
  -webkit-text-fill-color: #4f7fff;
  -webkit-text-stroke: 1px #c8d6ff;
  text-shadow: 0 2px 0 #020607, 0 0 15px rgba(79,127,255,.52);
}
#page-worldcup .wc-page-hero > p {
  max-width: 72%;
  margin: 17px 16px 20px;
  color: #a8b4b8;
  font-size: 11px;
}
#page-worldcup .wc-filter-panel {
  position: sticky;
  top: calc(env(safe-area-inset-top, 0px) + 104px);
  z-index: 20;
  display: grid;
  gap: 9px;
  margin: 0 12px 16px;
  border: 1px solid rgba(139,160,168,.20);
  border-radius: 10px;
  background: rgba(4,13,18,.92);
  padding: 10px;
  box-shadow: 0 10px 24px rgba(0,0,0,.26);
  backdrop-filter: blur(14px);
}
#page-worldcup .wc-quick-filter-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}
#page-worldcup .wc-filter {
  min-width: 0;
  border-color: rgba(139,160,168,.26);
  border-radius: 6px;
  background: rgba(5,15,19,.78);
  color: #b9c3c6;
  padding: 10px 6px;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#page-worldcup .wc-filter.active {
  border-color: #24d05c;
  background: linear-gradient(135deg, #20b84e, #2be069);
  color: #f3fff7;
  box-shadow: 0 8px 20px rgba(31,201,85,.22);
}
#page-worldcup .wc-filter-controls {
  display: grid;
  grid-template-columns: minmax(138px, .62fr) minmax(0, 1fr);
  gap: 8px;
}
#page-worldcup .wc-round-select,
#page-worldcup .wc-team-search {
  display: grid;
  min-width: 0;
  border: 1px solid rgba(139,160,168,.22);
  border-radius: 8px;
  background: rgba(5,15,19,.72);
}
#page-worldcup .wc-round-select span {
  padding: 8px 11px 0;
  color: #7f8d92;
  font-size: 9px;
  font-weight: 900;
}
#page-worldcup .wc-round-select select,
#page-worldcup .wc-team-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #edf5f4;
  font: 800 13px "Plus Jakarta Sans", sans-serif;
}
#page-worldcup .wc-round-select select {
  min-height: 32px;
  padding: 0 10px 8px;
}
#page-worldcup .wc-team-search {
  position: relative;
}
#page-worldcup .wc-team-search input {
  min-height: 48px;
  padding: 0 34px 0 12px;
}
#page-worldcup .wc-team-search input::placeholder { color: #69777c; }
#page-worldcup .wc-team-search span {
  position: absolute;
  right: 12px;
  top: 50%;
  color: #7f8d92;
  transform: translateY(-50%);
}
#page-worldcup .wc-list {
  gap: 9px;
  padding: 0;
}

@media (max-width: 520px) {
  #page-worldcup .wc-quick-filter-row { gap: 5px; }
  #page-worldcup .wc-filter {
    padding-inline: 2px;
    font-size: 8px;
    line-height: 1.1;
  }
}
#page-worldcup .wc-date-label {
  position: relative;
  top: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 11px 0 0;
  border: 1px solid rgba(129,151,159,.18);
  border-left: 4px solid #ef3038;
  border-radius: 7px;
  background: linear-gradient(90deg, #07151a, #091319);
  color: #f0f5f5;
  padding: 11px 13px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  box-shadow: none;
}
#page-worldcup .wc-date-label span { color: #29cf5c; font-size: 16px; }
#page-worldcup .wc-card,
#page-worldcup .wc-card:nth-of-type(3n) {
  overflow: hidden;
  border-color: rgba(130,153,162,.22);
  border-radius: 9px;
  background:
    linear-gradient(90deg, rgba(31,197,81,.035), transparent 27%),
    #061116;
  box-shadow: inset 3px 0 0 rgba(42,206,90,.15), 0 10px 26px rgba(0,0,0,.18);
}
#page-worldcup .wc-card-main {
  display: block;
  padding: 13px 12px 11px;
}
#page-worldcup .wc-card-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}
#page-worldcup .wc-kickoff strong {
  color: #30d765;
  font-size: 12px;
  font-weight: 700;
}
#page-worldcup .wc-kickoff span {
  margin-top: 4px;
  color: #829096;
  font-size: 9px;
}
#page-worldcup .wc-match-meta {
  max-width: 56%;
  color: #89969b;
  font-size: 8px;
  text-align: right;
}
#page-worldcup .wc-match-teams {
  grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin-top: 12px;
}
#page-worldcup .wc-team-chip,
#page-worldcup .wc-team-chip.away {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 2px 9px;
  min-height: 54px;
  border: 0;
  background: transparent;
  padding: 0;
}
#page-worldcup .wc-team-chip.away { grid-template-columns: minmax(0, 1fr) 38px; text-align: right; }
#page-worldcup .wc-team-chip.away .wc-flag { grid-column: 2; grid-row: 1 / span 2; }
#page-worldcup .wc-team-chip.away span,
#page-worldcup .wc-team-chip.away small { grid-column: 1; }
#page-worldcup .wc-team-chip .wc-flag {
  grid-row: 1 / span 2;
  width: 38px;
  height: 38px;
  padding: 0;
}
#page-worldcup .wc-team-chip .wc-flag,
.wc-detail .wc-matchup .wc-flag,
.wc-final-matchup .wc-flag {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  object-fit: contain;
}
#page-worldcup .wc-team-chip span {
  align-self: end;
  color: #f0f5f5;
  font-size: 13px;
  line-height: 1.1;
}
#page-worldcup .wc-team-chip.wc-team-chip-nowrap span {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
#page-worldcup .wc-team-chip small {
  grid-column: 2;
  align-self: start;
  color: #7f8d92;
  font-size: 8px;
}
#page-worldcup .wc-match-teams > b {
  color: #76858a;
  font-size: 10px;
  text-align: center;
}
#page-worldcup .wc-card.is-final .wc-match-teams > .wc-card-score,
#page-worldcup .wc-card.is-live .wc-match-teams > .wc-card-score {
  color: #54dd72;
  font-family: "Bebas Neue", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
  text-shadow: 0 0 14px rgba(46,208,92,.28);
}
#page-worldcup .wc-card-ft-xg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  margin-top: 2px;
  color: #829096;
  font-size: 10px;
  line-height: 1;
}
#page-worldcup .wc-card-ft-xg small {
  color: #7f8d92;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#page-worldcup .wc-card-ft-xg strong {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  color: #e8f3f4;
  font: 400 16px/1 "Bebas Neue", sans-serif;
  white-space: nowrap;
}
#page-worldcup .wc-card-ft-xg strong span { color: #66747a; }
#page-worldcup .wc-card-ft-xg-home {
  color: #2ed05c;
  font-weight: 400;
}
#page-worldcup .wc-card-ft-xg-away {
  color: #ef3e45;
  font-weight: 400;
}
#page-worldcup .wc-card-ft-xg.is-pending strong,
#page-worldcup .wc-card-ft-xg.is-pending .wc-card-ft-xg-home,
#page-worldcup .wc-card-ft-xg.is-pending .wc-card-ft-xg-away {
  color: #66747a;
}
#page-worldcup .wc-card-ft-xg em { display: none; }
#page-worldcup .wc-card-insights {
  display: grid;
  grid-template-columns: 1.22fr 1.12fr .9fr;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid rgba(129,151,159,.19);
  border-radius: 7px;
  background: rgba(2,9,12,.56);
}
#page-worldcup .wc-card-insights > div {
  min-width: 0;
  min-height: 79px;
  padding: 9px 8px 7px;
}
#page-worldcup .wc-card-insights > div + div { border-left: 1px solid rgba(129,151,159,.18); }
#page-worldcup .wc-card-insights span {
  display: block;
  color: #8b999e;
  font-size: 7px;
  line-height: 1.2;
  text-align: center;
}
#page-worldcup .wc-card-probability > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  margin-top: 9px;
}
#page-worldcup .wc-card-probability b {
  color: #2ed05c;
  font: 400 22px/1 "Bebas Neue", sans-serif;
  text-align: center;
}
#page-worldcup .wc-card-probability b:nth-child(2) { color: #f2ca2b; }
#page-worldcup .wc-card-probability b:nth-child(3) { color: #ef3e45; }
#page-worldcup .wc-card-probability small {
  display: block;
  margin-top: 5px;
  color: #909da1;
  font: 400 7px/1.1 "Plus Jakarta Sans", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#page-worldcup .wc-card-xg { text-align: center; }
#page-worldcup .wc-card-xg > strong {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 8px;
  font: 400 23px/1 "Bebas Neue", sans-serif;
}
#page-worldcup .wc-card-xg > strong b:first-child { color: #2ed05c; font-weight: 400; }
#page-worldcup .wc-card-xg > strong b:last-child { color: #ef3e45; font-weight: 400; }
#page-worldcup .wc-card-xg > strong em { color: #76858a; font-style: normal; }
#page-worldcup .wc-card-xg > div {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2px;
  height: 25px;
  margin-top: 3px;
}
#page-worldcup .wc-card-xg i { width: 4px; background: #2abb51; }
#page-worldcup .wc-card-xg i.away { background: #e8353d; }
#page-worldcup .wc-card-xg i:nth-child(6),
#page-worldcup .wc-card-xg i:nth-child(7),
#page-worldcup .wc-card-xg i:nth-child(8),
#page-worldcup .wc-card-xg i:nth-child(9) { background: #66747a; }
#page-worldcup .wc-card-top-pick { display: flex; flex-direction: column; justify-content: center; }
#page-worldcup .wc-card-top-pick strong {
  display: block;
  margin-top: 8px;
  color: #eef4f4;
  font-size: 11px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
#page-worldcup .wc-card-top-pick small {
  display: block;
  margin-top: 7px;
  color: #37ce60;
  font-size: 9px;
}
#page-worldcup .wc-open-match-btn {
  width: 100%;
  margin-top: 9px;
  border-color: #24c653;
  border-radius: 6px;
  background: rgba(10,43,24,.18);
  color: #2ddd63;
  padding: 10px;
  font-size: 11px;
}
#page-worldcup .wc-open-match-btn span { margin-left: 9px; font-size: 17px; vertical-align: -1px; }

@media (max-width: 380px) {
  #page-worldcup .wc-host-title { max-width: 82%; font-size: 27px; }
  #page-worldcup .wc-filter-panel { top: calc(env(safe-area-inset-top, 0px) + 96px); margin-inline: 8px; padding: 8px; }
  #page-worldcup .wc-quick-filter-row { gap: 5px; }
  #page-worldcup .wc-filter { padding-inline: 4px; font-size: 9px; }
  #page-worldcup .wc-filter-controls { grid-template-columns: 1fr; }
  #page-worldcup .wc-card-insights { grid-template-columns: 1fr 1fr; }
  #page-worldcup .wc-card-top-pick { grid-column: 1 / -1; border-top: 1px solid rgba(129,151,159,.18); }
  #page-worldcup .wc-card-insights .wc-card-top-pick { border-left: 0; min-height: 58px; text-align: center; }
}

/* Completed World Cup match */
.wc-final-sheet { padding-bottom: 82px; }
.wc-final-kicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 5px 0 11px;
  color: #35d565;
  font-size: 11px;
  font-weight: 800;
}
.wc-final-kicker b {
  border: 1px solid rgba(52,213,101,.45);
  border-radius: 999px;
  background: rgba(52,213,101,.12);
  padding: 4px 12px;
  color: #55df7d;
  font-size: 10px;
}
.wc-final-matchup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  margin-top: 4px;
}
.wc-final-matchup button {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #f2f6f6;
  padding: 0;
  text-align: left;
}
.wc-final-matchup button:last-child { justify-content: flex-end; text-align: right; }
.wc-final-matchup button strong { min-width: 0; font-size: 15px; line-height: 1.15; overflow-wrap: anywhere; }
.wc-final-matchup .wc-flag {
  flex: 0 0 auto;
  width: 43px;
  height: 43px;
  padding: 0;
}
.wc-final-matchup > b {
  color: #35d565;
  font: 400 40px/1 "Bebas Neue", sans-serif;
  text-align: center;
  text-shadow: 0 0 18px rgba(53,213,101,.26);
}
.wc-final-meta {
  margin: 11px 0 15px;
  color: #829095;
  font-size: 9px;
  text-align: center;
}
.wc-final-result {
  border: 1px solid rgba(49,208,93,.35);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(17,70,37,.08), rgba(4,15,19,.72), rgba(17,70,37,.08));
  padding: 13px 12px;
}
.wc-final-result > span {
  display: block;
  color: #35d565;
  font: 800 9px "DM Mono", monospace;
  text-align: center;
}
.wc-final-result > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin-top: 11px;
}
.wc-final-result strong { color: #f1f5f5; font-size: 14px; text-align: center; overflow-wrap: anywhere; }
.wc-final-result b { color: #35d565; font: 400 38px/1 "Bebas Neue", sans-serif; text-align: center; }
.wc-final-highlights {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 9px;
}
.wc-final-highlights article {
  border: 1px solid rgba(131,153,161,.2);
  border-radius: 7px;
  background: #081319;
  padding: 11px 12px;
}
.wc-final-highlights article > div {
  display: grid;
  gap: 8px;
}
.wc-stat-code-row,
.wc-final-highlights .wc-team-stat-lines p,
.wc-final-stats .wc-team-stat-lines p {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  column-gap: 14px;
  align-items: center;
  margin: 0;
}
.wc-stat-code-row { margin-bottom: 8px; }
.wc-stat-code-row b {
  font-size: 12px;
  letter-spacing: .08em;
}
.wc-stat-code-row .home { color: #35d565; text-align: left; }
.wc-stat-code-row .away { color: #b479ff; text-align: right; }
.wc-final-highlights strong { color: #35d565; font: 400 21px/1 "Bebas Neue", sans-serif; }
.wc-final-highlights strong:last-child { color: #b479ff; text-align: right; }
.wc-stat-code-row span { color: #89969b; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.wc-final-highlights i,
.wc-final-stats i {
  display: flex;
  height: 4px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 2px;
  background: #455158;
}
.wc-final-highlights i b,
.wc-final-stats i b {
  display: block;
  height: 100%;
}
.wc-final-highlights i b:first-child,
.wc-final-stats i b:first-child {
  width: var(--home-share);
  background: linear-gradient(90deg, #23bb50, #56e27a);
}
.wc-final-highlights i b:last-child,
.wc-final-stats i b:last-child {
  width: var(--away-share);
  background: linear-gradient(90deg, #8b5cff, #c08cff);
}
.wc-final-section-title {
  margin: 17px 0 8px;
  color: #eef3f3;
  font-size: 12px;
  font-weight: 900;
}
.wc-final-stats {
  display: block;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(131,153,161,.2);
  border-radius: 8px;
  background: #081319;
}
.wc-stat-comparison-card {
  display: grid;
  gap: 8px;
  background: transparent;
  padding: 12px 14px;
}
.wc-stat-comparison-card + .wc-stat-comparison-card { border-top: 1px solid rgba(131,153,161,.16); }
.wc-final-stats strong { color: #35d565; font-size: 18px; text-align: left; }
.wc-final-stats strong:last-child { color: #b479ff; text-align: right; }
.wc-final-stats .wc-stat-code-row span { color: #9ba7aa; font-size: 10px; font-weight: 900; letter-spacing: .07em; text-align: center; text-transform: uppercase; }
.wc-final-stats i {
  margin: 0;
  height: 3px;
}
.wc-final-analysis {
  margin-top: 4px;
}
.postmatch-stats-v2 {
  display: grid;
  gap: 10px;
  margin-top: 15px;
}
.postmatch-stats-v2-top {
  display: grid;
  gap: 10px;
}
.postmatch-stats-v2-panel {
  border: 1px solid rgba(131,153,161,.22);
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0%, rgba(47,224,106,.08), transparent 34%),
    linear-gradient(180deg, rgba(8,20,21,.96), rgba(5,11,13,.98));
  box-shadow: 0 14px 30px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025);
  padding: 18px;
}
.postmatch-stats-v2-panel h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 13px;
  color: #f2f7f5;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .02em;
}
.postmatch-stats-v2-panel h3 span {
  color: #35d565;
  font-size: 15px;
  line-height: 1;
}
.postmatch-stats-v2-list {
  display: grid;
  gap: 13px;
}
.postmatch-stats-v2-row {
  display: grid;
  gap: 9px;
}
.postmatch-stats-v2-row + .postmatch-stats-v2-row {
  border-top: 1px solid rgba(131,153,161,.12);
  padding-top: 13px;
}
.postmatch-stats-v2-row > div {
  display: grid;
  grid-template-columns: minmax(76px, 118px) minmax(92px, 1fr) minmax(76px, 118px);
  align-items: center;
  gap: 12px;
}
.postmatch-stats-v2-row strong {
  display: inline-flex;
  align-items: center;
  min-height: 45px;
  min-width: 0;
  border: 1px solid rgba(47,224,106,.20);
  border-radius: 10px;
  padding: 0 13px;
  background:
    linear-gradient(135deg, rgba(47,224,106,.24), rgba(47,224,106,.07)),
    rgba(12,43,30,.68);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 8px 18px rgba(47,224,106,.055);
  color: #35d565;
  font: 950 clamp(23px, 5.4vw, 31px)/1 "DM Mono", monospace;
  letter-spacing: -.04em;
}
.postmatch-stats-v2-row strong.away {
  justify-content: flex-end;
  border-color: rgba(180,121,255,.22);
  background:
    linear-gradient(135deg, rgba(180,121,255,.20), rgba(180,121,255,.07)),
    rgba(37,28,65,.72);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 8px 18px rgba(180,121,255,.055);
  color: #b479ff;
  text-align: right;
}
.postmatch-stats-v2-row span {
  color: #f0f4f2;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.18;
  text-align: center;
  overflow-wrap: normal;
  word-break: normal;
}
.postmatch-stats-v2-row > i {
  display: flex;
  overflow: hidden;
  height: 4px;
  border-radius: 999px;
  background: rgba(131,153,161,.18);
}
.postmatch-stats-v2-row > i b:first-child {
  width: var(--home-share);
  background: #35d565;
}
.postmatch-stats-v2-row > i b:last-child {
  width: var(--away-share);
  background: #b479ff;
}
.postmatch-stats-v2-result {
  display: grid;
  align-content: start;
}
.postmatch-stats-v2-score {
  display: grid;
  min-height: 58px;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(53,213,101,.16), rgba(180,121,255,.18));
  color: #f7fbf8;
  font: 950 30px/1 "DM Mono", monospace;
}
.postmatch-stats-v2-xg-total {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 13px;
}
.postmatch-stats-v2-xg-total p {
  margin: 0;
}
.postmatch-stats-v2-xg-total span {
  display: block;
  color: #9aa7aa;
  font-size: 10px;
  font-weight: 800;
}
.postmatch-stats-v2-xg-total strong {
  display: block;
  margin-top: 4px;
  color: #35d565;
  font: 950 19px/1 "DM Mono", monospace;
}
.postmatch-stats-v2-xg-total strong.away {
  color: #b479ff;
  text-align: right;
}
.postmatch-stats-v2-xg-visual {
  position: relative;
  display: grid;
  align-items: end;
  height: 132px;
  margin-top: 15px;
  border-left: 1px solid rgba(131,153,161,.18);
  border-bottom: 1px solid rgba(131,153,161,.18);
  background:
    linear-gradient(rgba(131,153,161,.08) 1px, transparent 1px) 0 0 / 100% 33%,
    linear-gradient(90deg, rgba(131,153,161,.06) 1px, transparent 1px) 0 0 / 33% 100%;
}
.postmatch-stats-v2-xg-visual i {
  position: absolute;
  inset: auto 8px 0;
  height: 72%;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(90deg, rgba(53,213,101,.24) var(--home-share), rgba(180,121,255,.24) var(--home-share));
}
.postmatch-stats-v2-xg-visual b {
  position: absolute;
  bottom: 26%;
  width: 10px;
  height: 10px;
  border-radius: 999px;
}
.postmatch-stats-v2-xg-visual b.home {
  left: calc(var(--home-share) - 5px);
  background: #35d565;
  box-shadow: 0 0 12px rgba(53,213,101,.45);
}
.postmatch-stats-v2-xg-visual b.away {
  right: calc(var(--away-share) - 5px);
  background: #b479ff;
  box-shadow: 0 0 12px rgba(180,121,255,.45);
}
.postmatch-stats-v2-summary-grid {
  display: grid;
  gap: 13px;
}
.postmatch-stats-v2-pitch {
  position: relative;
  display: grid;
  grid-template-columns: var(--home-share) var(--away-share);
  min-height: 128px;
  overflow: hidden;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(53,213,101,.22), rgba(53,213,101,.1) var(--home-share), rgba(180,121,255,.12) var(--home-share), rgba(180,121,255,.28)),
    #07100d;
}
.postmatch-stats-v2-pitch::before,
.postmatch-stats-v2-pitch::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.14);
  pointer-events: none;
}
.postmatch-stats-v2-pitch::before {
  inset: 16px;
}
.postmatch-stats-v2-pitch::after {
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
}
.postmatch-stats-v2-pitch span {
  z-index: 1;
  display: grid;
  place-items: center;
  color: #35d565;
  font: 950 28px/1 "DM Mono", monospace;
}
.postmatch-stats-v2-pitch .away {
  color: #b479ff;
}
.postmatch-stats-v2-bullets {
  display: grid;
  gap: 10px;
}
.postmatch-stats-v2-bullets p {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 0;
}
.postmatch-stats-v2-bullets i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(53,213,101,.14);
  color: #35d565;
  font-style: normal;
}
.postmatch-stats-v2-bullets p:nth-child(2n) i {
  background: rgba(180,121,255,.14);
  color: #b479ff;
}
.postmatch-stats-v2-bullets strong,
.postmatch-stats-v2-bullets small {
  display: block;
}
.postmatch-stats-v2-bullets strong {
  color: #f2f7f5;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
}
.postmatch-stats-v2-bullets small {
  margin-top: 3px;
  color: #aeb8bb;
  font-size: 10px;
  line-height: 1.35;
}
.postmatch-stats-v2-style-grid {
  display: grid;
  gap: 10px;
}
.postmatch-stats-v2-style-card {
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 10px;
  background: #080d0f;
  padding: 10px;
}
.postmatch-stats-v2-style-card header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 10px;
  align-items: center;
}
.postmatch-stats-v2-style-card.away header {
  grid-template-columns: minmax(0, 1fr) 34px;
}
.postmatch-stats-v2-style-card strong,
.postmatch-stats-v2-style-card span {
  display: block;
  min-width: 0;
}
.postmatch-stats-v2-style-card strong {
  color: #35d565;
  font-size: 12px;
  font-weight: 950;
}
.postmatch-stats-v2-style-card.away strong {
  color: #b479ff;
}
.postmatch-stats-v2-style-card span {
  margin-top: 3px;
  color: #d7dedc;
  font-size: 10px;
  line-height: 1.25;
}
.postmatch-stats-v2-style-card .wc-flag {
  width: 32px;
  height: 32px;
}
.postmatch-stats-v2-style-body {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
  gap: 10px;
  margin-top: 10px;
}
.postmatch-stats-v2-network {
  position: relative;
  min-height: 82px;
  border: 1px solid rgba(131,153,161,.14);
  border-radius: 6px;
  background:
    linear-gradient(rgba(131,153,161,.06) 1px, transparent 1px) 0 0 / 100% 33%,
    linear-gradient(90deg, rgba(131,153,161,.06) 1px, transparent 1px) 0 0 / 33% 100%,
    #07100d;
}
.postmatch-stats-v2-network i {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #35d565;
  box-shadow: 0 0 0 4px rgba(53,213,101,.08);
}
.postmatch-stats-v2-style-card.away .postmatch-stats-v2-network i {
  background: #b479ff;
  box-shadow: 0 0 0 4px rgba(180,121,255,.08);
}
.postmatch-stats-v2-style-bars {
  display: grid;
  align-content: center;
  gap: 8px;
}
.postmatch-stats-v2-style-bars p {
  display: grid;
  gap: 4px;
  margin: 0;
}
.postmatch-stats-v2-style-bars span {
  color: #d7dedc;
  font-size: 9px;
  font-weight: 800;
}
.postmatch-stats-v2-style-bars b {
  display: block;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(131,153,161,.18);
}
.postmatch-stats-v2-style-bars b::before {
  content: "";
  display: block;
  width: var(--bar);
  height: 100%;
  border-radius: inherit;
  background: #35d565;
}
.postmatch-stats-v2-style-card.away .postmatch-stats-v2-style-bars b::before {
  background: #b479ff;
}
@media (min-width: 720px) {
  .postmatch-stats-v2-summary-grid,
  .postmatch-stats-v2-style-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.match-state-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(92px, 1fr);
  gap: 8px;
  overflow-x: auto;
  margin: 13px 0 12px;
  padding-bottom: 2px;
  scrollbar-width: none;
}
.match-state-tabs::-webkit-scrollbar { display: none; }
.match-state-tab {
  min-height: 38px;
  border: 1px solid rgba(131,153,161,.22);
  border-radius: 10px;
  background: rgba(9,22,26,.82);
  color: #9ca8ad;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.match-state-tab.active {
  border-color: rgba(53,213,101,.58);
  background: linear-gradient(135deg, rgba(35,187,80,.28), rgba(8,19,25,.92));
  color: #35d565;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 18px rgba(53,213,101,.12);
}
.match-state-panel { display: none; }
.match-state-panel.active {
  display: grid;
  gap: 12px;
}
.live-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  border: 1px solid rgba(53,213,101,.44);
  border-radius: 999px;
  background: rgba(53,213,101,.13);
  padding: 3px 9px;
  color: #54df78;
  font: 900 10px "DM Mono", monospace;
}
.live-scoreline {
  color: #35d565;
  font: 400 42px/1 "Bebas Neue", sans-serif;
  text-shadow: 0 0 18px rgba(53,213,101,.26);
}
.live-match-hero .wc-matchup {
  grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
}
.wc-matchup > .live-scoreline {
  color: #35d565;
  font: 400 38px/1 "Bebas Neue", sans-serif;
  letter-spacing: .02em;
  text-align: center;
  text-shadow: 0 0 18px rgba(53,213,101,.28);
}
.match-data-fallback,
.league-preview-card {
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 12px;
  background: rgba(8,19,25,.88);
  padding: 13px 14px;
}
.match-data-fallback strong,
.league-preview-card strong {
  display: block;
  color: #eef3f3;
  font-size: 13px;
}
.match-data-fallback span,
.league-preview-card small {
  display: block;
  margin-top: 5px;
  color: #87949a;
  font-size: 11px;
}
.scheduled-prediction-loading {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: clamp(270px, 52vh, 460px);
  padding: 36px 20px;
  text-align: center;
}
.scheduled-prediction-loader {
  width: 34px;
  height: 34px;
  border: 2px solid rgba(34,230,118,.18);
  border-top-color: #22e676;
  border-radius: 50%;
  animation: league-fast-shell-spin .8s linear infinite;
}
.scheduled-prediction-loading strong {
  display: block;
  margin-top: 17px;
  color: #f2f6f4;
  font-size: 18px;
  line-height: 1.25;
}
.scheduled-prediction-loading p {
  max-width: 330px;
  margin: 8px 0 0;
  color: #87949a;
  font-size: 13px;
  line-height: 1.45;
}
[data-scheduled-preview-content][hidden] {
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .scheduled-prediction-loader { animation: none; }
}
.shared-detail-loading {
  position: relative;
  overflow: hidden;
}
.shared-detail-loading::after {
  content: "";
  position: absolute;
  inset: auto 14px 8px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #20d877, transparent);
  animation: shared-detail-loading-sweep 1.1s ease-in-out infinite;
}
@keyframes shared-detail-loading-sweep {
  from { transform: translateX(-100%); }
  to { transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) {
  .shared-detail-loading::after { animation: none; }
}
.league-preview-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.league-preview-lines {
  display: grid;
  gap: 8px;
}
.league-preview-lines p {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  border-top: 1px solid rgba(131,153,161,.14);
  padding-top: 8px;
}
.league-preview-lines span {
  color: #839095;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.league-preview-lines b {
  color: #eef3f3;
  font-size: 12px;
  text-align: right;
}
.match-preview-top-grid {
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
}
.preview-h2h-card {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 13px 14px;
}
.preview-h2h-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.preview-h2h-card header strong {
  color: #eef5f3;
  font: 900 11px "DM Mono", monospace;
  letter-spacing: .02em;
}
.preview-h2h-scoreline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 8px;
}
.preview-h2h-scoreline span {
  overflow: hidden;
  color: #b7c1c5;
  font-size: 10px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.preview-h2h-scoreline span:nth-child(2),
.preview-h2h-scoreline b:nth-child(5) {
  text-align: center;
}
.preview-h2h-scoreline span:nth-child(3),
.preview-h2h-scoreline b:nth-child(6) {
  text-align: right;
}
.preview-h2h-scoreline b {
  color: #35d565;
  font-size: 22px;
  line-height: 1;
}
.preview-h2h-scoreline b:nth-child(5) {
  color: #b8c2c6;
  font-size: 16px;
}
.preview-h2h-scoreline b:nth-child(6) {
  color: #b15cff;
}
.preview-h2h-bar {
  display: flex;
  overflow: hidden;
  height: 6px;
  border-radius: 999px;
  background: rgba(131,153,161,.14);
}
.preview-h2h-bar i {
  display: block;
  min-width: 0;
}
.preview-h2h-bar .home {
  background: linear-gradient(90deg, rgba(53,213,101,.55), #35d565);
}
.preview-h2h-bar .draw {
  background: #aeb8bd;
}
.preview-h2h-bar .away {
  background: linear-gradient(90deg, #b15cff, rgba(177,92,255,.55));
}
.preview-h2h-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.preview-h2h-pills i {
  display: grid;
  place-items: center;
  min-width: 48px;
  height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  color: #06110c;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .04em;
}
.h2h-result-chip {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  font: 900 11px/1 "DM Mono", monospace;
  font-style: normal;
  letter-spacing: .04em;
  white-space: nowrap;
}
.h2h-result-chip--team-a,
.preview-h2h-pills .w {
  background: linear-gradient(135deg, #35d565, #11a85d);
  color: #effff5;
  box-shadow: 0 8px 20px rgba(20, 209, 104, .18);
}
.h2h-result-chip--draw,
.preview-h2h-pills .d {
  background: linear-gradient(135deg, #e5ecef, #aeb8bd);
  color: #071015;
}
.h2h-result-chip--team-b,
.preview-h2h-pills .l {
  background: linear-gradient(135deg, #c95cff, #8a3cff);
  color: #f7edff;
  box-shadow: 0 8px 20px rgba(177, 92, 255, .18);
}
.h2h-details {
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px dashed rgba(174, 195, 203, .2);
}
.h2h-details summary {
  display: flex;
  cursor: pointer;
  list-style: none;
  align-items: center;
  justify-content: center;
  color: #9eabb0;
  font-size: 11px;
  font-weight: 900;
  gap: 8px;
}
.h2h-details summary::-webkit-details-marker {
  display: none;
}
.h2h-details summary::after {
  content: "⌄";
  color: #35d565;
  font-size: 13px;
  transition: transform .18s ease;
}
.h2h-details[open] summary::after {
  transform: rotate(180deg);
}
.h2h-details summary em {
  display: none;
  color: #b8c4c8;
  font-style: normal;
}
.h2h-details[open] summary span {
  display: none;
}
.h2h-details[open] summary em {
  display: inline;
}
.h2h-details-list {
  display: grid;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.h2h-detail-row {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(129, 153, 161, .13);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(17, 31, 39, .9), rgba(8, 17, 22, .86)),
    rgba(8, 15, 20, .84);
}
.h2h-detail-meta {
  display: grid;
  gap: 2px;
  color: #87949a;
  font-size: 10px;
  font-weight: 900;
}
.h2h-detail-meta b {
  color: #aeb9bd;
  font-size: 12px;
}
.h2h-detail-meta small {
  overflow: hidden;
  max-width: 48px;
  color: #717e84;
  font-size: 9px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.h2h-detail-team {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  color: #f1f6f5;
}
.h2h-detail-team--away {
  justify-content: flex-end;
}
.h2h-detail-team strong {
  overflow: hidden;
  font: 900 12px/1 "DM Mono", monospace;
  letter-spacing: .04em;
  text-overflow: ellipsis;
}
.h2h-detail-badge {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
.h2h-detail-badge-frame {
  width: 30px;
  height: 30px;
}
.h2h-detail-score {
  min-width: 54px;
  padding: 8px 9px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .055);
  color: #f5faf8;
  font: 900 15px/1 "DM Mono", monospace;
  text-align: center;
  white-space: nowrap;
}
.h2h-detail-winner {
  display: flex;
  justify-content: flex-end;
}
.preview-h2h-empty {
  margin: 16px 0 10px;
  color: #9aa7ac;
  font-size: 12px;
  text-align: center;
}
.match-preview-availability {
  margin-bottom: 8px;
  padding: 14px;
  border-color: rgba(53, 213, 101, .2);
  background:
    radial-gradient(circle at 0 0, rgba(53, 213, 101, .09), transparent 38%),
    rgba(7, 18, 23, .94);
}
.match-availability-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.match-availability-header > span {
  display: grid;
  gap: 3px;
}
.match-availability-header strong {
  color: #f0f7f5;
  font: 900 12px "DM Mono", monospace;
  letter-spacing: .02em;
}
.match-availability-header small {
  color: #89979c;
  font-size: 10px;
  font-weight: 700;
}
.match-availability-header em {
  flex: 0 0 auto;
  color: #52d978;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}
.match-availability-loading {
  display: flex;
  min-height: 74px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(131, 153, 161, .14);
  border-radius: 12px;
  color: #aab5b9;
  font-size: 11px;
  font-weight: 800;
}
.match-availability-loading i,
.match-availability-pending > i {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(53, 213, 101, .2);
  border-top-color: #35d565;
  border-radius: 999px;
  animation: match-availability-spin .8s linear infinite;
}
@keyframes match-availability-spin {
  to { transform: rotate(360deg); }
}
.match-availability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.match-availability-team {
  overflow: hidden;
  min-width: 0;
  border: 1px solid rgba(131, 153, 161, .16);
  border-radius: 12px;
  background: rgba(6, 16, 21, .72);
}
.match-availability-team.away {
  background: linear-gradient(145deg, rgba(34, 16, 46, .28), rgba(6, 16, 21, .76));
}
.match-availability-team > header {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 52px;
  padding: 9px 10px;
  border-bottom: 1px solid rgba(131, 153, 161, .12);
}
.match-availability-team > header > span:last-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.match-availability-team > header strong {
  overflow: hidden;
  color: #eef5f3;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-availability-team > header small {
  color: #869399;
  font-size: 9px;
  font-weight: 800;
}
.match-availability-team-badge-frame {
  width: 32px;
  height: 32px;
}
.match-availability-team-badge {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.match-availability-team ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.match-availability-player {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 62px;
  padding: 9px 10px;
  border-top: 1px solid rgba(131, 153, 161, .09);
}
.match-availability-player:first-child {
  border-top: 0;
}
.match-availability-player-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.match-availability-player-copy strong,
.match-availability-player-name {
  overflow: hidden;
  color: #f4f8f7;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-availability-player-name {
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-weight: 900;
  text-align: left;
  text-decoration: underline;
  text-decoration-color: rgba(53, 213, 101, .42);
  text-underline-offset: 3px;
}
.match-availability-player-name:hover,
.match-availability-player-name:focus-visible {
  color: #48db72;
  text-decoration-color: currentColor;
}
.match-availability-player-name:focus-visible {
  outline: 2px solid rgba(53, 213, 101, .42);
  outline-offset: 3px;
  border-radius: 2px;
}
.match-availability-player-copy span,
.match-availability-player-copy small {
  overflow: hidden;
  color: #b4c0c3;
  font-size: 9px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-availability-player-copy small {
  color: #7f8d92;
}
.match-availability-player > b {
  display: grid;
  justify-items: center;
  min-width: 40px;
  gap: 3px;
  color: #fb7185;
  font: 900 10px/1 "DM Mono", monospace;
}
.match-availability-player.suspended > b {
  color: #facc15;
}
.match-availability-player > b em {
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.match-availability-clear,
.match-availability-pending {
  display: flex;
  min-height: 74px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px;
  text-align: left;
}
.match-availability-clear > i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(53, 213, 101, .14);
  color: #48db72;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}
.match-availability-clear > span,
.match-availability-pending > span {
  display: grid;
  gap: 3px;
}
.match-availability-clear strong,
.match-availability-pending strong {
  color: #dce7e4;
  font-size: 10px;
}
.match-availability-clear small,
.match-availability-pending small {
  color: #7f8d92;
  font-size: 8px;
}
@media (prefers-reduced-motion: reduce) {
  .match-availability-loading i,
  .match-availability-pending > i { animation: none; }
}
.match-preview-intel {
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
}
.match-preview-grid,
.match-preview-lower-grid {
  display: grid;
  gap: 8px;
}
.match-preview-compare,
.match-preview-insight,
.match-preview-style,
.match-preview-flow,
.match-preview-game-overview {
  padding: 13px 14px;
}
.match-preview-compare header,
.match-preview-insight header,
.match-preview-style header,
.match-preview-flow header,
.match-preview-game-overview header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.match-preview-compare header strong,
.match-preview-insight header strong,
.match-preview-style header strong,
.match-preview-flow header strong,
.match-preview-game-overview header strong {
  color: #eef5f3;
  font: 900 11px "DM Mono", monospace;
  letter-spacing: .02em;
}
.match-preview-compare header strong span {
  color: #87949a;
  font-weight: 700;
}
.match-preview-compare header small {
  color: #9aa7ac;
  font-size: 10px;
  text-align: right;
}
.match-preview-game-overview header span {
  color: #8c989e;
  font-size: 12px;
}
.match-preview-teamline,
.match-preview-stat-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 58px;
  align-items: center;
  gap: 10px;
}
.match-preview-teamline {
  margin-bottom: 8px;
  color: #b9c4c7;
  font: 900 10px "DM Mono", monospace;
  text-transform: uppercase;
}
.match-preview-teamline span:last-child {
  text-align: right;
}
.match-preview-stat-row {
  border-top: 1px solid rgba(131,153,161,.10);
  padding: 8px 0;
}
.match-preview-stat-row b {
  color: #f5fbfa;
  font: 800 16px/1.1 "DM Sans", sans-serif;
}
.match-preview-stat-row b:last-child {
  color: #ce75ff;
  text-align: right;
}
.match-preview-stat-row span {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.match-preview-stat-row em {
  color: #9aa7ac;
  font-size: 10px;
  font-style: normal;
  text-align: center;
}
.match-preview-stat-row i {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  align-items: center;
}
.match-preview-stat-row u {
  display: block;
  height: 4px;
  border-radius: 999px;
  text-decoration: none;
}
.match-preview-stat-row u:first-child {
  justify-self: end;
  background: linear-gradient(90deg, rgba(45,220,92,.35), #35d565);
}
.match-preview-stat-row u:last-child {
  justify-self: start;
  background: linear-gradient(90deg, #b15cff, rgba(177,92,255,.35));
}
.match-preview-insight p,
.match-preview-flow p,
.match-preview-style p {
  margin: 0 0 10px;
  color: #d7e0e2;
  font-size: 12px;
  line-height: 1.45;
}
.match-preview-verdict {
  margin-top: 12px;
  border: 1px solid rgba(53,213,101,.20);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(30,171,73,.16), rgba(8,19,25,.92));
  padding: 12px;
}
.match-preview-verdict small {
  display: block;
  color: #93a0a5;
  font: 900 9px "DM Mono", monospace;
  text-transform: uppercase;
}
.match-preview-verdict strong {
  display: block;
  margin-top: 6px;
  color: #52dd76;
  font-size: 12px;
  text-transform: uppercase;
}
.match-preview-verdict b {
  display: block;
  margin-top: 2px;
  color: #f5fbfa;
  font-size: 18px;
}
.match-preview-style > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
}
.match-preview-style article {
  border: 1px solid rgba(131,153,161,.14);
  border-radius: 10px;
  background: rgba(10,26,31,.62);
  padding: 12px;
}
.match-preview-style article:nth-child(3) {
  background: rgba(34,16,46,.40);
}
.match-preview-style article strong {
  display: block;
  color: #f3f8f8;
  font-size: 12px;
}
.match-preview-style article b {
  display: block;
  margin-top: 8px;
  color: #43d76a;
  font-size: 12px;
}
.match-preview-style article:nth-child(3) b {
  color: #c075ff;
}
.match-preview-style > div > span {
  align-self: center;
  color: #77858a;
  font: 900 10px "DM Mono", monospace;
  text-align: center;
}
.match-preview-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.match-preview-overview-item {
  display: grid;
  justify-items: center;
  min-width: 0;
  border-left: 1px solid rgba(131,153,161,.12);
  padding: 8px 6px 6px;
  text-align: center;
}
.match-preview-overview-item:nth-child(2n + 1) {
  border-left: 0;
}
.match-preview-overview-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(53,213,101,.18);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 34%, rgba(53,213,101,.24), transparent 54%),
    rgba(11,29,34,.86);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  font-size: 20px;
  line-height: 1;
}
.match-preview-overview-item strong {
  margin-top: 8px;
  color: #f3f8f8;
  font-size: 11px;
  font-weight: 900;
}
.match-preview-overview-item span {
  overflow: hidden;
  max-width: 100%;
  margin-top: 7px;
  color: #d8e2e4;
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-preview-dots {
  display: flex;
  justify-content: center;
  gap: 3px;
  width: 100%;
  margin-top: 7px;
}
.match-preview-dots i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(120,137,144,.38);
}
.match-preview-dots i.active.home {
  background: #35d565;
  box-shadow: 0 0 8px rgba(53,213,101,.28);
}
.match-preview-dots i.active.away {
  background: #b15cff;
  box-shadow: 0 0 8px rgba(177,92,255,.24);
}
.match-preview-dots i.active.neutral {
  background: #b9c6ca;
}
.match-preview-overview-item b {
  margin-top: 6px;
  color: #f5fbfa;
  font-size: 11px;
}
.live-stat-comparisons {
  display: block;
}
.live-match-stats-card,
.live-match-summary-card,
.live-match-dna-card,
.live-pressure-card,
.live-intel-card {
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 12px;
  background:
    radial-gradient(circle at top left, rgba(53,213,101,.08), transparent 42%),
    rgba(8,19,25,.9);
  padding: 14px;
}
.live-match-stats-card h3,
.live-match-summary-card h3,
.live-match-dna-card h3,
.live-pressure-card h3,
.live-intel-card h3 {
  margin: 0 0 12px;
  color: #eef3f3;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .03em;
}
.live-momentum-card header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
}
.live-momentum-card header h3 {
  margin: 0;
}
.live-momentum-card header span {
  color: #35d565;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
}
.live-momentum-card header span:last-child {
  color: #b479ff;
}
.live-momentum-bars {
  display: flex;
  align-items: end;
  gap: 3px;
  height: 38px;
  margin: 12px 0 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(131,153,161,.15);
}
.live-momentum-bars i {
  flex: 1;
  min-width: 2px;
  border-radius: 999px 999px 0 0;
  background: rgba(131,153,161,.34);
}
.live-momentum-bars i.home {
  background: linear-gradient(180deg, #35d565, #1f9f4e);
  box-shadow: 0 0 10px rgba(53,213,101,.25);
}
.live-momentum-bars i.away {
  background: linear-gradient(180deg, #c08cff, #7a45df);
  box-shadow: 0 0 10px rgba(180,121,255,.24);
}
.live-momentum-card p,
.live-xgolo-insight p {
  margin: 0;
  color: #cbd3d5;
  font-size: 13px;
  line-height: 1.45;
}
.live-xgolo-insight p + p {
  margin-top: 6px;
}
.live-win-prob-card > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.live-win-prob-card article {
  min-width: 0;
  padding: 0 10px;
  border-left: 1px solid rgba(131,153,161,.14);
}
.live-win-prob-card article:first-child {
  border-left: 0;
  padding-left: 0;
}
.live-win-prob-card article:last-child {
  padding-right: 0;
}
.live-win-prob-card span {
  display: block;
  overflow: hidden;
  color: #a8b2b6;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-win-prob-card strong {
  display: block;
  margin: 7px 0 8px;
  color: #d9e1e3;
  font: 900 30px/1 "Bebas Neue", sans-serif;
}
.live-win-prob-card article.home span,
.live-win-prob-card article.home strong {
  color: #35d565;
}
.live-win-prob-card article.away span,
.live-win-prob-card article.away strong {
  color: #b479ff;
}
.live-win-prob-card i {
  display: block;
  height: 4px;
  max-width: 100%;
  border-radius: 999px;
  background: #cfd8dc;
  opacity: .85;
}
.live-win-prob-card article.home i {
  background: linear-gradient(90deg, #23bb50, #56e27a);
}
.live-win-prob-card article.away i {
  background: linear-gradient(90deg, #8b5cff, #c08cff);
}
.live-intel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.live-intel-grid > .live-intel-card--wide,
.live-intel-grid > .live-timeline-card {
  grid-column: 1 / -1;
}
.live-intel-grid .live-intel-card > p {
  margin: -6px 0 12px;
  color: #91a0a5;
  font-size: 12px;
  line-height: 1.35;
}
.live-intel-grid .live-intel-segment-bar {
  display: flex;
  overflow: hidden;
  min-height: 36px;
  border: 1px solid rgba(131,153,161,.14);
  border-radius: 7px;
  background: rgba(131,153,161,.14);
}
.live-intel-grid .live-intel-segment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  color: #061016;
  font: 900 12px "DM Mono", monospace;
  font-style: normal;
}
.live-intel-grid .live-intel-segment.home {
  background: linear-gradient(90deg, #28c95b, #4ee278);
}
.live-intel-grid .live-intel-segment.draw {
  background: linear-gradient(90deg, #849198, #a7b2b8);
  color: #0b161b;
}
.live-intel-grid .live-intel-segment.away {
  background: linear-gradient(90deg, #8d55ef, #bd82ff);
}
.live-intel-grid .live-intel-segment-labels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 9px;
}
.live-intel-grid .live-intel-segment-labels span {
  overflow: hidden;
  color: #95a2a7;
  font-size: 11px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-intel-grid .live-intel-segment-labels span:first-child { color: #35d565; }
.live-intel-grid .live-intel-segment-labels span:last-child { color: #b479ff; text-align: right; }
.live-intel-grid .live-intel-two-col,
.live-intel-grid .live-intel-three-col {
  display: grid;
  gap: 12px;
}
.live-intel-grid .live-intel-two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.live-intel-grid .live-intel-three-col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.live-intel-grid .live-intel-mini-option {
  min-width: 0;
}
.live-intel-grid .live-intel-mini-option span,
.live-intel-grid .live-intel-pressure-meter span {
  display: block;
  overflow: hidden;
  color: #a9b5b9;
  font-size: 11px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-intel-grid .live-intel-mini-option strong {
  display: block;
  margin: 7px 0 8px;
  color: #dce5e8;
  font: 900 28px/1 "Bebas Neue", sans-serif;
}
.live-intel-grid .live-intel-mini-option.home span,
.live-intel-grid .live-intel-mini-option.home strong {
  color: #35d565;
}
.live-intel-grid .live-intel-mini-option.away span,
.live-intel-grid .live-intel-mini-option.away strong {
  color: #b479ff;
}
.live-intel-grid .live-intel-mini-option.draw strong {
  color: #c4ced2;
}
.live-intel-grid .live-intel-mini-bar {
  overflow: hidden;
  height: 5px;
  border-radius: 999px;
  background: rgba(131,153,161,.22);
}
.live-intel-grid .live-intel-mini-fill {
  display: block;
  height: 100%;
  max-width: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #30ce63, #55e57c);
}
.live-intel-grid .live-intel-mini-option.away .live-intel-mini-fill,
.live-intel-grid .live-intel-mini-fill.away {
  background: linear-gradient(90deg, #8c58ef, #bd82ff);
}
.live-intel-grid .live-intel-mini-option.draw .live-intel-mini-fill {
  background: linear-gradient(90deg, #99a6ad, #c3cdd1);
}
.live-intel-grid .live-intel-card small {
  display: block;
  margin-top: 12px;
  color: #aeb8bc;
  font-size: 12px;
  line-height: 1.35;
}
.live-intel-grid .live-intel-pressure-meter {
  display: grid;
  gap: 12px;
}
.live-intel-grid .live-intel-pressure-meter article {
  min-width: 0;
}
.live-intel-grid .live-intel-pressure-meter strong {
  display: block;
  margin: 5px 0 7px;
  color: #eef6f2;
  font-size: 13px;
  font-weight: 900;
}
.live-intel-grid .live-intel-next-goal-card footer {
  margin-top: 12px;
  color: #91a0a5;
  font: 800 10px "DM Mono", monospace;
  text-align: center;
}
.live-intel-grid .live-intel-verdict-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}
.live-intel-grid .live-intel-verdict-card h3 {
  margin-bottom: 8px;
}
.live-intel-grid .live-intel-verdict-card p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
  color: #d5dddf;
  font-size: 13px;
  line-height: 1.45;
}
.live-intel-grid .live-insights-card {
  display: block;
}
.live-intel-grid .live-insight-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.live-intel-grid .live-insight-card {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(131,153,161,.16);
  border-radius: 9px;
  background: rgba(4,12,17,.42);
}
.live-intel-grid .live-insight-card span,
.live-intel-grid .live-insight-card small {
  display: block;
  overflow: hidden;
  color: #91a0a5;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .03em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-intel-grid .live-insight-card strong {
  display: block;
  margin: 7px 0;
  color: #f1f7f7;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.18;
}
.live-intel-grid .live-insight-card b {
  display: inline-flex;
  max-width: 100%;
  margin-bottom: 6px;
  padding: 4px 7px;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 999px;
  background: rgba(148,163,184,.10);
  color: #cbd5e1;
  font: 900 11px/1 "DM Mono", monospace;
}
.live-intel-grid .live-insight-card p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 6px 0 0;
  color: #c5d0d3;
  font-size: 11px;
  line-height: 1.35;
}
.live-intel-grid .live-insight-list--actionable {
  grid-template-columns: 1fr;
}
.live-intel-grid .live-insight-card--actionable {
  padding: 12px;
  border-color: rgba(86,226,122,.18);
  background:
    radial-gradient(circle at top right, rgba(180,121,255,.08), transparent 44%),
    radial-gradient(circle at top left, rgba(53,213,101,.10), transparent 42%),
    rgba(4,12,17,.54);
}
.live-intel-grid .live-insight-card--actionable header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.live-intel-grid .live-insight-card--actionable header b {
  flex: 0 0 auto;
  margin: 0;
}
.live-intel-grid .live-insight-card .live-signal-status.live-signal-status--good {
  border-color: rgba(74, 222, 128, 0.35);
  background: rgba(34, 197, 94, 0.14);
  color: #4ADE80;
}
.live-intel-grid .live-insight-card .live-signal-status.live-signal-status--watch {
  border-color: rgba(251, 191, 36, 0.35);
  background: rgba(251, 191, 36, 0.14);
  color: #FBBF24;
}
.live-intel-grid .live-insight-card .live-signal-status.live-signal-status--forming,
.live-intel-grid .live-insight-card .live-signal-status.live-signal-status--building {
  border-color: rgba(192, 132, 252, 0.35);
  background: rgba(192, 132, 252, 0.14);
  color: #C084FC;
}
.live-intel-grid .live-insight-card--actionable strong {
  margin: 10px 0 4px;
  font-size: 20px;
  line-height: 1.05;
}
.live-intel-grid .live-insight-card--actionable small {
  color: #ffb84e;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}
.live-intel-grid .live-insight-card--actionable em {
  display: block;
  margin-top: 4px;
  color: #8f9ea4;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}
.live-actionable-ou {
  display: grid;
  grid-template-columns: auto minmax(72px, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin: 12px 0 10px;
}
.live-actionable-ou span {
  color: #35d565;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
}
.live-actionable-ou span:last-child {
  color: #b479ff;
}
.live-actionable-ou i {
  position: relative;
  display: block;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #35d565 0 50%, #b479ff 50% 100%);
}
.live-actionable-ou i::after {
  content: "";
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 2px;
  left: 50%;
  border-radius: 999px;
  background: rgba(238,246,242,.8);
}
.live-actionable-ou mark {
  position: absolute;
  top: -18px;
  transform: translateX(-50%);
  background: transparent;
  color: #eef6f2;
  font: 900 10px "DM Mono", monospace;
}
.live-actionable-ou[data-live-market-side="under"] span:first-child,
.live-actionable-ou[data-live-market-side="over"] span:last-child {
  color: #f1f7f7;
}
.live-intel-grid .live-insight-card--actionable p {
  display: block;
  -webkit-line-clamp: unset;
  margin-top: 8px;
  color: #d8e3e5;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
}
.live-intel-grid .live-insight-card--actionable .live-actionable-detail {
  margin-top: 3px;
  color: #9facb1;
  font-size: 11px;
  font-weight: 800;
}
.live-intel-grid .live-intel-confidence-ring {
  --live-confidence: 62%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, rgba(8,19,25,.92) 54%, transparent 56%),
    conic-gradient(#b479ff var(--live-confidence), rgba(131,153,161,.22) 0);
  color: #b479ff;
}
.live-intel-grid .live-intel-confidence-ring strong {
  color: #eef3f3;
  font: 900 24px/1 "Bebas Neue", sans-serif;
}
.live-intel-grid .live-intel-confidence-ring span {
  max-width: 54px;
  color: #b479ff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}
.live-match-story-card > div {
  display: grid;
  gap: 0;
}
.live-match-story-card article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(131,153,161,.12);
}
.live-match-story-card article:last-child {
  border-bottom: 0;
}
.live-match-story-card time {
  color: #35d565;
  font-family: "DM Mono", monospace;
  font-size: 12px;
  font-weight: 900;
}
.live-match-story-card span {
  min-width: 0;
}
.live-match-story-card strong {
  display: block;
  color: #eef3f3;
  font-size: 13px;
  line-height: 1.25;
}
.live-match-story-card small {
  display: block;
  margin-top: 3px;
  color: #9aa5a9;
  font-size: 12px;
  line-height: 1.35;
}
.live-timeline-card h3 {
  margin-bottom: 14px;
  font: 900 16px/1.1 "DM Mono", monospace;
  letter-spacing: .05em;
}
.live-timeline-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin: 0 -2px 18px;
  padding: 0 2px 2px;
  scrollbar-width: none;
}
.live-timeline-filters::-webkit-scrollbar {
  display: none;
}
.live-timeline-filters button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid rgba(131,153,161,.16);
  border-radius: 999px;
  padding: 0 15px;
  background: rgba(16,34,42,.72);
  color: #acb7bc;
  font-size: 12px;
  font-weight: 900;
}
.live-timeline-filters button.active {
  border-color: rgba(53,213,101,.72);
  background: rgba(53,213,101,.16);
  color: #47df75;
  box-shadow: 0 0 18px rgba(53,213,101,.12);
}
.live-timeline-track {
  position: relative;
  display: grid;
  gap: 0;
  padding: 4px 0 2px;
}
.live-timeline-track::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 12px;
  bottom: 52px;
  width: 1px;
  background: linear-gradient(180deg, rgba(180,121,255,.72), rgba(156,170,176,.45), rgba(53,213,101,.60));
  transform: translateX(-50%);
}
.live-timeline-event {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
  align-items: center;
  min-height: 72px;
  padding: 12px 0;
  border-top: 1px solid rgba(131,153,161,.09);
}
.live-timeline-event:first-child {
  border-top: 0;
}
.live-timeline-event[hidden] {
  display: none;
}
.live-timeline-marker {
  position: relative;
  z-index: 1;
  grid-column: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
}
.live-timeline-marker time {
  color: #c8d2d6;
  font-family: "DM Mono", monospace;
  font-size: 12px;
  font-weight: 900;
  text-align: right;
  white-space: nowrap;
}
.live-timeline-marker i {
  width: 13px;
  height: 13px;
  border: 2px solid rgba(196,212,219,.86);
  border-radius: 999px;
  background: #081319;
  box-shadow: 0 0 0 4px rgba(8,19,25,.96);
}
.live-timeline-event.goal .live-timeline-marker i,
.live-timeline-event.kickoff .live-timeline-marker i,
.live-timeline-event.sub .live-timeline-marker i {
  border-color: rgba(53,213,101,.75);
}
.live-timeline-event.yellow .live-timeline-marker i {
  border-color: #ffd43b;
  background: #ffd43b;
}
.live-timeline-event.red .live-timeline-marker i {
  border-color: #ff4d5f;
  background: #ff4d5f;
}
.live-timeline-content {
  width: 100%;
  min-width: 0;
  max-width: 230px;
}
.live-timeline-event--home .live-timeline-content {
  grid-column: 1;
  justify-self: end;
  padding-right: 16px;
  text-align: left;
}
.live-timeline-event--away .live-timeline-content {
  grid-column: 3;
  justify-self: start;
  padding-left: 16px;
  text-align: left;
}
.live-timeline-event--neutral .live-timeline-content,
.live-timeline-event.halftime .live-timeline-content {
  grid-column: 1 / -1;
  justify-self: center;
  max-width: none;
  padding: 0;
  text-align: center;
}
.live-timeline-line {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.live-timeline-event--home .live-timeline-line {
  justify-content: flex-end;
}
.live-timeline-event--away .live-timeline-line {
  justify-content: flex-start;
}
.live-timeline-team-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #dce6e9;
  font-size: 9px;
  font-weight: 900;
  object-fit: cover;
}
.live-timeline-event-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(53,213,101,.22);
  border-radius: 999px;
  background: rgba(53,213,101,.10);
  color: #35d565;
  font-size: 14px;
  font-weight: 900;
}
.live-timeline-event.yellow .live-timeline-event-icon,
.live-timeline-event.red .live-timeline-event-icon {
  border-radius: 9px;
  background: rgba(255,212,59,.12);
  color: #ffd43b;
}
.live-timeline-event.red .live-timeline-event-icon {
  background: rgba(255,77,95,.12);
  color: #ff4d5f;
}
.live-timeline-event.sub .live-timeline-event-icon {
  color: #b479ff;
}
.live-timeline-event strong {
  min-width: 0;
  overflow: hidden;
  color: #eef3f3;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-timeline-event small {
  display: block;
  margin-top: 5px;
  color: #9fb0b6;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
}
.live-timeline-event em {
  display: block;
  margin-top: 4px;
  color: #35d565;
  font: 900 12px/1 "DM Mono", monospace;
  font-style: normal;
}
.live-timeline-pill {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border: 1px solid rgba(131,153,161,.25);
  border-radius: 999px;
  padding: 0 18px;
  background: rgba(11,25,31,.94);
  color: #dce4e7;
  font: 900 12px/1 "DM Mono", monospace;
  letter-spacing: .08em;
}
.live-timeline-empty {
  position: relative;
  z-index: 1;
  margin: 14px 0 8px;
  border: 1px solid rgba(131,153,161,.14);
  border-radius: 8px;
  padding: 14px;
  background: rgba(11,25,31,.70);
  color: #9fb0b6;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 480px) {
  .live-timeline-event {
    grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
  }
  .live-timeline-event--home .live-timeline-content {
    padding-right: 10px;
  }
  .live-timeline-event--away .live-timeline-content {
    padding-left: 10px;
  }
  .live-timeline-line {
    gap: 6px;
  }
  .live-timeline-team-icon {
    width: 24px;
    height: 24px;
  }
  .live-timeline-event-icon {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
}
.live-timeline-more {
  min-height: 44px;
  margin: 8px 0 0;
  border: 1px solid rgba(131,153,161,.16);
  border-radius: 8px;
  background: rgba(11,25,31,.78);
  color: #35d565;
  font-size: 13px;
  font-weight: 900;
}
.live-stat-comparisons {
  display: grid;
  gap: 12px;
}
.live-stat-row {
  display: grid;
  gap: 8px;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(131,153,161,.13);
}
.live-stat-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.live-stat-values {
  display: grid;
  grid-template-columns: minmax(76px, .9fr) minmax(92px, 1.1fr) minmax(76px, .9fr);
  align-items: center;
  gap: 8px;
}
.live-stat-values strong {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  border-radius: 8px;
  padding: 0 13px;
  color: #eef3f3;
  font: 900 30px/1 "Bebas Neue", sans-serif;
  letter-spacing: .01em;
}
.live-stat-values strong.home {
  justify-content: flex-start;
  background: linear-gradient(135deg, rgba(53,213,101,.25), rgba(53,213,101,.08));
  box-shadow: inset 0 0 0 1px rgba(53,213,101,.1);
}
.live-stat-values strong.away {
  justify-content: flex-end;
  background: linear-gradient(135deg, rgba(180,121,255,.08), rgba(180,121,255,.24));
  box-shadow: inset 0 0 0 1px rgba(180,121,255,.1);
  color: #d1a4ff;
}
.live-stat-values span {
  color: #c4cbce;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
}
.live-stat-row > i {
  display: flex;
  width: 100%;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(131,153,161,.2);
}
.live-stat-row > i b {
  display: block;
  height: 100%;
}
.live-stat-row > i b:first-child {
  width: var(--home-share);
  background: linear-gradient(90deg, #23bb50, #56e27a);
}
.live-stat-row > i b:last-child {
  width: var(--away-share);
  background: linear-gradient(90deg, #8b5cff, #c08cff);
}
.live-match-insight-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
.live-match-summary-card p {
  position: relative;
  margin: 0;
  padding-left: 14px;
  color: #cbd3d5;
  font-size: 13px;
  line-height: 1.45;
}
.live-match-summary-card p + p {
  margin-top: 8px;
}
.live-match-summary-card p::before {
  content: "";
  position: absolute;
  left: 0;
  top: .65em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #35d565;
}
.live-match-dna-card > div,
.live-pressure-card > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.live-match-dna-card article,
.live-pressure-card article {
  min-width: 0;
}
.live-match-dna-card span,
.live-pressure-card span {
  display: block;
  color: #35d565;
  font-size: 13px;
  font-weight: 900;
}
.live-match-dna-card article:nth-child(2) span,
.live-pressure-card article.away span {
  color: #b479ff;
}
.live-match-dna-card strong {
  display: block;
  margin-top: 6px;
  color: #eef3f3;
  font-size: 14px;
  line-height: 1.25;
}
.live-pressure-card strong {
  display: block;
  margin-top: 4px;
  color: #35d565;
  font: 900 32px/1 "Bebas Neue", sans-serif;
}
.live-pressure-card article.away strong {
  color: #b479ff;
}
.live-pressure-card i {
  display: block;
  height: 4px;
  margin: 8px 0 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #23bb50, #56e27a);
}
.live-pressure-card article.away i {
  background: linear-gradient(90deg, #8b5cff, #c08cff);
}
.live-pressure-card small {
  display: block;
  color: #9aa5a9;
  font-size: 11px;
  line-height: 1.25;
}
.wc-analysis-sheet {
  padding-bottom: 28px;
}
.wc-analysis-matchup {
  margin-top: 10px;
}
.wc-analysis-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
.wc-analysis-summary article,
.wc-analysis-verdict,
.wc-analysis-notes > div {
  border: 1px solid rgba(131,153,161,.2);
  border-radius: 8px;
  background:
    radial-gradient(circle at top left, rgba(53,213,101,.08), transparent 48%),
    #081319;
}
.wc-analysis-summary article {
  min-width: 0;
  padding: 11px 12px;
}
.wc-analysis-summary span {
  display: block;
  color: #8d989d;
  font: 800 8px "DM Mono", monospace;
  text-transform: uppercase;
}
.wc-analysis-summary strong {
  display: block;
  margin-top: 7px;
  color: #f1f5f5;
  font-size: 14px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.wc-analysis-summary small {
  display: block;
  margin-top: 5px;
  color: #8d989d;
  font-size: 8px;
  line-height: 1.35;
}
.wc-analysis-verdict {
  margin-top: 7px;
  padding: 11px 12px;
}
.wc-analysis-verdict b {
  display: inline-flex;
  border: 1px solid rgba(53,213,101,.32);
  border-radius: 999px;
  background: rgba(53,213,101,.10);
  color: #35d565;
  padding: 4px 9px;
  font: 900 8px "DM Mono", monospace;
  text-transform: uppercase;
}
.wc-analysis-verdict.missed b {
  border-color: rgba(240,201,44,.36);
  background: rgba(240,201,44,.10);
  color: #f0c92c;
}
.wc-analysis-verdict .insight-row-list { margin-top: 9px; }
.wc-analysis-notes {
  display: grid;
  gap: 7px;
  margin-top: 7px;
}
.wc-analysis-notes > div {
  padding: 10px 12px;
}
.wc-analysis-notes b {
  display: block;
  color: #35d565;
  font: 900 8px "DM Mono", monospace;
  text-transform: uppercase;
}
.wc-analysis-notes .insight-row-list { margin-top: 6px; }
.wc-pick-review {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
.wc-pick-review article,
.wc-player-review article,
.wc-market-review {
  border: 1px solid rgba(131,153,161,.2);
  border-radius: 8px;
  background:
    radial-gradient(circle at top left, rgba(53,213,101,.07), transparent 48%),
    #081319;
}
.wc-pick-review article {
  min-width: 0;
  padding: 11px 12px;
}
.wc-pick-review span,
.wc-market-review span,
.wc-player-review article > div span {
  color: #8d989d;
  font: 900 8px "DM Mono", monospace;
  text-transform: uppercase;
}
.wc-pick-review strong {
  display: block;
  margin-top: 6px;
  color: #f2f6f6;
  font-size: 15px;
  line-height: 1.15;
}
.wc-pick-review p,
.wc-player-review p,
.wc-market-review p {
  margin: 7px 0 0;
  color: #d7dfdf;
  font-size: 10px;
  line-height: 1.4;
}
.wc-pick-review .hit,
.wc-player-review .hit {
  border-color: rgba(53,213,101,.34);
}
.wc-pick-review .miss,
.wc-player-review .miss {
  border-color: rgba(239,104,108,.34);
}
.wc-pick-review .hit span,
.wc-player-review .hit > div span { color: #35d565; }
.wc-pick-review .miss span,
.wc-player-review .miss > div span { color: #ef686c; }
.wc-player-review {
  display: grid;
  gap: 7px;
}
.wc-player-review article {
  padding: 11px 12px;
}
.wc-player-review article > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.wc-player-review article > div strong {
  color: #f2f6f6;
  font-size: 12px;
  line-height: 1.2;
  text-align: right;
}
.wc-player-review dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 9px 0 0;
  border: 1px solid rgba(131,153,161,.14);
  border-radius: 6px;
  background: rgba(131,153,161,.12);
}
.wc-player-review dl div {
  background: #071217;
  padding: 7px 5px;
  text-align: center;
}
.wc-player-review dt {
  color: #7f8c91;
  font: 800 7px "DM Mono", monospace;
}
.wc-player-review dd {
  margin: 3px 0 0;
  color: #f1f5f5;
  font-size: 12px;
  font-weight: 900;
}
.wc-market-review {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: rgba(131,153,161,.14);
}
.wc-market-review > div,
.wc-market-review > article {
  background: #081319;
  padding: 11px 12px;
}
.wc-market-review strong {
  display: block;
  margin-top: 6px;
  color: #f2f6f6;
  font-size: 14px;
}
.wc-market-review article {
  grid-column: 1 / -1;
}
.wc-market-review article.positive {
  border-top: 1px solid rgba(53,213,101,.35);
}
.wc-market-review article.positive span {
  color: #35d565;
}
.wc-analysis-sheet {
  display: grid;
  gap: 12px;
  background:
    radial-gradient(circle at 78% 0%, rgba(53,213,101,.10), transparent 26%),
    linear-gradient(180deg, #03080b 0%, #071116 100%);
}
.postmatch-analysis-hero,
.postmatch-analysis-section {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(97,133,123,.24);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(16,56,38,.88), rgba(5,13,18,.96) 52%),
    #061016;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 44px rgba(0,0,0,.22);
}
.postmatch-analysis-hero::before,
.postmatch-analysis-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 88% 10%, rgba(65,232,111,.20), transparent 24%),
    linear-gradient(115deg, transparent 0 52%, rgba(56,213,101,.10) 53% 54%, transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 32%);
}
.postmatch-analysis-hero > *,
.postmatch-analysis-section > * {
  position: relative;
  z-index: 1;
}
.postmatch-analysis-hero {
  min-height: 206px;
  padding: 16px 14px 13px;
  background:
    radial-gradient(circle at 82% 16%, rgba(67,225,105,.19), transparent 28%),
    radial-gradient(circle at 20% 108%, rgba(55,213,101,.11), transparent 35%),
    linear-gradient(135deg, rgba(5,14,17,.98), rgba(8,50,34,.86) 52%, rgba(5,10,12,.98));
}
.postmatch-analysis-hero::after {
  content: "";
  position: absolute;
  right: -18px;
  bottom: -34px;
  width: 190px;
  height: 126px;
  border: 1px solid rgba(66,220,107,.19);
  border-radius: 50%;
  transform: rotate(-13deg);
  box-shadow:
    -16px -20px 54px rgba(53,213,101,.10),
    inset 0 0 22px rgba(53,213,101,.08);
  pointer-events: none;
}
.postmatch-analysis-back {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(5,12,16,.74);
  color: #f1f8f5;
  font-size: 21px;
  line-height: 1;
}
.postmatch-analysis-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 28px;
  padding: 0 42px;
  color: #3fe26f;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
}
.postmatch-analysis-kicker b {
  position: absolute;
  top: 12px;
  right: 12px;
  border: 1px solid rgba(53,213,101,.52);
  border-radius: 999px;
  background: rgba(53,213,101,.12);
  padding: 4px 11px;
  color: #5af282;
  font: 900 11px "DM Mono", monospace;
}
.postmatch-analysis-scoreboard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 112px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin-top: 20px;
}
.postmatch-analysis-side {
  display: grid;
  gap: 9px;
  justify-items: center;
  min-width: 0;
  text-align: center;
}
.postmatch-analysis-side.away {
  grid-template-rows: auto auto;
}
.postmatch-analysis-side .wc-flag {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 10px 26px rgba(0,0,0,.28);
}
.postmatch-analysis-side strong {
  max-width: 100%;
  color: #f3f8f6;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postmatch-analysis-score {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #f5fbf8;
  font: 400 58px/1 "Bebas Neue", sans-serif;
  letter-spacing: .02em;
  text-shadow: 0 0 22px rgba(53,213,101,.18);
}
.postmatch-analysis-score .winner {
  color: #4be96f;
  text-shadow: 0 0 24px rgba(53,213,101,.34);
}
.postmatch-analysis-score i {
  color: #50e875;
  font-style: normal;
}
.postmatch-analysis-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px 14px;
  margin-top: 14px;
  color: #94a2a4;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
}
.postmatch-analysis-section {
  padding: 13px 14px;
}
.postmatch-analysis-section h3 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 11px;
  color: #eef7f3;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}
.postmatch-analysis-verdict-grid,
.postmatch-analysis-reason-grid,
.postmatch-analysis-pick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.postmatch-analysis-verdict-card,
.postmatch-analysis-reason-card,
.postmatch-analysis-pick-card,
.postmatch-analysis-learning,
.postmatch-analysis-shape-card,
.postmatch-analysis-shape-notes,
.postmatch-analysis-prop-row {
  border: 1px solid rgba(123,151,151,.19);
  border-radius: 10px;
  background:
    radial-gradient(circle at 10% 0%, rgba(53,213,101,.11), transparent 40%),
    rgba(5,15,20,.76);
}
.postmatch-analysis-verdict-card {
  display: grid;
  align-content: start;
  min-width: 0;
  min-height: 186px;
  padding: 13px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.18);
}
.postmatch-analysis-verdict-card.actual.hit { border-color: rgba(53,213,101,.34); }
.postmatch-analysis-verdict-card.actual.miss { border-color: rgba(239,104,108,.34); }
.postmatch-analysis-card-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4ee979;
  font: 900 10px "DM Mono", monospace;
  text-transform: uppercase;
}
.postmatch-analysis-card-label i {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(53,213,101,.36);
  border-radius: 999px;
  background: rgba(53,213,101,.10);
  color: #67f18b;
  font-style: normal;
}
.postmatch-analysis-verdict-main,
.postmatch-analysis-verdict-card > strong {
  margin-top: 11px;
  color: #f6fbf8;
  font-size: 20px;
  line-height: 1.12;
}
.postmatch-analysis-verdict-card.actual .postmatch-analysis-verdict-main {
  font-size: 22px;
}
.postmatch-analysis-verdict-card dl {
  display: grid;
  gap: 8px;
  margin: 13px 0 0;
}
.postmatch-analysis-verdict-card dl div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(132,153,153,.10);
  padding-bottom: 6px;
}
.postmatch-analysis-verdict-card dt {
  color: #91a0a3;
  font-size: 11px;
}
.postmatch-analysis-verdict-card dd {
  margin: 0;
  color: #f2f8f5;
  font-weight: 900;
}
.postmatch-analysis-compact-note,
.postmatch-analysis-verdict-card p {
  margin: 10px 0 0;
  color: #aebabc;
  font-size: 11px;
  line-height: 1.35;
}
.postmatch-analysis-empty-note {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  background: rgba(255,255,255,.045);
  padding: 9px 10px;
  color: #aebabc;
  font-size: 11px;
  line-height: 1.35;
}
.postmatch-analysis-probability { margin-top: 12px; }
.postmatch-analysis-probability-bar {
  display: flex;
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
}
.postmatch-analysis-probability-bar i { display: block; min-width: 2px; }
.postmatch-analysis-probability-bar .home { background: #f0dc40; }
.postmatch-analysis-probability-bar .draw { background: #56e879; }
.postmatch-analysis-probability-bar .away { background: #ef5d72; }
.postmatch-analysis-probability-labels {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 5px;
  color: #9aa8aa;
  font: 800 8px "DM Mono", monospace;
}
.postmatch-analysis-xg-vs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.postmatch-analysis-xg-vs > span {
  color: #879497;
  font: 900 9px "DM Mono", monospace;
  text-align: center;
  text-transform: uppercase;
}
.postmatch-analysis-xg-team {
  display: grid;
  justify-items: center;
  gap: 3px;
  min-width: 0;
}
.postmatch-analysis-xg-team .wc-flag {
  width: 38px;
  height: 38px;
  border-radius: 999px;
}
.postmatch-analysis-xg-team strong {
  color: #f5fbf8;
  font-size: 16px;
}
.postmatch-analysis-xg-team small {
  color: #7f8d91;
  font: 900 8px "DM Mono", monospace;
}
.postmatch-analysis-xg-team span {
  color: #9da9ab;
  font: 800 9px "DM Mono", monospace;
}
.postmatch-analysis-reason-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.postmatch-analysis-reason-card {
  position: relative;
  display: grid;
  align-content: start;
  min-width: 0;
  min-height: 150px;
  padding: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.16);
}
.postmatch-analysis-reason-card i {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(53,213,101,.12);
  color: #4be879;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
}
.postmatch-analysis-reason-card.miss {
  border-color: rgba(239,104,108,.32);
  background:
    radial-gradient(circle at 10% 0%, rgba(239,104,108,.12), transparent 40%),
    rgba(18,10,15,.72);
}
.postmatch-analysis-reason-card.miss i {
  background: rgba(239,104,108,.13);
  color: #ff6b7a;
}
.postmatch-analysis-reason-card strong {
  display: block;
  margin-top: 11px;
  color: #f2f8f5;
  font-size: 13px;
  line-height: 1.22;
}
.postmatch-analysis-reason-card p {
  margin: 6px 0 0;
  color: #9eabac;
  font-size: 10px;
  line-height: 1.34;
}
.postmatch-analysis-mini-meter {
  overflow: hidden;
  height: 6px;
  margin-top: 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
}
.postmatch-analysis-mini-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #e8d93a, #42e774);
}
.postmatch-analysis-reason-card em {
  display: block;
  margin-top: 5px;
  color: #dbe5e2;
  font: 900 10px "DM Mono", monospace;
  text-align: right;
}
.postmatch-analysis-learning {
  margin-top: 9px;
  padding: 10px 12px;
}
.postmatch-analysis-learning .insight-row-list { margin: 0; }
.postmatch-analysis-shape-card {
  display: grid;
  gap: 10px;
  padding: 12px;
}
.postmatch-analysis-shape-row {
  display: grid;
  grid-template-columns: minmax(70px, 1.25fr) 32px 36px minmax(78px, 1fr) 36px 32px;
  gap: 7px;
  align-items: center;
  min-width: 0;
}
.postmatch-analysis-shape-label {
  min-width: 0;
  color: #dce7e4;
  font-size: 11px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postmatch-analysis-shape-row b,
.postmatch-analysis-shape-row strong {
  color: #9facae;
  font: 900 10px "DM Mono", monospace;
  text-align: center;
}
.postmatch-analysis-shape-row strong {
  color: #e6efec;
}
.postmatch-analysis-shape-bar {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
}
.postmatch-analysis-shape-bar::after {
  content: "";
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 50%;
  width: 1px;
  background: rgba(255,255,255,.42);
  box-shadow: 0 0 9px rgba(255,255,255,.22);
}
.postmatch-analysis-shape-bar i {
  display: block;
  min-width: 2px;
}
.postmatch-analysis-shape-bar .home { background: #e6d93d; }
.postmatch-analysis-shape-bar .away { background: #44e36f; }
.postmatch-analysis-shape-notes {
  margin-top: 9px;
  padding: 10px 12px;
}
.postmatch-analysis-shape-notes .insight-row-list { margin: 0; }
.postmatch-analysis-timeline-strip {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(96px, 1fr);
  gap: 8px;
  overflow-x: auto;
  padding: 12px 1px 2px;
  scrollbar-width: none;
}
.postmatch-analysis-timeline-strip::-webkit-scrollbar { display: none; }
.postmatch-analysis-timeline-strip::before {
  content: "";
  position: absolute;
  top: 29px;
  left: 6px;
  right: 6px;
  height: 1px;
  background: linear-gradient(90deg, rgba(53,213,101,.18), rgba(240,201,44,.45), rgba(239,104,108,.22));
}
.postmatch-analysis-timeline-event {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 4px;
  min-width: 0;
  text-align: center;
}
.postmatch-analysis-timeline-event i {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(53,213,101,.36);
  border-radius: 999px;
  background: #061116;
  font-style: normal;
}
.postmatch-analysis-timeline-event time {
  color: #a8b5b6;
  font: 900 10px "DM Mono", monospace;
}
.postmatch-analysis-timeline-event strong {
  max-width: 100%;
  color: #f2f8f5;
  font-size: 10px;
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postmatch-analysis-timeline-event span {
  color: #4ee879;
  font: 900 13px "DM Mono", monospace;
}
.postmatch-analysis-pick-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 13px;
}
.postmatch-analysis-pick-card.hit { border-color: rgba(53,213,101,.34); }
.postmatch-analysis-pick-card.miss { border-color: rgba(239,104,108,.34); }
.postmatch-analysis-pick-card > i {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  font-style: normal;
  font-size: 18px;
}
.postmatch-analysis-pick-card strong {
  display: block;
  color: #f5fbf8;
  font-size: 15px;
  line-height: 1.16;
}
.postmatch-analysis-pick-card span {
  display: inline-flex;
  margin-top: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  padding: 3px 8px;
  color: #dce6e3;
  font: 900 9px "DM Mono", monospace;
  text-transform: uppercase;
}
.postmatch-analysis-pick-card.hit span {
  background: rgba(53,213,101,.14);
  color: #4be879;
}
.postmatch-analysis-pick-card.miss span {
  background: rgba(239,104,108,.14);
  color: #ff6c7d;
}
.postmatch-analysis-pick-card p {
  margin: 8px 0 0;
  color: #9eaaac;
  font-size: 10px;
  line-height: 1.34;
}
.postmatch-analysis-prop-list {
  display: grid;
  gap: 7px;
}
.postmatch-analysis-prop-row {
  display: grid;
  grid-template-columns: 54px 38px minmax(0, 1fr) minmax(116px, .9fr) 30px;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 8px;
}
.postmatch-analysis-prop-row.hit {
  border-color: rgba(53,213,101,.26);
  background:
    linear-gradient(90deg, rgba(53,213,101,.11), transparent 58%),
    rgba(5,20,18,.78);
}
.postmatch-analysis-prop-row.miss {
  border-color: rgba(239,104,108,.28);
  background:
    linear-gradient(90deg, rgba(239,104,108,.12), transparent 58%),
    rgba(19,10,15,.78);
}
.postmatch-analysis-prop-chip {
  display: inline-flex;
  justify-content: center;
  border-radius: 999px;
  background: rgba(53,213,101,.18);
  padding: 6px 8px;
  color: #52ea7c;
  font: 900 10px "DM Mono", monospace;
}
.postmatch-analysis-prop-row.miss .postmatch-analysis-prop-chip {
  background: rgba(239,104,108,.18);
  color: #ff6b7a;
}
.postmatch-analysis-player-avatar {
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: #e7f0ec;
  font-size: 11px;
  font-weight: 950;
}
.postmatch-analysis-player-avatar .wc-flag {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.postmatch-analysis-prop-player {
  min-width: 0;
}
.postmatch-analysis-prop-player strong,
.postmatch-analysis-prop-player small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postmatch-analysis-prop-player strong {
  color: #f6fbf8;
  font-size: 12px;
  font-weight: 950;
}
.postmatch-analysis-prop-player small {
  margin-top: 3px;
  color: #9caaac;
  font-size: 10px;
}
.postmatch-analysis-prop-row dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(131,153,161,.12);
  border-radius: 8px;
  background: rgba(131,153,161,.14);
}
.postmatch-analysis-prop-row dl div {
  min-width: 0;
  background: rgba(4,13,17,.84);
  padding: 5px 3px;
  text-align: center;
}
.postmatch-analysis-prop-row dt {
  color: #829095;
  font: 900 7px "DM Mono", monospace;
}
.postmatch-analysis-prop-row dd {
  margin: 2px 0 0;
  color: #f2f8f5;
  font-size: 11px;
  font-weight: 950;
}
.postmatch-analysis-prop-trend {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(53,213,101,.14);
  color: #4be879;
  font-size: 15px;
}
.postmatch-analysis-prop-row.miss .postmatch-analysis-prop-trend {
  background: rgba(239,104,108,.14);
  color: #ff6b7a;
}
/* 20260708-postmatch-flat-cards-v42-4 */
.wc-analysis-sheet.postmatch-analysis-v2 {
  gap: 12px;
}
.wc-analysis-sheet .postmatch-analysis-v2-section {
  overflow: hidden;
  border: 1px solid rgba(44,214,102,.18);
  border-radius: 20px;
  background: #070909;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
  padding: 12px;
}
.wc-analysis-sheet.postmatch-analysis-v2 .postmatch-analysis-v2-section {
  border-color: rgba(55,255,150,.14);
  background: #070909;
  box-shadow: 0 4px 12px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.wc-analysis-sheet.postmatch-analysis-v2 .postmatch-analysis-v2-section::before {
  background: none;
}
.postmatch-analysis-v2-heading {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
}
.postmatch-analysis-v2-heading span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(53,213,101,.36);
  border-radius: 999px;
  background: rgba(53,213,101,.12);
  color: #35d565;
  font: 900 12px "DM Mono", monospace;
}
.postmatch-analysis-v2-heading h3 {
  margin: 0;
  color: #f6fbf8;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: .01em;
}
.postmatch-analysis-v2-prediction-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 14px;
  background: rgba(4,13,17,.58);
}
.postmatch-analysis-v2-prediction-card article {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 13px 9px;
  text-align: center;
}
.postmatch-analysis-v2-prediction-card article:first-child {
  border-right: 1px solid rgba(131,153,161,.16);
}
.postmatch-analysis-v2-prediction-card article:last-child {
  border-left: 1px solid rgba(131,153,161,.16);
}
.postmatch-analysis-v2-prediction-card article span {
  color: #39d86c;
  font-size: 10px;
  font-weight: 900;
}
.postmatch-analysis-v2-prediction-card article strong {
  display: block;
  max-width: 100%;
  margin-top: 6px;
  color: #f6fbf8;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.04;
  overflow-wrap: anywhere;
}
.postmatch-analysis-v2-prediction-card article small {
  margin-top: 8px;
  color: #a8b5b6;
  font-size: 10px;
}
.postmatch-analysis-v2-prediction-card article b {
  margin-top: 3px;
  color: #f8fffb;
  font: 900 15px/1.05 "DM Mono", monospace;
}
.postmatch-analysis-v2-outcome {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px 4px;
}
.postmatch-analysis-v2-outcome small {
  color: #a9b3b6;
  font-size: 9px;
}
.postmatch-analysis-v2-outcome strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  font: 950 17px/1 "DM Mono", monospace;
  text-align: center;
}
.postmatch-analysis-v2-outcome i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-top: -16px;
  border-radius: 999px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-align: center;
}
.postmatch-analysis-v2-outcome.hit strong,
.postmatch-analysis-v2-outcome.hit i { color: #35d565; border-color: rgba(53,213,101,.34); background: rgba(53,213,101,.12); }
.postmatch-analysis-v2-outcome.miss strong,
.postmatch-analysis-v2-outcome.miss i { color: #ff6d7d; border-color: rgba(255,109,125,.34); background: rgba(255,109,125,.12); }
.postmatch-analysis-v2-outcome.push strong,
.postmatch-analysis-v2-outcome.push i,
.postmatch-analysis-v2-outcome.void strong,
.postmatch-analysis-v2-outcome.void i { color: #f4d35e; border-color: rgba(244,211,94,.36); background: rgba(244,211,94,.12); }
.postmatch-analysis-v2-probability {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 11px;
}
.postmatch-analysis-v2-probability span {
  color: #35d565;
  font: 900 11px "DM Mono", monospace;
}
.postmatch-analysis-v2-probability span.away {
  color: #55a4ff;
}
.postmatch-analysis-v2-probability-track {
  display: flex;
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: rgba(131,153,161,.16);
}
.postmatch-analysis-v2-probability-track i {
  display: block;
  min-width: 2px;
  height: 100%;
}
.postmatch-analysis-v2-probability-track .home { background: #35d565; }
.postmatch-analysis-v2-probability-track .draw { background: #66737a; }
.postmatch-analysis-v2-probability-track .away { background: #55a4ff; }
.postmatch-analysis-v2-probability em {
  grid-column: 1 / -1;
  color: #a9b3b6;
  font-size: 10px;
  font-style: normal;
  text-align: center;
}
.postmatch-analysis-v2-ai-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.postmatch-analysis-v2-ai-grid article {
  min-width: 0;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 12px;
  background: rgba(4,13,17,.58);
  padding: 10px;
}
.postmatch-analysis-v2-ai-grid article > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: rgba(53,213,101,.12);
  color: #35d565;
  font-style: normal;
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
  text-align: center;
}
.postmatch-analysis-v2-ai-grid article.miss > i {
  background: rgba(255,109,125,.12);
  color: #ff6d7d;
}
.postmatch-analysis-v2-ai-grid article.push > i,
.postmatch-analysis-v2-ai-grid article.void > i {
  background: rgba(244,211,94,.12);
  color: #f4d35e;
}
.postmatch-analysis-v2-ai-grid strong,
.postmatch-analysis-v2-ai-grid span,
.postmatch-analysis-v2-ai-grid small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postmatch-analysis-v2-ai-grid strong {
  margin-top: 8px;
  color: #f7fbf8;
  font-size: 13px;
  font-weight: 950;
}
.postmatch-analysis-v2-ai-grid span,
.postmatch-analysis-v2-ai-grid small {
  margin-top: 4px;
  color: #a9b3b6;
  font-size: 9px;
}
.postmatch-analysis-v2-meter {
  overflow: hidden;
  height: 5px;
  margin-top: 9px;
  border-radius: 999px;
  background: rgba(131,153,161,.18);
}
.postmatch-analysis-v2-meter span {
  display: block;
  height: 100%;
  background: #35d565;
}
.postmatch-analysis-v2-ai-grid article.miss .postmatch-analysis-v2-meter span { background: #ff6d7d; }
.postmatch-analysis-v2-ai-grid article.push .postmatch-analysis-v2-meter span,
.postmatch-analysis-v2-ai-grid article.void .postmatch-analysis-v2-meter span { background: #f4d35e; }
.postmatch-analysis-v2-ai-grid b {
  display: block;
  margin-top: -14px;
  color: #35d565;
  font: 950 18px/1 "DM Mono", monospace;
  text-align: right;
}
.postmatch-analysis-v2-ai-grid article.miss b { color: #ff6d7d; }
.postmatch-analysis-v2-ai-grid article.push b,
.postmatch-analysis-v2-ai-grid article.void b { color: #f4d35e; }
.postmatch-analysis-v2-insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 8px;
}
.postmatch-analysis-v2-insight-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  height: 100%;
  border: 1px solid rgba(82,222,126,.22);
  border-radius: 12px;
  background: #050909;
  box-shadow: 0 8px 18px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.035);
  backdrop-filter: none;
  padding: 9px;
}
.postmatch-analysis-v2-insight-card > i {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(53,213,101,.14);
  color: #35d565;
  font-style: normal;
  font-size: 20px;
  font-weight: 950;
}
.postmatch-analysis-v2-insight-card strong {
  display: block;
  color: #f7fbf8;
  font-size: 10px;
  font-weight: 950;
  text-align: center;
}
.postmatch-analysis-v2-split {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 7px;
  align-items: center;
  margin-top: 7px;
}
.postmatch-analysis-v2-split > span {
  color: #35d565;
  font: 950 13px/1 "DM Mono", monospace;
}
.postmatch-analysis-v2-split > span.away {
  color: #55a4ff;
  text-align: right;
}
.postmatch-analysis-v2-split-bar {
  display: flex;
  overflow: hidden;
  height: 6px;
  border-radius: 999px;
  background: rgba(131,153,161,.18);
}
.postmatch-analysis-v2-split-bar i {
  display: block;
  min-width: 2px;
  height: 100%;
}
.postmatch-analysis-v2-split-bar .home { background: #35d565; }
.postmatch-analysis-v2-split-bar .away { background: #55a4ff; }
.postmatch-analysis-v2-insight-card footer {
  display: grid;
  grid-template-columns: 1fr auto auto 1fr;
  gap: 5px;
  align-items: center;
  margin-top: 4px;
}
.postmatch-analysis-v2-insight-card footer span {
  color: #93a0a4;
  font: 900 8px "DM Mono", monospace;
}
.postmatch-analysis-v2-insight-card footer span:last-child {
  text-align: right;
}
.postmatch-analysis-v2-insight-card footer b {
  font: 950 9px "DM Mono", monospace;
}
.postmatch-analysis-v2-insight-card footer b.home { color: #35d565; }
.postmatch-analysis-v2-insight-card footer b.away { color: #55a4ff; }
.postmatch-analysis-v2-pick-scroll {
  display: grid;
  grid-auto-columns: minmax(202px, 1fr);
  grid-auto-flow: column;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}
.postmatch-analysis-v2-pick-scroll::-webkit-scrollbar { display: none; }
.postmatch-analysis-v2-pick-scroll article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 76px;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 12px;
  background: rgba(4,13,17,.58);
  padding: 9px;
}
.postmatch-analysis-v2-pick-scroll article.hit { border-color: rgba(53,213,101,.3); }
.postmatch-analysis-v2-pick-scroll article.miss { border-color: rgba(255,109,125,.3); }
.postmatch-analysis-v2-pick-scroll article.push,
.postmatch-analysis-v2-pick-scroll article.void { border-color: rgba(244,211,94,.3); }
.postmatch-analysis-v2-pick-scroll i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(53,213,101,.13);
  color: #35d565;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-align: center;
}
.postmatch-analysis-v2-pick-scroll article.miss i {
  background: rgba(255,109,125,.13);
  color: #ff6d7d;
}
.postmatch-analysis-v2-pick-scroll article.push i,
.postmatch-analysis-v2-pick-scroll article.void i {
  background: rgba(244,211,94,.13);
  color: #f4d35e;
}
.postmatch-analysis-v2-pick-scroll strong,
.postmatch-analysis-v2-pick-scroll small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postmatch-analysis-v2-pick-scroll strong {
  color: #f7fbf8;
  font-size: 11px;
  font-weight: 950;
}
.postmatch-analysis-v2-pick-scroll small {
  margin-top: 5px;
  color: #9eaaac;
  font-size: 9px;
}
.postmatch-analysis-v2-pick-scroll span {
  border-radius: 999px;
  background: rgba(53,213,101,.14);
  padding: 4px 7px;
  color: #35d565;
  font-size: 9px;
  font-weight: 950;
}
.postmatch-analysis-v2-pick-scroll article.miss span {
  background: rgba(255,109,125,.14);
  color: #ff6d7d;
}
.postmatch-analysis-v2-pick-scroll article.push span,
.postmatch-analysis-v2-pick-scroll article.void span {
  background: rgba(244,211,94,.14);
  color: #f4d35e;
}
.postmatch-analysis-v2-pick-scroll b {
  grid-column: 2 / 4;
  color: #f4d35e;
  font-size: 12px;
  letter-spacing: .08em;
}
.postmatch-analysis-v2-prop-list {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(131,153,161,.16);
  border-radius: 14px;
}
.postmatch-analysis-v2-prop-list article {
  display: grid;
  grid-template-columns: 62px 34px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  border-top: 1px solid rgba(131,153,161,.14);
  background: rgba(4,13,17,.58);
  padding: 8px;
}
.postmatch-analysis-v2-prop-list article:first-child { border-top: 0; }
.postmatch-analysis-v2-prop-list article > span {
  display: inline-flex;
  justify-content: center;
  border-radius: 999px;
  background: rgba(53,213,101,.14);
  padding: 6px 8px;
  color: #35d565;
  font: 950 10px "DM Mono", monospace;
}
.postmatch-analysis-v2-prop-list article.miss > span {
  background: rgba(255,109,125,.14);
  color: #ff6d7d;
}
.postmatch-analysis-v2-prop-list article > i {
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #f6fbf8;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}
.postmatch-analysis-v2-prop-list article > i .wc-flag {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.postmatch-analysis-v2-prop-player {
  min-width: 0;
}
.postmatch-analysis-v2-prop-player strong,
.postmatch-analysis-v2-prop-player small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.postmatch-analysis-v2-prop-player strong {
  color: #f7fbf8;
  font-size: 12px;
  font-weight: 950;
}
.postmatch-analysis-v2-prop-player small {
  margin-top: 3px;
  color: #9eaaac;
  font-size: 9px;
}
.postmatch-analysis-v2-prop-list dl {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(131,153,161,.16);
  border-radius: 10px;
  background: rgba(131,153,161,.14);
}
.postmatch-analysis-v2-prop-list dl div {
  min-width: 0;
  background: rgba(4,13,17,.84);
  padding: 5px 3px;
  text-align: center;
}
.postmatch-analysis-v2-prop-list dt {
  color: #87959a;
  font: 900 7px "DM Mono", monospace;
}
.postmatch-analysis-v2-prop-list dd {
  margin: 2px 0 0;
  color: #f6fbf8;
  font-size: 11px;
  font-weight: 950;
}
.postmatch-analysis-v2-prop-list article > em {
  display: none;
}
@media (min-width: 520px) {
  .postmatch-analysis-v2-prop-list article {
    grid-template-columns: 68px 36px minmax(0, 1fr) minmax(160px, .9fr) 28px;
  }
  .postmatch-analysis-v2-prop-list dl {
    grid-column: auto;
  }
  .postmatch-analysis-v2-prop-list article > em {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(53,213,101,.13);
    color: #35d565;
    font-style: normal;
  }
  .postmatch-analysis-v2-prop-list article.miss > em {
    background: rgba(255,109,125,.13);
    color: #ff6d7d;
  }
}
@media (min-width: 720px) {
  .wc-analysis-sheet .postmatch-analysis-v2-section {
    padding: 14px;
  }
  .postmatch-analysis-v2-prediction-card {
    grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr);
  }
  .postmatch-analysis-v2-pick-scroll {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: initial;
    overflow: visible;
  }
  .postmatch-analysis-v2-insight-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 390px) {
  .postmatch-analysis-v2-prediction-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .postmatch-analysis-v2-prediction-card article:first-child,
  .postmatch-analysis-v2-prediction-card article:last-child {
    border: 0;
  }
  .postmatch-analysis-v2-outcome {
    border-block: 1px solid rgba(131,153,161,.16);
  }
  .postmatch-analysis-v2-ai-grid {
    grid-template-columns: 1fr;
  }
}
.wc-analysis-sheet .wc-market-review {
  border-radius: 12px;
}
.wc-final-performers {
  display: grid;
  gap: 5px;
  margin: 0;
}
.wc-final-performers button {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 78px 14px;
  gap: 0;
  align-items: center;
  min-height: 78px;
  border: 1px solid rgba(131,153,161,.2);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(43,205,91,.05), transparent 34%),
    #081319;
  color: #eef3f3;
  padding: 10px 8px;
  text-align: left;
}
.wc-final-performers button > .wc-standout-primary,
.wc-final-performers button > .wc-standout-secondary {
  display: flex;
  min-width: 0;
  min-height: 56px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0 8px;
  color: inherit;
  font-size: inherit;
  text-align: center;
}
.wc-final-performers button > .wc-standout-secondary {
  border-left: 1px solid rgba(131,153,161,.18);
}
.wc-final-performers .wc-standout-primary small {
  display: block;
  max-width: 100%;
  color: #38ce61;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wc-final-performers .wc-standout-primary b,
.wc-final-performers .wc-standout-secondary b {
  display: block;
  margin-top: 4px;
  font: 400 24px/1 "Bebas Neue", sans-serif;
}
.wc-final-performers .wc-standout-primary b { color: #35d565; }
.wc-final-performers .wc-standout-secondary b { color: #f2f6f6; }
.wc-final-performers .wc-standout-primary em,
.wc-final-performers .wc-standout-secondary em {
  display: block;
  margin-top: 3px;
  color: #b8c1c3;
  font-size: 8px;
  font-style: normal;
  line-height: 1.15;
}
.wc-final-performers .wc-standout-player {
  display: flex;
  min-width: 0;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-left: 1px solid rgba(131,153,161,.18);
  padding: 0 8px;
  text-align: center;
}
.wc-final-performers .wc-standout-player strong {
  min-width: 0;
  color: #f1f5f5;
  font-size: 12px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.wc-final-performers .wc-standout-player mark {
  flex: 0 0 auto;
  border: 1px solid rgba(236,196,64,.34);
  border-radius: 5px;
  background: rgba(236,196,64,.10);
  color: #f0c94a;
  padding: 5px 6px;
  font: 800 10px "DM Mono", monospace;
}
.wc-final-performers button > i {
  color: #eef3f3;
  font-size: 25px;
  font-style: normal;
  line-height: 1;
  text-align: right;
}
.wc-final-timeline {
  overflow: hidden;
  border: 1px solid rgba(131,153,161,.2);
  border-radius: 8px;
  background: #081319;
}
.wc-final-timeline > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 52px;
  padding: 8px 12px;
}
.wc-final-timeline > div + div { border-top: 1px solid rgba(131,153,161,.16); }
.wc-final-timeline > div > b { color: #38d566; font: 800 12px "DM Mono", monospace; }
.wc-final-timeline strong { display: block; color: #eef3f3; font-size: 10px; }
.wc-final-timeline small { display: block; margin-top: 3px; color: #839095; font-size: 8px; }
.postmatch-timeline {
  overflow: hidden;
  border: 1px solid rgba(131,153,161,.2);
  border-radius: 14px;
  background:
    radial-gradient(circle at 16% 0%, rgba(44,219,111,.08), transparent 34%),
    rgba(6,15,20,.92);
  padding: 16px;
}
.postmatch-timeline-header {
  display: grid;
  gap: 4px;
  margin-bottom: 13px;
}
.postmatch-timeline-header span {
  color: #f2f7f5;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
}
.postmatch-timeline-header p {
  margin: 0;
  color: #8f9da2;
  font-size: 12px;
  line-height: 1.35;
}
.postmatch-timeline-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin: 0 -2px 14px;
  padding: 0 2px 4px;
  scrollbar-width: none;
}
.postmatch-timeline-filters::-webkit-scrollbar { display: none; }
.postmatch-timeline-filters button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid rgba(131,153,161,.18);
  border-radius: 999px;
  background: rgba(16,29,36,.72);
  color: #9ca8ad;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 800;
}
.postmatch-timeline-filters button.active {
  border-color: rgba(44,219,111,.58);
  background: rgba(44,219,111,.14);
  color: #45e978;
  box-shadow: 0 0 0 1px rgba(44,219,111,.10) inset;
}
.postmatch-timeline-track {
  position: relative;
  display: grid;
  gap: 0;
  padding: 4px 0;
}
.postmatch-timeline-track::before {
  content: "";
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, transparent, rgba(131,153,161,.45), transparent);
}
.postmatch-timeline-event {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-height: 74px;
  padding: 12px 0;
  border-top: 1px solid rgba(131,153,161,.10);
}
.postmatch-timeline-event:first-child { border-top: 0; }
.postmatch-timeline-event[hidden] { display: none; }
.postmatch-timeline-content {
  min-width: 0;
  border: 1px solid rgba(131,153,161,.14);
  border-radius: 12px;
  background: rgba(10,22,29,.76);
  padding: 10px;
}
.postmatch-timeline-event--home .postmatch-timeline-content {
  grid-column: 1;
  text-align: right;
}
.postmatch-timeline-event--away .postmatch-timeline-content {
  grid-column: 3;
}
.postmatch-timeline-event--neutral .postmatch-timeline-content {
  grid-column: 1 / 4;
  width: min(240px, 72%);
  justify-self: center;
  text-align: center;
}
.postmatch-timeline-marker {
  position: relative;
  z-index: 1;
  grid-column: 2;
  grid-row: 1;
  display: grid;
  place-items: center;
  gap: 6px;
}
.postmatch-timeline-marker time {
  color: #c7d0d2;
  font: 900 12px "DM Mono", monospace;
}
.postmatch-timeline-marker i {
  display: block;
  width: 11px;
  height: 11px;
  border: 2px solid #b7c3c7;
  border-radius: 999px;
  background: #081319;
  box-shadow: 0 0 0 4px rgba(6,15,20,.94);
}
.postmatch-timeline-event--goal .postmatch-timeline-marker i {
  border-color: #38d566;
  background: #38d566;
}
.postmatch-timeline-event--yellow .postmatch-timeline-marker i {
  border-color: #f0c94a;
  background: #f0c94a;
}
.postmatch-timeline-event--red .postmatch-timeline-marker i {
  border-color: #ff5f74;
  background: #ff5f74;
}
.postmatch-timeline-line {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.postmatch-timeline-event--home .postmatch-timeline-line {
  justify-content: flex-end;
}
.postmatch-timeline-team {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #dfe7e7;
  object-fit: cover;
  font-size: 8px;
  font-weight: 900;
}
.postmatch-timeline-icon {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(44,219,111,.12);
  color: #44e878;
  font-size: 15px;
}
.postmatch-timeline-event--yellow .postmatch-timeline-icon,
.postmatch-timeline-event--red .postmatch-timeline-icon {
  background: rgba(255,255,255,.08);
}
.postmatch-timeline-content strong {
  min-width: 0;
  color: #f2f7f5;
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.postmatch-timeline-content em {
  display: block;
  margin-top: 7px;
  color: #839095;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}
.postmatch-timeline-content small {
  display: block;
  margin-top: 5px;
  color: #a8b4b7;
  font-size: 11px;
  line-height: 1.35;
}
.postmatch-timeline-score {
  display: inline-block;
  margin-top: 7px;
  color: #38d566;
  font: 900 13px "DM Mono", monospace;
}
.postmatch-timeline-player {
  color: inherit;
  font: inherit;
}
.postmatch-timeline-player--clickable {
  border: 0;
  background: transparent;
  padding: 0;
  text-align: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(44,219,111,.42);
  text-underline-offset: 3px;
  cursor: pointer;
}
.postmatch-timeline-empty {
  border: 1px solid rgba(131,153,161,.14);
  border-radius: 12px;
  background: rgba(10,22,29,.68);
  color: #98a5a9;
  padding: 14px;
  text-align: center;
  font-size: 12px;
}
.wc-final-actions {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 14;
  display: grid;
  grid-template-columns: .9fr 1.2fr;
  gap: 7px;
  width: min(100%, var(--max-w));
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  border-top: 1px solid rgba(131,153,161,.18);
  background: rgba(3,9,12,.96);
}
.wc-final-actions button {
  min-height: 48px;
  border: 1px solid rgba(131,153,161,.22);
  border-radius: 7px;
  background: #0a161b;
  color: #f0f4f4;
  font-size: 10px;
  font-weight: 800;
}
.wc-final-actions button:last-child {
  border-color: #2fc75a;
  background: linear-gradient(135deg, #26a74b, #32c85d);
}
.wc-final-actions span { margin-left: 8px; font-size: 17px; }
.wc-final-actions-single {
  grid-template-columns: 1fr;
}

@media (max-width: 430px) {
  .postmatch-analysis-verdict-grid { grid-template-columns: 1fr; }
  .postmatch-analysis-scoreboard { grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr); }
  .postmatch-analysis-score { font-size: 52px; }
  .postmatch-analysis-side .wc-flag { width: 50px; height: 50px; }
  .postmatch-analysis-reason-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .postmatch-analysis-reason-card { padding: 10px 8px; }
  .postmatch-analysis-shape-row {
    grid-template-columns: minmax(58px, 1.1fr) 26px 30px minmax(62px, 1fr) 30px 26px;
    gap: 5px;
  }
  .postmatch-analysis-prop-row {
    grid-template-columns: 48px 34px minmax(0, 1fr) minmax(104px, .9fr);
  }
  .postmatch-analysis-prop-trend { display: none; }
}

@media (max-width: 360px) {
  .wc-final-matchup { grid-template-columns: minmax(0, 1fr) 68px minmax(0, 1fr); }
  .wc-final-matchup button { gap: 5px; }
  .wc-final-matchup .wc-flag { width: 34px; height: 34px; }
  .wc-final-matchup button strong { font-size: 12px; }
  .wc-final-matchup > b { font-size: 34px; }
  .wc-final-highlights { grid-template-columns: 1fr; }
  .wc-analysis-summary { grid-template-columns: 1fr; }
  .wc-pick-review,
  .wc-market-review { grid-template-columns: 1fr; }
  .wc-final-performers button { grid-template-columns: 62px minmax(0, 1fr) 66px 11px; padding: 8px 5px; }
  .wc-final-performers .wc-standout-player { gap: 4px; padding: 0 5px; }
  .wc-final-performers .wc-standout-player strong { font-size: 10px; }
  .wc-final-performers .wc-standout-player mark { padding: 4px; font-size: 8px; }
  .wc-final-performers button > .wc-standout-primary,
  .wc-final-performers button > .wc-standout-secondary { padding: 0 4px; }
  .postmatch-analysis-hero { padding-inline: 10px; }
  .postmatch-analysis-scoreboard { grid-template-columns: minmax(0, 1fr) 78px minmax(0, 1fr); }
  .postmatch-analysis-score { font-size: 44px; gap: 6px; }
  .postmatch-analysis-side .wc-flag { width: 42px; height: 42px; }
  .postmatch-analysis-reason-grid,
  .postmatch-analysis-pick-grid { grid-template-columns: 1fr; }
  .postmatch-analysis-prop-row {
    grid-template-columns: 46px 32px minmax(0, 1fr);
  }
  .postmatch-analysis-prop-row dl {
    grid-column: 1 / -1;
  }
}

/* World Cup post-match analysis v27 structural rewrite */
.wc-analysis-sheet .postmatch-analysis-hero,
.wc-analysis-sheet .postmatch-analysis-section {
  border-color: rgba(85, 242, 130, .20);
  border-radius: 16px;
  background:
    radial-gradient(circle at 88% 4%, rgba(75, 233, 111, .25), transparent 28%),
    linear-gradient(145deg, rgba(7, 43, 31, .92), rgba(4, 12, 17, .98) 54%, rgba(6, 16, 21, .96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 50px rgba(0,0,0,.30);
}
.wc-analysis-sheet .postmatch-analysis-section-heading {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}
.wc-analysis-sheet .postmatch-analysis-section-heading > span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(83, 238, 125, .30);
  border-radius: 999px;
  background: rgba(83, 238, 125, .11);
  color: #5ef486;
  font-weight: 900;
}
.wc-analysis-sheet .postmatch-analysis-section-heading h3 {
  margin: 0;
  color: #f3faf6;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.1;
  text-transform: none;
}
.wc-analysis-sheet .postmatch-analysis-section-heading p {
  margin: 3px 0 0;
  color: #8d9c9f;
  font-size: 10px;
  line-height: 1.25;
}
.wc-analysis-sheet .postmatch-analysis-hero {
  min-height: 244px;
  padding: 16px 14px 16px;
  background:
    radial-gradient(circle at 80% 14%, rgba(65, 239, 112, .25), transparent 28%),
    radial-gradient(circle at 45% 115%, rgba(79, 235, 121, .12), transparent 42%),
    linear-gradient(132deg, #051014 0%, #082a21 52%, #04090d 100%);
}
.wc-analysis-sheet .postmatch-analysis-hero::before {
  background:
    linear-gradient(110deg, rgba(255,255,255,.04), transparent 30%),
    linear-gradient(118deg, transparent 0 51%, rgba(93, 238, 133, .16) 52% 53%, transparent 55%),
    radial-gradient(ellipse at 86% 48%, rgba(68, 232, 108, .16), transparent 38%);
}
.wc-analysis-sheet .postmatch-analysis-hero::after {
  right: -42px;
  bottom: -44px;
  width: 230px;
  height: 154px;
  opacity: .85;
}
.wc-analysis-sheet .postmatch-analysis-kicker {
  justify-content: center;
  min-height: 30px;
  padding-inline: 42px;
  color: #48ec78;
  font-size: 12px;
}
.wc-analysis-sheet .postmatch-analysis-hero-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(84px, 118px) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin-top: 24px;
}
.wc-analysis-sheet .postmatch-analysis-team-side {
  display: grid;
  justify-items: center;
  gap: 7px;
  min-width: 0;
  text-align: center;
}
.wc-analysis-sheet .postmatch-analysis-team-flag {
  display: inline-grid;
  place-items: center;
  width: 66px;
  height: 66px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  box-shadow: 0 16px 30px rgba(0,0,0,.30);
  overflow: hidden;
}
.wc-analysis-sheet .postmatch-analysis-team-flag .wc-flag {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.wc-analysis-sheet .postmatch-analysis-team-side strong {
  max-width: 100%;
  color: #f5fbf7;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.05;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wc-analysis-sheet .postmatch-analysis-team-side em {
  color: #6fe990;
  font: 900 9px "DM Mono", monospace;
  font-style: normal;
}
.wc-analysis-sheet .postmatch-analysis-score {
  gap: 8px;
  font-size: 66px;
}
.wc-analysis-sheet .postmatch-analysis-meta {
  margin-top: 18px;
  color: #aab7b8;
}
.wc-analysis-sheet .postmatch-analysis-verdict-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.wc-analysis-sheet .postmatch-analysis-verdict-card {
  min-height: 238px;
  border-radius: 14px;
  padding: 15px;
  background:
    radial-gradient(circle at 12% 8%, rgba(71, 237, 118, .17), transparent 34%),
    linear-gradient(160deg, rgba(7, 31, 27, .94), rgba(5, 11, 17, .96));
}
.wc-analysis-sheet .postmatch-analysis-verdict-card.actual.miss {
  background:
    radial-gradient(circle at 10% 4%, rgba(240, 89, 103, .17), transparent 34%),
    linear-gradient(160deg, rgba(23, 12, 18, .94), rgba(5, 11, 17, .96));
}
.wc-analysis-sheet .postmatch-analysis-card-head {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #55ef81;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}
.wc-analysis-sheet .postmatch-analysis-card-head i {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(83, 238, 125, .34);
  border-radius: 999px;
  background: rgba(83, 238, 125, .12);
  font-style: normal;
}
.wc-analysis-sheet .postmatch-analysis-verdict-card.actual.miss .postmatch-analysis-card-head {
  color: #ff7280;
}
.wc-analysis-sheet .postmatch-analysis-verdict-card.actual.miss .postmatch-analysis-card-head i {
  border-color: rgba(255, 114, 128, .34);
  background: rgba(255, 114, 128, .12);
}
.wc-analysis-sheet .postmatch-analysis-verdict-main {
  margin-top: 14px;
  font-size: 23px;
  line-height: 1.05;
}
.wc-analysis-sheet .postmatch-analysis-verdict-card.actual .postmatch-analysis-verdict-main {
  font-size: 25px;
}
.wc-analysis-sheet .postmatch-analysis-stat-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}
.wc-analysis-sheet .postmatch-analysis-stat-tiles.single {
  grid-template-columns: 1fr;
}
.wc-analysis-sheet .postmatch-analysis-stat-tiles div {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  padding: 9px 10px;
}
.wc-analysis-sheet .postmatch-analysis-stat-tiles span {
  display: block;
  color: #8f9da0;
  font-size: 9px;
}
.wc-analysis-sheet .postmatch-analysis-stat-tiles b {
  display: block;
  margin-top: 4px;
  color: #f5fbf7;
  font-size: 18px;
  line-height: 1;
}
.wc-analysis-sheet .postmatch-analysis-context-chip,
.wc-analysis-sheet .postmatch-analysis-result-note {
  margin-top: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  padding: 7px 10px;
  color: #b5c1c2;
  font-size: 10px;
  line-height: 1.25;
}
.wc-analysis-sheet .postmatch-analysis-xg-vs {
  margin-top: 13px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: rgba(0,0,0,.16);
  padding: 10px;
}
.wc-analysis-sheet .postmatch-analysis-reason-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(122px, 1fr));
  gap: 10px;
}
.wc-analysis-sheet .postmatch-analysis-reason-card {
  min-height: 176px;
  border-radius: 14px;
  padding: 13px;
}
.wc-analysis-sheet .postmatch-analysis-reason-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wc-analysis-sheet .postmatch-analysis-reason-top span {
  color: rgba(255,255,255,.22);
  font: 900 18px "DM Mono", monospace;
}
.wc-analysis-sheet .postmatch-analysis-reason-card strong {
  margin-top: 14px;
  font-size: 14px;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-card {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(83, 238, 125, .18);
  border-radius: 14px;
  background:
    radial-gradient(circle at 0% 0%, rgba(83, 238, 125, .12), transparent 35%),
    rgba(4, 14, 19, .72);
  padding: 12px;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-row {
  display: grid;
  grid-template-columns: minmax(82px, 1.1fr) 30px 40px minmax(86px, 1fr) 40px 30px;
  gap: 7px;
  align-items: center;
  min-width: 0;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-label {
  min-width: 0;
  color: #e8f2ef;
  font-size: 11px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-row b,
.wc-analysis-sheet .postmatch-analysis-game-shape-row strong {
  color: #9ca9ab;
  font: 900 10px "DM Mono", monospace;
  text-align: center;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-row strong {
  color: #f5fbf7;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-bar {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
}
.wc-analysis-sheet .postmatch-analysis-game-shape-bar::after {
  content: "";
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: 50%;
  width: 1px;
  background: rgba(255,255,255,.48);
}
.wc-analysis-sheet .postmatch-analysis-game-shape-bar i {
  display: block;
  min-width: 2px;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-bar .home {
  background: linear-gradient(90deg, #eadc3e, #58ed7a);
}
.wc-analysis-sheet .postmatch-analysis-game-shape-bar .away {
  background: linear-gradient(90deg, #50e876, #24b84d);
}
.wc-analysis-sheet .postmatch-analysis-game-shape-notes {
  margin-top: 10px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: rgba(255,255,255,.045);
  padding: 10px 12px;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-notes .insight-row-list {
  margin: 0;
}
.wc-analysis-sheet .postmatch-analysis-prop-review .postmatch-analysis-prop-row {
  border-radius: 12px;
  min-height: 58px;
}

@media (max-width: 430px) {
  .wc-analysis-sheet .postmatch-analysis-hero-stage {
    grid-template-columns: minmax(0, 1fr) minmax(76px, 96px) minmax(0, 1fr);
  }
  .wc-analysis-sheet .postmatch-analysis-score { font-size: 56px; }
  .wc-analysis-sheet .postmatch-analysis-team-flag {
    width: 58px;
    height: 58px;
  }
  .wc-analysis-sheet .postmatch-analysis-verdict-grid {
    grid-template-columns: 1fr;
  }
  .wc-analysis-sheet .postmatch-analysis-reason-grid {
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }
  .wc-analysis-sheet .postmatch-analysis-reason-grid::-webkit-scrollbar {
    display: none;
  }
  .wc-analysis-sheet .postmatch-analysis-reason-card {
    flex: 0 0 144px;
  }
  .wc-analysis-sheet .postmatch-analysis-game-shape-row {
    grid-template-columns: minmax(70px, 1fr) 27px 34px minmax(68px, 1fr) 34px 27px;
    gap: 5px;
  }
}

@media (max-width: 360px) {
  .wc-analysis-sheet .postmatch-analysis-score { font-size: 46px; }
  .wc-analysis-sheet .postmatch-analysis-team-flag {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
  .wc-analysis-sheet .postmatch-analysis-team-side strong {
    font-size: 13px;
  }
  .wc-analysis-sheet .postmatch-analysis-stat-tiles {
    grid-template-columns: 1fr;
  }
}

/* World Cup post-match analysis v28 compact top reference pass */
.wc-analysis-sheet .postmatch-analysis-hero {
  min-height: 0;
  padding: 12px 12px 14px;
  border-radius: 15px;
  background:
    linear-gradient(90deg, rgba(2, 8, 10, .82), rgba(2, 8, 10, .22) 52%, rgba(2, 8, 10, .62)),
    radial-gradient(circle at 78% 12%, rgba(76, 239, 119, .22), transparent 30%),
    linear-gradient(138deg, #02090c 0%, #092f24 50%, #03080b 100%);
}
.wc-analysis-sheet .postmatch-analysis-hero::before {
  background:
    linear-gradient(118deg, transparent 0 52%, rgba(84, 242, 126, .14) 53% 54%, transparent 56%),
    radial-gradient(ellipse at 82% 50%, rgba(72, 232, 109, .16), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 34%);
}
.wc-analysis-sheet .postmatch-analysis-hero::after {
  right: -18px;
  bottom: -38px;
  width: 210px;
  height: 118px;
  opacity: .64;
}
.wc-analysis-sheet .postmatch-analysis-hero-top {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 44px;
  gap: 7px;
  align-items: center;
  min-height: 32px;
}
.wc-analysis-sheet .postmatch-analysis-back {
  position: static;
  width: 30px;
  height: 30px;
  border-color: rgba(255,255,255,.16);
  background: rgba(2, 8, 10, .58);
  font-size: 20px;
}
.wc-analysis-sheet .postmatch-analysis-competition {
  min-width: 0;
  color: #4ee978;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.15;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wc-analysis-sheet .postmatch-analysis-status {
  justify-self: end;
  border: 1px solid rgba(83, 238, 125, .58);
  border-radius: 999px;
  background: rgba(83, 238, 125, .10);
  padding: 4px 11px;
  color: #69f28b;
  font: 900 11px "DM Mono", monospace;
}
.wc-analysis-sheet .postmatch-analysis-scoreboard {
  grid-template-columns: minmax(86px, 1fr) minmax(82px, 96px) minmax(86px, 1fr);
  gap: 7px;
  margin-top: 16px;
}
.wc-analysis-sheet .postmatch-analysis-team {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.wc-analysis-sheet .postmatch-analysis-team-left {
  justify-content: flex-start;
}
.wc-analysis-sheet .postmatch-analysis-team-right {
  justify-content: flex-end;
  text-align: right;
}
.wc-analysis-sheet .postmatch-analysis-team strong {
  min-width: 0;
  color: #f6fbf8;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.04;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wc-analysis-sheet .postmatch-analysis-team-flag {
  flex: 0 0 auto;
  width: 52px;
  height: 42px;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 12px 24px rgba(0,0,0,.30);
}
.wc-analysis-sheet .postmatch-analysis-team-flag .wc-flag {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.wc-analysis-sheet .postmatch-analysis-score {
  gap: 7px;
  font-size: 58px;
  line-height: .9;
}
.wc-analysis-sheet .postmatch-analysis-meta {
  justify-content: center;
  gap: 9px;
  margin-top: 13px;
  font-size: 10px;
}
.wc-analysis-sheet .postmatch-analysis-meta i {
  align-self: center;
  width: 1px;
  height: 13px;
  background: rgba(255,255,255,.18);
}
.wc-analysis-sheet .postmatch-analysis-section {
  border-radius: 15px;
  padding: 12px;
}
.wc-analysis-sheet .postmatch-analysis-section-heading {
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  margin-bottom: 10px;
}
.wc-analysis-sheet .postmatch-analysis-section-heading > span {
  width: 28px;
  height: 28px;
  font-size: 13px;
}
.wc-analysis-sheet .postmatch-analysis-section-heading h3 {
  font-size: 14px;
  text-transform: uppercase;
}
.wc-analysis-sheet .postmatch-analysis-section-heading p {
  display: none;
}
.wc-analysis-sheet .postmatch-analysis-verdict-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.wc-analysis-sheet .postmatch-analysis-verdict-card {
  min-height: 0;
  border-radius: 12px;
  padding: 12px;
}
.wc-analysis-sheet .postmatch-analysis-card-head {
  gap: 7px;
  font-size: 9px;
  line-height: 1.15;
}
.wc-analysis-sheet .postmatch-analysis-card-head i {
  width: 30px;
  height: 30px;
}
.wc-analysis-sheet .postmatch-analysis-verdict-main,
.wc-analysis-sheet .postmatch-analysis-verdict-card.actual .postmatch-analysis-verdict-main {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.09;
}
.wc-analysis-sheet .postmatch-analysis-stat-tiles,
.wc-analysis-sheet .postmatch-analysis-stat-tiles.single {
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 11px;
}
.wc-analysis-sheet .postmatch-analysis-stat-tiles div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.09);
  border-radius: 0;
  background: transparent;
  padding: 7px 0;
}
.wc-analysis-sheet .postmatch-analysis-stat-tiles span,
.wc-analysis-sheet .postmatch-analysis-stat-tiles b {
  margin: 0;
}
.wc-analysis-sheet .postmatch-analysis-stat-tiles b {
  font-size: 18px;
}
.wc-analysis-sheet .postmatch-analysis-probability {
  margin-top: 12px;
}
.wc-analysis-sheet .postmatch-analysis-context-chip,
.wc-analysis-sheet .postmatch-analysis-result-note {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-top: 10px;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 9px;
}
.wc-analysis-sheet .postmatch-analysis-xg-vs {
  margin-top: 9px;
  border: 0;
  background: transparent;
  padding: 0;
}
.wc-analysis-sheet .postmatch-analysis-xg-team .wc-flag {
  width: 34px;
  height: 34px;
}
.wc-analysis-sheet .postmatch-analysis-xg-team strong {
  font-size: 15px;
}
.wc-analysis-sheet .postmatch-analysis-reason-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.wc-analysis-sheet .postmatch-analysis-reason-card {
  min-height: 126px;
  border-radius: 12px;
  padding: 10px;
}
.wc-analysis-sheet .postmatch-analysis-reason-top i {
  width: 32px;
  height: 32px;
}
.wc-analysis-sheet .postmatch-analysis-reason-top span {
  font-size: 14px;
}
.wc-analysis-sheet .postmatch-analysis-reason-card strong {
  display: -webkit-box;
  margin-top: 9px;
  font-size: 12px;
  line-height: 1.22;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wc-analysis-sheet .postmatch-analysis-reason-card p {
  display: -webkit-box;
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.24;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wc-analysis-sheet .postmatch-analysis-mini-meter {
  height: 6px;
  margin-top: 9px;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-card {
  gap: 9px;
  border-radius: 12px;
  padding: 10px;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-row {
  grid-template-columns: 22px minmax(76px, 1fr) 28px 35px minmax(72px, 1fr) 35px 28px;
  gap: 6px;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-row > i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #dce7e2;
  font-size: 12px;
  font-style: normal;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-label {
  font-size: 11px;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-bar span {
  display: block;
  min-width: 2px;
}
.wc-analysis-sheet .postmatch-analysis-game-shape-bar .home {
  background: linear-gradient(90deg, #eadf41, #5bf07d);
}
.wc-analysis-sheet .postmatch-analysis-game-shape-bar .away {
  background: linear-gradient(90deg, #5bf07d, #2bc957);
}
.wc-analysis-sheet .postmatch-analysis-game-shape-notes {
  display: none;
}

@media (max-width: 430px) {
  .wc-analysis-sheet .postmatch-analysis-hero {
    padding: 11px 10px 13px;
  }
  .wc-analysis-sheet .postmatch-analysis-competition {
    font-size: 12px;
  }
  .wc-analysis-sheet .postmatch-analysis-scoreboard {
    grid-template-columns: minmax(82px, 1fr) minmax(70px, 86px) minmax(82px, 1fr);
  }
  .wc-analysis-sheet .postmatch-analysis-team {
    gap: 7px;
  }
  .wc-analysis-sheet .postmatch-analysis-team strong {
    font-size: 15px;
  }
  .wc-analysis-sheet .postmatch-analysis-team-flag {
    width: 46px;
    height: 38px;
    border-radius: 9px;
  }
  .wc-analysis-sheet .postmatch-analysis-score {
    font-size: 50px;
  }
  .wc-analysis-sheet .postmatch-analysis-verdict-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wc-analysis-sheet .postmatch-analysis-verdict-card {
    padding: 10px;
  }
  .wc-analysis-sheet .postmatch-analysis-verdict-main,
  .wc-analysis-sheet .postmatch-analysis-verdict-card.actual .postmatch-analysis-verdict-main {
    font-size: 16px;
  }
  .wc-analysis-sheet .postmatch-analysis-stat-tiles b {
    font-size: 16px;
  }
  .wc-analysis-sheet .postmatch-analysis-reason-grid {
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }
  .wc-analysis-sheet .postmatch-analysis-reason-grid::-webkit-scrollbar {
    display: none;
  }
  .wc-analysis-sheet .postmatch-analysis-reason-card {
    flex: 0 0 122px;
  }
  .wc-analysis-sheet .postmatch-analysis-game-shape-row {
    grid-template-columns: 20px minmax(68px, .9fr) 25px 32px minmax(58px, 1fr) 32px 25px;
    gap: 4px;
  }
}

@media (max-width: 360px) {
  .wc-analysis-sheet .postmatch-analysis-verdict-grid {
    grid-template-columns: 1fr;
  }
  .wc-analysis-sheet .postmatch-analysis-scoreboard {
    grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
  }
  .wc-analysis-sheet .postmatch-analysis-team {
    display: grid;
    justify-items: center;
    text-align: center;
  }
  .wc-analysis-sheet .postmatch-analysis-team-right strong {
    order: 2;
  }
}

/* Picks decision dashboard */
#page-picks {
  padding-top: 10px;
  background:
    radial-gradient(circle at 50% -12%, rgba(29,198,82,.12), transparent 31%),
    #030a0e;
}
#page-picks .edge-hero {
  margin: 0 14px 12px;
  padding: 4px 2px 0;
}
#page-picks .edge-hero > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
#page-picks .edge-hero-copy {
  min-width: 0;
  text-align: left;
}
#page-picks .edge-hero span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(145deg, #2bd865, #178f3d);
  color: #031008;
  font-size: 22px;
}
#page-picks .edge-hero h1 {
  margin: 0;
  color: #f5faf9;
  font-size: 34px;
  line-height: .95;
}
#page-picks .edge-hero p {
  margin: 4px 0 0;
  color: #a5b0b3;
  font-size: 12px;
}
#page-picks .parlay-chat {
  margin: 0 12px 10px;
  border: 1px solid rgba(39,201,85,.30);
  border-radius: 9px;
  background:
    radial-gradient(circle at 84% 0%, rgba(42,185,82,.08), transparent 34%),
    #061217;
}
#page-picks .parlay-chat-head {
  grid-template-columns: 34px minmax(0, 1fr);
  border-bottom: 0;
  padding: 10px 12px 3px;
}
#page-picks .parlay-ai-mark {
  width: 34px;
  height: 34px;
  background: linear-gradient(145deg, #2cda63, #24ad4b);
  color: #031008;
}
#page-picks .parlay-chat-head strong { margin: 0; color: #f1f6f6; font-size: 15px; }
#page-picks .parlay-chat-head small {
  display: block;
  margin-top: 3px;
  color: #8c999d;
  font-size: 8px;
  line-height: 1.35;
}
#page-picks .parlay-chat-head em {
  border: 1px solid rgba(129,152,160,.2);
  border-radius: 999px;
  background: rgba(5,14,18,.64);
  padding: 6px 9px;
  color: #a9b4b7;
  font-size: 8px;
}
#page-picks .parlay-edge-inputs {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) .56fr .52fr .62fr;
  gap: 8px;
  align-items: end;
  padding: 7px 12px 10px;
}
#page-picks .parlay-message { padding: 0; }
#page-picks .parlay-message textarea {
  min-height: 48px;
  height: 48px;
  resize: none;
  border-color: rgba(130,153,161,.24);
  border-radius: 6px;
  background: #0b171c;
  padding: 10px;
  font-size: 10px;
}
#page-picks .parlay-edge-inputs > label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  border: 0;
  background: transparent;
  padding: 0;
}
#page-picks .parlay-edge-inputs > label > span {
  color: #89969b;
  font: 700 8px "DM Mono", monospace;
}
#page-picks .parlay-odds-field {
  display: grid !important;
  grid-template-columns: 1fr;
}
#page-picks .parlay-odds-signs {
  grid-template-columns: 1fr 1fr;
  gap: 0;
  overflow: hidden;
  min-height: 28px;
  border: 1px solid rgba(130,153,161,.24);
  border-radius: 6px;
  background: #0b171c;
}
#page-picks .parlay-odds-signs button {
  width: auto;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
}
#page-picks .parlay-odds-signs button + button { border-left: 1px solid rgba(130,153,161,.2); }
#page-picks .parlay-odds-field input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 27px;
  border: 1px solid rgba(130,153,161,.24);
  border-radius: 5px;
  background: #0b171c;
  color: #eef3f3;
  padding: 0 6px;
  font: 700 10px "DM Mono", monospace;
  text-align: center;
}
#page-picks .parlay-stake-field input {
  box-sizing: border-box;
  min-height: 41px;
  border: 1px solid rgba(130,153,161,.24);
  border-radius: 6px;
  background: #0b171c;
  padding: 0 10px;
  color: #eef3f3;
  font: 700 12px "DM Mono", monospace;
  text-align: left;
}
#page-picks .parlay-analyze-btn {
  width: 100%;
  min-height: 42px;
  margin: 0;
  background: linear-gradient(90deg, #25b951, #33ce61, #269f47);
  color: #f5fff8;
}
#page-picks .parlay-response {
  margin: 0 12px 11px;
  overflow: hidden;
  border: 1px solid rgba(130,153,161,.18);
  border-radius: 6px;
  background: rgba(2,9,12,.55);
}
#page-picks .parlay-empty { min-height: 34px; padding: 7px 10px; }
#page-picks .parlay-empty span { color: #e1aa25; }
#page-picks .parlay-empty p { font-size: 8px; }
#page-picks .edge-filter-row {
  gap: 6px;
  padding: 0 12px 11px;
}
#page-picks .edge-filter {
  border-color: rgba(130,153,161,.22);
  border-radius: 6px;
  background: #09151a;
  color: #aeb8bb;
  padding: 9px 11px;
  font-size: 9px;
}
#page-picks .edge-filter.active {
  border-color: #2bd25d;
  background: linear-gradient(135deg, #24b950, #33d164);
  color: #f5fff8;
}
#page-picks .edge-top-section,
#page-picks .edge-detail-section {
  margin: 0 0 16px;
}
#page-picks .edge-top-section > header,
#page-picks .edge-detail-section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 14px 9px;
}
#page-picks .edge-top-section > header span,
#page-picks .edge-detail-section > header span {
  color: #2ee365;
  font: 900 12px "DM Mono", monospace;
  text-transform: uppercase;
}
#page-picks .edge-top-section > header small,
#page-picks .edge-detail-section > header small {
  color: #89969b;
  font-size: 10px;
}
#page-picks .edge-top-scroll {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(235px, 30%);
  gap: 10px;
  overflow-x: auto;
  padding: 0 12px 4px;
  scrollbar-width: none;
}
#page-picks .edge-top-scroll::-webkit-scrollbar { display: none; }
#page-picks .edge-recommended-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 0 12px 4px;
}
#page-picks .edge-top-card {
  display: grid;
  gap: 8px;
  min-height: 182px;
  border: 1px solid rgba(45,209,94,.30);
  border-radius: 8px;
  background:
    radial-gradient(circle at top left, rgba(45,209,94,.15), transparent 46%),
    #071319;
  color: #f1f6f6;
  padding: 12px;
  text-align: left;
}
#page-picks .edge-top-meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
#page-picks .edge-top-meta span {
  min-width: 0;
  color: #c8d0d2;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#page-picks .edge-top-meta b {
  border: 1px solid rgba(236,190,45,.35);
  border-radius: 5px;
  background: rgba(236,190,45,.11);
  color: #f0c640;
  padding: 4px 6px;
  font-size: 8px;
}
#page-picks .edge-top-card strong {
  color: #f8fbfb;
  font-size: 18px;
  line-height: 1.14;
}
#page-picks .edge-top-card small {
  color: #bd72ff;
  font: 800 10px "DM Mono", monospace;
}
#page-picks .edge-top-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(130,153,161,.15);
  border-bottom: 1px solid rgba(130,153,161,.15);
}
#page-picks .edge-top-stats span {
  display: grid;
  align-content: center;
  min-height: 58px;
  padding: 8px 3px;
  color: #839095;
  font-size: 6px;
  line-height: 1.1;
  text-align: center;
}
#page-picks .edge-top-stats span + span { border-left: 1px solid rgba(130,153,161,.15); }
#page-picks .edge-top-stats b {
  display: block;
  margin-top: 4px;
  color: #35d565;
  font: 400 18px/1 "Bebas Neue", sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  white-space: nowrap;
}
#page-picks .edge-top-card em {
  color: #a8b4b7;
  font-size: 10px;
  font-style: normal;
}
#page-picks .edge-parlay-section {
  margin: 2px 12px 18px;
  overflow: hidden;
  border: 1px solid rgba(45,209,94,.25);
  border-radius: 10px;
  background:
    radial-gradient(circle at 0 0, rgba(45,209,94,.09), transparent 34%),
    #061115;
  padding: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
#page-picks .edge-parlay-section > header {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#page-picks .edge-parlay-section > header span {
  color: #e7eef0;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: -.01em;
}
#page-picks .edge-parlay-section > header span::first-letter { color: #39f58a; }
#page-picks .edge-parlay-section > header small {
  flex: 0 0 auto;
  color: #849196;
  font-size: 10px;
  font-weight: 800;
}
#page-picks .edge-parlay-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 1px 0 10px;
}
#page-picks .edge-parlay-filters > div {
  display: flex;
  gap: 6px;
}
#page-picks .edge-parlay-filters button {
  min-width: 82px;
  min-height: 32px;
  border: 1px solid #203138;
  border-radius: 6px;
  background: #09151a;
  color: #7d8c91;
  padding: 5px 12px;
  font-size: 10px;
  font-weight: 900;
}
#page-picks .edge-parlay-filters > div:last-child button { min-width: 72px; }
#page-picks .edge-parlay-filters button.active {
  border-color: #18d96b;
  background: rgba(24,217,107,.13);
  color: #39f58a;
  box-shadow: inset 0 0 14px rgba(24,217,107,.055);
}
#page-picks .edge-parlay-list {
  display: grid;
  gap: 8px;
}
#page-picks .edge-parlay-card {
  overflow: hidden;
  border: 1px solid #16442d;
  border-radius: 8px;
  background: #071518;
  padding: 10px 12px;
}
#page-picks .edge-parlay-card.profile-value { border-color: rgba(177,92,255,.48); }
#page-picks .edge-parlay-card.profile-balanced { border-color: rgba(215,184,58,.36); }
#page-picks .edge-parlay-card.has-positive-ev {
  box-shadow: 0 0 20px rgba(24,217,107,.10), inset 0 0 20px rgba(24,217,107,.025);
}
#page-picks .edge-parlay-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 22px;
  margin-bottom: 5px;
}
#page-picks .edge-parlay-card-header strong {
  color: #39f58a;
  font: 900 9px "DM Mono", monospace;
  letter-spacing: .035em;
}
#page-picks .profile-balanced .edge-parlay-card-header strong { color: #e9c849; }
#page-picks .profile-value .edge-parlay-card-header strong { color: #c678ff; }
#page-picks .edge-parlay-date {
  margin-left: auto;
  color: #829398;
  font: 800 7px "DM Mono", monospace;
  white-space: nowrap;
}
#page-picks .edge-parlay-favorite {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 0;
  background: transparent;
  color: #6d7e83;
  font-size: 15px;
}
#page-picks .edge-parlay-favorite.active { color: #ffd84d; filter: drop-shadow(0 0 5px rgba(255,216,77,.38)); }
#page-picks .edge-parlay-card-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .8fr);
  gap: 10px;
  align-items: stretch;
}
#page-picks .edge-parlay-legs {
  display: grid;
  min-width: 0;
}
#page-picks .edge-parlay-leg {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) minmax(92px, max-content);
  min-height: 42px;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #173027;
  padding: 5px 2px;
}
#page-picks .edge-parlay-leg:last-child { border-bottom: 0; }
#page-picks .edge-parlay-ball {
  display: grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border: 1px solid rgba(57,245,138,.18);
  border-radius: 50%;
  background: rgba(57,245,138,.055);
  font-size: 10px;
}
#page-picks .edge-parlay-leg-copy,
#page-picks .edge-parlay-leg-pick {
  display: grid;
  min-width: 0;
  gap: 2px;
}
#page-picks .edge-parlay-leg-copy strong {
  overflow: hidden;
  color: #e7eef0;
  font-size: 11px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#page-picks .edge-parlay-leg-copy small {
  overflow: hidden;
  color: #74868b;
  font-size: 8px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#page-picks .edge-parlay-leg-pick { justify-items: end; text-align: right; }
#page-picks .edge-parlay-leg-pick strong {
  max-width: 170px;
  overflow: hidden;
  color: #e9edf0;
  font-size: 11px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#page-picks .edge-parlay-leg-pick small {
  color: #31e97c;
  font: 800 8px "DM Mono", monospace;
}
#page-picks .edge-parlay-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-self: stretch;
  overflow: hidden;
  border: 1px solid rgba(130,153,161,.15);
  border-radius: 7px;
  background: rgba(2,9,12,.40);
}
#page-picks .edge-parlay-summary span {
  display: grid;
  min-width: 0;
  place-content: center;
  gap: 5px;
  padding: 8px 4px;
  text-align: center;
}
#page-picks .edge-parlay-summary span + span { border-left: 1px solid rgba(130,153,161,.13); }
#page-picks .edge-parlay-summary small {
  color: #74868b;
  font-size: 6px;
  font-weight: 900;
  line-height: 1.15;
}
#page-picks .edge-parlay-summary strong {
  color: #e7eef0;
  font: 400 19px/1 "Bebas Neue", sans-serif;
  white-space: nowrap;
}
#page-picks .edge-parlay-summary span:first-child strong,
#page-picks .edge-parlay-summary strong.positive { color: #31e97c; }
#page-picks .edge-parlay-summary strong.negative { color: #ff5964; }
#page-picks .edge-parlay-card-footer {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  border-top: 1px solid #173027;
  margin-top: 6px;
  padding-top: 6px;
}
#page-picks .edge-parlay-card-footer > span {
  border: 1px solid rgba(130,153,161,.15);
  border-radius: 999px;
  color: #98a6aa;
  padding: 4px 7px;
  font-size: 7px;
  white-space: nowrap;
}
#page-picks .edge-parlay-card-footer > span:first-child::first-letter { color: #e7be31; }
#page-picks .edge-parlay-card-footer button {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: #31e97c;
  padding: 5px 0 5px 8px;
  font-size: 9px;
  font-weight: 900;
}
#page-picks .edge-parlay-card-footer button b { margin-left: 5px; font-size: 13px; }
#page-picks .edge-parlay-analysis {
  display: grid;
  gap: 8px;
  margin-top: 7px;
  border-top: 1px solid #173027;
  padding-top: 10px;
}
#page-picks .edge-parlay-analysis-overview {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(130,153,161,.14);
  border-radius: 6px;
}
#page-picks .edge-parlay-analysis-overview span { display: grid; gap: 3px; padding: 8px; text-align: center; }
#page-picks .edge-parlay-analysis-overview span + span { border-left: 1px solid rgba(130,153,161,.14); }
#page-picks .edge-parlay-analysis-overview small { color: #74868b; font-size: 6px; }
#page-picks .edge-parlay-analysis-overview strong { color: #e7eef0; font-size: 13px; }
#page-picks .edge-parlay-analysis-legs,
#page-picks .edge-parlay-reason-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#page-picks .edge-parlay-analysis-legs > div,
#page-picks .edge-parlay-reason-grid > div {
  display: grid;
  gap: 3px;
  border: 1px solid rgba(130,153,161,.13);
  border-radius: 6px;
  background: rgba(2,9,12,.28);
  padding: 9px;
}
#page-picks .edge-parlay-analysis-legs small { color: #31e97c; font-size: 7px; }
#page-picks .edge-parlay-analysis-legs strong { color: #e7eef0; font-size: 10px; }
#page-picks .edge-parlay-analysis-legs span { color: #c4ced0; font-size: 9px; }
#page-picks .edge-parlay-analysis-legs em { color: #74868b; font-size: 7px; font-style: normal; }
#page-picks .edge-parlay-reason-grid strong { margin-bottom: 3px; color: #e7eef0; font-size: 9px; }
#page-picks .edge-parlay-reason-grid span { color: #89999e; font-size: 8px; line-height: 1.4; }
#page-picks .edge-parlay-reason-grid > div:first-child span { color: #a8cdb8; }
#page-picks .edge-parlay-analysis > p { margin: 0; color: #74868b; font-size: 7px; line-height: 1.45; }
#page-picks .edge-parlay-empty {
  display: grid;
  min-height: 92px;
  place-content: center;
  gap: 5px;
  border: 1px dashed rgba(130,153,161,.22);
  border-radius: 8px;
  background: rgba(2,9,12,.35);
  padding: 16px;
  text-align: center;
}
#page-picks .edge-parlay-empty strong { color: #dfe7e8; font-size: 12px; }
#page-picks .edge-parlay-empty p { max-width: 520px; margin: 0; color: #74868b; font-size: 9px; line-height: 1.45; }
#page-picks .edge-parlay-view-all {
  display: block;
  min-height: 34px;
  margin: 9px auto 0;
  border: 0;
  background: transparent;
  color: #31e97c;
  font-size: 10px;
  font-weight: 900;
}
#page-picks .edge-date-group { margin-bottom: 15px; }
#page-picks .edge-date-header {
  align-items: center;
  margin: 0 12px 8px;
  border: 1px solid rgba(130,153,161,.19);
  border-left: 4px solid #2dd15e;
  border-radius: 7px;
  background: linear-gradient(90deg, rgba(30,177,73,.11), #071319);
  padding: 10px 12px;
}
#page-picks .edge-date-header > div { display: flex; align-items: center; gap: 9px; }
#page-picks .edge-date-header span { color: #9da9ac; font-size: 13px; }
#page-picks .edge-date-header strong {
  margin: 0;
  color: #dfe6e7;
  font: 800 10px "DM Mono", monospace;
}
#page-picks .edge-date-header small { color: #748287; font-size: 7px; }
#page-picks .edge-league-group {
  margin: 0 12px 12px;
  overflow: hidden;
  border: 1px solid rgba(130,153,161,.13);
  border-radius: 9px;
  background: rgba(3,11,14,.24);
}
#page-picks .edge-league-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 38px;
  border-bottom: 1px solid rgba(130,153,161,.13);
  background: linear-gradient(90deg, rgba(45,209,94,.08), rgba(7,19,25,.45));
  padding: 8px 11px;
}
#page-picks .edge-league-header strong {
  min-width: 0;
  overflow: hidden;
  color: #dce5e5;
  font: 800 10px "DM Mono", monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#page-picks .edge-league-header small {
  flex: 0 0 auto;
  color: #748287;
  font-size: 7px;
}
#page-picks .edge-league-group > .edge-list {
  display: grid;
  gap: 8px;
  padding: 8px;
}
#page-picks .edge-list { gap: 8px; }
#page-picks .edge-card {
  display: block;
  min-height: 0;
  overflow: hidden;
  border-color: rgba(130,153,161,.2);
  border-radius: 9px;
  background:
    linear-gradient(90deg, rgba(37,195,80,.03), transparent 40%),
    #071319;
  padding: 0;
}
#page-picks .edge-card-main { width: 100%; }
#page-picks .edge-card-meta { margin: 0; padding: 11px 12px 0; }
#page-picks .edge-match { color: #96a2a6; font-size: 9px; }
#page-picks .edge-card-tags {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
}
#page-picks .edge-market-chip { color: #c4ced0; font-size: 7px; }
#page-picks .edge-book-chip {
  border: 1px solid rgba(53,213,101,.36);
  border-radius: 999px;
  background: rgba(53,213,101,.10);
  padding: 4px 7px;
  color: #35d565;
  font: 900 7px "DM Mono", monospace;
  white-space: nowrap;
}
#page-picks .edge-card.no-book-odds .edge-book-chip {
  border-color: rgba(130,153,161,.18);
  background: rgba(130,153,161,.06);
  color: #7f8b90;
}
#page-picks .edge-card.has-book-odds {
  border-color: rgba(53,213,101,.34);
}
#page-picks .edge-card-main > strong {
  padding: 5px 12px 0;
  color: #f1f5f5;
  font-size: 18px;
}
#page-picks .edge-market-prices {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: 10px 11px 0;
  overflow: hidden;
  border: 1px solid rgba(130,153,161,.15);
  border-radius: 7px 7px 0 0;
  background: rgba(2,9,12,.42);
}
#page-picks .edge-market-prices span {
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 10px 5px;
  color: #849196;
  font-size: 7px;
  text-align: center;
}
#page-picks .edge-market-prices span + span { border-left: 1px solid rgba(130,153,161,.17); }
#page-picks .edge-market-prices b {
  margin-top: 5px;
  color: #dce4e5;
  font: 400 22px/1 "Bebas Neue", sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  white-space: nowrap;
}
#page-picks .edge-market-prices span:first-child b,
#page-picks .edge-market-prices b.positive { color: #35d565; }
#page-picks .edge-market-prices .book-odds-cell {
  background: rgba(53,213,101,.055);
}
#page-picks .edge-signal-row {
  display: grid;
  grid-template-columns: .8fr 1.25fr 1fr;
  gap: 7px;
  margin: 0 11px;
  border: 1px solid rgba(130,153,161,.15);
  border-top: 0;
  padding: 8px;
}
#page-picks .edge-signal-row > span {
  border: 1px solid rgba(130,153,161,.17);
  border-radius: 999px;
  color: #95a1a5;
  padding: 5px 7px;
  font-size: 7px;
  text-align: center;
}
#page-picks .edge-signal-row > span:first-child { border-color: rgba(45,209,94,.55); color: #35d565; }
#page-picks .edge-signal-row > span.neutral { border-color: rgba(226,183,38,.48); color: #edc638; }
#page-picks .edge-signal-row b { color: #35d565; }
#page-picks .edge-signal-row > span:last-child::first-letter { color: #e7bd2d; }
#page-picks .edge-why-grid {
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0 11px;
  border: 1px solid rgba(130,153,161,.15);
  border-top: 0;
}
#page-picks .edge-why-grid > div {
  min-width: 0;
  min-height: 52px;
  border-left: 0;
  padding: 9px 10px;
}
#page-picks .edge-why-grid > div + div { border-left: 1px solid rgba(130,153,161,.17); }
#page-picks .edge-why-grid > div > span { font-size: 7px; }
#page-picks .edge-why-grid small {
  display: block;
  max-height: 24px;
  overflow: hidden;
  color: #929fa3;
  font-size: 8px;
  line-height: 1.4;
}
#page-picks .edge-view-analysis {
  margin: 0 11px 11px;
  border: 1px solid rgba(130,153,161,.15);
  border-top: 0;
  border-radius: 0 0 7px 7px;
  color: #32d15f;
  padding: 9px;
  font-size: 9px;
  text-align: center;
}
#page-picks .edge-view-analysis span { margin-left: 7px; font-size: 15px; vertical-align: -1px; }

@media (max-width: 390px) {
  #page-picks .parlay-edge-inputs { grid-template-columns: .85fr .85fr 1fr; }
  #page-picks .parlay-message { grid-column: 1 / -1; }
  #page-picks .edge-top-scroll { grid-auto-columns: 86%; }
  #page-picks .edge-signal-row { grid-template-columns: 1fr 1fr; }
  #page-picks .edge-signal-row > span:last-child { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  #page-picks .edge-parlay-section { margin-inline: 9px; padding: 10px; }
  #page-picks .edge-parlay-section > header span { font-size: 12px; }
  #page-picks .edge-parlay-filters { align-items: stretch; flex-direction: column; }
  #page-picks .edge-parlay-filters > div { width: 100%; }
  #page-picks .edge-parlay-filters > div:first-child button { flex: 0 0 84px; }
  #page-picks .edge-parlay-filters > div:last-child { justify-content: flex-end; }
  #page-picks .edge-parlay-filters > div:last-child button { flex: 1 1 0; min-width: 0; }
  #page-picks .edge-parlay-card { padding: 6px 8px; }
  #page-picks .edge-parlay-card-header { min-height: 18px; margin-bottom: 1px; }
  #page-picks .edge-parlay-card-header strong { font-size: 7px; }
  #page-picks .edge-parlay-date { font-size: 6px; }
  #page-picks .edge-parlay-favorite { width: 22px; height: 22px; font-size: 13px; }
  #page-picks .edge-parlay-card-layout { grid-template-columns: 1fr; gap: 3px; }
  #page-picks .edge-parlay-leg { grid-template-columns: 19px minmax(0, 1fr) minmax(82px, max-content); min-height: 30px; gap: 5px; padding: 2px 1px; }
  #page-picks .edge-parlay-ball { width: 18px; height: 18px; font-size: 8px; }
  #page-picks .edge-parlay-leg-copy strong,
  #page-picks .edge-parlay-leg-pick strong { font-size: 9px; }
  #page-picks .edge-parlay-leg-copy small,
  #page-picks .edge-parlay-leg-pick small { font-size: 6px; }
  #page-picks .edge-parlay-leg-pick strong { max-width: 120px; }
  #page-picks .edge-parlay-summary { min-height: 36px; }
  #page-picks .edge-parlay-summary span { gap: 3px; padding: 4px 2px; }
  #page-picks .edge-parlay-summary small { font-size: 5px; }
  #page-picks .edge-parlay-summary strong { font-size: 14px; }
  #page-picks .edge-parlay-card-footer { min-height: 23px; gap: 4px; margin-top: 3px; padding-top: 3px; }
  #page-picks .edge-parlay-card-footer > span { padding: 2px 4px; font-size: 5px; }
  #page-picks .edge-parlay-card-footer button { margin-left: auto; padding: 3px 0 3px 5px; font-size: 7px; }
  #page-picks .edge-parlay-card-footer button b { margin-left: 2px; font-size: 10px; }
  #page-picks .edge-parlay-analysis-legs,
  #page-picks .edge-parlay-reason-grid { grid-template-columns: 1fr; }
}
  width: 72px;

/* Home redesign */
body.home-shell main {
  background:
    radial-gradient(circle at 82% 5%, rgba(22,212,107,.10), transparent 28%),
    linear-gradient(180deg, #05090a 0%, #071011 50%, #050707 100%);
}
.xg-home {
  display: grid;
  gap: 20px;
  padding: 10px 14px 22px;
}
.xg-home-hero {
  position: relative;
  min-height: 196px;
  overflow: hidden;
  border: 1px solid rgba(130,153,161,.20);
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(3,8,10,.98) 0%, rgba(5,16,18,.92) 44%, rgba(5,18,18,.48) 100%),
    radial-gradient(ellipse at 83% 22%, rgba(129,255,194,.28), transparent 23%),
    radial-gradient(ellipse at 78% 80%, rgba(22,212,107,.36), transparent 26%),
    repeating-linear-gradient(172deg, rgba(255,255,255,.06) 0 1px, transparent 1px 22px),
    linear-gradient(180deg, #091315 0%, #030708 100%);
  box-shadow:
    0 24px 58px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.xg-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 63% 15%, rgba(212,255,238,.34), transparent 2%, rgba(131,255,205,.10) 4%, transparent 26%),
    radial-gradient(ellipse at 86% 22%, rgba(255,255,255,.22), transparent 2%, rgba(70,255,164,.10) 4%, transparent 28%),
    radial-gradient(ellipse at 58% 58%, rgba(22,212,107,.16), transparent 34%),
    linear-gradient(180deg, transparent 45%, rgba(14,255,124,.11) 82%, transparent 100%),
    linear-gradient(115deg, transparent 0 40%, rgba(255,255,255,.05) 46%, transparent 62%);
  opacity: .92;
}
.xg-home-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 62%;
  background:
    linear-gradient(178deg, transparent 0 42%, rgba(255,255,255,.045) 43% 45%, transparent 46%),
    radial-gradient(ellipse at 72% 100%, rgba(22,212,107,.22), transparent 44%);
  opacity: .82;
}
.xg-home-hero-copy {
  position: relative;
  z-index: 3;
  width: min(64%, 340px);
  padding: 46px 0 30px 26px;
}
.xg-home-hero .xg-logo-mark {
  color: #16d46b;
  font-size: 42px;
  letter-spacing: -0.04em;
}
.xg-home-hero .xg-logo-mark span { color: #f7fbfb; }
.xg-home-hero p {
  color: rgba(247,251,251,.72);
  font-size: 15px;
  line-height: 1.35;
}
.xg-home-hero-title {
  margin: 12px 0 0;
  color: rgba(247,251,251,.92) !important;
  font-size: 17px !important;
  font-weight: 800;
}
.xg-home-hero-subtitle {
  max-width: 360px;
  margin: 12px 0 0;
}
.xg-home-hero button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(22,212,107,.24);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(9,30,23,.88), rgba(8,18,22,.76));
  color: #f7fbfb;
  padding: 12px 16px;
  font-weight: 900;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 24px rgba(22,212,107,.12);
}
.xg-home-hero button span,
.xg-home-hero button b {
  color: #16d46b;
  font-size: 18px;
}
.xg-home-brand-x {
  position: absolute;
  z-index: 2;
  right: 32px;
  top: 22px;
  color: rgba(22,212,107,.18);
  font: 1000 176px/.78 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -.08em;
  text-shadow:
    0 0 18px rgba(22,212,107,.62),
    0 0 52px rgba(22,212,107,.44),
    0 0 120px rgba(22,212,107,.26);
  -webkit-text-stroke: 2px rgba(22,212,107,.50);
  transform: skewX(-8deg);
  opacity: .88;
}
.xg-home .xg-section-head {
  margin: 4px 2px -6px;
}
.xg-home .xg-section-head strong {
  color: #f7fbfb;
  font-size: 20px;
  letter-spacing: -0.01em;
}
.xg-explore-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.xg-explore-card {
  position: relative;
  min-height: 166px;
  border: 1px solid rgba(130,153,161,.20);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 18%, rgba(53,213,101,.18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    #071114;
  color: #f7fbfb;
  padding: 18px 12px 14px;
  text-align: center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 30px rgba(0,0,0,.20);
}
.xg-explore-card > i {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin: 0 auto 16px;
  border: 0;
  border-radius: 20px;
  background: transparent;
  color: #16d46b;
  font-size: 31px;
  font-style: normal;
  line-height: 1;
  text-shadow: none;
}
.xg-premium-icon {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 18px 32px rgba(0,0,0,.24);
}
.xg-explore-card.worldcup > i,
.xg-premium-icon.worldcup {
  color: #f7c948;
  box-shadow: 0 0 24px rgba(255,205,86,.20), 0 18px 32px rgba(0,0,0,.24);
}
.xg-explore-card.premier > i,
.xg-premium-icon.premier {
  color: #4f8dff;
  box-shadow: 0 0 24px rgba(46,125,255,.20), 0 18px 32px rgba(0,0,0,.24);
}
.xg-explore-card.fantasy > i,
.xg-premium-icon.fantasy {
  color: #b85cff;
  box-shadow: 0 0 24px rgba(168,85,247,.22), 0 18px 32px rgba(0,0,0,.24);
}
.xg-explore-card.edge > i,
.xg-premium-icon.edge {
  box-shadow: 0 0 24px rgba(22,212,107,.24), 0 18px 32px rgba(0,0,0,.24);
}
.xg-premium-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.xg-explore-card strong {
  display: block;
  min-height: 42px;
  color: #f7fbfb;
  font-size: 17px;
  line-height: 1.18;
}
.xg-explore-card span {
  display: block;
  margin-top: 10px;
  color: rgba(247,251,251,.54);
  font-size: 12px;
  line-height: 1.35;
}
.xg-explore-card b {
  position: absolute;
  right: 14px;
  bottom: 14px;
  color: currentColor;
  font-size: 20px;
}
.xg-explore-card.premier b { color: #2e7dff; }
.xg-explore-card.fantasy b { color: #a855f7; }
.xg-explore-card.worldcup b,
.xg-explore-card.edge b { color: #16d46b; }
.xg-founder-offer {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) minmax(160px, .78fr);
  gap: 16px;
  align-items: center;
  border: 1px solid rgba(22,212,107,.24);
  border-radius: 12px;
  background:
    radial-gradient(circle at 11% 50%, rgba(22,212,107,.22), transparent 22%),
    linear-gradient(90deg, rgba(7,38,25,.72), rgba(5,13,15,.96)),
    #071114;
  padding: 18px 22px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 36px rgba(0,0,0,.24);
}
.xg-founder-icon {
  color: #16d46b;
  font-size: 64px;
  line-height: 1;
  text-shadow: 0 0 18px rgba(22,212,107,.70), 0 0 50px rgba(22,212,107,.32);
}
.xg-founder-offer span {
  color: #16d46b;
  font-size: 13px;
  font-weight: 800;
}
.xg-founder-offer h2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 4px 0 7px;
  color: #f7fbfb;
  font-size: 28px;
  line-height: 1.1;
}
.xg-founder-offer h2 small {
  color: rgba(247,251,251,.68);
  font-size: 15px;
  font-weight: 600;
}
.xg-founder-offer h2 b {
  border-radius: 5px;
  background: rgba(22,212,107,.13);
  color: #78eb99;
  padding: 5px 7px;
  font-size: 10px;
}
.xg-founder-offer p,
.xg-founder-offer ul {
  margin: 0;
  color: rgba(247,251,251,.62);
  font-size: 13px;
  line-height: 1.55;
}
.xg-founder-offer ul {
  border-left: 1px solid rgba(130,153,161,.15);
  padding-left: 28px;
  list-style: none;
}
.xg-founder-offer li:first-child {
  color: #f7fbfb;
  font-weight: 800;
}
.xg-founder-offer li {
  position: relative;
  padding-left: 2px;
}
.xg-home-news-card {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  border: 1px solid rgba(130,153,161,.18);
  border-radius: 12px;
  background:
    radial-gradient(circle at 8% 50%, rgba(22,212,107,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    #071114;
  padding: 16px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 16px 32px rgba(0,0,0,.20);
}
.xg-news-icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid rgba(22,212,107,.20);
  border-radius: 14px;
  color: #16d46b;
  font-size: 42px;
  background:
    radial-gradient(circle at 50% 30%, rgba(22,212,107,.22), transparent 34%),
    rgba(22,212,107,.04);
  text-shadow: 0 0 22px rgba(22,212,107,.46);
}
.xg-home-news-card span {
  display: inline-block;
  border-radius: 4px;
  background: rgba(22,212,107,.12);
  color: #16d46b;
  padding: 4px 6px;
  font-size: 9px;
  font-weight: 900;
}
.xg-home-news-card h3 {
  margin: 10px 0 7px;
  color: #f7fbfb;
  font-size: 16px;
}
.xg-home-news-card p {
  margin: 0;
  color: rgba(247,251,251,.62);
  font-size: 13px;
  line-height: 1.55;
}
.xg-home-news-card em {
  border-radius: 999px;
  background: rgba(22,212,107,.10);
  color: #78eb99;
  padding: 7px 10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}
@media (max-width: 560px) {
  .xg-home {
    gap: 18px;
    padding: 8px 14px 18px;
  }
  .xg-home-hero {
    min-height: 184px;
  }
  .xg-home-hero-copy {
    width: 62%;
    padding: 38px 0 24px 24px;
  }
  .xg-home-hero .xg-logo-mark {
    font-size: 39px;
  }
  .xg-home-brand-x {
    right: 12px;
    top: 28px;
    font-size: 148px;
  }
  .xg-explore-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .xg-explore-card {
    min-height: 166px;
    padding: 14px 7px 12px;
  }
  .xg-explore-card > i {
    width: 58px;
    height: 58px;
    margin-bottom: 13px;
    border-radius: 16px;
  }
  .xg-premium-icon svg {
    width: 40px;
    height: 40px;
  }
  .xg-explore-card strong {
    min-height: 36px;
    font-size: 13px;
  }
  .xg-explore-card span {
    margin-top: 6px;
    font-size: 9px;
  }
  .xg-founder-offer {
    grid-template-columns: 42px minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 9px;
    padding: 14px 12px;
  }
  .xg-founder-icon {
    font-size: 38px;
  }
  .xg-founder-offer ul {
    grid-column: 3;
    border-left: 1px solid rgba(130,153,161,.15);
    border-top: 0;
    padding: 0 0 0 10px;
    font-size: 9px;
    line-height: 1.55;
  }
  .xg-founder-offer h2 {
    gap: 5px;
    font-size: 21px;
  }
  .xg-founder-offer h2 small {
    font-size: 11px;
  }
  .xg-founder-offer h2 b {
    padding: 4px 5px;
    font-size: 8px;
  }
  .xg-founder-offer p {
    font-size: 9px;
    line-height: 1.45;
  }
  .xg-home-news-card {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
  }
  .xg-news-icon {
    width: 62px;
    height: 62px;
    font-size: 36px;
  }
  .xg-home-news-card em {
    grid-column: 2;
    justify-self: start;
  }
}
@media (max-width: 390px) {
  .xg-home-hero-copy {
    width: 66%;
    padding-left: 20px;
  }
  .xg-home-hero .xg-logo-mark {
    font-size: 35px;
  }
  .xg-home-hero p {
    font-size: 13px;
  }
  .xg-home-hero-title {
    font-size: 15px !important;
  }
  .xg-home-hero-subtitle {
    max-width: 190px;
    font-size: 11px !important;
  }
  .xg-explore-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }
  .xg-explore-card {
    min-height: 154px;
    padding-inline: 6px;
  }
  .xg-explore-card > i {
    width: 54px;
    height: 54px;
  }
  .xg-explore-card strong {
    font-size: 12px;
  }
  .xg-explore-card span {
    font-size: 8px;
  }
}

@media (max-width: 760px) {
  .fantasy-price-columns,
  .fantasy-price-recommendations,
  .my-team-price-alerts > div {
    grid-template-columns: 1fr;
  }
  .fantasy-price-section header {
    display: grid;
    gap: 6px;
  }
  .price-player-card,
  .my-team-price-alerts button {
    grid-template-columns: 42px minmax(0, 1fr) 46px;
  }
  .my-team-price-alerts {
    margin-inline: 12px;
    padding: 12px;
  }
  .price-outlook-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 761px) {
  .match-preview-top-grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
    align-items: stretch;
  }
}

@media (max-width: 430px) {
  .match-preview-availability {
    padding: 12px;
  }
  .match-availability-header {
    display: grid;
    gap: 6px;
  }
  .match-availability-header em {
    justify-self: start;
  }
  .match-availability-grid {
    grid-template-columns: 1fr;
  }
  .match-availability-player {
    grid-template-columns: minmax(0, 1fr) 42px;
  }
  .preview-h2h-card {
    padding: 12px;
  }
  .preview-h2h-scoreline b {
    font-size: 20px;
  }
  .preview-h2h-pills {
    gap: 7px;
  }
  .preview-h2h-pills i {
    min-width: 44px;
    height: 25px;
    padding-inline: 10px;
  }
  .h2h-detail-row {
    grid-template-columns: 38px minmax(42px, 1fr) 52px minmax(42px, 1fr);
    gap: 6px;
    padding: 8px;
  }
  .h2h-detail-winner {
    grid-column: 1 / -1;
    justify-content: center;
  }
  .h2h-detail-meta small {
    max-width: 38px;
  }
  .h2h-detail-team {
    gap: 4px;
  }
  .h2h-detail-team strong {
    font-size: 11px;
  }
  .h2h-detail-badge-frame {
    width: 28px;
    height: 28px;
  }
  .h2h-detail-badge {
    width: 24px;
    height: 24px;
  }
  .h2h-detail-score {
    min-width: 50px;
    padding-inline: 7px;
    font-size: 14px;
  }
  .match-preview-compare,
  .match-preview-insight,
  .match-preview-style,
  .match-preview-flow,
  .match-preview-game-overview {
    padding: 12px;
  }
  .match-preview-teamline,
  .match-preview-stat-row {
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    gap: 8px;
  }
  .match-preview-stat-row b {
    font-size: 14px;
  }
  .match-preview-style > div {
    grid-template-columns: 1fr;
  }
  .match-preview-style > div > span {
    display: none;
  }
  .match-preview-overview-grid {
    gap: 8px;
  }
  .match-preview-overview-item {
    padding-inline: 4px;
  }
  .match-preview-dots {
    gap: 2px;
  }
  .match-preview-dots i {
    width: 6px;
    height: 6px;
  }
  .fantasy-price-section {
    padding: 12px;
  }
  .fantasy-price-columns article {
    gap: 7px;
  }
  .price-player-card,
  .my-team-price-alerts button {
    min-height: 68px;
    padding: 8px;
  }
  .price-player-card strong,
  .my-team-price-alerts button strong {
    font-size: 12px;
  }
  .price-player-card b,
  .my-team-price-alerts button b {
    font-size: 15px;
  }
}

.desktop-sidebar,
.desktop-intel-rail {
  display: none;
}

@media (min-width: 1024px) {
  :root {
    --desktop-sidebar-w: 260px;
    --desktop-rail-w: 320px;
    --desktop-gap: 22px;
    --max-w: none;
  }

  body {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0 0 42px;
    overflow-x: hidden;
    background:
      radial-gradient(circle at 16% 0%, rgba(22,212,107,.12), transparent 30%),
      radial-gradient(circle at 88% 12%, rgba(148,74,255,.10), transparent 28%),
      #05090a;
  }

  .header,
  body:has(#page-fixtures.active) .header {
    position: fixed;
    top: 0;
    left: var(--desktop-sidebar-w);
    right: var(--desktop-rail-w);
    z-index: 70;
    min-height: 72px;
    padding: 18px 28px 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background:
      radial-gradient(circle at 16% 0%, rgba(22,212,107,.14), transparent 36%),
      rgba(5,9,10,.88);
    backdrop-filter: blur(18px);
  }

  .header .logo {
    display: none;
  }

  .header-right {
    width: 100%;
    justify-content: flex-end;
  }

  .tabs,
  .bottom-nav {
    display: none;
  }

  main {
    width: auto;
    min-height: 100vh;
    margin-left: var(--desktop-sidebar-w);
    margin-right: var(--desktop-rail-w);
    padding: 92px 28px 54px;
  }

  .page.active {
    display: block;
    max-width: 1160px;
    margin: 0 auto;
  }

  .match-preview-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .75fr);
    align-items: stretch;
  }

  .match-preview-lower-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    align-items: stretch;
  }

  .match-preview-top-grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr);
    align-items: stretch;
  }

  .match-preview-overview-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .match-preview-overview-item {
    border-left: 1px solid rgba(131,153,161,.12);
  }

  .match-preview-overview-item:first-child {
    border-left: 0;
  }

  .match-preview-stat-row {
    grid-template-columns: 72px minmax(0, 1fr) 72px;
  }

  .match-preview-stat-row b {
    font-size: 18px;
  }

  .desktop-sidebar,
  .desktop-intel-rail {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 75;
    display: block;
    overflow-y: auto;
    border-color: rgba(255,255,255,.08);
    background:
      radial-gradient(circle at 32% 0%, rgba(22,212,107,.12), transparent 32%),
      rgba(4,8,10,.96);
    backdrop-filter: blur(18px);
  }

  .desktop-sidebar {
    left: 0;
    width: var(--desktop-sidebar-w);
    padding: 26px 16px;
    border-right: 1px solid rgba(255,255,255,.08);
  }

  .desktop-intel-rail {
    right: 0;
    top: 72px;
    width: var(--desktop-rail-w);
    padding: 20px 18px 28px;
    border-left: 1px solid rgba(255,255,255,.08);
  }

  .desktop-sidebar-brand {
    margin: 0 8px 24px;
    color: #16d46b;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -.05em;
  }

  .desktop-sidebar-brand span {
    color: #f7fbfb;
  }

  .desktop-sidebar section,
  .desktop-intel-rail section {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
    padding: 12px;
    margin-bottom: 14px;
  }

  .desktop-sidebar section > span,
  .desktop-intel-rail section > span {
    display: block;
    margin: 0 0 8px;
    color: #16d46b;
    font: 900 11px "DM Mono", monospace;
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .desktop-sidebar button,
  .desktop-intel-rail button {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: rgba(247,251,251,.72);
    padding: 10px 11px;
    text-align: left;
    font-weight: 800;
  }

  .desktop-sidebar button:hover,
  .desktop-sidebar button.active,
  .desktop-intel-rail button:hover {
    color: #f7fbfb;
    background: rgba(22,212,107,.12);
  }

  .desktop-intel-rail strong {
    display: block;
    color: #f7fbfb;
    font-size: 16px;
  }

  .desktop-intel-rail p {
    margin: 8px 0 0;
    color: #9aa5aa;
    font-size: 13px;
    line-height: 1.45;
  }

  .xg-home {
    padding: 0;
  }

  .xg-hero {
    min-height: 280px;
  }

  .xg-explore-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xg-founder-card,
  .xg-news-card {
    margin-inline: 0;
  }

  #page-fixtures.active {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    width: 100%;
    max-width: none;
  }

  .league-selector,
  .pl-mode-toggle,
  #page-fixtures [data-fixtures-feed] {
    max-width: none;
  }

  .pl-match-card,
  .pl-table-panel,
  .pl-gw-selector,
  .pl-live-panel,
  .pl-date-strip {
    margin-left: 0;
    margin-right: 0;
  }

  #page-fixtures [data-fixtures-feed] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
  }

  #page-fixtures [data-fixtures-feed] .pl-match-card {
    width: 100%;
    min-width: 0;
  }

  #page-fixtures [data-fixtures-feed] .pl-gw-selector,
  #page-fixtures [data-fixtures-feed] .pl-live-panel,
  #page-fixtures [data-fixtures-feed] .pl-date-strip {
    grid-column: 1 / -1;
  }

  .pl-table-panel {
    grid-column: 1 / -1;
    max-width: none;
  }

  .pl-table-head,
  .pl-table-row {
    /* Keep all 13 columns inside the narrower desktop content rail. The
       previous minimums overflowed under the membership rail, so the panel's
       intentional clipping hid the Score column. */
    grid-template-columns: 28px minmax(104px, 1.6fr) repeat(9, minmax(30px, .45fr)) minmax(90px, .95fr) 54px;
    gap: 7px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .pl-table-head .desktop-stat,
  .pl-table-row .desktop-stat {
    display: inline;
  }

  .pl-table-row {
    min-height: 58px;
  }

  .pl-table-row .club b {
    font-size: 15px;
  }

  .edge-filter-row,
  .edge-hero,
  .parlay-chat {
    margin-left: 0;
    margin-right: 0;
  }

  .edge-picks-horizontal {
    grid-template-columns: repeat(3, minmax(260px, 1fr));
  }

  .edge-detail-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .fantasy-hub-nav {
    position: sticky;
    top: 84px;
    margin-inline: 0;
    grid-template-columns: repeat(4, minmax(0, 180px));
    justify-content: start;
  }

  .fantasy-page,
  .fantasy-hub {
    max-width: none;
  }

  .fantasy-feature-grid,
  .fantasy-top-grid,
  .fantasy-price-columns,
  .my-team-summary-grid,
  .my-team-tabs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .my-team-lineup-card {
    max-width: none;
  }

  .my-team-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
    gap: 16px;
    align-items: start;
  }

  .comparison-page {
    max-width: none;
  }

  .comparison-header {
    margin-inline: 0;
  }

  .comparison-player-hero {
    grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr);
  }

  .comparison-player-side {
    grid-column: 1;
    grid-template-columns: 112px minmax(0, 1fr);
    padding-right: 96px;
  }

  .comparison-player-hero > b {
    position: relative;
    grid-column: 2;
    left: auto;
    top: auto;
    justify-self: center;
    transform: none;
  }

  .comparison-player-side.purple {
    grid-column: 3;
    grid-template-columns: minmax(0, 1fr) 112px;
    padding-left: 96px;
  }

  .comparison-player-side strong {
    max-width: 100%;
  }

  .comparison-radar-wrap {
    grid-template-columns: 160px minmax(320px, 1fr) 160px;
  }

  .comparison-verdict-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  #page-worldcup {
    max-width: none;
  }

  #page-worldcup .wc-grid,
  #page-worldcup .wc-match-list,
  .wc-group-grid,
  .wc-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sheet {
    width: min(1180px, calc(100vw - var(--desktop-sidebar-w) - var(--desktop-rail-w) - 44px));
    max-width: none;
    max-height: calc(100vh - 44px);
    border-radius: 20px;
  }

  .sheet-close {
    top: 18px;
    right: 22px;
  }

  .wc-player-detail-v2,
  .wc-team-detail-v2 {
    max-width: none;
  }

  .wc-player-hero-v2 {
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: center;
    min-height: 250px;
  }

  .wc-team-detail-v2 .pl-team-orb {
    width: 170px;
    height: 170px;
  }

  .wc-team-detail-v2 .pl-team-orb .badge-frame {
    width: 100%;
    height: 100%;
  }

  .wc-team-detail-v2 .pl-team-orb .team-badge {
    transform: none;
  }

  .wc-player-detail-v2:not(.wc-team-detail-v2) .wc-player-title-block h1 {
    font-size: clamp(56px, 7vw, 94px);
  }

  .wc-hot-trends {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .profile-tab-panel[data-profile-panel="overview"].active {
    gap: 16px;
  }

  .wc-player-detail-v2 .profile-tab-panel[data-profile-panel="overview"].active {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr);
    align-items: start;
  }

  .wc-player-detail-v2 .wc-hot-trends,
  .wc-player-detail-v2 .national-context-card,
  .wc-player-detail-v2 .profile-panel:first-of-type {
    grid-column: 1 / -1;
  }

  .wc-player-detail-v2 .player-details-panel {
    grid-column: 1;
  }

  .wc-player-detail-v2 .season-snapshot-panel,
  .wc-player-detail-v2 .price-outlook-card,
  .wc-player-detail-v2 .profile-panel {
    grid-column: auto;
  }

  .wc-team-detail-v2 .profile-tab-panel[data-profile-panel="overview"].active {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    align-items: start;
  }

  .wc-team-detail-v2 .team-intel-headline {
    grid-column: 1 / -1;
  }

  .wc-team-detail-v2 .team-snapshot-panel {
    grid-column: 1;
  }

  .wc-team-detail-v2 .team-identity-panel {
    grid-column: 2;
  }

  .wc-team-detail-v2 .team-strength-overview {
    grid-column: 1;
  }

  .wc-team-detail-v2 .timing-profile-panel {
    grid-column: 2;
  }

  .wc-team-detail-v2 .timing-insight-card {
    grid-column: 1;
  }

  .wc-team-detail-v2 .timing-advanced-link {
    grid-column: 2;
  }

  .team-intel-headline,
  .team-snapshot-panel > div,
  .team-strength-overview > div {
    gap: 14px;
  }

  .team-snapshot-panel > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .team-strength-overview > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .timing-advanced-page {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .timing-advanced-header {
    grid-column: 1 / -1;
  }

  .timing-advanced-card:nth-of-type(1),
  .timing-advanced-card:nth-of-type(4),
  .timing-advanced-card:nth-of-type(6),
  .timing-advanced-card:nth-of-type(7) {
    grid-column: 1 / -1;
  }

  .timing-potential-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .wc-match-summary,
  .wc-comparison-grid,
  .prediction-grid,
  .reason-grid,
  .wc-match-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wc-analysis-grid,
  .wc-prediction-panel,
  .wc-prop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.live-page {
  display: grid;
  gap: 14px;
  padding-bottom: 18px;
}

.live-page-boot {
  position: relative;
  overflow: hidden;
  min-height: 320px;
}

.live-page-boot::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 25%, rgba(255, 255, 255, 0.055) 45%, transparent 65%);
  content: "";
  transform: translateX(-100%);
  animation: live-boot-shimmer 1.35s ease-in-out infinite;
  pointer-events: none;
}

.live-boot-controls {
  display: flex;
  gap: 7px;
  overflow: hidden;
}

.live-boot-controls span,
.live-boot-heading,
.live-boot-card {
  border: 1px solid rgba(148, 163, 184, 0.10);
  background: rgba(10, 18, 24, 0.72);
}

.live-boot-controls span {
  flex: 0 0 76px;
  height: 34px;
  border-radius: 999px;
}

.live-boot-heading {
  width: 128px;
  height: 18px;
  margin-top: 4px;
  border-radius: 6px;
}

.live-boot-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 74px;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  padding: 9px 12px;
  border-radius: 14px;
}

.live-boot-card i,
.live-boot-card b,
.live-boot-card em {
  display: block;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.12);
}

.live-boot-card i { width: 34px; height: 16px; }
.live-boot-card b { width: min(180px, 72%); height: 28px; }
.live-boot-card em { justify-self: end; width: 62px; height: 20px; }

.live-boot-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

@keyframes live-boot-shimmer {
  to { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
  .live-page-boot::after { animation: none; }
}

.live-score-filter-panel {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0 0 8px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.live-score-status-row,
.live-score-date-row,
.live-score-competition-row {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.live-score-status-row::-webkit-scrollbar,
.live-score-date-row::-webkit-scrollbar,
.live-score-competition-row::-webkit-scrollbar {
  display: none;
}

.live-score-date-row {
  gap: 7px;
  padding: 0 0 1px;
}

.live-score-date-chip {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  background: rgba(10, 17, 23, 0.70);
  color: rgba(226, 236, 232, 0.72);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.live-score-date-chip.active {
  border-color: rgba(54, 211, 107, 0.58);
  background: rgba(54, 211, 107, 0.12);
  color: #dfffe7;
  box-shadow: 0 0 0 1px rgba(54, 211, 107, 0.08);
}

.live-score-date-control {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.live-score-date-arrow,
.live-score-date-current {
  min-width: 0;
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  background: rgba(10, 17, 23, 0.70);
  color: rgba(226, 236, 232, 0.78);
  font-weight: 950;
}

.live-score-date-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(245, 255, 248, 0.86);
  font-size: 22px;
  line-height: 1;
}

.live-score-date-current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-color: rgba(54, 211, 107, 0.42);
  background: rgba(54, 211, 107, 0.10);
  color: #dfffe7;
  font-size: 13px;
  white-space: nowrap;
}

.live-score-date-current span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.live-score-match-controls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.live-score-live-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(255, 54, 84, 0.28);
  border-radius: 999px;
  background: rgba(255, 54, 84, 0.08);
  color: rgba(245, 255, 248, 0.88);
  font-size: 13px;
  font-weight: 950;
}

.live-score-live-toggle span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.live-score-live-toggle b {
  min-width: 20px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255, 54, 84, 0.16);
  color: #ff5368;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  text-align: center;
}

.live-score-live-toggle.active {
  border-color: rgba(255, 54, 84, 0.60);
  background: rgba(255, 54, 84, 0.16);
  color: #fff5f7;
}

.live-score-page-tab,
.live-score-status-chip {
  position: relative;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(224, 234, 230, 0.64);
  font-size: 12px;
  font-weight: 900;
}

.live-score-page-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #36d36b;
}

.live-score-page-tab::after,
.live-score-status-chip.active::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: #36d36b;
}

.live-score-status-chip.active {
  color: #36d36b;
}

.live-score-status-chip b {
  margin-left: 4px;
  color: inherit;
  font-size: 11px;
}

.live-score-status-chip span,
.live-score-competition-chip span,
.live-score-page-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.live-score-filter-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  color: rgba(226, 236, 232, 0.72);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.live-page .live-score-filter-icon-live {
  color: #ff3654;
  text-shadow: 0 0 10px rgba(255, 54, 84, 0.45);
}

.live-score-filter-icon-finished {
  color: rgba(203, 213, 225, 0.86);
}

.live-score-competition-row {
  gap: 8px;
  padding-bottom: 2px;
}

.live-score-competition-chip,
.live-score-more-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  background: rgba(10, 17, 23, 0.72);
  color: rgba(238, 245, 242, 0.74);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.live-score-competition-chip i,
.live-score-competition-mark:not(.league-flag) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 20px;
  height: 20px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(236, 245, 241, 0.82);
  font-style: normal;
  font-size: 10px;
  font-weight: 900;
}

.live-score-competition-chip .league-flag,
.live-score-competition-head .league-flag {
  flex: 0 0 auto;
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.live-score-competition-chip.active {
  border-color: rgba(54, 211, 107, 0.58);
  background: rgba(54, 211, 107, 0.08);
  color: #dfffe7;
}

.live-score-competition-chip.active i,
.live-score-competition-chip.active .live-score-competition-mark:not(.league-flag) {
  background: rgba(54, 211, 107, 0.16);
  color: #36d36b;
}

.live-score-competition-badge {
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.live-score-competition-badge-worldcup {
  background: rgba(54, 211, 107, 0.12);
}

.live-score-competition-badge-epl {
  background: linear-gradient(135deg, #f7fafc 0 42%, #d71920 42% 58%, #f7fafc 58% 100%);
  color: #111827;
}

.live-score-competition-badge-laliga {
  background: linear-gradient(to bottom, #c60b1e 0 25%, #ffc400 25% 75%, #c60b1e 75% 100%);
  color: #111827;
}

.live-score-competition-badge-seriea {
  background: linear-gradient(to right, #009246 0 33%, #fff 33% 66%, #ce2b37 66% 100%);
  color: #111827;
}

.live-score-competition-badge-bundesliga {
  background: linear-gradient(to bottom, #111 0 33%, #dd0000 33% 66%, #ffce00 66% 100%);
  color: #fff;
}

.live-score-competition-badge-ligue1 {
  background: linear-gradient(to right, #0055a4 0 33%, #fff 33% 66%, #ef4135 66% 100%);
  color: #111827;
}

.live-score-more-chip {
  opacity: 0.78;
}

.live-score-section {
  display: grid;
  gap: 7px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  background: rgba(8, 15, 21, 0.72);
}

.live-score-section > header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px 2px;
}

.live-score-section h3 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: rgba(245, 255, 248, 0.90);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.live-score-match-section h3 {
  text-transform: none;
}

.live-score-section h3 small {
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.10);
  color: rgba(203, 213, 225, 0.82);
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-transform: none;
}

.live-score-section > header span {
  min-width: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(54, 211, 107, 0.12);
  color: #36d36b;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
}

.live-score-list {
  display: grid;
}

.live-score-competition-group {
  display: grid;
}

.live-score-competition-group + .live-score-competition-group {
  border-top: 1px solid rgba(148, 163, 184, 0.10);
}

.live-score-competition-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  width: 100%;
  border: 0;
  background: rgba(255, 255, 255, 0.025);
  color: rgba(235, 246, 241, 0.82);
  font: inherit;
  text-align: left;
}

.live-score-competition-head.match-league-header--clickable {
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.live-score-competition-head.match-league-header--clickable:hover,
.live-score-competition-head.match-league-header--clickable:focus-visible {
  background: rgba(54, 211, 107, 0.075);
  color: #f4fff8;
}

.live-score-competition-head.match-league-header--clickable:active {
  transform: translateY(1px);
}

.live-score-competition-head span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.live-score-competition-head strong {
  min-width: 0;
  overflow: hidden;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-score-competition-head b {
  flex: 0 0 auto;
  margin-left: auto;
  min-width: 20px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(54, 211, 107, 0.10);
  color: #36d36b;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.match-league-header__chevron {
  flex: 0 0 auto;
  color: rgba(112, 234, 142, 0.82);
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.live-score-card {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: 52px minmax(150px, 1fr) minmax(108px, 0.82fr) 76px 18px;
  grid-template-areas: "time teams prob xg action";
  align-items: center;
  gap: 0;
  min-height: 68px;
  padding: 8px 10px;
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.live-score-card.is-upcoming {
  grid-template-columns: 56px minmax(150px, 1fr) minmax(112px, 0.86fr) 76px 18px;
  grid-template-areas: "time teams prob xg action";
}

.live-score-card.is-finished {
  grid-template-columns: 52px minmax(190px, 1fr) 112px minmax(118px, 0.58fr);
  grid-template-areas: "time teams xg summary";
}

.live-score-card.is-other {
  grid-template-columns: 52px minmax(150px, 1fr) minmax(120px, 0.7fr) 18px;
  grid-template-areas: "time teams prob action";
}

.live-score-card:first-child {
  border-top: 0;
}

.live-score-card.is-live .live-score-timebox strong {
  color: #36d36b;
}

.live-score-card:disabled {
  cursor: default;
  opacity: 0.82;
}

.live-score-timebox {
  grid-area: time;
  display: grid;
  gap: 4px;
  align-self: stretch;
  align-content: center;
  justify-items: start;
  padding-right: 6px;
  border-right: 1px solid rgba(148, 163, 184, 0.10);
}

.live-score-timebox strong {
  color: rgba(245, 255, 248, 0.90);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.live-score-timebox small {
  color: rgba(148, 163, 184, 0.78);
  font-size: 9px;
  font-weight: 800;
  line-height: 1.1;
}

.live-score-teams {
  grid-area: teams;
  min-width: 0;
  display: grid;
  gap: 7px;
  align-content: center;
  padding: 0 12px;
  border-right: 1px solid rgba(148, 163, 184, 0.10);
}

.live-score-league-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: rgba(148, 163, 184, 0.62);
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.live-score-team-row {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 7px;
  color: #f6fff9;
}

.live-score-team-row strong {
  min-width: 0;
  overflow: hidden;
  font-size: 13.5px;
  font-weight: 850;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-score-score {
  align-self: center;
  justify-self: end;
  color: rgba(245, 255, 248, 0.92);
  font-size: 18px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: right;
}

.live-score-team-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(235, 245, 241, 0.82);
  font-size: 9px;
  font-weight: 900;
}

.live-score-team-badge img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.live-score-team-national,
.live-score-team-national img {
  border-radius: 50%;
}

.live-score-team-national {
  background: transparent;
}

.live-score-team-national img {
  object-fit: cover;
  transform: scale(1.06);
}

.live-score-team-fallback {
  text-transform: uppercase;
}

.live-score-data-block {
  display: grid;
  align-content: center;
  gap: 5px;
  align-self: stretch;
  min-width: 0;
  overflow: hidden;
  padding: 0 10px;
  border-left: 1px solid rgba(148, 163, 184, 0.07);
}

.live-score-probability {
  grid-area: prob;
  min-width: 0;
  overflow: hidden;
}

.live-score-xg {
  grid-area: xg;
  min-width: 0;
  overflow: hidden;
  justify-items: center;
}

.live-score-top-pick {
  grid-area: pick;
  min-width: 0;
  overflow: hidden;
}

.live-score-data-block small {
  color: rgba(148, 163, 184, 0.76);
  font-size: 7.5px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.live-score-data-block strong {
  min-width: 0;
  overflow: hidden;
  color: #f5fff8;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-score-top-pick strong {
  display: grid;
  gap: 1px;
  white-space: normal;
}

.live-score-pick-main,
.live-score-pick-market {
  display: block;
  min-width: 0;
  overflow: hidden;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-score-pick-market {
  color: rgba(203, 213, 225, 0.84);
  font-size: 0.9em;
}

.live-score-data-block em {
  color: #36d36b;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.live-score-prob-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  color: inherit;
}

.live-score-prob-values b {
  min-width: 0;
  overflow: visible;
  color: rgba(245, 255, 248, 0.88);
  font-size: 12px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.live-score-prob-values b:first-child {
  color: #36d36b;
}

.live-score-prob-values b:last-child {
  color: #ff4f65;
}

.live-score-xg strong {
  display: flex;
  gap: 9px;
  justify-content: center;
  max-width: 100%;
}

.live-score-xg strong b {
  min-width: 0;
}

.live-score-xg-home {
  color: #36d36b;
}

.live-score-xg-away {
  color: #ff5c70;
}

.live-score-xg-spark {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2px;
  width: 100%;
  height: 15px;
}

.live-score-xg-spark i {
  display: block;
  width: 3px;
  min-height: 2px;
  border-radius: 999px 999px 0 0;
  background: rgba(203, 213, 225, 0.48);
}

.live-score-xg-spark i.home {
  background: #36d36b;
}

.live-score-xg-spark i.away {
  background: #ff5c70;
}

.live-score-date-divider {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 4px;
  color: rgba(203, 213, 225, 0.64);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.live-score-date-divider::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: rgba(148, 163, 184, 0.10);
}

.live-score-date-divider span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-score-prob-bar {
  display: flex;
  gap: 4px;
  width: 100%;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
}

.live-score-prob-bar span:nth-child(1) {
  background: #36d36b;
}

.live-score-prob-bar span:nth-child(2) {
  background: rgba(203, 213, 225, 0.68);
}

.live-score-prob-bar span:nth-child(3) {
  background: #ff4f65;
}

.live-score-chevron {
  color: rgba(148, 163, 184, 0.46);
  font-size: 18px;
  font-weight: 400;
}

.live-score-actions {
  grid-area: action;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  min-width: 0;
}

.live-score-summary-action {
  grid-area: summary;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(245, 255, 248, 0.90);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.live-score-summary-action strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.live-score-summary-action i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: rgba(245, 255, 248, 0.92);
  color: #071017;
  font-size: 8px;
  font-style: normal;
}

.live-score-empty,
.live-score-loading {
  padding: 16px 14px;
  border: 1px dashed rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  background: rgba(10, 18, 24, 0.62);
  color: rgba(220, 231, 226, 0.72);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.live-score-load-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.live-score-load-error strong {
  color: rgba(242, 248, 245, 0.94);
  font-size: 14px;
}

.live-score-load-error span {
  color: rgba(220, 231, 226, 0.68);
  font-weight: 600;
}

.live-score-retry {
  margin-top: 3px;
  min-height: 40px;
  padding: 0 18px;
  border: 1px solid rgba(34, 197, 94, 0.68);
  border-radius: 999px;
  background: rgba(20, 120, 58, 0.22);
  color: #5af28c;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.live-score-retry:focus-visible {
  outline: 2px solid #4ade80;
  outline-offset: 2px;
}

.live-score-desktop-row {
  display: none;
}

@media (max-width: 520px) {
  .live-page {
    gap: 12px;
  }

  .live-score-card {
    min-height: 64px;
    padding: 8px 7px;
  }

  .live-score-card.is-live {
    grid-template-columns: 38px minmax(82px, 1fr) 96px 58px 10px;
  }

  .live-score-card.is-upcoming {
    grid-template-columns: 42px minmax(86px, 1fr) 96px 58px 10px;
  }

  .live-score-card.is-finished {
    grid-template-columns: 42px minmax(116px, 1fr) 70px minmax(72px, 0.54fr);
  }

  .live-score-card.is-other {
    grid-template-columns: 42px minmax(110px, 1fr) minmax(62px, 0.5fr) 12px;
  }

  .live-score-timebox {
    gap: 3px;
    padding-right: 4px;
  }

  .live-score-timebox strong {
    font-size: 13px;
  }

  .live-score-timebox small {
    font-size: 8px;
  }

  .live-score-teams {
    gap: 6px;
    padding: 0 5px;
  }

  .live-score-team-row {
    grid-template-columns: 22px minmax(0, 1fr) 20px;
    gap: 5px;
  }

  .live-score-team-row strong {
    font-size: 12px;
  }

  .live-score-score {
    font-size: 15.5px;
    font-weight: 800;
  }

  .live-score-team-badge {
    width: 22px;
    height: 22px;
  }

  .live-score-data-block {
    gap: 4px;
    padding: 0 3px;
  }

  .live-score-data-block small {
    font-size: 6px;
  }

  .live-score-data-block strong {
    font-size: 9px;
  }

  .live-score-prob-values {
    gap: 1px;
  }

  .live-score-prob-values b {
    font-size: 8.8px;
  }

  .live-score-prob-bar {
    gap: 2px;
    height: 3px;
  }

  .live-score-xg strong {
    gap: 3px;
  }

  .live-score-xg-spark {
    height: 12px;
    gap: 1px;
  }

  .live-score-xg-spark i {
    width: 2px;
  }

  .live-score-card.is-live .live-score-top-pick small,
  .live-score-card.is-upcoming .live-score-top-pick small {
    display: none;
  }

  .live-score-card.is-live .live-score-top-pick em,
  .live-score-card.is-upcoming .live-score-top-pick em {
    display: none;
  }

  .live-score-card.is-live .live-score-top-pick strong,
  .live-score-card.is-upcoming .live-score-top-pick strong {
    font-size: 8.5px;
    line-height: 1.02;
  }

  .live-score-summary-action {
    justify-self: stretch;
    gap: 4px;
    padding: 7px 6px;
  }

  .live-score-summary-action strong {
    display: inline;
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
  }

  .live-score-summary-action i {
    width: 14px;
    height: 14px;
    font-size: 7px;
  }
}

@media (max-width: 410px) {
  .live-score-summary-action {
    gap: 0;
  }

  .live-score-summary-action i {
    display: none;
  }
}

@media (min-width: 900px) {
  .live-score-card {
    grid-template-columns: 58px minmax(0, 1fr) 132px 86px minmax(126px, 0.65fr) 24px;
    padding: 11px 14px;
  }

  .live-score-card.is-upcoming {
    grid-template-columns: 62px minmax(0, 1fr) 132px 86px minmax(130px, 0.62fr) 24px;
  }

  .live-score-card.is-finished {
    grid-template-columns: 58px minmax(0, 1fr) 132px minmax(154px, 0.5fr);
  }
}

@media (min-width: 1440px) {
  :root {
    --desktop-sidebar-w: 280px;
    --desktop-rail-w: 360px;
  }

  main {
    padding-left: 34px;
    padding-right: 34px;
  }

  .page.active {
    max-width: 1280px;
  }

  .sheet {
    width: min(1320px, calc(100vw - var(--desktop-sidebar-w) - var(--desktop-rail-w) - 70px));
  }
}

@media (min-width: 1024px) {
  #page-live.active,
  #page-fixtures.active {
    max-width: none;
  }

  .live-page {
    gap: 18px;
  }

  .live-score-filter-panel {
    gap: 12px;
    padding-bottom: 14px;
    border-bottom-color: rgba(255,255,255,.08);
  }

  .live-score-date-control {
    grid-template-columns: 40px minmax(180px, 260px) 40px;
    justify-content: start;
    width: auto;
  }

  .live-score-match-controls {
    justify-content: flex-start;
  }

  .live-score-status-row,
  .live-score-date-row,
  .live-score-competition-row {
    gap: 10px;
    flex-wrap: wrap;
    overflow: visible;
  }

  .live-score-date-chip,
  .live-score-date-arrow,
  .live-score-date-current,
  .live-score-live-toggle,
  .live-score-competition-chip,
  .live-score-more-chip {
    min-height: 38px;
    border-radius: 999px;
    background: rgba(8, 14, 17, .88);
    font-size: 13px;
  }

  .live-score-competition-chip {
    padding-inline: 14px;
  }

  .live-score-section {
    gap: 0;
    overflow: hidden;
    border-color: rgba(255,255,255,.09);
    border-radius: 18px;
    background: #070b0d;
    box-shadow: 0 16px 34px rgba(0,0,0,.24);
  }

  .live-score-match-section > header {
    padding: 16px 20px 12px;
    background: rgba(255,255,255,.018);
  }

  .live-score-section h3 {
    font-size: 18px;
    text-transform: none;
  }

  .live-score-section > header span {
    min-width: 28px;
    padding: 4px 9px;
    font-size: 12px;
  }

  .live-score-list {
    background: #070b0d;
  }

  .live-score-competition-group {
    margin: 16px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: #080d10;
  }

  .live-score-competition-group + .live-score-competition-group {
    border-top: 1px solid rgba(255,255,255,.08);
  }

  .live-score-competition-head {
    min-height: 52px;
    padding: 13px 20px;
    background: linear-gradient(90deg, rgba(31,44,54,.82), rgba(10,20,25,.72));
    color: rgba(245,255,248,.92);
  }

  .live-score-competition-head.match-league-header--clickable:hover,
  .live-score-competition-head.match-league-header--clickable:focus-visible {
    background: linear-gradient(90deg, rgba(35,64,54,.92), rgba(10,22,25,.80));
  }

  .live-score-competition-head span {
    gap: 10px;
  }

  .live-score-competition-head strong {
    font-size: 15px;
    letter-spacing: 0;
  }

  .live-score-competition-head b {
    min-width: 28px;
    padding: 4px 8px;
    font-size: 11px;
  }

  .live-score-competition-chip .league-flag,
  .live-score-competition-head .league-flag {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }

  .live-score-card,
  .live-score-card.is-live,
  .live-score-card.is-upcoming,
  .live-score-card.is-finished,
  .live-score-card.is-other {
    display: block;
    min-height: 88px;
    padding: 0;
    border-top-color: rgba(255,255,255,.065);
    background: transparent;
    transition: background 160ms ease;
  }

  .live-score-card:not(:disabled):hover,
  .live-score-card:not(:disabled):focus-visible {
    background: rgba(255,255,255,.026);
  }

  .live-score-card > .live-score-timebox,
  .live-score-card > .live-score-teams,
  .live-score-card > .live-score-data-block,
  .live-score-card > .live-score-actions,
  .live-score-card > .live-score-summary-action {
    display: none;
  }

  .live-score-desktop-row {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr) 104px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 18px;
    min-height: 88px;
    padding: 16px 20px;
  }

  .live-score-desktop-time {
    display: grid;
    gap: 6px;
    justify-items: start;
    color: rgba(245,255,248,.86);
    font-variant-numeric: tabular-nums;
  }

  .live-score-desktop-time strong {
    color: #f7fbfb;
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
  }

  .live-score-card.is-live .live-score-desktop-time strong {
    color: #36d36b;
  }

  .live-score-desktop-time small {
    color: rgba(190,202,207,.68);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
  }

  .live-score-desktop-team {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    min-width: 0;
  }

  .live-score-desktop-team-away {
    grid-template-columns: minmax(0, 1fr) 38px;
    text-align: right;
  }

  .live-score-desktop-team .live-score-team-badge {
    width: 38px;
    height: 38px;
    border-color: rgba(255,255,255,.15);
    font-size: 12px;
  }

  .live-score-desktop-team-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
  }

  .live-score-desktop-team-copy strong {
    min-width: 0;
    overflow: hidden;
    color: #f8fbfb;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .live-score-desktop-team-copy small {
    min-width: 0;
    overflow: hidden;
    color: rgba(178,190,197,.78);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .live-score-desktop-center {
    justify-self: center;
    min-width: 82px;
    color: rgba(245,255,248,.90);
    font-size: 20px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
  }

  .live-score-card.is-upcoming .live-score-desktop-center {
    color: rgba(220,230,234,.78);
    font-size: 16px;
  }

  .live-score-desktop-action {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    color: rgba(172,184,191,.56);
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
  }

  .league-detail-fixtures {
    gap: 16px;
  }

  .league-detail-fixture-list {
    gap: 12px;
  }

  .league-detail-fixtures .live-score-competition-group,
  .league-detail-fixtures .live-score-competition-group + .live-score-competition-group {
    margin: 0;
  }

  .league-detail-fixtures .live-score-card {
    border-radius: 0;
  }

  .league-detail-team-fixture-list {
    border-radius: 18px;
    background: #080d10;
  }

  .league-detail-team-fixture-row {
    grid-template-columns: minmax(0, 1fr) 38px minmax(96px, auto) 38px minmax(0, 1fr);
    min-height: 84px;
    gap: 14px;
    padding: 15px 20px;
  }

  .league-detail-team-fixture-name {
    font-size: 16px;
    line-height: 1.15;
  }

  .league-detail-team-fixture-row .live-score-team-badge {
    width: 38px;
    height: 38px;
  }

  .league-detail-team-fixture-center {
    font-size: 13px;
  }

  .league-detail-team-fixture-center strong {
    font-size: 18px;
  }
}

/* Final responsive containment for the home dashboard. */
@media (max-width: 899px) {
  html,
  body,
  main,
  #page-home,
  #page-home [data-home-feed],
  .xg-home-dashboard,
  .xg-home-dashboard-grid,
  .xg-home-dashboard-panel,
  .xg-home-dashboard-panel > div,
  .xg-home-match-card,
  .xg-home-fantasy-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  html,
  body { overflow-x: hidden; }

  #page-home { padding-inline: 0; }

  .xg-home-dashboard-hero h1,
  .xg-home-dashboard-hero p,
  .xg-home-dashboard-panel h2,
  .xg-home-dashboard-panel p {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .xg-home-matchup {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr);
  }

  .xg-home-matchup > div,
  .xg-home-matchup strong,
  .xg-home-fantasy-row > span,
  .xg-home-fantasy-row strong { min-width: 0; max-width: 100%; }

  .xg-home-dashboard-panel > header { flex-wrap: wrap; }
  .xg-home-dashboard-panel > header > div { min-width: 0; flex: 1 1 210px; }
  .xg-home-fantasy-actions { min-width: 0; }
}

/* FPL set-piece takers */
.set-piece-shell {
  --sp-green: #20db75;
  --sp-blue: #4aa8ff;
  --sp-purple: #d35cff;
  --sp-panel: rgba(7, 16, 29, .94);
  --sp-border: rgba(112, 150, 180, .18);
  display: grid;
  gap: 18px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 28px;
}
.set-piece-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 2px 2px;
}
.set-piece-page-header h1 {
  margin: 0;
  color: #f7fbff;
  font-size: clamp(28px, 3.1vw, 43px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.04em;
}
.set-piece-page-header p {
  margin: 8px 0 0;
  color: #9ba9b7;
  font-size: 15px;
  line-height: 1.45;
}
.set-piece-updated {
  flex: 0 0 auto;
  display: grid;
  min-width: 170px;
  border: 1px solid var(--sp-border);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(12, 29, 52, .92), rgba(6, 14, 25, .96));
  padding: 11px 14px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.set-piece-updated span,
.set-piece-updated small {
  color: #7f8e9e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
}
.set-piece-updated strong {
  margin: 3px 0;
  color: #e8f0f6;
  font-size: 12px;
}
.set-piece-layout {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 18px;
  min-width: 0;
}
.set-piece-team-rail {
  min-width: 0;
  border: 1px solid var(--sp-border);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(6, 15, 27, .98), rgba(3, 10, 18, .98));
  padding: 12px;
}
.set-piece-team-rail label {
  display: grid;
  gap: 8px;
  margin-bottom: 10px;
}
.set-piece-team-rail label > span {
  color: #9eabb7;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.set-piece-team-rail input {
  width: 100%;
  min-width: 0;
  height: 38px;
  border: 1px solid rgba(112, 150, 180, .2);
  border-radius: 9px;
  outline: none;
  background: rgba(1, 8, 15, .9);
  padding: 0 11px;
  color: #edf4f8;
  font: 700 12px/1 inherit;
}
.set-piece-team-rail input:focus { border-color: rgba(32, 219, 117, .72); }
.set-piece-team-list {
  display: grid;
  gap: 5px;
  max-height: 670px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.set-piece-team-list button {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 45px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  padding: 6px 8px;
  color: #aab5bf;
  text-align: left;
  cursor: pointer;
}
.set-piece-team-list button:hover { background: rgba(31, 82, 113, .13); }
.set-piece-team-list button.active {
  border-color: rgba(32, 219, 117, .58);
  color: #f4fff8;
  background: linear-gradient(90deg, rgba(20, 111, 62, .33), rgba(8, 31, 37, .72));
  box-shadow: inset 3px 0 var(--sp-green);
}
.set-piece-team-list button span {
  overflow: hidden;
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.set-piece-team-list button b { color: #526270; font-size: 10px; }
.set-piece-team-list button.active b { color: #70e99d; }
.set-piece-team-mini,
.set-piece-ranking-badge,
.set-piece-team-crest {
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 0;
  background: transparent;
}
.set-piece-team-crest-frame {
  width: 74px;
  height: 74px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.set-piece-team-mini,
.set-piece-team-mini .team-badge { width: 27px; height: 27px; object-fit: contain; }
.set-piece-team-crest,
.set-piece-team-crest.team-badge { width: 68px; height: 68px; object-fit: contain; }
.set-piece-ranking-badge,
.set-piece-ranking-badge .team-badge { width: 30px; height: 30px; object-fit: contain; }
.set-piece-main { display: grid; gap: 16px; min-width: 0; }
.set-piece-team-summary {
  display: grid;
  grid-template-columns: minmax(250px, 1.1fr) minmax(0, 1.9fr);
  align-items: center;
  gap: 20px;
  border: 1px solid var(--sp-border);
  border-radius: 16px;
  background:
    radial-gradient(circle at 10% 0%, rgba(24, 82, 107, .17), transparent 38%),
    linear-gradient(135deg, rgba(8, 19, 34, .98), rgba(5, 13, 24, .98));
  padding: 16px 18px;
}
.set-piece-team-identity {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 0;
}
.set-piece-team-identity h2 { margin: 0; color: #f7fbff; font-size: 25px; line-height: 1.1; }
.set-piece-team-identity p { margin: 5px 0 0; color: #8795a4; font-size: 12px; }
.set-piece-summary-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  border: 1px solid rgba(95, 136, 169, .14);
  border-radius: 12px;
  background: rgba(5, 14, 26, .62);
}
.set-piece-summary-metrics article {
  min-width: 0;
  padding: 12px 16px;
  border-left: 1px solid rgba(95, 136, 169, .14);
}
.set-piece-summary-metrics article:first-child { border-left: 0; }
.set-piece-summary-metrics span,
.set-piece-summary-metrics small {
  display: block;
  overflow: hidden;
  color: #8493a1;
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.set-piece-summary-metrics strong {
  display: block;
  margin: 4px 0 2px;
  color: #edf7ff;
  font: 900 29px/1.05 "DM Mono", monospace;
}
.set-piece-summary-metrics article:nth-child(2) strong { color: var(--sp-green); }
.set-piece-summary-metrics article:nth-child(3) strong { color: #ee6dff; }
.set-piece-category-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--sp-border);
  border-radius: 14px;
  background: rgba(5, 14, 26, .92);
}
.set-piece-category-tabs button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-width: 0;
  min-height: 65px;
  border: 0;
  border-left: 1px solid var(--sp-border);
  background: transparent;
  color: #8fa0ae;
  cursor: pointer;
}
.set-piece-category-tabs button:first-child { border-left: 0; }
.set-piece-category-tabs button.active { color: var(--sp-green); background: rgba(19, 88, 54, .13); }
.set-piece-category-tabs button:nth-child(2).active { color: var(--sp-blue); background: rgba(26, 75, 135, .13); }
.set-piece-category-tabs button:nth-child(3).active { color: var(--sp-purple); background: rgba(111, 36, 139, .13); }
.set-piece-category-tabs button:nth-child(4).active { color: #f3b84b; background: rgba(120, 76, 15, .17); }
.set-piece-category-tabs button.active::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: currentColor;
  content: "";
}
.set-piece-category-tabs svg,
.set-piece-takers-panel > header svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.set-piece-category-tabs strong,
.set-piece-category-tabs small { display: block; text-align: left; }
.set-piece-category-tabs strong { color: #e8eff5; font-size: 13px; }
.set-piece-category-tabs small { margin-top: 2px; color: #728292; font-size: 10px; }
.set-piece-corner-role-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: -4px;
}
.set-piece-corner-role-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  min-height: 54px;
  border: 1px solid rgba(211, 92, 255, .2);
  border-radius: 11px;
  background: rgba(17, 10, 31, .72);
  padding: 8px 10px;
  color: #a78ab4;
  cursor: pointer;
}
.set-piece-corner-role-tabs button.active {
  border-color: rgba(211, 92, 255, .68);
  background: linear-gradient(135deg, rgba(91, 29, 111, .42), rgba(25, 11, 40, .9));
  color: #ea84ff;
  box-shadow: inset 0 -2px #d35cff;
}
.set-piece-corner-role-tabs i { font: 900 19px/1 "DM Mono", monospace; }
.set-piece-corner-role-tabs strong,
.set-piece-corner-role-tabs small { display: block; text-align: left; }
.set-piece-corner-role-tabs strong { color: #f0e8f4; font-size: 11px; }
.set-piece-corner-role-tabs small { margin-top: 2px; color: #796e80; font-size: 8px; }
.set-piece-content-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(270px, .72fr); gap: 16px; min-width: 0; }
.set-piece-takers-panel,
.set-piece-ranking-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--sp-border);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(7, 17, 31, .97), rgba(4, 12, 22, .98));
}
.set-piece-takers-panel > header,
.set-piece-ranking-panel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 68px;
  border-bottom: 1px solid var(--sp-border);
  padding: 13px 16px;
}
.set-piece-takers-panel > header > div,
.set-piece-ranking-panel > header > div { display: flex; align-items: center; gap: 11px; color: var(--sp-green); }
.set-piece-takers-panel h3,
.set-piece-ranking-panel h3 { margin: 0; color: #eef5fa; font-size: 15px; }
.set-piece-takers-panel header p,
.set-piece-ranking-panel header p { margin: 3px 0 0; color: #748391; font-size: 10px; }
.set-piece-takers-panel > header > small { color: #788896; font-size: 10px; }
.set-piece-player-list { display: grid; }
.set-piece-player-row {
  display: grid;
  grid-template-columns: 36px minmax(150px, 1fr) minmax(240px, 1.15fr) 76px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 90px;
  border-top: 1px solid rgba(96, 131, 157, .12);
  padding: 12px 15px;
}
.set-piece-player-row:first-child { border-top: 0; background: linear-gradient(90deg, rgba(18, 93, 53, .18), transparent 68%); }
.set-piece-player-order { color: var(--sp-green); font: 900 26px/1 "DM Mono", monospace; text-align: center; }
.set-piece-player-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.set-piece-player-kit {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
}
.set-piece-player-kit img { width: 100%; height: 100%; object-fit: contain; }
.set-piece-player-copy { min-width: 0; }
.set-piece-player-main:disabled { cursor: default; }
.set-piece-player-copy strong { display: block; overflow: hidden; color: #eef5f7; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.set-piece-player-copy small { display: flex; align-items: center; gap: 6px; margin-top: 5px; color: #6fdc96; font-size: 10px; }
.set-piece-availability { border: 1px solid rgba(248, 113, 113, .36); border-radius: 999px; padding: 2px 5px; color: #fb8a8a; }
.set-piece-player-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.set-piece-player-stats.aerial-evidence { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.set-piece-player-stats div { min-width: 0; border-left: 1px solid rgba(96, 131, 157, .13); padding: 2px 9px; }
.set-piece-player-stats dt { overflow: hidden; color: #71818f; font-size: 9px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.set-piece-player-stats dd { margin: 4px 0 0; color: #e7eff4; font: 800 15px/1 "DM Mono", monospace; }
.set-piece-confidence {
  --set-piece-confidence: 0%;
  display: grid;
  place-items: center;
  align-content: center;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: radial-gradient(circle at center, #08121d 57%, transparent 59%), conic-gradient(var(--sp-green) var(--set-piece-confidence), rgba(78, 103, 121, .27) 0);
}
.set-piece-confidence b { color: #f0fff5; font: 900 13px/1 "DM Mono", monospace; }
.set-piece-confidence small { margin-top: 3px; color: #71818d; font-size: 7px; }
.set-piece-order-badge {
  border: 1px solid rgba(32, 219, 117, .34);
  background: radial-gradient(circle at center, #08121d 57%, rgba(16, 65, 49, .5) 59%, rgba(14, 33, 43, .9) 100%);
}
.set-piece-empty { padding: 38px 20px; text-align: center; }
.set-piece-empty strong { color: #dce7ec; font-size: 14px; }
.set-piece-empty p { margin: 7px auto 0; max-width: 390px; color: #758592; font-size: 11px; line-height: 1.5; }
.set-piece-ranking-panel ol { display: grid; gap: 3px; margin: 0; padding: 8px; list-style: none; }
.set-piece-ranking-panel li button {
  display: grid;
  grid-template-columns: 24px 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  padding: 5px 7px;
  color: #dce5ea;
  cursor: pointer;
}
.set-piece-ranking-panel li button:hover { background: rgba(34, 101, 77, .14); }
.set-piece-ranking-panel li button > span { color: var(--sp-green); font: 900 15px/1 "DM Mono", monospace; }
.set-piece-ranking-panel li strong { overflow: hidden; font-size: 11px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.set-piece-ranking-panel li b { color: #91eeb0; font: 900 12px/1 "DM Mono", monospace; white-space: nowrap; }
.set-piece-ranking-panel li b small { color: #657481; font: 700 8px/1 inherit; }
.set-piece-trophy { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(211, 92, 255, .4); border-radius: 50%; color: #dc7cff; font: 900 12px/1 "DM Mono", monospace; }
.set-piece-period-note { margin: 5px 12px 12px; border: 1px solid rgba(73, 111, 140, .16); border-radius: 9px; background: rgba(11, 29, 43, .52); padding: 10px; color: #73828e; font-size: 9px; line-height: 1.45; }
.set-piece-source-note { display: flex; align-items: flex-start; gap: 11px; border: 1px solid rgba(32, 219, 117, .23); border-radius: 13px; background: linear-gradient(90deg, rgba(24, 99, 59, .23), rgba(8, 25, 28, .82)); padding: 13px 16px; }
.set-piece-source-note > span { display: grid; place-items: center; flex: 0 0 auto; width: 24px; height: 24px; border: 1px solid rgba(32, 219, 117, .45); border-radius: 50%; color: var(--sp-green); font: 900 12px/1 serif; }
.set-piece-source-note p { margin: 1px 0 0; color: #a8b6b4; font-size: 11px; line-height: 1.55; }

@media (max-width: 1500px) {
  .set-piece-team-summary { grid-template-columns: 1fr; }
  .set-piece-content-grid { grid-template-columns: minmax(0, 1fr); }
  .set-piece-player-row { grid-template-columns: 36px minmax(0, 1fr) 76px; }
  .set-piece-player-stats { grid-column: 2 / -1; grid-row: 2; }
  .set-piece-player-stats div:first-child { border-left: 0; padding-left: 0; }
  .set-piece-confidence { grid-column: 3; grid-row: 1; }
  .set-piece-ranking-panel ol { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .set-piece-ranking-panel li button { grid-template-columns: 22px 30px minmax(0, 1fr); }
  .set-piece-ranking-panel li b { grid-column: 2 / -1; padding-left: 1px; }
}

@media (max-width: 1050px) {
  .set-piece-layout { grid-template-columns: 178px minmax(0, 1fr); }
}

@media (max-width: 760px) {
  .set-piece-shell { gap: 13px; padding-inline: 0; }
  .set-piece-page-header { align-items: stretch; padding: 12px 2px 0; }
  .set-piece-page-header h1 { font-size: 29px; }
  .set-piece-page-header p { font-size: 12px; }
  .set-piece-updated { min-width: 145px; padding: 9px 10px; }
  .set-piece-layout { display: block; }
  .set-piece-team-rail { margin-bottom: 12px; border-radius: 13px; padding: 10px; }
  .set-piece-team-rail label { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
  .set-piece-team-rail label > span { white-space: nowrap; }
  .set-piece-team-rail input { height: 36px; }
  .set-piece-team-list { display: flex; max-height: none; overflow-x: auto; overflow-y: hidden; padding-bottom: 2px; scrollbar-width: none; }
  .set-piece-team-list::-webkit-scrollbar { display: none; }
  .set-piece-team-list button { flex: 0 0 auto; grid-template-columns: 25px auto; min-height: 40px; border-color: rgba(112, 150, 180, .12); background: rgba(4, 13, 23, .8); }
  .set-piece-team-list button b { display: none; }
  .set-piece-team-mini,
  .set-piece-team-mini .team-badge { width: 24px; height: 24px; }
  .set-piece-team-summary { gap: 13px; border-radius: 13px; padding: 13px; }
  .set-piece-team-crest,
  .set-piece-team-crest.team-badge { width: 52px; height: 52px; }
  .set-piece-team-crest-frame { width: 56px; height: 56px; }
  .set-piece-team-identity h2 { font-size: 21px; }
  .set-piece-summary-metrics article { padding: 10px; }
  .set-piece-summary-metrics strong { font-size: 22px; }
  .set-piece-summary-metrics span,
  .set-piece-summary-metrics small { font-size: 8px; }
  .set-piece-category-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; border-radius: 12px; }
  .set-piece-category-tabs button:nth-child(3) { border-top: 1px solid var(--sp-border); border-left: 0; }
  .set-piece-category-tabs button:nth-child(4) { border-top: 1px solid var(--sp-border); }
  .set-piece-category-tabs button { min-height: 58px; gap: 7px; padding: 7px 5px; }
  .set-piece-category-tabs svg { width: 22px; height: 22px; }
  .set-piece-category-tabs strong { font-size: 11px; }
  .set-piece-category-tabs small { display: none; }
  .set-piece-corner-role-tabs { gap: 5px; }
  .set-piece-corner-role-tabs button { min-height: 50px; gap: 5px; padding: 7px 5px; }
  .set-piece-corner-role-tabs i { font-size: 15px; }
  .set-piece-corner-role-tabs strong { font-size: 9px; }
  .set-piece-corner-role-tabs small { display: none; }
  .set-piece-content-grid { margin-top: 12px; }
  .set-piece-player-row { grid-template-columns: 30px minmax(0, 1fr) 62px; min-height: 0; padding: 13px 11px; }
  .set-piece-player-stats { grid-column: 2 / -1; grid-row: 2; }
  .set-piece-player-stats div:first-child { border-left: 0; padding-left: 0; }
  .set-piece-player-order { font-size: 22px; }
  .set-piece-confidence { grid-column: 3; grid-row: 1; width: 56px; height: 56px; }
  .set-piece-ranking-panel ol { grid-template-columns: repeat(5, 142px); overflow-x: auto; padding-bottom: 10px; scrollbar-width: none; }
  .set-piece-ranking-panel ol::-webkit-scrollbar { display: none; }
  .set-piece-ranking-panel li button { min-height: 72px; border: 1px solid rgba(95, 136, 169, .13); background: rgba(4, 13, 23, .65); }
}

@media (max-width: 430px) {
  .set-piece-page-header { display: grid; gap: 12px; }
  .set-piece-updated { grid-template-columns: auto 1fr; gap: 3px 9px; min-width: 0; }
  .set-piece-updated small { grid-column: 1 / -1; }
  .set-piece-summary-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .set-piece-summary-metrics article { padding: 9px 7px; }
  .set-piece-summary-metrics strong { font-size: 19px; }
  .set-piece-player-copy strong { font-size: 13px; }
  .set-piece-player-kit { width: 34px; height: 34px; }
  .set-piece-player-stats dd { font-size: 13px; }
  .set-piece-source-note { padding: 12px; }
}

/* Fixture Planner owns the full analysis canvas; the generic desktop rail is hidden here. */
@media (min-width: 1024px) {
  body.fixture-planner-active main {
    width: auto;
    margin-right: 0;
    padding-right: 24px;
    padding-left: 24px;
  }

  body.fixture-planner-active .header {
    right: 0;
  }

  body.fixture-planner-active #page-fixture-planner.active {
    width: 100%;
    max-width: 1500px;
  }
}

/* Mini-League Strategy Dashboard responsive layout. */
@media (max-width: 1180px) {
  .mini-league-strategy-dashboard .mini-league-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mini-league-rank-path > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mini-league-plan-outcome-grid { grid-template-columns: 1fr; }
  .mini-league-strategy-dashboard .mini-league-roadmap > div { gap: 8px; }
  .mini-league-strategy-dashboard .mini-league-roadmap button::after { display: none; }
}

@media (max-width: 760px) {
  .mini-league-strategy-page .my-team-tab-content { margin: 0; padding: 12px; }
  .mini-league-strategy-dashboard { gap: 9px; }
  .mini-league-strategy-dashboard .mini-league-page-header { display: grid; min-height: 0; align-items: stretch; gap: 11px; padding: 3px 0; }
  .mini-league-page-header h1 { font-size: 20px; white-space: normal; }
  .mini-league-page-header p { font-size: 11px; line-height: 1.45; }
  .mini-league-strategy-dashboard .mini-league-form { grid-template-columns: minmax(0, 1fr) 42px; width: 100%; }
  .mini-league-strategy-dashboard .mini-league-form button { width: 42px; }
  .mini-league-strategy-dashboard .mini-league-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .mini-league-strategy-dashboard .mini-league-summary article { grid-template-columns: 38px minmax(0, 1fr); min-height: 82px; gap: 8px; padding: 10px; }
  .mini-league-summary article:first-child { grid-column: 1 / -1; }
  .mini-league-summary article > i { width: 38px; height: 38px; }
  .mini-league-summary article > i svg { width: 22px; height: 22px; }
  .mini-league-strategy-dashboard .mini-league-summary strong { font-size: 21px; }
  .mini-league-competition-overview { gap: 9px; padding: 10px; }
  .mini-league-competition-overview > header { align-items: stretch; flex-direction: column; gap: 8px; padding: 2px; }
  .mini-league-competition-overview > header > strong { align-self: flex-start; }
  .mini-league-competition-overview > .mini-league-chip-advantage { padding: 12px; }
  .mini-league-rank-path,
  .mini-league-ahead { padding: 12px; }
  .mini-league-rank-path > header,
  .mini-league-ahead > header { align-items: stretch; flex-direction: column; gap: 8px; }
  .mini-league-rank-path > header > span,
  .mini-league-ahead > header > span { align-self: flex-start; }
  .mini-league-rank-path > div { display: flex; overflow-x: auto; gap: 7px; padding-bottom: 3px; }
  .mini-league-rank-path article { min-width: 205px; flex: 0 0 72%; }
  .mini-league-ahead-list { max-height: 520px; }
  .mini-league-ahead-rival { grid-template-columns: 52px minmax(0, 1fr) 64px; align-items: start; }
  .mini-league-ahead-metrics { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.045); padding-top: 7px; }
  .mini-league-ahead-rival > button,
  .mini-league-ahead-rival > i { grid-column: 3; grid-row: 1; }
  .mini-league-verdict { grid-template-columns: 1fr; gap: 14px; padding: 15px; }
  .mini-league-verdict h2 { font-size: 19px; }
  .mini-league-verdict dl { padding: 10px; }
  .mini-league-verdict dl div { padding: 0 8px; }
  .mini-league-verdict dl i { width: min(18px, 4vw); }
  .mini-league-rival-targeting { padding: 12px; }
  .mini-league-rival-targeting > header { display: grid; gap: 8px; }
  .mini-league-rival-targeting > header > div { overflow-x: auto; padding-bottom: 2px; }
  .mini-league-rival-targeting > header button { flex: 0 0 auto; }
  .mini-league-rival-targeting > h2 { font-size: 14px; }
  .mini-league-difference-grid { grid-template-columns: 1fr; }
  .mini-league-difference-grid > article { min-height: 116px; }
  .mini-league-difference-grid article > div { overflow-x: auto; }
  .mini-league-player-chip { flex: 0 0 108px; }
  .mini-league-chip-advantage > header { align-items: stretch; flex-direction: column; }
  .mini-league-chip-advantage > header > span { align-self: flex-start; }
  .mini-league-own-chips { grid-template-columns: 1fr; }
  .mini-league-own-chips dl { grid-template-columns: 1fr; }
  .mini-league-chip-rival { grid-template-columns: 1fr 1fr; gap: 10px; padding: 10px; }
  .mini-league-chip-rival-name,
  .mini-league-chip-rival-edge { grid-column: 1 / -1; }
  .mini-league-strategy > div { display: flex; overflow-x: auto; }
  .mini-league-strategy button { min-width: 245px; flex: 0 0 78%; }
  .mini-league-plan-toolbar { align-items: stretch; flex-direction: column; }
  .mini-league-plan-toolbar .mini-league-horizon { width: 100%; }
  .mini-league-plan-toolbar .mini-league-horizon button { flex: 1; }
  .mini-league-plan-outcome-grid { grid-template-columns: 1fr; }
  .mini-league-action-plan > header { align-items: flex-start; flex-direction: column; gap: 4px; }
  .mini-league-action-plan > header p { text-align: left; }
  .mini-league-action-plan > div:not(.mini-league-action-feedback) { grid-template-columns: 1fr; gap: 0; }
  .mini-league-action-plan article { min-height: 0; border-top: 1px solid rgba(255,255,255,.06); border-left: 0; padding: 12px 0; }
  .mini-league-action-plan article:first-child { border-top: 0; padding-top: 6px; }
  .mini-league-action-plan article > button { width: auto; margin-top: 10px; }
  .mini-league-action-feedback { align-items: flex-start; flex-direction: column; }
  .mini-league-expected-outcome > div { grid-template-columns: minmax(92px, 1fr) auto 14px auto; gap: 6px; padding: 7px 0; }
  .mini-league-expected-outcome > div .mini-league-sparkline { grid-column: 1 / -1; width: 100%; height: 20px; }
  .mini-league-strategy-dashboard .mini-league-roadmap { overflow: hidden; }
  .mini-league-strategy-dashboard .mini-league-roadmap > div { display: flex; overflow-x: auto; gap: 7px; padding-bottom: 3px; }
  .mini-league-strategy-dashboard .mini-league-roadmap button,
  .mini-league-strategy-dashboard .mini-league-roadmap article { min-width: 104px; flex: 0 0 104px; }
  .mini-league-chip-plan > div { grid-template-columns: 1fr; }
  .mini-league-chip-plan article { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .mini-league-strategy-dashboard > footer { align-items: stretch; }
}

/* Cascade lock for the accepted Mini-League rival-card reference. */
.mini-league-strategy-dashboard {
  --ml-bg: #020a07;
  --ml-card: #06110d;
  --ml-card-2: #07140f;
  --ml-border: rgba(70,130,100,.22);
  --ml-border-active: rgba(32,229,138,.62);
  --ml-green: #20e58a;
  --ml-muted: #87958e;
}
.mini-league-competition-overview { gap: 16px; border: 0; border-radius: 0; background: transparent; padding: 0; }
.mini-league-page-header h1 { font-weight: 700; }
.mini-league-rival-list-head { align-items: center; padding: 2px 1px 0; }
.mini-league-rival-list-head h2 { margin: 0; font-weight: 650; }

@media (max-width: 760px) {
  .mini-league-competition-overview { gap: 16px; padding: 0; }
  .mini-league-page-header > div > span { display: none; }
  .mini-league-page-header h1 { font-size: 24px; font-weight: 700; }
  .mini-league-page-header p { margin-top: 6px; font-size: 14px; line-height: 1.4; }
}