@sensiblestats/widget-react 0.80.0 → 0.81.0

package/dist/index.cjs

@@ -37,7 +37,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/StatsWidget.tsx
-var import_react57 = require("react");
+var import_react60 = require("react");
 var import_widget_sdk6 = require("@sensiblestats/widget-sdk");
 
 // src/kickoff.ts
@@ -152,6 +152,19 @@ var STRINGS = {
     accordionSuspended: "Suspended",
     tabToday: "Today",
     sectionLive: "Live",
+    yourLeagues: "Your leagues",
+    topLeagues: "Top leagues",
+    topLeaguesSub: "Popular today.",
+    allLeagues: "All leagues",
+    searchLeaguesPlaceholder: "Search leagues or teams",
+    noLeagueResults: "No league or team matches that search.",
+    starOnLabel: "Add to Your leagues",
+    starOffLabel: "Remove from Your leagues",
+    starredToast: "Added to Your leagues.",
+    unstarredToast: "Removed from Your leagues.",
+    leagueDetailPosition: (index, total) => `${index} of ${total}`,
+    prevLeagueLabel: "Previous league",
+    nextLeagueLabel: "Next league",
     halfTime: "HT",
     staleStates: "Live scores can't be updated \u2014 showing the last known state.",
     tabGames: "Games",
@@ -504,6 +517,19 @@ var STRINGS = {
     accordionSuspended: "Ask\u0131da",
     tabToday: "Bug\xFCn",
     sectionLive: "Canl\u0131",
+    yourLeagues: "Liglerin",
+    topLeagues: "\xD6ne \xE7\u0131kan ligler",
+    topLeaguesSub: "Bug\xFCn pop\xFCler.",
+    allLeagues: "T\xFCm ligler",
+    searchLeaguesPlaceholder: "Lig veya tak\u0131m ara",
+    noLeagueResults: "Aramana uyan lig veya tak\u0131m yok.",
+    starOnLabel: "Liglerine ekle",
+    starOffLabel: "Liglerinden \xE7\u0131kar",
+    starredToast: "Liglerin b\xF6l\xFCm\xFCne eklendi.",
+    unstarredToast: "Liglerin b\xF6l\xFCm\xFCnden \xE7\u0131kar\u0131ld\u0131.",
+    leagueDetailPosition: (index, total) => `${index} / ${total}`,
+    prevLeagueLabel: "\xD6nceki lig",
+    nextLeagueLabel: "Sonraki lig",
     halfTime: "\u0130Y",
     staleStates: "Canl\u0131 skorlar g\xFCncellenemiyor \u2014 son bilinen durum g\xF6steriliyor.",
     tabGames: "Oyunlar",
@@ -853,6 +879,19 @@ function normalizeUi(cfg) {
     tabOdds: strings.tabOdds,
     tabToday: strings.tabToday,
     sectionLive: strings.sectionLive,
+    yourLeagues: strings.yourLeagues,
+    topLeagues: strings.topLeagues,
+    topLeaguesSub: strings.topLeaguesSub,
+    allLeagues: strings.allLeagues,
+    searchLeaguesPlaceholder: strings.searchLeaguesPlaceholder,
+    noLeagueResults: strings.noLeagueResults,
+    starOnLabel: strings.starOnLabel,
+    starOffLabel: strings.starOffLabel,
+    starredToast: strings.starredToast,
+    unstarredToast: strings.unstarredToast,
+    leagueDetailPosition: strings.leagueDetailPosition,
+    prevLeagueLabel: strings.prevLeagueLabel,
+    nextLeagueLabel: strings.nextLeagueLabel,
     halfTime: strings.halfTime,
     staleStates: strings.staleStates,
     pinLabel: strings.pinLabel,
@@ -2754,14 +2793,14 @@ var import_react6 = require("react");
 
 // src/scheduleCache.ts
 var PREFIX = "ss-w-schedule:";
-var SCHEMA_VERSION = 1;
+var SCHEMA_VERSION = 2;
 var TTL_MS2 = 6 * 36e5;
-function scheduleCacheKey(operatorId, localDate) {
-  return `${PREFIX}${operatorId}:${localDate}`;
+function scheduleCacheKey(operatorId, encodedUserKey2, localDate) {
+  return `${PREFIX}${operatorId}:${encodedUserKey2}:${localDate}`;
 }
-function read(operatorId, localDate) {
+function read(operatorId, encodedUserKey2, localDate) {
   try {
-    const raw = localStorage.getItem(scheduleCacheKey(operatorId, localDate));
+    const raw = localStorage.getItem(scheduleCacheKey(operatorId, encodedUserKey2, localDate));
     if (!raw) return null;
     const entry = JSON.parse(raw);
     if (entry.v !== SCHEMA_VERSION || !entry.payload) return null;
@@ -2770,13 +2809,13 @@ function read(operatorId, localDate) {
     return null;
   }
 }
-function readSchedule(operatorId, localDate, nowMs) {
-  const entry = read(operatorId, localDate);
+function readSchedule(operatorId, encodedUserKey2, localDate, nowMs) {
+  const entry = read(operatorId, encodedUserKey2, localDate);
   if (!entry) return null;
   return nowMs - entry.at > TTL_MS2 ? null : entry.payload;
 }
-function readScheduleIgnoringTtl(operatorId, localDate) {
-  return read(operatorId, localDate)?.payload ?? null;
+function readScheduleIgnoringTtl(operatorId, encodedUserKey2, localDate) {
+  return read(operatorId, encodedUserKey2, localDate)?.payload ?? null;
 }
 function skeletonOnly(payload) {
   return {
@@ -2784,9 +2823,13 @@ function skeletonOnly(payload) {
     groups: payload.groups.map((g) => ({
       competitionId: g.competitionId,
       competitionName: g.competitionName,
+      competitionCountry: g.competitionCountry ?? null,
       competitionImagePath: g.competitionImagePath ?? null,
       rank: g.rank,
       expandedByDefault: g.expandedByDefault,
+      isStarred: g.isStarred,
+      isLearned: g.isLearned,
+      learnedRank: g.learnedRank,
       matches: g.matches.map((m) => ({
         matchId: m.matchId,
         homeTeamName: m.homeTeamName,
@@ -2798,9 +2841,9 @@ function skeletonOnly(payload) {
     }))
   };
 }
-function writeSchedule(operatorId, localDate, payload, nowMs) {
-  const keep = scheduleCacheKey(operatorId, localDate);
-  const mine = `${PREFIX}${operatorId}:`;
+function writeSchedule(operatorId, encodedUserKey2, localDate, payload, nowMs) {
+  const keep = scheduleCacheKey(operatorId, encodedUserKey2, localDate);
+  const mine = `${PREFIX}${operatorId}:${encodedUserKey2}:`;
   try {
     for (let i = localStorage.length - 1; i >= 0; i--) {
       const key = localStorage.key(i);
@@ -2811,6 +2854,12 @@ function writeSchedule(operatorId, localDate, payload, nowMs) {
   } catch {
   }
 }
+function patchScheduleStar(operatorId, encodedUserKey2, localDate, competitionId, star) {
+  const entry = read(operatorId, encodedUserKey2, localDate);
+  if (!entry) return;
+  const groups = entry.payload.groups.map((g) => g.competitionId === competitionId ? { ...g, ...star } : g);
+  writeSchedule(operatorId, encodedUserKey2, localDate, { ...entry.payload, groups }, entry.at);
+}
 
 // src/dueSet.ts
 var TERMINAL_PHASES = /* @__PURE__ */ new Set(["fullTime", "postponed"]);
@@ -2831,6 +2880,9 @@ function dueMatchIds(groups, states, nowMs) {
 var POLL_MS = 6e4;
 var ROLLOVER_CHECK_MS = 6e4;
 var STALE_AFTER_FAILURES = 2;
+function encodedUserKey(operatorUserId, anonymousUserId) {
+  return encodeURIComponent(operatorUserId || anonymousUserId || "none");
+}
 function localDateOf(now) {
   const y = now.getFullYear();
   const m = `${now.getMonth() + 1}`.padStart(2, "0");
@@ -2841,15 +2893,12 @@ function useMatchDiscovery(opts) {
   const [groups, setGroups] = (0, import_react6.useState)([]);
   const [states, setStates] = (0, import_react6.useState)({});
   const [failures, setFailures] = (0, import_react6.useState)(0);
-  const [expanded, setExpanded] = (0, import_react6.useState)({});
-  const [touched, setTouched] = (0, import_react6.useState)({});
   const groupsRef = (0, import_react6.useRef)(groups);
   groupsRef.current = groups;
   const statesRef = (0, import_react6.useRef)(states);
   statesRef.current = states;
   const getStatesRef = (0, import_react6.useRef)(opts.getStates);
   getStatesRef.current = opts.getStates;
-  const pinnedKey = opts.pinnedMatchIds.join(",");
   const [localDate, setLocalDate] = (0, import_react6.useState)(() => localDateOf(/* @__PURE__ */ new Date()));
   (0, import_react6.useEffect)(() => {
     const id = setInterval(() => {
@@ -2861,7 +2910,8 @@ function useMatchDiscovery(opts) {
   (0, import_react6.useEffect)(() => {
     let cancelled = false;
     const utcOffsetMinutes = -(/* @__PURE__ */ new Date()).getTimezoneOffset();
-    const cached = readSchedule(opts.operatorId, localDate, Date.now());
+    const key = encodedUserKey(opts.operatorUserId, opts.anonymousUserId);
+    const cached = readSchedule(opts.operatorId, key, localDate, Date.now());
     if (cached) {
       if (!cancelled) setGroups(cached.groups);
       return () => {
@@ -2872,28 +2922,17 @@ function useMatchDiscovery(opts) {
       try {
         const payload = await opts.getSchedule(localDate, utcOffsetMinutes);
         if (cancelled || !payload) return;
-        writeSchedule(opts.operatorId, localDate, payload, Date.now());
+        writeSchedule(opts.operatorId, key, localDate, payload, Date.now());
         setGroups(payload.groups);
       } catch {
-        const fallback = readScheduleIgnoringTtl(opts.operatorId, localDate);
+        const fallback = readScheduleIgnoringTtl(opts.operatorId, key, localDate);
         if (!cancelled && fallback) setGroups(fallback.groups);
       }
     })();
     return () => {
       cancelled = true;
     };
-  }, [opts.operatorId, localDate]);
-  (0, import_react6.useEffect)(() => {
-    setExpanded((prev) => {
-      const next = {};
-      for (const group of groups) {
-        const hasPin = group.matches.some((m) => opts.pinnedMatchIds.includes(m.matchId));
-        const seeded = group.expandedByDefault || hasPin;
-        next[group.competitionId] = touched[group.competitionId] ? prev[group.competitionId] ?? seeded : seeded;
-      }
-      return next;
-    });
-  }, [groups, pinnedKey, touched]);
+  }, [opts.operatorId, opts.operatorUserId, opts.anonymousUserId, localDate]);
   const tick = (0, import_react6.useCallback)(async () => {
     const ids = dueMatchIds(groupsRef.current, statesRef.current, Date.now());
     if (ids.length === 0) return;
@@ -2923,11 +2962,20 @@ function useMatchDiscovery(opts) {
     () => stale ? 0 : Object.values(states).filter((s) => s.phase === "live").length,
     [states, stale]
   );
-  const toggleGroup = (0, import_react6.useCallback)((competitionId) => {
-    setTouched((prev) => ({ ...prev, [competitionId]: true }));
-    setExpanded((prev) => ({ ...prev, [competitionId]: !prev[competitionId] }));
-  }, []);
-  return { groups, states, liveCount, stale, expanded, toggleGroup, _tick: tick };
+  const starLeague = (0, import_react6.useCallback)(async (competitionId, starred) => {
+    let result;
+    try {
+      result = await opts.postLeagueStar(competitionId, starred);
+    } catch {
+      return false;
+    }
+    if (!result) return false;
+    const patch = { isStarred: result.starred, isLearned: false, learnedRank: null };
+    setGroups((prev) => prev.map((g) => g.competitionId === competitionId ? { ...g, ...patch } : g));
+    patchScheduleStar(opts.operatorId, encodedUserKey(opts.operatorUserId, opts.anonymousUserId), localDate, competitionId, patch);
+    return true;
+  }, [opts.postLeagueStar, opts.operatorId, opts.operatorUserId, opts.anonymousUserId, localDate]);
+  return { groups, states, liveCount, stale, starLeague, _tick: tick };
 }
 
 // src/useGames.ts
@@ -3401,7 +3449,7 @@ function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup,
 }
 
 // src/components/ChatPanel.tsx
-var import_react56 = require("react");
+var import_react59 = require("react");
 
 // src/components/ChatHeader.tsx
 var import_react15 = require("react");
@@ -5909,16 +5957,135 @@ function OddsPanel({ monitor, ui, slip }) {
   }) });
 }
 
-// src/components/FixtureRow.tsx
+// src/components/TodayPanel.tsx
+var import_react40 = require("react");
+
+// src/placement.ts
+function placeLeagues(visible, pinnedMatchIds) {
+  const candidates = [];
+  const candidateIds = /* @__PURE__ */ new Set();
+  for (const g of visible) {
+    if (g.isStarred) {
+      candidates.push(g);
+      candidateIds.add(g.competitionId);
+    }
+  }
+  let budget = 4;
+  const pinned = visible.find(
+    (g) => !candidateIds.has(g.competitionId) && g.matches.some((m) => pinnedMatchIds.includes(m.matchId))
+  ) ?? null;
+  if (pinned && budget > 0) {
+    candidates.push(pinned);
+    candidateIds.add(pinned.competitionId);
+    budget -= 1;
+  }
+  const learned = visible.filter((g) => g.isLearned && !candidateIds.has(g.competitionId)).sort((a, b) => (a.learnedRank ?? Number.MAX_SAFE_INTEGER) - (b.learnedRank ?? Number.MAX_SAFE_INTEGER));
+  for (const g of learned) {
+    if (budget <= 0) break;
+    candidates.push(g);
+    candidateIds.add(g.competitionId);
+    budget -= 1;
+  }
+  const personal = candidates.length > 0;
+  const pool = personal ? candidates : visible.slice(0, 4);
+  const poolIds = personal ? candidateIds : new Set(pool.map((g) => g.competitionId));
+  const others = visible.filter((g) => !poolIds.has(g.competitionId));
+  return { personal, candidates: pool, others, order: [...pool, ...others], pinnedCompetitionId: pinned?.competitionId ?? null };
+}
+function starClickable(group, pinnedCompetitionId) {
+  return group.isStarred || group.competitionId !== pinnedCompetitionId;
+}
+
+// src/search.ts
+function foldSearchText(s) {
+  return s.replace(/İ/g, "I").replace(/ı/g, "i").normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+}
+function matchesQuery(group, query) {
+  const q = foldSearchText(query.trim());
+  if (!q) return true;
+  if (foldSearchText(group.competitionName).includes(q)) return true;
+  if (group.competitionCountry && foldSearchText(group.competitionCountry).includes(q)) return true;
+  return group.matches.some(
+    (m) => foldSearchText(m.homeTeamName).includes(q) || foldSearchText(m.awayTeamName).includes(q)
+  );
+}
+
+// src/useStarTap.ts
+var import_react38 = require("react");
+function useStarTap(starLeague) {
+  const [pendingId, setPendingId] = (0, import_react38.useState)(null);
+  const pendingRef = (0, import_react38.useRef)(null);
+  const tap = (0, import_react38.useCallback)(async (competitionId, next) => {
+    if (pendingRef.current !== null) return false;
+    pendingRef.current = competitionId;
+    setPendingId(competitionId);
+    try {
+      return await starLeague(competitionId, next);
+    } finally {
+      pendingRef.current = null;
+      setPendingId(null);
+    }
+  }, [starLeague]);
+  return { pendingId, tap };
+}
+
+// src/components/LeagueTile.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
+var STAR_PATH = "M12 2.5l2.9 5.9 6.5.95-4.7 4.58 1.1 6.47L12 17.35 6.1 20.4l1.1-6.47L2.5 9.35l6.5-.95z";
+function LeagueTile({ group, starClickable: starClickable2, disambiguate, onOpen, starTap, ui }) {
+  const onStarClick = () => {
+    void starTap.tap(group.competitionId, !group.isStarred);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "ss-w-today-tile", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("button", { type: "button", className: "ss-w-today-tile-body", onClick: onOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Crest2, { url: group.competitionImagePath ?? void 0, name: group.competitionName, kind: "comp" }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "ss-w-today-tile-name", children: [
+        group.competitionName,
+        disambiguate && group.competitionCountry ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "ss-w-today-tile-country", children: [
+          " (",
+          group.competitionCountry,
+          ")"
+        ] }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "ss-w-today-tile-star",
+        "aria-pressed": group.isStarred,
+        "aria-label": group.isStarred ? ui.starOffLabel : ui.starOnLabel,
+        disabled: !starClickable2 || starTap.pendingId !== null,
+        onClick: onStarClick,
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          "path",
+          {
+            d: STAR_PATH,
+            fill: group.isStarred ? "currentColor" : "none",
+            stroke: group.isStarred ? "none" : "currentColor",
+            strokeWidth: 2,
+            strokeLinejoin: "round",
+            strokeLinecap: "round"
+          }
+        ) })
+      }
+    )
+  ] });
+}
+
+// src/components/LeagueDetail.tsx
+var import_react39 = require("react");
+
+// src/components/FixtureRow.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function kickoffLabel(kickoffUnix) {
   const d = new Date(kickoffUnix * 1e3);
   return `${`${d.getHours()}`.padStart(2, "0")}:${`${d.getMinutes()}`.padStart(2, "0")}`;
 }
 function Side({ name, crest, away = false }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: away ? "ss-w-drow-side ss-w-drow-side--away" : "ss-w-drow-side", children: [
-    crest ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "ss-w-drow-nm", children: name })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: away ? "ss-w-drow-side ss-w-drow-side--away" : "ss-w-drow-side", children: [
+    crest ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-drow-nm", children: name })
   ] });
 }
 function FixtureRow({ match, state, stale, ui, monitor }) {
@@ -5927,100 +6094,310 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
   const score = hasScore ? `${state.homeScore}\u2013${state.awayScore}` : void 0;
   const ticked = state?.phase === "live" ? state.minuteLabel ?? null : null;
   const when = state?.isHalfTime && !stale ? ui.halfTime : isLive ? ticked ?? "\u2014" : state?.phase === "live" ? "\u2014" : kickoffLabel(match.kickoffUnix);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: isLive || state?.isHalfTime ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: isLive || state?.isHalfTime ? "ss-w-drow-when ss-w-drow-when--live" : "ss-w-drow-when", children: when }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "ss-w-drow-fx", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: hasScore ? "ss-w-drow-sc" : "ss-w-drow-sc ss-w-drow-sc--idle", children: score ?? "\u2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, away: true })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: isLive || state?.isHalfTime ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: isLive || state?.isHalfTime ? "ss-w-drow-when ss-w-drow-when--live" : "ss-w-drow-when", children: when }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "ss-w-drow-fx", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: hasScore ? "ss-w-drow-sc" : "ss-w-drow-sc ss-w-drow-sc--idle", children: score ?? "\u2013" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, away: true })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
   ] });
 }
 
-// src/components/CompetitionGroup.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, disambiguate = false }) {
+// src/components/LeagueDetail.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var STAR_PATH2 = "M12 2.5l2.9 5.9 6.5.95-4.7 4.58 1.1 6.47L12 17.35 6.1 20.4l1.1-6.47L2.5 9.35l6.5-.95z";
+function LeagueDetail({ group, position, states, stale, ui, monitor, starTap, onBack, onPrev, onNext }) {
+  const [toast, setToast] = (0, import_react39.useState)(null);
+  (0, import_react39.useEffect)(() => {
+    setToast(null);
+  }, [group.competitionId]);
+  (0, import_react39.useEffect)(() => {
+    if (toast === null) return;
+    const id = setTimeout(() => setToast(null), 4e3);
+    return () => clearTimeout(id);
+  }, [toast]);
   const own = group.matches.filter((m) => !isTreatedLive(states[m.matchId], stale));
-  const hasLive = own.length !== group.matches.length;
-  if (own.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-grp", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("button", { type: "button", className: "ss-w-grp-head", "aria-expanded": open, onClick: onToggle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-grp-chev", children: open ? "\u25BE" : "\u25B8" }),
-      hasLive && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "ss-w-grp-name", children: [
-        group.competitionName,
-        disambiguate && group.competitionCountry ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "ss-w-grp-country", children: [
-          " (",
-          group.competitionCountry,
-          ")"
-        ] }) : null
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-grp-count", children: own.length })
+  const onStarClick = () => {
+    const next = !group.isStarred;
+    void starTap.tap(group.competitionId, next).then((ok) => {
+      if (ok) setToast(next ? ui.starredToast : ui.unstarredToast);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-today-detail", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-today-detail-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", className: "ss-w-today-detail-back", "aria-label": ui.back, onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ChevronIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Crest2, { url: group.competitionImagePath ?? void 0, name: group.competitionName, kind: "comp" }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ss-w-today-detail-name", children: group.competitionName }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-today-detail-star",
+          "aria-pressed": group.isStarred,
+          "aria-label": group.isStarred ? ui.starOffLabel : ui.starOnLabel,
+          disabled: starTap.pendingId !== null,
+          onClick: onStarClick,
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            "path",
+            {
+              d: STAR_PATH2,
+              fill: group.isStarred ? "currentColor" : "none",
+              stroke: group.isStarred ? "none" : "currentColor",
+              strokeWidth: 2,
+              strokeLinejoin: "round",
+              strokeLinecap: "round"
+            }
+          ) })
+        }
+      )
     ] }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-grp-body", children: own.map((m) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId)) })
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-today-detail-nav", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-today-detail-prev",
+          "aria-label": ui.prevLeagueLabel,
+          disabled: position.index <= 1,
+          onClick: onPrev,
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ChevronIcon, {})
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ss-w-today-detail-pos", children: ui.leagueDetailPosition(position.index, position.total) }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-today-detail-next",
+          "aria-label": ui.nextLeagueLabel,
+          disabled: position.index >= position.total,
+          onClick: onNext,
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ChevronIcon, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-today-detail-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ss-w-today-detail-count", children: own.length }),
+      own.map((m) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId))
+    ] }),
+    toast !== null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "ss-w-today-toast", role: "status", "aria-live": "polite", children: toast })
+  ] });
+}
+
+// src/components/games/ui/icons.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var svg = (size, children, fill = false) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: fill ? "currentColor" : "none",
+    stroke: fill ? "none" : "currentColor",
+    strokeWidth: 2.2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children
+  }
+);
+var IconChevronLeft = ({ size = 20 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M15 18l-6-6 6-6" }));
+var IconLock = ({ size = 14 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" }, "b")]);
+var IconCheck = ({ size = 14 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M5 12l5 5 9-10" }));
+var IconClose = ({ size = 16 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M6 6l12 12M18 6L6 18" }));
+var IconSearch = ({ size = 18 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: "11", cy: "11", r: "7" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M20 20l-3.5-3.5" }, "b")]);
+var IconPlus = ({ size = 20 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M12 5v14M5 12h14" }));
+var IconBulb = ({ size = 16 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M9 18h6M10 21h4" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M12 3a6 6 0 0 0-3.5 10.9V16h7v-2.1A6 6 0 0 0 12 3z" }, "b")]);
+var IconArrowUp = ({ size = 12 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M12 19V5M5 12l7-7 7 7" }));
+var IconArrowDown = ({ size = 12 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M12 5v14M19 12l-7 7-7-7" }));
+var IconCalendar = ({ size = 18 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { x: "4", y: "5", width: "16", height: "15", rx: "2" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M4 10h16M9 3v4M15 3v4" }, "b")]);
+var IconShield = ({ size = 18 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M12 3l7 3v6c0 5-3 8-7 9-4-1-7-4-7-9V6z" }));
+var IconFlag = ({ size = 18 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M5 21V4M5 4h12l-2 4 2 4H5" }));
+var IconBall = ({ size = 18 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: "12", cy: "12", r: "9" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M12 7l4 3-1.5 4.5h-5L8 10z" }, "b")]);
+var IconBoot = ({ size = 18 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M4 6h6l1 6 8 3v3H4z" }));
+var IconGloves = ({ size = 18 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M7 21v-8l-2-3V6a1.5 1.5 0 0 1 3 0v3V4a1.5 1.5 0 0 1 3 0v5V3.5a1.5 1.5 0 0 1 3 0V9V5a1.5 1.5 0 0 1 3 0v9l-2 3v4z" }));
+var IconFlame = ({ size = 16 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M12 3c1 4 5 5 5 10a5 5 0 0 1-10 0c0-3 2-4 2-7 1.5 1 2 2 2 3 1-2 1-4 1-6z" }), true);
+
+// src/components/games/ui/SearchField.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+function SearchField({ id, label, labelHidden = false, placeholder, value, onChange, disabled, inputRef, onKeyDown }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ss-g-search", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("label", { htmlFor: id, className: labelHidden ? "ss-g-sr" : "ss-g-search-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ss-g-search-box", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(IconSearch, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        "input",
+        {
+          id,
+          ref: inputRef,
+          type: "text",
+          autoComplete: "off",
+          placeholder,
+          value,
+          disabled,
+          onKeyDown,
+          onChange: (e) => onChange(e.target.value)
+        }
+      )
+    ] })
   ] });
 }
 
 // src/components/TodayPanel.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function TodayPanel({ discovery, ui, monitor }) {
-  const { groups, states, stale, expanded, toggleGroup } = discovery;
+  const { groups, states, stale, starLeague } = discovery;
+  const searchId = (0, import_react40.useId)();
+  const [query, setQuery] = (0, import_react40.useState)("");
+  const [selectedCompetitionId, setSelectedCompetitionId] = (0, import_react40.useState)(null);
+  const [toast, setToast] = (0, import_react40.useState)(null);
+  (0, import_react40.useEffect)(() => {
+    if (toast === null) return;
+    const id = setTimeout(() => setToast(null), 4e3);
+    return () => clearTimeout(id);
+  }, [toast]);
   const visibleGroups = visibleGroupsOf(groups, states);
-  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 pinnedMatchIds = (0, import_react40.useMemo)(
+    () => monitor.pins.filter((p) => p.kind === "match").map((p) => p.matchId),
+    [monitor.pins]
+  );
+  const placement = (0, import_react40.useMemo)(() => placeLeagues(visibleGroups, pinnedMatchIds), [visibleGroups, pinnedMatchIds]);
+  const starTap = useStarTap(starLeague);
+  const gridStarTap = (0, import_react40.useMemo)(() => ({
+    pendingId: starTap.pendingId,
+    tap: async (competitionId, next) => {
+      const ok = await starTap.tap(competitionId, next);
+      if (ok) setToast(next ? "starred" : "unstarred");
+      return ok;
+    }
+  }), [starTap, starTap.pendingId]);
   const nameCounts = visibleGroups.reduce((acc, g) => {
     acc[g.competitionName] = (acc[g.competitionName] ?? 0) + 1;
     return acc;
   }, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-mon-list", children: [
-    stale && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ss-w-stale", children: ui.staleStates }),
-    liveRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-sec-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
-        ui.sectionLive
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ss-w-today-live", children: liveRows.map(({ match }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        FixtureRow,
-        {
-          match,
-          state: states[match.matchId],
-          stale,
-          ui,
-          monitor
-        },
-        match.matchId
-      )) })
+  const openIndex = selectedCompetitionId === null ? -1 : placement.order.findIndex((g) => g.competitionId === selectedCompetitionId);
+  const openGroup = openIndex === -1 ? void 0 : placement.order[openIndex];
+  (0, import_react40.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ss-w-sec-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
+      ui.sectionLive
     ] }),
-    visibleGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-      CompetitionGroup,
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-today-live", children: liveRows.map(({ match }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      FixtureRow,
       {
-        group,
-        open: expanded[group.competitionId] ?? group.expandedByDefault,
-        onToggle: () => toggleGroup(group.competitionId),
-        disambiguate: (nameCounts[group.competitionName] ?? 0) > 1,
-        states,
+        match,
+        state: states[match.matchId],
         stale,
         ui,
         monitor
       },
-      group.competitionId
-    ))
+      match.matchId
+    )) })
+  ] });
+  if (openGroup !== void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-today-root", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ss-w-mon-list", children: [
+      stale && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-stale", children: ui.staleStates }),
+      liveBand,
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        LeagueDetail,
+        {
+          group: openGroup,
+          position: { index: openIndex + 1, total: placement.order.length },
+          states,
+          stale,
+          ui,
+          monitor,
+          starTap,
+          onBack: () => setSelectedCompetitionId(null),
+          onPrev: () => setSelectedCompetitionId(placement.order[Math.max(0, openIndex - 1)].competitionId),
+          onNext: () => setSelectedCompetitionId(
+            placement.order[Math.min(placement.order.length - 1, openIndex + 1)].competitionId
+          )
+        }
+      )
+    ] }) });
+  }
+  const searching = query.trim().length > 0;
+  const searchResults = searching ? visibleGroups.filter((g) => matchesQuery(g, query)) : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ss-w-today-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ss-w-mon-list", children: [
+      stale && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-stale", children: ui.staleStates }),
+      !searching && liveBand,
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        SearchField,
+        {
+          id: searchId,
+          label: ui.searchLeaguesPlaceholder,
+          labelHidden: true,
+          placeholder: ui.searchLeaguesPlaceholder,
+          value: query,
+          onChange: setQuery
+        }
+      ),
+      searching ? searchResults.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-today-empty", children: ui.noLeagueResults }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-today-tiles", children: searchResults.map((group) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        LeagueTile,
+        {
+          group,
+          starClickable: starClickable(group, placement.pinnedCompetitionId),
+          disambiguate: (nameCounts[group.competitionName] ?? 0) > 1,
+          onOpen: () => setSelectedCompetitionId(group.competitionId),
+          starTap: gridStarTap,
+          ui
+        },
+        group.competitionId
+      )) }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ss-w-today-sec", children: [
+          placement.personal ? ui.yourLeagues : ui.topLeagues,
+          !placement.personal && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ss-w-today-sec-sub", children: ui.topLeaguesSub })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-today-tiles", children: placement.candidates.map((group) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          LeagueTile,
+          {
+            group,
+            starClickable: starClickable(group, placement.pinnedCompetitionId),
+            disambiguate: (nameCounts[group.competitionName] ?? 0) > 1,
+            onOpen: () => setSelectedCompetitionId(group.competitionId),
+            starTap: gridStarTap,
+            ui
+          },
+          group.competitionId
+        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-today-sec", children: ui.allLeagues }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-today-tiles", children: placement.others.map((group) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          LeagueTile,
+          {
+            group,
+            starClickable: starClickable(group, placement.pinnedCompetitionId),
+            disambiguate: (nameCounts[group.competitionName] ?? 0) > 1,
+            onOpen: () => setSelectedCompetitionId(group.competitionId),
+            starTap: gridStarTap,
+            ui
+          },
+          group.competitionId
+        )) })
+      ] })
+    ] }),
+    toast !== null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "ss-w-today-toast", role: "status", "aria-live": "polite", children: toast === "starred" ? ui.starredToast : ui.unstarredToast })
   ] });
 }
 
 // src/components/GamesPanel.tsx
-var import_react51 = require("react");
+var import_react54 = require("react");
 
 // src/components/GamesLoginWall.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function GamesLoginWall({ ui }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ss-w-games-wall", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { children: ui.gamesLoginRequired }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-games-wall", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: ui.gamesLoginRequired }) }) });
 }
 
 // src/components/GamesHub.tsx
-var import_react38 = require("react");
+var import_react41 = require("react");
 
 // src/components/games/ui/gameMeta.ts
 function prettifyGameId(gameId) {
@@ -6036,108 +6413,74 @@ function splitName(full) {
 }
 
 // src/components/GameTileArt.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function GameTileArt({ gameId }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { className: "ss-g-art", viewBox: "0 0 120 74", "aria-hidden": "true", children: ART[gameId] ?? ART.default });
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { className: "ss-g-art", viewBox: "0 0 120 74", "aria-hidden": "true", children: ART[gameId] ?? ART.default });
 }
-var head = (cx, cy, r, cls = "ss-g-art-fg") => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("g", { className: cls, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("circle", { cx, cy: cy - r * 0.3, r: r * 0.45 }),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("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 head = (cx, cy, r, cls = "ss-g-art-fg") => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("g", { className: cls, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { cx, cy: cy - r * 0.3, r: r * 0.45 }),
+  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+  "mystery-tiger": /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
     head(60, 38, 26, "ss-g-art-fg"),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("text", { x: "60", y: "36", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("text", { x: "60", y: "36", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "higher-or-lower": /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+  "higher-or-lower": /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
     head(32, 38, 20),
     head(88, 38, 20),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("circle", { cx: "60", cy: "37", r: "11", className: "ss-g-art-accent" }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M57 33l3-3 3 3M57 41l3 3 3-3", className: "ss-g-art-ink" })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: "60", cy: "37", r: "11", className: "ss-g-art-accent" }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M57 33l3-3 3 3M57 41l3 3 3-3", className: "ss-g-art-ink" })
   ] }),
-  "guess-the-xi": /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("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__ */ (0, import_jsx_runtime59.jsx)("circle", { cx: x, cy: y, r: "4", className: a ? "ss-g-art-accent" : "ss-g-art-dot" }, i))
+  "guess-the-xi": /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: x, cy: y, r: "4", className: a ? "ss-g-art-accent" : "ss-g-art-dot" }, i))
   ] }),
-  "daily-quiz": /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
-  "career-path": /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M18 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M48 37h8M84 37h8", className: "ss-g-art-line" }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M60 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { x: "96", y: "22", width: "18", height: "26", rx: "4", className: "ss-g-art-dash" }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("text", { x: "105", y: "40", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
+  "daily-quiz": /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
+  "career-path": /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M18 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M48 37h8M84 37h8", className: "ss-g-art-line" }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M60 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { x: "96", y: "22", width: "18", height: "26", rx: "4", className: "ss-g-art-dash" }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("text", { x: "105", y: "40", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "beat-the-grid": /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("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__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M10 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { x: "38", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-accent-stroke" }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { x: "64", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-dash" }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "M90 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" })
+  "beat-the-grid": /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M10 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { x: "38", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-accent-stroke" }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { x: "64", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-dash" }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M90 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" })
   ] }),
-  "starting-xi": /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("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__ */ (0, import_jsx_runtime59.jsx)("circle", { cx: x, cy: y, r: "5", className: i < 7 ? "ss-g-art-accent" : "ss-g-art-dash" }, i))
+  "starting-xi": /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: x, cy: y, r: "5", className: i < 7 ? "ss-g-art-accent" : "ss-g-art-dash" }, i))
   ] }),
-  "stat-ladder": /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("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__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("circle", { cx: "60", cy: "37", r: "26", className: "ss-g-art-accent-stroke" }),
+  "stat-ladder": /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: "60", cy: "37", r: "26", className: "ss-g-art-accent-stroke" }),
     head(60, 40, 18),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("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" })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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" })
   ] }),
-  default: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("circle", { cx: "60", cy: "37", r: "22", className: "ss-g-art-fg" })
+  default: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: "60", cy: "37", r: "22", className: "ss-g-art-fg" })
 };
 
 // src/components/games/ui/Chip.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function Chip({ variant = "neutral", icon, children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: `ss-g-chip ss-g-chip--${variant}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: `ss-g-chip ss-g-chip--${variant}${className ? ` ${className}` : ""}`, children: [
     icon,
     children
   ] });
 }
 function StatStack({ value, label }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "ss-g-statstack", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ss-g-statstack-v", children: value }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ss-g-statstack-l", children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "ss-g-statstack", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ss-g-statstack-v", children: value }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ss-g-statstack-l", children: label })
   ] });
 }
 
-// src/components/games/ui/icons.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var svg = (size, children, fill = false) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: fill ? "currentColor" : "none",
-    stroke: fill ? "none" : "currentColor",
-    strokeWidth: 2.2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children
-  }
-);
-var IconChevronLeft = ({ size = 20 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M15 18l-6-6 6-6" }));
-var IconLock = ({ size = 14 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" }, "b")]);
-var IconCheck = ({ size = 14 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M5 12l5 5 9-10" }));
-var IconClose = ({ size = 16 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M6 6l12 12M18 6L6 18" }));
-var IconSearch = ({ size = 18 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: "11", cy: "11", r: "7" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M20 20l-3.5-3.5" }, "b")]);
-var IconPlus = ({ size = 20 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 5v14M5 12h14" }));
-var IconBulb = ({ size = 16 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M9 18h6M10 21h4" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 3a6 6 0 0 0-3.5 10.9V16h7v-2.1A6 6 0 0 0 12 3z" }, "b")]);
-var IconArrowUp = ({ size = 12 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 19V5M5 12l7-7 7 7" }));
-var IconArrowDown = ({ size = 12 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 5v14M19 12l-7 7-7-7" }));
-var IconCalendar = ({ size = 18 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { x: "4", y: "5", width: "16", height: "15", rx: "2" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M4 10h16M9 3v4M15 3v4" }, "b")]);
-var IconShield = ({ size = 18 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 3l7 3v6c0 5-3 8-7 9-4-1-7-4-7-9V6z" }));
-var IconFlag = ({ size = 18 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M5 21V4M5 4h12l-2 4 2 4H5" }));
-var IconBall = ({ size = 18 }) => svg(size, [/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: "12", cy: "12", r: "9" }, "a"), /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 7l4 3-1.5 4.5h-5L8 10z" }, "b")]);
-var IconBoot = ({ size = 18 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M4 6h6l1 6 8 3v3H4z" }));
-var IconGloves = ({ size = 18 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M7 21v-8l-2-3V6a1.5 1.5 0 0 1 3 0v3V4a1.5 1.5 0 0 1 3 0v5V3.5a1.5 1.5 0 0 1 3 0V9V5a1.5 1.5 0 0 1 3 0v9l-2 3v4z" }));
-var IconFlame = ({ size = 16 }) => svg(size, /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M12 3c1 4 5 5 5 10a5 5 0 0 1-10 0c0-3 2-4 2-7 1.5 1 2 2 2 3 1-2 1-4 1-6z" }), true);
-
 // src/components/GameTile.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function tileStatus(game, ui) {
   switch (game.status) {
     case "locked":
@@ -6161,38 +6504,38 @@ 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__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "ss-g-hero-text", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-hero-eyebrow", children: ui.games.dailyChallenge }),
-      status.tone === "new" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Chip, { variant: "badge", children: ui.games.newToday }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-hero-title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-hero-sub", children: ui.games.taglines[game.gameId] ?? "" }),
-      status.tone === "success" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-tile-status", "data-tone": "success", children: status.text }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "ss-g-hero-cta", children: [
+  const body = variant === "hero" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "ss-g-hero-text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-hero-eyebrow", children: ui.games.dailyChallenge }),
+      status.tone === "new" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Chip, { variant: "badge", children: ui.games.newToday }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-hero-title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-hero-sub", children: ui.games.taglines[game.gameId] ?? "" }),
+      status.tone === "success" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-tile-status", "data-tone": "success", children: status.text }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "ss-g-hero-cta", children: [
         status.tone === "accent" ? ui.games.resume : ui.games.playNow,
         " \u2192"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-hero-art", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(GameTileArt, { gameId: game.gameId }) })
-  ] }) : variant === "wide" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-wide-art", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(GameTileArt, { gameId: game.gameId }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "ss-g-wide-text", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-tile-title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text }),
-      status.tone === "new" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Chip, { variant: "badge", children: ui.games.newToday })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-hero-art", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(GameTileArt, { gameId: game.gameId }) })
+  ] }) : variant === "wide" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-wide-art", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(GameTileArt, { gameId: game.gameId }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "ss-g-wide-text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-tile-title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text }),
+      status.tone === "new" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Chip, { variant: "badge", children: ui.games.newToday })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-wide-chev", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IconChevronLeft, { size: 18 }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-tile-art", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(GameTileArt, { gameId: game.gameId }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-tile-title", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-wide-chev", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconChevronLeft, { size: 18 }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-tile-art", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(GameTileArt, { gameId: game.gameId }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-tile-title", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text })
   ] });
   const cls = `ss-g-tile ss-g-tile--${variant}`;
-  if (disabled) return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: cls, "data-disabled": true, "aria-disabled": "true", children: body });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: cls, "aria-label": `${title} \u2014 ${status.text}`, onClick: () => onOpen(game), children: body });
+  if (disabled) return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: cls, "data-disabled": true, "aria-disabled": "true", children: body });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", className: cls, "aria-label": `${title} \u2014 ${status.text}`, onClick: () => onOpen(game), children: body });
 }
 
 // src/components/GamesHub.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var PLAYABLE = /* @__PURE__ */ new Set(["available", "in_progress"]);
 var DONE = /* @__PURE__ */ new Set(["played", "graded"]);
 function pickHeroGame(games) {
@@ -6205,8 +6548,8 @@ function pickHeroGame(games) {
 }
 var tileKey = (g) => `${g.gameId}-${g.gameDay}-${g.fixtureId}`;
 function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
-  const [, setTick] = (0, import_react38.useState)(0);
-  (0, import_react38.useEffect)(() => {
+  const [, setTick] = (0, import_react41.useState)(0);
+  (0, import_react41.useEffect)(() => {
     const id = setInterval(() => setTick((t) => t + 1), 6e4);
     return () => clearInterval(id);
   }, []);
@@ -6218,58 +6561,58 @@ function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
   const kickoffs = fixtures.map((g) => g.kickoffUtc).filter((k) => !!k).sort();
   const todayPts = games.filter((g) => DONE.has(g.status)).reduce((s, g) => s + (g.score ?? 0), 0);
   const dash = "\u2014";
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-g-hub", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-g-stats", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-g-stat", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ss-g-stat-l", children: ui.games.statStreak }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "ss-g-stat-v", "data-testid": "stat-streak", children: [
-          myWeeklyRow ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IconFlame, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-g-hub", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-g-stats", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-g-stat", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "ss-g-stat-l", children: ui.games.statStreak }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "ss-g-stat-v", "data-testid": "stat-streak", children: [
+          myWeeklyRow ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(IconFlame, {}),
             myWeeklyRow.currentStreak
           ] }) : dash,
-          myWeeklyRow && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("small", { children: ui.games.unitDays })
+          myWeeklyRow && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("small", { children: ui.games.unitDays })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-g-stat", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ss-g-stat-l", children: ui.games.statToday }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "ss-g-stat-v ss-g-stat-v--accent", "data-testid": "stat-today", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-g-stat", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "ss-g-stat-l", children: ui.games.statToday }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "ss-g-stat-v ss-g-stat-v--accent", "data-testid": "stat-today", children: [
           ui.games.formatPts(todayPts),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("small", { children: ui.games.unitPts })
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("small", { children: ui.games.unitPts })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-g-stat", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "ss-g-stat-l", children: ui.games.statRank }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "ss-g-stat-v", "data-testid": "stat-rank", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-g-stat", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "ss-g-stat-l", children: ui.games.statRank }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "ss-g-stat-v", "data-testid": "stat-rank", children: [
           myWeeklyRow ? `#${myWeeklyRow.rank}` : dash,
-          myWeeklyRow && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("small", { children: ui.games.thisWeek })
+          myWeeklyRow && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("small", { children: ui.games.thisWeek })
         ] })
       ] })
     ] }),
-    weeklyPrize && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Chip, { variant: "accent", className: "ss-g-prize", children: weeklyPrize }),
-    hero && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GameTile, { game: hero, onOpen, ui, variant: "hero" }),
-    (grid.length > 0 || wide) && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("section", { className: "ss-g-sec", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-g-sec-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h3", { children: ui.games.dailyGames }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ui.games.newSetAtMidnight })
+    weeklyPrize && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Chip, { variant: "accent", className: "ss-g-prize", children: weeklyPrize }),
+    hero && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(GameTile, { game: hero, onOpen, ui, variant: "hero" }),
+    (grid.length > 0 || wide) && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("section", { className: "ss-g-sec", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-g-sec-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { children: ui.games.dailyGames }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: ui.games.newSetAtMidnight })
       ] }),
-      grid.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ss-g-grid", children: grid.map((g) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GameTile, { game: g, onOpen, ui }, tileKey(g))) }),
-      wide && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GameTile, { game: wide, onOpen, ui, variant: "wide" })
+      grid.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "ss-g-grid", children: grid.map((g) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(GameTile, { game: g, onOpen, ui }, tileKey(g))) }),
+      wide && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(GameTile, { game: wide, onOpen, ui, variant: "wide" })
     ] }),
-    fixtures.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("section", { className: "ss-g-sec", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-g-sec-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h3", { children: ui.games.matchdayGames }),
-        kickoffs[0] && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ui.games.kickoffAt(ui.games.formatDayTime(kickoffs[0])) })
+    fixtures.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("section", { className: "ss-g-sec", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-g-sec-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { children: ui.games.matchdayGames }),
+        kickoffs[0] && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: ui.games.kickoffAt(ui.games.formatDayTime(kickoffs[0])) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ss-g-grid", children: fixtures.map((g) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GameTile, { game: g, onOpen, ui }, tileKey(g))) })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "ss-g-grid", children: fixtures.map((g) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(GameTile, { game: g, onOpen, ui }, tileKey(g))) })
     ] })
   ] });
 }
 
 // src/components/GameScreenHost.tsx
-var import_react50 = require("react");
+var import_react53 = require("react");
 
 // src/useGamePlay.ts
-var import_react39 = require("react");
+var import_react42 = require("react");
 function toSubmitResult(payload) {
   return {
     // 'pending' means the play is recorded but awaiting resolution (fixture games)
@@ -6281,17 +6624,17 @@ function toSubmitResult(payload) {
   };
 }
 function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh }) {
-  const [result, setResult] = (0, import_react39.useState)(null);
-  const [submitting, setSubmitting] = (0, import_react39.useState)(false);
-  const [rawStatus, setRawStatus] = (0, import_react39.useState)(null);
-  const inFlightRef = (0, import_react39.useRef)(false);
-  const convRef = (0, import_react39.useRef)(conversation);
+  const [result, setResult] = (0, import_react42.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react42.useState)(false);
+  const [rawStatus, setRawStatus] = (0, import_react42.useState)(null);
+  const inFlightRef = (0, import_react42.useRef)(false);
+  const convRef = (0, import_react42.useRef)(conversation);
   convRef.current = conversation;
-  const optsRef = (0, import_react39.useRef)({ gameId, gameDay, fixtureId, locale, refresh });
+  const optsRef = (0, import_react42.useRef)({ gameId, gameDay, fixtureId, locale, refresh });
   optsRef.current = { gameId, gameDay, fixtureId, locale, refresh };
-  const resultRef = (0, import_react39.useRef)(null);
+  const resultRef = (0, import_react42.useRef)(null);
   resultRef.current = result;
-  const refetch = (0, import_react39.useCallback)(async () => {
+  const refetch = (0, import_react42.useCallback)(async () => {
     const conv = convRef.current;
     if (!conv) return;
     const opts = optsRef.current;
@@ -6307,7 +6650,7 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
     } catch {
     }
   }, []);
-  const submit = (0, import_react39.useCallback)(async (answerJson) => {
+  const submit = (0, import_react42.useCallback)(async (answerJson) => {
     const conv = convRef.current;
     if (!conv || inFlightRef.current) return;
     inFlightRef.current = true;
@@ -6334,14 +6677,14 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
       setSubmitting(false);
     }
   }, [refetch]);
-  const hydrate = (0, import_react39.useCallback)(() => {
+  const hydrate = (0, import_react42.useCallback)(() => {
     void refetch();
   }, [refetch]);
   return { result, submitting, submit, hydrate, rawStatus };
 }
 
 // src/components/games/MysteryTigerGame.tsx
-var import_react41 = require("react");
+var import_react44 = require("react");
 
 // src/components/games/nationFlags.ts
 var FLAGS = {
@@ -6552,8 +6895,8 @@ function isNationCode(flag) {
 }
 
 // src/components/games/PlayerAvatar.tsx
-var import_react40 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_react43 = require("react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
   const first = parts[0];
@@ -6570,41 +6913,41 @@ function PlayerAvatar({
   imagePath,
   className
 }) {
-  const [failed, setFailed] = (0, import_react40.useState)(false);
+  const [failed, setFailed] = (0, import_react43.useState)(false);
   const showImage = Boolean(imagePath) && !isPlaceholderImage(imagePath) && !failed;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className, "aria-hidden": "true", children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("img", { src: imagePath, alt: "", loading: "lazy", onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-w-av-initials", children: initialsOf(name) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className, "aria-hidden": "true", children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("img", { src: imagePath, alt: "", loading: "lazy", onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "ss-w-av-initials", children: initialsOf(name) }) });
 }
 
 // src/components/games/ui/GameHeader.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function GameHeader({ title, eyebrow, right, onBack, backLabel }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-g-head", children: [
-    onBack && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", className: "ss-g-back", "aria-label": backLabel, onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(IconChevronLeft, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-g-head-text", children: [
-      eyebrow && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "ss-g-eyebrow", children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h2", { className: "ss-g-title", children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "ss-g-head", children: [
+    onBack && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", className: "ss-g-back", "aria-label": backLabel, onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(IconChevronLeft, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "ss-g-head-text", children: [
+      eyebrow && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "ss-g-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h2", { className: "ss-g-title", children: title })
     ] }),
-    right && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "ss-g-head-right", children: right })
+    right && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ss-g-head-right", children: right })
   ] });
 }
 
 // src/components/games/ui/SegmentProgress.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function SegmentProgress({ segments, ariaLabel, leftLabel, rightLabel, right }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "ss-g-progress", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "ss-g-progress-main", children: [
-      (leftLabel || rightLabel) && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "ss-g-progress-labels", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: leftLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "ss-g-progress-rl", children: rightLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-g-progress", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-g-progress-main", children: [
+      (leftLabel || rightLabel) && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-g-progress-labels", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: leftLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-g-progress-rl", children: rightLabel })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         "div",
         {
           className: "ss-g-segs",
           role: "img",
           "aria-label": ariaLabel,
           style: { gridTemplateColumns: `repeat(${segments.length}, minmax(0, 1fr))` },
-          children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "ss-g-seg", "data-state": s }, i))
+          children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-g-seg", "data-state": s }, i))
         }
       )
     ] }),
@@ -6612,38 +6955,13 @@ function SegmentProgress({ segments, ariaLabel, leftLabel, rightLabel, right })
   ] });
 }
 
-// src/components/games/ui/SearchField.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
-function SearchField({ id, label, labelHidden = false, placeholder, value, onChange, disabled, inputRef, onKeyDown }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "ss-g-search", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { htmlFor: id, className: labelHidden ? "ss-g-sr" : "ss-g-search-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "ss-g-search-box", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(IconSearch, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-        "input",
-        {
-          id,
-          ref: inputRef,
-          type: "text",
-          autoComplete: "off",
-          placeholder,
-          value,
-          disabled,
-          onKeyDown,
-          onChange: (e) => onChange(e.target.value)
-        }
-      )
-    ] })
-  ] });
-}
-
 // src/components/games/ui/AnswerTray.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("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__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       SearchField,
       {
         id,
@@ -6655,9 +6973,9 @@ function AnswerTray({ id, label, placeholder, optionsLabel, options, query, onQu
         disabled
       }
     ),
-    shown.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-g-tray", role: "listbox", "aria-label": optionsLabel, children: shown.map((o) => {
+    shown.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-g-tray", role: "listbox", "aria-label": optionsLabel, children: shown.map((o) => {
       const { first, last } = splitName(o.name);
-      return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
         "button",
         {
           type: "button",
@@ -6668,10 +6986,10 @@ function AnswerTray({ id, label, placeholder, optionsLabel, options, query, onQu
           disabled,
           onClick: () => onPick(o.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PlayerAvatar, { className: "ss-g-tray-av", name: o.name, imagePath: o.imagePath }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "ss-g-tray-name", "aria-hidden": "true", children: [
-              first && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-g-tray-first", children: first }),
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-g-tray-last", children: last })
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PlayerAvatar, { className: "ss-g-tray-av", name: o.name, imagePath: o.imagePath }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "ss-g-tray-name", "aria-hidden": "true", children: [
+              first && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "ss-g-tray-first", children: first }),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "ss-g-tray-last", children: last })
             ] })
           ]
         },
@@ -6682,59 +7000,59 @@ function AnswerTray({ id, label, placeholder, optionsLabel, options, query, onQu
 }
 
 // src/components/games/ui/FooterBar.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function FooterBar({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-g-footer", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "ss-g-footer", children });
 }
 
 // src/components/games/ui/Silhouette.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function Silhouette({ size, variant = "default" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: `ss-g-sil ss-g-sil--${variant}`, style: { width: size, height: size }, "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { width: size * 0.86, height: size * 0.86, viewBox: "0 0 100 100", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("circle", { cx: "50", cy: "40", r: "19", fill: "currentColor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M12 100c0-23 17-38 38-38s38 15 38 38z", fill: "currentColor" })
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { className: `ss-g-sil ss-g-sil--${variant}`, style: { width: size, height: size }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: size * 0.86, height: size * 0.86, viewBox: "0 0 100 100", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("circle", { cx: "50", cy: "40", r: "19", fill: "currentColor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M12 100c0-23 17-38 38-38s38 15 38 38z", fill: "currentColor" })
     ] }),
-    variant === "mystery" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "ss-g-sil-q", children: "?" })
+    variant === "mystery" && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "ss-g-sil-q", children: "?" })
   ] });
 }
 
 // src/components/games/ui/GameButton.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function GameButton({ variant = "primary", block = false, className, type = "button", ...rest }) {
   const cls = `ss-g-btn ss-g-btn--${variant}${block ? " ss-g-btn--block" : ""}${className ? ` ${className}` : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { type, className: cls, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type, className: cls, ...rest });
 }
 
 // src/components/games/ui/ResultCard.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function ResultCard({ tone, title, score, detail, onBack, ui }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "ss-g-result", "data-tone": tone, role: "status", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "ss-g-result-title", children: title }),
-    score !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "ss-g-result-score", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "ss-g-result-num", children: score }),
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "ss-g-result", "data-tone": tone, role: "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ss-g-result-title", children: title }),
+    score !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "ss-g-result-score", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ss-g-result-num", children: score }),
       ui.games.unitPts
     ] }),
-    detail && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "ss-g-result-detail", children: detail }),
-    onBack && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(GameButton, { variant: "outline", onClick: onBack, children: ui.games.backToGames })
+    detail && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ss-g-result-detail", children: detail }),
+    onBack && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(GameButton, { variant: "outline", onClick: onBack, children: ui.games.backToGames })
   ] });
 }
 
 // src/components/games/ui/PointsLadderRow.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function PointsLadderRow({ ladder, guessesUsed, ui }) {
   if (!ladder || ladder.length === 0) return null;
   const now = ladder[Math.min(guessesUsed, ladder.length - 1)];
   const next = ladder[guessesUsed + 1];
   if (now === void 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "ss-g-worth", "data-testid": "points-ladder", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ss-g-worth-now", children: ui.games.worthNow(now) }),
-    next !== void 0 && next !== now && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "ss-g-worth-next", children: ui.games.worthAfterMiss(next) })
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-worth", "data-testid": "points-ladder", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-worth-now", children: ui.games.worthNow(now) }),
+    next !== void 0 && next !== now && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-worth-next", children: ui.games.worthAfterMiss(next) })
   ] });
 }
 
 // src/components/games/MysteryTigerGame.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function parseClientState(json) {
   if (!json) return null;
   try {
@@ -6836,8 +7154,8 @@ function MysteryTigerGame({
   onBack
 }) {
   const t = ui.games.mysteryTiger;
-  const [query, setQuery] = (0, import_react41.useState)("");
-  const inputId = (0, import_react41.useId)();
+  const [query, setQuery] = (0, import_react44.useState)("");
+  const inputId = (0, import_react44.useId)();
   const clientState = parseClientState(result?.clientStateJson);
   const guessResults = clientState?.guessResults ?? [];
   const alreadyGuessedIds = new Set(guessResults.map((g) => g.playerId));
@@ -6856,22 +7174,22 @@ function MysteryTigerGame({
     setQuery("");
     onSubmit(JSON.stringify({ guesses: newGuesses }));
   }
-  const headerRight = !config ? void 0 : isOver ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Chip, { variant: "accent", children: [
+  const headerRight = !config ? void 0 : isOver ? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Chip, { variant: "accent", children: [
     score,
     " ",
     ui.games.unitPts
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { "data-testid": "mt-chip", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Chip, { children: [
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { "data-testid": "mt-chip", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Chip, { children: [
     ui.games.guess,
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-num", children: guessesUsed + 1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-num", children: guessesUsed + 1 }),
     " / ",
     totalGuesses
   ] }) });
   const segments = Array.from({ length: totalGuesses }, (_, i) => i < guessesUsed ? "done" : i === guessesUsed ? "current" : "todo");
   const cols = { gridTemplateColumns: `minmax(0, 1fr) repeat(${keys.length}, 42px)` };
   const known = deriveKnownAttributes(guessResults, keys);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-screen ss-g-mt", "data-game": "mystery-tiger", "data-testid": "game-screen-mystery-tiger", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-screen ss-g-mt", "data-game": "mystery-tiger", "data-testid": "game-screen-mystery-tiger", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       GameHeader,
       {
         title: gameTitle({ gameId: "mystery-tiger" }, ui.games.titles),
@@ -6881,41 +7199,41 @@ function MysteryTigerGame({
         backLabel: ui.back
       }
     ),
-    !config && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-body", children: [
-        !isOver && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed, ui }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `ss-g-mt-card${isOver ? " ss-g-mt-card--reveal" : ""}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-mt-portrait", children: [
-            revealName ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PlayerAvatar, { className: "ss-g-mt-photo", name: revealName, imagePath: clientState?.revealedPlayerImagePath }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Silhouette, { size: 150, variant: "mystery" }),
-            revealName && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-mt-reveal-name", children: revealName })
+    !config && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
+    config && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-body", children: [
+        !isOver && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed, ui }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: `ss-g-mt-card${isOver ? " ss-g-mt-card--reveal" : ""}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-mt-portrait", children: [
+            revealName ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(PlayerAvatar, { className: "ss-g-mt-photo", name: revealName, imagePath: clientState?.revealedPlayerImagePath }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Silhouette, { size: 150, variant: "mystery" }),
+            revealName && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-mt-reveal-name", children: revealName })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "ss-g-mt-known", style: { gridTemplateColumns: `repeat(${keys.length}, minmax(0, 1fr))` }, children: known.map((k) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-mt-known-cell", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-mt-lab", children: t.labels[k.key] }),
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-mt-known-v", "data-state": k.state, "data-testid": `known-${k.key}`, children: k.text })
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "ss-g-mt-known", style: { gridTemplateColumns: `repeat(${keys.length}, minmax(0, 1fr))` }, children: known.map((k) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-mt-known-cell", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-mt-lab", children: t.labels[k.key] }),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-mt-known-v", "data-state": k.state, "data-testid": `known-${k.key}`, children: k.text })
           ] }, k.key)) })
         ] }),
-        !isOver && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SegmentProgress, { segments, ariaLabel: t.progress(guessesUsed, totalGuesses) }),
-        guessResults.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-mt-table", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-mt-thead", style: cols, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: t.yourGuesses }),
-            keys.map((k) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: t.labels[k] }, k))
+        !isOver && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(SegmentProgress, { segments, ariaLabel: t.progress(guessesUsed, totalGuesses) }),
+        guessResults.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-mt-table", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-mt-thead", style: cols, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: t.yourGuesses }),
+            keys.map((k) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: t.labels[k] }, k))
           ] }),
           guessResults.map((gr, i) => {
             const name = config.squadPlayers.find((p) => p.id === gr.playerId)?.name ?? `#${gr.playerId}`;
             const { first, last } = splitName(name);
-            return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-mt-row", style: cols, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-mt-who", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PlayerAvatar, { className: "ss-g-mt-av", name }),
-                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "ss-g-mt-names", children: [
-                  first && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-mt-first", children: first }),
-                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-mt-last", children: last })
+            return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-mt-row", style: cols, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-mt-who", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(PlayerAvatar, { className: "ss-g-mt-av", name }),
+                /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { className: "ss-g-mt-names", children: [
+                  first && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-mt-first", children: first }),
+                  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-mt-last", children: last })
                 ] })
               ] }),
               keys.map((key) => {
                 const v = gr[key];
                 const arrow = directionArrow(v);
-                return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
                   "div",
                   {
                     className: "ss-g-mt-cell",
@@ -6923,8 +7241,8 @@ function MysteryTigerGame({
                     "data-verdict": v.verdict,
                     "aria-label": `${t.labels[key]}: ${v.value ?? v.verdict}${v.direction ? ` ${v.direction}` : ""}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-mt-cell-v", "aria-hidden": "true", children: tileFace(key, v) }),
-                      arrow && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-mt-cell-dir", "aria-hidden": "true", children: arrow })
+                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-mt-cell-v", "aria-hidden": "true", children: tileFace(key, v) }),
+                      arrow && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-mt-cell-dir", "aria-hidden": "true", children: arrow })
                     ]
                   },
                   key
@@ -6933,25 +7251,25 @@ function MysteryTigerGame({
             ] }, gr.playerId);
           })
         ] }),
-        !isOver && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-mt-legend", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("i", { className: "ss-g-mt-sw", "data-verdict": "exact" }),
+        !isOver && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-mt-legend", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("i", { className: "ss-g-mt-sw", "data-verdict": "exact" }),
             t.legendMatch
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("i", { className: "ss-g-mt-sw", "data-verdict": "near" }),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("i", { className: "ss-g-mt-sw", "data-verdict": "near" }),
             t.legendClose
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { children: [
             "\u25B2 ",
             t.legendHigher
           ] })
         ] }),
-        clientState?.hintLine && !isOver && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "ss-g-mt-hint", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(IconBulb, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: clientState.hintLine })
+        clientState?.hintLine && !isOver && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-mt-hint", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconBulb, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: clientState.hintLine })
         ] }),
-        isOver && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        isOver && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           ResultCard,
           {
             tone: clientState?.solved ? "win" : clientState?.failed ? "lose" : "neutral",
@@ -6963,7 +7281,7 @@ function MysteryTigerGame({
           }
         )
       ] }),
-      !isOver && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      !isOver && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         AnswerTray,
         {
           id: inputId,
@@ -6982,7 +7300,7 @@ function MysteryTigerGame({
 }
 
 // src/components/games/HigherOrLowerGame.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var POINTS_PER_CORRECT = 10;
 function parseClientState2(json) {
   if (!json) return null;
@@ -6994,11 +7312,11 @@ function parseClientState2(json) {
 }
 function PlayerCard({ name, imagePath, highlight, children }) {
   const { first, last } = splitName(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: `ss-g-hl-card${highlight ? " ss-g-hl-card--b" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "ss-g-hl-photo-wrap", children: imagePath ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(PlayerAvatar, { className: "ss-g-hl-photo", name, imagePath }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Silhouette, { size: 150 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-hl-info", children: [
-      first && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-first", children: first }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-surname", children: last }),
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `ss-g-hl-card${highlight ? " ss-g-hl-card--b" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "ss-g-hl-photo-wrap", children: imagePath ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PlayerAvatar, { className: "ss-g-hl-photo", name, imagePath }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Silhouette, { size: 150 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ss-g-hl-info", children: [
+      first && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-first", children: first }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-surname", children: last }),
       children
     ] })
   ] });
@@ -7030,47 +7348,47 @@ function HigherOrLowerGame({
     const newAnswers = [...prevAnswers, { pairIndex: currentPair.pairIndex, pick }];
     onSubmit(JSON.stringify({ answers: newAnswers }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-screen ss-g-hl", "data-game": "higher-or-lower", "data-testid": "game-screen-higher-or-lower", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ss-g-screen ss-g-hl", "data-game": "higher-or-lower", "data-testid": "game-screen-higher-or-lower", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       GameHeader,
       {
         title: gameTitle({ gameId: "higher-or-lower" }, ui.games.titles),
         eyebrow: t.eyebrow(POINTS_PER_CORRECT),
-        right: config ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(StatStack, { value: runLength, label: t.streak }) : void 0,
+        right: config ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StatStack, { value: runLength, label: t.streak }) : void 0,
         onBack,
         backLabel: ui.back
       }
     ),
-    !config && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-hl-prompt", "data-testid": "hol-prompt", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-prompt-q", children: t.whoHadMore }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-prompt-stat", children: config.statLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-prompt-season", children: t.season(config.seasonLabel) })
+    !config && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
+    config && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ss-g-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ss-g-hl-prompt", "data-testid": "hol-prompt", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-prompt-q", children: t.whoHadMore }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-prompt-stat", children: config.statLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-prompt-season", children: t.season(config.seasonLabel) })
         ] }),
-        currentPair && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-hl-pair", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(PlayerCard, { name: currentPair.playerAName, imagePath: currentPair.playerAImagePath, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-value", children: currentPair.playerAValue }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-stat", children: config.statLabel })
+        currentPair && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ss-g-hl-pair", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(PlayerCard, { name: currentPair.playerAName, imagePath: currentPair.playerAImagePath, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-value", children: currentPair.playerAValue }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-stat", children: config.statLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-vs", "aria-hidden": "true", children: t.vs }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(PlayerCard, { name: currentPair.playerBName, imagePath: currentPair.playerBImagePath, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-hl-btns", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(GameButton, { variant: "primary", disabled: submitting, onClick: () => handlePick("higher"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconArrowUp, { size: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-vs", "aria-hidden": "true", children: t.vs }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PlayerCard, { name: currentPair.playerBName, imagePath: currentPair.playerBImagePath, highlight: true, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ss-g-hl-btns", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(GameButton, { variant: "primary", disabled: submitting, onClick: () => handlePick("higher"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(IconArrowUp, { size: 16 }),
               t.higher
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(GameButton, { variant: "outline", disabled: submitting, onClick: () => handlePick("lower"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconArrowDown, { size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(GameButton, { variant: "outline", disabled: submitting, onClick: () => handlePick("lower"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(IconArrowDown, { size: 16 }),
               t.lower
             ] })
           ] }) })
         ] }),
-        lastAnswer && lastAnswerPair && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("p", { className: "ss-g-hl-feedback", "data-testid": "hol-last", "data-correct": lastAnswer.wasCorrect ? "true" : "false", children: [
-          lastAnswer.wasCorrect ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconClose, {}),
+        lastAnswer && lastAnswerPair && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { className: "ss-g-hl-feedback", "data-testid": "hol-last", "data-correct": lastAnswer.wasCorrect ? "true" : "false", children: [
+          lastAnswer.wasCorrect ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(IconCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(IconClose, {}),
           t.lastAnswer(splitName(lastAnswerPair.playerBName).last, lastAnswer.playerBValue)
         ] }),
-        isOver && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        isOver && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           ResultCard,
           {
             tone: runEndedWrong ? "lose" : allPairsAnswered ? "win" : "neutral",
@@ -7082,15 +7400,15 @@ function HigherOrLowerGame({
           }
         )
       ] }),
-      !isOver && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ss-g-hl-foot", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "ss-g-hl-dots", role: "img", "aria-label": t.answersSoFar(answeredCount, config.pairs.length), children: config.pairs.map((p, i) => {
+      !isOver && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ss-g-hl-foot", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "ss-g-hl-dots", role: "img", "aria-label": t.answersSoFar(answeredCount, config.pairs.length), children: config.pairs.map((p, i) => {
           const a = answeredPairs[i];
-          return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-dot", "data-state": a ? a.wasCorrect ? "correct" : "wrong" : "todo" }, p.pairIndex);
+          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-dot", "data-state": a ? a.wasCorrect ? "correct" : "wrong" : "todo" }, p.pairIndex);
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { className: "ss-g-hl-pts", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { "data-testid": "hol-score", children: score }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "ss-g-hl-pts", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { "data-testid": "hol-score", children: score }),
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "ss-g-hl-pts-unit", children: ui.games.unitPts })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "ss-g-hl-pts-unit", children: ui.games.unitPts })
         ] })
       ] }) })
     ] })
@@ -7098,21 +7416,21 @@ function HigherOrLowerGame({
 }
 
 // src/components/games/CareerPathGame.tsx
-var import_react43 = require("react");
+var import_react46 = require("react");
 
 // src/components/games/ui/CrestShield.tsx
-var import_react42 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_react45 = require("react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function CrestShield({ src, name, size = 28 }) {
-  const [failed, setFailed] = (0, import_react42.useState)(false);
+  const [failed, setFailed] = (0, import_react45.useState)(false);
   if (src && !isPlaceholderImage(src) && !failed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("img", { className: "ss-g-crest", src, alt: name, width: size, height: size, loading: "lazy", onError: () => setFailed(true) });
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("img", { className: "ss-g-crest", src, alt: name, width: size, height: size, loading: "lazy", onError: () => setFailed(true) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("svg", { className: "ss-g-crest ss-g-crest--ph", width: size, height: size * 32 / 28, viewBox: "0 0 28 32", role: "img", "aria-label": name, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: "M2 3h24v12c0 9-6 14-12 17C8 29 2 24 2 15z", fill: "currentColor" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("svg", { className: "ss-g-crest ss-g-crest--ph", width: size, height: size * 32 / 28, viewBox: "0 0 28 32", role: "img", "aria-label": name, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M2 3h24v12c0 9-6 14-12 17C8 29 2 24 2 15z", fill: "currentColor" }) });
 }
 
 // src/components/games/CareerPathGame.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function parseClientState3(json) {
   if (!json) return null;
   try {
@@ -7136,15 +7454,15 @@ function CareerPathGame({
 }) {
   const s = ui.games.careerPath;
   const title = gameTitle({ gameId: "career-path" }, ui.games.titles);
-  const [query, setQuery] = (0, import_react43.useState)("");
-  const inputId = (0, import_react43.useId)();
+  const [query, setQuery] = (0, import_react46.useState)("");
+  const inputId = (0, import_react46.useId)();
   const clientState = parseClientState3(result?.clientStateJson);
   const alreadyGuessedIds = new Set(clientState?.guessResults.map((g) => g.playerId) ?? []);
   const isOver = result?.alreadyPlayed === true || clientState?.solved === true || clientState?.failed === true;
   if (!config) {
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ss-g-screen", "data-game": "career-path", "data-testid": "game-screen-career-path", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "ss-g-screen", "data-game": "career-path", "data-testid": "game-screen-career-path", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const visiblePath = clientState?.visiblePath ?? config.initialPath;
@@ -7158,61 +7476,61 @@ function CareerPathGame({
     setQuery("");
     onSubmit(JSON.stringify({ guesses: newGuesses }));
   }
-  const right = !isOver && clientState ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { "data-testid": "cp-guess-chip", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Chip, { variant: "neutral", children: [
+  const right = !isOver && clientState ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "data-testid": "cp-guess-chip", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Chip, { variant: "neutral", children: [
     ui.games.guess,
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-num", children: clientState.guessesUsed + 1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-num", children: clientState.guessesUsed + 1 }),
     " / ",
     clientState.guessesUsed + clientState.guessesRemaining
   ] }) }) : void 0;
   const outcome = clientState?.solved ? s.solved : clientState?.failed ? s.failed : ui.games.done;
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ss-g-screen", "data-game": "career-path", "data-testid": "game-screen-career-path", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(GameHeader, { title, eyebrow: s.eyebrow, right, onBack, backLabel: ui.back }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ss-g-body", children: [
-      !isOver && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed: clientState?.guessesUsed ?? 0, ui }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ss-g-cp-card", children: [
-        isOver && clientState?.revealedPlayerName ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(PlayerAvatar, { className: "ss-g-cp-photo", name: clientState.revealedPlayerName, imagePath: clientState.revealedPlayerImagePath }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Silhouette, { size: 64, variant: isOver ? "default" : "mystery" }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ss-g-cp-card-text", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-card-title", children: isOver && clientState?.revealedPlayerName ? clientState.revealedPlayerName : s.mysteryPlayer }),
-          clientState?.hintLine ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-hint", children: clientState.hintLine }) : !isOver ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "ss-g-cp-locks", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Chip, { variant: "lock", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(IconLock, { size: 11 }), children: s.lockPosition }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Chip, { variant: "lock", icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(IconLock, { size: 11 }), children: s.lockNationality })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "ss-g-screen", "data-game": "career-path", "data-testid": "game-screen-career-path", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(GameHeader, { title, eyebrow: s.eyebrow, right, onBack, backLabel: ui.back }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "ss-g-body", children: [
+      !isOver && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed: clientState?.guessesUsed ?? 0, ui }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "ss-g-cp-card", children: [
+        isOver && clientState?.revealedPlayerName ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(PlayerAvatar, { className: "ss-g-cp-photo", name: clientState.revealedPlayerName, imagePath: clientState.revealedPlayerImagePath }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Silhouette, { size: 64, variant: isOver ? "default" : "mystery" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "ss-g-cp-card-text", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-card-title", children: isOver && clientState?.revealedPlayerName ? clientState.revealedPlayerName : s.mysteryPlayer }),
+          clientState?.hintLine ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-hint", children: clientState.hintLine }) : !isOver ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "ss-g-cp-locks", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Chip, { variant: "lock", icon: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(IconLock, { size: 11 }), children: s.lockPosition }),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Chip, { variant: "lock", icon: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(IconLock, { size: 11 }), children: s.lockNationality })
           ] }) : null
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("ol", { className: "ss-g-cp-line", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("ol", { className: "ss-g-cp-line", children: [
         visiblePath.map((spell, i) => {
           const years = i === 0 ? s.firstClub : spellYears(spell);
-          return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("li", { className: "ss-g-cp-step", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "ss-g-cp-rail", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-tile", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CrestShield, { src: spell.crestUrl, name: spell.clubName, size: 30 }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-conn", "aria-hidden": "true" })
+          return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("li", { className: "ss-g-cp-step", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "ss-g-cp-rail", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-tile", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CrestShield, { src: spell.crestUrl, name: spell.clubName, size: 30 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-conn", "aria-hidden": "true" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "ss-g-cp-step-text", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-club", children: spell.clubName }),
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "ss-g-cp-sub", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-years", children: years }),
-                spell.isLoan && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "ss-g-cp-step-text", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-club", children: spell.clubName }),
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "ss-g-cp-sub", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-years", children: years }),
+                spell.isLoan && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
                   years ? " \xB7 " : "",
-                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-loan", children: s.loan })
+                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-loan", children: s.loan })
                 ] })
               ] })
             ] })
           ] }, `${spell.clubName}-${i}`);
         }),
-        hidden > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("li", { className: "ss-g-cp-step ss-g-cp-step--hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "ss-g-cp-rail", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-tile ss-g-cp-tile--locked", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(IconLock, { size: 18 }) }),
-            hidden > 1 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-conn ss-g-cp-conn--faint", "aria-hidden": "true" })
+        hidden > 0 && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("li", { className: "ss-g-cp-step ss-g-cp-step--hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "ss-g-cp-rail", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-tile ss-g-cp-tile--locked", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(IconLock, { size: 18 }) }),
+            hidden > 1 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-conn ss-g-cp-conn--faint", "aria-hidden": "true" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-step-text", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-sub", children: s.nextClubHidden }) })
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-step-text", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-sub", children: s.nextClubHidden }) })
         ] }),
-        hidden > 1 && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("li", { className: "ss-g-cp-step ss-g-cp-step--more", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-rail", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-tile ss-g-cp-tile--faint", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(IconLock, { size: 18 }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-step-text", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "ss-g-cp-sub", children: s.moreClubs(hidden - 1) }) })
+        hidden > 1 && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("li", { className: "ss-g-cp-step ss-g-cp-step--more", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-rail", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-tile ss-g-cp-tile--faint", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(IconLock, { size: 18 }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-step-text", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "ss-g-cp-sub", children: s.moreClubs(hidden - 1) }) })
         ] })
       ] }),
-      isOver && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      isOver && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         ResultCard,
         {
           tone: clientState?.solved ? "win" : clientState?.failed ? "lose" : "neutral",
@@ -7224,7 +7542,7 @@ function CareerPathGame({
         }
       )
     ] }),
-    !isOver && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    !isOver && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       AnswerTray,
       {
         id: inputId,
@@ -7243,16 +7561,16 @@ function CareerPathGame({
 }
 
 // src/components/games/BeatTheGridGame.tsx
-var import_react44 = __toESM(require("react"), 1);
+var import_react47 = __toESM(require("react"), 1);
 
 // src/components/games/ui/OptionList.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function OptionList({ label, options, onPick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "ss-g-opts", role: "listbox", "aria-label": label, children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("button", { type: "button", role: "option", "aria-selected": false, className: "ss-g-opt", onClick: () => onPick(o.key), children: o.content }, o.key)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ss-g-opts", role: "listbox", "aria-label": label, children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("button", { type: "button", role: "option", "aria-selected": false, className: "ss-g-opt", onClick: () => onPick(o.key), children: o.content }, o.key)) });
 }
 
 // src/components/games/BeatTheGridGame.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 function criterionIconKind(label, key) {
   const l = (key ?? label).toLowerCase();
   if (l.includes("app")) return "calendar";
@@ -7270,34 +7588,34 @@ function rowAbbrev(label, map, key) {
 function CriterionIcon({ kind }) {
   switch (kind) {
     case "calendar":
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconCalendar, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconCalendar, {});
     case "ball":
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconBall, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconBall, {});
     case "boot":
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconBoot, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconBoot, {});
     case "gloves":
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconGloves, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconGloves, {});
     case "shield":
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconShield, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconShield, {});
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconFlag, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconFlag, {});
   }
 }
 function HeaderVisual({ label, textKey: iKey, meta }) {
   if (!meta) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CriterionIcon, { kind: criterionIconKind(label, iKey) });
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CriterionIcon, { kind: criterionIconKind(label, iKey) });
   }
   switch (meta.kind) {
     case "club":
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CrestShield, { src: meta.imageUrl, name: label, size: 24 });
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CrestShield, { src: meta.imageUrl, name: label, size: 24 });
     case "coach":
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(PlayerAvatar, { name: label, imagePath: meta.imageUrl, className: "ss-g-btg-coach-av" });
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(PlayerAvatar, { name: label, imagePath: meta.imageUrl, className: "ss-g-btg-coach-av" });
     case "country":
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ss-g-btg-hdr-flag", "aria-hidden": "true", children: nationalityFlag(meta.country ?? label) });
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ss-g-btg-hdr-flag", "aria-hidden": "true", children: nationalityFlag(meta.country ?? label) });
     case "position":
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_jsx_runtime79.Fragment, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_jsx_runtime80.Fragment, {});
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CriterionIcon, { kind: criterionIconKind(label, iKey) });
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CriterionIcon, { kind: criterionIconKind(label, iKey) });
   }
 }
 function parseClientState4(json) {
@@ -7332,21 +7650,21 @@ function SearchSheet({
   ui
 }) {
   const s = ui.games.beatTheGrid;
-  const [query, setQuery] = (0, import_react44.useState)("");
-  const inputId = (0, import_react44.useId)();
-  const inputRef = (0, import_react44.useRef)(null);
-  (0, import_react44.useEffect)(() => {
+  const [query, setQuery] = (0, import_react47.useState)("");
+  const inputId = (0, import_react47.useId)();
+  const inputRef = (0, import_react47.useRef)(null);
+  (0, import_react47.useEffect)(() => {
     inputRef.current?.focus();
   }, [row, col]);
   const filtered = playerPool.filter(
     (p) => !alreadyFilledIds.has(p.id) && p.name.toLowerCase().includes(query.toLowerCase())
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "ss-g-btg-sheet", "data-testid": "btg-search-sheet", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "ss-g-btg-sheet-hdr", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Chip, { variant: "neutral", children: rowLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ss-g-btg-sheet-x", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconClose, { size: 12 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Chip, { variant: "accent", children: colLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ss-g-btg-sheet", "data-testid": "btg-search-sheet", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ss-g-btg-sheet-hdr", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Chip, { variant: "neutral", children: rowLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ss-g-btg-sheet-x", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconClose, { size: 12 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Chip, { variant: "accent", children: colLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         "button",
         {
           type: "button",
@@ -7354,12 +7672,12 @@ function SearchSheet({
           "data-testid": "btg-sheet-dismiss",
           "aria-label": s.closeSearch,
           onClick: onDismiss,
-          children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconClose, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconClose, {})
         }
       )
     ] }),
-    playerPool.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    playerPool.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         SearchField,
         {
           id: inputId,
@@ -7371,16 +7689,16 @@ function SearchSheet({
           inputRef
         }
       ),
-      query.length > 0 && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      query.length > 0 && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         OptionList,
         {
           label: s.searchLabel(rowLabel, colLabel),
           options: filtered.map((p) => ({
             key: p.id,
-            content: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(PlayerAvatar, { name: p.name, imagePath: p.imagePath, className: "ss-g-opt-av" }),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ss-g-btg-result-name", children: p.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ss-g-btg-result-plus", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconPlus, { size: 18 }) })
+            content: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(PlayerAvatar, { name: p.name, imagePath: p.imagePath, className: "ss-g-opt-av" }),
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ss-g-btg-result-name", children: p.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ss-g-btg-result-plus", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconPlus, { size: 18 }) })
             ] })
           })),
           onPick: (k) => onPick(row, col, Number(k))
@@ -7400,7 +7718,7 @@ function BeatTheGridGame({
 }) {
   const s = ui.games.beatTheGrid;
   const title = gameTitle({ gameId: "beat-the-grid" }, ui.games.titles);
-  const [activeCell, setActiveCell] = (0, import_react44.useState)(null);
+  const [activeCell, setActiveCell] = (0, import_react47.useState)(null);
   const clientState = parseClientState4(result?.clientStateJson);
   const filledCells = clientState?.cells ?? [];
   const isLocked2 = result?.alreadyPlayed === true || clientState?.isComplete === true;
@@ -7418,9 +7736,9 @@ function BeatTheGridGame({
     onSubmit(JSON.stringify({ cells: newCells }));
   }
   if (!config) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "ss-g-screen", "data-game": "beat-the-grid", "data-testid": "game-screen-beat-the-grid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ss-g-screen", "data-game": "beat-the-grid", "data-testid": "game-screen-beat-the-grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const rows = config.rows;
@@ -7433,20 +7751,20 @@ function BeatTheGridGame({
     (_, i) => i < correctCount ? "correct" : i < correctCount + wrongCount ? "wrong" : "todo"
   );
   const totalScore = clientState?.totalScore ?? result?.score ?? 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "ss-g-screen", "data-game": "beat-the-grid", "data-testid": "game-screen-beat-the-grid", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ss-g-screen", "data-game": "beat-the-grid", "data-testid": "game-screen-beat-the-grid", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       SegmentProgress,
       {
         segments,
         ariaLabel: s.progressAria(filledCells.length, total),
         leftLabel: s.filled(filledCells.length, total),
         rightLabel: s.toGo(Math.max(0, total - filledCells.length)),
-        right: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Chip, { variant: "accent", children: `${totalScore} ${ui.games.unitPts}` })
+        right: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Chip, { variant: "accent", children: `${totalScore} ${ui.games.unitPts}` })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
         "div",
         {
           className: activeCell !== null ? "ss-g-btg-grid ss-g-btg-grid--fit" : "ss-g-btg-grid",
@@ -7456,31 +7774,31 @@ function BeatTheGridGame({
           },
           role: "grid",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ss-g-btg-corner" }),
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ss-g-btg-corner" }),
             cols.map((col, colIdx) => {
               const colMeta = config.colsMeta?.[colIdx];
-              return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "ss-g-btg-colhdr", "data-meta": colMeta ? "true" : void 0, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(HeaderVisual, { label: col, textKey: config.colsI18n?.[colIdx]?.key, meta: colMeta }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: col })
+              return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "ss-g-btg-colhdr", "data-meta": colMeta ? "true" : void 0, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(HeaderVisual, { label: col, textKey: config.colsI18n?.[colIdx]?.key, meta: colMeta }),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: col })
               ] }, col);
             }),
             rows.map((rowLabel, rowIdx) => {
               const rowMeta = config.rowsMeta?.[rowIdx];
               const abbr = rowAbbrev(rowLabel, s.rowAbbrev, config.rowsI18n?.[rowIdx]?.key);
-              const rowHeaderContent = rowMeta ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(HeaderVisual, { label: rowLabel, textKey: config.rowsI18n?.[rowIdx]?.key, meta: rowMeta }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: rowLabel })
-              ] }) : abbr === rowLabel ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: rowLabel }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { "aria-hidden": "true", children: abbr }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ss-g-sr", children: rowLabel })
+              const rowHeaderContent = rowMeta ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(HeaderVisual, { label: rowLabel, textKey: config.rowsI18n?.[rowIdx]?.key, meta: rowMeta }),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: rowLabel })
+              ] }) : abbr === rowLabel ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: rowLabel }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { "aria-hidden": "true", children: abbr }),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ss-g-sr", children: rowLabel })
               ] });
-              return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react44.default.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ss-g-btg-rowhdr", "data-meta": rowMeta ? "true" : void 0, children: rowHeaderContent }),
+              return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_react47.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ss-g-btg-rowhdr", "data-meta": rowMeta ? "true" : void 0, children: rowHeaderContent }),
                 cols.map((colLabel, colIdx) => {
                   const filled = findCellResult(filledCells, rowIdx, colIdx);
                   const isActive = activeCell?.row === rowIdx && activeCell?.col === colIdx;
                   const state = filled ? filled.isCorrect ? "correct" : "wrong" : isActive ? "active" : "empty";
-                  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                     "button",
                     {
                       type: "button",
@@ -7491,20 +7809,20 @@ function BeatTheGridGame({
                       className: "ss-g-btg-cell",
                       disabled: isLocked2 || submitting,
                       onClick: () => handleCellClick(rowIdx, colIdx),
-                      children: filled ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                      children: filled ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                           "span",
                           {
                             className: `ss-g-btg-badge ss-g-btg-badge--${filled.isCorrect ? "correct" : "wrong"}`,
                             role: "img",
                             "aria-label": filled.isCorrect ? s.correct : s.wrong,
-                            children: filled.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconCheck, { size: 11 }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconClose, { size: 11 })
+                            children: filled.isCorrect ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconCheck, { size: 11 }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconClose, { size: 11 })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ss-g-btg-rarity", children: filled.rarityScore }),
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ss-g-btg-rarity", children: filled.rarityScore }),
                         (() => {
                           const entry = playerPool.find((p) => p.id === filled.playerId);
-                          return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                             PlayerAvatar,
                             {
                               name: entry?.name ?? "",
@@ -7513,8 +7831,8 @@ function BeatTheGridGame({
                             }
                           );
                         })(),
-                        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ss-g-btg-name", children: shortName(playerPool.find((p) => p.id === filled.playerId)?.name) })
-                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "ss-g-btg-plus", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IconPlus, { size: 22 }) })
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ss-g-btg-name", children: shortName(playerPool.find((p) => p.id === filled.playerId)?.name) })
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "ss-g-btg-plus", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(IconPlus, { size: 22 }) })
                     },
                     `cell-${rowIdx}-${colIdx}`
                   );
@@ -7524,7 +7842,7 @@ function BeatTheGridGame({
           ]
         }
       ),
-      isLocked2 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      isLocked2 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         ResultCard,
         {
           tone: "neutral",
@@ -7536,7 +7854,7 @@ function BeatTheGridGame({
         }
       )
     ] }),
-    activeCell !== null && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ss-g-btg-pin", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    activeCell !== null && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ss-g-btg-pin", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       SearchSheet,
       {
         row: activeCell.row,
@@ -7555,21 +7873,21 @@ function BeatTheGridGame({
 }
 
 // src/components/games/GuessTheXiGame.tsx
-var import_react45 = require("react");
+var import_react48 = require("react");
 
 // src/components/games/ui/PitchSvg.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function PitchSvg({ variant }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("svg", { className: "ss-g-pitch-svg", viewBox: variant === "full" ? "0 0 100 150" : "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", { x: "4", y: "4", width: "92", height: variant === "full" ? 142 : 92, fill: "none" }),
-    variant === "full" ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("line", { x1: "4", y1: "75", x2: "96", y2: "75" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("circle", { cx: "50", cy: "75", r: "12", fill: "none" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", { x: "26", y: "4", width: "48", height: "20", fill: "none" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", { x: "26", y: "126", width: "48", height: "20", fill: "none" })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M38 4a12 12 0 0 0 24 0", fill: "none" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", { x: "26", y: "76", width: "48", height: "20", fill: "none" })
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("svg", { className: "ss-g-pitch-svg", viewBox: variant === "full" ? "0 0 100 150" : "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { x: "4", y: "4", width: "92", height: variant === "full" ? 142 : 92, fill: "none" }),
+    variant === "full" ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("line", { x1: "4", y1: "75", x2: "96", y2: "75" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("circle", { cx: "50", cy: "75", r: "12", fill: "none" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { x: "26", y: "4", width: "48", height: "20", fill: "none" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { x: "26", y: "126", width: "48", height: "20", fill: "none" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", { d: "M38 4a12 12 0 0 0 24 0", fill: "none" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { x: "26", y: "76", width: "48", height: "20", fill: "none" })
     ] })
   ] });
 }
@@ -7625,7 +7943,7 @@ function positionsBySlot(formation, rowsAttackFirst) {
 }
 
 // src/components/games/GuessTheXiGame.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var MAX_GUESSES2 = 3;
 function parseClientState5(json) {
   if (!json) return null;
@@ -7644,8 +7962,8 @@ function GuessTheXiGame({
   onBack
 }) {
   const t = ui.games.guessTheXi;
-  const [query, setQuery] = (0, import_react45.useState)("");
-  const inputId = (0, import_react45.useId)();
+  const [query, setQuery] = (0, import_react48.useState)("");
+  const inputId = (0, import_react48.useId)();
   const clientState = parseClientState5(result?.clientStateJson);
   const isOver = result?.alreadyPlayed === true || clientState?.status === "solved" || clientState?.status === "failed";
   const solved = clientState?.status === "solved";
@@ -7675,31 +7993,31 @@ function GuessTheXiGame({
   const wrongGuesses = (clientState?.guessHistory ?? []).filter((g) => !g.wasCorrect);
   const guessesLeft = Math.max(0, MAX_GUESSES2 - (clientState?.guessesUsed ?? 0));
   const teamName = (id) => config?.teamPool.find((tm) => tm.teamId === id)?.teamName ?? `#${id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ss-g-screen ss-g-gxi", "data-game": "guess-the-xi", "data-testid": "game-screen-guess-the-xi", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-screen ss-g-gxi", "data-game": "guess-the-xi", "data-testid": "game-screen-guess-the-xi", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       GameHeader,
       {
         title: gameTitle({ gameId: "guess-the-xi" }, ui.games.titles),
         eyebrow: config?.poolLabel,
-        right: formation ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Chip, { variant: "accent", children: formation }) : void 0,
+        right: formation ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Chip, { variant: "accent", children: formation }) : void 0,
         onBack,
         backLabel: ui.back
       }
     ),
-    !config && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ss-g-body", children: [
-        !isOver && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed: clientState?.guessHistory.length ?? 0, ui }),
-        rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ss-g-gxi-pitch", role: "group", "aria-label": t.pitchLabel, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PitchSvg, { variant: "full" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "ss-g-gxi-rows", children: rows.map((row, r) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "ss-g-gxi-row", children: row.map((pos, c) => {
+    !config && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
+    config && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-body", children: [
+        !isOver && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed: clientState?.guessHistory.length ?? 0, ui }),
+        rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-gxi-pitch", role: "group", "aria-label": t.pitchLabel, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(PitchSvg, { variant: "full" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ss-g-gxi-rows", children: rows.map((row, r) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ss-g-gxi-row", children: row.map((pos, c) => {
             const posLabel = pos.slot ? posBySlot.get(pos.slot) ?? "" : "";
             const name = pos.slot ? nameBySlot.get(pos.slot) : void 0;
             const lineupEntry = pos.slot ? lineupBySlot.get(pos.slot) : void 0;
             const flag = nationalityFlag(pos.nationality);
             if (lineupEntry) {
-              return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ss-g-gxi-node", "data-revealed": "true", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-gxi-node", "data-revealed": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                   PlayerAvatar,
                   {
                     name: lineupEntry.name,
@@ -7707,11 +8025,11 @@ function GuessTheXiGame({
                     className: "ss-g-gxi-disc ss-g-gxi-disc--photo"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "ss-g-gxi-pos ss-g-gxi-pos--name", children: splitName(lineupEntry.name).last })
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-gxi-pos ss-g-gxi-pos--name", children: splitName(lineupEntry.name).last })
               ] }, `${pos.slot}-${c}`);
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ss-g-gxi-node", "data-revealed": name ? "true" : void 0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-gxi-node", "data-revealed": name ? "true" : void 0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 "span",
                 {
                   className: "ss-g-gxi-disc",
@@ -7722,22 +8040,22 @@ function GuessTheXiGame({
                   children: flag
                 }
               ),
-              name ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "ss-g-gxi-pos ss-g-gxi-pos--name", children: splitName(name).last }) : posLabel && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "ss-g-gxi-pos", children: posLabel })
+              name ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-gxi-pos ss-g-gxi-pos--name", children: splitName(name).last }) : posLabel && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-gxi-pos", children: posLabel })
             ] }, `${pos.slot}-${c}`);
           }) }, r)) })
         ] }),
-        !isOver && wrongGuesses.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ss-g-gxi-wrong", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "ss-g-gxi-wrong-l", children: t.notThem }),
+        !isOver && wrongGuesses.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-gxi-wrong", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-gxi-wrong-l", children: t.notThem }),
           wrongGuesses.map((g) => {
             const crestUrl = config?.teamPool.find((tm) => tm.teamId === g.teamId)?.crestUrl;
-            return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "ss-g-gxi-wrong-chip", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CrestShield, { src: crestUrl, name: teamName(g.teamId), size: 18 }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("s", { children: teamName(g.teamId) })
+            return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "ss-g-gxi-wrong-chip", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CrestShield, { src: crestUrl, name: teamName(g.teamId), size: 18 }),
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("s", { children: teamName(g.teamId) })
             ] }, g.teamId);
           })
         ] }),
-        isOver && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        isOver && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             ResultCard,
             {
               tone: solved ? "win" : failed ? "lose" : "neutral",
@@ -7748,29 +8066,29 @@ function GuessTheXiGame({
               ui
             }
           ),
-          (solved || failed) && clientState?.answer && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ss-g-gxi-answer", "data-testid": "gxi-answer-reveal", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "ss-g-gxi-answer-label", children: t.theAnswer }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CrestShield, { src: clientState.answer.crestUrl, name: clientState.answer.teamName, size: 32 }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "ss-g-gxi-answer-name", children: clientState.answer.teamName })
+          (solved || failed) && clientState?.answer && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-gxi-answer", "data-testid": "gxi-answer-reveal", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-gxi-answer-label", children: t.theAnswer }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CrestShield, { src: clientState.answer.crestUrl, name: clientState.answer.teamName, size: 32 }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-gxi-answer-name", children: clientState.answer.teamName })
           ] })
         ] })
       ] }),
-      !isOver && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(FooterBar, { children: [
-        query.length > 0 && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      !isOver && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(FooterBar, { children: [
+        query.length > 0 && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           OptionList,
           {
             label: t.optionsLabel,
             options: filtered.map((tm) => ({
               key: tm.teamId,
-              content: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CrestShield, { src: tm.crestUrl, name: tm.teamName, size: 28 }),
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: tm.teamName })
+              content: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CrestShield, { src: tm.crestUrl, name: tm.teamName, size: 28 }),
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: tm.teamName })
               ] })
             })),
             onPick: (k) => handlePick(Number(k))
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           SearchField,
           {
             id: inputId,
@@ -7787,8 +8105,8 @@ function GuessTheXiGame({
 }
 
 // src/components/games/DailyQuizGame.tsx
-var import_react46 = require("react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_react49 = require("react");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function parseClientState6(json) {
   if (!json) return null;
   try {
@@ -7809,13 +8127,13 @@ function OptionName({ text }) {
   const tokens = base.split(/\s+/).filter(Boolean);
   const isPlainName = tokens.length >= 1 && tokens.length <= 4 && tokens.every((t) => NAME_TOKEN.test(t));
   if (!isPlainName || base === "") {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-dq-opt-name", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-dq-opt-full", children: text }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-dq-opt-name", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-dq-opt-full", children: text }) });
   }
   const { first, last } = splitName(base);
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "ss-g-dq-opt-name", children: [
-    first && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-dq-opt-first", children: first }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-dq-opt-last", children: last }),
-    suffix && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-dq-opt-suffix", children: suffix })
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "ss-g-dq-opt-name", children: [
+    first && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-dq-opt-first", children: first }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-dq-opt-last", children: last }),
+    suffix && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-dq-opt-suffix", children: suffix })
   ] });
 }
 function DailyQuizGame({
@@ -7828,15 +8146,15 @@ function DailyQuizGame({
 }) {
   const s = ui.games.dailyQuiz;
   const title = gameTitle({ gameId: "daily-quiz" }, ui.games.titles);
-  const [selections, setSelections] = (0, import_react46.useState)(/* @__PURE__ */ new Map());
-  const [page, setPage] = (0, import_react46.useState)(0);
+  const [selections, setSelections] = (0, import_react49.useState)(/* @__PURE__ */ new Map());
+  const [page, setPage] = (0, import_react49.useState)(0);
   const clientState = parseClientState6(result?.clientStateJson);
   const results = clientState?.results ?? [];
   const isRevealed = results.length > 0 || result?.alreadyPlayed === true;
   if (!config) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-screen", "data-game": "daily-quiz", "data-testid": "game-screen-daily-quiz", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(GameHeader, { title, onBack, backLabel: ui.back }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-screen", "data-game": "daily-quiz", "data-testid": "game-screen-daily-quiz", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(GameHeader, { title, onBack, backLabel: ui.back }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const questions = config.questions;
@@ -7871,11 +8189,11 @@ function DailyQuizGame({
       return r.isCorrect ? "correct" : "wrong";
     });
     const correctCount = results.filter((r) => r.isCorrect).length;
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-screen", "data-game": "daily-quiz", "data-testid": "game-screen-daily-quiz", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(GameHeader, { title, eyebrow: s.results, onBack, backLabel: ui.back }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SegmentProgress, { segments: segments2, ariaLabel: s.results }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-screen", "data-game": "daily-quiz", "data-testid": "game-screen-daily-quiz", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(GameHeader, { title, eyebrow: s.results, onBack, backLabel: ui.back }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SegmentProgress, { segments: segments2, ariaLabel: s.results }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           ResultCard,
           {
             tone: "neutral",
@@ -7888,15 +8206,15 @@ function DailyQuizGame({
         questions.map((q) => {
           const r = findResult(results, q.index);
           const picked = selections.get(q.index);
-          return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-dq-rq", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ss-g-dq-rq-stem", children: q.stem }),
-            r && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ss-g-dq-rq-opts", children: q.options.map((opt, optIdx) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-dq-rq", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "ss-g-dq-rq-stem", children: q.stem }),
+            r && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "ss-g-dq-rq-opts", children: q.options.map((opt, optIdx) => {
               let cls = "ss-g-dq-rq-opt";
               if (optIdx === r.correctOptionIndex) cls += " ss-g-dq-rq-opt--correct";
               else if (optIdx === picked && !r.isCorrect) cls += " ss-g-dq-rq-opt--wrong";
-              return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: cls, children: opt }, optIdx);
+              return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: cls, children: opt }, optIdx);
             }) }),
-            r?.revealText && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ss-g-dq-why", children: r.revealText })
+            r?.revealText && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "ss-g-dq-why", children: r.revealText })
           ] }, q.index);
         })
       ] })
@@ -7904,16 +8222,16 @@ function DailyQuizGame({
   }
   const segments = questions.map((_, i) => i < page ? "done" : i === page ? "current" : "todo");
   const selectedIdx = current ? selections.get(current.index) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-screen", "data-game": "daily-quiz", "data-testid": "game-screen-daily-quiz", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(GameHeader, { title, eyebrow: s.questionOf(page + 1, total), onBack, backLabel: ui.back }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SegmentProgress, { segments, ariaLabel: s.progressAria(page + 1, total) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ss-g-body", children: current && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h3", { className: "ss-g-dq-stem", children: current.stem }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "ss-g-dq-opts", children: current.options.map((opt, optIdx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-screen", "data-game": "daily-quiz", "data-testid": "game-screen-daily-quiz", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(GameHeader, { title, eyebrow: s.questionOf(page + 1, total), onBack, backLabel: ui.back }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SegmentProgress, { segments, ariaLabel: s.progressAria(page + 1, total) }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "ss-g-body", children: current && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h3", { className: "ss-g-dq-stem", children: current.stem }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "ss-g-dq-opts", children: current.options.map((opt, optIdx) => {
         const selected = optIdx === selectedIdx;
         const imagePath = current.optionImagePaths?.[optIdx] ?? void 0;
         const playerName = opt;
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
           "button",
           {
             type: "button",
@@ -7922,25 +8240,25 @@ function DailyQuizGame({
             disabled: submitting,
             onClick: () => handleSelect(current.index, optIdx),
             children: [
-              current.optionImagePaths && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(PlayerAvatar, { name: playerName, imagePath, className: "ss-g-dq-opt-av" }),
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "ss-g-dq-badge", "aria-hidden": "true", children: selected ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(IconCheck, {}) : String.fromCharCode(65 + optIdx) }),
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(OptionName, { text: opt })
+              current.optionImagePaths && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PlayerAvatar, { name: playerName, imagePath, className: "ss-g-dq-opt-av" }),
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-dq-badge", "aria-hidden": "true", children: selected ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(IconCheck, {}) : String.fromCharCode(65 + optIdx) }),
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(OptionName, { text: opt })
             ]
           },
           optIdx
         );
       }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "ss-g-dq-nav", children: [
-      page > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(GameButton, { variant: "outline", onClick: goPrev, disabled: submitting, children: s.previous }),
-      isLast ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(GameButton, { variant: "primary", block: true, onClick: handleSubmit, disabled: !currentAnswered || !allAnswered || submitting, children: submitting ? s.submitting : s.submit }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(GameButton, { variant: "primary", block: true, onClick: goNext, disabled: !currentAnswered || submitting, children: s.next })
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-dq-nav", children: [
+      page > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(GameButton, { variant: "outline", onClick: goPrev, disabled: submitting, children: s.previous }),
+      isLast ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(GameButton, { variant: "primary", block: true, onClick: handleSubmit, disabled: !currentAnswered || !allAnswered || submitting, children: submitting ? s.submitting : s.submit }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(GameButton, { variant: "primary", block: true, onClick: goNext, disabled: !currentAnswered || submitting, children: s.next })
     ] }) })
   ] });
 }
 
 // src/components/games/MatchdayPredictorGame.tsx
-var import_react47 = require("react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_react50 = require("react");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var SCORER_SEARCH_THRESHOLD = 9;
 function parseClientState7(json) {
   if (!json) return null;
@@ -7958,7 +8276,7 @@ function isLocked(kickoffUtc) {
   }
 }
 function IconMinus() {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     "svg",
     {
       width: 18,
@@ -7969,20 +8287,20 @@ function IconMinus() {
       strokeWidth: 2.2,
       strokeLinecap: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("path", { d: "M5 12h14" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { d: "M5 12h14" })
     }
   );
 }
 function TeamBadge({ team, label }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-mp-team", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(CrestShield, { name: team.name, size: 44 }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-mp-team-name", children: team.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-mp-team-side", children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-mp-team", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(CrestShield, { name: team.name, size: 44 }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-mp-team-name", children: team.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-mp-team-side", children: label })
   ] });
 }
 function ScoreCard({ home, away, h, a, t, edit }) {
-  const col = (side, team, value) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-mp-col", children: [
-    edit && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  const col = (side, team, value) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-mp-col", children: [
+    edit && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "button",
       {
         type: "button",
@@ -7990,11 +8308,11 @@ function ScoreCard({ home, away, h, a, t, edit }) {
         "aria-label": t.goalsUp(team.name),
         disabled: edit.disabled,
         onClick: () => edit.onStep(side, 1),
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(IconPlus, { size: 18 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(IconPlus, { size: 18 })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-mp-digit", "data-testid": "mp-digit", "data-active": edit ? String(edit.active === side) : "false", children: value }),
-    edit && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-mp-digit", "data-testid": "mp-digit", "data-active": edit ? String(edit.active === side) : "false", children: value }),
+    edit && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "button",
       {
         type: "button",
@@ -8002,27 +8320,27 @@ function ScoreCard({ home, away, h, a, t, edit }) {
         "aria-label": t.goalsDown(team.name),
         disabled: edit.disabled || value <= 0,
         onClick: () => edit.onStep(side, -1),
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(IconMinus, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(IconMinus, {})
       }
     )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-mp-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TeamBadge, { team: home, label: t.home }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-mp-scores", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-mp-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TeamBadge, { team: home, label: t.home }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-mp-scores", children: [
       col("home", home, h),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-mp-dash", "aria-hidden": "true", children: "\u2013" }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-mp-dash", "aria-hidden": "true", children: "\u2013" }),
       col("away", away, a)
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TeamBadge, { team: away, label: t.away })
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TeamBadge, { team: away, label: t.away })
   ] });
 }
 function OutcomeRow({ label, ok, detail, t }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("li", { className: "ss-g-mp-row", "data-testid": "mp-row", "data-ok": String(ok), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-mp-row-k", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "ss-g-mp-row-v", children: [
-      ok ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(IconCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(IconClose, { size: 14 }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-sr", children: ok ? t.correct : t.incorrect }),
-      detail ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-mp-row-d", children: detail }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("li", { className: "ss-g-mp-row", "data-testid": "mp-row", "data-ok": String(ok), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-mp-row-k", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "ss-g-mp-row-v", children: [
+      ok ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(IconCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(IconClose, { size: 14 }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-sr", children: ok ? t.correct : t.incorrect }),
+      detail ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-mp-row-d", children: detail }) : null
     ] })
   ] });
 }
@@ -8035,20 +8353,20 @@ function MatchdayPredictorGame({
   onBack
 }) {
   const t = ui.games.predictor;
-  const [homeScore, setHomeScore] = (0, import_react47.useState)(0);
-  const [awayScore, setAwayScore] = (0, import_react47.useState)(0);
-  const [firstScorerPlayerId, setFirstScorerPlayerId] = (0, import_react47.useState)(null);
-  const [lastEdited, setLastEdited] = (0, import_react47.useState)("home");
-  const [query, setQuery] = (0, import_react47.useState)("");
-  const searchId = (0, import_react47.useId)();
+  const [homeScore, setHomeScore] = (0, import_react50.useState)(0);
+  const [awayScore, setAwayScore] = (0, import_react50.useState)(0);
+  const [firstScorerPlayerId, setFirstScorerPlayerId] = (0, import_react50.useState)(null);
+  const [lastEdited, setLastEdited] = (0, import_react50.useState)("home");
+  const [query, setQuery] = (0, import_react50.useState)("");
+  const searchId = (0, import_react50.useId)();
   const clientState = parseClientState7(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
-  const header = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  const header = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     GameHeader,
     {
       title: gameTitle({ gameId: "matchday-predictor" }, ui.games.titles),
       eyebrow: config ? t.eyebrow(config.homeTeam.name, config.awayTeam.name) : void 0,
-      right: config ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Chip, { icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(IconLock, {}), children: ui.games.formatDayTime(config.kickoffUtc) }) : void 0,
+      right: config ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Chip, { icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(IconLock, {}), children: ui.games.formatDayTime(config.kickoffUtc) }) : void 0,
       onBack,
       backLabel: ui.back
     }
@@ -8056,10 +8374,10 @@ function MatchdayPredictorGame({
   if (alreadyPlayed && clientState) {
     if (!clientState.graded) {
       const scorer = config?.scorerPool.find((p) => p.playerId === clientState.predictedFirstScorerPlayerId) ?? null;
-      return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-screen", "data-game": "matchday-predictor", "data-testid": "game-screen-matchday-predictor", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-screen", "data-game": "matchday-predictor", "data-testid": "game-screen-matchday-predictor", children: [
         header,
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-body", children: [
-          config && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-body", children: [
+          config && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             ScoreCard,
             {
               home: config.homeTeam,
@@ -8069,7 +8387,7 @@ function MatchdayPredictorGame({
               t
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             ResultCard,
             {
               tone: "neutral",
@@ -8086,28 +8404,28 @@ function MatchdayPredictorGame({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "ss-g-mp-fun", children: t.forFun }) })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "ss-g-mp-fun", children: t.forFun }) })
       ] });
     }
     const r = clientState.result;
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-screen", "data-game": "matchday-predictor", "data-testid": "game-screen-matchday-predictor", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-screen", "data-game": "matchday-predictor", "data-testid": "game-screen-matchday-predictor", children: [
       header,
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-body", children: [
-        config && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ScoreCard, { home: config.homeTeam, away: config.awayTeam, h: r.homeScore, a: r.awayScore, t }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ResultCard, { tone: "neutral", title: t.fullTime(r.homeScore, r.awayScore), onBack, ui }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("ul", { className: "ss-g-mp-rows", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(OutcomeRow, { label: t.exactScore, ok: clientState.exactScoreCorrect, t }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(OutcomeRow, { label: t.outcome, ok: clientState.outcomeCorrect, t }),
-          !clientState.firstScorerVoid && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(OutcomeRow, { label: t.firstScorerRow, ok: clientState.firstScorerCorrect, detail: r.firstScorerName, t })
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-body", children: [
+        config && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ScoreCard, { home: config.homeTeam, away: config.awayTeam, h: r.homeScore, a: r.awayScore, t }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ResultCard, { tone: "neutral", title: t.fullTime(r.homeScore, r.awayScore), onBack, ui }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("ul", { className: "ss-g-mp-rows", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(OutcomeRow, { label: t.exactScore, ok: clientState.exactScoreCorrect, t }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(OutcomeRow, { label: t.outcome, ok: clientState.outcomeCorrect, t }),
+          !clientState.firstScorerVoid && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(OutcomeRow, { label: t.firstScorerRow, ok: clientState.firstScorerCorrect, detail: r.firstScorerName, t })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "ss-g-mp-fun", children: t.forFun }) })
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "ss-g-mp-fun", children: t.forFun }) })
     ] });
   }
   if (!config) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-screen", "data-game": "matchday-predictor", "data-testid": "game-screen-matchday-predictor", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-screen", "data-game": "matchday-predictor", "data-testid": "game-screen-matchday-predictor", children: [
       header,
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const locked = isLocked(config.kickoffUtc);
@@ -8131,10 +8449,10 @@ function MatchdayPredictorGame({
   const showSearch = pool.length > SCORER_SEARCH_THRESHOLD;
   const q = query.trim().toLowerCase();
   const visible = showSearch && q ? pool.filter((p) => p.playerName.toLowerCase().includes(q)) : pool;
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-screen", "data-game": "matchday-predictor", "data-testid": "game-screen-matchday-predictor", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-screen", "data-game": "matchday-predictor", "data-testid": "game-screen-matchday-predictor", children: [
     header,
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         ScoreCard,
         {
           home: config.homeTeam,
@@ -8145,12 +8463,12 @@ function MatchdayPredictorGame({
           edit: { disabled, active: lastEdited, onStep: step }
         }
       ),
-      pool.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("section", { className: "ss-g-mp-scorer", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ss-g-mp-sec-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h3", { children: t.firstScorer }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: t.optional })
+      pool.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("section", { className: "ss-g-mp-scorer", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-mp-sec-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h3", { children: t.firstScorer }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: t.optional })
         ] }),
-        showSearch && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        showSearch && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           SearchField,
           {
             id: searchId,
@@ -8162,9 +8480,9 @@ function MatchdayPredictorGame({
             disabled
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "ss-g-mp-grid", children: visible.map((p) => {
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "ss-g-mp-grid", children: visible.map((p) => {
           const selected = firstScorerPlayerId === p.playerId;
-          return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
             "button",
             {
               type: "button",
@@ -8174,15 +8492,15 @@ function MatchdayPredictorGame({
               disabled,
               onClick: () => setFirstScorerPlayerId((id) => id === p.playerId ? null : p.playerId),
               children: [
-                selected && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-mp-pcheck", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(IconCheck, { size: 12 }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Silhouette, { size: 52, variant: selected ? "selected" : "default" }),
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-mp-pname", children: splitName(p.playerName).last })
+                selected && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-mp-pcheck", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(IconCheck, { size: 12 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Silhouette, { size: 52, variant: selected ? "selected" : "default" }),
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-mp-pname", children: splitName(p.playerName).last })
               ]
             },
             p.playerId
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
           "button",
           {
             type: "button",
@@ -8191,24 +8509,24 @@ function MatchdayPredictorGame({
             disabled,
             onClick: () => setFirstScorerPlayerId(null),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "ss-g-mp-radio", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-mp-radio", "aria-hidden": "true" }),
               t.noScorer
             ]
           }
         )
       ] }),
-      locked && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "ss-g-mp-closed", children: t.closed })
+      locked && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "ss-g-mp-closed", children: t.closed })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(FooterBar, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(GameButton, { variant: "primary", block: true, disabled, onClick: handleSubmit, children: submitting ? t.saving : t.save }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "ss-g-mp-fun", children: t.forFun })
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(FooterBar, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(GameButton, { variant: "primary", block: true, disabled, onClick: handleSubmit, children: submitting ? t.saving : t.save }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "ss-g-mp-fun", children: t.forFun })
     ] })
   ] });
 }
 
 // src/components/games/StartingXiGame.tsx
-var import_react48 = require("react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_react51 = require("react");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var POINTS_PER_STARTER = 8;
 var XI_SIZE = 11;
 var DEFAULT_FORMATION = "4-3-3";
@@ -8251,26 +8569,26 @@ function StartingXiGame({
   lockAtUtc
 }) {
   const t = ui.games.startingXi;
-  const [slotPlayers, setSlotPlayers] = (0, import_react48.useState)(() => Array(XI_SIZE).fill(null));
-  const [active, setActive] = (0, import_react48.useState)(0);
-  const [query, setQuery] = (0, import_react48.useState)("");
-  const searchId = (0, import_react48.useId)();
+  const [slotPlayers, setSlotPlayers] = (0, import_react51.useState)(() => Array(XI_SIZE).fill(null));
+  const [active, setActive] = (0, import_react51.useState)(0);
+  const [query, setQuery] = (0, import_react51.useState)("");
+  const searchId = (0, import_react51.useId)();
   const clientState = parseClientState8(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
-  const header = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  const header = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     GameHeader,
     {
       title: gameTitle({ gameId: "starting-xi" }, ui.games.titles),
       eyebrow: t.eyebrow,
-      right: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Chip, { variant: "accent", children: t.perStarter(POINTS_PER_STARTER) }),
+      right: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Chip, { variant: "accent", children: t.perStarter(POINTS_PER_STARTER) }),
       onBack,
       backLabel: ui.back
     }
   );
   function statusScreen(title, score) {
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-screen", "data-game": "starting-xi", "data-testid": "game-screen-starting-xi", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-screen", "data-game": "starting-xi", "data-testid": "game-screen-starting-xi", children: [
       header,
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "ss-g-body", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ResultCard, { tone: "neutral", title, score, onBack, ui }) })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "ss-g-body", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ResultCard, { tone: "neutral", title, score, onBack, ui }) })
     ] });
   }
   if (alreadyPlayed) {
@@ -8279,9 +8597,9 @@ function StartingXiGame({
     if (clientState.status === "graded") return statusScreen(t.gradedLine(clientState.correctCount), clientState.score);
   }
   if (!config) {
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-screen", "data-game": "starting-xi", "data-testid": "game-screen-starting-xi", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-screen", "data-game": "starting-xi", "data-testid": "game-screen-starting-xi", children: [
       header,
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const { formation, slots } = formationSlots(config.formation);
@@ -8316,27 +8634,27 @@ function StartingXiGame({
     onSubmit(JSON.stringify({ predictedPlayerIds: slotPlayers }));
   }
   const segments = slotPlayers.map((p) => p !== null ? "current" : "todo");
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-screen", "data-game": "starting-xi", "data-testid": "game-screen-starting-xi", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-screen", "data-game": "starting-xi", "data-testid": "game-screen-starting-xi", children: [
     header,
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       SegmentProgress,
       {
         segments,
         ariaLabel: t.picked(pickedCount),
         leftLabel: t.picked(pickedCount),
         rightLabel: t.toGo(XI_SIZE - pickedCount),
-        right: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Chip, { children: formation })
+        right: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Chip, { children: formation })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-xi-pitch", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(PitchSvg, { variant: "half" }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-xi-pitch", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PitchSvg, { variant: "half" }),
         slots.map((s) => {
           const playerId = slotPlayers[s.index] ?? null;
           const player = playerId !== null ? byId.get(playerId) ?? null : null;
           const name = player?.playerName ?? "";
           const state = player ? "filled" : active === s.index ? "active" : "empty";
-          return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
             "button",
             {
               type: "button",
@@ -8348,21 +8666,21 @@ function StartingXiGame({
               disabled: submitting,
               onClick: () => tapSlot(s.index),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-xi-ring", "aria-hidden": "true", children: player ? player.jerseyNumber ?? "" : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(IconPlus, { size: 18 }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-xi-tag", "aria-hidden": "true", children: player ? splitName(name).last : s.label })
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-xi-ring", "aria-hidden": "true", children: player ? player.jerseyNumber ?? "" : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(IconPlus, { size: 18 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-xi-tag", "aria-hidden": "true", children: player ? splitName(name).last : s.label })
               ]
             },
             s.index
           );
         })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "ss-g-xi-picker", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Chip, { variant: "badge", children: activeSlot.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("strong", { children: t.pickFor(activeSlot.label) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("strong", { children: t.allPicked }) }),
-        activeSlot && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-xi-picker", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Chip, { variant: "badge", children: activeSlot.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: t.pickFor(activeSlot.label) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: t.allPicked }) }),
+        activeSlot && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             SearchField,
             {
               id: searchId,
@@ -8374,18 +8692,18 @@ function StartingXiGame({
               disabled: submitting
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("ul", { className: "ss-g-xi-list", children: available.map((p) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("button", { type: "button", className: "ss-g-xi-opt", disabled: submitting, onClick: () => pick(p.playerId), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-xi-opt-no", "aria-hidden": "true", children: p.jerseyNumber ?? "" }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-xi-opt-name", children: p.playerName }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "ss-g-xi-opt-pos", children: p.positionName })
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ul", { className: "ss-g-xi-list", children: available.map((p) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("button", { type: "button", className: "ss-g-xi-opt", disabled: submitting, onClick: () => pick(p.playerId), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-xi-opt-no", "aria-hidden": "true", children: p.jerseyNumber ?? "" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-xi-opt-name", children: p.playerName }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-xi-opt-pos", children: p.positionName })
           ] }) }, p.playerId)) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(FooterBar, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(GameButton, { variant: "primary", block: true, disabled: !canSubmit, onClick: handleSubmit, children: submitting ? t.submitting : t.submit }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { className: "ss-g-xi-lock", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(IconLock, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(FooterBar, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(GameButton, { variant: "primary", block: true, disabled: !canSubmit, onClick: handleSubmit, children: submitting ? t.submitting : t.submit }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("p", { className: "ss-g-xi-lock", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(IconLock, {}),
         lockAtUtc ? t.locksAt(ui.games.formatDayTime(lockAtUtc)) : t.locksSoon
       ] })
     ] })
@@ -8393,8 +8711,8 @@ function StartingXiGame({
 }
 
 // src/components/games/StatLadderGame.tsx
-var import_react49 = require("react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_react52 = require("react");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function ladderClue(ladder) {
   const mystery = ladder.find((r) => r.rank === 2);
   if (!mystery) return null;
@@ -8416,9 +8734,9 @@ function parseClientState9(json) {
 }
 function NameStack({ name }) {
   const { first, last } = splitName(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "ss-g-sl-name", children: [
-    first && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("small", { children: `${first[0]}.` }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("b", { children: last })
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "ss-g-sl-name", children: [
+    first && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("small", { children: `${first[0]}.` }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("b", { children: last })
   ] });
 }
 function StatLadderGame({
@@ -8430,16 +8748,16 @@ function StatLadderGame({
   onBack
 }) {
   const t = ui.games.statLadder;
-  const [query, setQuery] = (0, import_react49.useState)("");
-  const [selectedId, setSelectedId] = (0, import_react49.useState)(null);
-  const searchId = (0, import_react49.useId)();
+  const [query, setQuery] = (0, import_react52.useState)("");
+  const [selectedId, setSelectedId] = (0, import_react52.useState)(null);
+  const searchId = (0, import_react52.useId)();
   const clientState = parseClientState9(result?.clientStateJson);
   const revealed = clientState != null;
-  const header = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(GameHeader, { title: gameTitle({ gameId: "stat-ladder" }, ui.games.titles), eyebrow: t.eyebrow, onBack, backLabel: ui.back });
+  const header = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(GameHeader, { title: gameTitle({ gameId: "stat-ladder" }, ui.games.titles), eyebrow: t.eyebrow, onBack, backLabel: ui.back });
   if (!config) {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-screen", "data-game": "stat-ladder", "data-testid": "game-screen-stat-ladder", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ss-g-screen", "data-game": "stat-ladder", "data-testid": "game-screen-stat-ladder", children: [
       header,
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const question = t.question(config.statLabel);
@@ -8451,45 +8769,45 @@ function StatLadderGame({
     if (selectedId === null || submitting || revealed) return;
     onSubmit(JSON.stringify({ guessedPlayerId: selectedId }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-screen", "data-game": "stat-ladder", "data-testid": "game-screen-stat-ladder", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ss-g-screen", "data-game": "stat-ladder", "data-testid": "game-screen-stat-ladder", children: [
     header,
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-body", children: [
-      !revealed && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed: 0, ui }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-sl-prompt", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Chip, { variant: "accent", icon: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(IconShield, { size: 14 }), className: "ss-g-sl-stat", children: config.statLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("h3", { className: "ss-g-sl-q", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ss-g-body", children: [
+      !revealed && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed: 0, ui }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ss-g-sl-prompt", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Chip, { variant: "accent", icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(IconShield, { size: 14 }), className: "ss-g-sl-stat", children: config.statLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("h3", { className: "ss-g-sl-q", children: [
           question.pre,
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("em", { children: question.emph }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("em", { children: question.emph }),
           question.post
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ol", { className: "ss-g-sl-rungs", children: rungs.map(
-        (rung) => rung.rank === 2 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ol", { className: "ss-g-sl-rungs", children: rungs.map(
+        (rung) => rung.rank === 2 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
           "li",
           {
             className: "ss-g-sl-rung ss-g-sl-rung--mystery",
             "data-testid": "sl-mystery-rung",
             "data-result": revealed ? clientState.isCorrect ? "correct" : "wrong" : void 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-sl-rank", children: "2" }),
-              revealed ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PlayerAvatar, { name: clientState.revealedRank2.playerName, className: "ss-g-sl-av" }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Silhouette, { size: 52, variant: "mystery" }),
-              revealed ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NameStack, { name: clientState.revealedRank2.playerName }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-sl-who", children: t.whoSecond }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-sl-val ss-g-sl-val--mystery", children: rung.statValue })
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ss-g-sl-rank", children: "2" }),
+              revealed ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PlayerAvatar, { name: clientState.revealedRank2.playerName, className: "ss-g-sl-av" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Silhouette, { size: 52, variant: "mystery" }),
+              revealed ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(NameStack, { name: clientState.revealedRank2.playerName }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ss-g-sl-who", children: t.whoSecond }),
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ss-g-sl-val ss-g-sl-val--mystery", children: rung.statValue })
             ]
           },
           rung.rank
-        ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("li", { className: "ss-g-sl-rung", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-sl-rank", children: rung.rank }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PlayerAvatar, { name: rung.playerName ?? "?", className: "ss-g-sl-av" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NameStack, { name: rung.playerName ?? "?" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-sl-val", children: rung.statValue })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("li", { className: "ss-g-sl-rung", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ss-g-sl-rank", children: rung.rank }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PlayerAvatar, { name: rung.playerName ?? "?", className: "ss-g-sl-av" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(NameStack, { name: rung.playerName ?? "?" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ss-g-sl-val", children: rung.statValue })
         ] }, rung.rank)
       ) }),
-      clue && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("p", { className: "ss-g-sl-clue", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(IconBulb, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: t.clue(clue, config.statLabel) })
+      clue && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("p", { className: "ss-g-sl-clue", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(IconBulb, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: t.clue(clue, config.statLabel) })
       ] }),
-      !revealed && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ul", { className: "ss-g-sl-pool", children: pool.map((p) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+      !revealed && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { className: "ss-g-sl-pool", children: pool.map((p) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         "button",
         {
           type: "button",
@@ -8502,13 +8820,13 @@ function StatLadderGame({
             setQuery(p.playerName);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PlayerAvatar, { name: p.playerName, className: "ss-g-sl-opt-av" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "ss-g-sl-opt-name", children: p.playerName }),
-            selectedId === p.playerId && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(IconCheck, {})
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PlayerAvatar, { name: p.playerName, className: "ss-g-sl-opt-av" }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ss-g-sl-opt-name", children: p.playerName }),
+            selectedId === p.playerId && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(IconCheck, {})
           ]
         }
       ) }, p.playerId)) }),
-      revealed && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      revealed && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         ResultCard,
         {
           tone: clientState.isCorrect ? "win" : "lose",
@@ -8519,8 +8837,8 @@ function StatLadderGame({
         }
       )
     ] }),
-    !revealed && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-g-sl-guess", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    !revealed && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(FooterBar, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ss-g-sl-guess", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         SearchField,
         {
           id: searchId,
@@ -8535,13 +8853,13 @@ function StatLadderGame({
           disabled: submitting
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(GameButton, { variant: "primary", disabled: selectedId === null || submitting, onClick: guess, children: t.guess })
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(GameButton, { variant: "primary", disabled: selectedId === null || submitting, onClick: guess, children: t.guess })
     ] }) })
   ] });
 }
 
 // src/components/games/FanMotmGame.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function parseClientState10(json) {
   if (!json) return null;
   try {
@@ -8562,20 +8880,20 @@ function FanMotmGame({
   const clientState = parseClientState10(result?.clientStateJson);
   const alreadyVoted = result?.alreadyPlayed === true;
   const pickedId = clientState?.pickedPlayerId ?? null;
-  const header = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  const header = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     GameHeader,
     {
       title: t.title,
       eyebrow: t.eyebrow,
-      right: alreadyVoted ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Chip, { variant: "success", icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(IconCheck, {}), children: t.voted }) : void 0,
+      right: alreadyVoted ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Chip, { variant: "success", icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(IconCheck, {}), children: t.voted }) : void 0,
       onBack,
       backLabel: ui.back
     }
   );
   if (!config) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ss-g-screen", "data-game": "fan-motm", "data-testid": "game-screen-fan-motm", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "ss-g-screen", "data-game": "fan-motm", "data-testid": "game-screen-fan-motm", children: [
       header,
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const picked = config.candidates.find((c) => c.playerId === pickedId) ?? null;
@@ -8583,12 +8901,12 @@ function FanMotmGame({
     if (alreadyVoted || submitting) return;
     onSubmit(JSON.stringify({ pickedPlayerId: candidateId }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ss-g-screen", "data-game": "fan-motm", "data-testid": "game-screen-fan-motm", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "ss-g-screen", "data-game": "fan-motm", "data-testid": "game-screen-fan-motm", children: [
     header,
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { className: "ss-g-motm-list", children: config.candidates.map((c) => {
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { className: "ss-g-motm-list", children: config.candidates.map((c) => {
         const isVoted = alreadyVoted && pickedId === c.playerId;
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
           "button",
           {
             type: "button",
@@ -8597,24 +8915,24 @@ function FanMotmGame({
             disabled: alreadyVoted || submitting,
             onClick: () => handleVote(c.playerId),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PlayerAvatar, { name: c.playerName, className: "ss-g-motm-av" }),
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "ss-g-motm-name", children: c.playerName }),
-              isVoted && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Chip, { variant: "accent", className: "ss-g-motm-pill", children: t.yourVote })
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(PlayerAvatar, { name: c.playerName, className: "ss-g-motm-av" }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "ss-g-motm-name", children: c.playerName }),
+              isVoted && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Chip, { variant: "accent", className: "ss-g-motm-pill", children: t.yourVote })
             ]
           }
         ) }, c.playerId);
       }) }),
-      alreadyVoted && picked && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ResultCard, { tone: "neutral", title: t.youVoted(picked.playerName), detail: t.thanks, onBack, ui })
+      alreadyVoted && picked && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ResultCard, { tone: "neutral", title: t.youVoted(picked.playerName), detail: t.thanks, onBack, ui })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(FooterBar, { children: [
-      !alreadyVoted && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "ss-g-motm-foot", children: t.tapToVote }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "ss-g-motm-fun", children: t.forFun })
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(FooterBar, { children: [
+      !alreadyVoted && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "ss-g-motm-foot", children: t.tapToVote }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "ss-g-motm-fun", children: t.forFun })
     ] })
   ] });
 }
 
 // src/components/GameScreenHost.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var FIXTURE_GAME_IDS = /* @__PURE__ */ new Set([
   "matchday-predictor",
   "starting-xi",
@@ -8638,8 +8956,8 @@ function GameScreenHost({
   ui
 }) {
   const { gameId, fixtureId, gameDay = "", lockAtUtc = null } = selected;
-  const [configJson, setConfigJson] = (0, import_react50.useState)(null);
-  (0, import_react50.useEffect)(() => {
+  const [configJson, setConfigJson] = (0, import_react53.useState)(null);
+  (0, import_react53.useEffect)(() => {
     setConfigJson(null);
     if (!conversation) return;
     let cancelled = false;
@@ -8662,12 +8980,12 @@ function GameScreenHost({
     fixtureId: fixtureId || void 0,
     locale: ui.games.lang
   });
-  (0, import_react50.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (conversation) hydrate();
   }, [conversation, gameId]);
-  const hydrateRef = (0, import_react50.useRef)(hydrate);
+  const hydrateRef = (0, import_react53.useRef)(hydrate);
   hydrateRef.current = hydrate;
-  (0, import_react50.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (!FIXTURE_GAME_IDS.has(gameId)) return;
     if (rawStatus !== "pending") return;
     const timerId = setInterval(() => {
@@ -8690,7 +9008,7 @@ function GameScreenHost({
   function renderScreen() {
     switch (gameId) {
       case "mystery-tiger":
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           MysteryTigerGame,
           {
             ...sharedProps,
@@ -8698,7 +9016,7 @@ function GameScreenHost({
           }
         );
       case "higher-or-lower":
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           HigherOrLowerGame,
           {
             ...sharedProps,
@@ -8706,7 +9024,7 @@ function GameScreenHost({
           }
         );
       case "career-path":
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           CareerPathGame,
           {
             ...sharedProps,
@@ -8715,7 +9033,7 @@ function GameScreenHost({
         );
       case "beat-the-grid": {
         const btgConfig = safeParseConfig(configJson);
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           BeatTheGridGame,
           {
             ...sharedProps,
@@ -8725,7 +9043,7 @@ function GameScreenHost({
         );
       }
       case "guess-the-xi":
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           GuessTheXiGame,
           {
             ...sharedProps,
@@ -8733,7 +9051,7 @@ function GameScreenHost({
           }
         );
       case "daily-quiz":
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           DailyQuizGame,
           {
             ...sharedProps,
@@ -8741,7 +9059,7 @@ function GameScreenHost({
           }
         );
       case "matchday-predictor":
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           MatchdayPredictorGame,
           {
             ...sharedProps,
@@ -8749,7 +9067,7 @@ function GameScreenHost({
           }
         );
       case "starting-xi":
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           StartingXiGame,
           {
             ...sharedProps,
@@ -8757,7 +9075,7 @@ function GameScreenHost({
           }
         );
       case "stat-ladder":
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           StatLadderGame,
           {
             ...sharedProps,
@@ -8765,7 +9083,7 @@ function GameScreenHost({
           }
         );
       case "fan-motm":
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           FanMotmGame,
           {
             ...sharedProps,
@@ -8773,10 +9091,10 @@ function GameScreenHost({
           }
         );
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "ss-g-screen", "data-testid": `game-screen-${gameId}`, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(GameHeader, { title: gameTitle({ gameId }, ui.games.titles), onBack, backLabel: ui.back }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "ss-g-screen", "data-testid": `game-screen-${gameId}`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(GameHeader, { title: gameTitle({ gameId }, ui.games.titles), onBack, backLabel: ui.back }) });
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "ss-w-gscreen", "data-testid": "gscreen", "data-lock-at": lockAtUtc ?? void 0, children: renderScreen() });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "ss-w-gscreen", "data-testid": "gscreen", "data-lock-at": lockAtUtc ?? void 0, children: renderScreen() });
 }
 
 // src/components/games/ui/fonts.ts
@@ -8793,7 +9111,7 @@ function ensureGamesFonts(doc = document) {
 }
 
 // src/components/GamesPanel.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function GamesPanel({
   loggedIn,
   games,
@@ -8802,13 +9120,13 @@ function GamesPanel({
   leaderboard,
   refreshHub
 }) {
-  const [selected, setSelected] = (0, import_react51.useState)(null);
-  (0, import_react51.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react54.useState)(null);
+  (0, import_react54.useEffect)(() => {
     ensureGamesFonts();
   }, []);
-  if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(GamesLoginWall, { ui });
+  if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(GamesLoginWall, { ui });
   if (selected !== null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "ss-w-gscreen-wrap", lang: ui.games.lang, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-w-gscreen-wrap", lang: ui.games.lang, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       GameScreenHost,
       {
         selected,
@@ -8822,7 +9140,7 @@ function GamesPanel({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "ss-g-hub-wrap", "data-testid": "games-hub", lang: ui.games.lang, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-g-hub-wrap", "data-testid": "games-hub", lang: ui.games.lang, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     GamesHub,
     {
       games,
@@ -8834,10 +9152,10 @@ function GamesPanel({
 }
 
 // src/components/Leaderboard.tsx
-var import_react52 = require("react");
+var import_react55 = require("react");
 
 // src/components/LeaderboardRow.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function formatPoints(n) {
   return n.toLocaleString("en");
 }
@@ -8846,14 +9164,14 @@ function LeaderboardWeeklyRow({
   isMe
 }) {
   const rankClass = `ss-w-lb2-rank${row.rank <= 3 ? " ss-w-lb2-rank--top3" : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: rankClass, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: rankClass, children: [
       "#",
       row.rank
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-lb2-handle", children: row.handle }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-lb2-points", children: formatPoints(row.points) }),
-    row.currentStreak > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "ss-w-lb2-streak", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-lb2-handle", children: row.handle }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-lb2-points", children: formatPoints(row.points) }),
+    row.currentStreak > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "ss-w-lb2-streak", children: [
       "\u{1F525} ",
       row.currentStreak
     ] })
@@ -8864,18 +9182,18 @@ function LeaderboardAllTimeRow({
   isMe
 }) {
   const rankClass = `ss-w-lb2-rank${row.rank <= 3 ? " ss-w-lb2-rank--top3" : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: rankClass, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: rankClass, children: [
       "#",
       row.rank
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-lb2-handle", children: row.handle }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-lb2-points", children: formatPoints(row.allTimePoints) })
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-lb2-handle", children: row.handle }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-lb2-points", children: formatPoints(row.allTimePoints) })
   ] });
 }
 
 // src/components/LeaderboardEmpty.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function LeaderboardEmpty({
   segment,
   lastWeek,
@@ -8884,48 +9202,48 @@ function LeaderboardEmpty({
   ui
 }) {
   if (segment === "alltime") {
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "ss-w-lb-empty ss-w-lb-empty--alltime", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: "\u{1F4CA}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "ss-w-lb-empty-body", children: ui.leaderboardAllTimeEmpty })
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-lb-empty ss-w-lb-empty--alltime", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: "\u{1F4CA}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "ss-w-lb-empty-body", children: ui.leaderboardAllTimeEmpty })
     ] });
   }
   const fresh = lastWeek != null;
   const title = fresh ? ui.leaderboardEmptyFreshTitle : ui.leaderboardEmptyColdTitle;
   const body = fresh ? ui.leaderboardEmptyFreshBody : ui.leaderboardEmptyColdBody;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "ss-w-lb-empty", children: [
-    weeklyPrize && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "ss-w-prize", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-prize-icon", "aria-hidden": "true", children: "\u{1F3C6}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "ss-w-prize-body", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-prize-text", children: weeklyPrize }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-lb-empty", children: [
+    weeklyPrize && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-prize", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ss-w-prize-icon", "aria-hidden": "true", children: "\u{1F3C6}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ss-w-prize-body", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ss-w-prize-text", children: weeklyPrize }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "ss-w-lb-empty-hero", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: fresh ? "\u{1F3C6}" : "\u{1F3AE}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h4", { className: "ss-w-lb-empty-title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "ss-w-lb-empty-body", children: body }),
-      onPlay && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "ss-w-lb-empty-cta", onClick: onPlay, children: ui.leaderboardEmptyCta })
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-lb-empty-hero", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: fresh ? "\u{1F3C6}" : "\u{1F3AE}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h4", { className: "ss-w-lb-empty-title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "ss-w-lb-empty-body", children: body }),
+      onPlay && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "ss-w-lb-empty-cta", onClick: onPlay, children: ui.leaderboardEmptyCta })
     ] }),
-    fresh && lastWeek && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "ss-w-lb-last", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-lb-last-label", children: ui.leaderboardLastWeekLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-lb-last-champ", "aria-hidden": "true", children: "\u{1F947}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-lb-last-handle", children: lastWeek.handle }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "ss-w-lb-last-points", children: formatPoints(lastWeek.points) })
+    fresh && lastWeek && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-lb-last", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ss-w-lb-last-label", children: ui.leaderboardLastWeekLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ss-w-lb-last-champ", "aria-hidden": "true", children: "\u{1F947}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ss-w-lb-last-handle", children: lastWeek.handle }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ss-w-lb-last-points", children: formatPoints(lastWeek.points) })
     ] })
   ] });
 }
 
 // src/components/Leaderboard.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function Leaderboard({
   data,
   ui,
   onPlay
 }) {
-  const [segment, setSegment] = (0, import_react52.useState)("weekly");
+  const [segment, setSegment] = (0, import_react55.useState)("weekly");
   const myRow = segment === "weekly" ? data.myWeeklyRow : data.myAllTimeRow;
   const offBoard = myRow !== null && myRow !== void 0 && myRow.rank === -1;
   const isEmpty = segment === "weekly" ? data.weeklyTop.length === 0 : data.allTimeTop.length === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-lb2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-seg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "ss-w-lb2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "ss-w-seg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         "button",
         {
           type: "button",
@@ -8935,7 +9253,7 @@ function Leaderboard({
           children: ui.leaderboardThisWeek
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         "button",
         {
           type: "button",
@@ -8946,7 +9264,7 @@ function Leaderboard({
         }
       )
     ] }),
-    isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       LeaderboardEmpty,
       {
         segment,
@@ -8955,15 +9273,15 @@ function Leaderboard({
         onPlay,
         ui
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         LeaderboardWeeklyRow,
         {
           row,
           isMe: row.operatorUserId === data.myWeeklyRow?.operatorUserId
         },
         row.operatorUserId
-      )) : data.allTimeTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      )) : data.allTimeTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         LeaderboardAllTimeRow,
         {
           row,
@@ -8971,18 +9289,18 @@ function Leaderboard({
         },
         row.operatorUserId
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ss-w-kitline", children: "\u{1F3BD}" }),
-      myRow != null && (offBoard ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ss-w-lbgap", children: ui.leaderboardOffBoard }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-lb2-rows", children: [
-        segment === "weekly" && data.myWeeklyRow && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(LeaderboardWeeklyRow, { row: data.myWeeklyRow, isMe: true }),
-        segment === "alltime" && data.myAllTimeRow && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(LeaderboardAllTimeRow, { row: data.myAllTimeRow, isMe: true })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "ss-w-kitline", children: "\u{1F3BD}" }),
+      myRow != null && (offBoard ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "ss-w-lbgap", children: ui.leaderboardOffBoard }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "ss-w-lb2-rows", children: [
+        segment === "weekly" && data.myWeeklyRow && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(LeaderboardWeeklyRow, { row: data.myWeeklyRow, isMe: true }),
+        segment === "alltime" && data.myAllTimeRow && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(LeaderboardAllTimeRow, { row: data.myAllTimeRow, isMe: true })
       ] })),
-      segment === "alltime" && data.myAllTimeRow && !offBoard && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ss-w-lb2-rows", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ss-w-lb2-row", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ss-w-lb2-handle", children: formatPoints(data.allTimeTop.reduce((s, r) => s + r.allTimePoints, 0)) }) }) })
+      segment === "alltime" && data.myAllTimeRow && !offBoard && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "ss-w-lb2-rows", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "ss-w-lb2-row", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "ss-w-lb2-handle", children: formatPoints(data.allTimeTop.reduce((s, r) => s + r.allTimePoints, 0)) }) }) })
     ] })
   ] });
 }
 
 // src/components/LeaderboardPanel.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var EMPTY_PAYLOAD = {
   week: "",
   weeklyTop: [],
@@ -8993,19 +9311,19 @@ var EMPTY_PAYLOAD = {
   lastWeek: null
 };
 function LeaderboardPanel({ loggedIn, data, loading, onPlay, ui }) {
-  if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(GamesLoginWall, { ui });
-  if (data === null && loading) return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "ss-w-mon-list" });
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Leaderboard, { data: data ?? EMPTY_PAYLOAD, ui, onPlay }) });
+  if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(GamesLoginWall, { ui });
+  if (data === null && loading) return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "ss-w-mon-list" });
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Leaderboard, { data: data ?? EMPTY_PAYLOAD, ui, onPlay }) });
 }
 
 // src/components/PresetSpeedDial.tsx
-var import_react53 = require("react");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_react56 = require("react");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef, buttonRef }) {
-  const pillsId = (0, import_react53.useId)();
+  const pillsId = (0, import_react56.useId)();
   const tabIndex = expanded ? 0 : -1;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { ref: rootRef, className: "ss-w-dial", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ref: rootRef, className: "ss-w-dial", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
       "button",
       {
         ref: buttonRef,
@@ -9016,36 +9334,36 @@ function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef
         "aria-label": strings.dialName,
         onClick: onToggle,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "ss-w-dial-icon ss-w-dial-icon--open", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SlidersIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "ss-w-dial-icon ss-w-dial-icon--close", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CloseIcon, {}) }),
-          showDot && !expanded ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "ss-w-dial-dot", "aria-hidden": "true" }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-dial-icon ss-w-dial-icon--open", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SlidersIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-dial-icon ss-w-dial-icon--close", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CloseIcon, {}) }),
+          showDot && !expanded ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-dial-dot", "aria-hidden": "true" }) : null
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { id: pillsId, className: "ss-w-dial-pills", "data-open": expanded ? "" : void 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("numbers"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SlidersIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "ss-w-dial-pill-label", children: strings.setNumbers })
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { id: pillsId, className: "ss-w-dial-pills", "data-open": expanded ? "" : void 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("numbers"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SlidersIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-dial-pill-label", children: strings.setNumbers })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("combo"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ComboIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "ss-w-dial-pill-label", children: strings.buildCombo })
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("combo"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ComboIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-dial-pill-label", children: strings.buildCombo })
       ] })
     ] })
   ] });
 }
 
 // src/components/PresetTools.tsx
-var import_react54 = require("react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react57 = require("react");
+var import_jsx_runtime95 = require("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 = (0, import_react54.useRef)(null);
-  const titleId = (0, import_react54.useId)();
-  (0, import_react54.useEffect)(() => {
+  const dialogRef = (0, import_react57.useRef)(null);
+  const titleId = (0, import_react57.useId)();
+  (0, import_react57.useEffect)(() => {
     dialogRef.current?.focus();
   }, []);
-  (0, import_react54.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     const onKey = (e) => {
       if (e.key !== "Escape") return;
       e.stopPropagation();
@@ -9075,79 +9393,79 @@ function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
       first.focus();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "ss-w-tool-backdrop", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ref: dialogRef, className: "ss-w-tool", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, onKeyDown: trapTab, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "ss-w-tool-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h2", { id: titleId, className: "ss-w-tool-title", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "ss-w-tool-close", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CloseIcon, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "ss-w-tool-backdrop", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { ref: dialogRef, className: "ss-w-tool", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, onKeyDown: trapTab, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "ss-w-tool-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h2", { id: titleId, className: "ss-w-tool-title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "ss-w-tool-close", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CloseIcon, {}) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "ss-w-tool-body", children }),
-    footer ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "ss-w-tool-foot", children: footer }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "ss-w-tool-body", children }),
+    footer ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("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__ */ (0, import_jsx_runtime94.jsx)(import_react54.Fragment, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react57.Fragment, { 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__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "ss-w-tool-num", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: current }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("select", { className: "ss-w-tool-num-select", "aria-label": label, value: String(selected), onChange: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "ss-w-tool-num", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: current }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("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__ */ (0, import_jsx_runtime94.jsx)("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__ */ (0, import_jsx_runtime95.jsx)("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__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "ss-w-tool-num", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: sizeText }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("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__ */ (0, import_jsx_runtime94.jsx)("option", { value: String(i), children: opt }, i)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "ss-w-tool-num", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: sizeText }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("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__ */ (0, import_jsx_runtime95.jsx)("option", { value: String(i), children: opt }, i)) })
   ] });
 }
 function SendButton({ label, display, disabled, onClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "ss-w-tool-send", "aria-label": `${label}: ${display}`, disabled, onClick, children: label });
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "ss-w-tool-send", "aria-label": `${label}: ${display}`, disabled, onClick, children: label });
 }
 function PickList({ picks, formatKickoff }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("ul", { className: "ss-w-tool-picks", role: "list", children: picks.map((p) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("li", { className: "ss-w-tool-pick", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "ss-w-tool-pick-match", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("ul", { className: "ss-w-tool-picks", role: "list", children: picks.map((p) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("li", { className: "ss-w-tool-pick", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "ss-w-tool-pick-match", children: [
       p.homeTeamName,
       " \u2013 ",
       p.awayTeamName
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "ss-w-tool-pick-sel", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: "ss-w-tool-pick-sel", children: [
       p.marketLabel,
       ": ",
       p.selectionLabel,
       p.line ? ` ${p.line}` : ""
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-tool-pick-kick", children: formatKickoff(p.kickoffUtc) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-tool-pick-price", children: p.price.toFixed(2) })
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ss-w-tool-pick-kick", children: formatKickoff(p.kickoffUtc) }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ss-w-tool-pick-price", children: p.price.toFixed(2) })
   ] }, p.matchOddsId)) });
 }
 function ComboPreview({ cell, formatKickoff }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PickList, { picks: cell.combo.legs, formatKickoff }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "ss-w-tool-math", children: cell.combo.multiplication })
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(PickList, { picks: cell.combo.legs, formatKickoff }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "ss-w-tool-math", children: cell.combo.multiplication })
   ] });
 }
 function Unavailable({ text }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "ss-w-tool-unavailable", children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "ss-w-tool-unavailable", children: text });
 }
 function AskRow({ icon, ask, ready, send }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("section", { className: "ss-w-tool-row ss-w-tool-row--ask", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-tool-icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "ss-w-tool-main", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "ss-w-tool-ask", children: ask }),
-      ready ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-tool-ready", children: ready }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("section", { className: "ss-w-tool-row ss-w-tool-row--ask", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ss-w-tool-icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "ss-w-tool-main", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "ss-w-tool-ask", children: ask }),
+      ready ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ss-w-tool-ready", children: ready }) : null
     ] }),
     send
   ] });
 }
 function RoundSend({ label, display, disabled, onClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "ss-w-tool-go", "aria-label": `${label}: ${display}`, disabled, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SendIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "ss-w-tool-go", "aria-label": `${label}: ${display}`, disabled, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SendIcon, {}) });
 }
 var BIG_COMBO = { total: 50, legs: 6 };
 function SetNumbersTool({ grid, strings, streaming, onSend, onClose }) {
@@ -9156,15 +9474,15 @@ function SetNumbersTool({ grid, strings, streaming, onSend, onClose }) {
   const totals = comboTotals(grid);
   const legChoices = comboLegChoices(grid);
   const count = FIXED_SINGLES_COUNT;
-  const [maxPrice, setMaxPrice] = (0, import_react54.useState)(() => startSingles(grid.singles, limits, START.maxPrice, count));
-  const [minPrice, setMinPrice] = (0, import_react54.useState)(() => startSingles(grid.singlesFrom, floors, START.minPrice, count));
-  const [start] = (0, import_react54.useState)(() => startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs));
-  const [total, setTotal] = (0, import_react54.useState)(start.total);
-  const [legs, setLegs] = (0, import_react54.useState)(start.legs);
-  const [bigStart] = (0, import_react54.useState)(() => startCombo(grid, totals, legChoices, BIG_COMBO.total, BIG_COMBO.legs));
-  const [bigTotal, setBigTotal] = (0, import_react54.useState)(bigStart.total);
-  const [bigLegs, setBigLegs] = (0, import_react54.useState)(bigStart.legs);
-  const [announcement, setAnnouncement] = (0, import_react54.useState)("");
+  const [maxPrice, setMaxPrice] = (0, import_react57.useState)(() => startSingles(grid.singles, limits, START.maxPrice, count));
+  const [minPrice, setMinPrice] = (0, import_react57.useState)(() => startSingles(grid.singlesFrom, floors, START.minPrice, count));
+  const [start] = (0, import_react57.useState)(() => startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs));
+  const [total, setTotal] = (0, import_react57.useState)(start.total);
+  const [legs, setLegs] = (0, import_react57.useState)(start.legs);
+  const [bigStart] = (0, import_react57.useState)(() => startCombo(grid, totals, legChoices, BIG_COMBO.total, BIG_COMBO.legs));
+  const [bigTotal, setBigTotal] = (0, import_react57.useState)(bigStart.total);
+  const [bigLegs, setBigLegs] = (0, import_react57.useState)(bigStart.legs);
+  const [announcement, setAnnouncement] = (0, import_react57.useState)("");
   const maxCell = findSingles(grid.singles, maxPrice, count);
   const minCell = findSingles(grid.singlesFrom, minPrice, count);
   const comboCell = findCombo(grid, total, legs);
@@ -9208,95 +9526,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] = (0, import_react54.useState)(0);
+  const [marketIdx, setMarketIdx] = (0, import_react57.useState)(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__ */ (0, import_jsx_runtime94.jsxs)(PresetToolModal, { title: strings.setNumbers, closeLabel: strings.close, onClose, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(PresetToolModal, { title: strings.setNumbers, closeLabel: strings.close, onClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       AskRow,
       {
         icon: "\u{1F3AF}",
         ask: fillTemplate(strings.maxPriceRow, {
           count: String(count),
-          price: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NumberSelect, { current: maxPrice.toFixed(2), choices: maxChoices, label: strings.maxPriceName, notToday: strings.notToday, onChoose: chooseMax })
+          price: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NumberSelect, { current: maxPrice.toFixed(2), choices: maxChoices, label: strings.maxPriceName, notToday: strings.notToday, onChoose: chooseMax })
         }),
         ready: singlesReady(maxCell),
-        send: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RoundSend, { label: strings.send, display: strings.maxPriceDisplay(count, maxPrice), disabled: !maxCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RoundSend, { label: strings.send, display: strings.maxPriceDisplay(count, maxPrice), disabled: !maxCell || streaming, onClick: () => {
           if (maxCell) onSend(maxPriceAsk(maxCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       AskRow,
       {
         icon: "\u{1F4C8}",
         ask: fillTemplate(strings.minPriceRow, {
           count: String(count),
-          price: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NumberSelect, { current: minPrice.toFixed(2), choices: minChoices, label: strings.minPriceName, notToday: strings.notToday, onChoose: chooseMin })
+          price: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NumberSelect, { current: minPrice.toFixed(2), choices: minChoices, label: strings.minPriceName, notToday: strings.notToday, onChoose: chooseMin })
         }),
         ready: singlesReady(minCell),
-        send: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RoundSend, { label: strings.send, display: strings.minPriceDisplay(count, minPrice), disabled: !minCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RoundSend, { label: strings.send, display: strings.minPriceDisplay(count, minPrice), disabled: !minCell || streaming, onClick: () => {
           if (minCell) onSend(minPriceAsk(minCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       AskRow,
       {
         icon: "\u2728",
         ask: fillTemplate(strings.comboRow, {
-          legs: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NumberSelect, { current: String(legs), choices: legChoicesFor(total), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseLegs }),
-          total: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NumberSelect, { current: total.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseTotal })
+          legs: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NumberSelect, { current: String(legs), choices: legChoicesFor(total), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseLegs }),
+          total: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NumberSelect, { current: total.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseTotal })
         }),
         ready: comboReady(comboCell),
-        send: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RoundSend, { label: strings.send, display: strings.comboDisplay(legs, total), disabled: !comboCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RoundSend, { label: strings.send, display: strings.comboDisplay(legs, total), disabled: !comboCell || streaming, onClick: () => {
           if (comboCell) onSend(comboAsk(comboCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       AskRow,
       {
         icon: "\u{1F3C6}",
         ask: fillTemplate(strings.bigComboRow, {
-          legs: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NumberSelect, { current: String(bigLegs), choices: legChoicesFor(bigTotal), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseBigLegs }),
-          total: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NumberSelect, { current: bigTotal.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseBigTotal })
+          legs: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NumberSelect, { current: String(bigLegs), choices: legChoicesFor(bigTotal), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseBigLegs }),
+          total: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NumberSelect, { current: bigTotal.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseBigTotal })
         }),
         ready: comboReady(bigCell),
-        send: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RoundSend, { label: strings.send, display: strings.comboDisplay(bigLegs, bigTotal), disabled: !bigCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RoundSend, { label: strings.send, display: strings.comboDisplay(bigLegs, bigTotal), disabled: !bigCell || streaming, onClick: () => {
           if (bigCell) onSend(comboAsk(bigCell, strings));
         } })
       }
     ),
-    markets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    markets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       AskRow,
       {
         icon: "\u26BD",
         ask: fillTemplate(strings.marketRow, {
-          market: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChoiceSelect, { currentIdx: marketIdx, sizeLabels: marketLabels, optionLabels: marketLabels, label: strings.marketName, onChoose: chooseMarket })
+          market: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ChoiceSelect, { currentIdx: marketIdx, sizeLabels: marketLabels, optionLabels: marketLabels, label: strings.marketName, onChoose: chooseMarket })
         }),
         ready: marketCell ? strings.readyCount(marketCell.count) : null,
-        send: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RoundSend, { label: strings.send, display: marketCell ? marketDisplay(marketCell, strings) : "", disabled: !marketCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RoundSend, { label: strings.send, display: marketCell ? marketDisplay(marketCell, strings) : "", disabled: !marketCell || streaming, onClick: () => {
           if (marketCell) onSend(marketAsk(marketCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("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] = (0, import_react54.useState)(() => initialTotal === void 0 ? startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs) : null);
-  const [total, setTotal] = (0, import_react54.useState)(() => initialTotal !== void 0 ? nearest(totals, initialTotal) : start.total);
-  const [legs, setLegs] = (0, import_react54.useState)(() => {
+  const [start] = (0, import_react57.useState)(() => initialTotal === void 0 ? startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs) : null);
+  const [total, setTotal] = (0, import_react57.useState)(() => initialTotal !== void 0 ? nearest(totals, initialTotal) : start.total);
+  const [legs, setLegs] = (0, import_react57.useState)(() => {
     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] = (0, import_react54.useState)("");
+  const [announcement, setAnnouncement] = (0, import_react57.useState)("");
   const cell = findCombo(grid, total, legs);
   const minLegs = legChoices[0] ?? legs;
   const maxLegs = legChoices[legChoices.length - 1] ?? legs;
@@ -9307,29 +9625,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__ */ (0, import_jsx_runtime94.jsx)(SendButton, { label: strings.send, display, disabled: !cell || streaming, onClick: () => {
+  const footer = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SendButton, { label: strings.send, display, disabled: !cell || streaming, onClick: () => {
     if (cell) onSend(comboAsk(cell, strings));
   } });
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(PresetToolModal, { title: strings.buildCombo, closeLabel: strings.close, onClose, footer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.totalLabel, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.totalLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("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__ */ (0, import_jsx_runtime95.jsxs)(PresetToolModal, { title: strings.buildCombo, closeLabel: strings.close, onClose, footer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.totalLabel, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.totalLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("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__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.matchesLabel, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.matchesLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "ss-w-tool-stepper", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.fewerMatches, disabled: legs <= minLegs, onClick: () => choose(total, legs - 1), children: "\u2212" }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ss-w-tool-count", children: legs }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.moreMatches, disabled: legs >= maxLegs, onClick: () => choose(total, legs + 1), children: "+" })
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.matchesLabel, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.matchesLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "ss-w-tool-stepper", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.fewerMatches, disabled: legs <= minLegs, onClick: () => choose(total, legs - 1), children: "\u2212" }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ss-w-tool-count", children: legs }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.moreMatches, disabled: legs >= maxLegs, onClick: () => choose(total, legs + 1), children: "+" })
       ] })
     ] }),
-    cell ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ComboPreview, { cell, formatKickoff }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Unavailable, { text: strings.unavailable }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
+    cell ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ComboPreview, { cell, formatKickoff }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Unavailable, { text: strings.unavailable }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
   ] });
 }
 
 // src/usePresetDial.ts
-var import_react55 = require("react");
+var import_react58 = require("react");
 function sendInFlight(messages, isStreaming) {
   const last = messages[messages.length - 1];
   return isStreaming && !!last && last.role === "assistant" && !last.done && !last.isGreeting;
@@ -9343,25 +9661,25 @@ 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] = (0, import_react55.useState)(() => !sendInFlight(messages, isStreaming));
-  const fold = (0, import_react55.useCallback)(() => setExpanded(false), []);
-  const toggle = (0, import_react55.useCallback)(() => setExpanded((e) => !e), []);
+  const [expanded, setExpanded] = (0, import_react58.useState)(() => !sendInFlight(messages, isStreaming));
+  const fold = (0, import_react58.useCallback)(() => setExpanded(false), []);
+  const toggle = (0, import_react58.useCallback)(() => setExpanded((e) => !e), []);
   const currentUserId = lastUserId(messages);
-  const userIdRef = (0, import_react55.useRef)(currentUserId);
-  (0, import_react55.useEffect)(() => {
+  const userIdRef = (0, import_react58.useRef)(currentUserId);
+  (0, import_react58.useEffect)(() => {
     if (currentUserId === userIdRef.current) return;
     userIdRef.current = currentUserId;
     setExpanded(false);
   }, [currentUserId]);
-  const tabRef = (0, import_react55.useRef)(activeTab);
-  (0, import_react55.useEffect)(() => {
+  const tabRef = (0, import_react58.useRef)(activeTab);
+  (0, import_react58.useEffect)(() => {
     if (activeTab === tabRef.current) return;
     tabRef.current = activeTab;
     setExpanded(false);
   }, [activeTab]);
-  const expandedRef = (0, import_react55.useRef)(expanded);
+  const expandedRef = (0, import_react58.useRef)(expanded);
   expandedRef.current = expanded;
-  (0, import_react55.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     const onEscape = (e) => {
       const dial = dialRef.current;
       if (e.key !== "Escape" || !dial || !e.composedPath().includes(dial)) return;
@@ -9374,7 +9692,7 @@ function usePresetDial({ layerRef, dialRef, dialButtonRef, messages, isStreaming
     window.addEventListener("keydown", onEscape, true);
     return () => window.removeEventListener("keydown", onEscape, true);
   }, [dialRef, dialButtonRef]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (!expanded) return;
     const layer = layerRef.current;
     const inDial = (e) => {
@@ -9426,11 +9744,11 @@ function markToolSeen() {
 }
 
 // src/components/ChatPanel.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
-  const [modal, setModal] = (0, import_react56.useState)(false);
-  (0, import_react56.useEffect)(() => {
+  const [modal, setModal] = (0, import_react59.useState)(false);
+  (0, import_react59.useEffect)(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
     const sync = () => setModal(mql.matches);
@@ -9444,7 +9762,7 @@ var HIDDEN_LAYER_STYLE = { position: "absolute", inset: 0, visibility: "hidden",
 function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, gamesResult, leaderboardResult, loggedIn, conversation, presetGrid }) {
   const { state, close, stop, send, reset } = controller;
   const isModal = useIsModal();
-  (0, import_react56.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
@@ -9460,19 +9778,19 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     monitor?.setActiveTab("chat");
     send(text, { grounding });
   };
-  (0, import_react56.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (monitor && monitor.activeTab !== "chat" && state.isStreaming) monitor.markChatActivity();
   }, [monitor, state.isStreaming, state.messages.length]);
   const onChatTab = !monitor || monitor.activeTab === "chat";
-  const layerRef = (0, import_react56.useRef)(null);
-  const dialRef = (0, import_react56.useRef)(null);
-  const dialButtonRef = (0, import_react56.useRef)(null);
-  const inputRef = (0, import_react56.useRef)(null);
-  const limitRef = (0, import_react56.useRef)(null);
-  const typedSendRef = (0, import_react56.useRef)(false);
-  const focusAfterCloseRef = (0, import_react56.useRef)(null);
-  const [tool, setTool] = (0, import_react56.useState)(null);
-  const [toolSeen, setToolSeen] = (0, import_react56.useState)(readToolSeen);
+  const layerRef = (0, import_react59.useRef)(null);
+  const dialRef = (0, import_react59.useRef)(null);
+  const dialButtonRef = (0, import_react59.useRef)(null);
+  const inputRef = (0, import_react59.useRef)(null);
+  const limitRef = (0, import_react59.useRef)(null);
+  const typedSendRef = (0, import_react59.useRef)(false);
+  const focusAfterCloseRef = (0, import_react59.useRef)(null);
+  const [tool, setTool] = (0, import_react59.useState)(null);
+  const [toolSeen, setToolSeen] = (0, import_react59.useState)(readToolSeen);
   const dial = usePresetDial({
     layerRef,
     dialRef,
@@ -9484,53 +9802,53 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
   const { fold } = dial;
   const paused = isPaused(state.limit);
   const showDial = !!presetGrid && onChatTab && !tool && !paused;
-  (0, import_react56.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (paused) setTool(null);
   }, [paused]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!paused) return;
     if (typedSendRef.current) limitRef.current?.focus();
     typedSendRef.current = false;
   }, [paused]);
-  const openTool = (0, import_react56.useCallback)((next) => {
+  const openTool = (0, import_react59.useCallback)((next) => {
     fold();
     markToolSeen();
     setToolSeen(true);
     setTool(next);
   }, [fold]);
-  const onPill = (0, import_react56.useCallback)((kind) => openTool(kind === "numbers" ? { kind: "numbers" } : { kind: "combo" }), [openTool]);
-  const toolsValue = (0, import_react56.useMemo)(
+  const onPill = (0, import_react59.useCallback)((kind) => openTool(kind === "numbers" ? { kind: "numbers" } : { kind: "combo" }), [openTool]);
+  const toolsValue = (0, import_react59.useMemo)(
     () => presetGrid && !paused ? { openBuilder: (total, legs) => openTool({ kind: "combo", total, legs }), changeLabel: ui.presets.changeCombo } : null,
     [presetGrid, paused, openTool, ui.presets.changeCombo]
   );
-  const closeTool = (0, import_react56.useCallback)(() => {
+  const closeTool = (0, import_react59.useCallback)(() => {
     focusAfterCloseRef.current = "dial";
     setTool(null);
   }, []);
-  const sendAsk = (0, import_react56.useCallback)((ask) => {
+  const sendAsk = (0, import_react59.useCallback)((ask) => {
     focusAfterCloseRef.current = "composer";
     setTool(null);
     monitor?.setActiveTab("chat");
     send(ask.message, { displayText: ask.displayText, preset: ask.preset });
   }, [monitor, send]);
-  const formatKickoff = (0, import_react56.useCallback)((kickoffUtc) => {
+  const formatKickoff = (0, import_react59.useCallback)((kickoffUtc) => {
     const k = ui.bettingKickoff(kickoffUtc);
     return `${k.dayLabel} ${k.time}`;
   }, [ui]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (tool) return;
     const target = focusAfterCloseRef.current;
     focusAfterCloseRef.current = null;
     if (target === "dial") dialButtonRef.current?.focus();
     else if (target === "composer") inputRef.current?.focus();
   }, [tool]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!tool || onChatTab && presetGrid) return;
     focusAfterCloseRef.current = "composer";
     setTool(null);
   }, [tool, onChatTab, presetGrid]);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       ChatHeader,
       {
         onClose: close,
@@ -9543,7 +9861,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         moreOptionsLabel: ui.moreOptions
       }
     ),
-    monitor && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    monitor && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       TabBar,
       {
         monitor,
@@ -9555,9 +9873,9 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         gamesEnabled: gamesResult?.enabled ?? false
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { ref: layerRef, className: "ss-w-chat-layer", "data-dial": presetGrid ? "" : void 0, style: onChatTab ? void 0 : HIDDEN_LAYER_STYLE, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(PresetToolsContext.Provider, { value: toolsValue, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor }) }),
-      showDial ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { ref: layerRef, className: "ss-w-chat-layer", "data-dial": presetGrid ? "" : void 0, style: onChatTab ? void 0 : HIDDEN_LAYER_STYLE, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(PresetToolsContext.Provider, { value: toolsValue, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor }) }),
+      showDial ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         PresetSpeedDial,
         {
           expanded: dial.expanded,
@@ -9569,12 +9887,12 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
           buttonRef: dialButtonRef
         }
       ) : null,
-      tool && presetGrid && onChatTab && !paused ? tool.kind === "numbers" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(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__ */ (0, import_jsx_runtime96.jsx)(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(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__ */ (0, import_jsx_runtime95.jsx)(TodayPanel, { discovery, ui, monitor }),
-    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(MatchesPanel, { monitor, ui, slip, onAsk: paused ? void 0 : handleAsk }),
-    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(OddsPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TodayPanel, { discovery, ui, monitor }),
+    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(MatchesPanel, { monitor, ui, slip, onAsk: paused ? void 0 : handleAsk }),
+    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(OddsPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       GamesPanel,
       {
         loggedIn: !!loggedIn,
@@ -9588,7 +9906,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         }
       }
     ),
-    monitor && monitor.activeTab === "leaderboard" && leaderboardResult && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    monitor && monitor.activeTab === "leaderboard" && leaderboardResult && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       LeaderboardPanel,
       {
         loggedIn: !!loggedIn,
@@ -9598,9 +9916,9 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         ui
       }
     ),
-    (!monitor || monitor.activeTab !== "games" && monitor.activeTab !== "leaderboard") && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
-      paused ? null : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    (!monitor || monitor.activeTab !== "games" && monitor.activeTab !== "leaderboard") && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
+      paused ? null : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         ChatInput,
         {
           ref: inputRef,
@@ -9619,9 +9937,9 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
 }
 
 // src/components/HostEventsProvider.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function HostEventsProvider({ value, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SlipStateContext.Provider, { value: value.slipState, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SlipStateContext.Provider, { value: value.slipState, children });
 }
 
 // src/styles/css.generated.ts
@@ -10814,14 +11132,60 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-sec-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ss-w-neg); flex: none; }
 .ss-w-today-live { display: flex; flex-direction: column; gap: 2px; }
 
-.ss-w-grp { border: 1px solid var(--ss-w-line); border-radius: 12px; overflow: hidden; }
-.ss-w-grp-head { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 11px; background: var(--ss-w-bubble); border: none; font: inherit; color: var(--ss-w-ink); cursor: pointer; text-align: left; }
-.ss-w-grp-head:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
-.ss-w-grp-chev { color: var(--ss-w-faint); font-size: 10px; flex: none; }
-.ss-w-grp-name { font-size: 12px; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.ss-w-grp-country { font-weight: 600; color: var(--ss-w-faint); }
-.ss-w-grp-count { margin-left: auto; flex: none; font-size: 10.5px; font-weight: 700; color: var(--ss-w-faint); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 999px; padding: 1px 7px; font-variant-numeric: tabular-nums; }
-.ss-w-grp-body { display: flex; flex-direction: column; padding: 2px 11px 6px; }
+/* Today tab root (Task 7): position: relative so the grid's own star/unstar toast (absolute,
+   top-centre) anchors here rather than to some unrelated positioned ancestor. */
+/* Non-scrolling anchor for .ss-w-today-toast (position: absolute; top: 0): .ss-w-mon-list below is
+   the overflow-y: auto scroller, so a toast parented to IT would scroll out of view with the
+   content that moved it. This wrapper sits outside that scroller, inside .ss-w-panel's fixed-size
+   flex column, so top: 0 always lands at the visible top of the Today tab. min-height: 0 is
+   required: without it this flex item defaults to min-height: auto (its content height), .ss-w-panel's
+   overflow: hidden then clips it, and .ss-w-mon-list inside never gets a bounded height to scroll within. */
+.ss-w-today-root { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
+
+/* Section header for "Your leagues"/"Top leagues"/"All leagues" (Task 7) -- same visual
+   treatment as .ss-w-sec-head (the live-band header), kept as a separate class so a kept test
+   asserting .ss-w-sec-head is absent when nothing is live cannot see this header too. */
+.ss-w-today-sec { display: flex; align-items: center; gap: 7px; padding: 2px 2px 0; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--ss-w-faint); }
+.ss-w-today-sec::after { content: ""; flex: 1; height: 1px; background: var(--ss-w-line); }
+.ss-w-today-sec-sub { text-transform: none; letter-spacing: normal; font-weight: 600; }
+.ss-w-today-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
+.ss-w-today-empty { font-size: 12px; color: var(--ss-w-faint); padding: 10px 2px; }
+
+/* League tile (Task 5): a flat row (crest + name as the open target, star as a separate sibling
+   button) rather than a disclosure header -- opening is Task 6's LeagueDetail, not an inline
+   expansion. Same border/radius language .ss-w-grp used to carry, before Task 7 deleted it. */
+.ss-w-today-tile { display: flex; align-items: center; gap: 6px; border: 1px solid var(--ss-w-line); border-radius: 12px; overflow: hidden; background: var(--ss-w-bubble); }
+.ss-w-today-tile-body { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 8px 9px; background: none; border: none; font: inherit; color: var(--ss-w-ink); cursor: pointer; text-align: left; }
+.ss-w-today-tile-body:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
+.ss-w-today-tile-name { font-size: 12px; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-today-tile-country { font-weight: 600; color: var(--ss-w-faint); }
+.ss-w-today-tile-star { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0 6px; background: none; border: none; border-radius: 8px; color: var(--ss-w-faint); cursor: pointer; }
+.ss-w-today-tile-star:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
+.ss-w-today-tile-star[aria-pressed="true"] { color: var(--ss-w-accent); }
+.ss-w-today-tile-star:disabled { cursor: default; opacity: .4; }
+.ss-w-today-tile-star svg { width: 18px; height: 18px; }
+
+/* League detail (Task 6): the drill-in view opened from a tile. Its header star is always
+   enabled (spec \xA73/\xA77's one exception to the tile rule), so it carries no :disabled styling. */
+.ss-w-today-detail { position: relative; display: flex; flex-direction: column; gap: 10px; }
+.ss-w-today-detail-head { display: flex; align-items: center; gap: 8px; }
+.ss-w-today-detail-back { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: none; border: none; border-radius: 8px; color: var(--ss-w-ink); cursor: pointer; transform: scaleX(-1); }
+.ss-w-today-detail-back:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
+.ss-w-today-detail-name { flex: 1; min-width: 0; font-size: 13px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-today-detail-star { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: none; border: none; border-radius: 8px; color: var(--ss-w-faint); cursor: pointer; }
+.ss-w-today-detail-star:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
+.ss-w-today-detail-star[aria-pressed="true"] { color: var(--ss-w-accent); }
+.ss-w-today-detail-star svg { width: 18px; height: 18px; }
+.ss-w-today-detail-nav { display: flex; align-items: center; justify-content: center; gap: 10px; }
+.ss-w-today-detail-prev, .ss-w-today-detail-next { flex: none; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; background: none; border: none; border-radius: 8px; color: var(--ss-w-faint); cursor: pointer; }
+.ss-w-today-detail-prev:focus-visible, .ss-w-today-detail-next:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
+.ss-w-today-detail-prev { transform: scaleX(-1); }
+.ss-w-today-detail-pos { font-size: 10.5px; font-weight: 700; color: var(--ss-w-faint); font-variant-numeric: tabular-nums; }
+.ss-w-today-detail-body { display: flex; flex-direction: column; }
+.ss-w-today-detail-count { align-self: flex-end; flex: none; font-size: 10.5px; font-weight: 700; color: var(--ss-w-faint); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 999px; padding: 1px 7px; font-variant-numeric: tabular-nums; margin-bottom: 4px; }
+/* aria-live status region, not a modal -- pointer-events: none so the header/nav above stay
+   clickable while it is showing. */
+.ss-w-today-toast { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; pointer-events: none; width: max-content; max-width: 220px; font-size: 11px; font-weight: 560; color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 14%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 30%, var(--ss-w-line)); border-radius: 10px; padding: 5px 10px; box-shadow: 0 4px 14px rgba(0,0,0,.14); }
 
 .ss-w-drow { display: grid; grid-template-columns: 42px minmax(0,1fr) 22px; align-items: center; gap: 9px; padding: 7px 0; border-bottom: 1px solid var(--ss-w-line); }
 .ss-w-drow:last-child { border-bottom: none; }
@@ -11307,7 +11671,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 `;
 
 // src/StatsWidget.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -11332,24 +11696,24 @@ function injectStyles(root) {
 function StatsWidget(props) {
   const injectedClient = "client" in props ? props.client : void 0;
   const cfg = props.config;
-  const built = (0, import_react57.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
-  const logger = (0, import_react57.useMemo)(
+  const built = (0, import_react60.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
+  const logger = (0, import_react60.useMemo)(
     () => built ? built.client.createEventLogger({
       operatorUserId: cfg?.userContext?.operatorUserId,
       anonymousUserId: cfg?.userContext?.anonymousUserId
     }) : null,
     [built?.client]
   );
-  const ui = (0, import_react57.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
-  const rootRef = (0, import_react57.useRef)(null);
-  const introDoneRef = (0, import_react57.useRef)(false);
-  const markIntroDone = (0, import_react57.useCallback)(() => {
+  const ui = (0, import_react60.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
+  const rootRef = (0, import_react60.useRef)(null);
+  const introDoneRef = (0, import_react60.useRef)(false);
+  const markIntroDone = (0, import_react60.useCallback)(() => {
     introDoneRef.current = true;
   }, []);
   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] = (0, import_react57.useState)(false);
-  const liveCardWatches = (0, import_react57.useMemo)(() => {
+  const [hasToday, setHasToday] = (0, import_react60.useState)(false);
+  const liveCardWatches = (0, import_react60.useMemo)(() => {
     const seen = /* @__PURE__ */ new Set();
     const out = [];
     for (const msg of controller.state.messages) {
@@ -11371,31 +11735,40 @@ function StatsWidget(props) {
     hasToday,
     watches: liveCardWatches
   });
-  const getSchedule = (0, import_react57.useCallback)(
-    (localDate, utcOffsetMinutes) => built ? built.conversation.getSchedule(localDate, utcOffsetMinutes) : Promise.resolve(null),
-    [built]
+  const operatorUserId = cfg?.userContext?.operatorUserId;
+  const anonymousUserId = cfg?.userContext?.anonymousUserId;
+  const getSchedule = (0, import_react60.useCallback)(
+    (localDate, utcOffsetMinutes) => built ? built.conversation.getSchedule(localDate, utcOffsetMinutes, operatorUserId, anonymousUserId) : Promise.resolve(null),
+    [built, operatorUserId, anonymousUserId]
+  );
+  const postLeagueStar = (0, import_react60.useCallback)(
+    (competitionId, starred) => built ? built.conversation.starLeague(competitionId, starred, operatorUserId, anonymousUserId) : Promise.resolve(null),
+    [built, operatorUserId, anonymousUserId]
   );
-  const getStates = (0, import_react57.useCallback)(
+  const getStates = (0, import_react60.useCallback)(
     (matchIds) => built ? built.conversation.getStates(matchIds) : Promise.resolve(null),
     [built]
   );
-  const pinnedMatchIds = (0, import_react57.useMemo)(
+  const pinnedMatchIds = (0, import_react60.useMemo)(
     () => monitor.pins.filter((p) => p.kind === "match").map((p) => p.matchId),
     [monitor.pins]
   );
   const discovery = useMatchDiscovery({
     getSchedule,
     getStates,
+    postLeagueStar,
     operatorId: cfg?.operatorId ?? "",
+    operatorUserId,
+    anonymousUserId,
     isOpen: controller.state.isOpen,
     pinnedMatchIds
   });
   const todayHasContent = visibleGroupsOf(discovery.groups, discovery.states).length > 0;
-  (0, import_react57.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     setHasToday(todayHasContent);
   }, [todayHasContent]);
-  const prevLiveSnapshotRef = (0, import_react57.useRef)(monitor.snapshot);
-  (0, import_react57.useEffect)(() => {
+  const prevLiveSnapshotRef = (0, import_react60.useRef)(monitor.snapshot);
+  (0, import_react60.useEffect)(() => {
     const snap = monitor.snapshot;
     if (!snap || snap === prevLiveSnapshotRef.current) return;
     prevLiveSnapshotRef.current = snap;
@@ -11431,14 +11804,14 @@ function StatsWidget(props) {
   }, [monitor.snapshot]);
   const gamesResult = useGames(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const leaderboardResult = useLeaderboard(built?.conversation ?? null, { activeTab: monitor.activeTab });
-  const getPricePresets = (0, import_react57.useCallback)(
+  const getPricePresets = (0, import_react60.useCallback)(
     (locale2) => built ? built.conversation.getPricePresets(locale2, { pool: "open" }) : Promise.resolve(null),
     [built]
   );
   const presetGrid = usePresetGrid({ getPricePresets, isOpen: controller.state.isOpen, locale: ui.presets.lang });
   const markTodayActivity = monitor.markTodayActivity;
-  const prevLiveCountRef = (0, import_react57.useRef)(0);
-  (0, import_react57.useEffect)(() => {
+  const prevLiveCountRef = (0, import_react60.useRef)(0);
+  (0, import_react60.useEffect)(() => {
     const rose = prevLiveCountRef.current === 0 && discovery.liveCount > 0;
     prevLiveCountRef.current = discovery.liveCount;
     if (rose) markTodayActivity();
@@ -11452,7 +11825,7 @@ function StatsWidget(props) {
     closePanel: controller.close
   });
   const markAdded = hostEvents.markAdded;
-  const slip = (0, import_react57.useMemo)(
+  const slip = (0, import_react60.useMemo)(
     () => {
       const handler = props.config?.onAddToSlip;
       return {
@@ -11471,7 +11844,7 @@ function StatsWidget(props) {
     },
     [props.config?.onAddToSlip, controller.state.conversationId, markAdded]
   );
-  const onDashboardTap = (0, import_react57.useMemo)(
+  const onDashboardTap = (0, import_react60.useMemo)(
     () => built ? createDashboardTapSignal((input) => built.conversation.sendSignal(input), logger) : void 0,
     [built, logger]
   );
@@ -11487,14 +11860,12 @@ function StatsWidget(props) {
       log: logger
     })
   }));
-  const operatorUserId = cfg?.userContext?.operatorUserId;
-  const anonymousUserId = cfg?.userContext?.anonymousUserId;
   const conversationId = controller.state.conversationId ?? void 0;
-  (0, import_react57.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (!logger) return;
     logger.setIdentity({ operatorUserId, anonymousUserId, conversationId });
   }, [logger, operatorUserId, anonymousUserId, conversationId]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (!logger) return;
     logger.resume();
     const onHide = () => {
@@ -11512,14 +11883,14 @@ function StatsWidget(props) {
       logger.dispose();
     };
   }, [logger]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (!built || !ui.injectStyles) return;
     const node = rootRef.current?.getRootNode();
     if (node) injectStyles(node);
   }, [built, ui.injectStyles]);
   if (!built) return null;
   const attrs = themeAttrs(ui);
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(HostEventsProvider, { value: hostEvents, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("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__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(HostEventsProvider, { value: hostEvents, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("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__ */ (0, import_jsx_runtime98.jsx)(
     ChatPanel,
     {
       controller,
@@ -11534,7 +11905,7 @@ function StatsWidget(props) {
       conversation: built?.conversation ?? null,
       presetGrid
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     ChatFab,
     {
       label: ui.launcherLabel,