@sensiblestats/widget-react 0.48.10 → 0.50.0

package/dist/index.cjs

@@ -36,7 +36,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/StatsWidget.tsx
-var import_react26 = require("react");
+var import_react39 = require("react");
 var import_widget_sdk5 = require("@sensiblestats/widget-sdk");
 
 // src/kickoff.ts
@@ -120,6 +120,7 @@ var STRINGS = {
     graceNote: "Unpins on next open \xB7 or in 4 h",
     suspendedLabel: "Suspended",
     fullTimeLabel: "Full time",
+    ownGoalLabel: "OG",
     inSlipLabel: "In slip",
     oddsUnavailable: "Odds unavailable right now",
     momentumLabel: "Momentum",
@@ -129,7 +130,18 @@ var STRINGS = {
     tabToday: "Today",
     sectionLive: "Live",
     halfTime: "HT",
-    staleStates: "Live scores can't be updated \u2014 showing the last known state."
+    staleStates: "Live scores can't be updated \u2014 showing the last known state.",
+    tabGames: "Games",
+    tabLeaderboard: "Leaderboard",
+    gamesLoginRequired: "Sign in to play and climb the leaderboard",
+    back: "Back",
+    leaderboardOffBoard: "Outside top 50",
+    leaderboardThisWeek: "This week",
+    leaderboardAllTime: "All time",
+    gamePlay: "Play",
+    gameResume: "Resume",
+    gameLocked: "Locked",
+    gameVoided: "Voided"
   },
   tr: {
     launcherLabel: "SensibleStats ile sohbet et",
@@ -198,6 +210,7 @@ var STRINGS = {
     graceNote: "Bir sonraki a\xE7\u0131l\u0131\u015Fta kald\u0131r\u0131l\u0131r \xB7 en ge\xE7 4 saat",
     suspendedLabel: "Ask\u0131da",
     fullTimeLabel: "Ma\xE7 sonu",
+    ownGoalLabel: "KK",
     inSlipLabel: "Kuponda",
     oddsUnavailable: "Oranlar \u015Fu anda kullan\u0131lam\u0131yor",
     momentumLabel: "Momentum",
@@ -207,7 +220,18 @@ var STRINGS = {
     tabToday: "Bug\xFCn",
     sectionLive: "Canl\u0131",
     halfTime: "\u0130Y",
-    staleStates: "Canl\u0131 skorlar g\xFCncellenemiyor \u2014 son bilinen durum g\xF6steriliyor."
+    staleStates: "Canl\u0131 skorlar g\xFCncellenemiyor \u2014 son bilinen durum g\xF6steriliyor.",
+    tabGames: "Oyunlar",
+    tabLeaderboard: "Lider Tablosu",
+    gamesLoginRequired: "Oynamak ve lider tablosuna girmek i\xE7in giri\u015F yap\u0131n",
+    back: "Geri",
+    leaderboardOffBoard: "\u0130lk 50 d\u0131\u015F\u0131nda",
+    leaderboardThisWeek: "Bu hafta",
+    leaderboardAllTime: "T\xFCm zamanlar",
+    gamePlay: "Oyna",
+    gameResume: "Devam et",
+    gameLocked: "Kilitli",
+    gameVoided: "\u0130ptal edildi"
   }
 };
 function resolveLocaleStrings(locale) {
@@ -299,12 +323,24 @@ function normalizeUi(cfg) {
     graceNote: strings.graceNote,
     suspendedLabel: strings.suspendedLabel,
     fullTimeLabel: strings.fullTimeLabel,
+    ownGoalLabel: strings.ownGoalLabel,
     inSlipLabel: strings.inSlipLabel,
     oddsUnavailable: strings.oddsUnavailable,
     momentumLabel: strings.momentumLabel,
     accordionValueLabel: strings.accordionValueLabel,
     accordionRetry: strings.accordionRetry,
-    accordionSuspended: strings.accordionSuspended
+    accordionSuspended: strings.accordionSuspended,
+    tabGames: strings.tabGames,
+    tabLeaderboard: strings.tabLeaderboard,
+    gamesLoginRequired: strings.gamesLoginRequired,
+    back: strings.back,
+    leaderboardOffBoard: strings.leaderboardOffBoard,
+    leaderboardThisWeek: strings.leaderboardThisWeek,
+    leaderboardAllTime: strings.leaderboardAllTime,
+    gamePlay: strings.gamePlay,
+    gameResume: strings.gameResume,
+    gameLocked: strings.gameLocked,
+    gameVoided: strings.gameVoided
   };
 }
 function toClientOptions(cfg) {
@@ -1139,7 +1175,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
 }
 
 // src/useLiveMonitor.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/pinStore.ts
 var MAX_MATCH_PINS = 5;
@@ -1201,6 +1237,13 @@ function createPinStore(storageKey, sessionId, onChange) {
   };
 }
 
+// src/useTabs.ts
+var import_react3 = require("react");
+function useTabs(initial = "chat") {
+  const [activeTab, setActiveTab] = (0, import_react3.useState)(initial);
+  return { activeTab, setActiveTab };
+}
+
 // src/useLiveMonitor.ts
 var GOAL_OR_RED = /* @__PURE__ */ new Set(["goal", "red"]);
 var MIN_POLL_MS = 5e3;
@@ -1221,37 +1264,37 @@ function phaseForPin(snapshot, pin) {
   return snapshot.markets.find((mk) => mk.key === pin.key)?.phase;
 }
 function useLiveMonitor(opts) {
-  const sessionIdRef = (0, import_react3.useRef)(crypto.randomUUID());
-  const [pins, setPins] = (0, import_react3.useState)([]);
-  const [store] = (0, import_react3.useState)(() => createPinStore(opts.storageKey, sessionIdRef.current, setPins));
-  const [enabled, setEnabled] = (0, import_react3.useState)(true);
-  const [snapshot, setSnapshotState] = (0, import_react3.useState)(null);
-  const [activeTab, setActiveTabState] = (0, import_react3.useState)("chat");
-  const [chatDot, setChatDot] = (0, import_react3.useState)(false);
-  const [matchesDot, setMatchesDot] = (0, import_react3.useState)(false);
-  const [oddsDot, setOddsDot] = (0, import_react3.useState)(false);
-  const [todayDot, setTodayDot] = (0, import_react3.useState)(false);
-  const [lastViewedPrices, setLastViewedPrices] = (0, import_react3.useState)({});
-  const [inSlip, setInSlip] = (0, import_react3.useState)({});
-  const [openMarket, setOpenMarket] = (0, import_react3.useState)({});
-  const [marketOdds, setMarketOdds] = (0, import_react3.useState)({});
-  const pinsRef = (0, import_react3.useRef)(pins);
+  const sessionIdRef = (0, import_react4.useRef)(crypto.randomUUID());
+  const [pins, setPins] = (0, import_react4.useState)([]);
+  const [store] = (0, import_react4.useState)(() => createPinStore(opts.storageKey, sessionIdRef.current, setPins));
+  const [enabled, setEnabled] = (0, import_react4.useState)(true);
+  const [snapshot, setSnapshotState] = (0, import_react4.useState)(null);
+  const { activeTab, setActiveTab: setActiveTabState } = useTabs("chat");
+  const [chatDot, setChatDot] = (0, import_react4.useState)(false);
+  const [matchesDot, setMatchesDot] = (0, import_react4.useState)(false);
+  const [oddsDot, setOddsDot] = (0, import_react4.useState)(false);
+  const [todayDot, setTodayDot] = (0, import_react4.useState)(false);
+  const [lastViewedPrices, setLastViewedPrices] = (0, import_react4.useState)({});
+  const [inSlip, setInSlip] = (0, import_react4.useState)({});
+  const [openMarket, setOpenMarket] = (0, import_react4.useState)({});
+  const [marketOdds, setMarketOdds] = (0, import_react4.useState)({});
+  const pinsRef = (0, import_react4.useRef)(pins);
   pinsRef.current = pins;
-  const activeTabRef = (0, import_react3.useRef)(activeTab);
+  const activeTabRef = (0, import_react4.useRef)(activeTab);
   activeTabRef.current = activeTab;
-  const snapshotRef = (0, import_react3.useRef)(snapshot);
+  const snapshotRef = (0, import_react4.useRef)(snapshot);
   snapshotRef.current = snapshot;
-  const lastViewedPricesRef = (0, import_react3.useRef)(lastViewedPrices);
+  const lastViewedPricesRef = (0, import_react4.useRef)(lastViewedPrices);
   lastViewedPricesRef.current = lastViewedPrices;
-  const openMarketRef = (0, import_react3.useRef)(openMarket);
+  const openMarketRef = (0, import_react4.useRef)(openMarket);
   openMarketRef.current = openMarket;
-  const marketOddsRef = (0, import_react3.useRef)(marketOdds);
+  const marketOddsRef = (0, import_react4.useRef)(marketOdds);
   marketOddsRef.current = marketOdds;
   const hasToday = opts.hasToday ?? false;
   const marketKey = (matchId, dev) => `${matchId}:${dev}`;
-  const getMarketOddsRef = (0, import_react3.useRef)(opts.getMarketOdds);
+  const getMarketOddsRef = (0, import_react4.useRef)(opts.getMarketOdds);
   getMarketOddsRef.current = opts.getMarketOdds;
-  const fetchMarket = (0, import_react3.useCallback)((matchId, dev) => {
+  const fetchMarket = (0, import_react4.useCallback)((matchId, dev) => {
     const key = marketKey(matchId, dev);
     const existing = marketOddsRef.current[key];
     if (existing?.loading) return;
@@ -1270,7 +1313,7 @@ function useLiveMonitor(opts) {
       setMarketOdds((prev) => ({ ...prev, [key]: entry }));
     });
   }, []);
-  const toggleMarket = (0, import_react3.useCallback)((matchId, dev) => {
+  const toggleMarket = (0, import_react4.useCallback)((matchId, dev) => {
     const key = marketKey(matchId, dev);
     const wasOpen = openMarketRef.current[matchId] === dev;
     const nextValue = wasOpen ? null : dev;
@@ -1281,10 +1324,10 @@ function useLiveMonitor(opts) {
       fetchMarket(matchId, dev);
     }
   }, [fetchMarket]);
-  const retryMarket = (0, import_react3.useCallback)((matchId, dev) => {
+  const retryMarket = (0, import_react4.useCallback)((matchId, dev) => {
     fetchMarket(matchId, dev);
   }, [fetchMarket]);
-  const applySnapshot = (0, import_react3.useCallback)((next) => {
+  const applySnapshot = (0, import_react4.useCallback)((next) => {
     if (next === null) {
       setEnabled(false);
       return;
@@ -1347,12 +1390,12 @@ function useLiveMonitor(opts) {
     snapshotRef.current = next;
     setSnapshotState(next);
   }, [store]);
-  const inFlightRef = (0, import_react3.useRef)(false);
-  const timerRef = (0, import_react3.useRef)(void 0);
-  const disabledRef = (0, import_react3.useRef)(false);
-  const getLiveMonitorRef = (0, import_react3.useRef)(opts.getLiveMonitor);
+  const inFlightRef = (0, import_react4.useRef)(false);
+  const timerRef = (0, import_react4.useRef)(void 0);
+  const disabledRef = (0, import_react4.useRef)(false);
+  const getLiveMonitorRef = (0, import_react4.useRef)(opts.getLiveMonitor);
   getLiveMonitorRef.current = opts.getLiveMonitor;
-  const tick = (0, import_react3.useCallback)(async () => {
+  const tick = (0, import_react4.useCallback)(async () => {
     if (inFlightRef.current || disabledRef.current || pinsRef.current.length === 0) return;
     inFlightRef.current = true;
     try {
@@ -1374,7 +1417,7 @@ function useLiveMonitor(opts) {
       scheduleRef.current();
     }
   }, [applySnapshot, fetchMarket]);
-  const scheduleRef = (0, import_react3.useRef)(() => {
+  const scheduleRef = (0, import_react4.useRef)(() => {
   });
   scheduleRef.current = () => {
     window.clearTimeout(timerRef.current);
@@ -1382,8 +1425,8 @@ function useLiveMonitor(opts) {
     const hinted = (snapshotRef.current?.nextPollSeconds ?? DEFAULT_POLL_MS / 1e3) * 1e3;
     timerRef.current = window.setTimeout(() => void tick(), Math.max(MIN_POLL_MS, hinted));
   };
-  const prevPinsLengthRef = (0, import_react3.useRef)(0);
-  (0, import_react3.useEffect)(() => {
+  const prevPinsLengthRef = (0, import_react4.useRef)(0);
+  (0, import_react4.useEffect)(() => {
     const wasEmpty = prevPinsLengthRef.current === 0;
     prevPinsLengthRef.current = pins.length;
     if (pins.length === 0) {
@@ -1392,20 +1435,20 @@ function useLiveMonitor(opts) {
     }
     if (wasEmpty) void tick();
   }, [pins.length, tick]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const matchPins = pins.filter((p) => p.kind === "match").length;
     const marketPins = pins.length - matchPins;
     if (activeTab === "following" && matchPins === 0) setActiveTabState(hasToday ? "today" : "chat");
     if (activeTab === "odds" && marketPins === 0) setActiveTabState(hasToday ? "today" : "chat");
     if (activeTab === "today" && !hasToday) setActiveTabState("chat");
   }, [pins, activeTab, hasToday]);
-  const prevIsOpenRef = (0, import_react3.useRef)(false);
-  (0, import_react3.useEffect)(() => {
+  const prevIsOpenRef = (0, import_react4.useRef)(false);
+  (0, import_react4.useEffect)(() => {
     const wasClosed = !prevIsOpenRef.current;
     prevIsOpenRef.current = opts.isOpen;
     if (wasClosed && opts.isOpen) void tick();
   }, [opts.isOpen, tick]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const onVisibility = () => {
       if (document.visibilityState === "hidden") window.clearTimeout(timerRef.current);
       else void tick();
@@ -1416,7 +1459,7 @@ function useLiveMonitor(opts) {
       window.clearTimeout(timerRef.current);
     };
   }, [tick]);
-  const setActiveTab = (0, import_react3.useCallback)((tab) => {
+  const setActiveTab = (0, import_react4.useCallback)((tab) => {
     setActiveTabState(tab);
     if (tab === "chat") setChatDot(false);
     if (tab === "today") setTodayDot(false);
@@ -1437,13 +1480,13 @@ function useLiveMonitor(opts) {
       void tick();
     }
   }, [tick]);
-  const togglePin = (0, import_react3.useCallback)((pin) => store.toggle(pin), [store]);
-  const isPinned = (0, import_react3.useCallback)((key) => pinsRef.current.some((p) => p.key === key), []);
-  const markChatActivity = (0, import_react3.useCallback)(() => setChatDot(true), []);
-  const markTodayActivity = (0, import_react3.useCallback)(() => {
+  const togglePin = (0, import_react4.useCallback)((pin) => store.toggle(pin), [store]);
+  const isPinned = (0, import_react4.useCallback)((key) => pinsRef.current.some((p) => p.key === key), []);
+  const markChatActivity = (0, import_react4.useCallback)(() => setChatDot(true), []);
+  const markTodayActivity = (0, import_react4.useCallback)(() => {
     if (activeTabRef.current !== "today") setTodayDot(true);
   }, []);
-  const markInSlip = (0, import_react3.useCallback)((matchOddsId) => {
+  const markInSlip = (0, import_react4.useCallback)((matchOddsId) => {
     setInSlip((prev) => prev[matchOddsId] ? prev : { ...prev, [matchOddsId]: true });
   }, []);
   return {
@@ -1472,7 +1515,7 @@ function useLiveMonitor(opts) {
 }
 
 // src/useMatchDiscovery.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/scheduleCache.ts
 var PREFIX = "ss-w-schedule:";
@@ -1560,27 +1603,27 @@ function localDateOf(now) {
   return `${y}-${m}-${d}`;
 }
 function useMatchDiscovery(opts) {
-  const [groups, setGroups] = (0, import_react4.useState)([]);
-  const [states, setStates] = (0, import_react4.useState)({});
-  const [failures, setFailures] = (0, import_react4.useState)(0);
-  const [expanded, setExpanded] = (0, import_react4.useState)({});
-  const [touched, setTouched] = (0, import_react4.useState)({});
-  const groupsRef = (0, import_react4.useRef)(groups);
+  const [groups, setGroups] = (0, import_react5.useState)([]);
+  const [states, setStates] = (0, import_react5.useState)({});
+  const [failures, setFailures] = (0, import_react5.useState)(0);
+  const [expanded, setExpanded] = (0, import_react5.useState)({});
+  const [touched, setTouched] = (0, import_react5.useState)({});
+  const groupsRef = (0, import_react5.useRef)(groups);
   groupsRef.current = groups;
-  const statesRef = (0, import_react4.useRef)(states);
+  const statesRef = (0, import_react5.useRef)(states);
   statesRef.current = states;
-  const getStatesRef = (0, import_react4.useRef)(opts.getStates);
+  const getStatesRef = (0, import_react5.useRef)(opts.getStates);
   getStatesRef.current = opts.getStates;
   const pinnedKey = opts.pinnedMatchIds.join(",");
-  const [localDate, setLocalDate] = (0, import_react4.useState)(() => localDateOf(/* @__PURE__ */ new Date()));
-  (0, import_react4.useEffect)(() => {
+  const [localDate, setLocalDate] = (0, import_react5.useState)(() => localDateOf(/* @__PURE__ */ new Date()));
+  (0, import_react5.useEffect)(() => {
     const id = setInterval(() => {
       const next = localDateOf(/* @__PURE__ */ new Date());
       setLocalDate((prev) => prev === next ? prev : next);
     }, ROLLOVER_CHECK_MS);
     return () => clearInterval(id);
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     let cancelled = false;
     const utcOffsetMinutes = -(/* @__PURE__ */ new Date()).getTimezoneOffset();
     const cached = readSchedule(opts.operatorId, localDate, Date.now());
@@ -1605,7 +1648,7 @@ function useMatchDiscovery(opts) {
       cancelled = true;
     };
   }, [opts.operatorId, localDate]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     setExpanded((prev) => {
       const next = {};
       for (const group of groups) {
@@ -1616,7 +1659,7 @@ function useMatchDiscovery(opts) {
       return next;
     });
   }, [groups, pinnedKey, touched]);
-  const tick = (0, import_react4.useCallback)(async () => {
+  const tick = (0, import_react5.useCallback)(async () => {
     const ids = dueMatchIds(groupsRef.current, statesRef.current, Date.now());
     if (ids.length === 0) return;
     try {
@@ -1632,7 +1675,7 @@ function useMatchDiscovery(opts) {
       setFailures((n) => n + 1);
     }
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!opts.isOpen) return;
     void tick();
     const id = setInterval(() => {
@@ -1641,17 +1684,118 @@ function useMatchDiscovery(opts) {
     return () => clearInterval(id);
   }, [opts.isOpen, tick, groups]);
   const stale = failures >= STALE_AFTER_FAILURES;
-  const liveCount = (0, import_react4.useMemo)(
+  const liveCount = (0, import_react5.useMemo)(
     () => stale ? 0 : Object.values(states).filter((s) => s.phase === "live").length,
     [states, stale]
   );
-  const toggleGroup = (0, import_react4.useCallback)((competitionId) => {
+  const toggleGroup = (0, import_react5.useCallback)((competitionId) => {
     setTouched((prev) => ({ ...prev, [competitionId]: true }));
     setExpanded((prev) => ({ ...prev, [competitionId]: !prev[competitionId] }));
   }, []);
   return { groups, states, liveCount, stale, expanded, toggleGroup, _tick: tick };
 }
 
+// src/useGames.ts
+var import_react6 = require("react");
+var GAMES_POLL_MS = 6e4;
+var DEFAULT_TZ = "Europe/London";
+function computeGameDay(timezone) {
+  return new Intl.DateTimeFormat("en-CA", { timeZone: timezone }).format(/* @__PURE__ */ new Date());
+}
+function useGames(conversation, { activeTab, operatorTimezone }) {
+  const [enabled, setEnabled] = (0, import_react6.useState)(true);
+  const [games, setGames] = (0, import_react6.useState)([]);
+  const [loading, setLoading] = (0, import_react6.useState)(false);
+  const [refreshCount, setRefreshCount] = (0, import_react6.useState)(0);
+  const inFlightRef = (0, import_react6.useRef)(false);
+  const enabledRef = (0, import_react6.useRef)(true);
+  const conversationRef = (0, import_react6.useRef)(conversation);
+  conversationRef.current = conversation;
+  const tzRef = (0, import_react6.useRef)(operatorTimezone ?? DEFAULT_TZ);
+  tzRef.current = operatorTimezone ?? DEFAULT_TZ;
+  (0, import_react6.useEffect)(() => {
+    if (!enabledRef.current) return;
+    let active = true;
+    const doFetch = async () => {
+      const conv = conversationRef.current;
+      if (!conv || inFlightRef.current || !active) return;
+      inFlightRef.current = true;
+      setLoading(true);
+      try {
+        const gameDay = computeGameDay(tzRef.current);
+        const result = await conv.getGames(gameDay);
+        if (!active) return;
+        if (result === null) {
+          enabledRef.current = false;
+          setEnabled(false);
+        } else {
+          setGames(result.games);
+        }
+      } catch {
+      } finally {
+        inFlightRef.current = false;
+        if (active) setLoading(false);
+      }
+    };
+    void doFetch();
+    let intervalId;
+    if (activeTab === "games") {
+      intervalId = window.setInterval(() => {
+        if (!enabledRef.current) {
+          window.clearInterval(intervalId);
+          return;
+        }
+        void doFetch();
+      }, GAMES_POLL_MS);
+    }
+    return () => {
+      active = false;
+      if (intervalId !== void 0) window.clearInterval(intervalId);
+    };
+  }, [activeTab, refreshCount]);
+  const refresh = (0, import_react6.useCallback)(() => {
+    setRefreshCount((c) => c + 1);
+  }, []);
+  return { enabled, games, loading, refresh };
+}
+
+// src/useLeaderboard.ts
+var import_react7 = require("react");
+function useLeaderboard(conversation, { activeTab }) {
+  const [data, setData] = (0, import_react7.useState)(null);
+  const [loading, setLoading] = (0, import_react7.useState)(false);
+  const [refreshCount, setRefreshCount] = (0, import_react7.useState)(0);
+  const inFlightRef = (0, import_react7.useRef)(false);
+  const conversationRef = (0, import_react7.useRef)(conversation);
+  conversationRef.current = conversation;
+  (0, import_react7.useEffect)(() => {
+    if (activeTab !== "leaderboard") return;
+    let active = true;
+    const doFetch = async () => {
+      const conv = conversationRef.current;
+      if (!conv || inFlightRef.current) return;
+      inFlightRef.current = true;
+      setLoading(true);
+      try {
+        const result = await conv.getLeaderboard();
+        if (active) setData(result);
+      } catch {
+      } finally {
+        inFlightRef.current = false;
+        if (active) setLoading(false);
+      }
+    };
+    void doFetch();
+    return () => {
+      active = false;
+    };
+  }, [activeTab, refreshCount]);
+  const refresh = (0, import_react7.useCallback)(() => {
+    setRefreshCount((c) => c + 1);
+  }, []);
+  return { data, loading, refresh };
+}
+
 // src/liveClock.ts
 function isTreatedLive(state, pollStale) {
   return state?.phase === "live" && !pollStale;
@@ -1664,17 +1808,17 @@ function visibleGroupsOf(groups, states) {
 }
 
 // src/eventLogContext.ts
-var import_react5 = require("react");
-var EventLogContext = (0, import_react5.createContext)(null);
+var import_react8 = require("react");
+var EventLogContext = (0, import_react8.createContext)(null);
 function useEventLog() {
-  return (0, import_react5.useContext)(EventLogContext);
+  return (0, import_react8.useContext)(EventLogContext);
 }
 
 // src/components/ChatFab.tsx
-var import_react7 = require("react");
+var import_react10 = require("react");
 
 // src/components/BrandMark.tsx
-var import_react6 = require("react");
+var import_react9 = require("react");
 
 // src/assets/logo.ts
 var SS_LOGO_DATA_URI = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjoAAAI6CAYAAAAuSOLAAAAAAXNSR0IArs4c6QAAAJplWElmTU0AKgAAAAgAAwESAAMAAAABAAEAAAExAAIAAAA9AAAAModpAAQAAAABAAAAcAAAAABBZG9iZSBQaG90b3Nob3AgMjYuMTAgKDIwMjUwNzMwLm0uMzE2NiAwN2IxMjM0KSAgKE1hY2ludG9zaCkAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAAI6oAMABAAAAAEAAAI6AAAAACwGtVwAAAQwaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPnhtcC5kaWQ6QzBGRTM5NjM5NEJEMTFGMEJGNjZEMjUyN0U0MzU5RUM8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6QzBGRTM5NjI5NEJEMTFGMEJGNjZEMjUyN0U0MzU5RUM8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEZXJpdmVkRnJvbSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgIDxzdFJlZjppbnN0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";
@@ -1723,7 +1867,7 @@ function DashboardIcon({ name }) {
 // src/components/BrandMark.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function BrandMark({ logoUrl, className }) {
-  const [failed, setFailed] = (0, import_react6.useState)(false);
+  const [failed, setFailed] = (0, import_react9.useState)(false);
   if (!logoUrl || failed) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SsMark, { className });
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { className, src: logoUrl, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
 }
@@ -1748,9 +1892,9 @@ function GreetingBubble({ text, onOpen, onDismiss, dismissLabel = "Dismiss" }) {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup, dismissLabel = "Dismiss", introAllowed = false, onIntroStart }) {
   const bubble = popupText ?? greeting;
-  const [intro, setIntro] = (0, import_react7.useState)(false);
-  const armedRef = (0, import_react7.useRef)(introAllowed);
-  (0, import_react7.useEffect)(() => {
+  const [intro, setIntro] = (0, import_react10.useState)(false);
+  const armedRef = (0, import_react10.useRef)(introAllowed);
+  (0, import_react10.useEffect)(() => {
     if (armedRef.current && bubble) {
       armedRef.current = false;
       setIntro(true);
@@ -1764,10 +1908,10 @@ function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup,
 }
 
 // src/components/ChatPanel.tsx
-var import_react25 = require("react");
+var import_react38 = require("react");
 
 // src/components/ChatHeader.tsx
-var import_react8 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function ChatHeader({
   onClose,
@@ -1779,15 +1923,15 @@ function ChatHeader({
   newConversationLabel = "New conversation",
   moreOptionsLabel = "More options"
 }) {
-  const [menuOpen, setMenuOpen] = (0, import_react8.useState)(false);
-  const wrapRef = (0, import_react8.useRef)(null);
-  const kebabRef = (0, import_react8.useRef)(null);
-  const firstItemRef = (0, import_react8.useRef)(null);
+  const [menuOpen, setMenuOpen] = (0, import_react11.useState)(false);
+  const wrapRef = (0, import_react11.useRef)(null);
+  const kebabRef = (0, import_react11.useRef)(null);
+  const firstItemRef = (0, import_react11.useRef)(null);
   const hasMenu = !!(canReset && onNewConversation);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (menuOpen) firstItemRef.current?.focus();
   }, [menuOpen]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!menuOpen) return;
     const onPointer = (e) => {
       if (!wrapRef.current?.contains(e.target)) setMenuOpen(false);
@@ -1843,7 +1987,7 @@ function ChatHeader({
 }
 
 // src/components/MessageList.tsx
-var import_react23 = require("react");
+var import_react26 = require("react");
 
 // src/components/Markdown.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
@@ -1861,7 +2005,7 @@ function Markdown({ text }) {
 }
 
 // src/components/EntityCardList.tsx
-var import_react9 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var MAX_VISIBLE = 3;
 var RECORD_RE = /^(\d+)-(\d+)-(\d+)$/;
@@ -1945,7 +2089,7 @@ function ScopeTabs({ scopes, active, onSelect }) {
   )) });
 }
 function EntityCardItem({ c }) {
-  const [active, setActive] = (0, import_react9.useState)(0);
+  const [active, setActive] = (0, import_react12.useState)(0);
   const hasBody = c.scopes.length > 0;
   if (!hasBody) {
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "ss-w-ecard ss-w-ecard-bare", "data-kind": c.kind, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardHeader, { c, showScopeCrest: false }) });
@@ -1959,7 +2103,7 @@ function EntityCardItem({ c }) {
   ] });
 }
 function EntityCardList({ cards, disabled, showLessLabel = "Show less", showMoreLabel = (n) => `Show ${n} more` }) {
-  const [expanded, setExpanded] = (0, import_react9.useState)(false);
+  const [expanded, setExpanded] = (0, import_react12.useState)(false);
   if (cards.length === 0) return null;
   const visible = expanded ? cards : cards.slice(0, MAX_VISIBLE);
   const overflow = cards.length - MAX_VISIBLE;
@@ -1970,18 +2114,18 @@ function EntityCardList({ cards, disabled, showLessLabel = "Show less", showMore
 }
 
 // src/components/BettingInsightList.tsx
-var import_react14 = require("react");
+var import_react17 = require("react");
 
 // src/components/AddToSlipButton.tsx
-var import_react11 = require("react");
+var import_react14 = require("react");
 var import_widget_sdk4 = require("@sensiblestats/widget-sdk");
 
 // src/components/Toast.tsx
-var import_react10 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var DISMISS_MS = 4e3;
 function Toast({ toast, onDismiss }) {
-  (0, import_react10.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!toast) return;
     const timer = setTimeout(onDismiss, DISMISS_MS);
     return () => clearTimeout(timer);
@@ -1999,10 +2143,10 @@ function withTimeout(value) {
   ]);
 }
 function SlipButton({ selection, shownOdds, marketName, marketDeveloperName, slip, ui }) {
-  const [pending, setPending] = (0, import_react11.useState)(false);
-  const [settled, setSettled] = (0, import_react11.useState)(false);
-  const [toast, setToast] = (0, import_react11.useState)(null);
-  const dismiss = (0, import_react11.useCallback)(() => setToast(null), []);
+  const [pending, setPending] = (0, import_react14.useState)(false);
+  const [settled, setSettled] = (0, import_react14.useState)(false);
+  const [toast, setToast] = (0, import_react14.useState)(null);
+  const dismiss = (0, import_react14.useCallback)(() => setToast(null), []);
   const log = useEventLog();
   const handler = slip.onAddToSlip;
   if (!ui || !handler || !selection) return null;
@@ -2092,14 +2236,14 @@ function OddsMovementBadge({
 }
 
 // src/components/Crest.tsx
-var import_react12 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function initials2(name) {
   return (name ?? "").trim().slice(0, 1).toUpperCase() || "?";
 }
 function Crest2({ url, name, kind }) {
   const cls = kind === "comp" ? "ss-w-bi-comp-logo" : "ss-w-bi-crest";
-  const [failed, setFailed] = (0, import_react12.useState)(false);
+  const [failed, setFailed] = (0, import_react15.useState)(false);
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
   }
@@ -2107,7 +2251,7 @@ function Crest2({ url, name, kind }) {
 }
 
 // src/components/PinToggle.tsx
-var import_react13 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime12 = require("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" },
@@ -2115,8 +2259,8 @@ var PIN_GLYPHS = {
   bookmark: { viewBox: "0 0 24 24", strokeWidth: 2, d: "M7 3h10a1.5 1.5 0 0 1 1.5 1.5V21l-6.5-3.6L5.5 21V4.5A1.5 1.5 0 0 1 7 3z" }
 };
 function PinToggle({ pin, monitor, ui }) {
-  const [toast, setToast] = (0, import_react13.useState)(null);
-  const dismiss = (0, import_react13.useCallback)(() => setToast(null), []);
+  const [toast, setToast] = (0, import_react16.useState)(null);
+  const dismiss = (0, import_react16.useCallback)(() => setToast(null), []);
   const log = useEventLog();
   if (!monitor || !monitor.enabled) return null;
   const key = pinKey(pin);
@@ -2176,7 +2320,7 @@ function StatRows({ stats }) {
   ] }, `${s.label}:${s.value}`)) });
 }
 function ScopedStats({ scopes }) {
-  const [active, setActive] = (0, import_react14.useState)(0);
+  const [active, setActive] = (0, import_react17.useState)(0);
   const current = scopes[active] ?? scopes[0] ?? { key: "", label: "", stats: [] };
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ss-w-bi-scoped", children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ss-w-bi-scopes", role: "group", children: scopes.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "ss-w-bi-chip", "aria-pressed": i === active, onClick: () => setActive(i), children: s.label }, s.key)) }),
@@ -2187,7 +2331,7 @@ function hasStatsContent(it) {
   return !!it.scopes && it.scopes.length >= 2 || it.stats.length > 0;
 }
 function ReasonStrip({ it, ui }) {
-  const [open, setOpen] = (0, import_react14.useState)(false);
+  const [open, setOpen] = (0, import_react17.useState)(false);
   const log = useEventLog();
   const hasScopes = !!it.scopes && it.scopes.length >= 2;
   const hasStats = hasStatsContent(it);
@@ -2307,7 +2451,7 @@ function BettingInsightList({ insights, ui, slip, monitor }) {
 }
 
 // src/components/MarketOddsCardList.tsx
-var import_react15 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function OddsRow({ vm, row, ui, slip, inSlipIds }) {
   const selection = vm.addToSlipEnabled ? marketOddsRowToSlipSelection(vm, row, slip.conversationId) : null;
@@ -2324,7 +2468,7 @@ function OddsRow({ vm, row, ui, slip, inSlipIds }) {
   ] });
 }
 function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }) {
-  const [open, setOpen] = (0, import_react15.useState)(false);
+  const [open, setOpen] = (0, import_react18.useState)(false);
   const kickoffFallback = vm.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(vm.kickoffUtc) : void 0;
   const kickoff = vm.kickoffLabel ?? (kickoffFallback ? `${kickoffFallback.dayLabel} ${kickoffFallback.time}` : void 0);
   const hasNamedTeams = !!vm.homeTeamName && !!vm.awayTeamName;
@@ -2627,7 +2771,7 @@ function FixtureCard({ card }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-var import_react16 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -2646,12 +2790,12 @@ function remainingSegments(kickoffUnix, nowMs, withSeconds) {
 function CountdownCard({ card }) {
   const { data } = card;
   const unitLabel = { d: data.daysUnit, h: data.hoursUnit, m: data.minutesUnit, s: data.secondsUnit };
-  const [nowMs, setNowMs] = (0, import_react16.useState)(() => Date.now());
-  const [reduced] = (0, import_react16.useState)(
+  const [nowMs, setNowMs] = (0, import_react19.useState)(() => Date.now());
+  const [reduced] = (0, import_react19.useState)(
     () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
   );
   const withinDay = data.kickoffUnix * 1e3 - nowMs < DAY_MS;
-  (0, import_react16.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (reduced) return;
     const id = window.setInterval(() => setNowMs(Date.now()), withinDay ? 1e3 : 6e4);
     return () => window.clearInterval(id);
@@ -2659,7 +2803,7 @@ function CountdownCard({ card }) {
   const segments = remainingSegments(data.kickoffUnix, nowMs, withinDay && !reduced);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ss-w-fandash-card ss-w-fandash-countdown", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "ss-w-fandash-countdown-top", children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title ?? "Kick-off in" }),
-    segments ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react16.Fragment, { children: [
+    segments ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react19.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-countdown-colon", children: ":" }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "ss-w-fandash-countdown-seg", children: [
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-countdown-value", children: s.value }),
@@ -2670,7 +2814,7 @@ function CountdownCard({ card }) {
 }
 
 // src/components/dashboard/InjuriesCard.tsx
-var import_react17 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var SHOWN = 3;
 function ColHead({ name, crestUrl }) {
@@ -2693,7 +2837,7 @@ function InjuryList({ rows, emptyLabel, limit }) {
 }
 function InjuriesCard({ card, ui }) {
   const { data } = card;
-  const [expanded, setExpanded] = (0, import_react17.useState)(false);
+  const [expanded, setExpanded] = (0, import_react20.useState)(false);
   const hidden = Math.max(0, data.ours.length - SHOWN) + Math.max(0, data.theirs.length - SHOWN);
   const limit = expanded ? void 0 : SHOWN;
   const showMore = ui?.showMore ?? ((n) => `Show ${n} more`);
@@ -2799,7 +2943,7 @@ function LinksCard({ card }) {
 }
 
 // src/components/dashboard/PostMatchResultCard.tsx
-var import_react18 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function initials3(name) {
   return name.trim().slice(0, 3).toUpperCase();
@@ -2809,7 +2953,7 @@ function PostMatchCrest({
   name,
   side
 }) {
-  const [failed, setFailed] = (0, import_react18.useState)(false);
+  const [failed, setFailed] = (0, import_react21.useState)(false);
   const cls = `ss-w-fandash-postmatch-crest ss-w-fandash-postmatch-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -3008,10 +3152,10 @@ function RestingFormCard({ card }) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-var import_react20 = require("react");
+var import_react23 = require("react");
 
 // src/useLiveClock.ts
-var import_react19 = require("react");
+var import_react22 = require("react");
 var TICK_MS = 6e4;
 var MAX_LIVE_TICK_MINUTES = 15;
 function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
@@ -3020,10 +3164,10 @@ function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
   return minute + Math.min(Math.max(0, elapsedMinutes), MAX_LIVE_TICK_MINUTES);
 }
 function useLiveClock(minute, clockRunning, receivedAtMs) {
-  const [displayMinute, setDisplayMinute] = (0, import_react19.useState)(
+  const [displayMinute, setDisplayMinute] = (0, import_react22.useState)(
     () => computeDisplayMinute(minute, clockRunning, receivedAtMs)
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     setDisplayMinute(computeDisplayMinute(minute, clockRunning, receivedAtMs));
     if (!clockRunning) return;
     const id = window.setInterval(() => {
@@ -3040,7 +3184,7 @@ function initials5(name) {
   return name.trim().slice(0, 3).toUpperCase();
 }
 function LiveCrest({ url, name, side }) {
-  const [failed, setFailed] = (0, import_react20.useState)(false);
+  const [failed, setFailed] = (0, import_react23.useState)(false);
   const cls = `ss-w-fandash-live-crest ss-w-fandash-live-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -3059,7 +3203,7 @@ function LiveScoreCard({
 }) {
   const { data } = card;
   const seedKey = `${data.minute}:${data.homeScore}:${data.awayScore}`;
-  const seedRef = (0, import_react20.useRef)(null);
+  const seedRef = (0, import_react23.useRef)(null);
   if (!seedRef.current || seedRef.current.key !== seedKey) {
     seedRef.current = { key: seedKey, receivedAtMs: Date.now() };
   }
@@ -3099,7 +3243,7 @@ function LiveScoreCard({
 }
 
 // src/components/dashboard/LiveTimelineCard.tsx
-var import_react21 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var SHOWN2 = 3;
 function EventIcon({ type }) {
@@ -3141,7 +3285,7 @@ function EventRow({ e }) {
   ] });
 }
 function LiveTimelineCard({ card, ui }) {
-  const [expanded, setExpanded] = (0, import_react21.useState)(false);
+  const [expanded, setExpanded] = (0, import_react24.useState)(false);
   const events = card.data.events;
   if (!events || events.length === 0) return null;
   const sorted = [...events].sort((a, b) => b.minute - a.minute);
@@ -3166,7 +3310,7 @@ function LiveTimelineCard({ card, ui }) {
 }
 
 // src/components/dashboard/MomentumWave.tsx
-var import_react22 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var WIDTH = 270;
 var HEIGHT = 56;
@@ -3190,7 +3334,7 @@ function MomentumWave({
 }) {
   if (points.length === 0) return null;
   const { area, line, lastLeftPct, lastTopPx } = buildPaths(points);
-  const clipId = (0, import_react22.useId)();
+  const clipId = (0, import_react25.useId)();
   const topClipId = `${clipId}-top`;
   const bottomClipId = `${clipId}-bottom`;
   const topClass = clubIsHome ? "ss-w-fandash-live-mom-home" : "ss-w-fandash-live-mom-away";
@@ -3381,11 +3525,11 @@ function turnAnchor(messages) {
 }
 function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
   const { state, send } = controller;
-  const listRef = (0, import_react23.useRef)(null);
-  const endRef = (0, import_react23.useRef)(null);
-  const pinnedRef = (0, import_react23.useRef)(true);
-  const anchoredTurnRef = (0, import_react23.useRef)(null);
-  (0, import_react23.useEffect)(() => {
+  const listRef = (0, import_react26.useRef)(null);
+  const endRef = (0, import_react26.useRef)(null);
+  const pinnedRef = (0, import_react26.useRef)(true);
+  const anchoredTurnRef = (0, import_react26.useRef)(null);
+  (0, import_react26.useEffect)(() => {
     const anchor = turnAnchor(state.messages);
     const list = listRef.current;
     if (anchor && anchor.turnId !== anchoredTurnRef.current) {
@@ -3441,10 +3585,10 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
 }
 
 // src/components/ChatInput.tsx
-var import_react24 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop response", sendLabel = "Send message" }) {
-  const [value, setValue] = (0, import_react24.useState)("");
+  const [value, setValue] = (0, import_react27.useState)("");
   const submit = () => {
     const t = value.trim();
     if (!t) return;
@@ -3465,12 +3609,16 @@ function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop r
 
 // src/components/TabBar.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
-function TabBar({ monitor, ui, matchCount, oddsCount, todayCount, hasToday }) {
+function TabBar({ monitor, ui, matchCount, oddsCount, todayCount, hasToday, gamesEnabled }) {
   const tabs = [
     { tab: "chat", label: ui.tabChat, count: 0, dot: monitor.chatDot },
     ...hasToday ? [{ tab: "today", label: ui.tabToday, count: todayCount, dot: monitor.todayDot }] : [],
     ...matchCount > 0 ? [{ tab: "following", label: ui.tabFollowing, count: matchCount, dot: monitor.matchesDot }] : [],
-    ...oddsCount > 0 ? [{ tab: "odds", label: ui.tabOdds, count: oddsCount, dot: monitor.oddsDot }] : []
+    ...oddsCount > 0 ? [{ tab: "odds", label: ui.tabOdds, count: oddsCount, dot: monitor.oddsDot }] : [],
+    ...gamesEnabled ? [
+      { tab: "games", label: ui.tabGames, count: 0, dot: false },
+      { tab: "leaderboard", label: ui.tabLeaderboard, count: 0, dot: false }
+    ] : []
   ];
   if (tabs.length < 2) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "ss-w-tabs", role: "tablist", children: tabs.map(({ tab, label, count, dot }) => {
@@ -3579,9 +3727,28 @@ function isPromoted(row, promotedPins) {
 function formatTime(iso) {
   return new Date(iso).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
+function groupScorers(goals, ownGoalLabel) {
+  const order = [];
+  const minutesByPlayer = /* @__PURE__ */ new Map();
+  for (const g of goals) {
+    const name = g.player ?? "";
+    const minute = g.ownGoal ? `${g.minuteLabel} (${ownGoalLabel})` : g.minuteLabel;
+    if (!minutesByPlayer.has(name)) {
+      minutesByPlayer.set(name, []);
+      order.push(name);
+    }
+    minutesByPlayer.get(name).push(minute);
+  }
+  return order.map((name) => {
+    const minutes = minutesByPlayer.get(name).join(", ");
+    return { player: name, label: name ? `${name} ${minutes}` : minutes };
+  });
+}
 function MonitorMatchCard({ match, promotedPins, monitor, ui, slip }) {
   const live = match.phase === "live";
-  const scorers = match.events.filter((e) => e.type === "goal");
+  const goals = match.events.filter((e) => e.type === "goal");
+  const homeScorers = groupScorers(goals.filter((e) => e.side === "home"), ui.ownGoalLabel);
+  const awayScorers = groupScorers(goals.filter((e) => e.side === "away"), ui.ownGoalLabel);
   const promotedRows = match.statRows.filter((row) => isPromoted(row, promotedPins));
   const otherRows = match.statRows.filter((row) => !isPromoted(row, promotedPins));
   const orderedRows = [...promotedRows, ...otherRows];
@@ -3617,7 +3784,11 @@ function MonitorMatchCard({ match, promotedPins, monitor, ui, slip }) {
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-name", children: match.awayTeamName })
       ] })
     ] }),
-    scorers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-scorers", children: scorers.map((e) => `${e.player ?? ""} ${e.minuteLabel}`).join(", ") }),
+    (homeScorers.length > 0 || awayScorers.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-scorers", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { className: "ss-w-mon-scorers-col ss-w-mon-scorers-home", children: homeScorers.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { children: s.label }, `${s.player}-${i}`)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-scorers-ball", "aria-hidden": "true", children: "\u26BD" }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { className: "ss-w-mon-scorers-col ss-w-mon-scorers-away", children: awayScorers.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { children: s.label }, `${s.player}-${i}`)) })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("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;
@@ -3839,114 +4010,1713 @@ function TodayPanel({ discovery, ui, monitor }) {
   ] });
 }
 
-// src/components/ChatPanel.tsx
+// src/components/GamesPanel.tsx
+var import_react36 = require("react");
+
+// src/components/GamesLoginWall.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var FULLSCREEN_QUERY = "(max-width: 639px)";
-function useIsModal() {
-  const [modal, setModal] = (0, import_react25.useState)(false);
-  (0, import_react25.useEffect)(() => {
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
-    const mql = window.matchMedia(FULLSCREEN_QUERY);
-    const sync = () => setModal(mql.matches);
-    sync();
-    mql.addEventListener("change", sync);
-    return () => mql.removeEventListener("change", sync);
-  }, []);
-  return modal;
+function GamesLoginWall({ ui }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "ss-w-games-wall", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { children: ui.gamesLoginRequired }) }) });
 }
-function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery }) {
-  const { state, close, stop, send, reset } = controller;
-  const isModal = useIsModal();
-  (0, import_react25.useEffect)(() => {
-    const onKey = (e) => {
-      if (e.key === "Escape") close();
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [close]);
-  const handleSend = (text) => {
-    monitor?.setActiveTab("chat");
-    send(text);
+
+// src/components/GameTile.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var GAME_ICONS = {
+  "mystery-tiger": "\u{1F42F}",
+  "daily-quiz": "\u{1F9E0}",
+  "career-path": "\u26BD",
+  "beat-the-grid": "\u{1F3AF}",
+  "guess-xi": "\u{1F4CB}",
+  "head-of-league": "\u{1F3C6}"
+};
+function gameIcon(game) {
+  return GAME_ICONS[game.gameId] ?? (game.kind === "fixture" ? "\u{1F4C5}" : "\u{1F3AE}");
+}
+function formatCountdown(lockAtUtc) {
+  const diff = new Date(lockAtUtc).getTime() - Date.now();
+  if (diff <= 0) return null;
+  const totalMins = Math.floor(diff / 6e4);
+  const hours = Math.floor(totalMins / 60);
+  const mins = totalMins % 60;
+  if (hours > 0) return `${hours}h ${mins}m`;
+  return `${mins}m`;
+}
+function tileStatusLabel(game, ui) {
+  switch (game.status) {
+    case "available":
+      return ui.gamePlay;
+    case "in_progress":
+      return ui.gameResume;
+    case "played":
+    case "graded": {
+      const pts = game.score ?? 0;
+      return `+${pts.toLocaleString("en")}`;
+    }
+    case "locked":
+      return ui.gameLocked;
+    case "voided":
+      return ui.gameVoided;
+    default:
+      return "";
+  }
+}
+var DISABLED_STATUSES = /* @__PURE__ */ new Set(["locked", "voided"]);
+function GameTile({
+  game,
+  onOpen,
+  ui
+}) {
+  const disabled = DISABLED_STATUSES.has(game.status);
+  const statusLabel = tileStatusLabel(game, ui);
+  const countdown = game.kind === "fixture" && game.lockAtUtc ? formatCountdown(game.lockAtUtc) : null;
+  const statusClass = `ss-w-tile-status ss-w-tile-status--${game.status}`;
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "ss-w-tile-icon", children: gameIcon(game) }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "ss-w-tile-title", children: game.title ?? game.gameId }),
+    countdown !== null ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: statusClass, "data-testid": "tile-countdown", children: countdown }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: statusClass, children: statusLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: `ss-w-tile-chip ss-w-tile-chip--${game.ranked ? "skill" : "fun"}`, children: game.ranked ? "Skill" : "For fun" })
+  ] });
+  if (disabled) {
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "ss-w-tile", "data-disabled": true, children: inner });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    "button",
+    {
+      type: "button",
+      className: "ss-w-tile",
+      onClick: () => onOpen(game),
+      children: inner
+    }
+  );
+}
+
+// src/components/GamesHub.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+function GamesHub({
+  games,
+  weeklyPrize,
+  streak,
+  weeklyRank,
+  onOpen,
+  ui
+}) {
+  const showPrize = weeklyPrize || streak !== void 0 || weeklyRank !== void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "ss-w-games-hub", children: [
+    showPrize && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "ss-w-prize", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ss-w-prize-icon", children: "\u{1F3C6}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "ss-w-prize-body", children: [
+        weeklyPrize && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ss-w-prize-text", children: weeklyPrize }),
+        (streak !== void 0 || weeklyRank !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "ss-w-g-chips", children: [
+          streak !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "ss-w-g-chip ss-w-g-chip--streak", children: [
+            "\u{1F525} ",
+            streak
+          ] }),
+          weeklyRank !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "ss-w-g-chip ss-w-g-chip--rank", children: [
+            "#",
+            weeklyRank
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "ss-w-gmatrix", children: games.map((g) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GameTile, { game: g, onOpen, ui }, `${g.gameId}-${g.gameDay}`)) })
+  ] });
+}
+
+// src/components/GameScreenHost.tsx
+var import_react35 = require("react");
+
+// src/useGamePlay.ts
+var import_react28 = require("react");
+function toSubmitResult(payload) {
+  return {
+    // 'pending' means the play is recorded but awaiting resolution (fixture games)
+    alreadyPlayed: payload.status === "played" || payload.status === "graded" || payload.status === "pending",
+    score: payload.score,
+    isCorrect: payload.isCorrect,
+    clientStateJson: payload.clientStateJson,
+    attemptsUsed: payload.attemptsUsed
   };
-  (0, import_react25.useEffect)(() => {
-    if (monitor && monitor.activeTab !== "chat" && state.isStreaming) monitor.markChatActivity();
-  }, [monitor, state.isStreaming, state.messages.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-      ChatHeader,
-      {
-        onClose: close,
-        closeLabel: ui.closeChat,
-        logoUrl: ui.logoUrl,
-        headerTitle: ui.headerTitle,
-        onNewConversation: reset,
-        canReset: state.messages.length > 0,
-        newConversationLabel: ui.newConversation,
-        moreOptionsLabel: ui.moreOptions
-      }
-    ),
-    monitor && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-      TabBar,
-      {
-        monitor,
-        ui,
-        matchCount: monitor.pins.filter((p) => p.kind === "match").length,
-        oddsCount: monitor.pins.filter((p) => p.kind !== "match").length,
-        todayCount: discovery?.liveCount ?? 0,
-        hasToday: discovery ? visibleGroupsOf(discovery.groups, discovery.states).length > 0 : false
+}
+function useGamePlay(conversation, { gameId, gameDay, fixtureId, refresh }) {
+  const [result, setResult] = (0, import_react28.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react28.useState)(false);
+  const [rawStatus, setRawStatus] = (0, import_react28.useState)(null);
+  const inFlightRef = (0, import_react28.useRef)(false);
+  const convRef = (0, import_react28.useRef)(conversation);
+  convRef.current = conversation;
+  const optsRef = (0, import_react28.useRef)({ gameId, gameDay, fixtureId, refresh });
+  optsRef.current = { gameId, gameDay, fixtureId, refresh };
+  const submit = (0, import_react28.useCallback)(async (answerJson) => {
+    const conv = convRef.current;
+    if (!conv || inFlightRef.current) return;
+    inFlightRef.current = true;
+    setSubmitting(true);
+    try {
+      const opts = optsRef.current;
+      const playResult = await conv.postPlay(opts.gameId, answerJson, opts.gameDay, opts.fixtureId);
+      if (playResult !== null) {
+        setResult(playResult);
+        if (playResult.pointsDelta != null) {
+          opts.refresh?.();
+        }
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-      "div",
-      {
-        style: !monitor || monitor.activeTab === "chat" ? { display: "contents" } : { position: "absolute", inset: 0, visibility: "hidden", display: "flex", flexDirection: "column" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor })
+    } catch {
+    } finally {
+      inFlightRef.current = false;
+      setSubmitting(false);
+    }
+  }, []);
+  const hydrate = (0, import_react28.useCallback)(() => {
+    const conv = convRef.current;
+    if (!conv) return;
+    const opts = optsRef.current;
+    void (async () => {
+      try {
+        const payload = await conv.getGameResult(opts.gameId, opts.fixtureId, opts.gameDay);
+        if (payload !== null) {
+          setResult(toSubmitResult(payload));
+          setRawStatus(payload.status);
+        }
+      } catch {
       }
-    ),
-    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TodayPanel, { discovery, ui, monitor }),
-    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MatchesPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(OddsPanel, { monitor, ui, slip }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: handleSend, onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
-  ] });
+    })();
+  }, []);
+  return { result, submitting, submit, hydrate, rawStatus };
 }
 
-// src/styles/css.generated.ts
-var WIDGET_CSS = `.ss-w-root { all: revert; }
-.ss-w-root, .ss-w-root * { box-sizing: border-box; margin: 0; padding: 0; }
-.ss-w-root {
-  --ss-w-accent: #17936a;
-  --ss-w-cta: #f5a623; --ss-w-cta-ink: #1b1300;
-  --ss-w-ink: #14181d; --ss-w-faint: #6b7580; --ss-w-line: #e4e8ec;
-  --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;
-  --ss-w-pos: #1aa563; --ss-w-neg: #e0524b;
-  --ss-w-home: #3a63a8; --ss-w-away: #c8102e; --ss-w-track: #e9edf1;
-  --ss-w-radius: 16px; --ss-w-offset-x: 20px; --ss-w-offset-y: 20px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  font-size: 13px; line-height: 1.5; color: var(--ss-w-ink);
+// src/components/games/MysteryTigerGame.tsx
+var import_react29 = require("react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function parseClientState(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
 }
-@media (prefers-color-scheme: dark) {
-  .ss-w-root[data-ss-w-theme="auto"] {
-    --ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
-    --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
-    --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
-    --ss-w-pos: #37c891; --ss-w-neg: #f0655d;
-    --ss-w-home: #5b83c8; --ss-w-away: #e8384f; --ss-w-track: #232d3a;
+var ATTR_LABELS = {
+  position: "Pos",
+  nationality: "Nat",
+  age: "Age",
+  shirtNumber: "Kit",
+  apps: "Apps"
+};
+var ATTR_KEYS = [
+  "position",
+  "nationality",
+  "age",
+  "shirtNumber",
+  "apps"
+];
+function MysteryTigerGame({
+  config,
+  result,
+  submitting,
+  onSubmit
+}) {
+  const [query, setQuery] = (0, import_react29.useState)("");
+  const inputId = (0, import_react29.useId)();
+  const clientState = parseClientState(result?.clientStateJson);
+  const alreadyGuessedIds = new Set(
+    clientState?.guessResults.map((g) => g.playerId) ?? []
+  );
+  const isOver = result?.alreadyPlayed === true || clientState?.solved === true || clientState?.failed === true;
+  const filtered = config && !isOver ? config.squadPlayers.filter(
+    (p) => !alreadyGuessedIds.has(p.id) && p.name.toLowerCase().includes(query.toLowerCase())
+  ) : [];
+  function handleSelect(playerId) {
+    if (!config || isOver || submitting) return;
+    const prevGuesses = clientState?.guessResults.map((g) => g.playerId) ?? [];
+    const newGuesses = [...prevGuesses, playerId];
+    setQuery("");
+    onSubmit(JSON.stringify({ guesses: newGuesses }));
   }
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "ss-w-gt", "data-testid": "game-screen-mystery-tiger", children: [
+    !config && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }),
+    config && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+      isOver && clientState && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `ss-w-gt-banner ss-w-gt-banner--${clientState.solved ? "solved" : "failed"}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ss-w-gt-banner-label", children: clientState.solved ? "\u{1F42F} You found them!" : "\u{1F614} Better luck tomorrow" }),
+        clientState.revealedPlayerName && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ss-w-gt-banner-name", children: clientState.revealedPlayerName })
+      ] }),
+      !isOver && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "ss-w-gtta", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          "input",
+          {
+            id: inputId,
+            type: "text",
+            role: "textbox",
+            className: "ss-w-gtta-i",
+            placeholder: "Search squad players\u2026",
+            value: query,
+            disabled: submitting || isOver,
+            onChange: (e) => setQuery(e.target.value),
+            autoComplete: "off",
+            "aria-label": "Search for a player",
+            "aria-autocomplete": "list"
+          }
+        ),
+        query.length > 0 && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ss-w-gtta-drop", role: "listbox", children: filtered.map((p) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          "div",
+          {
+            className: "ss-w-gtta-opt",
+            role: "option",
+            "aria-selected": false,
+            onClick: () => handleSelect(p.id),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") handleSelect(p.id);
+            },
+            tabIndex: 0,
+            children: p.name
+          },
+          p.id
+        )) })
+      ] }),
+      clientState && clientState.guessResults.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "ss-w-gthdr", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ss-w-gthdr-c ss-w-gthdr-c--name", children: "Player" }),
+          ATTR_KEYS.map((key) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ss-w-gthdr-c", children: ATTR_LABELS[key] }, key))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ss-w-gtrows", children: clientState.guessResults.map((gr, i) => {
+          const player = config.squadPlayers.find((p) => p.id === gr.playerId);
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "ss-w-gtrow", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ss-w-gtrow-nm", children: player?.name ?? `#${gr.playerId}` }),
+            ATTR_KEYS.map((key) => {
+              const v = gr[key];
+              return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                "div",
+                {
+                  className: `ss-w-gtile ss-w-gtile--${v.verdict}`,
+                  "data-testid": `verdict-${key}-${i}`,
+                  "data-verdict": v.verdict,
+                  "aria-label": `${ATTR_LABELS[key]}: ${v.verdict}${v.direction ? ` ${v.direction}` : ""}`,
+                  children: v.direction && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "ss-w-gtile-dir", "aria-hidden": "true", children: v.direction === "up" ? "\u2191" : "\u2193" })
+                },
+                key
+              );
+            })
+          ] }, gr.playerId);
+        }) })
+      ] }),
+      clientState?.hintLine && !isOver && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ss-w-gt-hint", children: clientState.hintLine }),
+      !isOver && clientState && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "ss-w-gt-hint", children: [
+        clientState.guessesRemaining,
+        " guess",
+        clientState.guessesRemaining !== 1 ? "es" : "",
+        " remaining"
+      ] })
+    ] })
+  ] });
 }
-.ss-w-root[data-ss-w-theme="dark"] {
-  --ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
-  --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
-  --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
-  --ss-w-pos: #37c891; --ss-w-neg: #f0655d;
-  --ss-w-home: #5b83c8; --ss-w-away: #e8384f; --ss-w-track: #232d3a;
+
+// src/components/games/HigherOrLowerGame.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+function parseClientState2(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
 }
-.ss-w-root[data-ss-w-theme="light"] {
-  --ss-w-accent: #17936a; --ss-w-cta: #f5a623; --ss-w-cta-ink: #1b1300;
-  --ss-w-ink: #14181d; --ss-w-faint: #6b7580;
-  --ss-w-line: #e4e8ec; --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;
-  --ss-w-home: #3a63a8; --ss-w-away: #c8102e; --ss-w-track: #e9edf1;
+function AnsweredRow({
+  answered,
+  pair
+}) {
+  const cls = `ss-w-hlrrow ss-w-hlrrow--${answered.wasCorrect ? "correct" : "wrong"}`;
+  const icon = answered.wasCorrect ? "\u2713" : "\u2717";
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: cls, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "ss-w-hlrrow-names", children: [
+      pair?.playerAName ?? "?",
+      " vs ",
+      pair?.playerBName ?? "?"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-hlrrow-pick", children: answered.pick }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-hlrrow-icon", children: icon })
+  ] });
 }
-
+function HigherOrLowerGame({
+  config,
+  result,
+  submitting,
+  onSubmit
+}) {
+  const clientState = parseClientState2(result?.clientStateJson);
+  const answeredCount = clientState?.answeredPairs.length ?? 0;
+  const runEndedWrong = clientState?.answeredPairs.some((p) => !p.wasCorrect) ?? false;
+  const allPairsAnswered = config != null && answeredCount >= config.pairs.length;
+  const isOver = result?.alreadyPlayed === true || runEndedWrong || allPairsAnswered;
+  const currentPair = config && !isOver ? config.pairs[answeredCount] ?? null : null;
+  function handlePick(pick) {
+    if (!config || isOver || submitting || !currentPair) return;
+    const prevAnswers = clientState?.answeredPairs.map((p) => ({ pairIndex: p.pairIndex, pick: p.pick })) ?? [];
+    const newAnswers = [...prevAnswers, { pairIndex: currentPair.pairIndex, pick }];
+    onSubmit(JSON.stringify({ answers: newAnswers }));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hl", "data-testid": "game-screen-higher-or-lower", children: [
+    !config && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }),
+    config && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hlctx", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-hlctx-fam", children: config.statLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "ss-w-hlctx-szn", children: config.seasonLabel })
+      ] }),
+      currentPair && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hlpair", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hlpc", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-hlpc-name", children: currentPair.playerAName }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-hlpc-val", children: currentPair.playerAValue })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hlpc ss-w-hlpc--b", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-hlpc-name", children: currentPair.playerBName }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-hlpc-val ss-w-hlpc-val--hidden", children: "?" })
+        ] })
+      ] }),
+      !isOver && currentPair && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hlbtns", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ss-w-hlbtn",
+            disabled: submitting,
+            onClick: () => handlePick("higher"),
+            children: "Higher"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ss-w-hlbtn",
+            disabled: submitting,
+            onClick: () => handlePick("lower"),
+            children: "Lower"
+          }
+        )
+      ] }),
+      clientState && clientState.answeredPairs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-hlresults", children: clientState.answeredPairs.map((answered) => {
+        const pair = config.pairs.find((p) => p.pairIndex === answered.pairIndex);
+        const vCls = `ss-w-hlpc-val ss-w-hlpc-val--${answered.wasCorrect ? "correct" : "wrong"}`;
+        const badgeCls = `ss-w-hlpc-badge ss-w-hlpc-badge--${answered.wasCorrect ? "correct" : "wrong"}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hlrrow", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hlpair", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hlpc", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-hlpc-name", children: pair?.playerAName ?? "?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-hlpc-val", children: pair?.playerAValue })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "ss-w-hlpc ss-w-hlpc--b", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "ss-w-hlpc-name", children: pair?.playerBName ?? "?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: vCls, children: answered.playerBValue }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: badgeCls, children: answered.wasCorrect ? "\u2713" : "\u2717" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AnsweredRow, { answered, pair })
+        ] }, answered.pairIndex);
+      }) })
+    ] })
+  ] });
+}
+
+// src/components/games/CareerPathGame.tsx
+var import_react30 = require("react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function parseClientState3(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function SpellYear({ spell }) {
+  const parts = [];
+  if (spell.startYear) parts.push(String(spell.startYear));
+  if (spell.endYear) parts.push(String(spell.endYear));
+  if (parts.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ss-w-cpath-spell-yr", children: parts.join(" \u2013 ") });
+}
+function ClubSpellCard({ spell }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `ss-w-cpath-club${spell.isLoan ? " ss-w-cpath-club--loan" : ""}`, children: [
+    spell.crestUrl ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      "img",
+      {
+        src: spell.crestUrl,
+        alt: spell.clubName,
+        className: "ss-w-cpath-crest",
+        loading: "lazy"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ss-w-cpath-crest ss-w-cpath-crest--fallback", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-cpath-club-info", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ss-w-cpath-club-name", children: spell.clubName }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SpellYear, { spell }),
+      spell.isLoan && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ss-w-cpath-loan-badge", children: "Loan" })
+    ] })
+  ] });
+}
+function CareerPathGame({
+  config,
+  result,
+  submitting,
+  onSubmit
+}) {
+  const [query, setQuery] = (0, import_react30.useState)("");
+  const inputId = (0, import_react30.useId)();
+  const clientState = parseClientState3(result?.clientStateJson);
+  const alreadyGuessedIds = new Set(
+    clientState?.guessResults.map((g) => g.playerId) ?? []
+  );
+  const isOver = result?.alreadyPlayed === true || clientState?.solved === true || clientState?.failed === true;
+  const visiblePath = clientState?.visiblePath ?? config?.initialPath ?? [];
+  const filtered = config && !isOver ? config.typeaheadPool.filter(
+    (p) => !alreadyGuessedIds.has(p.id) && p.name.toLowerCase().includes(query.toLowerCase())
+  ) : [];
+  function handleSelect(playerId) {
+    if (!config || isOver || submitting) return;
+    const prevGuesses = clientState?.guessResults.map((g) => g.playerId) ?? [];
+    const newGuesses = [...prevGuesses, playerId];
+    setQuery("");
+    onSubmit(JSON.stringify({ guesses: newGuesses }));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-cpath", "data-testid": "game-screen-career-path", children: [
+    !config && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }),
+    config && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-cpath-ctx", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "ss-w-cpath-ctx-label", children: "Career clubs" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "ss-w-cpath-ctx-count", children: [
+          config.totalClubs,
+          " clubs total"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-cpath-path", children: [
+        visiblePath.map((spell, i) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ClubSpellCard, { spell }, `${spell.clubName}-${i}`)),
+        (clientState?.totalClubs ?? config.totalClubs) > visiblePath.length && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-cpath-hidden", children: [
+          "+",
+          (clientState?.totalClubs ?? config.totalClubs) - visiblePath.length,
+          " more clubs hidden"
+        ] })
+      ] }),
+      isOver && clientState && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `ss-w-cpath-banner ss-w-cpath-banner--${clientState.solved ? "solved" : "failed"}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ss-w-cpath-banner-label", children: clientState.solved ? "Career traced!" : "Better luck tomorrow" }),
+        clientState.revealedPlayerName && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ss-w-cpath-banner-name", children: clientState.revealedPlayerName })
+      ] }),
+      !isOver && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-gtta", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          "input",
+          {
+            id: inputId,
+            type: "text",
+            role: "textbox",
+            className: "ss-w-gtta-i",
+            placeholder: "Search players\u2026",
+            value: query,
+            disabled: submitting || isOver,
+            onChange: (e) => setQuery(e.target.value),
+            autoComplete: "off",
+            "aria-label": "Search for a player",
+            "aria-autocomplete": "list"
+          }
+        ),
+        query.length > 0 && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ss-w-gtta-drop", role: "listbox", children: filtered.map((p) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          "div",
+          {
+            className: "ss-w-gtta-opt",
+            role: "option",
+            "aria-selected": false,
+            onClick: () => handleSelect(p.id),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") handleSelect(p.id);
+            },
+            tabIndex: 0,
+            children: p.name
+          },
+          p.id
+        )) })
+      ] }),
+      clientState?.hintLine && !isOver && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "ss-w-cpath-hint", children: clientState.hintLine }),
+      !isOver && clientState && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ss-w-cpath-hint", children: [
+        clientState.guessesRemaining,
+        " guess",
+        clientState.guessesRemaining !== 1 ? "es" : "",
+        " remaining"
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/games/BeatTheGridGame.tsx
+var import_react31 = __toESM(require("react"), 1);
+var import_jsx_runtime58 = require("react/jsx-runtime");
+function parseClientState4(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function findCellResult(cells, row, col) {
+  return cells.find((c) => c.row === row && c.col === col);
+}
+function SearchSheet({
+  row,
+  col,
+  rowLabel,
+  colLabel,
+  playerPool,
+  alreadyFilledIds,
+  onPick,
+  onDismiss
+}) {
+  const [query, setQuery] = (0, import_react31.useState)("");
+  const inputId = (0, import_react31.useId)();
+  const filtered = playerPool.filter(
+    (p) => !alreadyFilledIds.has(p.id) && p.name.toLowerCase().includes(query.toLowerCase())
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ss-w-btg-sheet", "data-testid": "btg-search-sheet", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ss-w-btg-sheet-hdr", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ss-w-btg-sheet-ctx", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-btg-sheet-row", children: rowLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-btg-sheet-sep", children: "\xD7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-btg-sheet-col", children: colLabel })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-btg-sheet-close",
+          "data-testid": "btg-sheet-dismiss",
+          "aria-label": "Dismiss",
+          onClick: onDismiss,
+          children: "\u2715"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ss-w-gtta", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        "input",
+        {
+          id: inputId,
+          type: "text",
+          role: "textbox",
+          className: "ss-w-gtta-i",
+          placeholder: "Search players\u2026",
+          value: query,
+          onChange: (e) => setQuery(e.target.value),
+          autoComplete: "off",
+          "aria-label": `Search player for ${rowLabel} \xD7 ${colLabel}`,
+          "aria-autocomplete": "list",
+          autoFocus: true
+        }
+      ),
+      query.length > 0 && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ss-w-gtta-drop ss-w-btg-ta-list", role: "listbox", children: filtered.map((p) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        "div",
+        {
+          className: "ss-w-gtta-opt",
+          role: "option",
+          "aria-selected": false,
+          onClick: () => onPick(row, col, p.id),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") onPick(row, col, p.id);
+          },
+          tabIndex: 0,
+          children: p.name
+        },
+        p.id
+      )) })
+    ] })
+  ] });
+}
+function BeatTheGridGame({
+  config,
+  result,
+  submitting,
+  onSubmit,
+  playerPool
+}) {
+  const [activeCell, setActiveCell] = (0, import_react31.useState)(null);
+  const clientState = parseClientState4(result?.clientStateJson);
+  const filledCells = clientState?.cells ?? [];
+  const isLocked2 = result?.alreadyPlayed === true || clientState?.isComplete === true;
+  const alreadyFilledIds = new Set(filledCells.map((c) => c.playerId));
+  function handleCellClick(row, col) {
+    if (isLocked2 || submitting) return;
+    const alreadyFilled = findCellResult(filledCells, row, col);
+    if (alreadyFilled) return;
+    setActiveCell({ row, col });
+  }
+  function handlePick(row, col, playerId) {
+    setActiveCell(null);
+    const prevCells = filledCells.map((c) => ({ row: c.row, col: c.col, playerId: c.playerId }));
+    const newCells = [...prevCells, { row, col, playerId }];
+    onSubmit(JSON.stringify({ cells: newCells }));
+  }
+  if (!config) {
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ss-w-btg", "data-testid": "game-screen-beat-the-grid", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }) });
+  }
+  const rows = config.rows;
+  const cols = config.cols;
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ss-w-btg", "data-testid": "game-screen-beat-the-grid", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "ss-w-btg-ctx", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "ss-w-btg-ctx-score", children: [
+        "Score: ",
+        clientState?.totalScore ?? 0
+      ] }),
+      !isLocked2 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "ss-w-btg-ctx-left", children: [
+        config.maxGuesses - filledCells.length,
+        " cell",
+        config.maxGuesses - filledCells.length !== 1 ? "s" : "",
+        " left"
+      ] }),
+      isLocked2 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-btg-ctx-done", children: "Complete" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      "div",
+      {
+        className: "ss-w-btg-grid",
+        style: { gridTemplateColumns: `auto repeat(${cols.length}, 1fr)` },
+        role: "grid",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ss-w-btg-gc ss-w-btg-gc--corner" }),
+          cols.map((col) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ss-w-btg-gc ss-w-btg-gc--colhdr", children: col }, col)),
+          rows.map((rowLabel, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react31.default.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "ss-w-btg-gc ss-w-btg-gc--rowhdr", children: rowLabel }),
+            cols.map((colLabel, colIdx) => {
+              const filled = findCellResult(filledCells, rowIdx, colIdx);
+              const isActive = activeCell?.row === rowIdx && activeCell?.col === colIdx;
+              return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": `btg-cell-${rowIdx}-${colIdx}`,
+                  "aria-label": `${rowLabel} ${colLabel}`,
+                  className: [
+                    "ss-w-btg-gc ss-w-btg-cell",
+                    filled ? filled.isCorrect ? "ss-w-btg-cell--correct" : "ss-w-btg-cell--wrong" : "",
+                    isActive ? "ss-w-btg-cell--active" : ""
+                  ].filter(Boolean).join(" "),
+                  disabled: isLocked2 || submitting,
+                  onClick: () => handleCellClick(rowIdx, colIdx),
+                  children: filled ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-btg-cell-score", children: filled.rarityScore }),
+                    filled.isCorrect && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-btg-cell-check", "aria-hidden": "true", children: "\u2713" })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-btg-cell-empty", "aria-hidden": "true", children: "+" })
+                },
+                `cell-${rowIdx}-${colIdx}`
+              );
+            })
+          ] }, rowIdx))
+        ]
+      }
+    ),
+    activeCell !== null && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      SearchSheet,
+      {
+        row: activeCell.row,
+        col: activeCell.col,
+        rowLabel: rows[activeCell.row] ?? "",
+        colLabel: cols[activeCell.col] ?? "",
+        playerPool,
+        alreadyFilledIds,
+        onPick: handlePick,
+        onDismiss: () => setActiveCell(null)
+      }
+    )
+  ] });
+}
+
+// src/components/games/GuessTheXiGame.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+function parseClientState5(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function RevealCard({ reveal }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ss-w-gxi-reveal", "data-reveal-type": reveal.type ?? "", children: [
+    reveal.slot && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ss-w-gxi-reveal-slot", children: reveal.slot }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ss-w-gxi-reveal-val", children: reveal.value })
+  ] });
+}
+function GuessTheXiGame({
+  config,
+  result,
+  submitting,
+  onSubmit
+}) {
+  const clientState = parseClientState5(result?.clientStateJson);
+  const isOver = result?.alreadyPlayed === true || clientState?.status === "solved" || clientState?.status === "failed";
+  function handlePick(teamId) {
+    if (!config || isOver || submitting) return;
+    const prevGuesses = clientState?.guessHistory.map((g) => ({ teamId: g.teamId })) ?? [];
+    const newGuesses = [...prevGuesses, { teamId }];
+    onSubmit(JSON.stringify({ guesses: newGuesses }));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ss-w-gxi", "data-testid": "game-screen-guess-the-xi", children: [
+    !config && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }),
+    config && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "ss-w-gxi-ctx", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ss-w-gxi-ctx-label", children: config.poolLabel }) }),
+      config.positions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "ss-w-gxi-pitch", children: config.positions.map((pos) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ss-w-gxi-pslot", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ss-w-gxi-pslot-pos", children: pos.slot }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ss-w-gxi-pslot-nat", children: pos.nationality })
+      ] }, pos.slot)) }),
+      clientState && clientState.earnedReveals.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "ss-w-gxi-reveals", children: clientState.earnedReveals.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RevealCard, { reveal: r }, i)) }),
+      isOver && clientState && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `ss-w-gxi-banner ss-w-gxi-banner--${clientState.status}`, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "ss-w-gxi-banner-label", children: clientState.status === "solved" ? `Solved! ${clientState.score} pts` : "Better luck tomorrow" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "ss-w-gxi-pool", children: config.teamPool.map((team) => {
+        const guessRecord = clientState?.guessHistory.find((g) => g.teamId === team.teamId);
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          "button",
+          {
+            type: "button",
+            className: [
+              "ss-w-gxi-team-btn",
+              guessRecord ? guessRecord.wasCorrect ? "ss-w-gxi-team-btn--correct" : "ss-w-gxi-team-btn--wrong" : ""
+            ].filter(Boolean).join(" "),
+            disabled: isOver || submitting,
+            onClick: () => handlePick(team.teamId),
+            children: team.teamName
+          },
+          team.teamId
+        );
+      }) }),
+      !isOver && clientState && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ss-w-gxi-hint", children: [
+        "Guess ",
+        clientState.guessesUsed + 1,
+        " of 6"
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/games/DailyQuizGame.tsx
+var import_react32 = require("react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+function parseClientState6(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function findResult(results, index) {
+  return results.find((r) => r.index === index);
+}
+function DailyQuizGame({
+  config,
+  result,
+  submitting,
+  onSubmit
+}) {
+  const [selections, setSelections] = (0, import_react32.useState)(/* @__PURE__ */ new Map());
+  const clientState = parseClientState6(result?.clientStateJson);
+  const isRevealed = (clientState?.results.length ?? 0) > 0 || result?.alreadyPlayed === true;
+  const allAnswered = config != null && selections.size === config.questions.length;
+  function handleSelect(questionIndex, optionIndex) {
+    if (isRevealed || submitting) return;
+    setSelections((prev) => new Map(prev).set(questionIndex, optionIndex));
+  }
+  function handleSubmit() {
+    if (!config || !allAnswered || isRevealed || submitting) return;
+    const answers = config.questions.map((q) => ({
+      index: q.index,
+      selectedOptionIndex: selections.get(q.index) ?? 0
+    }));
+    onSubmit(JSON.stringify({ answers }));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ss-w-dq", "data-testid": "game-screen-daily-quiz", children: [
+    !config && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }),
+    config && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+      isRevealed && result?.score != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ss-w-dq-score", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ss-w-dq-score-val", children: result.score }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ss-w-dq-score-label", children: "pts" })
+      ] }),
+      !isRevealed && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-dq-prog", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        "div",
+        {
+          className: "ss-w-dq-prog-fill",
+          style: { width: `${Math.round(selections.size / config.questions.length * 100)}%` }
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-dq-questions", children: config.questions.map((q) => {
+        const qResult = clientState ? findResult(clientState.results, q.index) : void 0;
+        const selectedIdx = selections.get(q.index);
+        return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ss-w-dq-q", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-dq-qstem", children: q.stem }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "ss-w-dq-opts", children: q.options.map((opt, optIdx) => {
+            let optCls = "ss-w-dq-qopt";
+            if (qResult) {
+              if (optIdx === qResult.correctOptionIndex) {
+                optCls += " ss-w-dq-qopt--correct";
+              } else if (optIdx === selectedIdx && !qResult.isCorrect) {
+                optCls += " ss-w-dq-qopt--wrong";
+              }
+            } else if (optIdx === selectedIdx) {
+              optCls += " ss-w-dq-qopt--selected";
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+              "button",
+              {
+                type: "button",
+                className: optCls,
+                disabled: isRevealed || submitting,
+                onClick: () => handleSelect(q.index, optIdx),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ss-w-dq-qopt-letter", children: String.fromCharCode(65 + optIdx) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "ss-w-dq-qopt-text", children: opt })
+                ]
+              },
+              optIdx
+            );
+          }) }),
+          qResult?.revealText && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `ss-w-dq-qwhy ss-w-dq-qwhy--${qResult.isCorrect ? "correct" : "wrong"}`, children: qResult.revealText })
+        ] }, q.index);
+      }) }),
+      !isRevealed && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-dq-submit",
+          disabled: !allAnswered || submitting,
+          onClick: handleSubmit,
+          "aria-label": "Submit answers",
+          children: submitting ? "Submitting\u2026" : "Submit"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/games/MatchdayPredictorGame.tsx
+var import_react33 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+function parseClientState7(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function isLocked(kickoffUtc) {
+  try {
+    return new Date(kickoffUtc).getTime() <= Date.now();
+  } catch {
+    return true;
+  }
+}
+function MatchdayPredictorGame({
+  config,
+  result,
+  submitting,
+  onSubmit
+}) {
+  const [homeScore, setHomeScore] = (0, import_react33.useState)(0);
+  const [awayScore, setAwayScore] = (0, import_react33.useState)(0);
+  const [firstScorerPlayerId, setFirstScorerPlayerId] = (0, import_react33.useState)(null);
+  const clientState = parseClientState7(result?.clientStateJson);
+  const alreadyPlayed = result?.alreadyPlayed === true;
+  if (alreadyPlayed && clientState) {
+    if (!clientState.graded) {
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp", "data-testid": "game-screen-matchday-predictor", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-live", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-live-score", children: [
+            clientState.predictedHomeScore,
+            " \u2013 ",
+            clientState.predictedAwayScore
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-live-label", children: "Locked in \u2014 awaiting result" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-fun", children: "For fun \u2014 not in the leaderboard" })
+      ] });
+    }
+    const r = clientState.result;
+    const actualScore = `${r.homeScore} \u2013 ${r.awayScore}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp", "data-testid": "game-screen-matchday-predictor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-live", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-live-score", children: actualScore }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-live-label", children: "Full-time result" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-live-outcome", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `ss-w-mp-live-row${clientState.exactScoreCorrect ? " ss-w-mp-live-row--correct" : ""}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ss-w-mp-live-row-key", children: "Exact score" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ss-w-mp-live-row-val", children: clientState.exactScoreCorrect ? "\u2713" : "\u2717" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `ss-w-mp-live-row${clientState.outcomeCorrect ? " ss-w-mp-live-row--correct" : ""}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ss-w-mp-live-row-key", children: "Result (W/D/L)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ss-w-mp-live-row-val", children: clientState.outcomeCorrect ? "\u2713" : "\u2717" })
+          ] }),
+          !clientState.firstScorerVoid && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `ss-w-mp-live-row${clientState.firstScorerCorrect ? " ss-w-mp-live-row--correct" : ""}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ss-w-mp-live-row-key", children: "First scorer" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "ss-w-mp-live-row-val", children: [
+              clientState.firstScorerCorrect ? "\u2713" : "\u2717",
+              r.firstScorerName ? ` ${r.firstScorerName}` : ""
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-fun", children: "For fun \u2014 not in the leaderboard" })
+    ] });
+  }
+  if (!config) {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp", "data-testid": "game-screen-matchday-predictor", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }) });
+  }
+  const locked = isLocked(config.kickoffUtc);
+  const disabled = locked || submitting;
+  function handleSubmit() {
+    if (disabled || !config) return;
+    onSubmit(
+      JSON.stringify({
+        homeScore,
+        awayScore,
+        ...firstScorerPlayerId !== null ? { firstScorerPlayerId } : {}
+      })
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp", "data-testid": "game-screen-matchday-predictor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-pred-score", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-team", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-team-name", children: config.homeTeam.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-stepper", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ss-w-mp-stepper-btn",
+              "aria-label": "-",
+              disabled: disabled || homeScore <= 0,
+              onClick: () => setHomeScore((s) => Math.max(0, s - 1)),
+              children: "\u2212"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ss-w-mp-stepper-val", children: homeScore }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ss-w-mp-stepper-btn",
+              "aria-label": "+",
+              disabled,
+              onClick: () => setHomeScore((s) => s + 1),
+              children: "+"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ss-w-mp-sep", children: "\u2013" }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-team", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-team-name", children: config.awayTeam.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-stepper", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ss-w-mp-stepper-btn",
+              "aria-label": "-",
+              disabled: disabled || awayScore <= 0,
+              onClick: () => setAwayScore((s) => Math.max(0, s - 1)),
+              children: "\u2212"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ss-w-mp-stepper-val", children: awayScore }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ss-w-mp-stepper-btn",
+              "aria-label": "+",
+              disabled,
+              onClick: () => setAwayScore((s) => s + 1),
+              children: "+"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    config.scorerPool.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ss-w-mp-scorer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-scorer-label", children: "First scorer (optional)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-scorer-list", children: config.scorerPool.map((p) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        "button",
+        {
+          type: "button",
+          className: `ss-w-mp-scorer-opt${firstScorerPlayerId === p.playerId ? " ss-w-mp-scorer-opt--selected" : ""}`,
+          disabled,
+          onClick: () => setFirstScorerPlayerId((id) => id === p.playerId ? null : p.playerId),
+          children: p.playerName
+        },
+        p.playerId
+      )) })
+    ] }),
+    locked && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-live-label", children: "Submissions are now closed" }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "ss-w-mp-savebtn",
+        disabled,
+        onClick: handleSubmit,
+        "aria-label": "Save prediction",
+        children: submitting ? "Saving\u2026" : "Save prediction"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "ss-w-mp-fun", children: "For fun \u2014 not in the leaderboard" })
+  ] });
+}
+
+// src/components/games/StartingXiGame.tsx
+var import_react34 = require("react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+function parseClientState8(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function parseFormationRows(formation) {
+  const parts = formation.split("-").map(Number).filter((n) => n > 0);
+  if (parts.length === 0) return [1, 4, 3, 3];
+  return [1, ...parts];
+}
+function StartingXiGame({
+  config,
+  result,
+  submitting,
+  onSubmit
+}) {
+  const [picked, setPicked] = (0, import_react34.useState)([]);
+  const clientState = parseClientState8(result?.clientStateJson);
+  const alreadyPlayed = result?.alreadyPlayed === true;
+  if (alreadyPlayed) {
+    if (!clientState) {
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi", "data-testid": "game-screen-starting-xi", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-status", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-status-label", children: "This game has been voided" }) }) });
+    }
+    if (clientState.status === "pending") {
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi", "data-testid": "game-screen-starting-xi", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-status", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "ss-w-sxi-status-label", children: [
+        "Prediction locked in (",
+        clientState.predictedCount,
+        " players) \u2014 awaiting result"
+      ] }) }) });
+    }
+    if (clientState.status === "graded") {
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi", "data-testid": "game-screen-starting-xi", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "ss-w-sxi-status ss-w-sxi-status--graded", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-status-score", children: clientState.score }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "ss-w-sxi-status-label", children: [
+          clientState.correctCount,
+          " correct starters"
+        ] })
+      ] }) });
+    }
+  }
+  if (!config) {
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi", "data-testid": "game-screen-starting-xi", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }) });
+  }
+  const formationRows = parseFormationRows(config.formation);
+  const pickedSet = new Set(picked);
+  const canSubmit = picked.length === 11 && !submitting;
+  function togglePlayer(playerId) {
+    if (submitting) return;
+    setPicked((prev) => {
+      if (prev.includes(playerId)) {
+        return prev.filter((id) => id !== playerId);
+      }
+      if (prev.length >= 11) return prev;
+      return [...prev, playerId];
+    });
+  }
+  function handleSubmit() {
+    if (!canSubmit) return;
+    onSubmit(JSON.stringify({ predictedPlayerIds: picked }));
+  }
+  let slotIndex = 0;
+  const pitchRows = formationRows.map((count, rowIdx) => {
+    const rowSlots = picked.slice(slotIndex, slotIndex + count);
+    slotIndex += count;
+    return { rowIdx, count, rowSlots };
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "ss-w-sxi", "data-testid": "game-screen-starting-xi", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-formation", children: config.formation }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-pitch", children: pitchRows.map(({ rowIdx, count, rowSlots }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-pitch-row", children: Array.from({ length: count }).map((_, i) => {
+      const playerId = rowSlots[i];
+      const player = playerId != null ? config.squadSheet.find((p) => p.playerId === playerId) : void 0;
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+        "div",
+        {
+          className: `ss-w-sxi-pslot${player ? " ss-w-sxi-pslot--filled" : ""}`,
+          onClick: () => {
+            if (player) togglePlayer(player.playerId);
+          },
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && player) togglePlayer(player.playerId);
+          },
+          tabIndex: player ? 0 : -1,
+          role: player ? "button" : void 0,
+          "aria-label": player ? `Remove ${player.playerName ?? ""}` : void 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-pslot-num", children: player?.jerseyNumber ?? (rowIdx === 0 ? "GK" : "?") }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-pslot-name", children: player?.playerName ?? "" })
+          ]
+        },
+        i
+      );
+    }) }, rowIdx)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "ss-w-sxi-squad", children: config.squadSheet.map((p) => {
+      const isPicked = pickedSet.has(p.playerId);
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+        "div",
+        {
+          className: `ss-w-sxi-squad-row${isPicked ? " ss-w-sxi-squad-row--picked" : ""}`,
+          onClick: () => togglePlayer(p.playerId),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") togglePlayer(p.playerId);
+          },
+          tabIndex: 0,
+          role: "button",
+          "aria-pressed": isPicked,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-w-sxi-squad-name", children: p.playerName }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "ss-w-sxi-squad-pos", children: p.positionName })
+          ]
+        },
+        p.playerId
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "ss-w-sxi-savebtn",
+        disabled: !canSubmit,
+        onClick: handleSubmit,
+        "aria-label": "Predict XI",
+        children: submitting ? "Submitting\u2026" : `Predict XI (${picked.length}/11)`
+      }
+    )
+  ] });
+}
+
+// src/components/games/StatLadderGame.tsx
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function parseClientState9(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function StatLadderGame({
+  config,
+  result,
+  submitting,
+  onSubmit
+}) {
+  const clientState = parseClientState9(result?.clientStateJson);
+  const revealed = clientState != null;
+  if (!config) {
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ss-w-sl", "data-testid": "game-screen-stat-ladder", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }) });
+  }
+  const mysteryName = revealed ? clientState.revealedRank2.playerName : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-w-sl", "data-testid": "game-screen-stat-ladder", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ss-w-sl-title", children: config.statLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ss-w-sl-ladder", children: config.ladder.map((rung) => {
+      const isMystery = rung.rank === 2;
+      let rowCls = "ss-w-sl-lrow";
+      if (isMystery) rowCls += " ss-w-sl-mystery";
+      if (isMystery && revealed) {
+        rowCls = rowCls.replace(" ss-w-sl-mystery", "");
+        rowCls += clientState.isCorrect ? " ss-w-sl-lrow--correct" : " ss-w-sl-lrow--wrong";
+      }
+      const displayName = isMystery ? revealed ? mysteryName : "?" : rung.playerName ?? "?";
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: rowCls, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ss-w-sl-lrow-rank", children: [
+          "#",
+          rung.rank
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ss-w-sl-lrow-name", children: displayName }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ss-w-sl-lrow-stat", children: rung.statValue })
+      ] }, rung.rank);
+    }) }),
+    revealed && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: `ss-w-sl-reveal ss-w-sl-reveal--${clientState.isCorrect ? "correct" : "wrong"}`, children: clientState.isCorrect ? "Correct!" : `Wrong \u2014 it was ${clientState.revealedRank2.playerName}` }),
+    !revealed && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "ss-w-sl-picker", children: config.playerPool.map((p) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "ss-w-sl-picker-opt",
+        disabled: submitting,
+        "aria-label": p.playerName,
+        onClick: () => onSubmit(JSON.stringify({ guessedPlayerId: p.playerId })),
+        children: p.playerName
+      },
+      p.playerId
+    )) })
+  ] });
+}
+
+// src/components/games/FanMotmGame.tsx
+var import_jsx_runtime64 = require("react/jsx-runtime");
+function parseClientState10(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function FanMotmGame({
+  config,
+  result,
+  submitting,
+  onSubmit
+}) {
+  const clientState = parseClientState10(result?.clientStateJson);
+  const alreadyVoted = result?.alreadyPlayed === true;
+  if (!config) {
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ss-w-motm", "data-testid": "game-screen-fan-motm", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ss-w-gscreen-body", children: "Loading\u2026" }) });
+  }
+  const pickedId = clientState?.pickedPlayerId ?? null;
+  function handleVote(candidateId) {
+    if (alreadyVoted || submitting) return;
+    onSubmit(JSON.stringify({ pickedPlayerId: candidateId }));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "ss-w-motm", "data-testid": "game-screen-fan-motm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ss-w-motm-title", children: "Man of the Match \u2014 your vote" }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ss-w-motm-votes", children: config.candidates.map((c) => {
+      const isVoted = alreadyVoted && pickedId === c.playerId;
+      const rowCls = `ss-w-motm-vrow${isVoted ? " ss-w-motm-vrow--voted" : ""}${alreadyVoted ? " ss-w-motm-vrow--result" : ""}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: rowCls,
+          "data-testid": `motm-candidate-${c.playerId}`,
+          disabled: alreadyVoted || submitting,
+          onClick: () => handleVote(c.playerId),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ss-w-motm-vfill", style: { width: isVoted ? "100%" : "0%" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "ss-w-motm-vrow-name", children: c.playerName })
+          ]
+        },
+        c.playerId
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "ss-w-motm-fun", children: "For fun \u2014 unranked community vote" })
+  ] });
+}
+
+// src/components/GameScreenHost.tsx
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var FIXTURE_GAME_IDS = /* @__PURE__ */ new Set([
+  "matchday-predictor",
+  "starting-xi",
+  "stat-ladder",
+  "fan-motm"
+]);
+var PENDING_POLL_INTERVAL_MS = 3e4;
+function safeParseConfig(json) {
+  if (!json) return null;
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+}
+function GameScreenHost({
+  selected,
+  onBack,
+  conversation,
+  ui
+}) {
+  const { gameId, fixtureId, gameDay = "" } = selected;
+  const [configJson, setConfigJson] = (0, import_react35.useState)(null);
+  (0, import_react35.useEffect)(() => {
+    setConfigJson(null);
+    if (!conversation) return;
+    let cancelled = false;
+    void (async () => {
+      try {
+        const payload = await conversation.getGameConfig(gameId, fixtureId, gameDay || void 0);
+        if (!cancelled && payload?.configJson) {
+          setConfigJson(payload.configJson);
+        }
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [conversation, gameId, fixtureId, gameDay]);
+  const { result, submitting, submit, hydrate, rawStatus } = useGamePlay(conversation, {
+    gameId,
+    gameDay,
+    fixtureId: fixtureId || void 0
+  });
+  (0, import_react35.useEffect)(() => {
+    if (conversation) hydrate();
+  }, [conversation, gameId]);
+  const hydrateRef = (0, import_react35.useRef)(hydrate);
+  hydrateRef.current = hydrate;
+  (0, import_react35.useEffect)(() => {
+    if (!FIXTURE_GAME_IDS.has(gameId)) return;
+    if (rawStatus !== "pending") return;
+    const timerId = setInterval(() => {
+      hydrateRef.current();
+    }, PENDING_POLL_INTERVAL_MS);
+    return () => clearInterval(timerId);
+  }, [gameId, rawStatus]);
+  const sharedProps = {
+    result,
+    submitting,
+    onSubmit: submit,
+    ui
+  };
+  function renderScreen() {
+    switch (gameId) {
+      case "mystery-tiger":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          MysteryTigerGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson)
+          }
+        );
+      case "higher-or-lower":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          HigherOrLowerGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson)
+          }
+        );
+      case "career-path":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          CareerPathGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson)
+          }
+        );
+      case "beat-the-grid":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          BeatTheGridGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson),
+            playerPool: []
+          }
+        );
+      case "guess-the-xi":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          GuessTheXiGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson)
+          }
+        );
+      case "daily-quiz":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          DailyQuizGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson)
+          }
+        );
+      case "matchday-predictor":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          MatchdayPredictorGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson)
+          }
+        );
+      case "starting-xi":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          StartingXiGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson)
+          }
+        );
+      case "stat-ladder":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          StatLadderGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson)
+          }
+        );
+      case "fan-motm":
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          FanMotmGame,
+          {
+            ...sharedProps,
+            config: safeParseConfig(configJson)
+          }
+        );
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "ss-w-gscreen-body", "data-testid": `game-screen-${gameId}`, children: gameId });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "ss-w-gscreen", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("button", { type: "button", className: "ss-w-gscreen-back", onClick: onBack, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "ss-w-gscreen-back-arrow", "aria-hidden": "true", children: "\u2039" }),
+      ui.back
+    ] }),
+    renderScreen()
+  ] });
+}
+
+// src/components/GamesPanel.tsx
+var import_jsx_runtime66 = require("react/jsx-runtime");
+function GamesPanel({
+  loggedIn,
+  games,
+  ui,
+  conversation
+}) {
+  const [selected, setSelected] = (0, import_react36.useState)(null);
+  if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(GamesLoginWall, { ui });
+  if (selected !== null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      GameScreenHost,
+      {
+        selected,
+        onBack: () => setSelected(null),
+        conversation: conversation ?? null,
+        ui
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "ss-w-mon-list", "data-testid": "games-hub", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    GamesHub,
+    {
+      games,
+      onOpen: (g) => setSelected({ gameId: g.gameId, fixtureId: g.fixtureId, gameDay: g.gameDay }),
+      ui
+    }
+  ) });
+}
+
+// src/components/Leaderboard.tsx
+var import_react37 = require("react");
+
+// src/components/LeaderboardRow.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
+function formatPoints(n) {
+  return n.toLocaleString("en");
+}
+function LeaderboardWeeklyRow({
+  row,
+  isMe
+}) {
+  const rankClass = `ss-w-lb2-rank${row.rank <= 3 ? " ss-w-lb2-rank--top3" : ""}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: rankClass, children: [
+      "#",
+      row.rank
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "ss-w-lb2-handle", children: row.handle }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "ss-w-lb2-points", children: formatPoints(row.points) }),
+    row.currentStreak > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "ss-w-lb2-streak", children: [
+      "\u{1F525} ",
+      row.currentStreak
+    ] })
+  ] });
+}
+function LeaderboardAllTimeRow({
+  row,
+  isMe
+}) {
+  const rankClass = `ss-w-lb2-rank${row.rank <= 3 ? " ss-w-lb2-rank--top3" : ""}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: `ss-w-lb2-row${isMe ? " ss-w-lb2-row--you" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: rankClass, children: [
+      "#",
+      row.rank
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "ss-w-lb2-handle", children: row.handle }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "ss-w-lb2-points", children: formatPoints(row.allTimePoints) })
+  ] });
+}
+
+// src/components/Leaderboard.tsx
+var import_jsx_runtime68 = require("react/jsx-runtime");
+function Leaderboard({
+  data,
+  ui
+}) {
+  const [segment, setSegment] = (0, import_react37.useState)("weekly");
+  const myRow = segment === "weekly" ? data.myWeeklyRow : data.myAllTimeRow;
+  const offBoard = myRow !== null && myRow !== void 0 && myRow.rank === -1;
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-lb2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-seg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-seg-btn",
+          ...segment === "weekly" ? { "data-on": "" } : {},
+          onClick: () => setSegment("weekly"),
+          children: ui.leaderboardThisWeek
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-seg-btn",
+          ...segment === "alltime" ? { "data-on": "" } : {},
+          onClick: () => setSegment("alltime"),
+          children: ui.leaderboardAllTime
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      LeaderboardWeeklyRow,
+      {
+        row,
+        isMe: row.operatorUserId === data.myWeeklyRow?.operatorUserId
+      },
+      row.operatorUserId
+    )) : data.allTimeTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      LeaderboardAllTimeRow,
+      {
+        row,
+        isMe: row.operatorUserId === data.myAllTimeRow?.operatorUserId
+      },
+      row.operatorUserId
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-kitline", children: "\u{1F3BD}" }),
+    myRow != null && (offBoard ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lbgap", children: ui.leaderboardOffBoard }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-lb2-rows", children: [
+      segment === "weekly" && data.myWeeklyRow && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(LeaderboardWeeklyRow, { row: data.myWeeklyRow, isMe: true }),
+      segment === "alltime" && data.myAllTimeRow && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(LeaderboardAllTimeRow, { row: data.myAllTimeRow, isMe: true })
+    ] })),
+    segment === "alltime" && data.myAllTimeRow && !offBoard && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lb2-rows", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lb2-row", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-w-lb2-handle", children: formatPoints(data.allTimeTop.reduce((s, r) => s + r.allTimePoints, 0)) }) }) })
+  ] });
+}
+
+// src/components/LeaderboardPanel.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+function LeaderboardPanel({ loggedIn, data, ui }) {
+  if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(GamesLoginWall, { ui });
+  if (data === null) return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-w-mon-list" });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Leaderboard, { data, ui }) });
+}
+
+// src/components/ChatPanel.tsx
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var FULLSCREEN_QUERY = "(max-width: 639px)";
+function useIsModal() {
+  const [modal, setModal] = (0, import_react38.useState)(false);
+  (0, import_react38.useEffect)(() => {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+    const mql = window.matchMedia(FULLSCREEN_QUERY);
+    const sync = () => setModal(mql.matches);
+    sync();
+    mql.addEventListener("change", sync);
+    return () => mql.removeEventListener("change", sync);
+  }, []);
+  return modal;
+}
+function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, gamesResult, leaderboardResult, loggedIn, conversation }) {
+  const { state, close, stop, send, reset } = controller;
+  const isModal = useIsModal();
+  (0, import_react38.useEffect)(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [close]);
+  const handleSend = (text) => {
+    monitor?.setActiveTab("chat");
+    send(text);
+  };
+  (0, import_react38.useEffect)(() => {
+    if (monitor && monitor.activeTab !== "chat" && state.isStreaming) monitor.markChatActivity();
+  }, [monitor, state.isStreaming, state.messages.length]);
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      ChatHeader,
+      {
+        onClose: close,
+        closeLabel: ui.closeChat,
+        logoUrl: ui.logoUrl,
+        headerTitle: ui.headerTitle,
+        onNewConversation: reset,
+        canReset: state.messages.length > 0,
+        newConversationLabel: ui.newConversation,
+        moreOptionsLabel: ui.moreOptions
+      }
+    ),
+    monitor && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      TabBar,
+      {
+        monitor,
+        ui,
+        matchCount: monitor.pins.filter((p) => p.kind === "match").length,
+        oddsCount: monitor.pins.filter((p) => p.kind !== "match").length,
+        todayCount: discovery?.liveCount ?? 0,
+        hasToday: discovery ? visibleGroupsOf(discovery.groups, discovery.states).length > 0 : false,
+        gamesEnabled: gamesResult?.enabled ?? false
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      "div",
+      {
+        style: !monitor || monitor.activeTab === "chat" ? { display: "contents" } : { position: "absolute", inset: 0, visibility: "hidden", display: "flex", flexDirection: "column" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor })
+      }
+    ),
+    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TodayPanel, { discovery, ui, monitor }),
+    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(MatchesPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(OddsPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(GamesPanel, { loggedIn: !!loggedIn, games: gamesResult.games, ui, conversation }),
+    monitor && monitor.activeTab === "leaderboard" && leaderboardResult && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LeaderboardPanel, { loggedIn: !!loggedIn, data: leaderboardResult.data, ui }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: handleSend, onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
+  ] });
+}
+
+// src/styles/css.generated.ts
+var WIDGET_CSS = `.ss-w-root { all: revert; }
+.ss-w-root, .ss-w-root * { box-sizing: border-box; margin: 0; padding: 0; }
+.ss-w-root {
+  --ss-w-accent: #17936a;
+  --ss-w-cta: #f5a623; --ss-w-cta-ink: #1b1300;
+  --ss-w-ink: #14181d; --ss-w-faint: #6b7580; --ss-w-line: #e4e8ec;
+  --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;
+  --ss-w-pos: #1aa563; --ss-w-neg: #e0524b;
+  --ss-w-home: #3a63a8; --ss-w-away: #c8102e; --ss-w-track: #e9edf1;
+  --ss-w-correct: #1f9d55; --ss-w-wrong: #b9bbc2;
+  --ss-w-radius: 16px; --ss-w-offset-x: 20px; --ss-w-offset-y: 20px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  font-size: 13px; line-height: 1.5; color: var(--ss-w-ink);
+}
+@media (prefers-color-scheme: dark) {
+  .ss-w-root[data-ss-w-theme="auto"] {
+    --ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
+    --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
+    --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
+    --ss-w-pos: #37c891; --ss-w-neg: #f0655d;
+    --ss-w-home: #5b83c8; --ss-w-away: #e8384f; --ss-w-track: #232d3a;
+    --ss-w-correct: #37c86b; --ss-w-wrong: #3a3a41;
+  }
+}
+.ss-w-root[data-ss-w-theme="dark"] {
+  --ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
+  --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
+  --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
+  --ss-w-pos: #37c891; --ss-w-neg: #f0655d;
+  --ss-w-home: #5b83c8; --ss-w-away: #e8384f; --ss-w-track: #232d3a;
+  --ss-w-correct: #37c86b; --ss-w-wrong: #3a3a41;
+}
+.ss-w-root[data-ss-w-theme="light"] {
+  --ss-w-accent: #17936a; --ss-w-cta: #f5a623; --ss-w-cta-ink: #1b1300;
+  --ss-w-ink: #14181d; --ss-w-faint: #6b7580;
+  --ss-w-line: #e4e8ec; --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;
+  --ss-w-home: #3a63a8; --ss-w-away: #c8102e; --ss-w-track: #e9edf1;
+  --ss-w-correct: #1f9d55; --ss-w-wrong: #b9bbc2;
+}
+
 /* launcher */
 .ss-w-fab-wrap { position: fixed; bottom: var(--ss-w-offset-y); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
 .ss-w-root[data-ss-w-pos="right"] .ss-w-fab-wrap { right: var(--ss-w-offset-x); }
@@ -4679,7 +6449,12 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-mon-vs { font-size: 12px; font-weight: 700; color: var(--ss-w-faint); text-transform: uppercase; }
 .ss-w-mon-score { display: flex; align-items: baseline; justify-content: center; font-size: 26px; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1; white-space: nowrap; color: var(--ss-w-ink); }
 .ss-w-mon-score i { font-style: normal; color: var(--ss-w-faint); font-weight: 500; margin: 0 4px; }
-.ss-w-mon-scorers { font-size: 11.5px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
+.ss-w-mon-scorers { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; column-gap: 10px; font-size: 11.5px; color: var(--ss-w-faint); }
+.ss-w-mon-scorers-col { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+.ss-w-mon-scorers-col li { overflow-wrap: anywhere; }
+.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-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); }
@@ -4781,10 +6556,384 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-drow-crest { width: 16px; height: 16px; flex: none; border-radius: 50%; object-fit: contain; background: var(--ss-w-bubble); }
 
 .ss-w-stale { font-size: 11px; font-weight: 600; color: var(--ss-w-cta); background: color-mix(in srgb, var(--ss-w-cta) 12%, var(--ss-w-panel)); border-radius: 8px; padding: 6px 9px; }
+
+/* ---- Games hub (D2) ---- */
+/* Hub shell: prize banner \u2192 chips \u2192 game matrix, all in a single column */
+.ss-w-games-hub { display: flex; flex-direction: column; gap: 12px; }
+
+/* Prize banner: CTA-tinted card with icon + body column (label + chips) */
+.ss-w-prize { display: flex; align-items: flex-start; gap: 10px; padding: 11px 13px; border-radius: 12px; background: color-mix(in srgb, var(--ss-w-cta) 10%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-cta) 22%, var(--ss-w-line)); }
+.ss-w-prize-icon { flex: none; font-size: 20px; line-height: 1; padding-top: 1px; }
+.ss-w-prize-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
+.ss-w-prize-text { font-size: 12.5px; font-weight: 650; color: var(--ss-w-ink); line-height: 1.35; overflow-wrap: anywhere; }
+
+/* Hub chips (streak / rank) \u2014 NOT .ss-w-chip which belongs to intent chips */
+.ss-w-g-chips { display: flex; gap: 6px; flex-wrap: wrap; }
+.ss-w-g-chip { display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 3px 10px; border: 1px solid transparent; white-space: nowrap; }
+.ss-w-g-chip--streak { color: var(--ss-w-cta-ink); background: var(--ss-w-cta); border-color: var(--ss-w-cta); }
+.ss-w-g-chip--rank { color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 13%, var(--ss-w-panel)); border-color: color-mix(in srgb, var(--ss-w-accent) 24%, var(--ss-w-line)); }
+
+/* Game matrix: 2-column grid of tiles */
+.ss-w-gmatrix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
+
+/* Game tile: a tappable card with status-driven visual state */
+.ss-w-tile { display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: 14px; border: 1px solid var(--ss-w-line); background: var(--ss-w-panel); cursor: pointer; text-align: left; font: inherit; color: inherit; width: 100%; min-width: 0; transition: background .12s ease; }
+.ss-w-tile:not([data-disabled]):hover { background: var(--ss-w-bubble); }
+.ss-w-tile[data-disabled] { opacity: .6; cursor: default; pointer-events: none; }
+.ss-w-tile-icon { font-size: 22px; line-height: 1; }
+.ss-w-tile-title { font-size: 13px; font-weight: 650; color: var(--ss-w-ink); line-height: 1.25; overflow-wrap: anywhere; }
+.ss-w-tile-status { font-size: 11px; color: var(--ss-w-faint); font-weight: 500; }
+.ss-w-tile-status--available { color: var(--ss-w-accent); font-weight: 600; }
+.ss-w-tile-status--in_progress { color: var(--ss-w-accent); font-weight: 600; }
+.ss-w-tile-status--played { color: var(--ss-w-correct); font-weight: 700; font-variant-numeric: tabular-nums; }
+.ss-w-tile-status--graded { color: var(--ss-w-correct); font-weight: 700; font-variant-numeric: tabular-nums; }
+/* Skill / For-fun kind chip */
+.ss-w-tile-chip { display: inline-flex; align-self: flex-start; font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; border-radius: 999px; padding: 2px 7px; margin-top: 2px; }
+.ss-w-tile-chip--skill { color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 13%, var(--ss-w-panel)); }
+.ss-w-tile-chip--fun { color: var(--ss-w-faint); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); }
+
+/* Game screen host: back-row + placeholder body */
+.ss-w-gscreen { display: flex; flex-direction: column; gap: 0; }
+.ss-w-gscreen-back { display: inline-flex; align-items: center; gap: 5px; background: none; border: none; color: var(--ss-w-accent); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; padding: 6px 0 10px; align-self: flex-start; }
+.ss-w-gscreen-back-arrow { font-size: 11px; font-weight: 700; }
+.ss-w-gscreen-body { flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px 16px; color: var(--ss-w-faint); font-size: 13px; text-align: center; }
+
+/* ---- Leaderboard (D2) ---- */
+/* Outer shell */
+.ss-w-lb2 { display: flex; flex-direction: column; gap: 12px; }
+
+/* Segmented control: This week / All time */
+.ss-w-seg { display: inline-flex; gap: 2px; align-self: flex-start; background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 9px; padding: 2px; }
+.ss-w-seg-btn { font-size: 12px; font-weight: 600; border: none; border-radius: 7px; padding: 5px 12px; color: var(--ss-w-faint); background: none; cursor: pointer; font: inherit; white-space: nowrap; }
+.ss-w-seg-btn[data-on] { color: var(--ss-w-ink); background: var(--ss-w-panel); box-shadow: 0 1px 3px rgba(0,0,0,.09); }
+
+/* Row list */
+.ss-w-lb2-rows { display: flex; flex-direction: column; border: 1px solid var(--ss-w-line); border-radius: 12px; overflow: hidden; background: var(--ss-w-panel); }
+.ss-w-lb2-row { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--ss-w-line); }
+.ss-w-lb2-row:last-child { border-bottom: none; }
+/* Highlighted "you" row: full-width tint via negative margin trick, contained by border-radius above */
+.ss-w-lb2-row--you { background: color-mix(in srgb, var(--ss-w-accent) 9%, var(--ss-w-panel)); }
+.ss-w-lb2-rank { flex: none; min-width: 30px; font-size: 12.5px; font-weight: 750; font-variant-numeric: tabular-nums; color: var(--ss-w-faint); }
+.ss-w-lb2-rank--top3 { color: var(--ss-w-cta); }
+.ss-w-lb2-handle { flex: 1; min-width: 0; font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ss-w-ink); }
+.ss-w-lb2-points { flex: none; font-size: 13px; font-weight: 750; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-lb2-streak { flex: none; font-size: 11px; font-weight: 700; color: var(--ss-w-accent); padding-left: 4px; }
+
+/* Kit-prize separator: a labelled hairline (eyebrow + two growing lines) */
+.ss-w-kitline { display: flex; align-items: center; gap: 8px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--ss-w-faint); }
+.ss-w-kitline::before, .ss-w-kitline::after { content: ""; flex: 1; height: 1px; background: var(--ss-w-line); }
+
+/* Off-board treatment: dashed pill indicating rank is outside top N */
+.ss-w-lbgap { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 12px; font-size: 11.5px; color: var(--ss-w-faint); border: 1px dashed var(--ss-w-line); border-radius: 10px; }
+
+/* ---- Mystery Tiger game screen (D3) ---- */
+.ss-w-gt { display: flex; flex-direction: column; gap: 10px; }
+/* Typeahead wrapper: relative so the dropdown can position under it */
+.ss-w-gtta { position: relative; }
+.ss-w-gtta-i { width: 100%; box-sizing: border-box; padding: 9px 12px; border-radius: 10px; border: 1.5px solid var(--ss-w-line); background: var(--ss-w-panel); color: var(--ss-w-ink); font: inherit; font-size: 13px; outline: none; transition: border-color .12s; }
+.ss-w-gtta-i:focus { border-color: var(--ss-w-accent); }
+.ss-w-gtta-i:disabled { opacity: .5; cursor: not-allowed; }
+.ss-w-gtta-drop { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 10; background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 10px; max-height: 180px; overflow-y: auto; box-shadow: 0 4px 16px rgba(0,0,0,.12); }
+.ss-w-gtta-opt { padding: 9px 12px; font-size: 13px; cursor: pointer; color: var(--ss-w-ink); border-bottom: 1px solid var(--ss-w-line); }
+.ss-w-gtta-opt:last-child { border-bottom: none; }
+.ss-w-gtta-opt:hover { background: var(--ss-w-bubble); }
+/* Column header labels: one cell per attribute */
+.ss-w-gthdr { display: grid; grid-template-columns: 1fr repeat(5, 36px); gap: 4px; padding: 0 2px; }
+.ss-w-gthdr-c { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ss-w-faint); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-gthdr-c--name { text-align: left; }
+/* Guess rows */
+.ss-w-gtrows { display: flex; flex-direction: column; gap: 4px; }
+.ss-w-gtrow { display: grid; grid-template-columns: 1fr repeat(5, 36px); gap: 4px; align-items: center; }
+.ss-w-gtrow-nm { font-size: 12px; font-weight: 600; color: var(--ss-w-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 4px; }
+/* Verdict tiles */
+.ss-w-gtile { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 36px; border-radius: 8px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; gap: 1px; transition: transform .1s; }
+.ss-w-gtile--exact { background: var(--ss-w-correct); color: #fff; }
+.ss-w-gtile--near { background: var(--ss-w-cta); color: var(--ss-w-cta-ink, #fff); }
+.ss-w-gtile--miss { background: var(--ss-w-bubble); color: var(--ss-w-faint); border: 1px solid var(--ss-w-line); }
+.ss-w-gtile-dir { font-size: 11px; line-height: 1; }
+/* Hint line */
+.ss-w-gt-hint { font-size: 11.5px; color: var(--ss-w-faint); text-align: center; padding: 2px 0; font-style: italic; }
+/* Outcome banner: shown when solved or failed */
+.ss-w-gt-banner { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 12px; border-radius: 12px; text-align: center; }
+.ss-w-gt-banner--solved { background: color-mix(in srgb, var(--ss-w-correct) 12%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-correct) 28%, var(--ss-w-line)); }
+.ss-w-gt-banner--failed { background: color-mix(in srgb, var(--ss-w-wrong) 8%, var(--ss-w-panel)); border: 1px solid var(--ss-w-line); }
+.ss-w-gt-banner-name { font-size: 16px; font-weight: 750; color: var(--ss-w-ink); }
+.ss-w-gt-banner-label { font-size: 12px; color: var(--ss-w-faint); }
+
+/* ---- Higher or Lower game screen (D3) ---- */
+.ss-w-hl { display: flex; flex-direction: column; gap: 12px; }
+/* Stat context header: family name + season */
+.ss-w-hlctx { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
+.ss-w-hlctx-fam { font-size: 14px; font-weight: 750; color: var(--ss-w-ink); }
+.ss-w-hlctx-szn { font-size: 11.5px; color: var(--ss-w-faint); font-weight: 500; }
+/* Score chip */
+.ss-w-hl-score { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 11%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 22%, var(--ss-w-line)); border-radius: 999px; padding: 3px 10px; }
+/* Pair card: two player cards + divider */
+.ss-w-hlpair { display: flex; align-items: stretch; gap: 0; border-radius: 14px; border: 1.5px solid var(--ss-w-line); overflow: hidden; background: var(--ss-w-panel); }
+/* Player card */
+.ss-w-hlpc { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 10px; text-align: center; }
+.ss-w-hlpc--b { border-left: 1px solid var(--ss-w-line); }
+.ss-w-hlpc-name { font-size: 12.5px; font-weight: 650; color: var(--ss-w-ink); line-height: 1.25; word-break: break-word; min-width: 0; }
+.ss-w-hlpc-val { font-size: 22px; font-weight: 800; color: var(--ss-w-accent); font-variant-numeric: tabular-nums; line-height: 1; }
+.ss-w-hlpc-val--hidden { color: var(--ss-w-faint); font-size: 26px; }
+.ss-w-hlpc-val--correct { color: var(--ss-w-correct); }
+.ss-w-hlpc-val--wrong { color: var(--ss-w-cta); }
+.ss-w-hlpc-badge { font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; border-radius: 999px; padding: 2px 8px; }
+.ss-w-hlpc-badge--correct { color: #fff; background: var(--ss-w-correct); }
+.ss-w-hlpc-badge--wrong { color: var(--ss-w-cta-ink, #fff); background: var(--ss-w-cta); }
+/* Higher / Lower buttons */
+.ss-w-hlbtns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
+.ss-w-hlbtn { padding: 11px; border-radius: 10px; border: 1.5px solid var(--ss-w-line); background: var(--ss-w-panel); color: var(--ss-w-ink); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: background .1s, border-color .1s, color .1s; }
+.ss-w-hlbtn:hover:not(:disabled) { background: var(--ss-w-bubble); border-color: var(--ss-w-accent); color: var(--ss-w-accent); }
+.ss-w-hlbtn:disabled { opacity: .5; cursor: not-allowed; }
+/* Answered pair result rows */
+.ss-w-hlresults { display: flex; flex-direction: column; gap: 4px; }
+.ss-w-hlrrow { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 8px; font-size: 12px; background: var(--ss-w-bubble); }
+.ss-w-hlrrow--correct { background: color-mix(in srgb, var(--ss-w-correct) 8%, var(--ss-w-panel)); }
+.ss-w-hlrrow--wrong { background: color-mix(in srgb, var(--ss-w-cta) 8%, var(--ss-w-panel)); }
+.ss-w-hlrrow-names { flex: 1; min-width: 0; font-weight: 600; color: var(--ss-w-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-hlrrow-pick { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--ss-w-faint); }
+.ss-w-hlrrow-icon { font-size: 14px; flex: none; }
+
+/* ---- Career Path game screen (D3) ---- */
+.ss-w-cpath { display: flex; flex-direction: column; gap: 12px; }
+/* Context header */
+.ss-w-cpath-ctx { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px; }
+.ss-w-cpath-ctx-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ss-w-faint); }
+.ss-w-cpath-ctx-count { font-size: 12px; font-weight: 600; color: var(--ss-w-accent); }
+/* Career path: vertical timeline of club spells */
+.ss-w-cpath-path { display: flex; flex-direction: column; gap: 4px; }
+/* Single club card */
+.ss-w-cpath-club { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px; background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); }
+.ss-w-cpath-club--loan { border-style: dashed; }
+/* Crest image / fallback */
+.ss-w-cpath-crest { width: 30px; height: 30px; object-fit: contain; flex: none; border-radius: 4px; }
+.ss-w-cpath-crest--fallback { background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 4px; }
+/* Club info: name + years */
+.ss-w-cpath-club-info { display: flex; flex: 1; min-width: 0; align-items: center; gap: 6px; flex-wrap: wrap; }
+.ss-w-cpath-club-name { font-size: 13px; font-weight: 650; color: var(--ss-w-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-cpath-spell-yr { font-size: 11px; color: var(--ss-w-faint); font-weight: 500; white-space: nowrap; }
+.ss-w-cpath-loan-badge { font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 1px 7px; border-radius: 999px; background: color-mix(in srgb, var(--ss-w-cta) 15%, var(--ss-w-panel)); color: var(--ss-w-cta-ink, #1b1300); border: 1px solid color-mix(in srgb, var(--ss-w-cta) 30%, var(--ss-w-line)); flex: none; }
+/* Hidden clubs indicator */
+.ss-w-cpath-hidden { font-size: 11.5px; color: var(--ss-w-faint); font-style: italic; text-align: center; padding: 6px 0 2px; }
+/* Hint line */
+.ss-w-cpath-hint { font-size: 11.5px; color: var(--ss-w-faint); text-align: center; padding: 2px 0; font-style: italic; }
+/* Outcome banner */
+.ss-w-cpath-banner { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 12px; border-radius: 12px; text-align: center; }
+.ss-w-cpath-banner--solved { background: color-mix(in srgb, var(--ss-w-correct) 12%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-correct) 28%, var(--ss-w-line)); }
+.ss-w-cpath-banner--failed { background: color-mix(in srgb, var(--ss-w-wrong) 8%, var(--ss-w-panel)); border: 1px solid var(--ss-w-line); }
+.ss-w-cpath-banner-name { font-size: 16px; font-weight: 750; color: var(--ss-w-ink); }
+.ss-w-cpath-banner-label { font-size: 12px; color: var(--ss-w-faint); }
+
+/* ---- Beat the Grid game screen (D3) ---- */
+.ss-w-btg { display: flex; flex-direction: column; gap: 10px; }
+/* Score/context row */
+.ss-w-btg-ctx { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
+.ss-w-btg-ctx-score { font-size: 13px; font-weight: 700; color: var(--ss-w-ink); }
+.ss-w-btg-ctx-left { font-size: 12px; color: var(--ss-w-faint); font-weight: 500; }
+.ss-w-btg-ctx-done { font-size: 12px; font-weight: 700; color: var(--ss-w-correct); }
+/* Grid layout \u2014 col count driven inline via style */
+.ss-w-btg-grid { display: grid; gap: 4px; width: 100%; }
+/* Generic grid cell */
+.ss-w-btg-gc { display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 8px; min-height: 42px; padding: 4px; font-size: 11px; word-break: break-word; line-height: 1.2; }
+/* Corner placeholder */
+.ss-w-btg-gc--corner { background: none; }
+/* Column header */
+.ss-w-btg-gc--colhdr { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--ss-w-faint); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); }
+/* Row header */
+.ss-w-btg-gc--rowhdr { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--ss-w-faint); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); writing-mode: horizontal-tb; }
+/* Interactive cells */
+.ss-w-btg-cell { flex-direction: column; gap: 2px; cursor: pointer; background: var(--ss-w-panel); border: 1.5px solid var(--ss-w-line); transition: border-color .12s, background .12s; }
+.ss-w-btg-cell:hover:not(:disabled) { border-color: var(--ss-w-accent); background: var(--ss-w-bubble); }
+.ss-w-btg-cell:disabled { cursor: not-allowed; opacity: .75; }
+.ss-w-btg-cell--correct { background: color-mix(in srgb, var(--ss-w-correct) 14%, var(--ss-w-panel)); border-color: color-mix(in srgb, var(--ss-w-correct) 35%, var(--ss-w-line)); }
+.ss-w-btg-cell--wrong { background: color-mix(in srgb, var(--ss-w-wrong) 10%, var(--ss-w-panel)); }
+.ss-w-btg-cell--active { border-color: var(--ss-w-accent); }
+.ss-w-btg-cell-score { font-size: 14px; font-weight: 800; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
+.ss-w-btg-cell-check { font-size: 12px; color: var(--ss-w-correct); line-height: 1; }
+.ss-w-btg-cell-empty { font-size: 16px; color: var(--ss-w-faint); }
+/* Scoped search sheet: slides up over the grid */
+.ss-w-btg-sheet { display: flex; flex-direction: column; gap: 10px; padding: 12px; background: var(--ss-w-panel); border: 1.5px solid var(--ss-w-line); border-radius: 14px; box-shadow: 0 4px 20px rgba(0,0,0,.1); }
+.ss-w-btg-sheet-hdr { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.ss-w-btg-sheet-ctx { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
+.ss-w-btg-sheet-row { font-size: 12.5px; font-weight: 700; color: var(--ss-w-ink); }
+.ss-w-btg-sheet-sep { font-size: 13px; color: var(--ss-w-faint); font-weight: 500; }
+.ss-w-btg-sheet-col { font-size: 12.5px; font-weight: 700; color: var(--ss-w-accent); }
+.ss-w-btg-sheet-close { background: none; border: none; cursor: pointer; font-size: 14px; color: var(--ss-w-faint); padding: 2px 6px; border-radius: 6px; line-height: 1; font: inherit; }
+.ss-w-btg-sheet-close:hover { color: var(--ss-w-ink); background: var(--ss-w-bubble); }
+
+/* ---- Guess the XI game screen (D3) ---- */
+.ss-w-gxi { display: flex; flex-direction: column; gap: 12px; }
+/* Context label (pool label) */
+.ss-w-gxi-ctx { display: flex; align-items: center; }
+.ss-w-gxi-ctx-label { font-size: 12px; font-weight: 700; color: var(--ss-w-faint); text-transform: uppercase; letter-spacing: .05em; }
+/* Positions pitch: compact slot grid */
+.ss-w-gxi-pitch { display: flex; flex-wrap: wrap; gap: 5px; }
+.ss-w-gxi-pslot { display: flex; flex-direction: column; align-items: center; gap: 2px; background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 8px; padding: 6px 10px; min-width: 52px; }
+.ss-w-gxi-pslot-pos { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--ss-w-accent); }
+.ss-w-gxi-pslot-nat { font-size: 10px; color: var(--ss-w-faint); font-weight: 500; text-align: center; line-height: 1.2; }
+/* Earned reveals */
+.ss-w-gxi-reveals { display: flex; flex-direction: column; gap: 4px; }
+.ss-w-gxi-reveal { display: flex; align-items: center; gap: 6px; padding: 7px 10px; background: color-mix(in srgb, var(--ss-w-cta) 8%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-cta) 22%, var(--ss-w-line)); border-radius: 8px; }
+.ss-w-gxi-reveal-slot { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--ss-w-cta-ink, #1b1300); background: var(--ss-w-cta); border-radius: 6px; padding: 1px 6px; flex: none; }
+.ss-w-gxi-reveal-val { font-size: 12.5px; font-weight: 600; color: var(--ss-w-ink); }
+/* Team pool: responsive flex grid of buttons */
+.ss-w-gxi-pool { display: flex; flex-wrap: wrap; gap: 6px; }
+.ss-w-gxi-team-btn { font: inherit; font-size: 12.5px; font-weight: 650; border-radius: 10px; padding: 9px 14px; cursor: pointer; border: 1.5px solid var(--ss-w-line); background: var(--ss-w-panel); color: var(--ss-w-ink); transition: background .1s, border-color .1s; }
+.ss-w-gxi-team-btn:hover:not(:disabled) { background: var(--ss-w-bubble); border-color: var(--ss-w-accent); }
+.ss-w-gxi-team-btn:disabled { opacity: .5; cursor: not-allowed; }
+.ss-w-gxi-team-btn--correct { background: color-mix(in srgb, var(--ss-w-correct) 14%, var(--ss-w-panel)); border-color: color-mix(in srgb, var(--ss-w-correct) 35%, var(--ss-w-line)); color: var(--ss-w-correct); }
+.ss-w-gxi-team-btn--wrong { background: color-mix(in srgb, var(--ss-w-wrong) 8%, var(--ss-w-panel)); text-decoration: line-through; opacity: .65; }
+/* Outcome banner */
+.ss-w-gxi-banner { display: flex; align-items: center; justify-content: center; padding: 10px 12px; border-radius: 10px; }
+.ss-w-gxi-banner--solved { background: color-mix(in srgb, var(--ss-w-correct) 12%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-correct) 28%, var(--ss-w-line)); }
+.ss-w-gxi-banner--failed { background: color-mix(in srgb, var(--ss-w-wrong) 8%, var(--ss-w-panel)); border: 1px solid var(--ss-w-line); }
+.ss-w-gxi-banner-label { font-size: 13px; font-weight: 700; color: var(--ss-w-ink); }
+/* Hint line */
+.ss-w-gxi-hint { font-size: 11.5px; color: var(--ss-w-faint); text-align: center; font-style: italic; }
+
+/* ---- Daily Quiz game screen (D3) ---- */
+.ss-w-dq { display: flex; flex-direction: column; gap: 14px; }
+/* Score banner (post-reveal) */
+.ss-w-dq-score { display: flex; align-items: baseline; justify-content: center; gap: 4px; padding: 10px; background: color-mix(in srgb, var(--ss-w-correct) 10%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-correct) 28%, var(--ss-w-line)); border-radius: 12px; }
+.ss-w-dq-score-val { font-size: 26px; font-weight: 800; color: var(--ss-w-correct); font-variant-numeric: tabular-nums; }
+.ss-w-dq-score-label { font-size: 13px; font-weight: 650; color: var(--ss-w-faint); }
+/* Progress bar */
+.ss-w-dq-prog { height: 4px; border-radius: 999px; background: var(--ss-w-bubble); overflow: hidden; }
+.ss-w-dq-prog-fill { height: 100%; border-radius: 999px; background: var(--ss-w-accent); transition: width .25s ease; }
+/* Questions list */
+.ss-w-dq-questions { display: flex; flex-direction: column; gap: 16px; }
+/* Single question */
+.ss-w-dq-q { display: flex; flex-direction: column; gap: 8px; }
+.ss-w-dq-qstem { font-size: 13.5px; font-weight: 650; color: var(--ss-w-ink); line-height: 1.4; }
+/* Options grid: 2 across */
+.ss-w-dq-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
+.ss-w-dq-qopt { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; border: 1.5px solid var(--ss-w-line); background: var(--ss-w-panel); font: inherit; font-size: 12.5px; cursor: pointer; text-align: left; color: var(--ss-w-ink); transition: background .1s, border-color .1s; }
+.ss-w-dq-qopt:hover:not(:disabled) { background: var(--ss-w-bubble); border-color: var(--ss-w-accent); }
+.ss-w-dq-qopt:disabled { cursor: not-allowed; }
+.ss-w-dq-qopt--selected { border-color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 8%, var(--ss-w-panel)); }
+.ss-w-dq-qopt--correct { border-color: var(--ss-w-correct); background: color-mix(in srgb, var(--ss-w-correct) 12%, var(--ss-w-panel)); color: var(--ss-w-correct); }
+.ss-w-dq-qopt--wrong { border-color: color-mix(in srgb, var(--ss-w-cta) 50%, var(--ss-w-line)); background: color-mix(in srgb, var(--ss-w-cta) 8%, var(--ss-w-panel)); opacity: .75; }
+/* Option letter badge */
+.ss-w-dq-qopt-letter { flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); font-size: 10px; font-weight: 800; display: flex; align-items: center; justify-content: center; color: var(--ss-w-faint); }
+.ss-w-dq-qopt-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+/* Why/reveal text */
+.ss-w-dq-qwhy { font-size: 11.5px; padding: 6px 10px; border-radius: 8px; line-height: 1.4; }
+.ss-w-dq-qwhy--correct { background: color-mix(in srgb, var(--ss-w-correct) 9%, var(--ss-w-panel)); color: var(--ss-w-correct); border: 1px solid color-mix(in srgb, var(--ss-w-correct) 22%, var(--ss-w-line)); }
+.ss-w-dq-qwhy--wrong { background: var(--ss-w-bubble); color: var(--ss-w-faint); border: 1px solid var(--ss-w-line); }
+/* Submit button */
+.ss-w-dq-submit { width: 100%; padding: 13px; border-radius: 12px; border: none; background: var(--ss-w-accent); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: opacity .15s; }
+.ss-w-dq-submit:disabled { opacity: .4; cursor: not-allowed; }
+.ss-w-dq-submit:hover:not(:disabled) { opacity: .88; }
+
+/* \u2500\u2500 Matchday Predictor \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.ss-w-mp { display: flex; flex-direction: column; gap: 14px; }
+/* Score prediction row */
+.ss-w-mp-pred-score { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 0; }
+.ss-w-mp-team { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 1; min-width: 0; }
+.ss-w-mp-team-name { font-size: 12px; font-weight: 650; color: var(--ss-w-ink); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
+.ss-w-mp-stepper { display: flex; align-items: center; gap: 8px; }
+.ss-w-mp-stepper-btn { width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid var(--ss-w-line); background: var(--ss-w-panel); font: inherit; font-size: 18px; font-weight: 700; color: var(--ss-w-ink); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .1s; }
+.ss-w-mp-stepper-btn:hover:not(:disabled) { background: var(--ss-w-bubble); }
+.ss-w-mp-stepper-btn:disabled { opacity: .35; cursor: not-allowed; }
+.ss-w-mp-stepper-val { font-size: 26px; font-weight: 800; color: var(--ss-w-ink); min-width: 28px; text-align: center; font-variant-numeric: tabular-nums; }
+.ss-w-mp-sep { font-size: 22px; font-weight: 700; color: var(--ss-w-faint); padding: 0 4px; }
+/* First-scorer picker */
+.ss-w-mp-scorer { display: flex; flex-direction: column; gap: 6px; }
+.ss-w-mp-scorer-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ss-w-faint); }
+.ss-w-mp-scorer-list { display: flex; flex-wrap: wrap; gap: 6px; }
+.ss-w-mp-scorer-opt { padding: 6px 12px; border-radius: 999px; border: 1.5px solid var(--ss-w-line); background: var(--ss-w-panel); font: inherit; font-size: 12px; font-weight: 600; color: var(--ss-w-ink); cursor: pointer; transition: background .1s, border-color .1s; }
+.ss-w-mp-scorer-opt:hover:not(:disabled) { background: var(--ss-w-bubble); border-color: var(--ss-w-accent); }
+.ss-w-mp-scorer-opt--selected { border-color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 10%, var(--ss-w-panel)); color: var(--ss-w-accent); }
+.ss-w-mp-scorer-opt:disabled { opacity: .35; cursor: not-allowed; }
+/* Save button */
+.ss-w-mp-savebtn { width: 100%; padding: 13px; border-radius: 12px; border: none; background: var(--ss-w-accent); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: opacity .15s; }
+.ss-w-mp-savebtn:disabled { opacity: .4; cursor: not-allowed; }
+.ss-w-mp-savebtn:hover:not(:disabled) { opacity: .88; }
+/* Live / pending state */
+.ss-w-mp-live { display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; padding: 14px 0; }
+.ss-w-mp-live-score { font-size: 30px; font-weight: 800; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
+.ss-w-mp-live-label { font-size: 12px; color: var(--ss-w-faint); font-style: italic; }
+.ss-w-mp-live-outcome { display: flex; flex-direction: column; gap: 6px; width: 100%; }
+.ss-w-mp-live-row { display: flex; align-items: center; justify-content: space-between; padding: 7px 12px; border-radius: 10px; background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); font-size: 12.5px; }
+.ss-w-mp-live-row--correct { border-color: color-mix(in srgb, var(--ss-w-correct) 40%, var(--ss-w-line)); background: color-mix(in srgb, var(--ss-w-correct) 8%, var(--ss-w-panel)); }
+.ss-w-mp-live-row-key { color: var(--ss-w-faint); font-weight: 600; }
+.ss-w-mp-live-row-val { font-weight: 700; color: var(--ss-w-ink); }
+.ss-w-mp-live-row--correct .ss-w-mp-live-row-val { color: var(--ss-w-correct); }
+/* For-fun note */
+.ss-w-mp-fun { font-size: 11px; color: var(--ss-w-faint); text-align: center; font-style: italic; }
+
+/* \u2500\u2500 Starting XI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.ss-w-sxi { display: flex; flex-direction: column; gap: 14px; }
+.ss-w-sxi-formation { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ss-w-faint); text-align: center; }
+/* Formation pitch area */
+.ss-w-sxi-pitch { display: flex; flex-direction: column; gap: 10px; padding: 12px 8px; border-radius: 12px; background: color-mix(in srgb, var(--ss-w-accent) 4%, var(--ss-w-panel)); border: 1px solid var(--ss-w-line); min-height: 260px; }
+.ss-w-sxi-pitch-row { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; }
+/* Player slot */
+.ss-w-sxi-pslot { display: flex; flex-direction: column; align-items: center; gap: 3px; width: 64px; cursor: pointer; }
+.ss-w-sxi-pslot-num { width: 36px; height: 36px; border-radius: 50%; border: 2px dashed var(--ss-w-line); background: var(--ss-w-bubble); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: var(--ss-w-faint); transition: border-color .1s, background .1s; }
+.ss-w-sxi-pslot--filled .ss-w-sxi-pslot-num { border-style: solid; border-color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 12%, var(--ss-w-panel)); color: var(--ss-w-accent); }
+.ss-w-sxi-pslot-name { font-size: 9.5px; font-weight: 600; color: var(--ss-w-ink); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
+/* Squad picker */
+.ss-w-sxi-squad { display: flex; flex-direction: column; gap: 4px; max-height: 200px; overflow-y: auto; }
+.ss-w-sxi-squad-row { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--ss-w-line); background: var(--ss-w-panel); cursor: pointer; transition: background .1s; }
+.ss-w-sxi-squad-row:hover:not(.ss-w-sxi-squad-row--picked) { background: var(--ss-w-bubble); }
+.ss-w-sxi-squad-row--picked { background: color-mix(in srgb, var(--ss-w-accent) 8%, var(--ss-w-panel)); border-color: var(--ss-w-accent); }
+.ss-w-sxi-squad-name { font-size: 12.5px; font-weight: 600; color: var(--ss-w-ink); }
+.ss-w-sxi-squad-pos { font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-sxi-savebtn { width: 100%; padding: 13px; border-radius: 12px; border: none; background: var(--ss-w-accent); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: opacity .15s; }
+.ss-w-sxi-savebtn:disabled { opacity: .4; cursor: not-allowed; }
+.ss-w-sxi-savebtn:hover:not(:disabled) { opacity: .88; }
+/* Pending / graded states */
+.ss-w-sxi-status { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 12px; border-radius: 12px; background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); text-align: center; }
+.ss-w-sxi-status--graded { background: color-mix(in srgb, var(--ss-w-correct) 8%, var(--ss-w-panel)); border-color: color-mix(in srgb, var(--ss-w-correct) 28%, var(--ss-w-line)); }
+.ss-w-sxi-status-score { font-size: 28px; font-weight: 800; color: var(--ss-w-correct); font-variant-numeric: tabular-nums; }
+.ss-w-sxi-status-label { font-size: 12.5px; color: var(--ss-w-faint); }
+
+/* \u2500\u2500 Stat Ladder \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.ss-w-sl { display: flex; flex-direction: column; gap: 14px; }
+.ss-w-sl-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ss-w-faint); text-align: center; }
+/* Ladder list */
+.ss-w-sl-ladder { display: flex; flex-direction: column; gap: 6px; }
+.ss-w-sl-lrow { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--ss-w-line); background: var(--ss-w-panel); }
+.ss-w-sl-lrow-rank { font-size: 11px; font-weight: 800; color: var(--ss-w-faint); width: 18px; flex: none; text-align: center; }
+.ss-w-sl-lrow-name { flex: 1; font-size: 13px; font-weight: 650; color: var(--ss-w-ink); }
+.ss-w-sl-lrow-stat { font-size: 13px; font-weight: 700; color: var(--ss-w-ink); font-variant-numeric: tabular-nums; }
+/* Mystery rung */
+.ss-w-sl-mystery { border: 1.5px dashed var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 5%, var(--ss-w-panel)); }
+.ss-w-sl-mystery .ss-w-sl-lrow-name { color: var(--ss-w-faint); font-style: italic; }
+/* Reveal overlay: correct / wrong */
+.ss-w-sl-lrow--correct { border-color: color-mix(in srgb, var(--ss-w-correct) 40%, var(--ss-w-line)); background: color-mix(in srgb, var(--ss-w-correct) 8%, var(--ss-w-panel)); }
+.ss-w-sl-lrow--wrong { border-color: color-mix(in srgb, var(--ss-w-wrong, #e05050) 30%, var(--ss-w-line)); background: color-mix(in srgb, var(--ss-w-wrong, #e05050) 6%, var(--ss-w-panel)); }
+/* Player picker */
+.ss-w-sl-picker { display: flex; flex-wrap: wrap; gap: 6px; }
+.ss-w-sl-picker-opt { padding: 6px 12px; border-radius: 999px; border: 1.5px solid var(--ss-w-line); background: var(--ss-w-panel); font: inherit; font-size: 12px; font-weight: 600; color: var(--ss-w-ink); cursor: pointer; transition: background .1s, border-color .1s; }
+.ss-w-sl-picker-opt:hover:not(:disabled) { background: var(--ss-w-bubble); border-color: var(--ss-w-accent); }
+.ss-w-sl-picker-opt:disabled { opacity: .35; cursor: not-allowed; }
+.ss-w-sl-reveal { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 12px; border-radius: 12px; text-align: center; font-size: 13px; font-weight: 650; color: var(--ss-w-ink); }
+.ss-w-sl-reveal--correct { background: color-mix(in srgb, var(--ss-w-correct) 10%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-correct) 28%, var(--ss-w-line)); color: var(--ss-w-correct); }
+.ss-w-sl-reveal--wrong { background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); color: var(--ss-w-faint); }
+
+/* \u2500\u2500 Fan MOTM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.ss-w-motm { display: flex; flex-direction: column; gap: 14px; }
+.ss-w-motm-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ss-w-faint); text-align: center; }
+/* Vote candidate list */
+.ss-w-motm-votes { display: flex; flex-direction: column; gap: 6px; }
+.ss-w-motm-vrow { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 10px; border: 1.5px solid var(--ss-w-line); background: var(--ss-w-panel); cursor: pointer; transition: background .1s, border-color .1s; position: relative; overflow: hidden; }
+.ss-w-motm-vrow:hover:not(.ss-w-motm-vrow--voted):not(.ss-w-motm-vrow--result) { background: var(--ss-w-bubble); border-color: var(--ss-w-accent); }
+.ss-w-motm-vrow--voted { border-color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 8%, var(--ss-w-panel)); cursor: default; }
+.ss-w-motm-vrow--result { cursor: default; }
+.ss-w-motm-vrow-name { flex: 1; font-size: 13px; font-weight: 650; color: var(--ss-w-ink); position: relative; z-index: 1; }
+.ss-w-motm-vrow-pct { font-size: 12px; font-weight: 700; color: var(--ss-w-faint); position: relative; z-index: 1; font-variant-numeric: tabular-nums; }
+/* Share fill bar (behind content) */
+.ss-w-motm-vfill { position: absolute; top: 0; left: 0; height: 100%; background: color-mix(in srgb, var(--ss-w-accent) 9%, var(--ss-w-panel)); transition: width .4s ease; pointer-events: none; }
+.ss-w-motm-vrow--voted .ss-w-motm-vfill { background: color-mix(in srgb, var(--ss-w-accent) 18%, var(--ss-w-panel)); }
+/* For-fun note */
+.ss-w-motm-fun { font-size: 11px; color: var(--ss-w-faint); text-align: center; font-style: italic; }
 `;
 
 // src/StatsWidget.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -4809,23 +6958,23 @@ function injectStyles(root) {
 function StatsWidget(props) {
   const injectedClient = "client" in props ? props.client : void 0;
   const cfg = props.config;
-  const built = (0, import_react26.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
-  const logger = (0, import_react26.useMemo)(
+  const built = (0, import_react39.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
+  const logger = (0, import_react39.useMemo)(
     () => built ? built.client.createEventLogger({
       operatorUserId: cfg?.userContext?.operatorUserId,
       anonymousUserId: cfg?.userContext?.anonymousUserId
     }) : null,
     [built?.client]
   );
-  const ui = (0, import_react26.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
-  const rootRef = (0, import_react26.useRef)(null);
-  const introDoneRef = (0, import_react26.useRef)(false);
-  const markIntroDone = (0, import_react26.useCallback)(() => {
+  const ui = (0, import_react39.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
+  const rootRef = (0, import_react39.useRef)(null);
+  const introDoneRef = (0, import_react39.useRef)(false);
+  const markIntroDone = (0, import_react39.useCallback)(() => {
     introDoneRef.current = true;
   }, []);
   const convStorageKey = `ss-w-conv:${cfg?.operatorId ?? ""}:${cfg?.userContext?.operatorUserId ?? "anon"}`;
   const controller = useChatStream(built?.conversation ?? emptyConversation(), ui.starters, built ? ui.greetingMessage : void 0, convStorageKey);
-  const [hasToday, setHasToday] = (0, import_react26.useState)(false);
+  const [hasToday, setHasToday] = (0, import_react39.useState)(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),
@@ -4833,15 +6982,15 @@ function StatsWidget(props) {
     isOpen: controller.state.isOpen,
     hasToday
   });
-  const getSchedule = (0, import_react26.useCallback)(
+  const getSchedule = (0, import_react39.useCallback)(
     (localDate, utcOffsetMinutes) => built ? built.conversation.getSchedule(localDate, utcOffsetMinutes) : Promise.resolve(null),
     [built]
   );
-  const getStates = (0, import_react26.useCallback)(
+  const getStates = (0, import_react39.useCallback)(
     (matchIds) => built ? built.conversation.getStates(matchIds) : Promise.resolve(null),
     [built]
   );
-  const pinnedMatchIds = (0, import_react26.useMemo)(
+  const pinnedMatchIds = (0, import_react39.useMemo)(
     () => monitor.pins.filter((p) => p.kind === "match").map((p) => p.matchId),
     [monitor.pins]
   );
@@ -4853,17 +7002,19 @@ function StatsWidget(props) {
     pinnedMatchIds
   });
   const todayHasContent = visibleGroupsOf(discovery.groups, discovery.states).length > 0;
-  (0, import_react26.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     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 = (0, import_react26.useRef)(0);
-  (0, import_react26.useEffect)(() => {
+  const prevLiveCountRef = (0, import_react39.useRef)(0);
+  (0, import_react39.useEffect)(() => {
     const rose = prevLiveCountRef.current === 0 && discovery.liveCount > 0;
     prevLiveCountRef.current = discovery.liveCount;
     if (rose) markTodayActivity();
   }, [discovery.liveCount, markTodayActivity]);
-  const slip = (0, import_react26.useMemo)(
+  const slip = (0, import_react39.useMemo)(
     () => {
       const handler = props.config?.onAddToSlip;
       return {
@@ -4886,18 +7037,18 @@ function StatsWidget(props) {
     },
     [props.config?.onAddToSlip, controller.state.conversationId, built, monitor.markInSlip]
   );
-  const onDashboardTap = (0, import_react26.useMemo)(
+  const onDashboardTap = (0, import_react39.useMemo)(
     () => built ? createDashboardTapSignal((input) => built.conversation.sendSignal(input), logger) : void 0,
     [built, logger]
   );
   const operatorUserId = cfg?.userContext?.operatorUserId;
   const anonymousUserId = cfg?.userContext?.anonymousUserId;
   const conversationId = controller.state.conversationId ?? void 0;
-  (0, import_react26.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!logger) return;
     logger.setIdentity({ operatorUserId, anonymousUserId, conversationId });
   }, [logger, operatorUserId, anonymousUserId, conversationId]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!logger) return;
     const onHide = () => {
       logger.flushOnHide();
@@ -4914,14 +7065,27 @@ function StatsWidget(props) {
       logger.dispose();
     };
   }, [logger]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!built || !ui.injectStyles) return;
     const node = rootRef.current?.getRootNode();
     if (node) injectStyles(node);
   }, [built, ui.injectStyles]);
   if (!built) return null;
   const attrs = themeAttrs(ui);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChatPanel, { controller, ui, slip, onDashboardTap, monitor: monitor.enabled ? monitor : void 0, discovery }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    ChatPanel,
+    {
+      controller,
+      ui,
+      slip,
+      onDashboardTap,
+      monitor: monitor.enabled ? monitor : void 0,
+      discovery,
+      gamesResult,
+      leaderboardResult,
+      loggedIn: !!operatorUserId
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     ChatFab,
     {
       label: ui.launcherLabel,