@sensiblestats/widget-react 0.85.0 → 0.86.1

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/StatsWidget.tsx
-import { useCallback as useCallback23, useEffect as useEffect34, useMemo as useMemo6, useRef as useRef31, useState as useState53 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect34, useMemo as useMemo6, useRef as useRef31, useState as useState55 } from "react";
 import { StatsWidgetClient } from "@sensiblestats/widget-sdk";
 
 // src/kickoff.ts
@@ -15,8 +15,13 @@ function formatBettingKickoff(kickoffUtc, ui, locale, now = /* @__PURE__ */ new
 }
 
 // src/i18n.ts
+var GROUP_NOUN_EN = { G: "goalkeepers", D: "defenders", M: "midfielders", F: "forwards" };
+var GROUP_NOUN_TR = { G: "kalecileri", D: "defans oyuncular\u0131", M: "orta saha oyuncular\u0131", F: "forvetleri" };
 var formatPtsEn = (n) => new Intl.NumberFormat("en-GB").format(n);
 var formatPtsTr = (n) => new Intl.NumberFormat("tr-TR").format(n);
+var nbsp = (s) => s.replace(/\s/g, "\xA0");
+var pdDateEn = (ms, opts) => nbsp(new Intl.DateTimeFormat("en-GB", opts).format(new Date(ms)).replace("Sept", "Sep"));
+var pdDateTr = (ms, opts) => nbsp(new Intl.DateTimeFormat("tr-TR", opts).format(new Date(ms)));
 var STRINGS = {
   en: {
     launcherLabel: "Chat with SensibleStats",
@@ -152,6 +157,60 @@ var STRINGS = {
     recordsMostAssists: "Most assists",
     recordsSince: "Since {season}",
     standingsColClub: "Club",
+    statHeadPos: "Pos",
+    statHeadMins: "Mins",
+    statHeadGoals: "G",
+    statHeadAssists: "A",
+    statHeadYellow: "Y",
+    statHeadRed: "R",
+    statHeadRating: "Rtg",
+    squadStatsEyebrow: (season, competition, n) => `${season} ${competition} \xB7 after ${n} game${n === 1 ? "" : "s"}`,
+    squadTopScorer: (name, n) => `Top scorer: ${name} (${n})`,
+    squadTopAssists: (name, n) => `Most assists: ${name} (${n})`,
+    detailStarted: "Started",
+    detailMatches: "Matches",
+    detailNatShort: "Nat.",
+    detailYellows: "Yellows",
+    detailReds: "Reds",
+    availabilityNext: (opponent, isHome, kickoffMs) => `Next: ${isHome ? "vs" : "at"} ${opponent} (${isHome ? "H" : "A"})` + (kickoffMs !== null && kickoffMs > 0 ? ` \xB7 ${pdDateEn(kickoffMs, { weekday: "short", day: "numeric", month: "short" })}` : ""),
+    availabilityAvailable: "Available",
+    availabilityInjured: "Injured",
+    availabilitySuspended: "Suspended",
+    availabilityUnavailable: "Unavailable",
+    availabilityNoConcerns: "No fitness concerns reported",
+    availabilityBack: (ms) => `Expected back ${pdDateEn(ms, { day: "numeric", month: "short" })}`,
+    perfTitle: "Season performance",
+    perfTotal: "Total",
+    perfPer90: "Per 90",
+    perfRankedAgainst: (competition, group) => `Ranked against ${competition} ${GROUP_NOUN_EN[group] ?? group}`,
+    perfUnranked: "Not enough minutes to rank",
+    perfUnrankedCohort: "Not enough players in this position to rank",
+    perfUnrankedNoLeague: "Not ranked \u2014 no league data",
+    perfGroupShooting: "Shooting",
+    perfGroupPassing: "Passing",
+    perfGroupPossession: "Possession",
+    perfGroupDefending: "Defending",
+    perfMetric: {
+      goals: "Goals",
+      xg: "Expected goals (xG)",
+      shots: "Shots",
+      shotsOnTarget: "Shots on target",
+      assists: "Assists",
+      successfulPasses: "Successful passes",
+      passAccuracy: "Pass accuracy",
+      chancesCreated: "Chances created",
+      successfulDribbles: "Successful dribbles",
+      dribbleSuccess: "Dribble success",
+      touches: "Touches",
+      tacklesWon: "Tackles won",
+      interceptions: "Interceptions",
+      duelsWon: "Duels won"
+    },
+    perfGroupNoun: GROUP_NOUN_EN,
+    matchLogTitle: "Match log",
+    matchLogOpponent: (name, isHome) => isHome ? `vs ${name}` : `at ${name}`,
+    resultLetter: { W: "W", D: "D", L: "L" },
+    logShortDate: (ms) => pdDateEn(ms, { day: "numeric", month: "short" }),
     standingsColPlayed: "P",
     standingsColWon: "W",
     standingsColDrawn: "D",
@@ -565,6 +624,60 @@ var STRINGS = {
     recordsMostAssists: "En \xE7ok asist yapanlar",
     recordsSince: "{season} sezonundan beri",
     standingsColClub: "Tak\u0131m",
+    statHeadPos: "Mvk",
+    statHeadMins: "Dk",
+    statHeadGoals: "G",
+    statHeadAssists: "A",
+    statHeadYellow: "S",
+    statHeadRed: "K",
+    statHeadRating: "Puan",
+    squadStatsEyebrow: (season, competition, n) => `${season} ${competition} \xB7 ${n} ma\xE7 sonra`,
+    squadTopScorer: (name, n) => `Gol kral\u0131: ${name} (${n})`,
+    squadTopAssists: (name, n) => `Asist lideri: ${name} (${n})`,
+    detailStarted: "\u0130lk 11",
+    detailMatches: "Ma\xE7",
+    detailNatShort: "Uyruk",
+    detailYellows: "Sar\u0131",
+    detailReds: "K\u0131rm\u0131z\u0131",
+    availabilityNext: (opponent, isHome, kickoffMs) => `Sonraki: ${opponent} (${isHome ? "\u0130\xE7\xA0saha" : "Deplasman"})` + (kickoffMs !== null && kickoffMs > 0 ? ` \xB7 ${pdDateTr(kickoffMs, { day: "numeric", month: "short", weekday: "short" })}` : ""),
+    availabilityAvailable: "Haz\u0131r",
+    availabilityInjured: "Sakat",
+    availabilitySuspended: "Cezal\u0131",
+    availabilityUnavailable: "Haz\u0131r de\u011Fil",
+    availabilityNoConcerns: "Sakatl\u0131k bildirimi yok",
+    availabilityBack: (ms) => `D\xF6n\xFC\u015F: ${pdDateTr(ms, { day: "numeric", month: "short" })}`,
+    perfTitle: "Sezon performans\u0131",
+    perfTotal: "Toplam",
+    perfPer90: "90 dk",
+    perfRankedAgainst: (competition, group) => `${competition} ${GROUP_NOUN_TR[group] ?? group} aras\u0131nda`,
+    perfUnranked: "S\u0131ralama i\xE7in yeterli s\xFCre yok",
+    perfUnrankedCohort: "Bu mevkide s\u0131ralama i\xE7in yeterli oyuncu yok",
+    perfUnrankedNoLeague: "S\u0131ralanmad\u0131 \u2014 lig verisi yok",
+    perfGroupShooting: "\u015Eut",
+    perfGroupPassing: "Pas",
+    perfGroupPossession: "Top hakimiyeti",
+    perfGroupDefending: "Savunma",
+    perfMetric: {
+      goals: "Gol",
+      xg: "Gol beklentisi (xG)",
+      shots: "\u015Eut",
+      shotsOnTarget: "\u0130sabetli \u015Fut",
+      assists: "Asist",
+      successfulPasses: "Ba\u015Far\u0131l\u0131 pas",
+      passAccuracy: "Pas isabeti",
+      chancesCreated: "Yarat\u0131lan f\u0131rsat",
+      successfulDribbles: "Ba\u015Far\u0131l\u0131 \xE7al\u0131m",
+      dribbleSuccess: "\xC7al\u0131m ba\u015Far\u0131s\u0131",
+      touches: "Topla bulu\u015Fma",
+      tacklesWon: "Kazan\u0131lan m\xFCdahale",
+      interceptions: "Top kapma",
+      duelsWon: "Kazan\u0131lan ikili m\xFCcadele"
+    },
+    perfGroupNoun: GROUP_NOUN_TR,
+    matchLogTitle: "Ma\xE7 ge\xE7mi\u015Fi",
+    matchLogOpponent: (name, isHome) => isHome ? `${name} (\u0130)` : `${name} (D)`,
+    resultLetter: { W: "G", D: "B", L: "M" },
+    logShortDate: (ms) => pdDateTr(ms, { day: "numeric", month: "short" }),
     standingsColPlayed: "O",
     standingsColWon: "G",
     standingsColDrawn: "B",
@@ -975,6 +1088,45 @@ function normalizeUi(cfg) {
     recordsMostAssists: strings.recordsMostAssists,
     recordsSince: strings.recordsSince,
     standingsColClub: strings.standingsColClub,
+    statHeadPos: strings.statHeadPos,
+    statHeadMins: strings.statHeadMins,
+    statHeadGoals: strings.statHeadGoals,
+    statHeadAssists: strings.statHeadAssists,
+    statHeadYellow: strings.statHeadYellow,
+    statHeadRed: strings.statHeadRed,
+    statHeadRating: strings.statHeadRating,
+    squadStatsEyebrow: strings.squadStatsEyebrow,
+    squadTopScorer: strings.squadTopScorer,
+    squadTopAssists: strings.squadTopAssists,
+    detailStarted: strings.detailStarted,
+    detailMatches: strings.detailMatches,
+    detailNatShort: strings.detailNatShort,
+    detailYellows: strings.detailYellows,
+    detailReds: strings.detailReds,
+    availabilityNext: strings.availabilityNext,
+    availabilityAvailable: strings.availabilityAvailable,
+    availabilityInjured: strings.availabilityInjured,
+    availabilitySuspended: strings.availabilitySuspended,
+    availabilityUnavailable: strings.availabilityUnavailable,
+    availabilityNoConcerns: strings.availabilityNoConcerns,
+    availabilityBack: strings.availabilityBack,
+    perfTitle: strings.perfTitle,
+    perfTotal: strings.perfTotal,
+    perfPer90: strings.perfPer90,
+    perfRankedAgainst: strings.perfRankedAgainst,
+    perfUnranked: strings.perfUnranked,
+    perfUnrankedCohort: strings.perfUnrankedCohort,
+    perfUnrankedNoLeague: strings.perfUnrankedNoLeague,
+    perfGroupShooting: strings.perfGroupShooting,
+    perfGroupPassing: strings.perfGroupPassing,
+    perfGroupPossession: strings.perfGroupPossession,
+    perfGroupDefending: strings.perfGroupDefending,
+    perfMetric: strings.perfMetric,
+    perfGroupNoun: strings.perfGroupNoun,
+    matchLogTitle: strings.matchLogTitle,
+    matchLogOpponent: strings.matchLogOpponent,
+    resultLetter: strings.resultLetter,
+    logShortDate: strings.logShortDate,
     standingsColPlayed: strings.standingsColPlayed,
     standingsColWon: strings.standingsColWon,
     standingsColDrawn: strings.standingsColDrawn,
@@ -3344,6 +3496,8 @@ import { useCallback as useCallback10, useEffect as useEffect11, useRef as useRe
 function useClubSquadStats(conversation, { activeTab, enabled }) {
   const [data, setData] = useState10(null);
   const [seasonName, setSeasonName] = useState10(null);
+  const [competitionName, setCompetitionName] = useState10(null);
+  const [matchesPlayed, setMatchesPlayed] = useState10(null);
   const [loading, setLoading] = useState10(false);
   const [refreshCount, setRefreshCount] = useState10(0);
   const inFlightRef = useRef11(false);
@@ -3362,6 +3516,8 @@ function useClubSquadStats(conversation, { activeTab, enabled }) {
         if (active) {
           setData(result?.players ?? null);
           setSeasonName(result?.seasonName ?? null);
+          setCompetitionName(result?.competitionName ?? null);
+          setMatchesPlayed(result?.clubMatchesPlayed ?? null);
         }
       } catch {
       } finally {
@@ -3379,7 +3535,7 @@ function useClubSquadStats(conversation, { activeTab, enabled }) {
     setRefreshCount((c) => c + 1);
   }, []);
   const effectiveLoading = loading || activeTab === "squad" && enabled && data === null;
-  return { data, seasonName, loading: effectiveLoading, refresh };
+  return { data, seasonName, competitionName, matchesPlayed, loading: effectiveLoading, refresh };
 }
 
 // src/useClubPlayerDetail.ts
@@ -3779,7 +3935,7 @@ function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup,
 }
 
 // src/components/ChatPanel.tsx
-import { useCallback as useCallback22, useEffect as useEffect33, useLayoutEffect, useMemo as useMemo5, useRef as useRef30, useState as useState52 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect33, useLayoutEffect, useMemo as useMemo5, useRef as useRef30, useState as useState54 } from "react";
 
 // src/components/ChatHeader.tsx
 import { useEffect as useEffect16, useRef as useRef17, useState as useState15 } from "react";
@@ -5457,7 +5613,7 @@ function useLiveClock(minute, clockRunning, receivedAtMs) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
 function initials5(name) {
   return name.trim().slice(0, 3).toUpperCase();
 }
@@ -5469,11 +5625,14 @@ function LiveCrest({ url, name, side }) {
   }
   return /* @__PURE__ */ jsx41("span", { className: `${cls} ss-w-fandash-live-crest--fallback`, "aria-hidden": "true", children: initials5(name) });
 }
-function scorersLine(goalEvents) {
-  if (!goalEvents || goalEvents.length === 0) return null;
+function scorersBySide(goalEvents) {
+  if (!goalEvents || goalEvents.length === 0) return { home: null, away: null };
   const named = goalEvents.filter((e) => e.type === "goal" && e.player);
-  if (named.length === 0) return null;
-  return named.slice().sort((a, b) => a.minute - b.minute).map((e) => `${e.player} ${e.minuteLabel}`).join(", ");
+  const line = (side) => {
+    const scorers = named.filter((e) => e.side === side).slice().sort((a, b) => a.minute - b.minute).map((e) => `${e.player} ${e.minuteLabel}`);
+    return scorers.length === 0 ? null : scorers.join(", ");
+  };
+  return { home: line("home"), away: line("away") };
 }
 function LiveScoreCard({
   card,
@@ -5487,7 +5646,7 @@ function LiveScoreCard({
   }
   const displayMinute = useLiveClock(data.minute, data.clockRunning, seedRef.current.receivedAtMs);
   const minuteSuffix = data.minuteLabel.replace(/^\d+/, "");
-  const scorers = scorersLine(goalEvents);
+  const { home: homeScorers, away: awayScorers } = scorersBySide(goalEvents);
   return /* @__PURE__ */ jsxs37("div", { className: "ss-w-fandash-card ss-w-fandash-live-score", children: [
     card.title ? /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
     /* @__PURE__ */ jsxs37("div", { className: "ss-w-fandash-live-top", children: [
@@ -5513,9 +5672,15 @@ function LiveScoreCard({
         /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-live-team-name", children: data.awayName })
       ] })
     ] }),
-    scorers ? /* @__PURE__ */ jsxs37("div", { className: "ss-w-fandash-live-scorers", children: [
-      /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" }),
-      scorers
+    homeScorers || awayScorers ? /* @__PURE__ */ jsxs37("div", { className: "ss-w-fandash-live-scorers-row", children: [
+      /* @__PURE__ */ jsx41("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--home", children: homeScorers ? /* @__PURE__ */ jsxs37(Fragment7, { children: [
+        /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" }),
+        homeScorers
+      ] }) : null }),
+      /* @__PURE__ */ jsx41("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--away", children: awayScorers ? /* @__PURE__ */ jsxs37(Fragment7, { children: [
+        awayScorers,
+        /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" })
+      ] }) : null })
     ] }) : null
   ] });
 }
@@ -6679,7 +6844,7 @@ function SearchField({ id, label, labelHidden = false, placeholder, value, onCha
 }
 
 // src/components/TodayPanel.tsx
-import { Fragment as Fragment7, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 function TodayPanel({ discovery, ui, monitor }) {
   const { groups, states, stale, starLeague } = discovery;
   const searchId = useId2();
@@ -6736,7 +6901,7 @@ function TodayPanel({ discovery, ui, monitor }) {
     if (selectedCompetitionId !== null && openGroup === void 0) setSelectedCompetitionId(null);
   }, [selectedCompetitionId, openGroup]);
   const liveRows = stale ? [] : visibleGroups.flatMap((group) => group.matches.filter((m) => isTreatedLive(states[m.matchId], stale)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
-  const liveBand = liveRows.length > 0 && /* @__PURE__ */ jsxs55(Fragment7, { children: [
+  const liveBand = liveRows.length > 0 && /* @__PURE__ */ jsxs55(Fragment8, { children: [
     /* @__PURE__ */ jsxs55("div", { className: "ss-w-sec-head", children: [
       /* @__PURE__ */ jsx61("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
       ui.sectionLive
@@ -6794,7 +6959,7 @@ function TodayPanel({ discovery, ui, monitor }) {
           clearLabel: ui.clearSearchLabel
         }
       ),
-      searching ? searchResults.length === 0 ? /* @__PURE__ */ jsx61("div", { className: "ss-w-today-empty", children: ui.noLeagueResults }) : /* @__PURE__ */ jsx61(Fragment7, { children: searchResults.map((group) => /* @__PURE__ */ jsxs55("div", { className: "ss-w-today-search-block", children: [
+      searching ? searchResults.length === 0 ? /* @__PURE__ */ jsx61("div", { className: "ss-w-today-empty", children: ui.noLeagueResults }) : /* @__PURE__ */ jsx61(Fragment8, { children: searchResults.map((group) => /* @__PURE__ */ jsxs55("div", { className: "ss-w-today-search-block", children: [
         /* @__PURE__ */ jsxs55("div", { className: "ss-w-today-search-group", children: [
           /* @__PURE__ */ jsx61(Crest2, { url: group.competitionImagePath ?? void 0, name: group.competitionName, kind: "comp" }),
           /* @__PURE__ */ jsxs55("span", { className: "ss-w-today-search-group-name", children: [
@@ -6824,7 +6989,7 @@ function TodayPanel({ discovery, ui, monitor }) {
           },
           match.matchId
         ))
-      ] }, group.competitionId)) }) : /* @__PURE__ */ jsxs55(Fragment7, { children: [
+      ] }, group.competitionId)) }) : /* @__PURE__ */ jsxs55(Fragment8, { children: [
         /* @__PURE__ */ jsxs55("div", { className: "ss-w-today-sec", children: [
           placement.personal ? ui.yourLeagues : ui.topLeagues,
           !placement.personal && /* @__PURE__ */ jsx61("span", { className: "ss-w-today-sec-sub", children: ui.topLeaguesSub })
@@ -6904,7 +7069,7 @@ function splitName(full) {
 }
 
 // src/components/GameTileArt.tsx
-import { Fragment as Fragment8, jsx as jsx63, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx63, jsxs as jsxs56 } from "react/jsx-runtime";
 function GameTileArt({ gameId }) {
   return /* @__PURE__ */ jsx63("svg", { className: "ss-g-art", viewBox: "0 0 120 74", "aria-hidden": "true", children: ART[gameId] ?? ART.default });
 }
@@ -6913,41 +7078,41 @@ var head = (cx, cy, r, cls = "ss-g-art-fg") => /* @__PURE__ */ jsxs56("g", { cla
   /* @__PURE__ */ jsx63("path", { d: `M${cx - r} ${cy + r}c0-${r * 0.8} ${r * 0.45}-${r * 1.1} ${r}-${r * 1.1}s${r} ${r * 0.3} ${r} ${r * 1.1}z` })
 ] });
 var ART = {
-  "mystery-tiger": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "mystery-tiger": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     head(60, 38, 26, "ss-g-art-fg"),
     /* @__PURE__ */ jsx63("text", { x: "60", y: "36", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "higher-or-lower": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "higher-or-lower": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     head(32, 38, 20),
     head(88, 38, 20),
     /* @__PURE__ */ jsx63("circle", { cx: "60", cy: "37", r: "11", className: "ss-g-art-accent" }),
     /* @__PURE__ */ jsx63("path", { d: "M57 33l3-3 3 3M57 41l3 3 3-3", className: "ss-g-art-ink" })
   ] }),
-  "guess-the-xi": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "guess-the-xi": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("rect", { x: "8", y: "4", width: "104", height: "66", rx: "6", className: "ss-g-art-pitch" }),
     [[60, 60, "a"], [24, 46], [48, 46], [72, 46], [96, 46], [36, 30], [60, 30], [84, 30], [40, 14], [60, 14], [80, 14]].map(([x, y, a], i) => /* @__PURE__ */ jsx63("circle", { cx: x, cy: y, r: "4", className: a ? "ss-g-art-accent" : "ss-g-art-dot" }, i))
   ] }),
-  "daily-quiz": /* @__PURE__ */ jsx63(Fragment8, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ jsx63("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
-  "career-path": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "daily-quiz": /* @__PURE__ */ jsx63(Fragment9, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ jsx63("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
+  "career-path": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("path", { d: "M18 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
     /* @__PURE__ */ jsx63("path", { d: "M48 37h8M84 37h8", className: "ss-g-art-line" }),
     /* @__PURE__ */ jsx63("path", { d: "M60 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
     /* @__PURE__ */ jsx63("rect", { x: "96", y: "22", width: "18", height: "26", rx: "4", className: "ss-g-art-dash" }),
     /* @__PURE__ */ jsx63("text", { x: "105", y: "40", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "beat-the-grid": /* @__PURE__ */ jsx63(Fragment8, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ jsx63("rect", { x: 33 + c * 19, y: 10 + r * 19, width: "16", height: "16", rx: "3", className: (r + c) % 3 === 0 ? "ss-g-art-accent" : "ss-g-art-block" }, `${r}${c}`))) }),
-  "matchday-predictor": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "beat-the-grid": /* @__PURE__ */ jsx63(Fragment9, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ jsx63("rect", { x: 33 + c * 19, y: 10 + r * 19, width: "16", height: "16", rx: "3", className: (r + c) % 3 === 0 ? "ss-g-art-accent" : "ss-g-art-block" }, `${r}${c}`))) }),
+  "matchday-predictor": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("path", { d: "M10 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" }),
     /* @__PURE__ */ jsx63("rect", { x: "38", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-accent-stroke" }),
     /* @__PURE__ */ jsx63("rect", { x: "64", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-dash" }),
     /* @__PURE__ */ jsx63("path", { d: "M90 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" })
   ] }),
-  "starting-xi": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "starting-xi": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("rect", { x: "8", y: "4", width: "104", height: "66", rx: "6", className: "ss-g-art-pitch" }),
     [[60, 60], [30, 46], [50, 46], [70, 46], [90, 46], [45, 30], [75, 30], [30, 16], [60, 16], [90, 16]].map(([x, y], i) => /* @__PURE__ */ jsx63("circle", { cx: x, cy: y, r: "5", className: i < 7 ? "ss-g-art-accent" : "ss-g-art-dash" }, i))
   ] }),
-  "stat-ladder": /* @__PURE__ */ jsx63(Fragment8, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ jsx63("rect", { x: "24", y, width: w, height: "12", rx: "3", className: i === 1 ? "ss-g-art-accent" : "ss-g-art-block" }, i)) }),
-  "fan-motm": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "stat-ladder": /* @__PURE__ */ jsx63(Fragment9, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ jsx63("rect", { x: "24", y, width: w, height: "12", rx: "3", className: i === 1 ? "ss-g-art-accent" : "ss-g-art-block" }, i)) }),
+  "fan-motm": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("circle", { cx: "60", cy: "37", r: "26", className: "ss-g-art-accent-stroke" }),
     head(60, 40, 18),
     /* @__PURE__ */ jsx63("path", { d: "M84 8l2.4 5 5.4.6-4 3.7 1.1 5.4-4.9-2.7-4.9 2.7 1.1-5.4-4-3.7 5.4-.6z", className: "ss-g-art-accent" })
@@ -6971,7 +7136,7 @@ function StatStack({ value, label }) {
 }
 
 // src/components/GameTile.tsx
-import { Fragment as Fragment9, jsx as jsx65, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx65, jsxs as jsxs58 } from "react/jsx-runtime";
 function tileStatus(game, ui) {
   switch (game.status) {
     case "locked":
@@ -6995,7 +7160,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
   const status = tileStatus(game, ui);
   const disabled = DISABLED.has(game.status);
   const title = gameTitle(game, ui.games.titles);
-  const body = variant === "hero" ? /* @__PURE__ */ jsxs58(Fragment9, { children: [
+  const body = variant === "hero" ? /* @__PURE__ */ jsxs58(Fragment10, { children: [
     /* @__PURE__ */ jsxs58("span", { className: "ss-g-hero-text", children: [
       /* @__PURE__ */ jsx65("span", { className: "ss-g-hero-eyebrow", children: ui.games.dailyChallenge }),
       status.tone === "new" && /* @__PURE__ */ jsx65(Chip, { variant: "badge", children: ui.games.newToday }),
@@ -7007,7 +7172,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx65("span", { className: "ss-g-hero-art", children: /* @__PURE__ */ jsx65(GameTileArt, { gameId: game.gameId }) })
-  ] }) : variant === "wide" ? /* @__PURE__ */ jsxs58(Fragment9, { children: [
+  ] }) : variant === "wide" ? /* @__PURE__ */ jsxs58(Fragment10, { children: [
     /* @__PURE__ */ jsx65("span", { className: "ss-g-wide-art", children: /* @__PURE__ */ jsx65(GameTileArt, { gameId: game.gameId }) }),
     /* @__PURE__ */ jsxs58("span", { className: "ss-g-wide-text", children: [
       /* @__PURE__ */ jsx65("span", { className: "ss-g-tile-title", children: title }),
@@ -7015,7 +7180,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
       status.tone === "new" && /* @__PURE__ */ jsx65(Chip, { variant: "badge", children: ui.games.newToday })
     ] }),
     /* @__PURE__ */ jsx65("span", { className: "ss-g-wide-chev", children: /* @__PURE__ */ jsx65(IconChevronLeft, { size: 18 }) })
-  ] }) : /* @__PURE__ */ jsxs58(Fragment9, { children: [
+  ] }) : /* @__PURE__ */ jsxs58(Fragment10, { children: [
     /* @__PURE__ */ jsx65("span", { className: "ss-g-tile-art", children: /* @__PURE__ */ jsx65(GameTileArt, { gameId: game.gameId }) }),
     /* @__PURE__ */ jsx65("span", { className: "ss-g-tile-title", children: title }),
     /* @__PURE__ */ jsx65("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text })
@@ -7026,7 +7191,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
 }
 
 // src/components/GamesHub.tsx
-import { Fragment as Fragment10, jsx as jsx66, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx66, jsxs as jsxs59 } from "react/jsx-runtime";
 var PLAYABLE = /* @__PURE__ */ new Set(["available", "in_progress"]);
 var DONE = /* @__PURE__ */ new Set(["played", "graded"]);
 function pickHeroGame(games) {
@@ -7057,7 +7222,7 @@ function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
       /* @__PURE__ */ jsxs59("div", { className: "ss-g-stat", children: [
         /* @__PURE__ */ jsx66("span", { className: "ss-g-stat-l", children: ui.games.statStreak }),
         /* @__PURE__ */ jsxs59("span", { className: "ss-g-stat-v", "data-testid": "stat-streak", children: [
-          myWeeklyRow ? /* @__PURE__ */ jsxs59(Fragment10, { children: [
+          myWeeklyRow ? /* @__PURE__ */ jsxs59(Fragment11, { children: [
             /* @__PURE__ */ jsx66(IconFlame, {}),
             myWeeklyRow.currentStreak
           ] }) : dash,
@@ -7447,11 +7612,11 @@ function SegmentProgress({ segments, ariaLabel, leftLabel, rightLabel, right })
 }
 
 // src/components/games/ui/AnswerTray.tsx
-import { Fragment as Fragment11, jsx as jsx70, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx70, jsxs as jsxs62 } from "react/jsx-runtime";
 function AnswerTray({ id, label, placeholder, optionsLabel, options, query, onQuery, onPick, disabled, minQuery = 0 }) {
   const needle = query.trim().toLowerCase();
   const shown = needle.length < minQuery ? [] : needle ? options.filter((o) => o.name.toLowerCase().includes(needle)) : options;
-  return /* @__PURE__ */ jsxs62(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs62(Fragment12, { children: [
     /* @__PURE__ */ jsx70(
       SearchField,
       {
@@ -7543,7 +7708,7 @@ function PointsLadderRow({ ladder, guessesUsed, ui }) {
 }
 
 // src/components/games/MysteryTigerGame.tsx
-import { Fragment as Fragment12, jsx as jsx76, jsxs as jsxs66 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx76, jsxs as jsxs66 } from "react/jsx-runtime";
 function parseClientState(json) {
   if (!json) return null;
   try {
@@ -7691,7 +7856,7 @@ function MysteryTigerGame({
       }
     ),
     !config && /* @__PURE__ */ jsx76("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs66(Fragment12, { children: [
+    config && /* @__PURE__ */ jsxs66(Fragment13, { children: [
       /* @__PURE__ */ jsxs66("div", { className: "ss-g-body", children: [
         !isOver && /* @__PURE__ */ jsx76(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed, ui }),
         /* @__PURE__ */ jsxs66("div", { className: `ss-g-mt-card${isOver ? " ss-g-mt-card--reveal" : ""}`, children: [
@@ -7791,7 +7956,7 @@ function MysteryTigerGame({
 }
 
 // src/components/games/HigherOrLowerGame.tsx
-import { Fragment as Fragment13, jsx as jsx77, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx77, jsxs as jsxs67 } from "react/jsx-runtime";
 var POINTS_PER_CORRECT = 10;
 function parseClientState2(json) {
   if (!json) return null;
@@ -7851,7 +8016,7 @@ function HigherOrLowerGame({
       }
     ),
     !config && /* @__PURE__ */ jsx77("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs67(Fragment13, { children: [
+    config && /* @__PURE__ */ jsxs67(Fragment14, { children: [
       /* @__PURE__ */ jsxs67("div", { className: "ss-g-body", children: [
         /* @__PURE__ */ jsxs67("div", { className: "ss-g-hl-prompt", "data-testid": "hol-prompt", children: [
           /* @__PURE__ */ jsx77("span", { className: "ss-g-hl-prompt-q", children: t.whoHadMore }),
@@ -7921,7 +8086,7 @@ function CrestShield({ src, name, size = 28 }) {
 }
 
 // src/components/games/CareerPathGame.tsx
-import { Fragment as Fragment14, jsx as jsx79, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx79, jsxs as jsxs68 } from "react/jsx-runtime";
 function parseClientState3(json) {
   if (!json) return null;
   try {
@@ -8001,7 +8166,7 @@ function CareerPathGame({
               /* @__PURE__ */ jsx79("span", { className: "ss-g-cp-club", children: spell.clubName }),
               /* @__PURE__ */ jsxs68("span", { className: "ss-g-cp-sub", children: [
                 /* @__PURE__ */ jsx79("span", { className: "ss-g-cp-years", children: years }),
-                spell.isLoan && /* @__PURE__ */ jsxs68(Fragment14, { children: [
+                spell.isLoan && /* @__PURE__ */ jsxs68(Fragment15, { children: [
                   years ? " \xB7 " : "",
                   /* @__PURE__ */ jsx79("span", { className: "ss-g-cp-loan", children: s.loan })
                 ] })
@@ -8061,7 +8226,7 @@ function OptionList({ label, options, onPick }) {
 }
 
 // src/components/games/BeatTheGridGame.tsx
-import { Fragment as Fragment15, jsx as jsx81, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx81, jsxs as jsxs69 } from "react/jsx-runtime";
 function criterionIconKind(label, key) {
   const l = (key ?? label).toLowerCase();
   if (l.includes("app")) return "calendar";
@@ -8104,7 +8269,7 @@ function HeaderVisual({ label, textKey: iKey, meta }) {
     case "country":
       return /* @__PURE__ */ jsx81("span", { className: "ss-g-btg-hdr-flag", "aria-hidden": "true", children: nationalityFlag(meta.country ?? label) });
     case "position":
-      return /* @__PURE__ */ jsx81(Fragment15, {});
+      return /* @__PURE__ */ jsx81(Fragment16, {});
     default:
       return /* @__PURE__ */ jsx81(CriterionIcon, { kind: criterionIconKind(label, iKey) });
   }
@@ -8167,7 +8332,7 @@ function SearchSheet({
         }
       )
     ] }),
-    playerPool.length === 0 ? /* @__PURE__ */ jsx81("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ jsxs69(Fragment15, { children: [
+    playerPool.length === 0 ? /* @__PURE__ */ jsx81("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ jsxs69(Fragment16, { children: [
       /* @__PURE__ */ jsx81(
         SearchField,
         {
@@ -8186,7 +8351,7 @@ function SearchSheet({
           label: s.searchLabel(rowLabel, colLabel),
           options: filtered.map((p) => ({
             key: p.id,
-            content: /* @__PURE__ */ jsxs69(Fragment15, { children: [
+            content: /* @__PURE__ */ jsxs69(Fragment16, { children: [
               /* @__PURE__ */ jsx81(PlayerAvatar, { name: p.name, imagePath: p.imagePath, className: "ss-g-opt-av" }),
               /* @__PURE__ */ jsx81("span", { className: "ss-g-btg-result-name", children: p.name }),
               /* @__PURE__ */ jsx81("span", { className: "ss-g-btg-result-plus", "aria-hidden": "true", children: /* @__PURE__ */ jsx81(IconPlus, { size: 18 }) })
@@ -8276,10 +8441,10 @@ function BeatTheGridGame({
             rows.map((rowLabel, rowIdx) => {
               const rowMeta = config.rowsMeta?.[rowIdx];
               const abbr = rowAbbrev(rowLabel, s.rowAbbrev, config.rowsI18n?.[rowIdx]?.key);
-              const rowHeaderContent = rowMeta ? /* @__PURE__ */ jsxs69(Fragment15, { children: [
+              const rowHeaderContent = rowMeta ? /* @__PURE__ */ jsxs69(Fragment16, { children: [
                 /* @__PURE__ */ jsx81(HeaderVisual, { label: rowLabel, textKey: config.rowsI18n?.[rowIdx]?.key, meta: rowMeta }),
                 /* @__PURE__ */ jsx81("span", { children: rowLabel })
-              ] }) : abbr === rowLabel ? /* @__PURE__ */ jsx81("span", { children: rowLabel }) : /* @__PURE__ */ jsxs69(Fragment15, { children: [
+              ] }) : abbr === rowLabel ? /* @__PURE__ */ jsx81("span", { children: rowLabel }) : /* @__PURE__ */ jsxs69(Fragment16, { children: [
                 /* @__PURE__ */ jsx81("span", { "aria-hidden": "true", children: abbr }),
                 /* @__PURE__ */ jsx81("span", { className: "ss-g-sr", children: rowLabel })
               ] });
@@ -8300,7 +8465,7 @@ function BeatTheGridGame({
                       className: "ss-g-btg-cell",
                       disabled: isLocked2 || submitting,
                       onClick: () => handleCellClick(rowIdx, colIdx),
-                      children: filled ? /* @__PURE__ */ jsxs69(Fragment15, { children: [
+                      children: filled ? /* @__PURE__ */ jsxs69(Fragment16, { children: [
                         /* @__PURE__ */ jsx81(
                           "span",
                           {
@@ -8367,16 +8532,16 @@ function BeatTheGridGame({
 import { useState as useState42, useId as useId6 } from "react";
 
 // src/components/games/ui/PitchSvg.tsx
-import { Fragment as Fragment16, jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
 function PitchSvg({ variant }) {
   return /* @__PURE__ */ jsxs70("svg", { className: "ss-g-pitch-svg", viewBox: variant === "full" ? "0 0 100 150" : "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx82("rect", { x: "4", y: "4", width: "92", height: variant === "full" ? 142 : 92, fill: "none" }),
-    variant === "full" ? /* @__PURE__ */ jsxs70(Fragment16, { children: [
+    variant === "full" ? /* @__PURE__ */ jsxs70(Fragment17, { children: [
       /* @__PURE__ */ jsx82("line", { x1: "4", y1: "75", x2: "96", y2: "75" }),
       /* @__PURE__ */ jsx82("circle", { cx: "50", cy: "75", r: "12", fill: "none" }),
       /* @__PURE__ */ jsx82("rect", { x: "26", y: "4", width: "48", height: "20", fill: "none" }),
       /* @__PURE__ */ jsx82("rect", { x: "26", y: "126", width: "48", height: "20", fill: "none" })
-    ] }) : /* @__PURE__ */ jsxs70(Fragment16, { children: [
+    ] }) : /* @__PURE__ */ jsxs70(Fragment17, { children: [
       /* @__PURE__ */ jsx82("path", { d: "M38 4a12 12 0 0 0 24 0", fill: "none" }),
       /* @__PURE__ */ jsx82("rect", { x: "26", y: "76", width: "48", height: "20", fill: "none" })
     ] })
@@ -8434,7 +8599,7 @@ function positionsBySlot(formation, rowsAttackFirst) {
 }
 
 // src/components/games/GuessTheXiGame.tsx
-import { Fragment as Fragment17, jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
 var MAX_GUESSES2 = 3;
 function parseClientState5(json) {
   if (!json) return null;
@@ -8496,7 +8661,7 @@ function GuessTheXiGame({
       }
     ),
     !config && /* @__PURE__ */ jsx83("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs71(Fragment17, { children: [
+    config && /* @__PURE__ */ jsxs71(Fragment18, { children: [
       /* @__PURE__ */ jsxs71("div", { className: "ss-g-body", children: [
         !isOver && /* @__PURE__ */ jsx83(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed: clientState?.guessHistory.length ?? 0, ui }),
         rows.length > 0 && /* @__PURE__ */ jsxs71("div", { className: "ss-g-gxi-pitch", role: "group", "aria-label": t.pitchLabel, children: [
@@ -8545,7 +8710,7 @@ function GuessTheXiGame({
             ] }, g.teamId);
           })
         ] }),
-        isOver && /* @__PURE__ */ jsxs71(Fragment17, { children: [
+        isOver && /* @__PURE__ */ jsxs71(Fragment18, { children: [
           /* @__PURE__ */ jsx83(
             ResultCard,
             {
@@ -8571,7 +8736,7 @@ function GuessTheXiGame({
             label: t.optionsLabel,
             options: filtered.map((tm) => ({
               key: tm.teamId,
-              content: /* @__PURE__ */ jsxs71(Fragment17, { children: [
+              content: /* @__PURE__ */ jsxs71(Fragment18, { children: [
                 /* @__PURE__ */ jsx83(CrestShield, { src: tm.crestUrl, name: tm.teamName, size: 28 }),
                 /* @__PURE__ */ jsx83("span", { children: tm.teamName })
               ] })
@@ -8597,7 +8762,7 @@ function GuessTheXiGame({
 
 // src/components/games/DailyQuizGame.tsx
 import { useState as useState43 } from "react";
-import { Fragment as Fragment18, jsx as jsx84, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx84, jsxs as jsxs72 } from "react/jsx-runtime";
 function parseClientState6(json) {
   if (!json) return null;
   try {
@@ -8716,7 +8881,7 @@ function DailyQuizGame({
   return /* @__PURE__ */ jsxs72("div", { className: "ss-g-screen", "data-game": "daily-quiz", "data-testid": "game-screen-daily-quiz", children: [
     /* @__PURE__ */ jsx84(GameHeader, { title, eyebrow: s.questionOf(page + 1, total), onBack, backLabel: ui.back }),
     /* @__PURE__ */ jsx84(SegmentProgress, { segments, ariaLabel: s.progressAria(page + 1, total) }),
-    /* @__PURE__ */ jsx84("div", { className: "ss-g-body", children: current && /* @__PURE__ */ jsxs72(Fragment18, { children: [
+    /* @__PURE__ */ jsx84("div", { className: "ss-g-body", children: current && /* @__PURE__ */ jsxs72(Fragment19, { children: [
       /* @__PURE__ */ jsx84("h3", { className: "ss-g-dq-stem", children: current.stem }),
       /* @__PURE__ */ jsx84("div", { className: "ss-g-dq-opts", children: current.options.map((opt, optIdx) => {
         const selected = optIdx === selectedIdx;
@@ -9017,7 +9182,7 @@ function MatchdayPredictorGame({
 
 // src/components/games/StartingXiGame.tsx
 import { useId as useId8, useState as useState45 } from "react";
-import { Fragment as Fragment19, jsx as jsx86, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx86, jsxs as jsxs74 } from "react/jsx-runtime";
 var POINTS_PER_STARTER = 8;
 var XI_SIZE = 11;
 var DEFAULT_FORMATION = "4-3-3";
@@ -9166,11 +9331,11 @@ function StartingXiGame({
         })
       ] }),
       /* @__PURE__ */ jsxs74("div", { className: "ss-g-xi-picker", children: [
-        /* @__PURE__ */ jsx86("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ jsxs74(Fragment19, { children: [
+        /* @__PURE__ */ jsx86("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ jsxs74(Fragment20, { children: [
           /* @__PURE__ */ jsx86(Chip, { variant: "badge", children: activeSlot.label }),
           /* @__PURE__ */ jsx86("strong", { children: t.pickFor(activeSlot.label) })
         ] }) : /* @__PURE__ */ jsx86("strong", { children: t.allPicked }) }),
-        activeSlot && /* @__PURE__ */ jsxs74(Fragment19, { children: [
+        activeSlot && /* @__PURE__ */ jsxs74(Fragment20, { children: [
           /* @__PURE__ */ jsx86(
             SearchField,
             {
@@ -9668,7 +9833,7 @@ function LeaderboardEmpty({
 }
 
 // src/components/Leaderboard.tsx
-import { Fragment as Fragment20, jsx as jsx92, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx92, jsxs as jsxs79 } from "react/jsx-runtime";
 function Leaderboard({
   data,
   ui,
@@ -9710,7 +9875,7 @@ function Leaderboard({
         onPlay,
         ui
       }
-    ) : /* @__PURE__ */ jsxs79(Fragment20, { children: [
+    ) : /* @__PURE__ */ jsxs79(Fragment21, { children: [
       /* @__PURE__ */ jsx92("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ jsx92(
         LeaderboardWeeklyRow,
         {
@@ -9967,66 +10132,107 @@ function footLabel(ui, foot) {
       return v;
   }
 }
+var GROUP_CODE = { Goalkeeper: "GK", Defender: "DF", Midfielder: "MF", Attacker: "FW" };
+function positionShort(code, positionName) {
+  const c = code?.trim().toUpperCase() ?? "";
+  if (c !== "") return c === "CF" || c === "SS" ? "ST" : c;
+  return positionName !== null && GROUP_CODE[positionName] || "\u2013";
+}
+function statsEyebrow(ui, season, competition, matches) {
+  if (season === null || competition === null || matches === null || matches <= 0) return null;
+  return ui.squadStatsEyebrow(season, competition, matches);
+}
 
 // src/components/SquadStats.tsx
 import { jsx as jsx97, jsxs as jsxs83 } from "react/jsx-runtime";
+function leader(stats, pick) {
+  let best = null;
+  for (const p of stats) {
+    if (pick(p) <= 0) continue;
+    if (best === null || pick(p) > pick(best) || pick(p) === pick(best) && p.minutesPlayed < best.minutesPlayed) best = p;
+  }
+  return best;
+}
+function ratingClass(rating) {
+  if (rating === null) return "ss-w-sq-c36 ss-w-sq-rtg-none";
+  return Number(rating.toFixed(1)) >= 7 ? "ss-w-sq-c36 ss-w-sq-rtg ss-w-pos-ink" : "ss-w-sq-c36 ss-w-sq-rtg";
+}
 function SquadStats({ stats, loading, ui, onSelectPlayer }) {
   if (stats === null && loading) return /* @__PURE__ */ jsx97("div", { className: "ss-w-mon-list" });
   if (stats === null || stats.length === 0) return /* @__PURE__ */ jsx97("div", { className: "ss-w-mon-empty", children: ui.clubSquadStatsEmpty });
-  return /* @__PURE__ */ jsxs83("div", { className: "ss-w-mon-list", children: [
-    /* @__PURE__ */ jsxs83("div", { className: "ss-w-sq-row ss-w-sq-head", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-num" }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-name" }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: ui.statColApps }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: ui.statColGoals }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: ui.statColAssists }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: ui.statColRating })
-    ] }),
-    groupByPosition(stats).map((group, gi) => /* @__PURE__ */ jsxs83("div", { children: [
-      group.positionName && /* @__PURE__ */ jsx97("div", { className: "ss-w-club-eyebrow", children: positionLabel(ui, group.positionName) }),
-      group.items.map((p) => /* @__PURE__ */ jsxs83("button", { type: "button", className: "ss-w-sq-row ss-w-sq-tap", onClick: () => onSelectPlayer(p.playerId), children: [
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-num", children: p.jerseyNumber ?? "" }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-name ss-w-sq-name-1", children: p.playerName }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: p.appearances }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: p.goals }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: p.assists }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: p.averageRating === null ? "\u2014" : p.averageRating.toFixed(1) })
+  const scorer = leader(stats, (p) => p.goals);
+  const assister = leader(stats, (p) => p.assists);
+  const footer = [
+    scorer && ui.squadTopScorer(scorer.playerName, scorer.goals),
+    assister && ui.squadTopAssists(assister.playerName, assister.assists)
+  ].filter((part) => !!part).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs83("div", { className: "ss-w-mon-list ss-w-sq-stats", children: [
+    /* @__PURE__ */ jsxs83("div", { className: "ss-w-sq-card", children: [
+      /* @__PURE__ */ jsxs83("div", { className: "ss-w-sq-row ss-w-sq-head", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-name" }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-pos", children: ui.statHeadPos }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c30", children: ui.statColApps }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c36", children: ui.statHeadMins }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20", children: ui.statHeadGoals }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20", children: ui.statHeadAssists }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20 ss-w-sq-yr", children: ui.statHeadYellow }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20 ss-w-sq-yr", children: ui.statHeadRed }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c36", children: ui.statHeadRating })
+      ] }),
+      stats.map((p) => /* @__PURE__ */ jsxs83("button", { type: "button", className: "ss-w-sq-row ss-w-sq-tap", onClick: () => onSelectPlayer(p.playerId), children: [
+        /* @__PURE__ */ jsxs83("span", { className: "ss-w-sq-player", children: [
+          p.jerseyNumber !== null && /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-badge", children: p.jerseyNumber }),
+          /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-name ss-w-sq-name-1", children: p.playerName })
+        ] }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-pos", children: positionShort(p.positionCode, p.positionName) }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c30", children: p.appearances }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c36", children: p.minutesPlayed }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20", children: p.goals }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20", children: p.assists }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20 ss-w-sq-yr", children: p.yellowCards }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20 ss-w-sq-yr", children: p.redCards }),
+        /* @__PURE__ */ jsx97("span", { className: ratingClass(p.averageRating), children: p.averageRating === null ? "\u2013" : p.averageRating.toFixed(1) })
       ] }, p.playerId))
-    ] }, `${gi}-${group.positionName ?? "none"}`))
+    ] }),
+    footer !== "" && /* @__PURE__ */ jsx97("div", { className: "ss-w-sq-foot", children: footer })
   ] });
 }
 
 // src/components/Squad.tsx
-import { Fragment as Fragment21, jsx as jsx98, jsxs as jsxs84 } from "react/jsx-runtime";
-function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, onSelectPlayer }) {
-  const toggle = /* @__PURE__ */ jsx98("div", { className: "ss-w-sq-seg", role: "group", children: ["roster", "stats"].map((v) => /* @__PURE__ */ jsx98(
-    "button",
-    {
-      type: "button",
-      className: "ss-w-sq-seg-btn",
-      "aria-pressed": view === v,
-      onClick: () => {
-        if (view !== v) onToggleView();
+import { Fragment as Fragment22, jsx as jsx98, jsxs as jsxs84 } from "react/jsx-runtime";
+function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, seasonName = null, competitionName = null, matchesPlayed = null, onSelectPlayer }) {
+  const eyebrow = view === "stats" ? statsEyebrow(ui, seasonName, competitionName, matchesPlayed) : null;
+  const toggle = /* @__PURE__ */ jsxs84("div", { className: "ss-w-sq-bar", children: [
+    eyebrow !== null && /* @__PURE__ */ jsx98("div", { className: "ss-w-sq-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx98("div", { className: "ss-w-sq-seg", role: "group", children: ["roster", "stats"].map((v) => /* @__PURE__ */ jsx98(
+      "button",
+      {
+        type: "button",
+        className: "ss-w-sq-seg-btn",
+        "aria-pressed": view === v,
+        onClick: () => {
+          if (view !== v) onToggleView();
+        },
+        children: v === "roster" ? ui.squadViewRoster : ui.squadViewStats
       },
-      children: v === "roster" ? ui.squadViewRoster : ui.squadViewStats
-    },
-    v
-  )) });
+      v
+    )) })
+  ] });
   if (view === "stats") {
-    return /* @__PURE__ */ jsxs84(Fragment21, { children: [
+    return /* @__PURE__ */ jsxs84(Fragment22, { children: [
       toggle,
       /* @__PURE__ */ jsx98(SquadStats, { stats, loading: statsLoading, ui, onSelectPlayer })
     ] });
   }
-  if (squad === null && loading) return /* @__PURE__ */ jsxs84(Fragment21, { children: [
+  if (squad === null && loading) return /* @__PURE__ */ jsxs84(Fragment22, { children: [
     toggle,
     /* @__PURE__ */ jsx98("div", { className: "ss-w-mon-list" })
   ] });
-  if (squad === null || squad.length === 0) return /* @__PURE__ */ jsxs84(Fragment21, { children: [
+  if (squad === null || squad.length === 0) return /* @__PURE__ */ jsxs84(Fragment22, { children: [
     toggle,
     /* @__PURE__ */ jsx98("div", { className: "ss-w-mon-empty", children: ui.clubSquadEmpty })
   ] });
-  return /* @__PURE__ */ jsxs84(Fragment21, { children: [
+  return /* @__PURE__ */ jsxs84(Fragment22, { children: [
     toggle,
     /* @__PURE__ */ jsx98("div", { className: "ss-w-mon-list", children: groupByPosition(squad).map((group, gi) => /* @__PURE__ */ jsxs84("div", { children: [
       group.positionName && /* @__PURE__ */ jsx98("div", { className: "ss-w-club-eyebrow", children: positionLabel(ui, group.positionName) }),
@@ -10038,8 +10244,125 @@ function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, on
   ] });
 }
 
+// src/components/PlayerPhoto.tsx
+import { useState as useState50 } from "react";
+import { jsx as jsx99 } from "react/jsx-runtime";
+function PlayerPhoto({ photoUrl, jerseyNumber, size }) {
+  const [failed, setFailed] = useState50(false);
+  const box = { width: size, height: size };
+  if (photoUrl && !failed) {
+    return /* @__PURE__ */ jsx99("img", { className: "ss-w-pd-photo", style: box, src: photoUrl, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
+  }
+  return /* @__PURE__ */ jsx99("span", { className: "ss-w-pd-photo ss-w-pd-avatar", style: { ...box, fontSize: Math.round(size * 0.35) }, "aria-hidden": "true", children: jerseyNumber ?? "" });
+}
+
+// src/components/MiniPitch.tsx
+import { jsx as jsx100 } from "react/jsx-runtime";
+var SPOT = {
+  GK: [50, 90],
+  CB: [50, 75],
+  LB: [18, 70],
+  RB: [82, 70],
+  LWB: [15, 58],
+  RWB: [85, 58],
+  DM: [50, 60],
+  CM: [50, 48],
+  LM: [18, 45],
+  RM: [82, 45],
+  AM: [50, 32],
+  LW: [20, 25],
+  RW: [80, 25],
+  CF: [50, 14],
+  SS: [50, 14],
+  ST: [50, 14]
+};
+function MiniPitch({ positionCode }) {
+  const spot = SPOT[positionCode?.trim().toUpperCase() ?? ""];
+  if (spot === void 0) return null;
+  return /* @__PURE__ */ jsx100("div", { className: "ss-w-pd-pitch", "aria-hidden": "true", children: /* @__PURE__ */ jsx100("div", { className: "ss-w-pd-pitch-dot", style: { left: `${spot[0]}%`, top: `${spot[1]}%` } }) });
+}
+
+// src/components/PerformanceBars.tsx
+import { useState as useState51 } from "react";
+import { jsx as jsx101, jsxs as jsxs85 } from "react/jsx-runtime";
+var GROUPS = ["shooting", "passing", "possession", "defending"];
+function finite3(v) {
+  return typeof v === "number" && Number.isFinite(v) ? v : null;
+}
+function valueOf(m, mode) {
+  return finite3(mode === "total" ? m.total : m.per90);
+}
+function rankOf(m, mode) {
+  const r = finite3(mode === "total" ? m.totalRank : m.per90Rank);
+  return r === null ? null : Math.min(100, Math.max(0, Math.round(r)));
+}
+function format(m, v, mode) {
+  if (m.isPercent) return `${v.toFixed(1)}%`;
+  if (mode === "per90" || m.key === "xg") return v.toFixed(2);
+  return String(Math.round(v));
+}
+function band(rank) {
+  if (rank >= 67) return "pos";
+  if (rank >= 34) return "warn";
+  return "neg";
+}
+function groupTitle(ui, g) {
+  switch (g) {
+    case "shooting":
+      return ui.perfGroupShooting;
+    case "passing":
+      return ui.perfGroupPassing;
+    case "possession":
+      return ui.perfGroupPossession;
+    case "defending":
+      return ui.perfGroupDefending;
+  }
+}
+function unrankedLine(ui, reason) {
+  switch (reason) {
+    case "cohort":
+      return ui.perfUnrankedCohort;
+    case "noLeague":
+      return ui.perfUnrankedNoLeague;
+    default:
+      return ui.perfUnranked;
+  }
+}
+function PerformanceBars({ performance, competitionName, strings }) {
+  const [mode, setMode] = useState51("total");
+  const labelled = performance.metrics.filter((m) => Object.prototype.hasOwnProperty.call(strings.perfMetric, m.key));
+  if (!labelled.some((m) => valueOf(m, "total") !== null || valueOf(m, "per90") !== null)) return null;
+  const subtitle = !performance.ranked ? unrankedLine(strings, performance.unrankedReason) : competitionName ? strings.perfRankedAgainst(competitionName, performance.positionGroup) : null;
+  const cards = GROUPS.map((g) => {
+    const rows = labelled.filter((m) => m.group === g && valueOf(m, mode) !== null);
+    if (rows.length === 0) return null;
+    return /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-card ss-w-pd-perf-card", children: [
+      /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-perf-group", children: groupTitle(strings, g) }),
+      rows.map((m) => {
+        const v = valueOf(m, mode);
+        const rank = performance.ranked ? rankOf(m, mode) : null;
+        return /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-bar-row", children: [
+          /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-bar-top", children: [
+            /* @__PURE__ */ jsx101("span", { className: "ss-w-pd-bar-label", children: strings.perfMetric[m.key] }),
+            /* @__PURE__ */ jsx101("span", { className: "ss-w-pd-bar-value", children: format(m, v, mode) })
+          ] }),
+          rank !== null && /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-track", children: /* @__PURE__ */ jsx101("div", { className: `ss-w-pd-fill ss-w-pd-fill--${band(rank)}`, style: { width: `${rank}%` } }) })
+        ] }, m.key);
+      })
+    ] }, g);
+  });
+  return /* @__PURE__ */ jsxs85("div", { children: [
+    /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-perf-head", children: [
+      /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-eyebrow", children: strings.perfTitle }),
+      /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-seg", role: "group", children: ["total", "per90"].map((m) => /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-pd-seg-btn", "aria-pressed": mode === m, onClick: () => setMode(m), children: m === "total" ? strings.perfTotal : strings.perfPer90 }, m)) })
+    ] }),
+    subtitle !== null && /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-perf-sub", children: subtitle }),
+    /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-perf-cards", children: cards })
+  ] });
+}
+
 // src/components/PlayerDetail.tsx
-import { Fragment as Fragment22, jsx as jsx99, jsxs as jsxs85 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx102, jsxs as jsxs86 } from "react/jsx-runtime";
 var DASH = "\u2014";
 function ageFrom(dobMs) {
   if (dobMs === null) return DASH;
@@ -10050,55 +10373,128 @@ function ageFrom(dobMs) {
   if (beforeBirthday) age--;
   return String(age);
 }
-function Field({ label, value }) {
-  return /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-field", children: [
-    /* @__PURE__ */ jsx99("span", { className: "ss-w-pd-label", children: label }),
-    /* @__PURE__ */ jsx99("span", { className: "ss-w-pd-value", children: value })
+function validMs(ms) {
+  return typeof ms === "number" && Number.isFinite(ms) && ms > 0 ? ms : null;
+}
+function ratingTone(rounded) {
+  if (rounded >= 7) return "pos";
+  if (rounded >= 6) return "warn";
+  return "neg";
+}
+function Bio({ label, value }) {
+  return /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-bio-item", children: [
+    /* @__PURE__ */ jsx102("span", { className: "ss-w-pd-faint", children: label }),
+    " ",
+    /* @__PURE__ */ jsx102("span", { children: value })
+  ] });
+}
+function Tile({ label, value, pos }) {
+  return /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-tile", children: [
+    /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-tile-label", children: label }),
+    /* @__PURE__ */ jsx102("div", { className: pos ? "ss-w-pd-tile-value ss-w-pd-pos-ink" : "ss-w-pd-tile-value", children: value })
+  ] });
+}
+function AvailabilityCard({ ui, next, availability }) {
+  let note = null;
+  let pill = null;
+  if (availability !== null) {
+    if (availability.status === "available") {
+      note = ui.availabilityNoConcerns;
+      pill = { text: ui.availabilityAvailable, tone: "pos" };
+    } else {
+      const back = validMs(availability.expectedReturnUnixMs);
+      note = [availability.detail?.trim() || null, back === null ? null : ui.availabilityBack(back)].filter(Boolean).join(" \xB7 ") || null;
+      pill = availability.status === "injured" ? { text: ui.availabilityInjured, tone: "neg" } : availability.status === "suspended" ? { text: ui.availabilitySuspended, tone: "warn" } : { text: ui.availabilityUnavailable, tone: "warn" };
+    }
+  }
+  return /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-card ss-w-pd-avail", children: [
+    /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-avail-text", children: [
+      next !== null && /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-avail-next", children: ui.availabilityNext(next.opponentName, next.isHome, validMs(next.kickoffUnixMs)) }),
+      note !== null && /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-avail-note", children: note })
+    ] }),
+    pill !== null && /* @__PURE__ */ jsx102("div", { className: `ss-w-pd-pill ss-w-pd-pill--${pill.tone}`, children: pill.text })
+  ] });
+}
+function MatchRow({ ui, row }) {
+  const date = validMs(row.kickoffUnixMs);
+  const extras = [
+    row.goals > 0 ? `${row.goals}${ui.statHeadGoals}` : null,
+    row.assists > 0 ? `${row.assists}${ui.statHeadAssists}` : null,
+    row.yellowCards > 0 ? `${row.yellowCards}${ui.statHeadYellow}` : null,
+    row.sentOff ? ui.statHeadRed : null
+  ].filter((x) => x !== null);
+  const sub = [`${ui.resultLetter[row.result]} ${row.goalsFor}\u2013${row.goalsAgainst}`, `${row.minutes}\u2032`, ...extras].join(" \xB7 ");
+  const rating = typeof row.rating === "number" && Number.isFinite(row.rating) ? Math.round(row.rating * 10) / 10 : null;
+  const pillTone = row.result === "W" ? "pos" : row.result === "L" ? "neg" : "draw";
+  return /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-match", children: [
+    /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-match-date", children: date === null ? "" : ui.logShortDate(date) }),
+    /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-match-main", children: [
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-match-opp", children: ui.matchLogOpponent(row.opponentName, row.isHome) }),
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-match-sub", children: sub })
+    ] }),
+    /* @__PURE__ */ jsx102("div", { className: `ss-w-pd-pill ss-w-pd-pill--${pillTone}`, children: ui.resultLetter[row.result] }),
+    rating === null ? /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-chip-empty" }) : /* @__PURE__ */ jsx102("div", { className: `ss-w-pd-chip ss-w-pd-chip--${ratingTone(rating)}`, children: rating.toFixed(1) })
   ] });
 }
 function PlayerDetail({ detail, loading, ui, seasonName, onClose }) {
-  const back = /* @__PURE__ */ jsxs85("button", { type: "button", className: "ss-w-pd-back", onClick: onClose, children: [
-    /* @__PURE__ */ jsx99("span", { "aria-hidden": "true", children: "\u2039" }),
-    " ",
+  const back = /* @__PURE__ */ jsxs86("button", { type: "button", className: "ss-w-pd-back", onClick: onClose, children: [
+    /* @__PURE__ */ jsx102("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx102("path", { d: "M15 18l-6-6 6-6" }) }),
     ui.clubPlayerBack
   ] });
   if (detail === null) {
-    return loading ? /* @__PURE__ */ jsxs85(Fragment22, { children: [
-      /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-bar", children: back }),
-      /* @__PURE__ */ jsx99("div", { className: "ss-w-mon-list" })
-    ] }) : /* @__PURE__ */ jsxs85(Fragment22, { children: [
-      /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-bar", children: back }),
-      /* @__PURE__ */ jsx99("div", { className: "ss-w-mon-empty", children: ui.clubPlayerDetailEmpty })
+    return loading ? /* @__PURE__ */ jsxs86(Fragment23, { children: [
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-bar", children: back }),
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-mon-list" })
+    ] }) : /* @__PURE__ */ jsxs86(Fragment23, { children: [
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-bar", children: back }),
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-mon-empty", children: ui.clubPlayerDetailEmpty })
     ] });
   }
   const s = detail.seasonStats;
-  const opt = (v, digits) => v === null ? DASH : digits === void 0 ? String(v) : v.toFixed(digits);
-  return /* @__PURE__ */ jsxs85(Fragment22, { children: [
-    /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-bar", children: back }),
-    /* @__PURE__ */ jsxs85("div", { className: "ss-w-mon-list", children: [
-      /* @__PURE__ */ jsxs85("div", { children: [
-        /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-name", children: detail.playerName }),
-        /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-sub", children: [detail.jerseyNumber === null ? null : `#${detail.jerseyNumber}`, positionLabel(ui, detail.positionName)].filter(Boolean).join(" \xB7 ") })
-      ] }),
-      /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-grid ss-w-pd-bio", children: [
-        /* @__PURE__ */ jsx99(Field, { label: ui.detailNationality, value: detail.nationality ?? DASH }),
-        /* @__PURE__ */ jsx99(Field, { label: ui.detailAge, value: ageFrom(detail.dateOfBirthUnixMs) }),
-        /* @__PURE__ */ jsx99(Field, { label: ui.detailHeight, value: detail.heightCm === null ? DASH : `${detail.heightCm} cm` }),
-        /* @__PURE__ */ jsx99(Field, { label: ui.detailFoot, value: footLabel(ui, detail.foot) ?? DASH })
+  const foot = footLabel(ui, detail.foot);
+  const position = positionLabel(ui, detail.positionName);
+  const subLine = [detail.teamName?.trim() || null, position].filter(Boolean).join(" \xB7 ");
+  const competition = detail.competitionName?.trim() || null;
+  const eyebrow = seasonName === null ? null : competition === null ? ui.detailSeason.replace("{season}", seasonName) : `${seasonName} ${competition}`;
+  const rating = typeof s.averageRating === "number" && Number.isFinite(s.averageRating) ? s.averageRating : null;
+  const next = detail.nextFixture ?? null;
+  const availability = detail.availability ?? null;
+  const log = detail.matchLog ?? [];
+  return /* @__PURE__ */ jsxs86(Fragment23, { children: [
+    /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-bar", children: back }),
+    /* @__PURE__ */ jsxs86("div", { className: "ss-w-mon-list ss-w-pd-list", children: [
+      /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-card ss-w-pd-profile", children: [
+        /* @__PURE__ */ jsx102(PlayerPhoto, { photoUrl: detail.photoUrl, jerseyNumber: detail.jerseyNumber, size: 52 }, detail.photoUrl ?? ""),
+        /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-profile-main", children: [
+          /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-name", children: detail.playerName }),
+          subLine !== "" && /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-sub", children: subLine }),
+          /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-bio", children: [
+            /* @__PURE__ */ jsx102(Bio, { label: ui.detailAge, value: ageFrom(detail.dateOfBirthUnixMs) }),
+            /* @__PURE__ */ jsx102(Bio, { label: ui.detailHeight, value: detail.heightCm === null ? DASH : `${detail.heightCm} cm` }),
+            foot !== null && /* @__PURE__ */ jsx102(Bio, { label: ui.detailFoot, value: foot }),
+            /* @__PURE__ */ jsx102(Bio, { label: ui.detailNatShort, value: detail.nationality ?? DASH })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx102(MiniPitch, { positionCode: detail.positionCode })
       ] }),
-      /* @__PURE__ */ jsxs85("div", { children: [
-        seasonName !== null && /* @__PURE__ */ jsx99("div", { className: "ss-w-club-eyebrow", children: ui.detailSeason.replace("{season}", seasonName) }),
-        /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-grid", children: [
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColApps, value: String(s.appearances) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColMinutes, value: String(s.minutesPlayed) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColGoals, value: String(s.goals) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColAssists, value: String(s.assists) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColYellow, value: String(s.yellowCards) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColRed, value: String(s.redCards) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColRating, value: opt(s.averageRating, 1) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColXg, value: opt(s.expectedGoals, 2) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColShots, value: opt(s.totalShots) })
+      (next !== null || availability !== null) && /* @__PURE__ */ jsx102(AvailabilityCard, { ui, next, availability }),
+      /* @__PURE__ */ jsxs86("div", { children: [
+        eyebrow !== null && /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-eyebrow ss-w-pd-eyebrow--block", children: eyebrow }),
+        /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-tiles", children: [
+          /* @__PURE__ */ jsx102(Tile, { label: ui.statColGoals, value: String(s.goals) }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.statColAssists, value: String(s.assists) }),
+          typeof s.starts === "number" && /* @__PURE__ */ jsx102(Tile, { label: ui.detailStarted, value: String(s.starts) }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.detailMatches, value: String(s.appearances) }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.statColMinutes, value: String(s.minutesPlayed) }),
+          rating !== null && /* @__PURE__ */ jsx102(Tile, { label: ui.statColRating, value: rating.toFixed(2), pos: Math.round(rating * 100) / 100 >= 7 }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.detailYellows, value: String(s.yellowCards) }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.detailReds, value: String(s.redCards) })
         ] })
+      ] }),
+      detail.performance != null && /* @__PURE__ */ jsx102(PerformanceBars, { performance: detail.performance, competitionName: competition, strings: ui }),
+      log.length > 0 && /* @__PURE__ */ jsxs86("div", { children: [
+        /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-eyebrow ss-w-pd-eyebrow--block", children: ui.matchLogTitle }),
+        /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-card ss-w-pd-log", children: log.map((row) => /* @__PURE__ */ jsx102(MatchRow, { ui, row }, row.matchId)) })
       ] })
     ] })
   ] });
@@ -10106,12 +10502,12 @@ function PlayerDetail({ detail, loading, ui, seasonName, onClose }) {
 
 // src/components/PresetSpeedDial.tsx
 import { useId as useId10 } from "react";
-import { jsx as jsx100, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs87 } from "react/jsx-runtime";
 function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef, buttonRef }) {
   const pillsId = useId10();
   const tabIndex = expanded ? 0 : -1;
-  return /* @__PURE__ */ jsxs86("div", { ref: rootRef, className: "ss-w-dial", children: [
-    /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs87("div", { ref: rootRef, className: "ss-w-dial", children: [
+    /* @__PURE__ */ jsxs87(
       "button",
       {
         ref: buttonRef,
@@ -10122,28 +10518,28 @@ function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef
         "aria-label": strings.dialName,
         onClick: onToggle,
         children: [
-          /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-icon ss-w-dial-icon--open", children: /* @__PURE__ */ jsx100(SlidersIcon, {}) }),
-          /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-icon ss-w-dial-icon--close", children: /* @__PURE__ */ jsx100(CloseIcon, {}) }),
-          showDot && !expanded ? /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-dot", "aria-hidden": "true" }) : null
+          /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-icon ss-w-dial-icon--open", children: /* @__PURE__ */ jsx103(SlidersIcon, {}) }),
+          /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-icon ss-w-dial-icon--close", children: /* @__PURE__ */ jsx103(CloseIcon, {}) }),
+          showDot && !expanded ? /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-dot", "aria-hidden": "true" }) : null
         ]
       }
     ),
-    /* @__PURE__ */ jsxs86("div", { id: pillsId, className: "ss-w-dial-pills", "data-open": expanded ? "" : void 0, children: [
-      /* @__PURE__ */ jsxs86("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("numbers"), children: [
-        /* @__PURE__ */ jsx100(SlidersIcon, {}),
-        /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-pill-label", children: strings.setNumbers })
+    /* @__PURE__ */ jsxs87("div", { id: pillsId, className: "ss-w-dial-pills", "data-open": expanded ? "" : void 0, children: [
+      /* @__PURE__ */ jsxs87("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("numbers"), children: [
+        /* @__PURE__ */ jsx103(SlidersIcon, {}),
+        /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-pill-label", children: strings.setNumbers })
       ] }),
-      /* @__PURE__ */ jsxs86("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("combo"), children: [
-        /* @__PURE__ */ jsx100(ComboIcon, {}),
-        /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-pill-label", children: strings.buildCombo })
+      /* @__PURE__ */ jsxs87("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("combo"), children: [
+        /* @__PURE__ */ jsx103(ComboIcon, {}),
+        /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-pill-label", children: strings.buildCombo })
       ] })
     ] })
   ] });
 }
 
 // src/components/PresetTools.tsx
-import { Fragment as Fragment23, useEffect as useEffect31, useId as useId11, useRef as useRef28, useState as useState50 } from "react";
-import { Fragment as Fragment24, jsx as jsx101, jsxs as jsxs87 } from "react/jsx-runtime";
+import { Fragment as Fragment24, useEffect as useEffect31, useId as useId11, useRef as useRef28, useState as useState52 } from "react";
+import { Fragment as Fragment25, jsx as jsx104, jsxs as jsxs88 } from "react/jsx-runtime";
 var FOCUSABLE = 'button:not([disabled]), [href], input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
   const dialogRef = useRef28(null);
@@ -10181,79 +10577,79 @@ function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
       first.focus();
     }
   };
-  return /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-backdrop", children: /* @__PURE__ */ jsxs87("div", { ref: dialogRef, className: "ss-w-tool", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, onKeyDown: trapTab, children: [
-    /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-head", children: [
-      /* @__PURE__ */ jsx101("h2", { id: titleId, className: "ss-w-tool-title", children: title }),
-      /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-close", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ jsx101(CloseIcon, {}) })
+  return /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-backdrop", children: /* @__PURE__ */ jsxs88("div", { ref: dialogRef, className: "ss-w-tool", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, onKeyDown: trapTab, children: [
+    /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-head", children: [
+      /* @__PURE__ */ jsx104("h2", { id: titleId, className: "ss-w-tool-title", children: title }),
+      /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-close", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ jsx104(CloseIcon, {}) })
     ] }),
-    /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-body", children }),
-    footer ? /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-foot", children: footer }) : null
+    /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-body", children }),
+    footer ? /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-foot", children: footer }) : null
   ] }) });
 }
 function fillTemplate(template, slots) {
   return template.split(/(\{[a-z]+\})/).filter((part) => part !== "").map((part, i) => {
     const key = /^\{([a-z]+)\}$/.exec(part)?.[1];
-    return /* @__PURE__ */ jsx101(Fragment23, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
+    return /* @__PURE__ */ jsx104(Fragment24, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
   });
 }
 function NumberSelect({ current, choices: choices2, label, notToday, lockEmpty = true, onChoose }) {
   const selected = Math.max(0, choices2.findIndex((c) => c.text === current));
-  return /* @__PURE__ */ jsxs87("span", { className: "ss-w-tool-num", children: [
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: current }),
-    /* @__PURE__ */ jsx101("select", { className: "ss-w-tool-num-select", "aria-label": label, value: String(selected), onChange: (e) => {
+  return /* @__PURE__ */ jsxs88("span", { className: "ss-w-tool-num", children: [
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: current }),
+    /* @__PURE__ */ jsx104("select", { className: "ss-w-tool-num-select", "aria-label": label, value: String(selected), onChange: (e) => {
       const c = choices2[Number(e.target.value)];
       if (c) onChoose(c.value);
-    }, children: choices2.map((c, i) => /* @__PURE__ */ jsx101("option", { value: String(i), disabled: lockEmpty && !c.available && i !== selected, children: c.available ? c.text : `${c.text}${notToday}` }, i)) })
+    }, children: choices2.map((c, i) => /* @__PURE__ */ jsx104("option", { value: String(i), disabled: lockEmpty && !c.available && i !== selected, children: c.available ? c.text : `${c.text}${notToday}` }, i)) })
   ] });
 }
 function ChoiceSelect({ currentIdx, sizeLabels, optionLabels, label, onChoose }) {
   const sizeText = sizeLabels[currentIdx] ?? "";
-  return /* @__PURE__ */ jsxs87("span", { className: "ss-w-tool-num", children: [
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: sizeText }),
-    /* @__PURE__ */ jsx101("select", { className: "ss-w-tool-num-select", "aria-label": label, value: String(currentIdx), onChange: (e) => onChoose(Number(e.target.value)), children: optionLabels.map((opt, i) => /* @__PURE__ */ jsx101("option", { value: String(i), children: opt }, i)) })
+  return /* @__PURE__ */ jsxs88("span", { className: "ss-w-tool-num", children: [
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: sizeText }),
+    /* @__PURE__ */ jsx104("select", { className: "ss-w-tool-num-select", "aria-label": label, value: String(currentIdx), onChange: (e) => onChoose(Number(e.target.value)), children: optionLabels.map((opt, i) => /* @__PURE__ */ jsx104("option", { value: String(i), children: opt }, i)) })
   ] });
 }
 function SendButton({ label, display, disabled, onClick }) {
-  return /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-send", "aria-label": `${label}: ${display}`, disabled, onClick, children: label });
+  return /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-send", "aria-label": `${label}: ${display}`, disabled, onClick, children: label });
 }
 function PickList({ picks, formatKickoff }) {
-  return /* @__PURE__ */ jsx101("ul", { className: "ss-w-tool-picks", role: "list", children: picks.map((p) => /* @__PURE__ */ jsxs87("li", { className: "ss-w-tool-pick", children: [
-    /* @__PURE__ */ jsxs87("span", { className: "ss-w-tool-pick-match", children: [
+  return /* @__PURE__ */ jsx104("ul", { className: "ss-w-tool-picks", role: "list", children: picks.map((p) => /* @__PURE__ */ jsxs88("li", { className: "ss-w-tool-pick", children: [
+    /* @__PURE__ */ jsxs88("span", { className: "ss-w-tool-pick-match", children: [
       p.homeTeamName,
       " \u2013 ",
       p.awayTeamName
     ] }),
-    /* @__PURE__ */ jsxs87("span", { className: "ss-w-tool-pick-sel", children: [
+    /* @__PURE__ */ jsxs88("span", { className: "ss-w-tool-pick-sel", children: [
       p.marketLabel,
       ": ",
       p.selectionLabel,
       p.line ? ` ${p.line}` : ""
     ] }),
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-pick-kick", children: formatKickoff(p.kickoffUtc) }),
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-pick-price", children: p.price.toFixed(2) })
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-pick-kick", children: formatKickoff(p.kickoffUtc) }),
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-pick-price", children: p.price.toFixed(2) })
   ] }, p.matchOddsId)) });
 }
 function ComboPreview({ cell, formatKickoff }) {
-  return /* @__PURE__ */ jsxs87(Fragment24, { children: [
-    /* @__PURE__ */ jsx101(PickList, { picks: cell.combo.legs, formatKickoff }),
-    /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-math", children: cell.combo.multiplication })
+  return /* @__PURE__ */ jsxs88(Fragment25, { children: [
+    /* @__PURE__ */ jsx104(PickList, { picks: cell.combo.legs, formatKickoff }),
+    /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-math", children: cell.combo.multiplication })
   ] });
 }
 function Unavailable({ text }) {
-  return /* @__PURE__ */ jsx101("p", { className: "ss-w-tool-unavailable", children: text });
+  return /* @__PURE__ */ jsx104("p", { className: "ss-w-tool-unavailable", children: text });
 }
 function AskRow({ icon, ask, ready, send }) {
-  return /* @__PURE__ */ jsxs87("section", { className: "ss-w-tool-row ss-w-tool-row--ask", children: [
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-main", children: [
-      /* @__PURE__ */ jsx101("p", { className: "ss-w-tool-ask", children: ask }),
-      ready ? /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-ready", children: ready }) : null
+  return /* @__PURE__ */ jsxs88("section", { className: "ss-w-tool-row ss-w-tool-row--ask", children: [
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-main", children: [
+      /* @__PURE__ */ jsx104("p", { className: "ss-w-tool-ask", children: ask }),
+      ready ? /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-ready", children: ready }) : null
     ] }),
     send
   ] });
 }
 function RoundSend({ label, display, disabled, onClick }) {
-  return /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-go", "aria-label": `${label}: ${display}`, disabled, onClick, children: /* @__PURE__ */ jsx101(SendIcon, {}) });
+  return /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-go", "aria-label": `${label}: ${display}`, disabled, onClick, children: /* @__PURE__ */ jsx104(SendIcon, {}) });
 }
 var BIG_COMBO = { total: 50, legs: 6 };
 function SetNumbersTool({ grid, strings, streaming, onSend, onClose }) {
@@ -10262,15 +10658,15 @@ function SetNumbersTool({ grid, strings, streaming, onSend, onClose }) {
   const totals = comboTotals(grid);
   const legChoices = comboLegChoices(grid);
   const count = FIXED_SINGLES_COUNT;
-  const [maxPrice, setMaxPrice] = useState50(() => startSingles(grid.singles, limits, START.maxPrice, count));
-  const [minPrice, setMinPrice] = useState50(() => startSingles(grid.singlesFrom, floors, START.minPrice, count));
-  const [start] = useState50(() => startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs));
-  const [total, setTotal] = useState50(start.total);
-  const [legs, setLegs] = useState50(start.legs);
-  const [bigStart] = useState50(() => startCombo(grid, totals, legChoices, BIG_COMBO.total, BIG_COMBO.legs));
-  const [bigTotal, setBigTotal] = useState50(bigStart.total);
-  const [bigLegs, setBigLegs] = useState50(bigStart.legs);
-  const [announcement, setAnnouncement] = useState50("");
+  const [maxPrice, setMaxPrice] = useState52(() => startSingles(grid.singles, limits, START.maxPrice, count));
+  const [minPrice, setMinPrice] = useState52(() => startSingles(grid.singlesFrom, floors, START.minPrice, count));
+  const [start] = useState52(() => startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs));
+  const [total, setTotal] = useState52(start.total);
+  const [legs, setLegs] = useState52(start.legs);
+  const [bigStart] = useState52(() => startCombo(grid, totals, legChoices, BIG_COMBO.total, BIG_COMBO.legs));
+  const [bigTotal, setBigTotal] = useState52(bigStart.total);
+  const [bigLegs, setBigLegs] = useState52(bigStart.legs);
+  const [announcement, setAnnouncement] = useState52("");
   const maxCell = findSingles(grid.singles, maxPrice, count);
   const minCell = findSingles(grid.singlesFrom, minPrice, count);
   const comboCell = findCombo(grid, total, legs);
@@ -10314,95 +10710,95 @@ function SetNumbersTool({ grid, strings, streaming, onSend, onClose }) {
   const totalChoices = totals.map((v) => ({ value: v, text: v.toFixed(1), available: legChoices.some((n) => !!findCombo(grid, v, n)) }));
   const legChoicesFor = (t) => legChoices.map((n) => ({ value: n, text: String(n), available: !!findCombo(grid, t, n) }));
   const markets = grid.markets ?? [];
-  const [marketIdx, setMarketIdx] = useState50(0);
+  const [marketIdx, setMarketIdx] = useState52(0);
   const marketCell = markets[marketIdx] ?? null;
   const marketLabels = markets.map((c) => strings.marketShort(c.marketDeveloperName, c.marketLabel, c.selectionLabel ?? null));
   const singlesReady = (cell) => cell ? strings.readyCount(cell.picks.length) : strings.unavailable;
   const comboReady = (cell) => cell ? strings.readyAt(cell.combo.total) : strings.unavailable;
-  return /* @__PURE__ */ jsxs87(PresetToolModal, { title: strings.setNumbers, closeLabel: strings.close, onClose, children: [
-    /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsxs88(PresetToolModal, { title: strings.setNumbers, closeLabel: strings.close, onClose, children: [
+    /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u{1F3AF}",
         ask: fillTemplate(strings.maxPriceRow, {
           count: String(count),
-          price: /* @__PURE__ */ jsx101(NumberSelect, { current: maxPrice.toFixed(2), choices: maxChoices, label: strings.maxPriceName, notToday: strings.notToday, onChoose: chooseMax })
+          price: /* @__PURE__ */ jsx104(NumberSelect, { current: maxPrice.toFixed(2), choices: maxChoices, label: strings.maxPriceName, notToday: strings.notToday, onChoose: chooseMax })
         }),
         ready: singlesReady(maxCell),
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: strings.maxPriceDisplay(count, maxPrice), disabled: !maxCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: strings.maxPriceDisplay(count, maxPrice), disabled: !maxCell || streaming, onClick: () => {
           if (maxCell) onSend(maxPriceAsk(maxCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u{1F4C8}",
         ask: fillTemplate(strings.minPriceRow, {
           count: String(count),
-          price: /* @__PURE__ */ jsx101(NumberSelect, { current: minPrice.toFixed(2), choices: minChoices, label: strings.minPriceName, notToday: strings.notToday, onChoose: chooseMin })
+          price: /* @__PURE__ */ jsx104(NumberSelect, { current: minPrice.toFixed(2), choices: minChoices, label: strings.minPriceName, notToday: strings.notToday, onChoose: chooseMin })
         }),
         ready: singlesReady(minCell),
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: strings.minPriceDisplay(count, minPrice), disabled: !minCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: strings.minPriceDisplay(count, minPrice), disabled: !minCell || streaming, onClick: () => {
           if (minCell) onSend(minPriceAsk(minCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u2728",
         ask: fillTemplate(strings.comboRow, {
-          legs: /* @__PURE__ */ jsx101(NumberSelect, { current: String(legs), choices: legChoicesFor(total), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseLegs }),
-          total: /* @__PURE__ */ jsx101(NumberSelect, { current: total.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseTotal })
+          legs: /* @__PURE__ */ jsx104(NumberSelect, { current: String(legs), choices: legChoicesFor(total), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseLegs }),
+          total: /* @__PURE__ */ jsx104(NumberSelect, { current: total.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseTotal })
         }),
         ready: comboReady(comboCell),
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: strings.comboDisplay(legs, total), disabled: !comboCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: strings.comboDisplay(legs, total), disabled: !comboCell || streaming, onClick: () => {
           if (comboCell) onSend(comboAsk(comboCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u{1F3C6}",
         ask: fillTemplate(strings.bigComboRow, {
-          legs: /* @__PURE__ */ jsx101(NumberSelect, { current: String(bigLegs), choices: legChoicesFor(bigTotal), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseBigLegs }),
-          total: /* @__PURE__ */ jsx101(NumberSelect, { current: bigTotal.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseBigTotal })
+          legs: /* @__PURE__ */ jsx104(NumberSelect, { current: String(bigLegs), choices: legChoicesFor(bigTotal), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseBigLegs }),
+          total: /* @__PURE__ */ jsx104(NumberSelect, { current: bigTotal.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseBigTotal })
         }),
         ready: comboReady(bigCell),
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: strings.comboDisplay(bigLegs, bigTotal), disabled: !bigCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: strings.comboDisplay(bigLegs, bigTotal), disabled: !bigCell || streaming, onClick: () => {
           if (bigCell) onSend(comboAsk(bigCell, strings));
         } })
       }
     ),
-    markets.length > 0 && /* @__PURE__ */ jsx101(
+    markets.length > 0 && /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u26BD",
         ask: fillTemplate(strings.marketRow, {
-          market: /* @__PURE__ */ jsx101(ChoiceSelect, { currentIdx: marketIdx, sizeLabels: marketLabels, optionLabels: marketLabels, label: strings.marketName, onChoose: chooseMarket })
+          market: /* @__PURE__ */ jsx104(ChoiceSelect, { currentIdx: marketIdx, sizeLabels: marketLabels, optionLabels: marketLabels, label: strings.marketName, onChoose: chooseMarket })
         }),
         ready: marketCell ? strings.readyCount(marketCell.count) : null,
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: marketCell ? marketDisplay(marketCell, strings) : "", disabled: !marketCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: marketCell ? marketDisplay(marketCell, strings) : "", disabled: !marketCell || streaming, onClick: () => {
           if (marketCell) onSend(marketAsk(marketCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ jsx101("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ jsx104("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
   ] });
 }
 function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal, initialLegs, onSend, onClose }) {
   const totals = comboTotals(grid);
   const legChoices = comboLegChoices(grid);
-  const [start] = useState50(() => initialTotal === void 0 ? startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs) : null);
-  const [total, setTotal] = useState50(() => initialTotal !== void 0 ? nearest(totals, initialTotal) : start.total);
-  const [legs, setLegs] = useState50(() => {
+  const [start] = useState52(() => initialTotal === void 0 ? startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs) : null);
+  const [total, setTotal] = useState52(() => initialTotal !== void 0 ? nearest(totals, initialTotal) : start.total);
+  const [legs, setLegs] = useState52(() => {
     if (initialTotal === void 0) return initialLegs !== void 0 ? clampLegs(legChoices, initialLegs) : start.legs;
     const from = initialLegs !== void 0 ? clampLegs(legChoices, initialLegs) : startValue(legChoices, START.comboLegs);
     return legsForTotal(grid, nearest(totals, initialTotal), from);
   });
-  const [announcement, setAnnouncement] = useState50("");
+  const [announcement, setAnnouncement] = useState52("");
   const cell = findCombo(grid, total, legs);
   const minLegs = legChoices[0] ?? legs;
   const maxLegs = legChoices[legChoices.length - 1] ?? legs;
@@ -10413,29 +10809,29 @@ function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal,
     const d = strings.comboDisplay(nextLegs, nextTotal);
     setAnnouncement(findCombo(grid, nextTotal, nextLegs) ? d : `${d}. ${strings.unavailable}`);
   };
-  const footer = /* @__PURE__ */ jsx101(SendButton, { label: strings.send, display, disabled: !cell || streaming, onClick: () => {
+  const footer = /* @__PURE__ */ jsx104(SendButton, { label: strings.send, display, disabled: !cell || streaming, onClick: () => {
     if (cell) onSend(comboAsk(cell, strings));
   } });
-  return /* @__PURE__ */ jsxs87(PresetToolModal, { title: strings.buildCombo, closeLabel: strings.close, onClose, footer, children: [
-    /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.totalLabel, children: [
-      /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.totalLabel }),
-      /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-chip", "aria-pressed": samePrice(t, total), onClick: () => choose(t, samePrice(t, total) ? legs : legsForTotal(grid, t, legs)), children: t.toFixed(1) }, t)) })
+  return /* @__PURE__ */ jsxs88(PresetToolModal, { title: strings.buildCombo, closeLabel: strings.close, onClose, footer, children: [
+    /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.totalLabel, children: [
+      /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.totalLabel }),
+      /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-chip", "aria-pressed": samePrice(t, total), onClick: () => choose(t, samePrice(t, total) ? legs : legsForTotal(grid, t, legs)), children: t.toFixed(1) }, t)) })
     ] }),
-    /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.matchesLabel, children: [
-      /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.matchesLabel }),
-      /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-stepper", children: [
-        /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.fewerMatches, disabled: legs <= minLegs, onClick: () => choose(total, legs - 1), children: "\u2212" }),
-        /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-count", children: legs }),
-        /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.moreMatches, disabled: legs >= maxLegs, onClick: () => choose(total, legs + 1), children: "+" })
+    /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.matchesLabel, children: [
+      /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.matchesLabel }),
+      /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-stepper", children: [
+        /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.fewerMatches, disabled: legs <= minLegs, onClick: () => choose(total, legs - 1), children: "\u2212" }),
+        /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-count", children: legs }),
+        /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.moreMatches, disabled: legs >= maxLegs, onClick: () => choose(total, legs + 1), children: "+" })
       ] })
     ] }),
-    cell ? /* @__PURE__ */ jsx101(ComboPreview, { cell, formatKickoff }) : /* @__PURE__ */ jsx101(Unavailable, { text: strings.unavailable }),
-    /* @__PURE__ */ jsx101("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
+    cell ? /* @__PURE__ */ jsx104(ComboPreview, { cell, formatKickoff }) : /* @__PURE__ */ jsx104(Unavailable, { text: strings.unavailable }),
+    /* @__PURE__ */ jsx104("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
   ] });
 }
 
 // src/usePresetDial.ts
-import { useCallback as useCallback21, useEffect as useEffect32, useRef as useRef29, useState as useState51 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect32, useRef as useRef29, useState as useState53 } from "react";
 function sendInFlight(messages, isStreaming) {
   const last = messages[messages.length - 1];
   return isStreaming && !!last && last.role === "assistant" && !last.done && !last.isGreeting;
@@ -10449,7 +10845,7 @@ function lastUserId(messages) {
 }
 var SCROLL_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "]);
 function usePresetDial({ layerRef, dialRef, dialButtonRef, messages, isStreaming, activeTab }) {
-  const [expanded, setExpanded] = useState51(() => !sendInFlight(messages, isStreaming));
+  const [expanded, setExpanded] = useState53(() => !sendInFlight(messages, isStreaming));
   const fold = useCallback21(() => setExpanded(false), []);
   const toggle = useCallback21(() => setExpanded((e) => !e), []);
   const currentUserId = lastUserId(messages);
@@ -10532,10 +10928,10 @@ function markToolSeen() {
 }
 
 // src/components/ChatPanel.tsx
-import { Fragment as Fragment25, jsx as jsx102, jsxs as jsxs88 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx105, jsxs as jsxs89 } from "react/jsx-runtime";
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
-  const [modal, setModal] = useState52(false);
+  const [modal, setModal] = useState54(false);
   useEffect33(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
@@ -10550,8 +10946,8 @@ var HIDDEN_LAYER_STYLE = { position: "absolute", inset: 0, visibility: "hidden",
 var SQUAD_LAYER_STYLE = { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 };
 function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, gamesResult, leaderboardResult, clubFixturesResult, clubStandingsResult, clubSquadResult, clubSquadStatsResult, clubPlayerDetailResult, loggedIn, conversation, presetGrid }) {
   const { state, close, stop, send, reset } = controller;
-  const [squadView, setSquadView] = useState52("roster");
-  const [selectedPlayerId, setSelectedPlayerId] = useState52(null);
+  const [squadView, setSquadView] = useState54("roster");
+  const [selectedPlayerId, setSelectedPlayerId] = useState54(null);
   const clearPlayerDetail = clubPlayerDetailResult?.clear;
   const fetchPlayerDetail = clubPlayerDetailResult?.fetch;
   const squadLayerRef = useRef30(null);
@@ -10605,8 +11001,8 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
   const limitRef = useRef30(null);
   const typedSendRef = useRef30(false);
   const focusAfterCloseRef = useRef30(null);
-  const [tool, setTool] = useState52(null);
-  const [toolSeen, setToolSeen] = useState52(readToolSeen);
+  const [tool, setTool] = useState54(null);
+  const [toolSeen, setToolSeen] = useState54(readToolSeen);
   const dial = usePresetDial({
     layerRef,
     dialRef,
@@ -10663,8 +11059,8 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     focusAfterCloseRef.current = "composer";
     setTool(null);
   }, [tool, onChatTab, presetGrid]);
-  return /* @__PURE__ */ jsxs88("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsxs89("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ jsx105(
       ChatHeader,
       {
         onClose: close,
@@ -10677,7 +11073,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         moreOptionsLabel: ui.moreOptions
       }
     ),
-    monitor && /* @__PURE__ */ jsx102(
+    monitor && /* @__PURE__ */ jsx105(
       TabBar,
       {
         monitor,
@@ -10690,9 +11086,9 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         clubEnabled: clubFixturesResult?.enabled ?? false
       }
     ),
-    /* @__PURE__ */ jsxs88("div", { ref: layerRef, className: "ss-w-chat-layer", "data-dial": presetGrid ? "" : void 0, style: onChatTab ? void 0 : HIDDEN_LAYER_STYLE, children: [
-      /* @__PURE__ */ jsx102(PresetToolsContext.Provider, { value: toolsValue, children: /* @__PURE__ */ jsx102(MessageList, { controller, ui, slip, onDashboardTap, monitor }) }),
-      showDial ? /* @__PURE__ */ jsx102(
+    /* @__PURE__ */ jsxs89("div", { ref: layerRef, className: "ss-w-chat-layer", "data-dial": presetGrid ? "" : void 0, style: onChatTab ? void 0 : HIDDEN_LAYER_STYLE, children: [
+      /* @__PURE__ */ jsx105(PresetToolsContext.Provider, { value: toolsValue, children: /* @__PURE__ */ jsx105(MessageList, { controller, ui, slip, onDashboardTap, monitor }) }),
+      showDial ? /* @__PURE__ */ jsx105(
         PresetSpeedDial,
         {
           expanded: dial.expanded,
@@ -10704,21 +11100,21 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
           buttonRef: dialButtonRef
         }
       ) : null,
-      tool && presetGrid && onChatTab && !paused ? tool.kind === "numbers" ? /* @__PURE__ */ jsx102(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ jsx102(BuildComboTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, formatKickoff, initialTotal: tool.total, initialLegs: tool.legs, onSend: sendAsk, onClose: closeTool }) : null
+      tool && presetGrid && onChatTab && !paused ? tool.kind === "numbers" ? /* @__PURE__ */ jsx105(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ jsx105(BuildComboTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, formatKickoff, initialTotal: tool.total, initialLegs: tool.legs, onSend: sendAsk, onClose: closeTool }) : null
     ] }),
-    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ jsx102(TodayPanel, { discovery, ui, monitor }),
-    monitor && monitor.activeTab === "following" && /* @__PURE__ */ jsx102(MatchesPanel, { monitor, ui, slip, onAsk: paused ? void 0 : handleAsk }),
-    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ jsx102(OddsPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "fixtures" && /* @__PURE__ */ jsx102(Fixtures, { fixtures: clubFixturesResult?.fixtures ?? [], loading: clubFixturesResult?.loading ?? false, ui }),
-    monitor && monitor.activeTab === "standings" && /* @__PURE__ */ jsx102(Standings, { standings: clubStandingsResult?.data ?? null, loading: clubStandingsResult?.loading ?? false, ui }),
-    monitor && monitor.activeTab === "squad" && /* @__PURE__ */ jsxs88(Fragment25, { children: [
-      /* @__PURE__ */ jsx102(
+    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ jsx105(TodayPanel, { discovery, ui, monitor }),
+    monitor && monitor.activeTab === "following" && /* @__PURE__ */ jsx105(MatchesPanel, { monitor, ui, slip, onAsk: paused ? void 0 : handleAsk }),
+    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ jsx105(OddsPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "fixtures" && /* @__PURE__ */ jsx105(Fixtures, { fixtures: clubFixturesResult?.fixtures ?? [], loading: clubFixturesResult?.loading ?? false, ui }),
+    monitor && monitor.activeTab === "standings" && /* @__PURE__ */ jsx105(Standings, { standings: clubStandingsResult?.data ?? null, loading: clubStandingsResult?.loading ?? false, ui }),
+    monitor && monitor.activeTab === "squad" && /* @__PURE__ */ jsxs89(Fragment26, { children: [
+      /* @__PURE__ */ jsx105(
         "div",
         {
           ref: squadLayerRef,
           style: selectedPlayerId === null ? SQUAD_LAYER_STYLE : HIDDEN_LAYER_STYLE,
           "aria-hidden": selectedPlayerId !== null ? true : void 0,
-          children: /* @__PURE__ */ jsx102(
+          children: /* @__PURE__ */ jsx105(
             Squad,
             {
               squad: clubSquadResult?.data ?? null,
@@ -10728,14 +11124,17 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
               onToggleView: () => setSquadView((v) => v === "roster" ? "stats" : "roster"),
               stats: clubSquadStatsResult?.data ?? null,
               statsLoading: clubSquadStatsResult?.loading ?? false,
+              seasonName: clubSquadStatsResult?.seasonName ?? null,
+              competitionName: clubSquadStatsResult?.competitionName ?? null,
+              matchesPlayed: clubSquadStatsResult?.matchesPlayed ?? null,
               onSelectPlayer: selectPlayer
             }
           )
         }
       ),
-      selectedPlayerId !== null && /* @__PURE__ */ jsx102(PlayerDetail, { detail: clubPlayerDetailResult?.data ?? null, loading: clubPlayerDetailResult?.loading ?? false, ui, seasonName: clubSquadStatsResult?.seasonName ?? null, onClose: closePlayer })
+      selectedPlayerId !== null && /* @__PURE__ */ jsx105(PlayerDetail, { detail: clubPlayerDetailResult?.data ?? null, loading: clubPlayerDetailResult?.loading ?? false, ui, seasonName: clubSquadStatsResult?.seasonName ?? null, onClose: closePlayer })
     ] }),
-    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ jsx102(
+    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ jsx105(
       GamesPanel,
       {
         loggedIn: !!loggedIn,
@@ -10750,9 +11149,9 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         }
       }
     ),
-    (!monitor || monitor.activeTab !== "games") && /* @__PURE__ */ jsxs88(Fragment25, { children: [
-      /* @__PURE__ */ jsx102("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
-      paused ? null : /* @__PURE__ */ jsx102(
+    (!monitor || monitor.activeTab !== "games") && /* @__PURE__ */ jsxs89(Fragment26, { children: [
+      /* @__PURE__ */ jsx105("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
+      paused ? null : /* @__PURE__ */ jsx105(
         ChatInput,
         {
           ref: inputRef,
@@ -10771,9 +11170,9 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
 }
 
 // src/components/HostEventsProvider.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 function HostEventsProvider({ value, children }) {
-  return /* @__PURE__ */ jsx103(SlipStateContext.Provider, { value: value.slipState, children });
+  return /* @__PURE__ */ jsx106(SlipStateContext.Provider, { value: value.slipState, children });
 }
 
 // src/styles/css.generated.ts
@@ -10784,7 +11183,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
   --ss-w-cta: #f5a623; --ss-w-cta-ink: #1b1300;
   --ss-w-ink: #14181d; --ss-w-faint: #6b7580; --ss-w-line: #e4e8ec;
   --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;
-  --ss-w-pos: #1aa563; --ss-w-neg: #e0524b;
+  --ss-w-pos: #1aa563; --ss-w-neg: #e0524b; --ss-w-warn: #c07a00;
   --ss-w-home: #3a63a8; --ss-w-away: #c8102e; --ss-w-track: #e9edf1;
   --ss-w-correct: #1f9d55; --ss-w-wrong: #b9bbc2;
   --ss-w-radius: 16px; --ss-w-offset-x: 20px; --ss-w-offset-y: 20px;
@@ -10796,7 +11195,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
     --ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
     --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
     --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
-    --ss-w-pos: #37c891; --ss-w-neg: #f0655d;
+    --ss-w-pos: #37c891; --ss-w-neg: #f0655d; --ss-w-warn: #e0a030;
     --ss-w-home: #5b83c8; --ss-w-away: #e8384f; --ss-w-track: #232d3a;
     --ss-w-correct: #37c86b; --ss-w-wrong: #3a3a41;
   }
@@ -10805,7 +11204,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
   --ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
   --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
   --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
-  --ss-w-pos: #37c891; --ss-w-neg: #f0655d;
+  --ss-w-pos: #37c891; --ss-w-neg: #f0655d; --ss-w-warn: #e0a030;
   --ss-w-home: #5b83c8; --ss-w-away: #e8384f; --ss-w-track: #232d3a;
   --ss-w-correct: #37c86b; --ss-w-wrong: #3a3a41;
 }
@@ -11782,8 +12181,13 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-fandash-live-team-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 700; line-height: 1.15; color: var(--ss-w-ink); }
 .ss-w-fandash-live-score-main { display: flex; align-items: baseline; justify-content: center; font-size: 36px; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1; white-space: nowrap; color: var(--ss-w-ink); }
 .ss-w-fandash-live-score-sep { color: var(--ss-w-faint); font-weight: 500; margin: 0 5px; }
-.ss-w-fandash-live-scorers { margin-top: 12px; display: flex; justify-content: flex-end; gap: 7px; align-items: center; font-size: 12.5px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
-.ss-w-fandash-live-scorers-icon { flex: none; color: var(--ss-w-away); }
+.ss-w-fandash-live-scorers-row { margin-top: 12px; display: flex; justify-content: space-between; gap: 10px; }
+.ss-w-fandash-live-scorers { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 12.5px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
+.ss-w-fandash-live-scorers--home { justify-content: flex-start; }
+.ss-w-fandash-live-scorers--away { justify-content: flex-end; }
+.ss-w-fandash-live-scorers--home .ss-w-fandash-live-scorers-icon { color: var(--ss-w-home); }
+.ss-w-fandash-live-scorers--away .ss-w-fandash-live-scorers-icon { color: var(--ss-w-away); }
+.ss-w-fandash-live-scorers-icon { flex: none; }
 
 /* live timeline: a compact two-sided event list down a centre spine -- each club's events sit on
    its own side (home left, away right), most-recent 3 shown with a "See more" toggle for the
@@ -11936,7 +12340,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-sq-name { font-size: 13px; font-weight: 600; color: var(--ss-w-ink); }
 .ss-w-sq-name { flex: 1; min-width: 0; }
 .ss-w-sq-name-1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.ss-w-sq-seg { display: flex; flex: none; gap: 2px; margin: 10px 14px 0; padding: 2px; border-radius: var(--ss-w-radius); background: var(--ss-w-track); }
+.ss-w-sq-seg { display: flex; gap: 2px; padding: 2px; border-radius: var(--ss-w-radius); background: var(--ss-w-track); }
 .ss-w-sq-seg-btn { flex: 1; padding: 5px 8px; border: 0; border-radius: calc(var(--ss-w-radius) - 2px); background: transparent; font: inherit; font-size: 12px; font-weight: 600; color: var(--ss-w-faint); cursor: pointer; }
 .ss-w-sq-seg-btn[aria-pressed="true"] { background: var(--ss-w-panel); color: var(--ss-w-ink); }
 .ss-w-sq-seg-btn:focus-visible, .ss-w-sq-tap:focus-visible, .ss-w-pd-back:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: 1px; }
@@ -11944,15 +12348,95 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-sq-col { flex: none; width: 40px; text-align: center; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
 .ss-w-sq-head { border-bottom: 0; padding-bottom: 0; }
 .ss-w-sq-head .ss-w-sq-col { font-size: 10px; font-weight: 700; color: var(--ss-w-faint); }
-.ss-w-pd-bar { flex: none; padding: 8px 14px 0; }
-.ss-w-pd-back { padding: 4px 0; border: 0; background: transparent; font: inherit; font-size: 12px; font-weight: 600; color: var(--ss-w-accent); cursor: pointer; }
-.ss-w-pd-name { font-size: 16px; font-weight: 700; color: var(--ss-w-ink); }
-.ss-w-pd-sub { margin-top: 2px; font-size: 12px; color: var(--ss-w-faint); }
-.ss-w-pd-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
-.ss-w-pd-bio { grid-template-columns: repeat(2, 1fr); }
-.ss-w-pd-field { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border: 1px solid var(--ss-w-line); border-radius: var(--ss-w-radius); }
-.ss-w-pd-label { font-size: 10px; font-weight: 700; letter-spacing: .04em; color: var(--ss-w-faint); }
-.ss-w-pd-value { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-sq-stats { padding-top: 10px; gap: 10px; }
+.ss-w-sq-card { background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; overflow: hidden; }
+.ss-w-sq-stats .ss-w-sq-row { display: grid; grid-template-columns: 1fr 26px 30px 36px 20px 20px 20px 20px 36px; gap: 0; padding: 7px 10px; font-size: 11px; }
+.ss-w-sq-card > :last-child { border-bottom: 0; }
+.ss-w-sq-pos, .ss-w-sq-c20, .ss-w-sq-c30, .ss-w-sq-c36 { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; font-weight: 400; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-sq-stats .ss-w-sq-head { padding-bottom: 7px; border-bottom: 1px solid var(--ss-w-line); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; color: var(--ss-w-faint); }
+.ss-w-sq-stats .ss-w-sq-head > span { font-size: 9px; font-weight: 700; color: var(--ss-w-faint); }
+.ss-w-sq-player { display: flex; align-items: center; gap: 6px; min-width: 0; }
+.ss-w-sq-badge { flex: none; width: 18px; height: 18px; border-radius: 6px; background: var(--ss-w-track); color: var(--ss-w-faint); font-size: 9px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
+.ss-w-sq-stats .ss-w-sq-name { font-size: 11px; }
+.ss-w-sq-rtg { font-weight: 700; }
+.ss-w-sq-rtg-none { color: var(--ss-w-faint); font-weight: 400; }
+.ss-w-sq-stats .ss-w-pos-ink { color: var(--ss-w-pos); font-weight: 700; }
+.ss-w-sq-foot { padding: 0 2px; font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-sq-bar { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 10px 14px 0; }
+.ss-w-sq-bar .ss-w-sq-seg { margin: 0; }
+.ss-w-sq-bar .ss-w-sq-seg:only-child { flex: 1; }
+.ss-w-sq-bar .ss-w-sq-seg:not(:only-child) { flex: none; }
+.ss-w-sq-eyebrow { flex: 1; min-width: 0; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ss-w-faint); }
+@media (max-width: 429px) { .ss-w-sq-badge { display: none; } }
+@media (max-width: 359px) {
+  .ss-w-sq-yr { display: none; }
+  .ss-w-sq-stats .ss-w-sq-row { grid-template-columns: 1fr 26px 30px 36px 20px 20px 36px; }
+}
+.ss-w-pd-bar { flex: none; display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--ss-w-line); line-height: normal; }
+.ss-w-pd-back { display: flex; align-items: center; gap: 2px; min-height: 32px; padding: 8px 8px 8px 0; margin: -8px 0; border: 0; background: transparent; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--ss-w-faint); cursor: pointer; }
+.ss-w-pd-back:hover { color: var(--ss-w-ink); }
+.ss-w-mon-list.ss-w-pd-list { padding: 16px; gap: 14px; line-height: normal; }
+.ss-w-pd-card { background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; }
+.ss-w-pd-faint { color: var(--ss-w-faint); }
+.ss-w-pd-profile { display: flex; gap: 12px; padding: 14px; }
+.ss-w-pd-photo { flex: none; border-radius: 50%; border: 1px solid var(--ss-w-line); background: var(--ss-w-bubble); object-fit: cover; }
+.ss-w-pd-avatar { display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--ss-w-ink); }
+.ss-w-pd-profile-main { flex: 1; min-width: 0; }
+.ss-w-pd-name { font-size: 16px; font-weight: 800; color: var(--ss-w-ink); overflow-wrap: break-word; }
+.ss-w-pd-sub { margin-top: 1px; font-size: 12px; color: var(--ss-w-faint); }
+/* Two columns as on the board, collapsing to one when a column would drop under 80px (narrow phones). */
+.ss-w-pd-bio { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(80px, calc((100% - 10px) / 2)), 1fr)); gap: 4px 10px; margin-top: 10px; font-size: 11.5px; }
+.ss-w-pd-bio-item { min-width: 0; overflow-wrap: break-word; }
+.ss-w-pd-pitch { position: relative; flex: none; width: 56px; height: 76px; border: 1px solid var(--ss-w-line); border-radius: 6px; background: var(--ss-w-track); }
+.ss-w-pd-pitch-dot { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--ss-w-accent); border: 2px solid var(--ss-w-nav); transform: translate(-50%, -50%); }
+.ss-w-pd-avail { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; }
+.ss-w-pd-avail-text { min-width: 0; }
+.ss-w-pd-avail-next { font-size: 12.5px; font-weight: 700; }
+.ss-w-pd-avail-note { margin-top: 1px; font-size: 11px; color: var(--ss-w-faint); }
+.ss-w-pd-pill { flex: none; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; white-space: nowrap; }
+.ss-w-pd-pill--pos, .ss-w-pd-chip--pos { background: color-mix(in srgb, var(--ss-w-pos) 14%, transparent); color: var(--ss-w-pos); }
+.ss-w-pd-pill--warn, .ss-w-pd-chip--warn { background: color-mix(in srgb, var(--ss-w-warn) 14%, transparent); color: var(--ss-w-warn); }
+.ss-w-pd-pill--neg, .ss-w-pd-chip--neg { background: color-mix(in srgb, var(--ss-w-neg) 14%, transparent); color: var(--ss-w-neg); }
+.ss-w-pd-pill--draw { background: var(--ss-w-track); color: var(--ss-w-faint); }
+.ss-w-pd-eyebrow { font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ss-w-faint); padding: 0 2px; }
+.ss-w-pd-eyebrow--block { margin-bottom: 8px; }
+.ss-w-pd-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
+.ss-w-pd-tile { min-width: 0; padding: 10px; background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; }
+.ss-w-pd-tile-label { font-size: 10.5px; color: var(--ss-w-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ss-w-pd-tile-value { margin-top: 2px; font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; }
+.ss-w-pd-pos-ink { color: var(--ss-w-pos); }
+/* Below 360px the board's 10px tile padding clips "Matches"/"Minutes" (43px) in a ~34px label box. */
+@media (max-width: 359px) {
+  .ss-w-pd-tiles { gap: 6px; }
+  .ss-w-pd-tile { padding: 10px 6px; }
+}
+.ss-w-pd-perf-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 2px; }
+.ss-w-pd-perf-head .ss-w-pd-eyebrow { flex: 1; min-width: 0; }
+.ss-w-pd-seg { flex: none; display: flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--ss-w-track); }
+.ss-w-pd-seg-btn { padding: 5px 12px; border: 0; border-radius: 999px; background: transparent; font: inherit; font-size: 11.5px; font-weight: 700; line-height: normal; white-space: nowrap; color: var(--ss-w-faint); cursor: pointer; }
+.ss-w-pd-seg-btn[aria-pressed="true"] { background: var(--ss-w-nav); color: #fff; }
+.ss-w-pd-seg-btn:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: 1px; }
+.ss-w-pd-perf-sub { margin-bottom: 10px; font-size: 11px; color: var(--ss-w-faint); }
+.ss-w-pd-perf-head + .ss-w-pd-perf-cards { margin-top: 10px; }
+.ss-w-pd-perf-cards { display: flex; flex-direction: column; gap: 8px; }
+.ss-w-pd-perf-card { padding: 14px; }
+.ss-w-pd-perf-group { margin-bottom: 10px; font-size: 12.5px; font-weight: 700; }
+.ss-w-pd-bar-row + .ss-w-pd-bar-row { margin-top: 12px; }
+.ss-w-pd-bar-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 5px; font-size: 12.5px; }
+.ss-w-pd-bar-label { min-width: 0; overflow-wrap: break-word; }
+.ss-w-pd-bar-value { flex: none; font-weight: 700; font-variant-numeric: tabular-nums; }
+.ss-w-pd-track { height: 6px; border-radius: 999px; background: var(--ss-w-track); overflow: hidden; }
+.ss-w-pd-fill { height: 100%; border-radius: 999px; }
+.ss-w-pd-fill--pos { background: var(--ss-w-pos); }
+.ss-w-pd-fill--warn { background: var(--ss-w-warn); }
+.ss-w-pd-fill--neg { background: var(--ss-w-neg); }
+.ss-w-pd-match { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--ss-w-line); }
+.ss-w-pd-match:last-child { border-bottom: none; }
+.ss-w-pd-match-date { font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-pd-match-opp { font-size: 12.5px; font-weight: 600; overflow-wrap: break-word; }
+.ss-w-pd-match-sub { margin-top: 1px; font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-pd-chip-empty { min-width: 30px; }
+.ss-w-pd-chip { min-width: 30px; padding: 3px 0; border-radius: 6px; text-align: center; font-size: 11.5px; font-weight: 800; font-variant-numeric: tabular-nums; }
 .ss-w-rec-list { margin: 0; padding: 0; list-style: none; }
 .ss-w-rec-value { flex: none; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
 .ss-w-rec-since { font-size: 12px; color: var(--ss-w-faint); }
@@ -12559,7 +13043,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 `;
 
 // src/StatsWidget.tsx
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -12600,7 +13084,7 @@ function StatsWidget(props) {
   }, []);
   const convStorageKey = `ss-w-conv:${cfg?.operatorId ?? ""}:${cfg?.userContext?.operatorUserId ?? "anon"}`;
   const controller = useChatStream(built?.conversation ?? emptyConversation(), ui.starters, built ? ui.greetingMessage : void 0, convStorageKey);
-  const [hasToday, setHasToday] = useState53(false);
+  const [hasToday, setHasToday] = useState55(false);
   const liveCardWatches = useMemo6(() => {
     const seen = /* @__PURE__ */ new Set();
     const out = [];
@@ -12784,7 +13268,7 @@ function StatsWidget(props) {
   }, [built, ui.injectStyles]);
   if (!built) return null;
   const attrs = themeAttrs(ui);
-  return /* @__PURE__ */ jsx104(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ jsx104(HostEventsProvider, { value: hostEvents, children: /* @__PURE__ */ jsx104("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx107(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ jsx107(HostEventsProvider, { value: hostEvents, children: /* @__PURE__ */ jsx107("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ jsx107(
     ChatPanel,
     {
       controller,
@@ -12804,7 +13288,7 @@ function StatsWidget(props) {
       conversation: built?.conversation ?? null,
       presetGrid
     }
-  ) : /* @__PURE__ */ jsx104(
+  ) : /* @__PURE__ */ jsx107(
     ChatFab,
     {
       label: ui.launcherLabel,