@sensiblestats/widget-react 0.61.3 → 0.63.0

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/StatsWidget.tsx
-import { useCallback as useCallback9, useEffect as useEffect18, useMemo as useMemo3, useRef as useRef14, useState as useState38 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect19, useMemo as useMemo3, useRef as useRef15, useState as useState39 } from "react";
 import { StatsWidgetClient } from "@sensiblestats/widget-sdk";
 
 // src/kickoff.ts
@@ -89,6 +89,10 @@ var STRINGS = {
     inSlipLabel: "In slip",
     oddsUnavailable: "Odds unavailable right now",
     momentumLabel: "Momentum",
+    liveFactLabel: "Live fact",
+    liveFactAsk: "Ask about this",
+    liveFactEarlier: (n) => `Earlier facts (${n})`,
+    liveFactHideEarlier: "Hide earlier facts",
     accordionValueLabel: "Value",
     accordionRetry: "Couldn't load odds \u2014 tap to retry",
     accordionSuspended: "Suspended",
@@ -385,6 +389,10 @@ var STRINGS = {
     inSlipLabel: "Kuponda",
     oddsUnavailable: "Oranlar \u015Fu anda kullan\u0131lam\u0131yor",
     momentumLabel: "Momentum",
+    liveFactLabel: "Canl\u0131 bilgi",
+    liveFactAsk: "Bunu sor",
+    liveFactEarlier: (n) => `\xD6nceki bilgiler (${n})`,
+    liveFactHideEarlier: "\xD6nceki bilgileri gizle",
     accordionValueLabel: "De\u011Fer",
     accordionRetry: "Oranlar y\xFCklenemedi \u2014 yeniden dene",
     accordionSuspended: "Ask\u0131da",
@@ -614,6 +622,10 @@ var STRINGS = {
 function resolveLocaleStrings(locale) {
   return STRINGS[locale] ?? STRINGS.en;
 }
+function isEnglishLocale(locale) {
+  const lang = (locale ?? "").trim().toLowerCase().split(/[-_]/)[0] ?? "";
+  return lang === "en" || !Object.prototype.hasOwnProperty.call(STRINGS, lang);
+}
 
 // src/config.ts
 function normalizeUi(cfg) {
@@ -623,6 +635,7 @@ function normalizeUi(cfg) {
     accent: cfg.accent,
     logoUrl: cfg.logoUrl,
     headerTitle: cfg.headerTitle,
+    rawBettingLabels: isEnglishLocale(cfg.locale),
     cta: cfg.cta,
     surface: cfg.surface,
     ink: cfg.ink,
@@ -704,6 +717,10 @@ function normalizeUi(cfg) {
     inSlipLabel: strings.inSlipLabel,
     oddsUnavailable: strings.oddsUnavailable,
     momentumLabel: strings.momentumLabel,
+    liveFactLabel: strings.liveFactLabel,
+    liveFactAsk: strings.liveFactAsk,
+    liveFactEarlier: strings.liveFactEarlier,
+    liveFactHideEarlier: strings.liveFactHideEarlier,
     accordionValueLabel: strings.accordionValueLabel,
     accordionRetry: strings.accordionRetry,
     accordionSuspended: strings.accordionSuspended,
@@ -738,6 +755,24 @@ function toUserContext(cfg) {
 
 // src/slip.ts
 var ADD_TO_SLIP_TIMEOUT_MS = 1e4;
+var MAX_SELECTION = 64;
+var MAX_LINE = 32;
+var MAX_ODDS = 1e4;
+function slipPickFields(selection, label, line) {
+  const fields = {};
+  if (Number.isSafeInteger(selection.matchId) && selection.matchId > 0) fields.matchId = selection.matchId;
+  if (label && label.trim() && label.length <= MAX_SELECTION) fields.selection = label;
+  if (line && line.trim() && line.length <= MAX_LINE) fields.line = line;
+  const odds = selection.oddsDecimal;
+  if (Number.isFinite(odds) && odds > 1 && odds <= MAX_ODDS) fields.odds = odds;
+  return fields;
+}
+function chipSelection(market, matchId, conversationId) {
+  if (!market || !market.addToSlipEnabled || typeof market.matchOddsId !== "number" || typeof market.price !== "number") return null;
+  const selection = { matchOddsId: market.matchOddsId, matchId, oddsDecimal: market.price };
+  if (conversationId !== void 0) selection.conversationId = conversationId;
+  return selection;
+}
 function wasAdded(result) {
   if (!result) return true;
   if (result.status === "price_changed") return result.accepted;
@@ -1024,6 +1059,8 @@ function toMarketOddsVM(card) {
     return {
       key: `${selection}:${str(r.line) ?? ""}:${i}`,
       selection,
+      selectionLabel: str(r.selectionLabel),
+      line: str(r.line),
       odds: price !== void 0 ? price.toFixed(2) : "",
       oddsDecimal: price,
       matchOddsId: typeof r.matchOddsId === "number" ? r.matchOddsId : void 0,
@@ -1454,7 +1491,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
   const send = useCallback((text, opts) => {
     const trimmed = text.trim();
     if (!trimmed) return;
-    run({ message: trimmed, actionId: opts?.actionId, actionRef: opts?.actionRef }, opts?.displayText);
+    run({ message: trimmed, actionId: opts?.actionId, actionRef: opts?.actionRef, grounding: opts?.grounding }, opts?.displayText);
   }, [run]);
   const retry = useCallback(() => {
     const last = stateRef.current.lastUserInput;
@@ -1777,6 +1814,7 @@ function useLiveMonitor(opts) {
   const inFlightRef = useRef3(false);
   const timerRef = useRef3(void 0);
   const disabledRef = useRef3(false);
+  const mountedRef = useRef3(false);
   const getLiveMonitorRef = useRef3(opts.getLiveMonitor);
   getLiveMonitorRef.current = opts.getLiveMonitor;
   const tick = useCallback2(async () => {
@@ -1784,6 +1822,7 @@ function useLiveMonitor(opts) {
     inFlightRef.current = true;
     try {
       const snap = await getLiveMonitorRef.current(pinsRef.current);
+      if (!mountedRef.current) return;
       if (snap === null) {
         disabledRef.current = true;
         applySnapshot(null);
@@ -1805,10 +1844,16 @@ function useLiveMonitor(opts) {
   });
   scheduleRef.current = () => {
     window.clearTimeout(timerRef.current);
-    if (disabledRef.current || pinsRef.current.length === 0 || document.visibilityState === "hidden") return;
+    if (!mountedRef.current || disabledRef.current || pinsRef.current.length === 0 || document.visibilityState === "hidden") return;
     const hinted = (snapshotRef.current?.nextPollSeconds ?? DEFAULT_POLL_MS / 1e3) * 1e3;
     timerRef.current = window.setTimeout(() => void tick(), Math.max(MIN_POLL_MS, hinted));
   };
+  useEffect3(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
   const prevPinsLengthRef = useRef3(0);
   useEffect3(() => {
     const wasEmpty = prevPinsLengthRef.current === 0;
@@ -2203,8 +2248,31 @@ function useEventLog() {
   return useContext(EventLogContext);
 }
 
+// src/popupTelemetry.ts
+import { useCallback as useCallback6, useEffect as useEffect7, useRef as useRef7 } from "react";
+function usePopupTelemetry(log, isOpen, popupText, dismissPopup) {
+  const shownRef = useRef7(/* @__PURE__ */ new Set());
+  const closedTextRef = useRef7(null);
+  useEffect7(() => {
+    if (isOpen) {
+      if (closedTextRef.current) log?.log({ name: "popup_opened" });
+      closedTextRef.current = null;
+      return;
+    }
+    closedTextRef.current = popupText;
+    if (popupText && !shownRef.current.has(popupText)) {
+      shownRef.current.add(popupText);
+      log?.log({ name: "popup_shown" });
+    }
+  }, [log, isOpen, popupText]);
+  return useCallback6(() => {
+    log?.log({ name: "popup_dismissed" });
+    dismissPopup();
+  }, [log, dismissPopup]);
+}
+
 // src/components/ChatFab.tsx
-import { useEffect as useEffect7, useRef as useRef7, useState as useState7 } from "react";
+import { useEffect as useEffect8, useRef as useRef8, useState as useState7 } from "react";
 
 // src/components/BrandMark.tsx
 import { useState as useState6 } from "react";
@@ -2282,8 +2350,8 @@ import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup, dismissLabel = "Dismiss", introAllowed = false, onIntroStart }) {
   const bubble = popupText ?? greeting;
   const [intro, setIntro] = useState7(false);
-  const armedRef = useRef7(introAllowed);
-  useEffect7(() => {
+  const armedRef = useRef8(introAllowed);
+  useEffect8(() => {
     if (armedRef.current && bubble) {
       armedRef.current = false;
       setIntro(true);
@@ -2297,10 +2365,10 @@ function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup,
 }
 
 // src/components/ChatPanel.tsx
-import { useEffect as useEffect17, useState as useState37 } from "react";
+import { useEffect as useEffect18, useState as useState38 } from "react";
 
 // src/components/ChatHeader.tsx
-import { useEffect as useEffect8, useRef as useRef8, useState as useState8 } from "react";
+import { useEffect as useEffect9, useRef as useRef9, useState as useState8 } from "react";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ChatHeader({
   onClose,
@@ -2313,14 +2381,14 @@ function ChatHeader({
   moreOptionsLabel = "More options"
 }) {
   const [menuOpen, setMenuOpen] = useState8(false);
-  const wrapRef = useRef8(null);
-  const kebabRef = useRef8(null);
-  const firstItemRef = useRef8(null);
+  const wrapRef = useRef9(null);
+  const kebabRef = useRef9(null);
+  const firstItemRef = useRef9(null);
   const hasMenu = !!(canReset && onNewConversation);
-  useEffect8(() => {
+  useEffect9(() => {
     if (menuOpen) firstItemRef.current?.focus();
   }, [menuOpen]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!menuOpen) return;
     const onPointer = (e) => {
       if (!wrapRef.current?.contains(e.target)) setMenuOpen(false);
@@ -2376,7 +2444,7 @@ function ChatHeader({
 }
 
 // src/components/MessageList.tsx
-import { useEffect as useEffect12, useRef as useRef10 } from "react";
+import { useEffect as useEffect13, useRef as useRef11 } from "react";
 
 // src/components/Markdown.tsx
 import ReactMarkdown from "react-markdown";
@@ -2506,15 +2574,15 @@ function EntityCardList({ cards, disabled, showLessLabel = "Show less", showMore
 import { useState as useState13 } from "react";
 
 // src/components/AddToSlipButton.tsx
-import { useCallback as useCallback6, useState as useState10 } from "react";
+import { useCallback as useCallback7, useState as useState10 } from "react";
 import { isAddToSlipResult } from "@sensiblestats/widget-sdk";
 
 // src/components/Toast.tsx
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect10 } from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var DISMISS_MS = 4e3;
 function Toast({ toast, onDismiss }) {
-  useEffect9(() => {
+  useEffect10(() => {
     if (!toast) return;
     const timer = setTimeout(onDismiss, DISMISS_MS);
     return () => clearTimeout(timer);
@@ -2531,18 +2599,19 @@ function withTimeout(value) {
     new Promise((_, reject) => setTimeout(() => reject(new Error("add-to-slip timed out")), ADD_TO_SLIP_TIMEOUT_MS))
   ]);
 }
-function SlipButton({ selection, shownOdds, marketName, marketDeveloperName, slip, ui }) {
+function SlipButton({ selection, shownOdds, marketDeveloperName, selectionLabel, line, slip, ui }) {
   const [pending, setPending] = useState10(false);
   const [settled, setSettled] = useState10(false);
   const [toast, setToast] = useState10(null);
-  const dismiss = useCallback6(() => setToast(null), []);
+  const dismiss = useCallback7(() => setToast(null), []);
   const log = useEventLog();
   const handler = slip.onAddToSlip;
   if (!ui || !handler || !selection) return null;
   const onClick = async () => {
     setPending(true);
+    const pick = slipPickFields(selection, ui.rawBettingLabels ? selectionLabel : void 0, line);
     if (marketDeveloperName !== void 0) {
-      log?.log({ name: "slip_click", entityType: "market", marketDeveloperName, entityId: marketDeveloperName });
+      log?.log({ name: "slip_click", entityType: "market", marketDeveloperName, entityId: marketDeveloperName, ...pick });
     }
     try {
       const raw = await withTimeout(Promise.resolve(handler(selection)));
@@ -2554,20 +2623,15 @@ function SlipButton({ selection, shownOdds, marketName, marketDeveloperName, sli
           entityType: "market",
           marketDeveloperName,
           entityId: marketDeveloperName,
-          outcome: slipOutcome(result)
+          outcome: slipOutcome(result),
+          ...pick
         });
       }
       setToast(resultToToast(result, shownOdds || selection.oddsDecimal.toFixed(2), ui));
       setSettled(isTerminal(result));
-      if (wasAdded(result) && slip.onMarketClicked) {
-        try {
-          slip.onMarketClicked(marketName);
-        } catch {
-        }
-      }
     } catch {
       if (marketDeveloperName !== void 0) {
-        log?.log({ name: "slip_result", entityType: "market", marketDeveloperName, entityId: marketDeveloperName, outcome: "timeout" });
+        log?.log({ name: "slip_result", entityType: "market", marketDeveloperName, entityId: marketDeveloperName, outcome: "timeout", ...pick });
       }
       setToast({ kind: "error", text: ui.slipFailed });
     } finally {
@@ -2595,8 +2659,9 @@ function AddToSlipButton({ it, slip, ui }) {
     {
       selection,
       shownOdds: it.odds ?? "",
-      marketName: it.market,
       marketDeveloperName: it.marketDeveloperName,
+      selectionLabel: it.selectionLabel,
+      line: it.line,
       slip,
       ui
     }
@@ -2640,7 +2705,7 @@ function Crest2({ url, name, kind }) {
 }
 
 // src/components/PinToggle.tsx
-import { useCallback as useCallback7, useState as useState12 } from "react";
+import { useCallback as useCallback8, useState as useState12 } from "react";
 import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var PIN_GLYPHS = {
   pin: { viewBox: "0 0 24 24", strokeWidth: 1.4, transform: "scale(1.5)", d: "M9.5 1.5 14.5 6.5 13 8l-.5-.5-3 3 .3 2.2-1.4 1.4L5.6 11.3l-3.3 3.3-1-1 3.3-3.3L1.9 7.5l1.4-1.4 2.2.3 3-3L8 2.9z" },
@@ -2649,7 +2714,7 @@ var PIN_GLYPHS = {
 };
 function PinToggle({ pin, monitor, ui }) {
   const [toast, setToast] = useState12(null);
-  const dismiss = useCallback7(() => setToast(null), []);
+  const dismiss = useCallback8(() => setToast(null), []);
   const log = useEventLog();
   if (!monitor || !monitor.enabled) return null;
   const key = pinKey(pin);
@@ -2853,7 +2918,7 @@ function OddsRow({ vm, row, ui, slip, inSlipIds }) {
       "\u2713 ",
       ui.inSlipLabel
     ] }) : null,
-    /* @__PURE__ */ jsx14(SlipButton, { selection, shownOdds: row.odds, marketName: vm.market, marketDeveloperName: vm.marketDeveloperName, slip, ui })
+    /* @__PURE__ */ jsx14(SlipButton, { selection, shownOdds: row.odds, marketDeveloperName: vm.marketDeveloperName, selectionLabel: row.selectionLabel, line: row.line, slip, ui })
   ] });
 }
 function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }) {
@@ -3025,7 +3090,37 @@ function ActionButtons({ actions, loading, disabled, onAct }) {
 // src/components/dashboard/DashboardTile.tsx
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var MAX_CRESTS = 3;
-function DashboardTile({ tile, onTap }) {
+var ODDS_TAIL = /\s*·\s*@(\d+(?:\.\d+)?)\s*$/;
+function splitOdds(subtitle) {
+  const m = ODDS_TAIL.exec(subtitle);
+  return m ? { text: subtitle.slice(0, m.index), odds: m[1] } : { text: subtitle };
+}
+function HeroTile({ tile, onTap, oddsLabel }) {
+  const crests = (tile.imageUrls ?? []).filter(Boolean).slice(0, 2);
+  const sub = tile.subtitle ? splitOdds(tile.subtitle) : null;
+  return /* @__PURE__ */ jsxs13("button", { type: "button", className: "ss-w-dash-tile ss-w-dash-tile--full ss-w-dash-hero", onClick: onTap, children: [
+    /* @__PURE__ */ jsxs13("span", { className: "ss-w-dash-hero-top", children: [
+      tile.badgeText ? /* @__PURE__ */ jsx17("span", { className: "ss-w-dash-hero-badge", children: tile.badgeText }) : null,
+      sub?.odds ? /* @__PURE__ */ jsxs13("span", { className: "ss-w-dash-hero-price", children: [
+        /* @__PURE__ */ jsxs13("span", { className: "ss-g-sr", children: [
+          oddsLabel,
+          " "
+        ] }),
+        sub.odds
+      ] }) : null,
+      /* @__PURE__ */ jsx17("span", { className: "ss-w-dash-hero-chevron", children: /* @__PURE__ */ jsx17(ChevronIcon, {}) })
+    ] }),
+    /* @__PURE__ */ jsxs13("span", { className: "ss-w-dash-hero-main", children: [
+      /* @__PURE__ */ jsx17("span", { className: "ss-w-dash-hero-visual", "aria-hidden": "true", children: crests.length > 0 ? crests.map((url, i) => /* @__PURE__ */ jsx17("span", { className: "ss-w-dash-hero-crest", style: { backgroundImage: `url(${url})` } }, `${url}-${i}`)) : /* @__PURE__ */ jsx17("span", { className: "ss-w-dash-hero-icon", children: /* @__PURE__ */ jsx17(DashboardIcon, { name: tile.icon }) }) }),
+      /* @__PURE__ */ jsxs13("span", { className: "ss-w-dash-hero-body", children: [
+        /* @__PURE__ */ jsx17("span", { className: "ss-w-dash-hero-title", children: tile.title }),
+        sub?.text ? /* @__PURE__ */ jsx17("span", { className: "ss-w-dash-hero-subtitle", children: sub.text }) : null
+      ] })
+    ] })
+  ] });
+}
+function DashboardTile({ tile, onTap, oddsLabel = "Odds" }) {
+  if (tile.emphasis === "hero") return /* @__PURE__ */ jsx17(HeroTile, { tile, onTap, oddsLabel });
   const spanClass = tile.span === "full" ? "ss-w-dash-tile--full" : "ss-w-dash-tile--half";
   const crests = (tile.imageUrls ?? []).slice(0, MAX_CRESTS);
   const hasMeta = Boolean(tile.badgeText) || crests.length > 0;
@@ -3058,13 +3153,13 @@ var LAYOUT_CLASSES = {
 function layoutClass(layout) {
   return Object.prototype.hasOwnProperty.call(LAYOUT_CLASSES, layout) ? LAYOUT_CLASSES[layout] : LAYOUT_CLASSES.goal;
 }
-function GreetingDashboard({ dashboard, onTap }) {
+function GreetingDashboard({ dashboard, onTap, oddsLabel }) {
   return /* @__PURE__ */ jsxs14("div", { className: `ss-w-dash ${layoutClass(dashboard.layout)}`, children: [
     /* @__PURE__ */ jsxs14("div", { className: "ss-w-dash-head", children: [
       /* @__PURE__ */ jsx18("span", { className: "ss-w-dash-title", children: dashboard.title }),
       dashboard.subtitle ? /* @__PURE__ */ jsx18("span", { className: "ss-w-dash-subtitle", children: dashboard.subtitle }) : null
     ] }),
-    /* @__PURE__ */ jsx18("div", { className: "ss-w-dash-grid", children: dashboard.tiles.map((t, i) => /* @__PURE__ */ jsx18(DashboardTile, { tile: t, onTap: () => onTap(t, i) }, `${t.title}-${i}`)) }),
+    /* @__PURE__ */ jsx18("div", { className: "ss-w-dash-grid", children: dashboard.tiles.map((t, i) => /* @__PURE__ */ jsx18(DashboardTile, { tile: t, onTap: () => onTap(t, i), oddsLabel }, `${t.title}-${i}`)) }),
     dashboard.footerTip ? /* @__PURE__ */ jsx18("span", { className: "ss-w-dash-foot", children: dashboard.footerTip }) : null
   ] });
 }
@@ -3160,7 +3255,7 @@ function FixtureCard({ card }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-import { Fragment as Fragment6, useEffect as useEffect10, useState as useState15 } from "react";
+import { Fragment as Fragment6, useEffect as useEffect11, useState as useState15 } from "react";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -3184,7 +3279,7 @@ function CountdownCard({ card }) {
     () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
   );
   const withinDay = data.kickoffUnix * 1e3 - nowMs < DAY_MS;
-  useEffect10(() => {
+  useEffect11(() => {
     if (reduced) return;
     const id = window.setInterval(() => setNowMs(Date.now()), withinDay ? 1e3 : 6e4);
     return () => window.clearInterval(id);
@@ -3541,10 +3636,10 @@ function RestingFormCard({ card }) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-import { useRef as useRef9, useState as useState19 } from "react";
+import { useRef as useRef10, useState as useState19 } from "react";
 
 // src/useLiveClock.ts
-import { useEffect as useEffect11, useState as useState18 } from "react";
+import { useEffect as useEffect12, useState as useState18 } from "react";
 var TICK_MS = 6e4;
 var MAX_LIVE_TICK_MINUTES = 15;
 function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
@@ -3556,7 +3651,7 @@ function useLiveClock(minute, clockRunning, receivedAtMs) {
   const [displayMinute, setDisplayMinute] = useState18(
     () => computeDisplayMinute(minute, clockRunning, receivedAtMs)
   );
-  useEffect11(() => {
+  useEffect12(() => {
     setDisplayMinute(computeDisplayMinute(minute, clockRunning, receivedAtMs));
     if (!clockRunning) return;
     const id = window.setInterval(() => {
@@ -3592,7 +3687,7 @@ function LiveScoreCard({
 }) {
   const { data } = card;
   const seedKey = `${data.minute}:${data.homeScore}:${data.awayScore}`;
-  const seedRef = useRef9(null);
+  const seedRef = useRef10(null);
   if (!seedRef.current || seedRef.current.key !== seedKey) {
     seedRef.current = { key: seedKey, receivedAtMs: Date.now() };
   }
@@ -3881,7 +3976,7 @@ function ChatMessage({ message, disabled, onAct, onTap, ui, slip, monitor }) {
   };
   return /* @__PURE__ */ jsxs37("div", { className: "ss-w-msg ss-w-bot", "data-msg-id": message.id, children: [
     message.text && !message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ jsx41(Markdown, { text: message.text }) : null,
-    message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ jsx41(GreetingDashboard, { dashboard: message.greetingDashboard, onTap }) : null,
+    message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ jsx41(GreetingDashboard, { dashboard: message.greetingDashboard, onTap, oddsLabel: ui?.oddsLabel }) : null,
     message.clubFanDashboard ? /* @__PURE__ */ jsx41(ClubFanDashboard, { dashboard: message.clubFanDashboard, onTap: onFanDashboardTap, ui }) : null,
     /* @__PURE__ */ jsx41(EntityCardList, { cards: message.cards, disabled, showLessLabel: ui?.showLess, showMoreLabel: ui?.showMore }),
     /* @__PURE__ */ jsx41(BettingInsightList, { insights: message.insights, ui, slip, monitor }),
@@ -3914,11 +4009,11 @@ function turnAnchor(messages) {
 }
 function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
   const { state, send } = controller;
-  const listRef = useRef10(null);
-  const endRef = useRef10(null);
-  const pinnedRef = useRef10(true);
-  const anchoredTurnRef = useRef10(null);
-  useEffect12(() => {
+  const listRef = useRef11(null);
+  const endRef = useRef11(null);
+  const pinnedRef = useRef11(true);
+  const anchoredTurnRef = useRef11(null);
+  useEffect13(() => {
     const anchor = turnAnchor(state.messages);
     const list = listRef.current;
     if (anchor && anchor.turnId !== anchoredTurnRef.current) {
@@ -4099,15 +4194,79 @@ function MarketAccordion({ match, monitor, ui, slip }) {
   }) });
 }
 
-// src/components/MonitorMatchCard.tsx
+// src/components/LiveFactBlock.tsx
+import { useState as useState22 } from "react";
 import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
-function chipSelection(row, matchId, conversationId) {
-  const chip = row.market;
-  if (!chip || !chip.addToSlipEnabled || typeof chip.matchOddsId !== "number" || typeof chip.price !== "number") return null;
-  const selection = { matchOddsId: chip.matchOddsId, matchId, oddsDecimal: chip.price };
-  if (conversationId !== void 0) selection.conversationId = conversationId;
-  return selection;
+function LiveFactBlock({ facts, matchId, ui, slip, onAsk }) {
+  const [expanded, setExpanded] = useState22(false);
+  const [current, ...earlier] = facts;
+  if (!current) return null;
+  const m = current.market;
+  return /* @__PURE__ */ jsxs42("section", { className: "ss-w-fact", "aria-label": ui.liveFactLabel, children: [
+    /* @__PURE__ */ jsxs42("div", { className: "ss-w-fact-k", children: [
+      /* @__PURE__ */ jsx47("span", { children: ui.liveFactLabel }),
+      /* @__PURE__ */ jsxs42("span", { className: "ss-w-fact-min", children: [
+        "\xB7 ",
+        current.minuteLabel
+      ] }),
+      /* @__PURE__ */ jsx47("span", { className: "ss-w-fact-subj", children: current.subjectLabel })
+    ] }),
+    /* @__PURE__ */ jsx47("p", { className: "ss-w-fact-text", children: current.text }),
+    /* @__PURE__ */ jsx47("div", { className: "ss-w-fact-basis", children: current.basis }),
+    m && !m.isSuspended && /* @__PURE__ */ jsxs42("div", { className: "ss-w-fact-mkt", children: [
+      /* @__PURE__ */ jsxs42("span", { children: [
+        m.marketLabel,
+        " \xB7 ",
+        m.selectionLabel
+      ] }),
+      /* @__PURE__ */ jsxs42("span", { className: "ss-w-mon-stat-mkt-right", children: [
+        typeof m.price === "number" && /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-price", children: m.price.toFixed(2) }),
+        /* @__PURE__ */ jsx47(
+          SlipButton,
+          {
+            selection: chipSelection(m, matchId, slip.conversationId),
+            shownOdds: typeof m.price === "number" ? m.price.toFixed(2) : "",
+            marketDeveloperName: m.marketDeveloperName,
+            selectionLabel: m.selectionLabel,
+            slip,
+            ui
+          }
+        )
+      ] })
+    ] }),
+    expanded && earlier.length > 0 && /* @__PURE__ */ jsx47("ul", { className: "ss-w-fact-hist", children: earlier.map((f) => /* @__PURE__ */ jsxs42("li", { children: [
+      /* @__PURE__ */ jsx47("span", { className: "ss-w-fact-hmin", children: f.minuteLabel }),
+      /* @__PURE__ */ jsxs42("div", { children: [
+        /* @__PURE__ */ jsx47("p", { className: "ss-w-fact-htext", children: f.text }),
+        /* @__PURE__ */ jsx47("div", { className: "ss-w-fact-basis", children: f.basis })
+      ] })
+    ] }, f.id)) }),
+    /* @__PURE__ */ jsxs42("div", { className: "ss-w-fact-foot", children: [
+      onAsk && /* @__PURE__ */ jsx47(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-fact-link",
+          onClick: () => onAsk(current.text, { kind: "liveFact", matchId, subject: current.text.slice(0, 400) }),
+          children: ui.liveFactAsk
+        }
+      ),
+      earlier.length > 0 && /* @__PURE__ */ jsx47(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-fact-link ss-w-fact-link--muted",
+          "aria-expanded": expanded,
+          onClick: () => setExpanded((v) => !v),
+          children: expanded ? ui.liveFactHideEarlier : ui.liveFactEarlier(earlier.length)
+        }
+      )
+    ] })
+  ] });
 }
+
+// src/components/MonitorMatchCard.tsx
+import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
 function isPromoted(row, promotedPins) {
   const chip = row.market;
   if (!chip) return false;
@@ -4133,7 +4292,7 @@ function groupScorers(goals, ownGoalLabel) {
     return { player: name, label: name ? `${name} ${minutes}` : minutes };
   });
 }
-function MonitorMatchCard({ match, promotedPins, monitor, ui, slip }) {
+function MonitorMatchCard({ match, promotedPins, monitor, ui, slip, onAsk }) {
   const live = match.phase === "live";
   const goals = match.events.filter((e) => e.type === "goal");
   const homeScorers = groupScorers(goals.filter((e) => e.side === "home"), ui.ownGoalLabel);
@@ -4142,73 +4301,74 @@ function MonitorMatchCard({ match, promotedPins, monitor, ui, slip }) {
   const otherRows = match.statRows.filter((row) => !isPromoted(row, promotedPins));
   const orderedRows = [...promotedRows, ...otherRows];
   const kickoff = match.phase === "preMatch" && match.kickoffUtc ? ui.bettingKickoff(match.kickoffUtc) : void 0;
-  return /* @__PURE__ */ jsxs42("div", { className: "ss-w-mon", children: [
-    /* @__PURE__ */ jsxs42("div", { className: "ss-w-mon-top", children: [
-      live && /* @__PURE__ */ jsxs42("span", { className: "ss-w-fandash-live-pill", children: [
-        /* @__PURE__ */ jsx47("span", { className: "ss-w-fandash-live-dot", "aria-hidden": "true" }),
+  return /* @__PURE__ */ jsxs43("div", { className: "ss-w-mon", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "ss-w-mon-top", children: [
+      live && /* @__PURE__ */ jsxs43("span", { className: "ss-w-fandash-live-pill", children: [
+        /* @__PURE__ */ jsx48("span", { className: "ss-w-fandash-live-dot", "aria-hidden": "true" }),
         ui.liveLabel
       ] }),
-      match.phase === "fullTime" && /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-pill", children: ui.fullTimeLabel }),
-      kickoff && /* @__PURE__ */ jsxs42("span", { className: "ss-w-mon-pill", children: [
+      match.phase === "fullTime" && /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-pill", children: ui.fullTimeLabel }),
+      kickoff && /* @__PURE__ */ jsxs43("span", { className: "ss-w-mon-pill", children: [
         kickoff.dayLabel,
         " \xB7 ",
         kickoff.time
       ] }),
-      live && match.minuteLabel && /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-min", children: match.minuteLabel }),
-      match.competitionName && /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-comp", children: match.competitionName }),
-      /* @__PURE__ */ jsx47(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
+      live && match.minuteLabel && /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-min", children: match.minuteLabel }),
+      match.competitionName && /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-comp", children: match.competitionName }),
+      /* @__PURE__ */ jsx48(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
     ] }),
-    /* @__PURE__ */ jsxs42("div", { className: "ss-w-mon-main", children: [
-      /* @__PURE__ */ jsxs42("span", { className: "ss-w-mon-side", children: [
-        /* @__PURE__ */ jsx47(Crest2, { kind: "team", url: match.homeCrestUrl ?? void 0, name: match.homeTeamName ?? void 0 }),
-        /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-name", children: match.homeTeamName })
+    /* @__PURE__ */ jsxs43("div", { className: "ss-w-mon-main", children: [
+      /* @__PURE__ */ jsxs43("span", { className: "ss-w-mon-side", children: [
+        /* @__PURE__ */ jsx48(Crest2, { kind: "team", url: match.homeCrestUrl ?? void 0, name: match.homeTeamName ?? void 0 }),
+        /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-name", children: match.homeTeamName })
       ] }),
-      match.phase === "preMatch" ? /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-vs", children: "vs" }) : /* @__PURE__ */ jsxs42("span", { className: "ss-w-mon-score", children: [
+      match.phase === "preMatch" ? /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-vs", children: "vs" }) : /* @__PURE__ */ jsxs43("span", { className: "ss-w-mon-score", children: [
         match.homeScore,
-        /* @__PURE__ */ jsx47("i", { children: "\u2013" }),
+        /* @__PURE__ */ jsx48("i", { children: "\u2013" }),
         match.awayScore
       ] }),
-      /* @__PURE__ */ jsxs42("span", { className: "ss-w-mon-side ss-w-mon-side--away", children: [
-        /* @__PURE__ */ jsx47(Crest2, { kind: "team", url: match.awayCrestUrl ?? void 0, name: match.awayTeamName ?? void 0 }),
-        /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-name", children: match.awayTeamName })
+      /* @__PURE__ */ jsxs43("span", { className: "ss-w-mon-side ss-w-mon-side--away", children: [
+        /* @__PURE__ */ jsx48(Crest2, { kind: "team", url: match.awayCrestUrl ?? void 0, name: match.awayTeamName ?? void 0 }),
+        /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-name", children: match.awayTeamName })
       ] })
     ] }),
-    (homeScorers.length > 0 || awayScorers.length > 0) && /* @__PURE__ */ jsxs42("div", { className: "ss-w-mon-scorers", children: [
-      /* @__PURE__ */ jsx47("ul", { className: "ss-w-mon-scorers-col ss-w-mon-scorers-home", children: homeScorers.map((s, i) => /* @__PURE__ */ jsx47("li", { children: s.label }, `${s.player}-${i}`)) }),
-      /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-scorers-ball", "aria-hidden": "true", children: "\u26BD" }),
-      /* @__PURE__ */ jsx47("ul", { className: "ss-w-mon-scorers-col ss-w-mon-scorers-away", children: awayScorers.map((s, i) => /* @__PURE__ */ jsx47("li", { children: s.label }, `${s.player}-${i}`)) })
+    (homeScorers.length > 0 || awayScorers.length > 0) && /* @__PURE__ */ jsxs43("div", { className: "ss-w-mon-scorers", children: [
+      /* @__PURE__ */ jsx48("ul", { className: "ss-w-mon-scorers-col ss-w-mon-scorers-home", children: homeScorers.map((s, i) => /* @__PURE__ */ jsx48("li", { children: s.label }, `${s.player}-${i}`)) }),
+      /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-scorers-ball", "aria-hidden": "true", children: "\u26BD" }),
+      /* @__PURE__ */ jsx48("ul", { className: "ss-w-mon-scorers-col ss-w-mon-scorers-away", children: awayScorers.map((s, i) => /* @__PURE__ */ jsx48("li", { children: s.label }, `${s.player}-${i}`)) })
     ] }),
-    /* @__PURE__ */ jsx47("div", { className: "ss-w-mon-stats", children: orderedRows.map((row) => {
+    live && match.facts && match.facts.length > 0 && /* @__PURE__ */ jsx48(LiveFactBlock, { facts: match.facts, matchId: match.matchId, ui, slip, onAsk }),
+    /* @__PURE__ */ jsx48("div", { className: "ss-w-mon-stats", children: orderedRows.map((row) => {
       const total = row.homeNum + row.awayNum;
       const homePct = total > 0 ? row.homeNum / total * 75 : 0;
       const awayPct = total > 0 ? row.awayNum / total * 75 : 0;
       const promoted = isPromoted(row, promotedPins);
-      const selection = chipSelection(row, match.matchId, slip.conversationId);
-      return /* @__PURE__ */ jsxs42("div", { className: promoted ? "ss-w-mon-stat ss-w-mon-pstrip" : "ss-w-mon-stat", children: [
-        /* @__PURE__ */ jsxs42("div", { className: "ss-w-mon-stat-row", children: [
-          /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--home", children: row.homeValue }),
-          /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-stat-l", children: row.label }),
-          /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--away", children: row.awayValue })
+      const selection = chipSelection(row.market, match.matchId, slip.conversationId);
+      return /* @__PURE__ */ jsxs43("div", { className: promoted ? "ss-w-mon-stat ss-w-mon-pstrip" : "ss-w-mon-stat", children: [
+        /* @__PURE__ */ jsxs43("div", { className: "ss-w-mon-stat-row", children: [
+          /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--home", children: row.homeValue }),
+          /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-stat-l", children: row.label }),
+          /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--away", children: row.awayValue })
         ] }),
-        /* @__PURE__ */ jsxs42("div", { className: "ss-w-mon-bar", children: [
-          /* @__PURE__ */ jsx47("b", { className: "ss-w-mon-bar-home", style: { width: `${homePct}%` } }),
-          /* @__PURE__ */ jsx47("i", { className: "ss-w-mon-bar-away", style: { width: `${awayPct}%` } })
+        /* @__PURE__ */ jsxs43("div", { className: "ss-w-mon-bar", children: [
+          /* @__PURE__ */ jsx48("b", { className: "ss-w-mon-bar-home", style: { width: `${homePct}%` } }),
+          /* @__PURE__ */ jsx48("i", { className: "ss-w-mon-bar-away", style: { width: `${awayPct}%` } })
         ] }),
-        row.market && !row.market.isSuspended && /* @__PURE__ */ jsxs42("div", { className: promoted ? "ss-w-mon-stat-mkt ss-w-mon-mkt" : "ss-w-mon-stat-mkt", children: [
-          /* @__PURE__ */ jsxs42("span", { children: [
+        row.market && !row.market.isSuspended && /* @__PURE__ */ jsxs43("div", { className: promoted ? "ss-w-mon-stat-mkt ss-w-mon-mkt" : "ss-w-mon-stat-mkt", children: [
+          /* @__PURE__ */ jsxs43("span", { children: [
             row.market.marketLabel,
             " \xB7 ",
             row.market.selectionLabel
           ] }),
-          /* @__PURE__ */ jsxs42("span", { className: "ss-w-mon-stat-mkt-right", children: [
-            typeof row.market.price === "number" && /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-price", children: row.market.price.toFixed(2) }),
-            /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsxs43("span", { className: "ss-w-mon-stat-mkt-right", children: [
+            typeof row.market.price === "number" && /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-price", children: row.market.price.toFixed(2) }),
+            /* @__PURE__ */ jsx48(
               SlipButton,
               {
                 selection,
                 shownOdds: typeof row.market.price === "number" ? row.market.price.toFixed(2) : "",
-                marketName: row.market.marketLabel,
                 marketDeveloperName: row.market.marketDeveloperName,
+                selectionLabel: row.market.selectionLabel,
                 slip,
                 ui
               }
@@ -4217,23 +4377,23 @@ function MonitorMatchCard({ match, promotedPins, monitor, ui, slip }) {
         ] })
       ] }, row.label);
     }) }),
-    match.status === "stale" && /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-asof", children: ui.asOf(formatTime(match.asOfUtc)) }),
-    match.momentum.length > 0 && /* @__PURE__ */ jsxs42("div", { className: "ss-w-mon-mom", children: [
-      /* @__PURE__ */ jsx47("span", { className: "ss-w-mon-stat-l", children: ui.momentumLabel }),
-      /* @__PURE__ */ jsx47(MomentumWave, { points: match.momentum, clubIsHome: true })
+    match.status === "stale" && /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-asof", children: ui.asOf(formatTime(match.asOfUtc)) }),
+    match.momentum.length > 0 && /* @__PURE__ */ jsxs43("div", { className: "ss-w-mon-mom", children: [
+      /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-stat-l", children: ui.momentumLabel }),
+      /* @__PURE__ */ jsx48(MomentumWave, { points: match.momentum, clubIsHome: true })
     ] }),
-    match.phase === "fullTime" && /* @__PURE__ */ jsx47("div", { className: "ss-w-mon-grace", children: ui.graceNote })
+    match.phase === "fullTime" && /* @__PURE__ */ jsx48("div", { className: "ss-w-mon-grace", children: ui.graceNote })
   ] });
 }
 
 // src/components/MonitorTabs.tsx
-import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
 function OddsLiveStrip({ m, ui }) {
   const showScore = m.phase !== "preMatch" && typeof m.homeScore === "number";
   const stale = m.status === "stale";
   if (!showScore && !m.minuteLabel && !(m.isSuspended && !m.isSettled) && !m.isSettled && !stale) return null;
-  return /* @__PURE__ */ jsxs43("div", { className: "ss-w-mk-live", children: [
-    showScore && /* @__PURE__ */ jsxs43("b", { className: "ss-w-mk-live-score", children: [
+  return /* @__PURE__ */ jsxs44("div", { className: "ss-w-mk-live", children: [
+    showScore && /* @__PURE__ */ jsxs44("b", { className: "ss-w-mk-live-score", children: [
       m.homeTeamName,
       " ",
       m.homeScore,
@@ -4242,27 +4402,28 @@ function OddsLiveStrip({ m, ui }) {
       " ",
       m.awayTeamName
     ] }),
-    m.minuteLabel && /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-min", children: m.minuteLabel }),
-    m.isSuspended && !m.isSettled && /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-susp", children: ui.suspendedLabel }),
-    m.isSettled && /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-pill", children: ui.fullTimeLabel }),
-    stale && /* @__PURE__ */ jsx48("span", { className: "ss-w-mon-asof", children: ui.asOf(new Date(m.asOfUtc).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })) })
+    m.minuteLabel && /* @__PURE__ */ jsx49("span", { className: "ss-w-mon-min", children: m.minuteLabel }),
+    m.isSuspended && !m.isSettled && /* @__PURE__ */ jsx49("span", { className: "ss-w-mon-susp", children: ui.suspendedLabel }),
+    m.isSettled && /* @__PURE__ */ jsx49("span", { className: "ss-w-mon-pill", children: ui.fullTimeLabel }),
+    stale && /* @__PURE__ */ jsx49("span", { className: "ss-w-mon-asof", children: ui.asOf(new Date(m.asOfUtc).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })) })
   ] });
 }
-function MatchesPanel({ monitor, ui, slip }) {
+function MatchesPanel({ monitor, ui, slip, onAsk }) {
   const matches = (monitor.snapshot?.matches ?? []).filter((m) => monitor.pins.some((p) => p.kind === "match" && p.matchId === m.matchId));
-  if (matches.length === 0) return /* @__PURE__ */ jsx48("div", { className: "ss-w-mon-empty", children: ui.emptyMatchesTab });
-  return /* @__PURE__ */ jsx48("div", { className: "ss-w-mon-list", children: matches.map((m) => /* @__PURE__ */ jsxs43("div", { className: "ss-w-mon-item", children: [
-    /* @__PURE__ */ jsx48(
+  if (matches.length === 0) return /* @__PURE__ */ jsx49("div", { className: "ss-w-mon-empty", children: ui.emptyMatchesTab });
+  return /* @__PURE__ */ jsx49("div", { className: "ss-w-mon-list", children: matches.map((m) => /* @__PURE__ */ jsxs44("div", { className: "ss-w-mon-item", children: [
+    /* @__PURE__ */ jsx49(
       MonitorMatchCard,
       {
         match: m,
         promotedPins: monitor.pins.filter((p) => p.kind !== "match" && p.matchId === m.matchId),
         monitor,
         ui,
-        slip
+        slip,
+        onAsk
       }
     ),
-    /* @__PURE__ */ jsx48(MarketAccordion, { match: m, monitor, ui, slip })
+    /* @__PURE__ */ jsx49(MarketAccordion, { match: m, monitor, ui, slip })
   ] }, m.matchId)) });
 }
 function withSinceViewMovement(vm, prev) {
@@ -4277,12 +4438,12 @@ function withSinceViewMovement(vm, prev) {
 }
 function OddsPanel({ monitor, ui, slip }) {
   const markets = (monitor.snapshot?.markets ?? []).filter((m) => monitor.pins.some((p) => p.key === m.key));
-  if (markets.length === 0) return /* @__PURE__ */ jsx48("div", { className: "ss-w-mon-empty", children: ui.emptyOddsTab });
-  return /* @__PURE__ */ jsx48("div", { className: "ss-w-mon-list", children: markets.map((m) => {
+  if (markets.length === 0) return /* @__PURE__ */ jsx49("div", { className: "ss-w-mon-empty", children: ui.emptyOddsTab });
+  return /* @__PURE__ */ jsx49("div", { className: "ss-w-mon-list", children: markets.map((m) => {
     const pin = monitor.pins.find((p) => p.key === m.key);
-    return /* @__PURE__ */ jsxs43("div", { className: "ss-w-mon-oddspin", "data-settled": m.isSettled || void 0, children: [
-      /* @__PURE__ */ jsx48(OddsLiveStrip, { m, ui }),
-      m.card && /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsxs44("div", { className: "ss-w-mon-oddspin", "data-settled": m.isSettled || void 0, children: [
+      /* @__PURE__ */ jsx49(OddsLiveStrip, { m, ui }),
+      m.card && /* @__PURE__ */ jsx49(
         MarketOddsCardList,
         {
           cards: [withSinceViewMovement(toMarketOddsVM(m.card), monitor.lastViewedPrices[m.key])],
@@ -4293,22 +4454,22 @@ function OddsPanel({ monitor, ui, slip }) {
           inSlipIds: monitor.inSlip
         }
       ),
-      m.history && /* @__PURE__ */ jsx48(OddsMovementCardList, { cards: [toOddsMovementVM(m.history)], ui }),
-      !m.card && !m.history && /* @__PURE__ */ jsx48("div", { className: "ss-w-mon-empty-card", children: ui.oddsUnavailable })
+      m.history && /* @__PURE__ */ jsx49(OddsMovementCardList, { cards: [toOddsMovementVM(m.history)], ui }),
+      !m.card && !m.history && /* @__PURE__ */ jsx49("div", { className: "ss-w-mon-empty-card", children: ui.oddsUnavailable })
     ] }, m.key);
   }) });
 }
 
 // src/components/FixtureRow.tsx
-import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs45 } from "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__ */ jsxs44("span", { className: away ? "ss-w-drow-side ss-w-drow-side--away" : "ss-w-drow-side", children: [
-    crest ? /* @__PURE__ */ jsx49("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
-    /* @__PURE__ */ jsx49("span", { className: "ss-w-drow-nm", children: name })
+  return /* @__PURE__ */ jsxs45("span", { className: away ? "ss-w-drow-side ss-w-drow-side--away" : "ss-w-drow-side", children: [
+    crest ? /* @__PURE__ */ jsx50("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
+    /* @__PURE__ */ jsx50("span", { className: "ss-w-drow-nm", children: name })
   ] });
 }
 function FixtureRow({ match, state, stale, ui, monitor }) {
@@ -4316,45 +4477,45 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
   const hasScore = (state?.phase === "live" || state?.phase === "fullTime") && typeof state.homeScore === "number" && typeof state.awayScore === "number";
   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__ */ jsxs44("div", { className: isLive || state?.isHalfTime ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
-    /* @__PURE__ */ jsx49("span", { className: isLive || state?.isHalfTime ? "ss-w-drow-when ss-w-drow-when--live" : "ss-w-drow-when", children: when }),
-    /* @__PURE__ */ jsxs44("span", { className: "ss-w-drow-fx", children: [
-      /* @__PURE__ */ jsx49(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
-      /* @__PURE__ */ jsx49("span", { className: hasScore ? "ss-w-drow-sc" : "ss-w-drow-sc ss-w-drow-sc--idle", children: hasScore ? `${state.homeScore}\u2013${state.awayScore}` : "\u2013" }),
-      /* @__PURE__ */ jsx49(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, away: true })
+  return /* @__PURE__ */ jsxs45("div", { className: isLive || state?.isHalfTime ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
+    /* @__PURE__ */ jsx50("span", { className: isLive || state?.isHalfTime ? "ss-w-drow-when ss-w-drow-when--live" : "ss-w-drow-when", children: when }),
+    /* @__PURE__ */ jsxs45("span", { className: "ss-w-drow-fx", children: [
+      /* @__PURE__ */ jsx50(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
+      /* @__PURE__ */ jsx50("span", { className: hasScore ? "ss-w-drow-sc" : "ss-w-drow-sc ss-w-drow-sc--idle", children: hasScore ? `${state.homeScore}\u2013${state.awayScore}` : "\u2013" }),
+      /* @__PURE__ */ jsx50(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, away: true })
     ] }),
-    /* @__PURE__ */ jsx49(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
+    /* @__PURE__ */ jsx50(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
   ] });
 }
 
 // src/components/CompetitionGroup.tsx
-import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
 function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, disambiguate = false }) {
   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__ */ jsxs45("div", { className: "ss-w-grp", children: [
-    /* @__PURE__ */ jsxs45("button", { type: "button", className: "ss-w-grp-head", "aria-expanded": open, onClick: onToggle, children: [
-      /* @__PURE__ */ jsx50("span", { className: "ss-w-grp-chev", children: open ? "\u25BE" : "\u25B8" }),
-      hasLive && /* @__PURE__ */ jsx50("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs45("span", { className: "ss-w-grp-name", children: [
+  return /* @__PURE__ */ jsxs46("div", { className: "ss-w-grp", children: [
+    /* @__PURE__ */ jsxs46("button", { type: "button", className: "ss-w-grp-head", "aria-expanded": open, onClick: onToggle, children: [
+      /* @__PURE__ */ jsx51("span", { className: "ss-w-grp-chev", children: open ? "\u25BE" : "\u25B8" }),
+      hasLive && /* @__PURE__ */ jsx51("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs46("span", { className: "ss-w-grp-name", children: [
         group.competitionName,
-        disambiguate && group.competitionCountry ? /* @__PURE__ */ jsxs45("span", { className: "ss-w-grp-country", children: [
+        disambiguate && group.competitionCountry ? /* @__PURE__ */ jsxs46("span", { className: "ss-w-grp-country", children: [
           " (",
           group.competitionCountry,
           ")"
         ] }) : null
       ] }),
-      /* @__PURE__ */ jsx50("span", { className: "ss-w-grp-count", children: own.length })
+      /* @__PURE__ */ jsx51("span", { className: "ss-w-grp-count", children: own.length })
     ] }),
-    open && /* @__PURE__ */ jsx50("div", { className: "ss-w-grp-body", children: own.map((m) => /* @__PURE__ */ jsx50(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId)) })
+    open && /* @__PURE__ */ jsx51("div", { className: "ss-w-grp-body", children: own.map((m) => /* @__PURE__ */ jsx51(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId)) })
   ] });
 }
 
 // src/components/TodayPanel.tsx
-import { Fragment as Fragment7, jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
 function TodayPanel({ discovery, ui, monitor }) {
   const { groups, states, stale, expanded, toggleGroup } = discovery;
   const visibleGroups = visibleGroupsOf(groups, states);
@@ -4363,14 +4524,14 @@ function TodayPanel({ discovery, ui, monitor }) {
     acc[g.competitionName] = (acc[g.competitionName] ?? 0) + 1;
     return acc;
   }, {});
-  return /* @__PURE__ */ jsxs46("div", { className: "ss-w-mon-list", children: [
-    stale && /* @__PURE__ */ jsx51("div", { className: "ss-w-stale", children: ui.staleStates }),
-    liveRows.length > 0 && /* @__PURE__ */ jsxs46(Fragment7, { children: [
-      /* @__PURE__ */ jsxs46("div", { className: "ss-w-sec-head", children: [
-        /* @__PURE__ */ jsx51("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
+  return /* @__PURE__ */ jsxs47("div", { className: "ss-w-mon-list", children: [
+    stale && /* @__PURE__ */ jsx52("div", { className: "ss-w-stale", children: ui.staleStates }),
+    liveRows.length > 0 && /* @__PURE__ */ jsxs47(Fragment7, { children: [
+      /* @__PURE__ */ jsxs47("div", { className: "ss-w-sec-head", children: [
+        /* @__PURE__ */ jsx52("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
         ui.sectionLive
       ] }),
-      /* @__PURE__ */ jsx51("div", { className: "ss-w-today-live", children: liveRows.map(({ match }) => /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx52("div", { className: "ss-w-today-live", children: liveRows.map(({ match }) => /* @__PURE__ */ jsx52(
         FixtureRow,
         {
           match,
@@ -4382,7 +4543,7 @@ function TodayPanel({ discovery, ui, monitor }) {
         match.matchId
       )) })
     ] }),
-    visibleGroups.map((group) => /* @__PURE__ */ jsx51(
+    visibleGroups.map((group) => /* @__PURE__ */ jsx52(
       CompetitionGroup,
       {
         group,
@@ -4400,16 +4561,16 @@ function TodayPanel({ discovery, ui, monitor }) {
 }
 
 // src/components/GamesPanel.tsx
-import { useEffect as useEffect16, useState as useState35 } from "react";
+import { useEffect as useEffect17, useState as useState36 } from "react";
 
 // src/components/GamesLoginWall.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function GamesLoginWall({ ui }) {
-  return /* @__PURE__ */ jsx52("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ jsx52("div", { className: "ss-w-games-wall", children: /* @__PURE__ */ jsx52("p", { children: ui.gamesLoginRequired }) }) });
+  return /* @__PURE__ */ jsx53("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ jsx53("div", { className: "ss-w-games-wall", children: /* @__PURE__ */ jsx53("p", { children: ui.gamesLoginRequired }) }) });
 }
 
 // src/components/GamesHub.tsx
-import { useEffect as useEffect13, useState as useState22 } from "react";
+import { useEffect as useEffect14, useState as useState23 } from "react";
 
 // src/components/games/ui/gameMeta.ts
 function prettifyGameId(gameId) {
@@ -4425,75 +4586,75 @@ function splitName(full) {
 }
 
 // src/components/GameTileArt.tsx
-import { Fragment as Fragment8, jsx as jsx53, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx54, jsxs as jsxs48 } from "react/jsx-runtime";
 function GameTileArt({ gameId }) {
-  return /* @__PURE__ */ jsx53("svg", { className: "ss-g-art", viewBox: "0 0 120 74", "aria-hidden": "true", children: ART[gameId] ?? ART.default });
+  return /* @__PURE__ */ jsx54("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__ */ jsxs47("g", { className: cls, children: [
-  /* @__PURE__ */ jsx53("circle", { cx, cy: cy - r * 0.3, r: r * 0.45 }),
-  /* @__PURE__ */ jsx53("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__ */ jsxs48("g", { className: cls, children: [
+  /* @__PURE__ */ jsx54("circle", { cx, cy: cy - r * 0.3, r: r * 0.45 }),
+  /* @__PURE__ */ jsx54("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__ */ jsxs47(Fragment8, { children: [
+  "mystery-tiger": /* @__PURE__ */ jsxs48(Fragment8, { children: [
     head(60, 38, 26, "ss-g-art-fg"),
-    /* @__PURE__ */ jsx53("text", { x: "60", y: "36", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
+    /* @__PURE__ */ jsx54("text", { x: "60", y: "36", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "higher-or-lower": /* @__PURE__ */ jsxs47(Fragment8, { children: [
+  "higher-or-lower": /* @__PURE__ */ jsxs48(Fragment8, { children: [
     head(32, 38, 20),
     head(88, 38, 20),
-    /* @__PURE__ */ jsx53("circle", { cx: "60", cy: "37", r: "11", className: "ss-g-art-accent" }),
-    /* @__PURE__ */ jsx53("path", { d: "M57 33l3-3 3 3M57 41l3 3 3-3", className: "ss-g-art-ink" })
+    /* @__PURE__ */ jsx54("circle", { cx: "60", cy: "37", r: "11", className: "ss-g-art-accent" }),
+    /* @__PURE__ */ jsx54("path", { d: "M57 33l3-3 3 3M57 41l3 3 3-3", className: "ss-g-art-ink" })
   ] }),
-  "guess-the-xi": /* @__PURE__ */ jsxs47(Fragment8, { children: [
-    /* @__PURE__ */ jsx53("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__ */ jsx53("circle", { cx: x, cy: y, r: "4", className: a ? "ss-g-art-accent" : "ss-g-art-dot" }, i))
+  "guess-the-xi": /* @__PURE__ */ jsxs48(Fragment8, { children: [
+    /* @__PURE__ */ jsx54("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__ */ jsx54("circle", { cx: x, cy: y, r: "4", className: a ? "ss-g-art-accent" : "ss-g-art-dot" }, i))
   ] }),
-  "daily-quiz": /* @__PURE__ */ jsx53(Fragment8, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ jsx53("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
-  "career-path": /* @__PURE__ */ jsxs47(Fragment8, { children: [
-    /* @__PURE__ */ jsx53("path", { d: "M18 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
-    /* @__PURE__ */ jsx53("path", { d: "M48 37h8M84 37h8", className: "ss-g-art-line" }),
-    /* @__PURE__ */ jsx53("path", { d: "M60 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
-    /* @__PURE__ */ jsx53("rect", { x: "96", y: "22", width: "18", height: "26", rx: "4", className: "ss-g-art-dash" }),
-    /* @__PURE__ */ jsx53("text", { x: "105", y: "40", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
+  "daily-quiz": /* @__PURE__ */ jsx54(Fragment8, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ jsx54("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
+  "career-path": /* @__PURE__ */ jsxs48(Fragment8, { children: [
+    /* @__PURE__ */ jsx54("path", { d: "M18 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
+    /* @__PURE__ */ jsx54("path", { d: "M48 37h8M84 37h8", className: "ss-g-art-line" }),
+    /* @__PURE__ */ jsx54("path", { d: "M60 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
+    /* @__PURE__ */ jsx54("rect", { x: "96", y: "22", width: "18", height: "26", rx: "4", className: "ss-g-art-dash" }),
+    /* @__PURE__ */ jsx54("text", { x: "105", y: "40", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "beat-the-grid": /* @__PURE__ */ jsx53(Fragment8, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ jsx53("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__ */ jsxs47(Fragment8, { children: [
-    /* @__PURE__ */ jsx53("path", { d: "M10 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" }),
-    /* @__PURE__ */ jsx53("rect", { x: "38", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-accent-stroke" }),
-    /* @__PURE__ */ jsx53("rect", { x: "64", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-dash" }),
-    /* @__PURE__ */ jsx53("path", { d: "M90 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" })
+  "beat-the-grid": /* @__PURE__ */ jsx54(Fragment8, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ jsx54("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__ */ jsxs48(Fragment8, { children: [
+    /* @__PURE__ */ jsx54("path", { d: "M10 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" }),
+    /* @__PURE__ */ jsx54("rect", { x: "38", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-accent-stroke" }),
+    /* @__PURE__ */ jsx54("rect", { x: "64", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-dash" }),
+    /* @__PURE__ */ jsx54("path", { d: "M90 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" })
   ] }),
-  "starting-xi": /* @__PURE__ */ jsxs47(Fragment8, { children: [
-    /* @__PURE__ */ jsx53("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__ */ jsx53("circle", { cx: x, cy: y, r: "5", className: i < 7 ? "ss-g-art-accent" : "ss-g-art-dash" }, i))
+  "starting-xi": /* @__PURE__ */ jsxs48(Fragment8, { children: [
+    /* @__PURE__ */ jsx54("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__ */ jsx54("circle", { cx: x, cy: y, r: "5", className: i < 7 ? "ss-g-art-accent" : "ss-g-art-dash" }, i))
   ] }),
-  "stat-ladder": /* @__PURE__ */ jsx53(Fragment8, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ jsx53("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__ */ jsxs47(Fragment8, { children: [
-    /* @__PURE__ */ jsx53("circle", { cx: "60", cy: "37", r: "26", className: "ss-g-art-accent-stroke" }),
+  "stat-ladder": /* @__PURE__ */ jsx54(Fragment8, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ jsx54("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__ */ jsxs48(Fragment8, { children: [
+    /* @__PURE__ */ jsx54("circle", { cx: "60", cy: "37", r: "26", className: "ss-g-art-accent-stroke" }),
     head(60, 40, 18),
-    /* @__PURE__ */ jsx53("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__ */ jsx54("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__ */ jsx53("circle", { cx: "60", cy: "37", r: "22", className: "ss-g-art-fg" })
+  default: /* @__PURE__ */ jsx54("circle", { cx: "60", cy: "37", r: "22", className: "ss-g-art-fg" })
 };
 
 // src/components/games/ui/Chip.tsx
-import { jsx as jsx54, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs49 } from "react/jsx-runtime";
 function Chip({ variant = "neutral", icon, children, className }) {
-  return /* @__PURE__ */ jsxs48("span", { className: `ss-g-chip ss-g-chip--${variant}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxs49("span", { className: `ss-g-chip ss-g-chip--${variant}${className ? ` ${className}` : ""}`, children: [
     icon,
     children
   ] });
 }
 function StatStack({ value, label }) {
-  return /* @__PURE__ */ jsxs48("span", { className: "ss-g-statstack", children: [
-    /* @__PURE__ */ jsx54("span", { className: "ss-g-statstack-v", children: value }),
-    /* @__PURE__ */ jsx54("span", { className: "ss-g-statstack-l", children: label })
+  return /* @__PURE__ */ jsxs49("span", { className: "ss-g-statstack", children: [
+    /* @__PURE__ */ jsx55("span", { className: "ss-g-statstack-v", children: value }),
+    /* @__PURE__ */ jsx55("span", { className: "ss-g-statstack-l", children: label })
   ] });
 }
 
 // src/components/games/ui/icons.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
-var svg = (size, children, fill = false) => /* @__PURE__ */ jsx55(
+import { jsx as jsx56 } from "react/jsx-runtime";
+var svg = (size, children, fill = false) => /* @__PURE__ */ jsx56(
   "svg",
   {
     width: size,
@@ -4508,25 +4669,25 @@ var svg = (size, children, fill = false) => /* @__PURE__ */ jsx55(
     children
   }
 );
-var IconChevronLeft = ({ size = 20 }) => svg(size, /* @__PURE__ */ jsx55("path", { d: "M15 18l-6-6 6-6" }));
-var IconLock = ({ size = 14 }) => svg(size, [/* @__PURE__ */ jsx55("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }, "a"), /* @__PURE__ */ jsx55("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" }, "b")]);
-var IconCheck = ({ size = 14 }) => svg(size, /* @__PURE__ */ jsx55("path", { d: "M5 12l5 5 9-10" }));
-var IconClose = ({ size = 16 }) => svg(size, /* @__PURE__ */ jsx55("path", { d: "M6 6l12 12M18 6L6 18" }));
-var IconSearch = ({ size = 18 }) => svg(size, [/* @__PURE__ */ jsx55("circle", { cx: "11", cy: "11", r: "7" }, "a"), /* @__PURE__ */ jsx55("path", { d: "M20 20l-3.5-3.5" }, "b")]);
-var IconPlus = ({ size = 20 }) => svg(size, /* @__PURE__ */ jsx55("path", { d: "M12 5v14M5 12h14" }));
-var IconBulb = ({ size = 16 }) => svg(size, [/* @__PURE__ */ jsx55("path", { d: "M9 18h6M10 21h4" }, "a"), /* @__PURE__ */ jsx55("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__ */ jsx55("path", { d: "M12 19V5M5 12l7-7 7 7" }));
-var IconArrowDown = ({ size = 12 }) => svg(size, /* @__PURE__ */ jsx55("path", { d: "M12 5v14M19 12l-7 7-7-7" }));
-var IconCalendar = ({ size = 18 }) => svg(size, [/* @__PURE__ */ jsx55("rect", { x: "4", y: "5", width: "16", height: "15", rx: "2" }, "a"), /* @__PURE__ */ jsx55("path", { d: "M4 10h16M9 3v4M15 3v4" }, "b")]);
-var IconShield = ({ size = 18 }) => svg(size, /* @__PURE__ */ jsx55("path", { d: "M12 3l7 3v6c0 5-3 8-7 9-4-1-7-4-7-9V6z" }));
-var IconFlag = ({ size = 18 }) => svg(size, /* @__PURE__ */ jsx55("path", { d: "M5 21V4M5 4h12l-2 4 2 4H5" }));
-var IconBall = ({ size = 18 }) => svg(size, [/* @__PURE__ */ jsx55("circle", { cx: "12", cy: "12", r: "9" }, "a"), /* @__PURE__ */ jsx55("path", { d: "M12 7l4 3-1.5 4.5h-5L8 10z" }, "b")]);
-var IconBoot = ({ size = 18 }) => svg(size, /* @__PURE__ */ jsx55("path", { d: "M4 6h6l1 6 8 3v3H4z" }));
-var IconGloves = ({ size = 18 }) => svg(size, /* @__PURE__ */ jsx55("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__ */ jsx55("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);
+var IconChevronLeft = ({ size = 20 }) => svg(size, /* @__PURE__ */ jsx56("path", { d: "M15 18l-6-6 6-6" }));
+var IconLock = ({ size = 14 }) => svg(size, [/* @__PURE__ */ jsx56("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }, "a"), /* @__PURE__ */ jsx56("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" }, "b")]);
+var IconCheck = ({ size = 14 }) => svg(size, /* @__PURE__ */ jsx56("path", { d: "M5 12l5 5 9-10" }));
+var IconClose = ({ size = 16 }) => svg(size, /* @__PURE__ */ jsx56("path", { d: "M6 6l12 12M18 6L6 18" }));
+var IconSearch = ({ size = 18 }) => svg(size, [/* @__PURE__ */ jsx56("circle", { cx: "11", cy: "11", r: "7" }, "a"), /* @__PURE__ */ jsx56("path", { d: "M20 20l-3.5-3.5" }, "b")]);
+var IconPlus = ({ size = 20 }) => svg(size, /* @__PURE__ */ jsx56("path", { d: "M12 5v14M5 12h14" }));
+var IconBulb = ({ size = 16 }) => svg(size, [/* @__PURE__ */ jsx56("path", { d: "M9 18h6M10 21h4" }, "a"), /* @__PURE__ */ jsx56("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__ */ jsx56("path", { d: "M12 19V5M5 12l7-7 7 7" }));
+var IconArrowDown = ({ size = 12 }) => svg(size, /* @__PURE__ */ jsx56("path", { d: "M12 5v14M19 12l-7 7-7-7" }));
+var IconCalendar = ({ size = 18 }) => svg(size, [/* @__PURE__ */ jsx56("rect", { x: "4", y: "5", width: "16", height: "15", rx: "2" }, "a"), /* @__PURE__ */ jsx56("path", { d: "M4 10h16M9 3v4M15 3v4" }, "b")]);
+var IconShield = ({ size = 18 }) => svg(size, /* @__PURE__ */ jsx56("path", { d: "M12 3l7 3v6c0 5-3 8-7 9-4-1-7-4-7-9V6z" }));
+var IconFlag = ({ size = 18 }) => svg(size, /* @__PURE__ */ jsx56("path", { d: "M5 21V4M5 4h12l-2 4 2 4H5" }));
+var IconBall = ({ size = 18 }) => svg(size, [/* @__PURE__ */ jsx56("circle", { cx: "12", cy: "12", r: "9" }, "a"), /* @__PURE__ */ jsx56("path", { d: "M12 7l4 3-1.5 4.5h-5L8 10z" }, "b")]);
+var IconBoot = ({ size = 18 }) => svg(size, /* @__PURE__ */ jsx56("path", { d: "M4 6h6l1 6 8 3v3H4z" }));
+var IconGloves = ({ size = 18 }) => svg(size, /* @__PURE__ */ jsx56("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__ */ jsx56("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
-import { Fragment as Fragment9, jsx as jsx56, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx57, jsxs as jsxs50 } from "react/jsx-runtime";
 function tileStatus(game, ui) {
   switch (game.status) {
     case "locked":
@@ -4550,38 +4711,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__ */ jsxs49(Fragment9, { children: [
-    /* @__PURE__ */ jsxs49("span", { className: "ss-g-hero-text", children: [
-      /* @__PURE__ */ jsx56("span", { className: "ss-g-hero-eyebrow", children: ui.games.dailyChallenge }),
-      status.tone === "new" && /* @__PURE__ */ jsx56(Chip, { variant: "badge", children: ui.games.newToday }),
-      /* @__PURE__ */ jsx56("span", { className: "ss-g-hero-title", children: title }),
-      /* @__PURE__ */ jsx56("span", { className: "ss-g-hero-sub", children: ui.games.taglines[game.gameId] ?? "" }),
-      status.tone === "success" ? /* @__PURE__ */ jsx56("span", { className: "ss-g-tile-status", "data-tone": "success", children: status.text }) : /* @__PURE__ */ jsxs49("span", { className: "ss-g-hero-cta", children: [
+  const body = variant === "hero" ? /* @__PURE__ */ jsxs50(Fragment9, { children: [
+    /* @__PURE__ */ jsxs50("span", { className: "ss-g-hero-text", children: [
+      /* @__PURE__ */ jsx57("span", { className: "ss-g-hero-eyebrow", children: ui.games.dailyChallenge }),
+      status.tone === "new" && /* @__PURE__ */ jsx57(Chip, { variant: "badge", children: ui.games.newToday }),
+      /* @__PURE__ */ jsx57("span", { className: "ss-g-hero-title", children: title }),
+      /* @__PURE__ */ jsx57("span", { className: "ss-g-hero-sub", children: ui.games.taglines[game.gameId] ?? "" }),
+      status.tone === "success" ? /* @__PURE__ */ jsx57("span", { className: "ss-g-tile-status", "data-tone": "success", children: status.text }) : /* @__PURE__ */ jsxs50("span", { className: "ss-g-hero-cta", children: [
         status.tone === "accent" ? ui.games.resume : ui.games.playNow,
         " \u2192"
       ] })
     ] }),
-    /* @__PURE__ */ jsx56("span", { className: "ss-g-hero-art", children: /* @__PURE__ */ jsx56(GameTileArt, { gameId: game.gameId }) })
-  ] }) : variant === "wide" ? /* @__PURE__ */ jsxs49(Fragment9, { children: [
-    /* @__PURE__ */ jsx56("span", { className: "ss-g-wide-art", children: /* @__PURE__ */ jsx56(GameTileArt, { gameId: game.gameId }) }),
-    /* @__PURE__ */ jsxs49("span", { className: "ss-g-wide-text", children: [
-      /* @__PURE__ */ jsx56("span", { className: "ss-g-tile-title", children: title }),
-      /* @__PURE__ */ jsx56("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text }),
-      status.tone === "new" && /* @__PURE__ */ jsx56(Chip, { variant: "badge", children: ui.games.newToday })
+    /* @__PURE__ */ jsx57("span", { className: "ss-g-hero-art", children: /* @__PURE__ */ jsx57(GameTileArt, { gameId: game.gameId }) })
+  ] }) : variant === "wide" ? /* @__PURE__ */ jsxs50(Fragment9, { children: [
+    /* @__PURE__ */ jsx57("span", { className: "ss-g-wide-art", children: /* @__PURE__ */ jsx57(GameTileArt, { gameId: game.gameId }) }),
+    /* @__PURE__ */ jsxs50("span", { className: "ss-g-wide-text", children: [
+      /* @__PURE__ */ jsx57("span", { className: "ss-g-tile-title", children: title }),
+      /* @__PURE__ */ jsx57("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text }),
+      status.tone === "new" && /* @__PURE__ */ jsx57(Chip, { variant: "badge", children: ui.games.newToday })
     ] }),
-    /* @__PURE__ */ jsx56("span", { className: "ss-g-wide-chev", children: /* @__PURE__ */ jsx56(IconChevronLeft, { size: 18 }) })
-  ] }) : /* @__PURE__ */ jsxs49(Fragment9, { children: [
-    /* @__PURE__ */ jsx56("span", { className: "ss-g-tile-art", children: /* @__PURE__ */ jsx56(GameTileArt, { gameId: game.gameId }) }),
-    /* @__PURE__ */ jsx56("span", { className: "ss-g-tile-title", children: title }),
-    /* @__PURE__ */ jsx56("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text })
+    /* @__PURE__ */ jsx57("span", { className: "ss-g-wide-chev", children: /* @__PURE__ */ jsx57(IconChevronLeft, { size: 18 }) })
+  ] }) : /* @__PURE__ */ jsxs50(Fragment9, { children: [
+    /* @__PURE__ */ jsx57("span", { className: "ss-g-tile-art", children: /* @__PURE__ */ jsx57(GameTileArt, { gameId: game.gameId }) }),
+    /* @__PURE__ */ jsx57("span", { className: "ss-g-tile-title", children: title }),
+    /* @__PURE__ */ jsx57("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__ */ jsx56("div", { className: cls, "data-disabled": true, "aria-disabled": "true", children: body });
-  return /* @__PURE__ */ jsx56("button", { type: "button", className: cls, "aria-label": `${title} \u2014 ${status.text}`, onClick: () => onOpen(game), children: body });
+  if (disabled) return /* @__PURE__ */ jsx57("div", { className: cls, "data-disabled": true, "aria-disabled": "true", children: body });
+  return /* @__PURE__ */ jsx57("button", { type: "button", className: cls, "aria-label": `${title} \u2014 ${status.text}`, onClick: () => onOpen(game), children: body });
 }
 
 // src/components/GamesHub.tsx
-import { Fragment as Fragment10, jsx as jsx57, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx58, jsxs as jsxs51 } from "react/jsx-runtime";
 var PLAYABLE = /* @__PURE__ */ new Set(["available", "in_progress"]);
 var DONE = /* @__PURE__ */ new Set(["played", "graded"]);
 function pickHeroGame(games) {
@@ -4594,8 +4755,8 @@ function pickHeroGame(games) {
 }
 var tileKey = (g) => `${g.gameId}-${g.gameDay}-${g.fixtureId}`;
 function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
-  const [, setTick] = useState22(0);
-  useEffect13(() => {
+  const [, setTick] = useState23(0);
+  useEffect14(() => {
     const id = setInterval(() => setTick((t) => t + 1), 6e4);
     return () => clearInterval(id);
   }, []);
@@ -4607,58 +4768,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__ */ jsxs50("div", { className: "ss-g-hub", children: [
-    /* @__PURE__ */ jsxs50("div", { className: "ss-g-stats", children: [
-      /* @__PURE__ */ jsxs50("div", { className: "ss-g-stat", children: [
-        /* @__PURE__ */ jsx57("span", { className: "ss-g-stat-l", children: ui.games.statStreak }),
-        /* @__PURE__ */ jsxs50("span", { className: "ss-g-stat-v", "data-testid": "stat-streak", children: [
-          myWeeklyRow ? /* @__PURE__ */ jsxs50(Fragment10, { children: [
-            /* @__PURE__ */ jsx57(IconFlame, {}),
+  return /* @__PURE__ */ jsxs51("div", { className: "ss-g-hub", children: [
+    /* @__PURE__ */ jsxs51("div", { className: "ss-g-stats", children: [
+      /* @__PURE__ */ jsxs51("div", { className: "ss-g-stat", children: [
+        /* @__PURE__ */ jsx58("span", { className: "ss-g-stat-l", children: ui.games.statStreak }),
+        /* @__PURE__ */ jsxs51("span", { className: "ss-g-stat-v", "data-testid": "stat-streak", children: [
+          myWeeklyRow ? /* @__PURE__ */ jsxs51(Fragment10, { children: [
+            /* @__PURE__ */ jsx58(IconFlame, {}),
             myWeeklyRow.currentStreak
           ] }) : dash,
-          myWeeklyRow && /* @__PURE__ */ jsx57("small", { children: ui.games.unitDays })
+          myWeeklyRow && /* @__PURE__ */ jsx58("small", { children: ui.games.unitDays })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: "ss-g-stat", children: [
-        /* @__PURE__ */ jsx57("span", { className: "ss-g-stat-l", children: ui.games.statToday }),
-        /* @__PURE__ */ jsxs50("span", { className: "ss-g-stat-v ss-g-stat-v--accent", "data-testid": "stat-today", children: [
+      /* @__PURE__ */ jsxs51("div", { className: "ss-g-stat", children: [
+        /* @__PURE__ */ jsx58("span", { className: "ss-g-stat-l", children: ui.games.statToday }),
+        /* @__PURE__ */ jsxs51("span", { className: "ss-g-stat-v ss-g-stat-v--accent", "data-testid": "stat-today", children: [
           ui.games.formatPts(todayPts),
-          /* @__PURE__ */ jsx57("small", { children: ui.games.unitPts })
+          /* @__PURE__ */ jsx58("small", { children: ui.games.unitPts })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: "ss-g-stat", children: [
-        /* @__PURE__ */ jsx57("span", { className: "ss-g-stat-l", children: ui.games.statRank }),
-        /* @__PURE__ */ jsxs50("span", { className: "ss-g-stat-v", "data-testid": "stat-rank", children: [
+      /* @__PURE__ */ jsxs51("div", { className: "ss-g-stat", children: [
+        /* @__PURE__ */ jsx58("span", { className: "ss-g-stat-l", children: ui.games.statRank }),
+        /* @__PURE__ */ jsxs51("span", { className: "ss-g-stat-v", "data-testid": "stat-rank", children: [
           myWeeklyRow ? `#${myWeeklyRow.rank}` : dash,
-          myWeeklyRow && /* @__PURE__ */ jsx57("small", { children: ui.games.thisWeek })
+          myWeeklyRow && /* @__PURE__ */ jsx58("small", { children: ui.games.thisWeek })
         ] })
       ] })
     ] }),
-    weeklyPrize && /* @__PURE__ */ jsx57(Chip, { variant: "accent", className: "ss-g-prize", children: weeklyPrize }),
-    hero && /* @__PURE__ */ jsx57(GameTile, { game: hero, onOpen, ui, variant: "hero" }),
-    (grid.length > 0 || wide) && /* @__PURE__ */ jsxs50("section", { className: "ss-g-sec", children: [
-      /* @__PURE__ */ jsxs50("div", { className: "ss-g-sec-head", children: [
-        /* @__PURE__ */ jsx57("h3", { children: ui.games.dailyGames }),
-        /* @__PURE__ */ jsx57("span", { children: ui.games.newSetAtMidnight })
+    weeklyPrize && /* @__PURE__ */ jsx58(Chip, { variant: "accent", className: "ss-g-prize", children: weeklyPrize }),
+    hero && /* @__PURE__ */ jsx58(GameTile, { game: hero, onOpen, ui, variant: "hero" }),
+    (grid.length > 0 || wide) && /* @__PURE__ */ jsxs51("section", { className: "ss-g-sec", children: [
+      /* @__PURE__ */ jsxs51("div", { className: "ss-g-sec-head", children: [
+        /* @__PURE__ */ jsx58("h3", { children: ui.games.dailyGames }),
+        /* @__PURE__ */ jsx58("span", { children: ui.games.newSetAtMidnight })
       ] }),
-      grid.length > 0 && /* @__PURE__ */ jsx57("div", { className: "ss-g-grid", children: grid.map((g) => /* @__PURE__ */ jsx57(GameTile, { game: g, onOpen, ui }, tileKey(g))) }),
-      wide && /* @__PURE__ */ jsx57(GameTile, { game: wide, onOpen, ui, variant: "wide" })
+      grid.length > 0 && /* @__PURE__ */ jsx58("div", { className: "ss-g-grid", children: grid.map((g) => /* @__PURE__ */ jsx58(GameTile, { game: g, onOpen, ui }, tileKey(g))) }),
+      wide && /* @__PURE__ */ jsx58(GameTile, { game: wide, onOpen, ui, variant: "wide" })
     ] }),
-    fixtures.length > 0 && /* @__PURE__ */ jsxs50("section", { className: "ss-g-sec", children: [
-      /* @__PURE__ */ jsxs50("div", { className: "ss-g-sec-head", children: [
-        /* @__PURE__ */ jsx57("h3", { children: ui.games.matchdayGames }),
-        kickoffs[0] && /* @__PURE__ */ jsx57("span", { children: ui.games.kickoffAt(ui.games.formatDayTime(kickoffs[0])) })
+    fixtures.length > 0 && /* @__PURE__ */ jsxs51("section", { className: "ss-g-sec", children: [
+      /* @__PURE__ */ jsxs51("div", { className: "ss-g-sec-head", children: [
+        /* @__PURE__ */ jsx58("h3", { children: ui.games.matchdayGames }),
+        kickoffs[0] && /* @__PURE__ */ jsx58("span", { children: ui.games.kickoffAt(ui.games.formatDayTime(kickoffs[0])) })
       ] }),
-      /* @__PURE__ */ jsx57("div", { className: "ss-g-grid", children: fixtures.map((g) => /* @__PURE__ */ jsx57(GameTile, { game: g, onOpen, ui }, tileKey(g))) })
+      /* @__PURE__ */ jsx58("div", { className: "ss-g-grid", children: fixtures.map((g) => /* @__PURE__ */ jsx58(GameTile, { game: g, onOpen, ui }, tileKey(g))) })
     ] })
   ] });
 }
 
 // src/components/GameScreenHost.tsx
-import { useEffect as useEffect15, useRef as useRef13, useState as useState34 } from "react";
+import { useEffect as useEffect16, useRef as useRef14, useState as useState35 } from "react";
 
 // src/useGamePlay.ts
-import { useCallback as useCallback8, useRef as useRef11, useState as useState23 } from "react";
+import { useCallback as useCallback9, useRef as useRef12, useState as useState24 } from "react";
 function toSubmitResult(payload) {
   return {
     // 'pending' means the play is recorded but awaiting resolution (fixture games)
@@ -4670,17 +4831,17 @@ function toSubmitResult(payload) {
   };
 }
 function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh }) {
-  const [result, setResult] = useState23(null);
-  const [submitting, setSubmitting] = useState23(false);
-  const [rawStatus, setRawStatus] = useState23(null);
-  const inFlightRef = useRef11(false);
-  const convRef = useRef11(conversation);
+  const [result, setResult] = useState24(null);
+  const [submitting, setSubmitting] = useState24(false);
+  const [rawStatus, setRawStatus] = useState24(null);
+  const inFlightRef = useRef12(false);
+  const convRef = useRef12(conversation);
   convRef.current = conversation;
-  const optsRef = useRef11({ gameId, gameDay, fixtureId, locale, refresh });
+  const optsRef = useRef12({ gameId, gameDay, fixtureId, locale, refresh });
   optsRef.current = { gameId, gameDay, fixtureId, locale, refresh };
-  const resultRef = useRef11(null);
+  const resultRef = useRef12(null);
   resultRef.current = result;
-  const refetch = useCallback8(async () => {
+  const refetch = useCallback9(async () => {
     const conv = convRef.current;
     if (!conv) return;
     const opts = optsRef.current;
@@ -4696,7 +4857,7 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
     } catch {
     }
   }, []);
-  const submit = useCallback8(async (answerJson) => {
+  const submit = useCallback9(async (answerJson) => {
     const conv = convRef.current;
     if (!conv || inFlightRef.current) return;
     inFlightRef.current = true;
@@ -4723,14 +4884,14 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
       setSubmitting(false);
     }
   }, [refetch]);
-  const hydrate = useCallback8(() => {
+  const hydrate = useCallback9(() => {
     void refetch();
   }, [refetch]);
   return { result, submitting, submit, hydrate, rawStatus };
 }
 
 // src/components/games/MysteryTigerGame.tsx
-import { useState as useState25, useId as useId2 } from "react";
+import { useState as useState26, useId as useId2 } from "react";
 
 // src/components/games/nationFlags.ts
 var FLAGS = {
@@ -4941,8 +5102,8 @@ function isNationCode(flag) {
 }
 
 // src/components/games/PlayerAvatar.tsx
-import { useState as useState24 } from "react";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { useState as useState25 } from "react";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
   const first = parts[0];
@@ -4959,41 +5120,41 @@ function PlayerAvatar({
   imagePath,
   className
 }) {
-  const [failed, setFailed] = useState24(false);
+  const [failed, setFailed] = useState25(false);
   const showImage = Boolean(imagePath) && !isPlaceholderImage(imagePath) && !failed;
-  return /* @__PURE__ */ jsx58("div", { className, "aria-hidden": "true", children: showImage ? /* @__PURE__ */ jsx58("img", { src: imagePath, alt: "", loading: "lazy", onError: () => setFailed(true) }) : /* @__PURE__ */ jsx58("span", { className: "ss-w-av-initials", children: initialsOf(name) }) });
+  return /* @__PURE__ */ jsx59("div", { className, "aria-hidden": "true", children: showImage ? /* @__PURE__ */ jsx59("img", { src: imagePath, alt: "", loading: "lazy", onError: () => setFailed(true) }) : /* @__PURE__ */ jsx59("span", { className: "ss-w-av-initials", children: initialsOf(name) }) });
 }
 
 // src/components/games/ui/GameHeader.tsx
-import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
 function GameHeader({ title, eyebrow, right, onBack, backLabel }) {
-  return /* @__PURE__ */ jsxs51("div", { className: "ss-g-head", children: [
-    onBack && /* @__PURE__ */ jsx59("button", { type: "button", className: "ss-g-back", "aria-label": backLabel, onClick: onBack, children: /* @__PURE__ */ jsx59(IconChevronLeft, {}) }),
-    /* @__PURE__ */ jsxs51("div", { className: "ss-g-head-text", children: [
-      eyebrow && /* @__PURE__ */ jsx59("span", { className: "ss-g-eyebrow", children: eyebrow }),
-      /* @__PURE__ */ jsx59("h2", { className: "ss-g-title", children: title })
+  return /* @__PURE__ */ jsxs52("div", { className: "ss-g-head", children: [
+    onBack && /* @__PURE__ */ jsx60("button", { type: "button", className: "ss-g-back", "aria-label": backLabel, onClick: onBack, children: /* @__PURE__ */ jsx60(IconChevronLeft, {}) }),
+    /* @__PURE__ */ jsxs52("div", { className: "ss-g-head-text", children: [
+      eyebrow && /* @__PURE__ */ jsx60("span", { className: "ss-g-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx60("h2", { className: "ss-g-title", children: title })
     ] }),
-    right && /* @__PURE__ */ jsx59("div", { className: "ss-g-head-right", children: right })
+    right && /* @__PURE__ */ jsx60("div", { className: "ss-g-head-right", children: right })
   ] });
 }
 
 // src/components/games/ui/SegmentProgress.tsx
-import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
 function SegmentProgress({ segments, ariaLabel, leftLabel, rightLabel, right }) {
-  return /* @__PURE__ */ jsxs52("div", { className: "ss-g-progress", children: [
-    /* @__PURE__ */ jsxs52("div", { className: "ss-g-progress-main", children: [
-      (leftLabel || rightLabel) && /* @__PURE__ */ jsxs52("div", { className: "ss-g-progress-labels", children: [
-        /* @__PURE__ */ jsx60("span", { children: leftLabel }),
-        /* @__PURE__ */ jsx60("span", { className: "ss-g-progress-rl", children: rightLabel })
+  return /* @__PURE__ */ jsxs53("div", { className: "ss-g-progress", children: [
+    /* @__PURE__ */ jsxs53("div", { className: "ss-g-progress-main", children: [
+      (leftLabel || rightLabel) && /* @__PURE__ */ jsxs53("div", { className: "ss-g-progress-labels", children: [
+        /* @__PURE__ */ jsx61("span", { children: leftLabel }),
+        /* @__PURE__ */ jsx61("span", { className: "ss-g-progress-rl", children: rightLabel })
       ] }),
-      /* @__PURE__ */ jsx60(
+      /* @__PURE__ */ jsx61(
         "div",
         {
           className: "ss-g-segs",
           role: "img",
           "aria-label": ariaLabel,
           style: { gridTemplateColumns: `repeat(${segments.length}, minmax(0, 1fr))` },
-          children: segments.map((s, i) => /* @__PURE__ */ jsx60("span", { className: "ss-g-seg", "data-state": s }, i))
+          children: segments.map((s, i) => /* @__PURE__ */ jsx61("span", { className: "ss-g-seg", "data-state": s }, i))
         }
       )
     ] }),
@@ -5002,13 +5163,13 @@ function SegmentProgress({ segments, ariaLabel, leftLabel, rightLabel, right })
 }
 
 // src/components/games/ui/SearchField.tsx
-import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
 function SearchField({ id, label, labelHidden = false, placeholder, value, onChange, disabled, inputRef, onKeyDown }) {
-  return /* @__PURE__ */ jsxs53("div", { className: "ss-g-search", children: [
-    /* @__PURE__ */ jsx61("label", { htmlFor: id, className: labelHidden ? "ss-g-sr" : "ss-g-search-label", children: label }),
-    /* @__PURE__ */ jsxs53("div", { className: "ss-g-search-box", children: [
-      /* @__PURE__ */ jsx61(IconSearch, {}),
-      /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs54("div", { className: "ss-g-search", children: [
+    /* @__PURE__ */ jsx62("label", { htmlFor: id, className: labelHidden ? "ss-g-sr" : "ss-g-search-label", children: label }),
+    /* @__PURE__ */ jsxs54("div", { className: "ss-g-search-box", children: [
+      /* @__PURE__ */ jsx62(IconSearch, {}),
+      /* @__PURE__ */ jsx62(
         "input",
         {
           id,
@@ -5027,52 +5188,52 @@ function SearchField({ id, label, labelHidden = false, placeholder, value, onCha
 }
 
 // src/components/games/ui/FooterBar.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 function FooterBar({ children }) {
-  return /* @__PURE__ */ jsx62("div", { className: "ss-g-footer", children });
+  return /* @__PURE__ */ jsx63("div", { className: "ss-g-footer", children });
 }
 
 // src/components/games/ui/Silhouette.tsx
-import { jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
 function Silhouette({ size, variant = "default" }) {
-  return /* @__PURE__ */ jsxs54("span", { className: `ss-g-sil ss-g-sil--${variant}`, style: { width: size, height: size }, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxs54("svg", { width: size * 0.86, height: size * 0.86, viewBox: "0 0 100 100", children: [
-      /* @__PURE__ */ jsx63("circle", { cx: "50", cy: "40", r: "19", fill: "currentColor" }),
-      /* @__PURE__ */ jsx63("path", { d: "M12 100c0-23 17-38 38-38s38 15 38 38z", fill: "currentColor" })
+  return /* @__PURE__ */ jsxs55("span", { className: `ss-g-sil ss-g-sil--${variant}`, style: { width: size, height: size }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxs55("svg", { width: size * 0.86, height: size * 0.86, viewBox: "0 0 100 100", children: [
+      /* @__PURE__ */ jsx64("circle", { cx: "50", cy: "40", r: "19", fill: "currentColor" }),
+      /* @__PURE__ */ jsx64("path", { d: "M12 100c0-23 17-38 38-38s38 15 38 38z", fill: "currentColor" })
     ] }),
-    variant === "mystery" && /* @__PURE__ */ jsx63("span", { className: "ss-g-sil-q", children: "?" })
+    variant === "mystery" && /* @__PURE__ */ jsx64("span", { className: "ss-g-sil-q", children: "?" })
   ] });
 }
 
 // src/components/games/ui/GameButton.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "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__ */ jsx64("button", { type, className: cls, ...rest });
+  return /* @__PURE__ */ jsx65("button", { type, className: cls, ...rest });
 }
 
 // src/components/games/ui/ResultCard.tsx
-import { jsx as jsx65, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs56 } from "react/jsx-runtime";
 function ResultCard({ tone, title, score, detail, onBack, ui }) {
-  return /* @__PURE__ */ jsxs55("div", { className: "ss-g-result", "data-tone": tone, role: "status", children: [
-    /* @__PURE__ */ jsx65("span", { className: "ss-g-result-title", children: title }),
-    score !== void 0 && /* @__PURE__ */ jsxs55("span", { className: "ss-g-result-score", children: [
-      /* @__PURE__ */ jsx65("span", { className: "ss-g-result-num", children: score }),
+  return /* @__PURE__ */ jsxs56("div", { className: "ss-g-result", "data-tone": tone, role: "status", children: [
+    /* @__PURE__ */ jsx66("span", { className: "ss-g-result-title", children: title }),
+    score !== void 0 && /* @__PURE__ */ jsxs56("span", { className: "ss-g-result-score", children: [
+      /* @__PURE__ */ jsx66("span", { className: "ss-g-result-num", children: score }),
       ui.games.unitPts
     ] }),
-    detail && /* @__PURE__ */ jsx65("span", { className: "ss-g-result-detail", children: detail }),
-    onBack && /* @__PURE__ */ jsx65(GameButton, { variant: "outline", onClick: onBack, children: ui.games.backToGames })
+    detail && /* @__PURE__ */ jsx66("span", { className: "ss-g-result-detail", children: detail }),
+    onBack && /* @__PURE__ */ jsx66(GameButton, { variant: "outline", onClick: onBack, children: ui.games.backToGames })
   ] });
 }
 
 // src/components/games/ui/OptionList.tsx
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function OptionList({ label, options, onPick }) {
-  return /* @__PURE__ */ jsx66("div", { className: "ss-g-opts", role: "listbox", "aria-label": label, children: options.map((o) => /* @__PURE__ */ jsx66("button", { type: "button", role: "option", "aria-selected": false, className: "ss-g-opt", onClick: () => onPick(o.key), children: o.content }, o.key)) });
+  return /* @__PURE__ */ jsx67("div", { className: "ss-g-opts", role: "listbox", "aria-label": label, children: options.map((o) => /* @__PURE__ */ jsx67("button", { type: "button", role: "option", "aria-selected": false, className: "ss-g-opt", onClick: () => onPick(o.key), children: o.content }, o.key)) });
 }
 
 // src/components/games/MysteryTigerGame.tsx
-import { Fragment as Fragment11, jsx as jsx67, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx68, jsxs as jsxs57 } from "react/jsx-runtime";
 function parseClientState(json) {
   if (!json) return null;
   try {
@@ -5174,7 +5335,7 @@ function MysteryTigerGame({
   onBack
 }) {
   const t = ui.games.mysteryTiger;
-  const [query, setQuery] = useState25("");
+  const [query, setQuery] = useState26("");
   const inputId = useId2();
   const clientState = parseClientState(result?.clientStateJson);
   const guessResults = clientState?.guessResults ?? [];
@@ -5196,22 +5357,22 @@ function MysteryTigerGame({
     setQuery("");
     onSubmit(JSON.stringify({ guesses: newGuesses }));
   }
-  const headerRight = !config ? void 0 : isOver ? /* @__PURE__ */ jsxs56(Chip, { variant: "accent", children: [
+  const headerRight = !config ? void 0 : isOver ? /* @__PURE__ */ jsxs57(Chip, { variant: "accent", children: [
     score,
     " ",
     ui.games.unitPts
-  ] }) : /* @__PURE__ */ jsx67("span", { "data-testid": "mt-chip", children: /* @__PURE__ */ jsxs56(Chip, { children: [
+  ] }) : /* @__PURE__ */ jsx68("span", { "data-testid": "mt-chip", children: /* @__PURE__ */ jsxs57(Chip, { children: [
     ui.games.guess,
     " ",
-    /* @__PURE__ */ jsx67("span", { className: "ss-g-num", children: guessesUsed + 1 }),
+    /* @__PURE__ */ jsx68("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__ */ jsxs56("div", { className: "ss-g-screen ss-g-mt", "data-testid": "game-screen-mystery-tiger", children: [
-    /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsxs57("div", { className: "ss-g-screen ss-g-mt", "data-testid": "game-screen-mystery-tiger", children: [
+    /* @__PURE__ */ jsx68(
       GameHeader,
       {
         title: gameTitle({ gameId: "mystery-tiger" }, ui.games.titles),
@@ -5221,40 +5382,40 @@ function MysteryTigerGame({
         backLabel: ui.back
       }
     ),
-    !config && /* @__PURE__ */ jsx67("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs56(Fragment11, { children: [
-      /* @__PURE__ */ jsxs56("div", { className: "ss-g-body", children: [
-        /* @__PURE__ */ jsxs56("div", { className: `ss-g-mt-card${isOver ? " ss-g-mt-card--reveal" : ""}`, children: [
-          /* @__PURE__ */ jsxs56("div", { className: "ss-g-mt-portrait", children: [
-            revealName ? /* @__PURE__ */ jsx67(PlayerAvatar, { className: "ss-g-mt-photo", name: revealName, imagePath: clientState?.revealedPlayerImagePath }) : /* @__PURE__ */ jsx67(Silhouette, { size: 150, variant: "mystery" }),
-            revealName && /* @__PURE__ */ jsx67("span", { className: "ss-g-mt-reveal-name", children: revealName })
+    !config && /* @__PURE__ */ jsx68("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
+    config && /* @__PURE__ */ jsxs57(Fragment11, { children: [
+      /* @__PURE__ */ jsxs57("div", { className: "ss-g-body", children: [
+        /* @__PURE__ */ jsxs57("div", { className: `ss-g-mt-card${isOver ? " ss-g-mt-card--reveal" : ""}`, children: [
+          /* @__PURE__ */ jsxs57("div", { className: "ss-g-mt-portrait", children: [
+            revealName ? /* @__PURE__ */ jsx68(PlayerAvatar, { className: "ss-g-mt-photo", name: revealName, imagePath: clientState?.revealedPlayerImagePath }) : /* @__PURE__ */ jsx68(Silhouette, { size: 150, variant: "mystery" }),
+            revealName && /* @__PURE__ */ jsx68("span", { className: "ss-g-mt-reveal-name", children: revealName })
           ] }),
-          /* @__PURE__ */ jsx67("div", { className: "ss-g-mt-known", style: { gridTemplateColumns: `repeat(${keys.length}, minmax(0, 1fr))` }, children: known.map((k) => /* @__PURE__ */ jsxs56("div", { className: "ss-g-mt-known-cell", children: [
-            /* @__PURE__ */ jsx67("span", { className: "ss-g-mt-lab", children: t.labels[k.key] }),
-            /* @__PURE__ */ jsx67("span", { className: "ss-g-mt-known-v", "data-state": k.state, "data-testid": `known-${k.key}`, children: k.text })
+          /* @__PURE__ */ jsx68("div", { className: "ss-g-mt-known", style: { gridTemplateColumns: `repeat(${keys.length}, minmax(0, 1fr))` }, children: known.map((k) => /* @__PURE__ */ jsxs57("div", { className: "ss-g-mt-known-cell", children: [
+            /* @__PURE__ */ jsx68("span", { className: "ss-g-mt-lab", children: t.labels[k.key] }),
+            /* @__PURE__ */ jsx68("span", { className: "ss-g-mt-known-v", "data-state": k.state, "data-testid": `known-${k.key}`, children: k.text })
           ] }, k.key)) })
         ] }),
-        !isOver && /* @__PURE__ */ jsx67(SegmentProgress, { segments, ariaLabel: t.progress(guessesUsed, totalGuesses) }),
-        guessResults.length > 0 && /* @__PURE__ */ jsxs56("div", { className: "ss-g-mt-table", children: [
-          /* @__PURE__ */ jsxs56("div", { className: "ss-g-mt-thead", style: cols, children: [
-            /* @__PURE__ */ jsx67("span", { children: t.yourGuesses }),
-            keys.map((k) => /* @__PURE__ */ jsx67("span", { children: t.labels[k] }, k))
+        !isOver && /* @__PURE__ */ jsx68(SegmentProgress, { segments, ariaLabel: t.progress(guessesUsed, totalGuesses) }),
+        guessResults.length > 0 && /* @__PURE__ */ jsxs57("div", { className: "ss-g-mt-table", children: [
+          /* @__PURE__ */ jsxs57("div", { className: "ss-g-mt-thead", style: cols, children: [
+            /* @__PURE__ */ jsx68("span", { children: t.yourGuesses }),
+            keys.map((k) => /* @__PURE__ */ jsx68("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__ */ jsxs56("div", { className: "ss-g-mt-row", style: cols, children: [
-              /* @__PURE__ */ jsxs56("div", { className: "ss-g-mt-who", children: [
-                /* @__PURE__ */ jsx67(PlayerAvatar, { className: "ss-g-mt-av", name }),
-                /* @__PURE__ */ jsxs56("span", { className: "ss-g-mt-names", children: [
-                  first && /* @__PURE__ */ jsx67("span", { className: "ss-g-mt-first", children: first }),
-                  /* @__PURE__ */ jsx67("span", { className: "ss-g-mt-last", children: last })
+            return /* @__PURE__ */ jsxs57("div", { className: "ss-g-mt-row", style: cols, children: [
+              /* @__PURE__ */ jsxs57("div", { className: "ss-g-mt-who", children: [
+                /* @__PURE__ */ jsx68(PlayerAvatar, { className: "ss-g-mt-av", name }),
+                /* @__PURE__ */ jsxs57("span", { className: "ss-g-mt-names", children: [
+                  first && /* @__PURE__ */ jsx68("span", { className: "ss-g-mt-first", children: first }),
+                  /* @__PURE__ */ jsx68("span", { className: "ss-g-mt-last", children: last })
                 ] })
               ] }),
               keys.map((key) => {
                 const v = gr[key];
                 const arrow = directionArrow(v);
-                return /* @__PURE__ */ jsxs56(
+                return /* @__PURE__ */ jsxs57(
                   "div",
                   {
                     className: "ss-g-mt-cell",
@@ -5262,8 +5423,8 @@ function MysteryTigerGame({
                     "data-verdict": v.verdict,
                     "aria-label": `${t.labels[key]}: ${v.value ?? v.verdict}${v.direction ? ` ${v.direction}` : ""}`,
                     children: [
-                      /* @__PURE__ */ jsx67("span", { className: "ss-g-mt-cell-v", "aria-hidden": "true", children: tileFace(key, v) }),
-                      arrow && /* @__PURE__ */ jsx67("span", { className: "ss-g-mt-cell-dir", "aria-hidden": "true", children: arrow })
+                      /* @__PURE__ */ jsx68("span", { className: "ss-g-mt-cell-v", "aria-hidden": "true", children: tileFace(key, v) }),
+                      arrow && /* @__PURE__ */ jsx68("span", { className: "ss-g-mt-cell-dir", "aria-hidden": "true", children: arrow })
                     ]
                   },
                   key
@@ -5272,25 +5433,25 @@ function MysteryTigerGame({
             ] }, gr.playerId);
           })
         ] }),
-        !isOver && /* @__PURE__ */ jsxs56("div", { className: "ss-g-mt-legend", children: [
-          /* @__PURE__ */ jsxs56("span", { children: [
-            /* @__PURE__ */ jsx67("i", { className: "ss-g-mt-sw", "data-verdict": "exact" }),
+        !isOver && /* @__PURE__ */ jsxs57("div", { className: "ss-g-mt-legend", children: [
+          /* @__PURE__ */ jsxs57("span", { children: [
+            /* @__PURE__ */ jsx68("i", { className: "ss-g-mt-sw", "data-verdict": "exact" }),
             t.legendMatch
           ] }),
-          /* @__PURE__ */ jsxs56("span", { children: [
-            /* @__PURE__ */ jsx67("i", { className: "ss-g-mt-sw", "data-verdict": "near" }),
+          /* @__PURE__ */ jsxs57("span", { children: [
+            /* @__PURE__ */ jsx68("i", { className: "ss-g-mt-sw", "data-verdict": "near" }),
             t.legendClose
           ] }),
-          /* @__PURE__ */ jsxs56("span", { children: [
+          /* @__PURE__ */ jsxs57("span", { children: [
             "\u25B2 ",
             t.legendHigher
           ] })
         ] }),
-        clientState?.hintLine && !isOver && /* @__PURE__ */ jsxs56("div", { className: "ss-g-mt-hint", children: [
-          /* @__PURE__ */ jsx67(IconBulb, {}),
-          /* @__PURE__ */ jsx67("span", { children: clientState.hintLine })
+        clientState?.hintLine && !isOver && /* @__PURE__ */ jsxs57("div", { className: "ss-g-mt-hint", children: [
+          /* @__PURE__ */ jsx68(IconBulb, {}),
+          /* @__PURE__ */ jsx68("span", { children: clientState.hintLine })
         ] }),
-        isOver && /* @__PURE__ */ jsx67(
+        isOver && /* @__PURE__ */ jsx68(
           ResultCard,
           {
             tone: clientState?.solved ? "win" : clientState?.failed ? "lose" : "neutral",
@@ -5302,22 +5463,22 @@ function MysteryTigerGame({
           }
         )
       ] }),
-      !isOver && /* @__PURE__ */ jsxs56(FooterBar, { children: [
-        query.length > 0 && filtered.length > 0 && /* @__PURE__ */ jsx67(
+      !isOver && /* @__PURE__ */ jsxs57(FooterBar, { children: [
+        query.length > 0 && filtered.length > 0 && /* @__PURE__ */ jsx68(
           OptionList,
           {
             label: t.optionsLabel,
             options: filtered.map((p) => ({
               key: p.id,
-              content: /* @__PURE__ */ jsxs56(Fragment11, { children: [
-                /* @__PURE__ */ jsx67(PlayerAvatar, { className: "ss-g-opt-av", name: p.name }),
-                /* @__PURE__ */ jsx67("span", { children: p.name })
+              content: /* @__PURE__ */ jsxs57(Fragment11, { children: [
+                /* @__PURE__ */ jsx68(PlayerAvatar, { className: "ss-g-opt-av", name: p.name }),
+                /* @__PURE__ */ jsx68("span", { children: p.name })
               ] })
             })),
             onPick: (k) => handleSelect(Number(k))
           }
         ),
-        /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68(
           SearchField,
           {
             id: inputId,
@@ -5334,7 +5495,7 @@ function MysteryTigerGame({
 }
 
 // src/components/games/HigherOrLowerGame.tsx
-import { Fragment as Fragment12, jsx as jsx68, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx69, jsxs as jsxs58 } from "react/jsx-runtime";
 var POINTS_PER_CORRECT = 10;
 function parseClientState2(json) {
   if (!json) return null;
@@ -5346,11 +5507,11 @@ function parseClientState2(json) {
 }
 function PlayerCard({ name, imagePath, highlight, children }) {
   const { first, last } = splitName(name);
-  return /* @__PURE__ */ jsxs57("div", { className: `ss-g-hl-card${highlight ? " ss-g-hl-card--b" : ""}`, children: [
-    /* @__PURE__ */ jsx68("div", { className: "ss-g-hl-photo-wrap", children: imagePath ? /* @__PURE__ */ jsx68(PlayerAvatar, { className: "ss-g-hl-photo", name, imagePath }) : /* @__PURE__ */ jsx68(Silhouette, { size: 150 }) }),
-    /* @__PURE__ */ jsxs57("div", { className: "ss-g-hl-info", children: [
-      first && /* @__PURE__ */ jsx68("span", { className: "ss-g-hl-first", children: first }),
-      /* @__PURE__ */ jsx68("span", { className: "ss-g-hl-surname", children: last }),
+  return /* @__PURE__ */ jsxs58("div", { className: `ss-g-hl-card${highlight ? " ss-g-hl-card--b" : ""}`, children: [
+    /* @__PURE__ */ jsx69("div", { className: "ss-g-hl-photo-wrap", children: imagePath ? /* @__PURE__ */ jsx69(PlayerAvatar, { className: "ss-g-hl-photo", name, imagePath }) : /* @__PURE__ */ jsx69(Silhouette, { size: 150 }) }),
+    /* @__PURE__ */ jsxs58("div", { className: "ss-g-hl-info", children: [
+      first && /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-first", children: first }),
+      /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-surname", children: last }),
       children
     ] })
   ] });
@@ -5382,47 +5543,47 @@ function HigherOrLowerGame({
     const newAnswers = [...prevAnswers, { pairIndex: currentPair.pairIndex, pick }];
     onSubmit(JSON.stringify({ answers: newAnswers }));
   }
-  return /* @__PURE__ */ jsxs57("div", { className: "ss-g-screen ss-g-hl", "data-testid": "game-screen-higher-or-lower", children: [
-    /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsxs58("div", { className: "ss-g-screen ss-g-hl", "data-testid": "game-screen-higher-or-lower", children: [
+    /* @__PURE__ */ jsx69(
       GameHeader,
       {
         title: gameTitle({ gameId: "higher-or-lower" }, ui.games.titles),
         eyebrow: t.eyebrow(POINTS_PER_CORRECT),
-        right: config ? /* @__PURE__ */ jsx68(StatStack, { value: runLength, label: t.streak }) : void 0,
+        right: config ? /* @__PURE__ */ jsx69(StatStack, { value: runLength, label: t.streak }) : void 0,
         onBack,
         backLabel: ui.back
       }
     ),
-    !config && /* @__PURE__ */ jsx68("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs57(Fragment12, { children: [
-      /* @__PURE__ */ jsxs57("div", { className: "ss-g-body", children: [
-        /* @__PURE__ */ jsxs57("div", { className: "ss-g-hl-prompt", "data-testid": "hol-prompt", children: [
-          /* @__PURE__ */ jsx68("span", { className: "ss-g-hl-prompt-q", children: t.whoHadMore }),
-          /* @__PURE__ */ jsx68("span", { className: "ss-g-hl-prompt-stat", children: config.statLabel }),
-          /* @__PURE__ */ jsx68("span", { className: "ss-g-hl-prompt-season", children: t.season(config.seasonLabel) })
+    !config && /* @__PURE__ */ jsx69("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
+    config && /* @__PURE__ */ jsxs58(Fragment12, { children: [
+      /* @__PURE__ */ jsxs58("div", { className: "ss-g-body", children: [
+        /* @__PURE__ */ jsxs58("div", { className: "ss-g-hl-prompt", "data-testid": "hol-prompt", children: [
+          /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-prompt-q", children: t.whoHadMore }),
+          /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-prompt-stat", children: config.statLabel }),
+          /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-prompt-season", children: t.season(config.seasonLabel) })
         ] }),
-        currentPair && /* @__PURE__ */ jsxs57("div", { className: "ss-g-hl-pair", children: [
-          /* @__PURE__ */ jsxs57(PlayerCard, { name: currentPair.playerAName, imagePath: currentPair.playerAImagePath, children: [
-            /* @__PURE__ */ jsx68("span", { className: "ss-g-hl-value", children: currentPair.playerAValue }),
-            /* @__PURE__ */ jsx68("span", { className: "ss-g-hl-stat", children: config.statLabel })
+        currentPair && /* @__PURE__ */ jsxs58("div", { className: "ss-g-hl-pair", children: [
+          /* @__PURE__ */ jsxs58(PlayerCard, { name: currentPair.playerAName, imagePath: currentPair.playerAImagePath, children: [
+            /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-value", children: currentPair.playerAValue }),
+            /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-stat", children: config.statLabel })
           ] }),
-          /* @__PURE__ */ jsx68("span", { className: "ss-g-hl-vs", "aria-hidden": "true", children: t.vs }),
-          /* @__PURE__ */ jsx68(PlayerCard, { name: currentPair.playerBName, imagePath: currentPair.playerBImagePath, highlight: true, children: /* @__PURE__ */ jsxs57("div", { className: "ss-g-hl-btns", children: [
-            /* @__PURE__ */ jsxs57(GameButton, { variant: "primary", disabled: submitting, onClick: () => handlePick("higher"), children: [
-              /* @__PURE__ */ jsx68(IconArrowUp, { size: 16 }),
+          /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-vs", "aria-hidden": "true", children: t.vs }),
+          /* @__PURE__ */ jsx69(PlayerCard, { name: currentPair.playerBName, imagePath: currentPair.playerBImagePath, highlight: true, children: /* @__PURE__ */ jsxs58("div", { className: "ss-g-hl-btns", children: [
+            /* @__PURE__ */ jsxs58(GameButton, { variant: "primary", disabled: submitting, onClick: () => handlePick("higher"), children: [
+              /* @__PURE__ */ jsx69(IconArrowUp, { size: 16 }),
               t.higher
             ] }),
-            /* @__PURE__ */ jsxs57(GameButton, { variant: "outline", disabled: submitting, onClick: () => handlePick("lower"), children: [
-              /* @__PURE__ */ jsx68(IconArrowDown, { size: 16 }),
+            /* @__PURE__ */ jsxs58(GameButton, { variant: "outline", disabled: submitting, onClick: () => handlePick("lower"), children: [
+              /* @__PURE__ */ jsx69(IconArrowDown, { size: 16 }),
               t.lower
             ] })
           ] }) })
         ] }),
-        lastAnswer && lastAnswerPair && /* @__PURE__ */ jsxs57("p", { className: "ss-g-hl-feedback", "data-testid": "hol-last", "data-correct": lastAnswer.wasCorrect ? "true" : "false", children: [
-          lastAnswer.wasCorrect ? /* @__PURE__ */ jsx68(IconCheck, {}) : /* @__PURE__ */ jsx68(IconClose, {}),
+        lastAnswer && lastAnswerPair && /* @__PURE__ */ jsxs58("p", { className: "ss-g-hl-feedback", "data-testid": "hol-last", "data-correct": lastAnswer.wasCorrect ? "true" : "false", children: [
+          lastAnswer.wasCorrect ? /* @__PURE__ */ jsx69(IconCheck, {}) : /* @__PURE__ */ jsx69(IconClose, {}),
           t.lastAnswer(splitName(lastAnswerPair.playerBName).last, lastAnswer.playerBValue)
         ] }),
-        isOver && /* @__PURE__ */ jsx68(
+        isOver && /* @__PURE__ */ jsx69(
           ResultCard,
           {
             tone: runEndedWrong ? "lose" : allPairsAnswered ? "win" : "neutral",
@@ -5434,15 +5595,15 @@ function HigherOrLowerGame({
           }
         )
       ] }),
-      !isOver && /* @__PURE__ */ jsx68(FooterBar, { children: /* @__PURE__ */ jsxs57("div", { className: "ss-g-hl-foot", children: [
-        /* @__PURE__ */ jsx68("div", { className: "ss-g-hl-dots", role: "img", "aria-label": t.answersSoFar(answeredCount, config.pairs.length), children: config.pairs.map((p, i) => {
+      !isOver && /* @__PURE__ */ jsx69(FooterBar, { children: /* @__PURE__ */ jsxs58("div", { className: "ss-g-hl-foot", children: [
+        /* @__PURE__ */ jsx69("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__ */ jsx68("span", { className: "ss-g-hl-dot", "data-state": a ? a.wasCorrect ? "correct" : "wrong" : "todo" }, p.pairIndex);
+          return /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-dot", "data-state": a ? a.wasCorrect ? "correct" : "wrong" : "todo" }, p.pairIndex);
         }) }),
-        /* @__PURE__ */ jsxs57("span", { className: "ss-g-hl-pts", children: [
-          /* @__PURE__ */ jsx68("span", { "data-testid": "hol-score", children: score }),
+        /* @__PURE__ */ jsxs58("span", { className: "ss-g-hl-pts", children: [
+          /* @__PURE__ */ jsx69("span", { "data-testid": "hol-score", children: score }),
           " ",
-          /* @__PURE__ */ jsx68("span", { className: "ss-g-hl-pts-unit", children: ui.games.unitPts })
+          /* @__PURE__ */ jsx69("span", { className: "ss-g-hl-pts-unit", children: ui.games.unitPts })
         ] })
       ] }) })
     ] })
@@ -5450,21 +5611,21 @@ function HigherOrLowerGame({
 }
 
 // src/components/games/CareerPathGame.tsx
-import { useState as useState27, useId as useId3 } from "react";
+import { useState as useState28, useId as useId3 } from "react";
 
 // src/components/games/ui/CrestShield.tsx
-import { useState as useState26 } from "react";
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { useState as useState27 } from "react";
+import { jsx as jsx70 } from "react/jsx-runtime";
 function CrestShield({ src, name, size = 28 }) {
-  const [failed, setFailed] = useState26(false);
+  const [failed, setFailed] = useState27(false);
   if (src && !isPlaceholderImage(src) && !failed) {
-    return /* @__PURE__ */ jsx69("img", { className: "ss-g-crest", src, alt: name, width: size, height: size, loading: "lazy", onError: () => setFailed(true) });
+    return /* @__PURE__ */ jsx70("img", { className: "ss-g-crest", src, alt: name, width: size, height: size, loading: "lazy", onError: () => setFailed(true) });
   }
-  return /* @__PURE__ */ jsx69("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__ */ jsx69("path", { d: "M2 3h24v12c0 9-6 14-12 17C8 29 2 24 2 15z", fill: "currentColor" }) });
+  return /* @__PURE__ */ jsx70("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__ */ jsx70("path", { d: "M2 3h24v12c0 9-6 14-12 17C8 29 2 24 2 15z", fill: "currentColor" }) });
 }
 
 // src/components/games/CareerPathGame.tsx
-import { Fragment as Fragment13, jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
 function parseClientState3(json) {
   if (!json) return null;
   try {
@@ -5488,15 +5649,15 @@ function CareerPathGame({
 }) {
   const s = ui.games.careerPath;
   const title = gameTitle({ gameId: "career-path" }, ui.games.titles);
-  const [query, setQuery] = useState27("");
+  const [query, setQuery] = useState28("");
   const inputId = useId3();
   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__ */ jsxs58("div", { className: "ss-g-screen", "data-testid": "game-screen-career-path", children: [
-      /* @__PURE__ */ jsx70(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
-      /* @__PURE__ */ jsx70("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+    return /* @__PURE__ */ jsxs59("div", { className: "ss-g-screen", "data-testid": "game-screen-career-path", children: [
+      /* @__PURE__ */ jsx71(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
+      /* @__PURE__ */ jsx71("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const visiblePath = clientState?.visiblePath ?? config.initialPath;
@@ -5512,60 +5673,60 @@ function CareerPathGame({
     setQuery("");
     onSubmit(JSON.stringify({ guesses: newGuesses }));
   }
-  const right = !isOver && clientState ? /* @__PURE__ */ jsx70("span", { "data-testid": "cp-guess-chip", children: /* @__PURE__ */ jsxs58(Chip, { variant: "neutral", children: [
+  const right = !isOver && clientState ? /* @__PURE__ */ jsx71("span", { "data-testid": "cp-guess-chip", children: /* @__PURE__ */ jsxs59(Chip, { variant: "neutral", children: [
     ui.games.guess,
     " ",
-    /* @__PURE__ */ jsx70("span", { className: "ss-g-num", children: clientState.guessesUsed + 1 }),
+    /* @__PURE__ */ jsx71("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__ */ jsxs58("div", { className: "ss-g-screen", "data-testid": "game-screen-career-path", children: [
-    /* @__PURE__ */ jsx70(GameHeader, { title, eyebrow: s.eyebrow, right, onBack, backLabel: ui.back }),
-    /* @__PURE__ */ jsxs58("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ jsxs58("div", { className: "ss-g-cp-card", children: [
-        isOver && clientState?.revealedPlayerName ? /* @__PURE__ */ jsx70(PlayerAvatar, { className: "ss-g-cp-photo", name: clientState.revealedPlayerName, imagePath: clientState.revealedPlayerImagePath }) : /* @__PURE__ */ jsx70(Silhouette, { size: 64, variant: isOver ? "default" : "mystery" }),
-        /* @__PURE__ */ jsxs58("div", { className: "ss-g-cp-card-text", children: [
-          /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-card-title", children: isOver && clientState?.revealedPlayerName ? clientState.revealedPlayerName : s.mysteryPlayer }),
-          clientState?.hintLine ? /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-hint", children: clientState.hintLine }) : !isOver ? /* @__PURE__ */ jsxs58("span", { className: "ss-g-cp-locks", children: [
-            /* @__PURE__ */ jsx70(Chip, { variant: "lock", icon: /* @__PURE__ */ jsx70(IconLock, { size: 11 }), children: s.lockPosition }),
-            /* @__PURE__ */ jsx70(Chip, { variant: "lock", icon: /* @__PURE__ */ jsx70(IconLock, { size: 11 }), children: s.lockNationality })
+  return /* @__PURE__ */ jsxs59("div", { className: "ss-g-screen", "data-testid": "game-screen-career-path", children: [
+    /* @__PURE__ */ jsx71(GameHeader, { title, eyebrow: s.eyebrow, right, onBack, backLabel: ui.back }),
+    /* @__PURE__ */ jsxs59("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ jsxs59("div", { className: "ss-g-cp-card", children: [
+        isOver && clientState?.revealedPlayerName ? /* @__PURE__ */ jsx71(PlayerAvatar, { className: "ss-g-cp-photo", name: clientState.revealedPlayerName, imagePath: clientState.revealedPlayerImagePath }) : /* @__PURE__ */ jsx71(Silhouette, { size: 64, variant: isOver ? "default" : "mystery" }),
+        /* @__PURE__ */ jsxs59("div", { className: "ss-g-cp-card-text", children: [
+          /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-card-title", children: isOver && clientState?.revealedPlayerName ? clientState.revealedPlayerName : s.mysteryPlayer }),
+          clientState?.hintLine ? /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-hint", children: clientState.hintLine }) : !isOver ? /* @__PURE__ */ jsxs59("span", { className: "ss-g-cp-locks", children: [
+            /* @__PURE__ */ jsx71(Chip, { variant: "lock", icon: /* @__PURE__ */ jsx71(IconLock, { size: 11 }), children: s.lockPosition }),
+            /* @__PURE__ */ jsx71(Chip, { variant: "lock", icon: /* @__PURE__ */ jsx71(IconLock, { size: 11 }), children: s.lockNationality })
           ] }) : null
         ] })
       ] }),
-      /* @__PURE__ */ jsxs58("ol", { className: "ss-g-cp-line", children: [
+      /* @__PURE__ */ jsxs59("ol", { className: "ss-g-cp-line", children: [
         visiblePath.map((spell, i) => {
           const years = i === 0 ? s.firstClub : spellYears(spell);
-          return /* @__PURE__ */ jsxs58("li", { className: "ss-g-cp-step", children: [
-            /* @__PURE__ */ jsxs58("span", { className: "ss-g-cp-rail", children: [
-              /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-tile", children: /* @__PURE__ */ jsx70(CrestShield, { src: spell.crestUrl, name: spell.clubName, size: 30 }) }),
-              /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-conn", "aria-hidden": "true" })
+          return /* @__PURE__ */ jsxs59("li", { className: "ss-g-cp-step", children: [
+            /* @__PURE__ */ jsxs59("span", { className: "ss-g-cp-rail", children: [
+              /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-tile", children: /* @__PURE__ */ jsx71(CrestShield, { src: spell.crestUrl, name: spell.clubName, size: 30 }) }),
+              /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-conn", "aria-hidden": "true" })
             ] }),
-            /* @__PURE__ */ jsxs58("span", { className: "ss-g-cp-step-text", children: [
-              /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-club", children: spell.clubName }),
-              /* @__PURE__ */ jsxs58("span", { className: "ss-g-cp-sub", children: [
-                /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-years", children: years }),
-                spell.isLoan && /* @__PURE__ */ jsxs58(Fragment13, { children: [
+            /* @__PURE__ */ jsxs59("span", { className: "ss-g-cp-step-text", children: [
+              /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-club", children: spell.clubName }),
+              /* @__PURE__ */ jsxs59("span", { className: "ss-g-cp-sub", children: [
+                /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-years", children: years }),
+                spell.isLoan && /* @__PURE__ */ jsxs59(Fragment13, { children: [
                   years ? " \xB7 " : "",
-                  /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-loan", children: s.loan })
+                  /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-loan", children: s.loan })
                 ] })
               ] })
             ] })
           ] }, `${spell.clubName}-${i}`);
         }),
-        hidden > 0 && /* @__PURE__ */ jsxs58("li", { className: "ss-g-cp-step ss-g-cp-step--hidden", children: [
-          /* @__PURE__ */ jsxs58("span", { className: "ss-g-cp-rail", children: [
-            /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-tile ss-g-cp-tile--locked", children: /* @__PURE__ */ jsx70(IconLock, { size: 18 }) }),
-            hidden > 1 && /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-conn ss-g-cp-conn--faint", "aria-hidden": "true" })
+        hidden > 0 && /* @__PURE__ */ jsxs59("li", { className: "ss-g-cp-step ss-g-cp-step--hidden", children: [
+          /* @__PURE__ */ jsxs59("span", { className: "ss-g-cp-rail", children: [
+            /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-tile ss-g-cp-tile--locked", children: /* @__PURE__ */ jsx71(IconLock, { size: 18 }) }),
+            hidden > 1 && /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-conn ss-g-cp-conn--faint", "aria-hidden": "true" })
           ] }),
-          /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-step-text", children: /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-sub", children: s.nextClubHidden }) })
+          /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-step-text", children: /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-sub", children: s.nextClubHidden }) })
         ] }),
-        hidden > 1 && /* @__PURE__ */ jsxs58("li", { className: "ss-g-cp-step ss-g-cp-step--more", children: [
-          /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-rail", children: /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-tile ss-g-cp-tile--faint", children: /* @__PURE__ */ jsx70(IconLock, { size: 18 }) }) }),
-          /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-step-text", children: /* @__PURE__ */ jsx70("span", { className: "ss-g-cp-sub", children: s.moreClubs(hidden - 1) }) })
+        hidden > 1 && /* @__PURE__ */ jsxs59("li", { className: "ss-g-cp-step ss-g-cp-step--more", children: [
+          /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-rail", children: /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-tile ss-g-cp-tile--faint", children: /* @__PURE__ */ jsx71(IconLock, { size: 18 }) }) }),
+          /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-step-text", children: /* @__PURE__ */ jsx71("span", { className: "ss-g-cp-sub", children: s.moreClubs(hidden - 1) }) })
         ] })
       ] }),
-      isOver && /* @__PURE__ */ jsx70(
+      isOver && /* @__PURE__ */ jsx71(
         ResultCard,
         {
           tone: clientState?.solved ? "win" : clientState?.failed ? "lose" : "neutral",
@@ -5577,22 +5738,22 @@ function CareerPathGame({
         }
       )
     ] }),
-    !isOver && /* @__PURE__ */ jsxs58(FooterBar, { children: [
-      query.length > 0 && filtered.length > 0 && /* @__PURE__ */ jsx70(
+    !isOver && /* @__PURE__ */ jsxs59(FooterBar, { children: [
+      query.length > 0 && filtered.length > 0 && /* @__PURE__ */ jsx71(
         OptionList,
         {
           label: s.searchLabel,
           options: filtered.map((p) => ({
             key: p.id,
-            content: /* @__PURE__ */ jsxs58(Fragment13, { children: [
-              /* @__PURE__ */ jsx70(PlayerAvatar, { className: "ss-g-opt-av", name: p.name }),
-              /* @__PURE__ */ jsx70("span", { children: p.name })
+            content: /* @__PURE__ */ jsxs59(Fragment13, { children: [
+              /* @__PURE__ */ jsx71(PlayerAvatar, { className: "ss-g-opt-av", name: p.name }),
+              /* @__PURE__ */ jsx71("span", { children: p.name })
             ] })
           })),
           onPick: (k) => handleSelect(Number(k))
         }
       ),
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         SearchField,
         {
           id: inputId,
@@ -5608,8 +5769,8 @@ function CareerPathGame({
 }
 
 // src/components/games/BeatTheGridGame.tsx
-import React, { useEffect as useEffect14, useId as useId4, useRef as useRef12, useState as useState28 } from "react";
-import { Fragment as Fragment14, jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
+import React, { useEffect as useEffect15, useId as useId4, useRef as useRef13, useState as useState29 } from "react";
+import { Fragment as Fragment14, jsx as jsx72, jsxs as jsxs60 } from "react/jsx-runtime";
 function criterionIconKind(label, key) {
   const l = (key ?? label).toLowerCase();
   if (l.includes("app")) return "calendar";
@@ -5627,34 +5788,34 @@ function rowAbbrev(label, map, key) {
 function CriterionIcon({ kind }) {
   switch (kind) {
     case "calendar":
-      return /* @__PURE__ */ jsx71(IconCalendar, {});
+      return /* @__PURE__ */ jsx72(IconCalendar, {});
     case "ball":
-      return /* @__PURE__ */ jsx71(IconBall, {});
+      return /* @__PURE__ */ jsx72(IconBall, {});
     case "boot":
-      return /* @__PURE__ */ jsx71(IconBoot, {});
+      return /* @__PURE__ */ jsx72(IconBoot, {});
     case "gloves":
-      return /* @__PURE__ */ jsx71(IconGloves, {});
+      return /* @__PURE__ */ jsx72(IconGloves, {});
     case "shield":
-      return /* @__PURE__ */ jsx71(IconShield, {});
+      return /* @__PURE__ */ jsx72(IconShield, {});
     default:
-      return /* @__PURE__ */ jsx71(IconFlag, {});
+      return /* @__PURE__ */ jsx72(IconFlag, {});
   }
 }
 function HeaderVisual({ label, textKey: iKey, meta }) {
   if (!meta) {
-    return /* @__PURE__ */ jsx71(CriterionIcon, { kind: criterionIconKind(label, iKey) });
+    return /* @__PURE__ */ jsx72(CriterionIcon, { kind: criterionIconKind(label, iKey) });
   }
   switch (meta.kind) {
     case "club":
-      return /* @__PURE__ */ jsx71(CrestShield, { src: meta.imageUrl, name: label, size: 24 });
+      return /* @__PURE__ */ jsx72(CrestShield, { src: meta.imageUrl, name: label, size: 24 });
     case "coach":
-      return /* @__PURE__ */ jsx71(PlayerAvatar, { name: label, imagePath: meta.imageUrl, className: "ss-g-btg-coach-av" });
+      return /* @__PURE__ */ jsx72(PlayerAvatar, { name: label, imagePath: meta.imageUrl, className: "ss-g-btg-coach-av" });
     case "country":
-      return /* @__PURE__ */ jsx71("span", { className: "ss-g-btg-hdr-flag", "aria-hidden": "true", children: nationalityFlag(meta.country ?? label) });
+      return /* @__PURE__ */ jsx72("span", { className: "ss-g-btg-hdr-flag", "aria-hidden": "true", children: nationalityFlag(meta.country ?? label) });
     case "position":
-      return /* @__PURE__ */ jsx71(Fragment14, {});
+      return /* @__PURE__ */ jsx72(Fragment14, {});
     default:
-      return /* @__PURE__ */ jsx71(CriterionIcon, { kind: criterionIconKind(label, iKey) });
+      return /* @__PURE__ */ jsx72(CriterionIcon, { kind: criterionIconKind(label, iKey) });
   }
 }
 function parseClientState4(json) {
@@ -5689,21 +5850,21 @@ function SearchSheet({
   ui
 }) {
   const s = ui.games.beatTheGrid;
-  const [query, setQuery] = useState28("");
+  const [query, setQuery] = useState29("");
   const inputId = useId4();
-  const inputRef = useRef12(null);
-  useEffect14(() => {
+  const inputRef = useRef13(null);
+  useEffect15(() => {
     inputRef.current?.focus();
   }, [row, col]);
   const filtered = playerPool.filter(
     (p) => !alreadyFilledIds.has(p.id) && p.name.toLowerCase().includes(query.toLowerCase())
   );
-  return /* @__PURE__ */ jsxs59("div", { className: "ss-g-btg-sheet", "data-testid": "btg-search-sheet", children: [
-    /* @__PURE__ */ jsxs59("div", { className: "ss-g-btg-sheet-hdr", children: [
-      /* @__PURE__ */ jsx71(Chip, { variant: "neutral", children: rowLabel }),
-      /* @__PURE__ */ jsx71("span", { className: "ss-g-btg-sheet-x", "aria-hidden": "true", children: /* @__PURE__ */ jsx71(IconClose, { size: 12 }) }),
-      /* @__PURE__ */ jsx71(Chip, { variant: "accent", children: colLabel }),
-      /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsxs60("div", { className: "ss-g-btg-sheet", "data-testid": "btg-search-sheet", children: [
+    /* @__PURE__ */ jsxs60("div", { className: "ss-g-btg-sheet-hdr", children: [
+      /* @__PURE__ */ jsx72(Chip, { variant: "neutral", children: rowLabel }),
+      /* @__PURE__ */ jsx72("span", { className: "ss-g-btg-sheet-x", "aria-hidden": "true", children: /* @__PURE__ */ jsx72(IconClose, { size: 12 }) }),
+      /* @__PURE__ */ jsx72(Chip, { variant: "accent", children: colLabel }),
+      /* @__PURE__ */ jsx72(
         "button",
         {
           type: "button",
@@ -5711,12 +5872,12 @@ function SearchSheet({
           "data-testid": "btg-sheet-dismiss",
           "aria-label": s.closeSearch,
           onClick: onDismiss,
-          children: /* @__PURE__ */ jsx71(IconClose, {})
+          children: /* @__PURE__ */ jsx72(IconClose, {})
         }
       )
     ] }),
-    playerPool.length === 0 ? /* @__PURE__ */ jsx71("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ jsxs59(Fragment14, { children: [
-      /* @__PURE__ */ jsx71(
+    playerPool.length === 0 ? /* @__PURE__ */ jsx72("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ jsxs60(Fragment14, { children: [
+      /* @__PURE__ */ jsx72(
         SearchField,
         {
           id: inputId,
@@ -5728,16 +5889,16 @@ function SearchSheet({
           inputRef
         }
       ),
-      query.length > 0 && filtered.length > 0 && /* @__PURE__ */ jsx71(
+      query.length > 0 && filtered.length > 0 && /* @__PURE__ */ jsx72(
         OptionList,
         {
           label: s.searchLabel(rowLabel, colLabel),
           options: filtered.map((p) => ({
             key: p.id,
-            content: /* @__PURE__ */ jsxs59(Fragment14, { children: [
-              /* @__PURE__ */ jsx71(PlayerAvatar, { name: p.name, imagePath: p.imagePath, className: "ss-g-opt-av" }),
-              /* @__PURE__ */ jsx71("span", { className: "ss-g-btg-result-name", children: p.name }),
-              /* @__PURE__ */ jsx71("span", { className: "ss-g-btg-result-plus", "aria-hidden": "true", children: /* @__PURE__ */ jsx71(IconPlus, { size: 18 }) })
+            content: /* @__PURE__ */ jsxs60(Fragment14, { children: [
+              /* @__PURE__ */ jsx72(PlayerAvatar, { name: p.name, imagePath: p.imagePath, className: "ss-g-opt-av" }),
+              /* @__PURE__ */ jsx72("span", { className: "ss-g-btg-result-name", children: p.name }),
+              /* @__PURE__ */ jsx72("span", { className: "ss-g-btg-result-plus", "aria-hidden": "true", children: /* @__PURE__ */ jsx72(IconPlus, { size: 18 }) })
             ] })
           })),
           onPick: (k) => onPick(row, col, Number(k))
@@ -5757,7 +5918,7 @@ function BeatTheGridGame({
 }) {
   const s = ui.games.beatTheGrid;
   const title = gameTitle({ gameId: "beat-the-grid" }, ui.games.titles);
-  const [activeCell, setActiveCell] = useState28(null);
+  const [activeCell, setActiveCell] = useState29(null);
   const clientState = parseClientState4(result?.clientStateJson);
   const filledCells = clientState?.cells ?? [];
   const isLocked2 = result?.alreadyPlayed === true || clientState?.isComplete === true;
@@ -5775,9 +5936,9 @@ function BeatTheGridGame({
     onSubmit(JSON.stringify({ cells: newCells }));
   }
   if (!config) {
-    return /* @__PURE__ */ jsxs59("div", { className: "ss-g-screen", "data-testid": "game-screen-beat-the-grid", children: [
-      /* @__PURE__ */ jsx71(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
-      /* @__PURE__ */ jsx71("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+    return /* @__PURE__ */ jsxs60("div", { className: "ss-g-screen", "data-testid": "game-screen-beat-the-grid", children: [
+      /* @__PURE__ */ jsx72(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
+      /* @__PURE__ */ jsx72("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const rows = config.rows;
@@ -5790,20 +5951,20 @@ function BeatTheGridGame({
     (_, i) => i < correctCount ? "correct" : i < correctCount + wrongCount ? "wrong" : "todo"
   );
   const totalScore = clientState?.totalScore ?? result?.score ?? 0;
-  return /* @__PURE__ */ jsxs59("div", { className: "ss-g-screen", "data-testid": "game-screen-beat-the-grid", children: [
-    /* @__PURE__ */ jsx71(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
-    /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsxs60("div", { className: "ss-g-screen", "data-testid": "game-screen-beat-the-grid", children: [
+    /* @__PURE__ */ jsx72(GameHeader, { title, eyebrow: s.eyebrow, onBack, backLabel: ui.back }),
+    /* @__PURE__ */ jsx72(
       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__ */ jsx71(Chip, { variant: "accent", children: `${totalScore} ${ui.games.unitPts}` })
+        right: /* @__PURE__ */ jsx72(Chip, { variant: "accent", children: `${totalScore} ${ui.games.unitPts}` })
       }
     ),
-    /* @__PURE__ */ jsxs59("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ jsxs59(
+    /* @__PURE__ */ jsxs60("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ jsxs60(
         "div",
         {
           className: activeCell !== null ? "ss-g-btg-grid ss-g-btg-grid--fit" : "ss-g-btg-grid",
@@ -5813,31 +5974,31 @@ function BeatTheGridGame({
           },
           role: "grid",
           children: [
-            /* @__PURE__ */ jsx71("div", { className: "ss-g-btg-corner" }),
+            /* @__PURE__ */ jsx72("div", { className: "ss-g-btg-corner" }),
             cols.map((col, colIdx) => {
               const colMeta = config.colsMeta?.[colIdx];
-              return /* @__PURE__ */ jsxs59("div", { className: "ss-g-btg-colhdr", "data-meta": colMeta ? "true" : void 0, children: [
-                /* @__PURE__ */ jsx71(HeaderVisual, { label: col, textKey: config.colsI18n?.[colIdx]?.key, meta: colMeta }),
-                /* @__PURE__ */ jsx71("span", { children: col })
+              return /* @__PURE__ */ jsxs60("div", { className: "ss-g-btg-colhdr", "data-meta": colMeta ? "true" : void 0, children: [
+                /* @__PURE__ */ jsx72(HeaderVisual, { label: col, textKey: config.colsI18n?.[colIdx]?.key, meta: colMeta }),
+                /* @__PURE__ */ jsx72("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__ */ jsxs59(Fragment14, { children: [
-                /* @__PURE__ */ jsx71(HeaderVisual, { label: rowLabel, textKey: config.rowsI18n?.[rowIdx]?.key, meta: rowMeta }),
-                /* @__PURE__ */ jsx71("span", { children: rowLabel })
-              ] }) : abbr === rowLabel ? /* @__PURE__ */ jsx71("span", { children: rowLabel }) : /* @__PURE__ */ jsxs59(Fragment14, { children: [
-                /* @__PURE__ */ jsx71("span", { "aria-hidden": "true", children: abbr }),
-                /* @__PURE__ */ jsx71("span", { className: "ss-g-sr", children: rowLabel })
+              const rowHeaderContent = rowMeta ? /* @__PURE__ */ jsxs60(Fragment14, { children: [
+                /* @__PURE__ */ jsx72(HeaderVisual, { label: rowLabel, textKey: config.rowsI18n?.[rowIdx]?.key, meta: rowMeta }),
+                /* @__PURE__ */ jsx72("span", { children: rowLabel })
+              ] }) : abbr === rowLabel ? /* @__PURE__ */ jsx72("span", { children: rowLabel }) : /* @__PURE__ */ jsxs60(Fragment14, { children: [
+                /* @__PURE__ */ jsx72("span", { "aria-hidden": "true", children: abbr }),
+                /* @__PURE__ */ jsx72("span", { className: "ss-g-sr", children: rowLabel })
               ] });
-              return /* @__PURE__ */ jsxs59(React.Fragment, { children: [
-                /* @__PURE__ */ jsx71("div", { className: "ss-g-btg-rowhdr", "data-meta": rowMeta ? "true" : void 0, children: rowHeaderContent }),
+              return /* @__PURE__ */ jsxs60(React.Fragment, { children: [
+                /* @__PURE__ */ jsx72("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__ */ jsx71(
+                  return /* @__PURE__ */ jsx72(
                     "button",
                     {
                       type: "button",
@@ -5848,20 +6009,20 @@ function BeatTheGridGame({
                       className: "ss-g-btg-cell",
                       disabled: isLocked2 || submitting,
                       onClick: () => handleCellClick(rowIdx, colIdx),
-                      children: filled ? /* @__PURE__ */ jsxs59(Fragment14, { children: [
-                        /* @__PURE__ */ jsx71(
+                      children: filled ? /* @__PURE__ */ jsxs60(Fragment14, { children: [
+                        /* @__PURE__ */ jsx72(
                           "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__ */ jsx71(IconCheck, { size: 11 }) : /* @__PURE__ */ jsx71(IconClose, { size: 11 })
+                            children: filled.isCorrect ? /* @__PURE__ */ jsx72(IconCheck, { size: 11 }) : /* @__PURE__ */ jsx72(IconClose, { size: 11 })
                           }
                         ),
-                        /* @__PURE__ */ jsx71("span", { className: "ss-g-btg-rarity", children: filled.rarityScore }),
+                        /* @__PURE__ */ jsx72("span", { className: "ss-g-btg-rarity", children: filled.rarityScore }),
                         (() => {
                           const entry = playerPool.find((p) => p.id === filled.playerId);
-                          return /* @__PURE__ */ jsx71(
+                          return /* @__PURE__ */ jsx72(
                             PlayerAvatar,
                             {
                               name: entry?.name ?? "",
@@ -5870,8 +6031,8 @@ function BeatTheGridGame({
                             }
                           );
                         })(),
-                        /* @__PURE__ */ jsx71("span", { className: "ss-g-btg-name", children: shortName(playerPool.find((p) => p.id === filled.playerId)?.name) })
-                      ] }) : /* @__PURE__ */ jsx71("span", { className: "ss-g-btg-plus", "aria-hidden": "true", children: /* @__PURE__ */ jsx71(IconPlus, { size: 22 }) })
+                        /* @__PURE__ */ jsx72("span", { className: "ss-g-btg-name", children: shortName(playerPool.find((p) => p.id === filled.playerId)?.name) })
+                      ] }) : /* @__PURE__ */ jsx72("span", { className: "ss-g-btg-plus", "aria-hidden": "true", children: /* @__PURE__ */ jsx72(IconPlus, { size: 22 }) })
                     },
                     `cell-${rowIdx}-${colIdx}`
                   );
@@ -5881,7 +6042,7 @@ function BeatTheGridGame({
           ]
         }
       ),
-      isLocked2 && /* @__PURE__ */ jsx71(
+      isLocked2 && /* @__PURE__ */ jsx72(
         ResultCard,
         {
           tone: "neutral",
@@ -5893,7 +6054,7 @@ function BeatTheGridGame({
         }
       )
     ] }),
-    activeCell !== null && /* @__PURE__ */ jsx71("div", { className: "ss-g-btg-pin", children: /* @__PURE__ */ jsx71(
+    activeCell !== null && /* @__PURE__ */ jsx72("div", { className: "ss-g-btg-pin", children: /* @__PURE__ */ jsx72(
       SearchSheet,
       {
         row: activeCell.row,
@@ -5912,21 +6073,21 @@ function BeatTheGridGame({
 }
 
 // src/components/games/GuessTheXiGame.tsx
-import { useState as useState29, useId as useId5 } from "react";
+import { useState as useState30, useId as useId5 } from "react";
 
 // src/components/games/ui/PitchSvg.tsx
-import { Fragment as Fragment15, jsx as jsx72, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx73, jsxs as jsxs61 } from "react/jsx-runtime";
 function PitchSvg({ variant }) {
-  return /* @__PURE__ */ jsxs60("svg", { className: "ss-g-pitch-svg", viewBox: variant === "full" ? "0 0 100 150" : "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx72("rect", { x: "4", y: "4", width: "92", height: variant === "full" ? 142 : 92, fill: "none" }),
-    variant === "full" ? /* @__PURE__ */ jsxs60(Fragment15, { children: [
-      /* @__PURE__ */ jsx72("line", { x1: "4", y1: "75", x2: "96", y2: "75" }),
-      /* @__PURE__ */ jsx72("circle", { cx: "50", cy: "75", r: "12", fill: "none" }),
-      /* @__PURE__ */ jsx72("rect", { x: "26", y: "4", width: "48", height: "20", fill: "none" }),
-      /* @__PURE__ */ jsx72("rect", { x: "26", y: "126", width: "48", height: "20", fill: "none" })
-    ] }) : /* @__PURE__ */ jsxs60(Fragment15, { children: [
-      /* @__PURE__ */ jsx72("path", { d: "M38 4a12 12 0 0 0 24 0", fill: "none" }),
-      /* @__PURE__ */ jsx72("rect", { x: "26", y: "76", width: "48", height: "20", fill: "none" })
+  return /* @__PURE__ */ jsxs61("svg", { className: "ss-g-pitch-svg", viewBox: variant === "full" ? "0 0 100 150" : "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx73("rect", { x: "4", y: "4", width: "92", height: variant === "full" ? 142 : 92, fill: "none" }),
+    variant === "full" ? /* @__PURE__ */ jsxs61(Fragment15, { children: [
+      /* @__PURE__ */ jsx73("line", { x1: "4", y1: "75", x2: "96", y2: "75" }),
+      /* @__PURE__ */ jsx73("circle", { cx: "50", cy: "75", r: "12", fill: "none" }),
+      /* @__PURE__ */ jsx73("rect", { x: "26", y: "4", width: "48", height: "20", fill: "none" }),
+      /* @__PURE__ */ jsx73("rect", { x: "26", y: "126", width: "48", height: "20", fill: "none" })
+    ] }) : /* @__PURE__ */ jsxs61(Fragment15, { children: [
+      /* @__PURE__ */ jsx73("path", { d: "M38 4a12 12 0 0 0 24 0", fill: "none" }),
+      /* @__PURE__ */ jsx73("rect", { x: "26", y: "76", width: "48", height: "20", fill: "none" })
     ] })
   ] });
 }
@@ -5982,7 +6143,7 @@ function positionsBySlot(formation, rowsAttackFirst) {
 }
 
 // src/components/games/GuessTheXiGame.tsx
-import { Fragment as Fragment16, jsx as jsx73, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx74, jsxs as jsxs62 } from "react/jsx-runtime";
 var MAX_GUESSES2 = 3;
 function parseClientState5(json) {
   if (!json) return null;
@@ -6001,7 +6162,7 @@ function GuessTheXiGame({
   onBack
 }) {
   const t = ui.games.guessTheXi;
-  const [query, setQuery] = useState29("");
+  const [query, setQuery] = useState30("");
   const inputId = useId5();
   const clientState = parseClientState5(result?.clientStateJson);
   const isOver = result?.alreadyPlayed === true || clientState?.status === "solved" || clientState?.status === "failed";
@@ -6032,30 +6193,30 @@ 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__ */ jsxs61("div", { className: "ss-g-screen ss-g-gxi", "data-testid": "game-screen-guess-the-xi", children: [
-    /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsxs62("div", { className: "ss-g-screen ss-g-gxi", "data-testid": "game-screen-guess-the-xi", children: [
+    /* @__PURE__ */ jsx74(
       GameHeader,
       {
         title: gameTitle({ gameId: "guess-the-xi" }, ui.games.titles),
         eyebrow: config?.poolLabel,
-        right: formation ? /* @__PURE__ */ jsx73(Chip, { variant: "accent", children: formation }) : void 0,
+        right: formation ? /* @__PURE__ */ jsx74(Chip, { variant: "accent", children: formation }) : void 0,
         onBack,
         backLabel: ui.back
       }
     ),
-    !config && /* @__PURE__ */ jsx73("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs61(Fragment16, { children: [
-      /* @__PURE__ */ jsxs61("div", { className: "ss-g-body", children: [
-        rows.length > 0 && /* @__PURE__ */ jsxs61("div", { className: "ss-g-gxi-pitch", role: "group", "aria-label": t.pitchLabel, children: [
-          /* @__PURE__ */ jsx73(PitchSvg, { variant: "full" }),
-          /* @__PURE__ */ jsx73("div", { className: "ss-g-gxi-rows", children: rows.map((row, r) => /* @__PURE__ */ jsx73("div", { className: "ss-g-gxi-row", children: row.map((pos, c) => {
+    !config && /* @__PURE__ */ jsx74("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
+    config && /* @__PURE__ */ jsxs62(Fragment16, { children: [
+      /* @__PURE__ */ jsxs62("div", { className: "ss-g-body", children: [
+        rows.length > 0 && /* @__PURE__ */ jsxs62("div", { className: "ss-g-gxi-pitch", role: "group", "aria-label": t.pitchLabel, children: [
+          /* @__PURE__ */ jsx74(PitchSvg, { variant: "full" }),
+          /* @__PURE__ */ jsx74("div", { className: "ss-g-gxi-rows", children: rows.map((row, r) => /* @__PURE__ */ jsx74("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__ */ jsxs61("div", { className: "ss-g-gxi-node", "data-revealed": "true", children: [
-                /* @__PURE__ */ jsx73(
+              return /* @__PURE__ */ jsxs62("div", { className: "ss-g-gxi-node", "data-revealed": "true", children: [
+                /* @__PURE__ */ jsx74(
                   PlayerAvatar,
                   {
                     name: lineupEntry.name,
@@ -6063,11 +6224,11 @@ function GuessTheXiGame({
                     className: "ss-g-gxi-disc ss-g-gxi-disc--photo"
                   }
                 ),
-                /* @__PURE__ */ jsx73("span", { className: "ss-g-gxi-pos ss-g-gxi-pos--name", children: splitName(lineupEntry.name).last })
+                /* @__PURE__ */ jsx74("span", { className: "ss-g-gxi-pos ss-g-gxi-pos--name", children: splitName(lineupEntry.name).last })
               ] }, `${pos.slot}-${c}`);
             }
-            return /* @__PURE__ */ jsxs61("div", { className: "ss-g-gxi-node", "data-revealed": name ? "true" : void 0, children: [
-              /* @__PURE__ */ jsx73(
+            return /* @__PURE__ */ jsxs62("div", { className: "ss-g-gxi-node", "data-revealed": name ? "true" : void 0, children: [
+              /* @__PURE__ */ jsx74(
                 "span",
                 {
                   className: "ss-g-gxi-disc",
@@ -6078,22 +6239,22 @@ function GuessTheXiGame({
                   children: flag
                 }
               ),
-              name ? /* @__PURE__ */ jsx73("span", { className: "ss-g-gxi-pos ss-g-gxi-pos--name", children: splitName(name).last }) : posLabel && /* @__PURE__ */ jsx73("span", { className: "ss-g-gxi-pos", children: posLabel })
+              name ? /* @__PURE__ */ jsx74("span", { className: "ss-g-gxi-pos ss-g-gxi-pos--name", children: splitName(name).last }) : posLabel && /* @__PURE__ */ jsx74("span", { className: "ss-g-gxi-pos", children: posLabel })
             ] }, `${pos.slot}-${c}`);
           }) }, r)) })
         ] }),
-        !isOver && wrongGuesses.length > 0 && /* @__PURE__ */ jsxs61("div", { className: "ss-g-gxi-wrong", children: [
-          /* @__PURE__ */ jsx73("span", { className: "ss-g-gxi-wrong-l", children: t.notThem }),
+        !isOver && wrongGuesses.length > 0 && /* @__PURE__ */ jsxs62("div", { className: "ss-g-gxi-wrong", children: [
+          /* @__PURE__ */ jsx74("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__ */ jsxs61("span", { className: "ss-g-gxi-wrong-chip", children: [
-              /* @__PURE__ */ jsx73(CrestShield, { src: crestUrl, name: teamName(g.teamId), size: 18 }),
-              /* @__PURE__ */ jsx73("s", { children: teamName(g.teamId) })
+            return /* @__PURE__ */ jsxs62("span", { className: "ss-g-gxi-wrong-chip", children: [
+              /* @__PURE__ */ jsx74(CrestShield, { src: crestUrl, name: teamName(g.teamId), size: 18 }),
+              /* @__PURE__ */ jsx74("s", { children: teamName(g.teamId) })
             ] }, g.teamId);
           })
         ] }),
-        isOver && /* @__PURE__ */ jsxs61(Fragment16, { children: [
-          /* @__PURE__ */ jsx73(
+        isOver && /* @__PURE__ */ jsxs62(Fragment16, { children: [
+          /* @__PURE__ */ jsx74(
             ResultCard,
             {
               tone: solved ? "win" : failed ? "lose" : "neutral",
@@ -6104,29 +6265,29 @@ function GuessTheXiGame({
               ui
             }
           ),
-          (solved || failed) && clientState?.answer && /* @__PURE__ */ jsxs61("div", { className: "ss-g-gxi-answer", "data-testid": "gxi-answer-reveal", children: [
-            /* @__PURE__ */ jsx73("span", { className: "ss-g-gxi-answer-label", children: t.theAnswer }),
-            /* @__PURE__ */ jsx73(CrestShield, { src: clientState.answer.crestUrl, name: clientState.answer.teamName, size: 32 }),
-            /* @__PURE__ */ jsx73("span", { className: "ss-g-gxi-answer-name", children: clientState.answer.teamName })
+          (solved || failed) && clientState?.answer && /* @__PURE__ */ jsxs62("div", { className: "ss-g-gxi-answer", "data-testid": "gxi-answer-reveal", children: [
+            /* @__PURE__ */ jsx74("span", { className: "ss-g-gxi-answer-label", children: t.theAnswer }),
+            /* @__PURE__ */ jsx74(CrestShield, { src: clientState.answer.crestUrl, name: clientState.answer.teamName, size: 32 }),
+            /* @__PURE__ */ jsx74("span", { className: "ss-g-gxi-answer-name", children: clientState.answer.teamName })
           ] })
         ] })
       ] }),
-      !isOver && /* @__PURE__ */ jsxs61(FooterBar, { children: [
-        query.length > 0 && filtered.length > 0 && /* @__PURE__ */ jsx73(
+      !isOver && /* @__PURE__ */ jsxs62(FooterBar, { children: [
+        query.length > 0 && filtered.length > 0 && /* @__PURE__ */ jsx74(
           OptionList,
           {
             label: t.optionsLabel,
             options: filtered.map((tm) => ({
               key: tm.teamId,
-              content: /* @__PURE__ */ jsxs61(Fragment16, { children: [
-                /* @__PURE__ */ jsx73(CrestShield, { src: tm.crestUrl, name: tm.teamName, size: 28 }),
-                /* @__PURE__ */ jsx73("span", { children: tm.teamName })
+              content: /* @__PURE__ */ jsxs62(Fragment16, { children: [
+                /* @__PURE__ */ jsx74(CrestShield, { src: tm.crestUrl, name: tm.teamName, size: 28 }),
+                /* @__PURE__ */ jsx74("span", { children: tm.teamName })
               ] })
             })),
             onPick: (k) => handlePick(Number(k))
           }
         ),
-        /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx74(
           SearchField,
           {
             id: inputId,
@@ -6143,8 +6304,8 @@ function GuessTheXiGame({
 }
 
 // src/components/games/DailyQuizGame.tsx
-import { useState as useState30 } from "react";
-import { Fragment as Fragment17, jsx as jsx74, jsxs as jsxs62 } from "react/jsx-runtime";
+import { useState as useState31 } from "react";
+import { Fragment as Fragment17, jsx as jsx75, jsxs as jsxs63 } from "react/jsx-runtime";
 function parseClientState6(json) {
   if (!json) return null;
   try {
@@ -6165,13 +6326,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__ */ jsx74("span", { className: "ss-g-dq-opt-name", children: /* @__PURE__ */ jsx74("span", { className: "ss-g-dq-opt-full", children: text }) });
+    return /* @__PURE__ */ jsx75("span", { className: "ss-g-dq-opt-name", children: /* @__PURE__ */ jsx75("span", { className: "ss-g-dq-opt-full", children: text }) });
   }
   const { first, last } = splitName(base);
-  return /* @__PURE__ */ jsxs62("span", { className: "ss-g-dq-opt-name", children: [
-    first && /* @__PURE__ */ jsx74("span", { className: "ss-g-dq-opt-first", children: first }),
-    /* @__PURE__ */ jsx74("span", { className: "ss-g-dq-opt-last", children: last }),
-    suffix && /* @__PURE__ */ jsx74("span", { className: "ss-g-dq-opt-suffix", children: suffix })
+  return /* @__PURE__ */ jsxs63("span", { className: "ss-g-dq-opt-name", children: [
+    first && /* @__PURE__ */ jsx75("span", { className: "ss-g-dq-opt-first", children: first }),
+    /* @__PURE__ */ jsx75("span", { className: "ss-g-dq-opt-last", children: last }),
+    suffix && /* @__PURE__ */ jsx75("span", { className: "ss-g-dq-opt-suffix", children: suffix })
   ] });
 }
 function DailyQuizGame({
@@ -6184,15 +6345,15 @@ function DailyQuizGame({
 }) {
   const s = ui.games.dailyQuiz;
   const title = gameTitle({ gameId: "daily-quiz" }, ui.games.titles);
-  const [selections, setSelections] = useState30(/* @__PURE__ */ new Map());
-  const [page, setPage] = useState30(0);
+  const [selections, setSelections] = useState31(/* @__PURE__ */ new Map());
+  const [page, setPage] = useState31(0);
   const clientState = parseClientState6(result?.clientStateJson);
   const results = clientState?.results ?? [];
   const isRevealed = results.length > 0 || result?.alreadyPlayed === true;
   if (!config) {
-    return /* @__PURE__ */ jsxs62("div", { className: "ss-g-screen", "data-testid": "game-screen-daily-quiz", children: [
-      /* @__PURE__ */ jsx74(GameHeader, { title, onBack, backLabel: ui.back }),
-      /* @__PURE__ */ jsx74("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+    return /* @__PURE__ */ jsxs63("div", { className: "ss-g-screen", "data-testid": "game-screen-daily-quiz", children: [
+      /* @__PURE__ */ jsx75(GameHeader, { title, onBack, backLabel: ui.back }),
+      /* @__PURE__ */ jsx75("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const questions = config.questions;
@@ -6227,11 +6388,11 @@ function DailyQuizGame({
       return r.isCorrect ? "correct" : "wrong";
     });
     const correctCount = results.filter((r) => r.isCorrect).length;
-    return /* @__PURE__ */ jsxs62("div", { className: "ss-g-screen", "data-testid": "game-screen-daily-quiz", children: [
-      /* @__PURE__ */ jsx74(GameHeader, { title, eyebrow: s.results, onBack, backLabel: ui.back }),
-      /* @__PURE__ */ jsx74(SegmentProgress, { segments: segments2, ariaLabel: s.results }),
-      /* @__PURE__ */ jsxs62("div", { className: "ss-g-body", children: [
-        /* @__PURE__ */ jsx74(
+    return /* @__PURE__ */ jsxs63("div", { className: "ss-g-screen", "data-testid": "game-screen-daily-quiz", children: [
+      /* @__PURE__ */ jsx75(GameHeader, { title, eyebrow: s.results, onBack, backLabel: ui.back }),
+      /* @__PURE__ */ jsx75(SegmentProgress, { segments: segments2, ariaLabel: s.results }),
+      /* @__PURE__ */ jsxs63("div", { className: "ss-g-body", children: [
+        /* @__PURE__ */ jsx75(
           ResultCard,
           {
             tone: "neutral",
@@ -6244,15 +6405,15 @@ function DailyQuizGame({
         questions.map((q) => {
           const r = findResult(results, q.index);
           const picked = selections.get(q.index);
-          return /* @__PURE__ */ jsxs62("div", { className: "ss-g-dq-rq", children: [
-            /* @__PURE__ */ jsx74("div", { className: "ss-g-dq-rq-stem", children: q.stem }),
-            r && /* @__PURE__ */ jsx74("div", { className: "ss-g-dq-rq-opts", children: q.options.map((opt, optIdx) => {
+          return /* @__PURE__ */ jsxs63("div", { className: "ss-g-dq-rq", children: [
+            /* @__PURE__ */ jsx75("div", { className: "ss-g-dq-rq-stem", children: q.stem }),
+            r && /* @__PURE__ */ jsx75("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__ */ jsx74("span", { className: cls, children: opt }, optIdx);
+              return /* @__PURE__ */ jsx75("span", { className: cls, children: opt }, optIdx);
             }) }),
-            r?.revealText && /* @__PURE__ */ jsx74("div", { className: "ss-g-dq-why", children: r.revealText })
+            r?.revealText && /* @__PURE__ */ jsx75("div", { className: "ss-g-dq-why", children: r.revealText })
           ] }, q.index);
         })
       ] })
@@ -6260,16 +6421,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__ */ jsxs62("div", { className: "ss-g-screen", "data-testid": "game-screen-daily-quiz", children: [
-    /* @__PURE__ */ jsx74(GameHeader, { title, eyebrow: s.questionOf(page + 1, total), onBack, backLabel: ui.back }),
-    /* @__PURE__ */ jsx74(SegmentProgress, { segments, ariaLabel: s.progressAria(page + 1, total) }),
-    /* @__PURE__ */ jsx74("div", { className: "ss-g-body", children: current && /* @__PURE__ */ jsxs62(Fragment17, { children: [
-      /* @__PURE__ */ jsx74("h3", { className: "ss-g-dq-stem", children: current.stem }),
-      /* @__PURE__ */ jsx74("div", { className: "ss-g-dq-opts", children: current.options.map((opt, optIdx) => {
+  return /* @__PURE__ */ jsxs63("div", { className: "ss-g-screen", "data-testid": "game-screen-daily-quiz", children: [
+    /* @__PURE__ */ jsx75(GameHeader, { title, eyebrow: s.questionOf(page + 1, total), onBack, backLabel: ui.back }),
+    /* @__PURE__ */ jsx75(SegmentProgress, { segments, ariaLabel: s.progressAria(page + 1, total) }),
+    /* @__PURE__ */ jsx75("div", { className: "ss-g-body", children: current && /* @__PURE__ */ jsxs63(Fragment17, { children: [
+      /* @__PURE__ */ jsx75("h3", { className: "ss-g-dq-stem", children: current.stem }),
+      /* @__PURE__ */ jsx75("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__ */ jsxs62(
+        return /* @__PURE__ */ jsxs63(
           "button",
           {
             type: "button",
@@ -6278,25 +6439,25 @@ function DailyQuizGame({
             disabled: submitting,
             onClick: () => handleSelect(current.index, optIdx),
             children: [
-              current.optionImagePaths && /* @__PURE__ */ jsx74(PlayerAvatar, { name: playerName, imagePath, className: "ss-g-dq-opt-av" }),
-              /* @__PURE__ */ jsx74("span", { className: "ss-g-dq-badge", "aria-hidden": "true", children: selected ? /* @__PURE__ */ jsx74(IconCheck, {}) : String.fromCharCode(65 + optIdx) }),
-              /* @__PURE__ */ jsx74(OptionName, { text: opt })
+              current.optionImagePaths && /* @__PURE__ */ jsx75(PlayerAvatar, { name: playerName, imagePath, className: "ss-g-dq-opt-av" }),
+              /* @__PURE__ */ jsx75("span", { className: "ss-g-dq-badge", "aria-hidden": "true", children: selected ? /* @__PURE__ */ jsx75(IconCheck, {}) : String.fromCharCode(65 + optIdx) }),
+              /* @__PURE__ */ jsx75(OptionName, { text: opt })
             ]
           },
           optIdx
         );
       }) })
     ] }) }),
-    /* @__PURE__ */ jsx74(FooterBar, { children: /* @__PURE__ */ jsxs62("div", { className: "ss-g-dq-nav", children: [
-      page > 0 && /* @__PURE__ */ jsx74(GameButton, { variant: "outline", onClick: goPrev, disabled: submitting, children: s.previous }),
-      isLast ? /* @__PURE__ */ jsx74(GameButton, { variant: "primary", block: true, onClick: handleSubmit, disabled: !currentAnswered || !allAnswered || submitting, children: submitting ? s.submitting : s.submit }) : /* @__PURE__ */ jsx74(GameButton, { variant: "primary", block: true, onClick: goNext, disabled: !currentAnswered || submitting, children: s.next })
+    /* @__PURE__ */ jsx75(FooterBar, { children: /* @__PURE__ */ jsxs63("div", { className: "ss-g-dq-nav", children: [
+      page > 0 && /* @__PURE__ */ jsx75(GameButton, { variant: "outline", onClick: goPrev, disabled: submitting, children: s.previous }),
+      isLast ? /* @__PURE__ */ jsx75(GameButton, { variant: "primary", block: true, onClick: handleSubmit, disabled: !currentAnswered || !allAnswered || submitting, children: submitting ? s.submitting : s.submit }) : /* @__PURE__ */ jsx75(GameButton, { variant: "primary", block: true, onClick: goNext, disabled: !currentAnswered || submitting, children: s.next })
     ] }) })
   ] });
 }
 
 // src/components/games/MatchdayPredictorGame.tsx
-import { useId as useId6, useState as useState31 } from "react";
-import { jsx as jsx75, jsxs as jsxs63 } from "react/jsx-runtime";
+import { useId as useId6, useState as useState32 } from "react";
+import { jsx as jsx76, jsxs as jsxs64 } from "react/jsx-runtime";
 var SCORER_SEARCH_THRESHOLD = 9;
 function parseClientState7(json) {
   if (!json) return null;
@@ -6314,7 +6475,7 @@ function isLocked(kickoffUtc) {
   }
 }
 function IconMinus() {
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     "svg",
     {
       width: 18,
@@ -6325,20 +6486,20 @@ function IconMinus() {
       strokeWidth: 2.2,
       strokeLinecap: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx75("path", { d: "M5 12h14" })
+      children: /* @__PURE__ */ jsx76("path", { d: "M5 12h14" })
     }
   );
 }
 function TeamBadge({ team, label }) {
-  return /* @__PURE__ */ jsxs63("div", { className: "ss-g-mp-team", children: [
-    /* @__PURE__ */ jsx75(CrestShield, { name: team.name, size: 44 }),
-    /* @__PURE__ */ jsx75("span", { className: "ss-g-mp-team-name", children: team.name }),
-    /* @__PURE__ */ jsx75("span", { className: "ss-g-mp-team-side", children: label })
+  return /* @__PURE__ */ jsxs64("div", { className: "ss-g-mp-team", children: [
+    /* @__PURE__ */ jsx76(CrestShield, { name: team.name, size: 44 }),
+    /* @__PURE__ */ jsx76("span", { className: "ss-g-mp-team-name", children: team.name }),
+    /* @__PURE__ */ jsx76("span", { className: "ss-g-mp-team-side", children: label })
   ] });
 }
 function ScoreCard({ home, away, h, a, t, edit }) {
-  const col = (side, team, value) => /* @__PURE__ */ jsxs63("div", { className: "ss-g-mp-col", children: [
-    edit && /* @__PURE__ */ jsx75(
+  const col = (side, team, value) => /* @__PURE__ */ jsxs64("div", { className: "ss-g-mp-col", children: [
+    edit && /* @__PURE__ */ jsx76(
       "button",
       {
         type: "button",
@@ -6346,11 +6507,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__ */ jsx75(IconPlus, { size: 18 })
+        children: /* @__PURE__ */ jsx76(IconPlus, { size: 18 })
       }
     ),
-    /* @__PURE__ */ jsx75("span", { className: "ss-g-mp-digit", "data-testid": "mp-digit", "data-active": edit ? String(edit.active === side) : "false", children: value }),
-    edit && /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx76("span", { className: "ss-g-mp-digit", "data-testid": "mp-digit", "data-active": edit ? String(edit.active === side) : "false", children: value }),
+    edit && /* @__PURE__ */ jsx76(
       "button",
       {
         type: "button",
@@ -6358,27 +6519,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__ */ jsx75(IconMinus, {})
+        children: /* @__PURE__ */ jsx76(IconMinus, {})
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs63("div", { className: "ss-g-mp-card", children: [
-    /* @__PURE__ */ jsx75(TeamBadge, { team: home, label: t.home }),
-    /* @__PURE__ */ jsxs63("div", { className: "ss-g-mp-scores", children: [
+  return /* @__PURE__ */ jsxs64("div", { className: "ss-g-mp-card", children: [
+    /* @__PURE__ */ jsx76(TeamBadge, { team: home, label: t.home }),
+    /* @__PURE__ */ jsxs64("div", { className: "ss-g-mp-scores", children: [
       col("home", home, h),
-      /* @__PURE__ */ jsx75("span", { className: "ss-g-mp-dash", "aria-hidden": "true", children: "\u2013" }),
+      /* @__PURE__ */ jsx76("span", { className: "ss-g-mp-dash", "aria-hidden": "true", children: "\u2013" }),
       col("away", away, a)
     ] }),
-    /* @__PURE__ */ jsx75(TeamBadge, { team: away, label: t.away })
+    /* @__PURE__ */ jsx76(TeamBadge, { team: away, label: t.away })
   ] });
 }
 function OutcomeRow({ label, ok, detail, t }) {
-  return /* @__PURE__ */ jsxs63("li", { className: "ss-g-mp-row", "data-testid": "mp-row", "data-ok": String(ok), children: [
-    /* @__PURE__ */ jsx75("span", { className: "ss-g-mp-row-k", children: label }),
-    /* @__PURE__ */ jsxs63("span", { className: "ss-g-mp-row-v", children: [
-      ok ? /* @__PURE__ */ jsx75(IconCheck, {}) : /* @__PURE__ */ jsx75(IconClose, { size: 14 }),
-      /* @__PURE__ */ jsx75("span", { className: "ss-g-sr", children: ok ? t.correct : t.incorrect }),
-      detail ? /* @__PURE__ */ jsx75("span", { className: "ss-g-mp-row-d", children: detail }) : null
+  return /* @__PURE__ */ jsxs64("li", { className: "ss-g-mp-row", "data-testid": "mp-row", "data-ok": String(ok), children: [
+    /* @__PURE__ */ jsx76("span", { className: "ss-g-mp-row-k", children: label }),
+    /* @__PURE__ */ jsxs64("span", { className: "ss-g-mp-row-v", children: [
+      ok ? /* @__PURE__ */ jsx76(IconCheck, {}) : /* @__PURE__ */ jsx76(IconClose, { size: 14 }),
+      /* @__PURE__ */ jsx76("span", { className: "ss-g-sr", children: ok ? t.correct : t.incorrect }),
+      detail ? /* @__PURE__ */ jsx76("span", { className: "ss-g-mp-row-d", children: detail }) : null
     ] })
   ] });
 }
@@ -6391,20 +6552,20 @@ function MatchdayPredictorGame({
   onBack
 }) {
   const t = ui.games.predictor;
-  const [homeScore, setHomeScore] = useState31(0);
-  const [awayScore, setAwayScore] = useState31(0);
-  const [firstScorerPlayerId, setFirstScorerPlayerId] = useState31(null);
-  const [lastEdited, setLastEdited] = useState31("home");
-  const [query, setQuery] = useState31("");
+  const [homeScore, setHomeScore] = useState32(0);
+  const [awayScore, setAwayScore] = useState32(0);
+  const [firstScorerPlayerId, setFirstScorerPlayerId] = useState32(null);
+  const [lastEdited, setLastEdited] = useState32("home");
+  const [query, setQuery] = useState32("");
   const searchId = useId6();
   const clientState = parseClientState7(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
-  const header = /* @__PURE__ */ jsx75(
+  const header = /* @__PURE__ */ jsx76(
     GameHeader,
     {
       title: gameTitle({ gameId: "matchday-predictor" }, ui.games.titles),
       eyebrow: config ? t.eyebrow(config.homeTeam.name, config.awayTeam.name) : void 0,
-      right: config ? /* @__PURE__ */ jsx75(Chip, { icon: /* @__PURE__ */ jsx75(IconLock, {}), children: ui.games.formatDayTime(config.kickoffUtc) }) : void 0,
+      right: config ? /* @__PURE__ */ jsx76(Chip, { icon: /* @__PURE__ */ jsx76(IconLock, {}), children: ui.games.formatDayTime(config.kickoffUtc) }) : void 0,
       onBack,
       backLabel: ui.back
     }
@@ -6412,10 +6573,10 @@ function MatchdayPredictorGame({
   if (alreadyPlayed && clientState) {
     if (!clientState.graded) {
       const scorer = config?.scorerPool.find((p) => p.playerId === clientState.predictedFirstScorerPlayerId) ?? null;
-      return /* @__PURE__ */ jsxs63("div", { className: "ss-g-screen", "data-testid": "game-screen-matchday-predictor", children: [
+      return /* @__PURE__ */ jsxs64("div", { className: "ss-g-screen", "data-testid": "game-screen-matchday-predictor", children: [
         header,
-        /* @__PURE__ */ jsxs63("div", { className: "ss-g-body", children: [
-          config && /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsxs64("div", { className: "ss-g-body", children: [
+          config && /* @__PURE__ */ jsx76(
             ScoreCard,
             {
               home: config.homeTeam,
@@ -6425,7 +6586,7 @@ function MatchdayPredictorGame({
               t
             }
           ),
-          /* @__PURE__ */ jsx75(
+          /* @__PURE__ */ jsx76(
             ResultCard,
             {
               tone: "neutral",
@@ -6442,28 +6603,28 @@ function MatchdayPredictorGame({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx75(FooterBar, { children: /* @__PURE__ */ jsx75("p", { className: "ss-g-mp-fun", children: t.forFun }) })
+        /* @__PURE__ */ jsx76(FooterBar, { children: /* @__PURE__ */ jsx76("p", { className: "ss-g-mp-fun", children: t.forFun }) })
       ] });
     }
     const r = clientState.result;
-    return /* @__PURE__ */ jsxs63("div", { className: "ss-g-screen", "data-testid": "game-screen-matchday-predictor", children: [
+    return /* @__PURE__ */ jsxs64("div", { className: "ss-g-screen", "data-testid": "game-screen-matchday-predictor", children: [
       header,
-      /* @__PURE__ */ jsxs63("div", { className: "ss-g-body", children: [
-        config && /* @__PURE__ */ jsx75(ScoreCard, { home: config.homeTeam, away: config.awayTeam, h: r.homeScore, a: r.awayScore, t }),
-        /* @__PURE__ */ jsx75(ResultCard, { tone: "neutral", title: t.fullTime(r.homeScore, r.awayScore), onBack, ui }),
-        /* @__PURE__ */ jsxs63("ul", { className: "ss-g-mp-rows", children: [
-          /* @__PURE__ */ jsx75(OutcomeRow, { label: t.exactScore, ok: clientState.exactScoreCorrect, t }),
-          /* @__PURE__ */ jsx75(OutcomeRow, { label: t.outcome, ok: clientState.outcomeCorrect, t }),
-          !clientState.firstScorerVoid && /* @__PURE__ */ jsx75(OutcomeRow, { label: t.firstScorerRow, ok: clientState.firstScorerCorrect, detail: r.firstScorerName, t })
+      /* @__PURE__ */ jsxs64("div", { className: "ss-g-body", children: [
+        config && /* @__PURE__ */ jsx76(ScoreCard, { home: config.homeTeam, away: config.awayTeam, h: r.homeScore, a: r.awayScore, t }),
+        /* @__PURE__ */ jsx76(ResultCard, { tone: "neutral", title: t.fullTime(r.homeScore, r.awayScore), onBack, ui }),
+        /* @__PURE__ */ jsxs64("ul", { className: "ss-g-mp-rows", children: [
+          /* @__PURE__ */ jsx76(OutcomeRow, { label: t.exactScore, ok: clientState.exactScoreCorrect, t }),
+          /* @__PURE__ */ jsx76(OutcomeRow, { label: t.outcome, ok: clientState.outcomeCorrect, t }),
+          !clientState.firstScorerVoid && /* @__PURE__ */ jsx76(OutcomeRow, { label: t.firstScorerRow, ok: clientState.firstScorerCorrect, detail: r.firstScorerName, t })
         ] })
       ] }),
-      /* @__PURE__ */ jsx75(FooterBar, { children: /* @__PURE__ */ jsx75("p", { className: "ss-g-mp-fun", children: t.forFun }) })
+      /* @__PURE__ */ jsx76(FooterBar, { children: /* @__PURE__ */ jsx76("p", { className: "ss-g-mp-fun", children: t.forFun }) })
     ] });
   }
   if (!config) {
-    return /* @__PURE__ */ jsxs63("div", { className: "ss-g-screen", "data-testid": "game-screen-matchday-predictor", children: [
+    return /* @__PURE__ */ jsxs64("div", { className: "ss-g-screen", "data-testid": "game-screen-matchday-predictor", children: [
       header,
-      /* @__PURE__ */ jsx75("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+      /* @__PURE__ */ jsx76("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const locked = isLocked(config.kickoffUtc);
@@ -6487,10 +6648,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__ */ jsxs63("div", { className: "ss-g-screen", "data-testid": "game-screen-matchday-predictor", children: [
+  return /* @__PURE__ */ jsxs64("div", { className: "ss-g-screen", "data-testid": "game-screen-matchday-predictor", children: [
     header,
-    /* @__PURE__ */ jsxs63("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsxs64("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ jsx76(
         ScoreCard,
         {
           home: config.homeTeam,
@@ -6501,12 +6662,12 @@ function MatchdayPredictorGame({
           edit: { disabled, active: lastEdited, onStep: step }
         }
       ),
-      pool.length > 0 && /* @__PURE__ */ jsxs63("section", { className: "ss-g-mp-scorer", children: [
-        /* @__PURE__ */ jsxs63("div", { className: "ss-g-mp-sec-head", children: [
-          /* @__PURE__ */ jsx75("h3", { children: t.firstScorer }),
-          /* @__PURE__ */ jsx75("span", { children: t.optional })
+      pool.length > 0 && /* @__PURE__ */ jsxs64("section", { className: "ss-g-mp-scorer", children: [
+        /* @__PURE__ */ jsxs64("div", { className: "ss-g-mp-sec-head", children: [
+          /* @__PURE__ */ jsx76("h3", { children: t.firstScorer }),
+          /* @__PURE__ */ jsx76("span", { children: t.optional })
         ] }),
-        showSearch && /* @__PURE__ */ jsx75(
+        showSearch && /* @__PURE__ */ jsx76(
           SearchField,
           {
             id: searchId,
@@ -6518,9 +6679,9 @@ function MatchdayPredictorGame({
             disabled
           }
         ),
-        /* @__PURE__ */ jsx75("div", { className: "ss-g-mp-grid", children: visible.map((p) => {
+        /* @__PURE__ */ jsx76("div", { className: "ss-g-mp-grid", children: visible.map((p) => {
           const selected = firstScorerPlayerId === p.playerId;
-          return /* @__PURE__ */ jsxs63(
+          return /* @__PURE__ */ jsxs64(
             "button",
             {
               type: "button",
@@ -6530,15 +6691,15 @@ function MatchdayPredictorGame({
               disabled,
               onClick: () => setFirstScorerPlayerId((id) => id === p.playerId ? null : p.playerId),
               children: [
-                selected && /* @__PURE__ */ jsx75("span", { className: "ss-g-mp-pcheck", children: /* @__PURE__ */ jsx75(IconCheck, { size: 12 }) }),
-                /* @__PURE__ */ jsx75(Silhouette, { size: 52, variant: selected ? "selected" : "default" }),
-                /* @__PURE__ */ jsx75("span", { className: "ss-g-mp-pname", children: splitName(p.playerName).last })
+                selected && /* @__PURE__ */ jsx76("span", { className: "ss-g-mp-pcheck", children: /* @__PURE__ */ jsx76(IconCheck, { size: 12 }) }),
+                /* @__PURE__ */ jsx76(Silhouette, { size: 52, variant: selected ? "selected" : "default" }),
+                /* @__PURE__ */ jsx76("span", { className: "ss-g-mp-pname", children: splitName(p.playerName).last })
               ]
             },
             p.playerId
           );
         }) }),
-        /* @__PURE__ */ jsxs63(
+        /* @__PURE__ */ jsxs64(
           "button",
           {
             type: "button",
@@ -6547,24 +6708,24 @@ function MatchdayPredictorGame({
             disabled,
             onClick: () => setFirstScorerPlayerId(null),
             children: [
-              /* @__PURE__ */ jsx75("span", { className: "ss-g-mp-radio", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx76("span", { className: "ss-g-mp-radio", "aria-hidden": "true" }),
               t.noScorer
             ]
           }
         )
       ] }),
-      locked && /* @__PURE__ */ jsx75("p", { className: "ss-g-mp-closed", children: t.closed })
+      locked && /* @__PURE__ */ jsx76("p", { className: "ss-g-mp-closed", children: t.closed })
     ] }),
-    /* @__PURE__ */ jsxs63(FooterBar, { children: [
-      /* @__PURE__ */ jsx75(GameButton, { variant: "primary", block: true, disabled, onClick: handleSubmit, children: submitting ? t.saving : t.save }),
-      /* @__PURE__ */ jsx75("p", { className: "ss-g-mp-fun", children: t.forFun })
+    /* @__PURE__ */ jsxs64(FooterBar, { children: [
+      /* @__PURE__ */ jsx76(GameButton, { variant: "primary", block: true, disabled, onClick: handleSubmit, children: submitting ? t.saving : t.save }),
+      /* @__PURE__ */ jsx76("p", { className: "ss-g-mp-fun", children: t.forFun })
     ] })
   ] });
 }
 
 // src/components/games/StartingXiGame.tsx
-import { useId as useId7, useState as useState32 } from "react";
-import { Fragment as Fragment18, jsx as jsx76, jsxs as jsxs64 } from "react/jsx-runtime";
+import { useId as useId7, useState as useState33 } from "react";
+import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs65 } from "react/jsx-runtime";
 var POINTS_PER_STARTER = 8;
 var XI_SIZE = 11;
 var DEFAULT_FORMATION = "4-3-3";
@@ -6607,26 +6768,26 @@ function StartingXiGame({
   lockAtUtc
 }) {
   const t = ui.games.startingXi;
-  const [slotPlayers, setSlotPlayers] = useState32(() => Array(XI_SIZE).fill(null));
-  const [active, setActive] = useState32(0);
-  const [query, setQuery] = useState32("");
+  const [slotPlayers, setSlotPlayers] = useState33(() => Array(XI_SIZE).fill(null));
+  const [active, setActive] = useState33(0);
+  const [query, setQuery] = useState33("");
   const searchId = useId7();
   const clientState = parseClientState8(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
-  const header = /* @__PURE__ */ jsx76(
+  const header = /* @__PURE__ */ jsx77(
     GameHeader,
     {
       title: gameTitle({ gameId: "starting-xi" }, ui.games.titles),
       eyebrow: t.eyebrow,
-      right: /* @__PURE__ */ jsx76(Chip, { variant: "accent", children: t.perStarter(POINTS_PER_STARTER) }),
+      right: /* @__PURE__ */ jsx77(Chip, { variant: "accent", children: t.perStarter(POINTS_PER_STARTER) }),
       onBack,
       backLabel: ui.back
     }
   );
   function statusScreen(title, score) {
-    return /* @__PURE__ */ jsxs64("div", { className: "ss-g-screen", "data-testid": "game-screen-starting-xi", children: [
+    return /* @__PURE__ */ jsxs65("div", { className: "ss-g-screen", "data-testid": "game-screen-starting-xi", children: [
       header,
-      /* @__PURE__ */ jsx76("div", { className: "ss-g-body", children: /* @__PURE__ */ jsx76(ResultCard, { tone: "neutral", title, score, onBack, ui }) })
+      /* @__PURE__ */ jsx77("div", { className: "ss-g-body", children: /* @__PURE__ */ jsx77(ResultCard, { tone: "neutral", title, score, onBack, ui }) })
     ] });
   }
   if (alreadyPlayed) {
@@ -6635,9 +6796,9 @@ function StartingXiGame({
     if (clientState.status === "graded") return statusScreen(t.gradedLine(clientState.correctCount), clientState.score);
   }
   if (!config) {
-    return /* @__PURE__ */ jsxs64("div", { className: "ss-g-screen", "data-testid": "game-screen-starting-xi", children: [
+    return /* @__PURE__ */ jsxs65("div", { className: "ss-g-screen", "data-testid": "game-screen-starting-xi", children: [
       header,
-      /* @__PURE__ */ jsx76("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+      /* @__PURE__ */ jsx77("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const { formation, slots } = formationSlots(config.formation);
@@ -6672,27 +6833,27 @@ function StartingXiGame({
     onSubmit(JSON.stringify({ predictedPlayerIds: slotPlayers }));
   }
   const segments = slotPlayers.map((p) => p !== null ? "current" : "todo");
-  return /* @__PURE__ */ jsxs64("div", { className: "ss-g-screen", "data-testid": "game-screen-starting-xi", children: [
+  return /* @__PURE__ */ jsxs65("div", { className: "ss-g-screen", "data-testid": "game-screen-starting-xi", children: [
     header,
-    /* @__PURE__ */ jsx76(
+    /* @__PURE__ */ jsx77(
       SegmentProgress,
       {
         segments,
         ariaLabel: t.picked(pickedCount),
         leftLabel: t.picked(pickedCount),
         rightLabel: t.toGo(XI_SIZE - pickedCount),
-        right: /* @__PURE__ */ jsx76(Chip, { children: formation })
+        right: /* @__PURE__ */ jsx77(Chip, { children: formation })
       }
     ),
-    /* @__PURE__ */ jsxs64("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ jsxs64("div", { className: "ss-g-xi-pitch", children: [
-        /* @__PURE__ */ jsx76(PitchSvg, { variant: "half" }),
+    /* @__PURE__ */ jsxs65("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ jsxs65("div", { className: "ss-g-xi-pitch", children: [
+        /* @__PURE__ */ jsx77(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__ */ jsxs64(
+          return /* @__PURE__ */ jsxs65(
             "button",
             {
               type: "button",
@@ -6704,21 +6865,21 @@ function StartingXiGame({
               disabled: submitting,
               onClick: () => tapSlot(s.index),
               children: [
-                /* @__PURE__ */ jsx76("span", { className: "ss-g-xi-ring", "aria-hidden": "true", children: player ? player.jerseyNumber ?? "" : /* @__PURE__ */ jsx76(IconPlus, { size: 18 }) }),
-                /* @__PURE__ */ jsx76("span", { className: "ss-g-xi-tag", "aria-hidden": "true", children: player ? splitName(name).last : s.label })
+                /* @__PURE__ */ jsx77("span", { className: "ss-g-xi-ring", "aria-hidden": "true", children: player ? player.jerseyNumber ?? "" : /* @__PURE__ */ jsx77(IconPlus, { size: 18 }) }),
+                /* @__PURE__ */ jsx77("span", { className: "ss-g-xi-tag", "aria-hidden": "true", children: player ? splitName(name).last : s.label })
               ]
             },
             s.index
           );
         })
       ] }),
-      /* @__PURE__ */ jsxs64("div", { className: "ss-g-xi-picker", children: [
-        /* @__PURE__ */ jsx76("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ jsxs64(Fragment18, { children: [
-          /* @__PURE__ */ jsx76(Chip, { variant: "badge", children: activeSlot.label }),
-          /* @__PURE__ */ jsx76("strong", { children: t.pickFor(activeSlot.label) })
-        ] }) : /* @__PURE__ */ jsx76("strong", { children: t.allPicked }) }),
-        activeSlot && /* @__PURE__ */ jsxs64(Fragment18, { children: [
-          /* @__PURE__ */ jsx76(
+      /* @__PURE__ */ jsxs65("div", { className: "ss-g-xi-picker", children: [
+        /* @__PURE__ */ jsx77("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ jsxs65(Fragment18, { children: [
+          /* @__PURE__ */ jsx77(Chip, { variant: "badge", children: activeSlot.label }),
+          /* @__PURE__ */ jsx77("strong", { children: t.pickFor(activeSlot.label) })
+        ] }) : /* @__PURE__ */ jsx77("strong", { children: t.allPicked }) }),
+        activeSlot && /* @__PURE__ */ jsxs65(Fragment18, { children: [
+          /* @__PURE__ */ jsx77(
             SearchField,
             {
               id: searchId,
@@ -6730,18 +6891,18 @@ function StartingXiGame({
               disabled: submitting
             }
           ),
-          /* @__PURE__ */ jsx76("ul", { className: "ss-g-xi-list", children: available.map((p) => /* @__PURE__ */ jsx76("li", { children: /* @__PURE__ */ jsxs64("button", { type: "button", className: "ss-g-xi-opt", disabled: submitting, onClick: () => pick(p.playerId), children: [
-            /* @__PURE__ */ jsx76("span", { className: "ss-g-xi-opt-no", "aria-hidden": "true", children: p.jerseyNumber ?? "" }),
-            /* @__PURE__ */ jsx76("span", { className: "ss-g-xi-opt-name", children: p.playerName }),
-            /* @__PURE__ */ jsx76("span", { className: "ss-g-xi-opt-pos", children: p.positionName })
+          /* @__PURE__ */ jsx77("ul", { className: "ss-g-xi-list", children: available.map((p) => /* @__PURE__ */ jsx77("li", { children: /* @__PURE__ */ jsxs65("button", { type: "button", className: "ss-g-xi-opt", disabled: submitting, onClick: () => pick(p.playerId), children: [
+            /* @__PURE__ */ jsx77("span", { className: "ss-g-xi-opt-no", "aria-hidden": "true", children: p.jerseyNumber ?? "" }),
+            /* @__PURE__ */ jsx77("span", { className: "ss-g-xi-opt-name", children: p.playerName }),
+            /* @__PURE__ */ jsx77("span", { className: "ss-g-xi-opt-pos", children: p.positionName })
           ] }) }, p.playerId)) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs64(FooterBar, { children: [
-      /* @__PURE__ */ jsx76(GameButton, { variant: "primary", block: true, disabled: !canSubmit, onClick: handleSubmit, children: submitting ? t.submitting : t.submit }),
-      /* @__PURE__ */ jsxs64("p", { className: "ss-g-xi-lock", children: [
-        /* @__PURE__ */ jsx76(IconLock, {}),
+    /* @__PURE__ */ jsxs65(FooterBar, { children: [
+      /* @__PURE__ */ jsx77(GameButton, { variant: "primary", block: true, disabled: !canSubmit, onClick: handleSubmit, children: submitting ? t.submitting : t.submit }),
+      /* @__PURE__ */ jsxs65("p", { className: "ss-g-xi-lock", children: [
+        /* @__PURE__ */ jsx77(IconLock, {}),
         lockAtUtc ? t.locksAt(ui.games.formatDayTime(lockAtUtc)) : t.locksSoon
       ] })
     ] })
@@ -6749,8 +6910,8 @@ function StartingXiGame({
 }
 
 // src/components/games/StatLadderGame.tsx
-import { useId as useId8, useState as useState33 } from "react";
-import { jsx as jsx77, jsxs as jsxs65 } from "react/jsx-runtime";
+import { useId as useId8, useState as useState34 } from "react";
+import { jsx as jsx78, jsxs as jsxs66 } from "react/jsx-runtime";
 function ladderClue(ladder) {
   const mystery = ladder.find((r) => r.rank === 2);
   if (!mystery) return null;
@@ -6772,9 +6933,9 @@ function parseClientState9(json) {
 }
 function NameStack({ name }) {
   const { first, last } = splitName(name);
-  return /* @__PURE__ */ jsxs65("span", { className: "ss-g-sl-name", children: [
-    first && /* @__PURE__ */ jsx77("small", { children: `${first[0]}.` }),
-    /* @__PURE__ */ jsx77("b", { children: last })
+  return /* @__PURE__ */ jsxs66("span", { className: "ss-g-sl-name", children: [
+    first && /* @__PURE__ */ jsx78("small", { children: `${first[0]}.` }),
+    /* @__PURE__ */ jsx78("b", { children: last })
   ] });
 }
 function StatLadderGame({
@@ -6786,16 +6947,16 @@ function StatLadderGame({
   onBack
 }) {
   const t = ui.games.statLadder;
-  const [query, setQuery] = useState33("");
-  const [selectedId, setSelectedId] = useState33(null);
+  const [query, setQuery] = useState34("");
+  const [selectedId, setSelectedId] = useState34(null);
   const searchId = useId8();
   const clientState = parseClientState9(result?.clientStateJson);
   const revealed = clientState != null;
-  const header = /* @__PURE__ */ jsx77(GameHeader, { title: gameTitle({ gameId: "stat-ladder" }, ui.games.titles), eyebrow: t.eyebrow, onBack, backLabel: ui.back });
+  const header = /* @__PURE__ */ jsx78(GameHeader, { title: gameTitle({ gameId: "stat-ladder" }, ui.games.titles), eyebrow: t.eyebrow, onBack, backLabel: ui.back });
   if (!config) {
-    return /* @__PURE__ */ jsxs65("div", { className: "ss-g-screen", "data-testid": "game-screen-stat-ladder", children: [
+    return /* @__PURE__ */ jsxs66("div", { className: "ss-g-screen", "data-testid": "game-screen-stat-ladder", children: [
       header,
-      /* @__PURE__ */ jsx77("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+      /* @__PURE__ */ jsx78("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const question = t.question(config.statLabel);
@@ -6807,44 +6968,44 @@ function StatLadderGame({
     if (selectedId === null || submitting || revealed) return;
     onSubmit(JSON.stringify({ guessedPlayerId: selectedId }));
   }
-  return /* @__PURE__ */ jsxs65("div", { className: "ss-g-screen", "data-testid": "game-screen-stat-ladder", children: [
+  return /* @__PURE__ */ jsxs66("div", { className: "ss-g-screen", "data-testid": "game-screen-stat-ladder", children: [
     header,
-    /* @__PURE__ */ jsxs65("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ jsxs65("div", { className: "ss-g-sl-prompt", children: [
-        /* @__PURE__ */ jsx77(Chip, { variant: "accent", icon: /* @__PURE__ */ jsx77(IconShield, { size: 14 }), className: "ss-g-sl-stat", children: config.statLabel }),
-        /* @__PURE__ */ jsxs65("h3", { className: "ss-g-sl-q", children: [
+    /* @__PURE__ */ jsxs66("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ jsxs66("div", { className: "ss-g-sl-prompt", children: [
+        /* @__PURE__ */ jsx78(Chip, { variant: "accent", icon: /* @__PURE__ */ jsx78(IconShield, { size: 14 }), className: "ss-g-sl-stat", children: config.statLabel }),
+        /* @__PURE__ */ jsxs66("h3", { className: "ss-g-sl-q", children: [
           question.pre,
-          /* @__PURE__ */ jsx77("em", { children: question.emph }),
+          /* @__PURE__ */ jsx78("em", { children: question.emph }),
           question.post
         ] })
       ] }),
-      /* @__PURE__ */ jsx77("ol", { className: "ss-g-sl-rungs", children: rungs.map(
-        (rung) => rung.rank === 2 ? /* @__PURE__ */ jsxs65(
+      /* @__PURE__ */ jsx78("ol", { className: "ss-g-sl-rungs", children: rungs.map(
+        (rung) => rung.rank === 2 ? /* @__PURE__ */ jsxs66(
           "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__ */ jsx77("span", { className: "ss-g-sl-rank", children: "2" }),
-              revealed ? /* @__PURE__ */ jsx77(PlayerAvatar, { name: clientState.revealedRank2.playerName, className: "ss-g-sl-av" }) : /* @__PURE__ */ jsx77(Silhouette, { size: 52, variant: "mystery" }),
-              revealed ? /* @__PURE__ */ jsx77(NameStack, { name: clientState.revealedRank2.playerName }) : /* @__PURE__ */ jsx77("span", { className: "ss-g-sl-who", children: t.whoSecond }),
-              /* @__PURE__ */ jsx77("span", { className: "ss-g-sl-val ss-g-sl-val--mystery", children: rung.statValue })
+              /* @__PURE__ */ jsx78("span", { className: "ss-g-sl-rank", children: "2" }),
+              revealed ? /* @__PURE__ */ jsx78(PlayerAvatar, { name: clientState.revealedRank2.playerName, className: "ss-g-sl-av" }) : /* @__PURE__ */ jsx78(Silhouette, { size: 52, variant: "mystery" }),
+              revealed ? /* @__PURE__ */ jsx78(NameStack, { name: clientState.revealedRank2.playerName }) : /* @__PURE__ */ jsx78("span", { className: "ss-g-sl-who", children: t.whoSecond }),
+              /* @__PURE__ */ jsx78("span", { className: "ss-g-sl-val ss-g-sl-val--mystery", children: rung.statValue })
             ]
           },
           rung.rank
-        ) : /* @__PURE__ */ jsxs65("li", { className: "ss-g-sl-rung", children: [
-          /* @__PURE__ */ jsx77("span", { className: "ss-g-sl-rank", children: rung.rank }),
-          /* @__PURE__ */ jsx77(PlayerAvatar, { name: rung.playerName ?? "?", className: "ss-g-sl-av" }),
-          /* @__PURE__ */ jsx77(NameStack, { name: rung.playerName ?? "?" }),
-          /* @__PURE__ */ jsx77("span", { className: "ss-g-sl-val", children: rung.statValue })
+        ) : /* @__PURE__ */ jsxs66("li", { className: "ss-g-sl-rung", children: [
+          /* @__PURE__ */ jsx78("span", { className: "ss-g-sl-rank", children: rung.rank }),
+          /* @__PURE__ */ jsx78(PlayerAvatar, { name: rung.playerName ?? "?", className: "ss-g-sl-av" }),
+          /* @__PURE__ */ jsx78(NameStack, { name: rung.playerName ?? "?" }),
+          /* @__PURE__ */ jsx78("span", { className: "ss-g-sl-val", children: rung.statValue })
         ] }, rung.rank)
       ) }),
-      clue && /* @__PURE__ */ jsxs65("p", { className: "ss-g-sl-clue", children: [
-        /* @__PURE__ */ jsx77(IconBulb, {}),
-        /* @__PURE__ */ jsx77("span", { children: t.clue(clue, config.statLabel) })
+      clue && /* @__PURE__ */ jsxs66("p", { className: "ss-g-sl-clue", children: [
+        /* @__PURE__ */ jsx78(IconBulb, {}),
+        /* @__PURE__ */ jsx78("span", { children: t.clue(clue, config.statLabel) })
       ] }),
-      !revealed && /* @__PURE__ */ jsx77("ul", { className: "ss-g-sl-pool", children: pool.map((p) => /* @__PURE__ */ jsx77("li", { children: /* @__PURE__ */ jsxs65(
+      !revealed && /* @__PURE__ */ jsx78("ul", { className: "ss-g-sl-pool", children: pool.map((p) => /* @__PURE__ */ jsx78("li", { children: /* @__PURE__ */ jsxs66(
         "button",
         {
           type: "button",
@@ -6857,13 +7018,13 @@ function StatLadderGame({
             setQuery(p.playerName);
           },
           children: [
-            /* @__PURE__ */ jsx77(PlayerAvatar, { name: p.playerName, className: "ss-g-sl-opt-av" }),
-            /* @__PURE__ */ jsx77("span", { className: "ss-g-sl-opt-name", children: p.playerName }),
-            selectedId === p.playerId && /* @__PURE__ */ jsx77(IconCheck, {})
+            /* @__PURE__ */ jsx78(PlayerAvatar, { name: p.playerName, className: "ss-g-sl-opt-av" }),
+            /* @__PURE__ */ jsx78("span", { className: "ss-g-sl-opt-name", children: p.playerName }),
+            selectedId === p.playerId && /* @__PURE__ */ jsx78(IconCheck, {})
           ]
         }
       ) }, p.playerId)) }),
-      revealed && /* @__PURE__ */ jsx77(
+      revealed && /* @__PURE__ */ jsx78(
         ResultCard,
         {
           tone: clientState.isCorrect ? "win" : "lose",
@@ -6874,8 +7035,8 @@ function StatLadderGame({
         }
       )
     ] }),
-    !revealed && /* @__PURE__ */ jsx77(FooterBar, { children: /* @__PURE__ */ jsxs65("div", { className: "ss-g-sl-guess", children: [
-      /* @__PURE__ */ jsx77(
+    !revealed && /* @__PURE__ */ jsx78(FooterBar, { children: /* @__PURE__ */ jsxs66("div", { className: "ss-g-sl-guess", children: [
+      /* @__PURE__ */ jsx78(
         SearchField,
         {
           id: searchId,
@@ -6890,13 +7051,13 @@ function StatLadderGame({
           disabled: submitting
         }
       ),
-      /* @__PURE__ */ jsx77(GameButton, { variant: "primary", disabled: selectedId === null || submitting, onClick: guess, children: t.guess })
+      /* @__PURE__ */ jsx78(GameButton, { variant: "primary", disabled: selectedId === null || submitting, onClick: guess, children: t.guess })
     ] }) })
   ] });
 }
 
 // src/components/games/FanMotmGame.tsx
-import { jsx as jsx78, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs67 } from "react/jsx-runtime";
 function parseClientState10(json) {
   if (!json) return null;
   try {
@@ -6917,20 +7078,20 @@ function FanMotmGame({
   const clientState = parseClientState10(result?.clientStateJson);
   const alreadyVoted = result?.alreadyPlayed === true;
   const pickedId = clientState?.pickedPlayerId ?? null;
-  const header = /* @__PURE__ */ jsx78(
+  const header = /* @__PURE__ */ jsx79(
     GameHeader,
     {
       title: t.title,
       eyebrow: t.eyebrow,
-      right: alreadyVoted ? /* @__PURE__ */ jsx78(Chip, { variant: "success", icon: /* @__PURE__ */ jsx78(IconCheck, {}), children: t.voted }) : void 0,
+      right: alreadyVoted ? /* @__PURE__ */ jsx79(Chip, { variant: "success", icon: /* @__PURE__ */ jsx79(IconCheck, {}), children: t.voted }) : void 0,
       onBack,
       backLabel: ui.back
     }
   );
   if (!config) {
-    return /* @__PURE__ */ jsxs66("div", { className: "ss-g-screen", "data-testid": "game-screen-fan-motm", children: [
+    return /* @__PURE__ */ jsxs67("div", { className: "ss-g-screen", "data-testid": "game-screen-fan-motm", children: [
       header,
-      /* @__PURE__ */ jsx78("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
+      /* @__PURE__ */ jsx79("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading })
     ] });
   }
   const picked = config.candidates.find((c) => c.playerId === pickedId) ?? null;
@@ -6938,12 +7099,12 @@ function FanMotmGame({
     if (alreadyVoted || submitting) return;
     onSubmit(JSON.stringify({ pickedPlayerId: candidateId }));
   }
-  return /* @__PURE__ */ jsxs66("div", { className: "ss-g-screen", "data-testid": "game-screen-fan-motm", children: [
+  return /* @__PURE__ */ jsxs67("div", { className: "ss-g-screen", "data-testid": "game-screen-fan-motm", children: [
     header,
-    /* @__PURE__ */ jsxs66("div", { className: "ss-g-body", children: [
-      /* @__PURE__ */ jsx78("ul", { className: "ss-g-motm-list", children: config.candidates.map((c) => {
+    /* @__PURE__ */ jsxs67("div", { className: "ss-g-body", children: [
+      /* @__PURE__ */ jsx79("ul", { className: "ss-g-motm-list", children: config.candidates.map((c) => {
         const isVoted = alreadyVoted && pickedId === c.playerId;
-        return /* @__PURE__ */ jsx78("li", { children: /* @__PURE__ */ jsxs66(
+        return /* @__PURE__ */ jsx79("li", { children: /* @__PURE__ */ jsxs67(
           "button",
           {
             type: "button",
@@ -6952,24 +7113,24 @@ function FanMotmGame({
             disabled: alreadyVoted || submitting,
             onClick: () => handleVote(c.playerId),
             children: [
-              /* @__PURE__ */ jsx78(PlayerAvatar, { name: c.playerName, className: "ss-g-motm-av" }),
-              /* @__PURE__ */ jsx78("span", { className: "ss-g-motm-name", children: c.playerName }),
-              isVoted && /* @__PURE__ */ jsx78(Chip, { variant: "accent", className: "ss-g-motm-pill", children: t.yourVote })
+              /* @__PURE__ */ jsx79(PlayerAvatar, { name: c.playerName, className: "ss-g-motm-av" }),
+              /* @__PURE__ */ jsx79("span", { className: "ss-g-motm-name", children: c.playerName }),
+              isVoted && /* @__PURE__ */ jsx79(Chip, { variant: "accent", className: "ss-g-motm-pill", children: t.yourVote })
             ]
           }
         ) }, c.playerId);
       }) }),
-      alreadyVoted && picked && /* @__PURE__ */ jsx78(ResultCard, { tone: "neutral", title: t.youVoted(picked.playerName), detail: t.thanks, onBack, ui })
+      alreadyVoted && picked && /* @__PURE__ */ jsx79(ResultCard, { tone: "neutral", title: t.youVoted(picked.playerName), detail: t.thanks, onBack, ui })
     ] }),
-    /* @__PURE__ */ jsxs66(FooterBar, { children: [
-      !alreadyVoted && /* @__PURE__ */ jsx78("p", { className: "ss-g-motm-foot", children: t.tapToVote }),
-      /* @__PURE__ */ jsx78("p", { className: "ss-g-motm-fun", children: t.forFun })
+    /* @__PURE__ */ jsxs67(FooterBar, { children: [
+      !alreadyVoted && /* @__PURE__ */ jsx79("p", { className: "ss-g-motm-foot", children: t.tapToVote }),
+      /* @__PURE__ */ jsx79("p", { className: "ss-g-motm-fun", children: t.forFun })
     ] })
   ] });
 }
 
 // src/components/GameScreenHost.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var FIXTURE_GAME_IDS = /* @__PURE__ */ new Set([
   "matchday-predictor",
   "starting-xi",
@@ -6993,8 +7154,8 @@ function GameScreenHost({
   ui
 }) {
   const { gameId, fixtureId, gameDay = "", lockAtUtc = null } = selected;
-  const [configJson, setConfigJson] = useState34(null);
-  useEffect15(() => {
+  const [configJson, setConfigJson] = useState35(null);
+  useEffect16(() => {
     setConfigJson(null);
     if (!conversation) return;
     let cancelled = false;
@@ -7017,12 +7178,12 @@ function GameScreenHost({
     fixtureId: fixtureId || void 0,
     locale: ui.games.lang
   });
-  useEffect15(() => {
+  useEffect16(() => {
     if (conversation) hydrate();
   }, [conversation, gameId]);
-  const hydrateRef = useRef13(hydrate);
+  const hydrateRef = useRef14(hydrate);
   hydrateRef.current = hydrate;
-  useEffect15(() => {
+  useEffect16(() => {
     if (!FIXTURE_GAME_IDS.has(gameId)) return;
     if (rawStatus !== "pending") return;
     const timerId = setInterval(() => {
@@ -7045,7 +7206,7 @@ function GameScreenHost({
   function renderScreen() {
     switch (gameId) {
       case "mystery-tiger":
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           MysteryTigerGame,
           {
             ...sharedProps,
@@ -7053,7 +7214,7 @@ function GameScreenHost({
           }
         );
       case "higher-or-lower":
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           HigherOrLowerGame,
           {
             ...sharedProps,
@@ -7061,7 +7222,7 @@ function GameScreenHost({
           }
         );
       case "career-path":
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           CareerPathGame,
           {
             ...sharedProps,
@@ -7070,7 +7231,7 @@ function GameScreenHost({
         );
       case "beat-the-grid": {
         const btgConfig = safeParseConfig(configJson);
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           BeatTheGridGame,
           {
             ...sharedProps,
@@ -7080,7 +7241,7 @@ function GameScreenHost({
         );
       }
       case "guess-the-xi":
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           GuessTheXiGame,
           {
             ...sharedProps,
@@ -7088,7 +7249,7 @@ function GameScreenHost({
           }
         );
       case "daily-quiz":
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           DailyQuizGame,
           {
             ...sharedProps,
@@ -7096,7 +7257,7 @@ function GameScreenHost({
           }
         );
       case "matchday-predictor":
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           MatchdayPredictorGame,
           {
             ...sharedProps,
@@ -7104,7 +7265,7 @@ function GameScreenHost({
           }
         );
       case "starting-xi":
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           StartingXiGame,
           {
             ...sharedProps,
@@ -7112,7 +7273,7 @@ function GameScreenHost({
           }
         );
       case "stat-ladder":
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           StatLadderGame,
           {
             ...sharedProps,
@@ -7120,7 +7281,7 @@ function GameScreenHost({
           }
         );
       case "fan-motm":
-        return /* @__PURE__ */ jsx79(
+        return /* @__PURE__ */ jsx80(
           FanMotmGame,
           {
             ...sharedProps,
@@ -7128,10 +7289,10 @@ function GameScreenHost({
           }
         );
       default:
-        return /* @__PURE__ */ jsx79("div", { className: "ss-g-screen", "data-testid": `game-screen-${gameId}`, children: /* @__PURE__ */ jsx79(GameHeader, { title: gameTitle({ gameId }, ui.games.titles), onBack, backLabel: ui.back }) });
+        return /* @__PURE__ */ jsx80("div", { className: "ss-g-screen", "data-testid": `game-screen-${gameId}`, children: /* @__PURE__ */ jsx80(GameHeader, { title: gameTitle({ gameId }, ui.games.titles), onBack, backLabel: ui.back }) });
     }
   }
-  return /* @__PURE__ */ jsx79("div", { className: "ss-w-gscreen", "data-testid": "gscreen", "data-lock-at": lockAtUtc ?? void 0, children: renderScreen() });
+  return /* @__PURE__ */ jsx80("div", { className: "ss-w-gscreen", "data-testid": "gscreen", "data-lock-at": lockAtUtc ?? void 0, children: renderScreen() });
 }
 
 // src/components/games/ui/fonts.ts
@@ -7148,7 +7309,7 @@ function ensureGamesFonts(doc = document) {
 }
 
 // src/components/GamesPanel.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 function GamesPanel({
   loggedIn,
   games,
@@ -7157,13 +7318,13 @@ function GamesPanel({
   leaderboard,
   refreshHub
 }) {
-  const [selected, setSelected] = useState35(null);
-  useEffect16(() => {
+  const [selected, setSelected] = useState36(null);
+  useEffect17(() => {
     ensureGamesFonts();
   }, []);
-  if (!loggedIn) return /* @__PURE__ */ jsx80(GamesLoginWall, { ui });
+  if (!loggedIn) return /* @__PURE__ */ jsx81(GamesLoginWall, { ui });
   if (selected !== null) {
-    return /* @__PURE__ */ jsx80("div", { className: "ss-w-gscreen-wrap", lang: ui.games.lang, children: /* @__PURE__ */ jsx80(
+    return /* @__PURE__ */ jsx81("div", { className: "ss-w-gscreen-wrap", lang: ui.games.lang, children: /* @__PURE__ */ jsx81(
       GameScreenHost,
       {
         selected,
@@ -7177,7 +7338,7 @@ function GamesPanel({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx80("div", { className: "ss-g-hub-wrap", "data-testid": "games-hub", lang: ui.games.lang, children: /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81("div", { className: "ss-g-hub-wrap", "data-testid": "games-hub", lang: ui.games.lang, children: /* @__PURE__ */ jsx81(
     GamesHub,
     {
       games,
@@ -7189,10 +7350,10 @@ function GamesPanel({
 }
 
 // src/components/Leaderboard.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 
 // src/components/LeaderboardRow.tsx
-import { jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs68 } from "react/jsx-runtime";
 function formatPoints(n) {
   return n.toLocaleString("en");
 }
@@ -7201,14 +7362,14 @@ function LeaderboardWeeklyRow({
   isMe
 }) {
   const rankClass = `ss-w-lb2-rank${row.rank <= 3 ? " ss-w-lb2-rank--top3" : ""}`;
-  return /* @__PURE__ */ jsxs67("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
-    /* @__PURE__ */ jsxs67("span", { className: rankClass, children: [
+  return /* @__PURE__ */ jsxs68("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
+    /* @__PURE__ */ jsxs68("span", { className: rankClass, children: [
       "#",
       row.rank
     ] }),
-    /* @__PURE__ */ jsx81("span", { className: "ss-w-lb2-handle", children: row.handle }),
-    /* @__PURE__ */ jsx81("span", { className: "ss-w-lb2-points", children: formatPoints(row.points) }),
-    row.currentStreak > 0 && /* @__PURE__ */ jsxs67("span", { className: "ss-w-lb2-streak", children: [
+    /* @__PURE__ */ jsx82("span", { className: "ss-w-lb2-handle", children: row.handle }),
+    /* @__PURE__ */ jsx82("span", { className: "ss-w-lb2-points", children: formatPoints(row.points) }),
+    row.currentStreak > 0 && /* @__PURE__ */ jsxs68("span", { className: "ss-w-lb2-streak", children: [
       "\u{1F525} ",
       row.currentStreak
     ] })
@@ -7219,18 +7380,18 @@ function LeaderboardAllTimeRow({
   isMe
 }) {
   const rankClass = `ss-w-lb2-rank${row.rank <= 3 ? " ss-w-lb2-rank--top3" : ""}`;
-  return /* @__PURE__ */ jsxs67("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
-    /* @__PURE__ */ jsxs67("span", { className: rankClass, children: [
+  return /* @__PURE__ */ jsxs68("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
+    /* @__PURE__ */ jsxs68("span", { className: rankClass, children: [
       "#",
       row.rank
     ] }),
-    /* @__PURE__ */ jsx81("span", { className: "ss-w-lb2-handle", children: row.handle }),
-    /* @__PURE__ */ jsx81("span", { className: "ss-w-lb2-points", children: formatPoints(row.allTimePoints) })
+    /* @__PURE__ */ jsx82("span", { className: "ss-w-lb2-handle", children: row.handle }),
+    /* @__PURE__ */ jsx82("span", { className: "ss-w-lb2-points", children: formatPoints(row.allTimePoints) })
   ] });
 }
 
 // src/components/LeaderboardEmpty.tsx
-import { jsx as jsx82, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs69 } from "react/jsx-runtime";
 function LeaderboardEmpty({
   segment,
   lastWeek,
@@ -7239,48 +7400,48 @@ function LeaderboardEmpty({
   ui
 }) {
   if (segment === "alltime") {
-    return /* @__PURE__ */ jsxs68("div", { className: "ss-w-lb-empty ss-w-lb-empty--alltime", children: [
-      /* @__PURE__ */ jsx82("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: "\u{1F4CA}" }),
-      /* @__PURE__ */ jsx82("p", { className: "ss-w-lb-empty-body", children: ui.leaderboardAllTimeEmpty })
+    return /* @__PURE__ */ jsxs69("div", { className: "ss-w-lb-empty ss-w-lb-empty--alltime", children: [
+      /* @__PURE__ */ jsx83("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: "\u{1F4CA}" }),
+      /* @__PURE__ */ jsx83("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__ */ jsxs68("div", { className: "ss-w-lb-empty", children: [
-    weeklyPrize && /* @__PURE__ */ jsxs68("div", { className: "ss-w-prize", children: [
-      /* @__PURE__ */ jsx82("span", { className: "ss-w-prize-icon", "aria-hidden": "true", children: "\u{1F3C6}" }),
-      /* @__PURE__ */ jsx82("div", { className: "ss-w-prize-body", children: /* @__PURE__ */ jsx82("span", { className: "ss-w-prize-text", children: weeklyPrize }) })
+  return /* @__PURE__ */ jsxs69("div", { className: "ss-w-lb-empty", children: [
+    weeklyPrize && /* @__PURE__ */ jsxs69("div", { className: "ss-w-prize", children: [
+      /* @__PURE__ */ jsx83("span", { className: "ss-w-prize-icon", "aria-hidden": "true", children: "\u{1F3C6}" }),
+      /* @__PURE__ */ jsx83("div", { className: "ss-w-prize-body", children: /* @__PURE__ */ jsx83("span", { className: "ss-w-prize-text", children: weeklyPrize }) })
     ] }),
-    /* @__PURE__ */ jsxs68("div", { className: "ss-w-lb-empty-hero", children: [
-      /* @__PURE__ */ jsx82("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: fresh ? "\u{1F3C6}" : "\u{1F3AE}" }),
-      /* @__PURE__ */ jsx82("h4", { className: "ss-w-lb-empty-title", children: title }),
-      /* @__PURE__ */ jsx82("p", { className: "ss-w-lb-empty-body", children: body }),
-      onPlay && /* @__PURE__ */ jsx82("button", { type: "button", className: "ss-w-lb-empty-cta", onClick: onPlay, children: ui.leaderboardEmptyCta })
+    /* @__PURE__ */ jsxs69("div", { className: "ss-w-lb-empty-hero", children: [
+      /* @__PURE__ */ jsx83("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: fresh ? "\u{1F3C6}" : "\u{1F3AE}" }),
+      /* @__PURE__ */ jsx83("h4", { className: "ss-w-lb-empty-title", children: title }),
+      /* @__PURE__ */ jsx83("p", { className: "ss-w-lb-empty-body", children: body }),
+      onPlay && /* @__PURE__ */ jsx83("button", { type: "button", className: "ss-w-lb-empty-cta", onClick: onPlay, children: ui.leaderboardEmptyCta })
     ] }),
-    fresh && lastWeek && /* @__PURE__ */ jsxs68("div", { className: "ss-w-lb-last", children: [
-      /* @__PURE__ */ jsx82("span", { className: "ss-w-lb-last-label", children: ui.leaderboardLastWeekLabel }),
-      /* @__PURE__ */ jsx82("span", { className: "ss-w-lb-last-champ", "aria-hidden": "true", children: "\u{1F947}" }),
-      /* @__PURE__ */ jsx82("span", { className: "ss-w-lb-last-handle", children: lastWeek.handle }),
-      /* @__PURE__ */ jsx82("span", { className: "ss-w-lb-last-points", children: formatPoints(lastWeek.points) })
+    fresh && lastWeek && /* @__PURE__ */ jsxs69("div", { className: "ss-w-lb-last", children: [
+      /* @__PURE__ */ jsx83("span", { className: "ss-w-lb-last-label", children: ui.leaderboardLastWeekLabel }),
+      /* @__PURE__ */ jsx83("span", { className: "ss-w-lb-last-champ", "aria-hidden": "true", children: "\u{1F947}" }),
+      /* @__PURE__ */ jsx83("span", { className: "ss-w-lb-last-handle", children: lastWeek.handle }),
+      /* @__PURE__ */ jsx83("span", { className: "ss-w-lb-last-points", children: formatPoints(lastWeek.points) })
     ] })
   ] });
 }
 
 // src/components/Leaderboard.tsx
-import { Fragment as Fragment19, jsx as jsx83, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx84, jsxs as jsxs70 } from "react/jsx-runtime";
 function Leaderboard({
   data,
   ui,
   onPlay
 }) {
-  const [segment, setSegment] = useState36("weekly");
+  const [segment, setSegment] = useState37("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__ */ jsxs69("div", { className: "ss-w-lb2", children: [
-    /* @__PURE__ */ jsxs69("div", { className: "ss-w-seg", children: [
-      /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs70("div", { className: "ss-w-lb2", children: [
+    /* @__PURE__ */ jsxs70("div", { className: "ss-w-seg", children: [
+      /* @__PURE__ */ jsx84(
         "button",
         {
           type: "button",
@@ -7290,7 +7451,7 @@ function Leaderboard({
           children: ui.leaderboardThisWeek
         }
       ),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(
         "button",
         {
           type: "button",
@@ -7301,7 +7462,7 @@ function Leaderboard({
         }
       )
     ] }),
-    isEmpty ? /* @__PURE__ */ jsx83(
+    isEmpty ? /* @__PURE__ */ jsx84(
       LeaderboardEmpty,
       {
         segment,
@@ -7310,15 +7471,15 @@ function Leaderboard({
         onPlay,
         ui
       }
-    ) : /* @__PURE__ */ jsxs69(Fragment19, { children: [
-      /* @__PURE__ */ jsx83("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ jsx83(
+    ) : /* @__PURE__ */ jsxs70(Fragment19, { children: [
+      /* @__PURE__ */ jsx84("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ jsx84(
         LeaderboardWeeklyRow,
         {
           row,
           isMe: row.operatorUserId === data.myWeeklyRow?.operatorUserId
         },
         row.operatorUserId
-      )) : data.allTimeTop.map((row) => /* @__PURE__ */ jsx83(
+      )) : data.allTimeTop.map((row) => /* @__PURE__ */ jsx84(
         LeaderboardAllTimeRow,
         {
           row,
@@ -7326,18 +7487,18 @@ function Leaderboard({
         },
         row.operatorUserId
       )) }),
-      /* @__PURE__ */ jsx83("div", { className: "ss-w-kitline", children: "\u{1F3BD}" }),
-      myRow != null && (offBoard ? /* @__PURE__ */ jsx83("div", { className: "ss-w-lbgap", children: ui.leaderboardOffBoard }) : /* @__PURE__ */ jsxs69("div", { className: "ss-w-lb2-rows", children: [
-        segment === "weekly" && data.myWeeklyRow && /* @__PURE__ */ jsx83(LeaderboardWeeklyRow, { row: data.myWeeklyRow, isMe: true }),
-        segment === "alltime" && data.myAllTimeRow && /* @__PURE__ */ jsx83(LeaderboardAllTimeRow, { row: data.myAllTimeRow, isMe: true })
+      /* @__PURE__ */ jsx84("div", { className: "ss-w-kitline", children: "\u{1F3BD}" }),
+      myRow != null && (offBoard ? /* @__PURE__ */ jsx84("div", { className: "ss-w-lbgap", children: ui.leaderboardOffBoard }) : /* @__PURE__ */ jsxs70("div", { className: "ss-w-lb2-rows", children: [
+        segment === "weekly" && data.myWeeklyRow && /* @__PURE__ */ jsx84(LeaderboardWeeklyRow, { row: data.myWeeklyRow, isMe: true }),
+        segment === "alltime" && data.myAllTimeRow && /* @__PURE__ */ jsx84(LeaderboardAllTimeRow, { row: data.myAllTimeRow, isMe: true })
       ] })),
-      segment === "alltime" && data.myAllTimeRow && !offBoard && /* @__PURE__ */ jsx83("div", { className: "ss-w-lb2-rows", children: /* @__PURE__ */ jsx83("div", { className: "ss-w-lb2-row", children: /* @__PURE__ */ jsx83("span", { className: "ss-w-lb2-handle", children: formatPoints(data.allTimeTop.reduce((s, r) => s + r.allTimePoints, 0)) }) }) })
+      segment === "alltime" && data.myAllTimeRow && !offBoard && /* @__PURE__ */ jsx84("div", { className: "ss-w-lb2-rows", children: /* @__PURE__ */ jsx84("div", { className: "ss-w-lb2-row", children: /* @__PURE__ */ jsx84("span", { className: "ss-w-lb2-handle", children: formatPoints(data.allTimeTop.reduce((s, r) => s + r.allTimePoints, 0)) }) }) })
     ] })
   ] });
 }
 
 // src/components/LeaderboardPanel.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 var EMPTY_PAYLOAD = {
   week: "",
   weeklyTop: [],
@@ -7348,17 +7509,17 @@ var EMPTY_PAYLOAD = {
   lastWeek: null
 };
 function LeaderboardPanel({ loggedIn, data, loading, onPlay, ui }) {
-  if (!loggedIn) return /* @__PURE__ */ jsx84(GamesLoginWall, { ui });
-  if (data === null && loading) return /* @__PURE__ */ jsx84("div", { className: "ss-w-mon-list" });
-  return /* @__PURE__ */ jsx84("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ jsx84(Leaderboard, { data: data ?? EMPTY_PAYLOAD, ui, onPlay }) });
+  if (!loggedIn) return /* @__PURE__ */ jsx85(GamesLoginWall, { ui });
+  if (data === null && loading) return /* @__PURE__ */ jsx85("div", { className: "ss-w-mon-list" });
+  return /* @__PURE__ */ jsx85("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ jsx85(Leaderboard, { data: data ?? EMPTY_PAYLOAD, ui, onPlay }) });
 }
 
 // src/components/ChatPanel.tsx
-import { jsx as jsx85, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs71 } from "react/jsx-runtime";
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
-  const [modal, setModal] = useState37(false);
-  useEffect17(() => {
+  const [modal, setModal] = useState38(false);
+  useEffect18(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
     const sync = () => setModal(mql.matches);
@@ -7371,7 +7532,7 @@ function useIsModal() {
 function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, gamesResult, leaderboardResult, loggedIn, conversation }) {
   const { state, close, stop, send, reset } = controller;
   const isModal = useIsModal();
-  useEffect17(() => {
+  useEffect18(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
@@ -7382,11 +7543,15 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     monitor?.setActiveTab("chat");
     send(text);
   };
-  useEffect17(() => {
+  const handleAsk = (text, grounding) => {
+    monitor?.setActiveTab("chat");
+    send(text, { grounding });
+  };
+  useEffect18(() => {
     if (monitor && monitor.activeTab !== "chat" && state.isStreaming) monitor.markChatActivity();
   }, [monitor, state.isStreaming, state.messages.length]);
-  return /* @__PURE__ */ jsxs70("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsxs71("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ jsx86(
       ChatHeader,
       {
         onClose: close,
@@ -7399,7 +7564,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         moreOptionsLabel: ui.moreOptions
       }
     ),
-    monitor && /* @__PURE__ */ jsx85(
+    monitor && /* @__PURE__ */ jsx86(
       TabBar,
       {
         monitor,
@@ -7411,17 +7576,17 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         gamesEnabled: gamesResult?.enabled ?? false
       }
     ),
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx86(
       "div",
       {
         style: !monitor || monitor.activeTab === "chat" ? { display: "contents" } : { position: "absolute", inset: 0, visibility: "hidden", display: "flex", flexDirection: "column" },
-        children: /* @__PURE__ */ jsx85(MessageList, { controller, ui, slip, onDashboardTap, monitor })
+        children: /* @__PURE__ */ jsx86(MessageList, { controller, ui, slip, onDashboardTap, monitor })
       }
     ),
-    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ jsx85(TodayPanel, { discovery, ui, monitor }),
-    monitor && monitor.activeTab === "following" && /* @__PURE__ */ jsx85(MatchesPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ jsx85(OddsPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ jsx85(
+    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ jsx86(TodayPanel, { discovery, ui, monitor }),
+    monitor && monitor.activeTab === "following" && /* @__PURE__ */ jsx86(MatchesPanel, { monitor, ui, slip, onAsk: handleAsk }),
+    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ jsx86(OddsPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ jsx86(
       GamesPanel,
       {
         loggedIn: !!loggedIn,
@@ -7435,7 +7600,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         }
       }
     ),
-    monitor && monitor.activeTab === "leaderboard" && leaderboardResult && /* @__PURE__ */ jsx85(
+    monitor && monitor.activeTab === "leaderboard" && leaderboardResult && /* @__PURE__ */ jsx86(
       LeaderboardPanel,
       {
         loggedIn: !!loggedIn,
@@ -7445,7 +7610,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         ui
       }
     ),
-    (!monitor || monitor.activeTab !== "games" && monitor.activeTab !== "leaderboard") && /* @__PURE__ */ jsx85(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: handleSend, onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
+    (!monitor || monitor.activeTab !== "games" && monitor.activeTab !== "leaderboard") && /* @__PURE__ */ jsx86(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: handleSend, onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
   ] });
 }
 
@@ -7993,6 +8158,59 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-dash--discovery .ss-w-dash-tile:nth-child(2) { background: color-mix(in srgb, #3a82f6 10%, var(--ss-w-panel)); }
 .ss-w-dash--discovery .ss-w-dash-tile:nth-child(3) { background: color-mix(in srgb, #f5a623 10%, var(--ss-w-panel)); }
 .ss-w-dash--discovery .ss-w-dash-tile:nth-child(4) { background: color-mix(in srgb, #a855f7 10%, var(--ss-w-panel)); }
+/* A hero tile would take the first tint position; count only regular tiles where \`of S\` parses. */
+.ss-w-dash--discovery .ss-w-dash-tile:nth-child(1 of :not(.ss-w-dash-hero)) { background: color-mix(in srgb, #34c759 10%, var(--ss-w-panel)); }
+.ss-w-dash--discovery .ss-w-dash-tile:nth-child(2 of :not(.ss-w-dash-hero)) { background: color-mix(in srgb, #3a82f6 10%, var(--ss-w-panel)); }
+.ss-w-dash--discovery .ss-w-dash-tile:nth-child(3 of :not(.ss-w-dash-hero)) { background: color-mix(in srgb, #f5a623 10%, var(--ss-w-panel)); }
+.ss-w-dash--discovery .ss-w-dash-tile:nth-child(4 of :not(.ss-w-dash-hero)) { background: color-mix(in srgb, #a855f7 10%, var(--ss-w-panel)); }
+
+/* Hero: the personalized lead tile. Declared after the layout rules and at three-class
+   specificity so it keeps one look in every layout -- no market rail, no goal pill, no
+   discovery tint or stacking. Colours derive from accent/panel/ink so an operator surface
+   and dark mode both work without their own rules. */
+.ss-w-dash .ss-w-dash-grid .ss-w-dash-hero {
+  display: flex; flex-direction: column; align-items: stretch; gap: 10px;
+  padding: 12px 14px 14px; border-radius: 16px;
+  border: 1px solid color-mix(in srgb, var(--ss-w-accent) 38%, var(--ss-w-line));
+  background:
+    radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--ss-w-accent) 18%, transparent) 0%, transparent 60%),
+    var(--ss-w-panel);
+  box-shadow: 0 10px 24px -18px color-mix(in srgb, var(--ss-w-accent) 80%, transparent);
+}
+.ss-w-dash .ss-w-dash-grid .ss-w-dash-hero:hover { border-color: var(--ss-w-accent); }
+.ss-w-dash .ss-w-dash-grid .ss-w-dash-hero:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: 2px; }
+.ss-w-dash-hero-top { display: flex; align-items: center; gap: 8px; min-height: 20px; }
+.ss-w-dash-hero-badge {
+  font-size: 10.5px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase;
+  color: var(--ss-w-panel); background: color-mix(in srgb, var(--ss-w-accent) 45%, var(--ss-w-ink)); border-radius: 999px; padding: 3px 10px;
+  white-space: nowrap;
+}
+.ss-w-dash-hero-chevron { flex: none; width: 14px; height: 14px; color: var(--ss-w-faint); }
+.ss-w-dash-hero-badge { margin-right: auto; }
+.ss-w-dash-hero-chevron:only-child { margin-left: auto; }
+.ss-w-dash-hero-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
+.ss-w-dash-hero-visual { flex: none; display: flex; align-items: center; }
+.ss-w-dash-hero-crest {
+  width: 40px; height: 40px; border-radius: 50%;
+  background-color: color-mix(in srgb, var(--ss-w-ink) 4%, var(--ss-w-panel));
+  background-size: 72%; background-position: center; background-repeat: no-repeat;
+  box-shadow: 0 0 0 2px var(--ss-w-panel), 0 0 0 3px color-mix(in srgb, var(--ss-w-ink) 10%, var(--ss-w-panel));
+}
+.ss-w-dash-hero-crest + .ss-w-dash-hero-crest { margin-left: -8px; }
+.ss-w-dash-hero-icon {
+  display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; font-size: 22px;
+  background: color-mix(in srgb, var(--ss-w-accent) 14%, var(--ss-w-panel));
+}
+.ss-w-dash-hero-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
+.ss-w-dash-hero-title { font-size: 15.5px; font-weight: 700; line-height: 1.25; color: var(--ss-w-ink); overflow-wrap: anywhere; }
+.ss-w-dash-hero-subtitle { font-size: 12px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
+.ss-w-dash-hero-price {
+  flex: none; margin-left: auto;
+  font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 750; line-height: 1;
+  color: color-mix(in srgb, var(--ss-w-accent) 45%, var(--ss-w-ink)); padding: 5px 9px; border-radius: 8px;
+  background: color-mix(in srgb, var(--ss-w-accent) 12%, var(--ss-w-panel));
+  border: 1px solid color-mix(in srgb, var(--ss-w-accent) 30%, var(--ss-w-panel));
+}
 
 /* club fan pre-match dashboard */
 .ss-w-fandash { display: flex; flex-direction: column; gap: 10px; padding: 4px 0; }
@@ -8333,6 +8551,21 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-mon-scorers-home { text-align: right; }
 .ss-w-mon-scorers-away { text-align: left; }
 .ss-w-mon-scorers-ball { flex: none; align-self: start; line-height: 1.35; }
+.ss-w-fact { display: flex; flex-direction: column; gap: 7px; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--ss-w-accent) 9%, transparent); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 22%, transparent); }
+.ss-w-fact-k { display: flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--ss-w-accent); }
+.ss-w-fact-min { color: var(--ss-w-ink); letter-spacing: 0; }
+.ss-w-fact-subj { margin-left: auto; text-transform: none; letter-spacing: 0; font-weight: 650; color: var(--ss-w-faint); }
+.ss-w-fact-text { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--ss-w-ink); }
+.ss-w-fact-basis { font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-fact-mkt { display: flex; align-items: center; gap: 8px; font-size: 11.5px; border: 1px solid var(--ss-w-line); border-radius: 8px; padding: 6px 8px; }
+.ss-w-fact-foot { display: flex; align-items: center; gap: 14px; }
+.ss-w-fact-link { font: inherit; font-size: 11.5px; font-weight: 700; color: var(--ss-w-accent); background: none; border: none; padding: 4px 0; min-height: 32px; cursor: pointer; }
+.ss-w-fact-link--muted { color: var(--ss-w-faint); margin-left: auto; }
+.ss-w-fact-hist { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ss-w-line); }
+.ss-w-fact-hist li { display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--ss-w-line); }
+.ss-w-fact-hist li:last-child { border-bottom: none; }
+.ss-w-fact-hmin { font-size: 11px; font-weight: 800; color: var(--ss-w-faint); font-variant-numeric: tabular-nums; }
+.ss-w-fact-htext { margin: 0; font-size: 12.5px; line-height: 1.4; color: var(--ss-w-ink); }
 .ss-w-mon-stats { display: flex; flex-direction: column; gap: 10px; }
 .ss-w-mon-stat { display: flex; flex-direction: column; gap: 5px; }
 .ss-w-mon-pstrip { padding: 6px 8px; border-radius: 8px; background: color-mix(in srgb, var(--ss-w-accent) 8%, transparent); }
@@ -8866,7 +9099,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 `;
 
 // src/StatsWidget.tsx
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -8900,14 +9133,14 @@ function StatsWidget(props) {
     [built?.client]
   );
   const ui = useMemo3(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
-  const rootRef = useRef14(null);
-  const introDoneRef = useRef14(false);
-  const markIntroDone = useCallback9(() => {
+  const rootRef = useRef15(null);
+  const introDoneRef = useRef15(false);
+  const markIntroDone = useCallback10(() => {
     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] = useState38(false);
+  const [hasToday, setHasToday] = useState39(false);
   const monitor = useLiveMonitor({
     getLiveMonitor: (pins) => built ? built.conversation.getLiveMonitor(pins) : Promise.resolve(null),
     getMarketOdds: (matchId, dev) => built ? built.conversation.getMarketOdds(matchId, dev) : Promise.resolve(null),
@@ -8915,11 +9148,11 @@ function StatsWidget(props) {
     isOpen: controller.state.isOpen,
     hasToday
   });
-  const getSchedule = useCallback9(
+  const getSchedule = useCallback10(
     (localDate, utcOffsetMinutes) => built ? built.conversation.getSchedule(localDate, utcOffsetMinutes) : Promise.resolve(null),
     [built]
   );
-  const getStates = useCallback9(
+  const getStates = useCallback10(
     (matchIds) => built ? built.conversation.getStates(matchIds) : Promise.resolve(null),
     [built]
   );
@@ -8935,14 +9168,14 @@ function StatsWidget(props) {
     pinnedMatchIds
   });
   const todayHasContent = visibleGroupsOf(discovery.groups, discovery.states).length > 0;
-  useEffect18(() => {
+  useEffect19(() => {
     setHasToday(todayHasContent);
   }, [todayHasContent]);
   const gamesResult = useGames(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const leaderboardResult = useLeaderboard(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const markTodayActivity = monitor.markTodayActivity;
-  const prevLiveCountRef = useRef14(0);
-  useEffect18(() => {
+  const prevLiveCountRef = useRef15(0);
+  useEffect19(() => {
     const rose = prevLiveCountRef.current === 0 && discovery.liveCount > 0;
     prevLiveCountRef.current = discovery.liveCount;
     if (rose) markTodayActivity();
@@ -8959,29 +9192,24 @@ function StatsWidget(props) {
           if (wasAdded(result)) monitor.markInSlip(sel.matchOddsId);
           return result;
         }),
-        conversationId: controller.state.conversationId ?? void 0,
-        onMarketClicked: (marketName) => {
-          try {
-            void built?.conversation.sendSignal({ signalType: "InsightMarketClicked", entityType: "Market", entityName: marketName }).catch(() => void 0);
-          } catch {
-          }
-        }
+        conversationId: controller.state.conversationId ?? void 0
       };
     },
-    [props.config?.onAddToSlip, controller.state.conversationId, built, monitor.markInSlip]
+    [props.config?.onAddToSlip, controller.state.conversationId, monitor.markInSlip]
   );
   const onDashboardTap = useMemo3(
     () => built ? createDashboardTapSignal((input) => built.conversation.sendSignal(input), logger) : void 0,
     [built, logger]
   );
+  const dismissPopup = usePopupTelemetry(logger, controller.state.isOpen, controller.state.popupText, controller.dismissPopup);
   const operatorUserId = cfg?.userContext?.operatorUserId;
   const anonymousUserId = cfg?.userContext?.anonymousUserId;
   const conversationId = controller.state.conversationId ?? void 0;
-  useEffect18(() => {
+  useEffect19(() => {
     if (!logger) return;
     logger.setIdentity({ operatorUserId, anonymousUserId, conversationId });
   }, [logger, operatorUserId, anonymousUserId, conversationId]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!logger) return;
     const onHide = () => {
       logger.flushOnHide();
@@ -8998,14 +9226,14 @@ function StatsWidget(props) {
       logger.dispose();
     };
   }, [logger]);
-  useEffect18(() => {
+  useEffect19(() => {
     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__ */ jsx86(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ jsx86("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__ */ jsx86(
+  return /* @__PURE__ */ jsx87(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ jsx87("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__ */ jsx87(
     ChatPanel,
     {
       controller,
@@ -9019,7 +9247,7 @@ function StatsWidget(props) {
       loggedIn: !!operatorUserId,
       conversation: built?.conversation ?? null
     }
-  ) : /* @__PURE__ */ jsx86(
+  ) : /* @__PURE__ */ jsx87(
     ChatFab,
     {
       label: ui.launcherLabel,
@@ -9027,7 +9255,7 @@ function StatsWidget(props) {
       popupText: controller.state.popupText,
       logoUrl: ui.logoUrl,
       onOpen: controller.open,
-      onDismissPopup: controller.dismissPopup,
+      onDismissPopup: dismissPopup,
       dismissLabel: ui.dismissGreeting,
       introAllowed: !introDoneRef.current,
       onIntroStart: markIntroDone