@sensiblestats/widget-react 0.98.0 → 0.99.0

package/dist/index.js

@@ -1099,7 +1099,7 @@ function isEnglishLocale(locale) {
 }
 
 // src/version.generated.ts
-var WIDGET_REACT_VERSION = "0.98.0";
+var WIDGET_REACT_VERSION = "0.99.0";
 
 // src/config.ts
 function normalizeUi(cfg) {
@@ -2734,7 +2734,9 @@ function seedIdCounter(messages) {
   }
   return max + 1;
 }
-function useChatStream(conversation, starterTexts, greetingMessage, storageKey) {
+var pageKey = (p) => p ? `${p.sport}|${p.kind ?? "section"}|${p.matchId ?? p.competitionId ?? ""}` : "";
+var REGREET_DEBOUNCE_MS = 300;
+function useChatStream(conversation, starterTexts, greetingMessage, storageKey, page) {
   const boot = useMemo2(() => {
     const payload = storageKey ? readConversation(storageKey, Date.now()) : null;
     const restored = payload != null && payload !== "expired" && payload !== "corrupt";
@@ -2752,6 +2754,10 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
   stateRef.current = state;
   const greetedRef = useRef3(boot.restored);
   const hydratedRef = useRef3(false);
+  const pageRef = useRef3(page);
+  pageRef.current = page;
+  const greetedKeyRef = useRef3(null);
+  const greetingCancelledRef = useRef3(false);
   const restoreSeededRef = useRef3(false);
   if (!restoreSeededRef.current) {
     restoreSeededRef.current = true;
@@ -2827,7 +2833,13 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
       handleRef.current?.cancel();
       clearFallbackTimer();
       dispatch({ kind: "GREETING_SENT", assistantId: nextId() });
-      const handle = conversation.send({ message, clientCapabilities: [...CLIENT_CAPABILITIES] });
+      greetedKeyRef.current = pageKey(pageRef.current);
+      greetingCancelledRef.current = false;
+      const handle = conversation.send({
+        message,
+        clientCapabilities: [...CLIENT_CAPABILITIES],
+        ...pageRef.current ? { page: pageRef.current } : {}
+      });
       handleRef.current = handle;
       armFallbackTimer(() => dispatch({ kind: "STOP" }));
       consume(handle, () => dispatch({ kind: "STOP" }));
@@ -2840,6 +2852,24 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     greetedRef.current = true;
     fireGreeting();
   }, [fireGreeting]);
+  const key = pageKey(page);
+  useEffect3(() => {
+    if (greetedKeyRef.current === null) return;
+    if (key === greetedKeyRef.current && !greetingCancelledRef.current) return;
+    if (stateRef.current.messages.some((m) => m.role === "user")) return;
+    if (key !== greetedKeyRef.current && handleRef.current) {
+      handleRef.current.cancel();
+      greetingCancelledRef.current = true;
+    }
+    const timer = setTimeout(() => {
+      if (stateRef.current.messages.some((m) => m.role === "user")) return;
+      idRef.current = 0;
+      conversation.conversationId = void 0;
+      dispatch({ kind: "RESET" });
+      fireGreeting();
+    }, REGREET_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [key, conversation, fireGreeting]);
   useEffect3(() => {
     if (!state.limit) return;
     const delay = limitDelayMs(state.limit, Date.now());
@@ -5964,15 +5994,34 @@ function ActionButtons({ actions, loading, disabled, onAct }) {
 }
 
 // src/components/dashboard/DashboardTile.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 var MAX_CRESTS = 3;
 var ODDS_TAIL = /\s*·\s*@(\d+(?:\.\d+)?)\s*$/;
 function splitOdds(subtitle) {
   const m = ODDS_TAIL.exec(subtitle);
   return m ? { text: subtitle.slice(0, m.index), odds: m[1] } : { text: subtitle };
 }
+function codesOf(tile) {
+  return (tile.imageCodes ?? []).filter(Boolean);
+}
+function Marks({ codes }) {
+  return /* @__PURE__ */ jsx23(Fragment6, { children: codes.map((code, i) => /* @__PURE__ */ jsx23("span", { className: "ss-w-dash__mark", children: code }, `${code}-${i}`)) });
+}
+var KEEP_MAX = 16;
+function DotSeparated({ text }) {
+  const parts = text.split(" \xB7 ");
+  return /* @__PURE__ */ jsx23(Fragment6, { children: parts.map((part, i) => {
+    const piece = i < parts.length - 1 ? `${part} \xB7` : part;
+    return /* @__PURE__ */ jsxs19("span", { children: [
+      i > 0 ? " " : null,
+      part.length <= KEEP_MAX ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash__keep", children: piece }) : piece
+    ] }, i);
+  }) });
+}
+var keepDashWithHome = (title) => title.replace(/ - /g, "\xA0- ");
 function HeroTile({ tile, onTap, oddsLabel }) {
   const crests = (tile.imageUrls ?? []).filter(Boolean).slice(0, 2);
+  const codes = crests.length === 0 ? codesOf(tile).slice(0, 2) : [];
   const sub = tile.subtitle ? splitOdds(tile.subtitle) : null;
   return /* @__PURE__ */ jsxs19("button", { type: "button", className: "ss-w-dash-tile ss-w-dash-tile--full ss-w-dash-hero", onClick: onTap, children: [
     /* @__PURE__ */ jsxs19("span", { className: "ss-w-dash-hero-top", children: [
@@ -5984,36 +6033,40 @@ function HeroTile({ tile, onTap, oddsLabel }) {
         ] }),
         sub.odds
       ] }) : null,
+      !sub?.odds && tile.meta ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash__meta", children: /* @__PURE__ */ jsx23(DotSeparated, { text: tile.meta }) }) : null,
       /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-chevron", children: /* @__PURE__ */ jsx23(ChevronIcon, {}) })
     ] }),
     /* @__PURE__ */ jsxs19("span", { className: "ss-w-dash-hero-main", children: [
-      /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-visual", "aria-hidden": "true", children: crests.length > 0 ? crests.map((url, i) => /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-crest", style: { backgroundImage: `url(${url})` } }, `${url}-${i}`)) : /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-icon", children: /* @__PURE__ */ jsx23(DashboardIcon, { name: tile.icon }) }) }),
+      /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-visual", "aria-hidden": "true", children: crests.length > 0 ? crests.map((url, i) => /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-crest", style: { backgroundImage: `url(${url})` } }, `${url}-${i}`)) : codes.length > 0 ? /* @__PURE__ */ jsx23(Marks, { codes }) : /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-icon", children: /* @__PURE__ */ jsx23(DashboardIcon, { name: tile.icon }) }) }),
       /* @__PURE__ */ jsxs19("span", { className: "ss-w-dash-hero-body", children: [
-        /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-title", children: tile.title }),
-        sub?.text ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-subtitle", children: sub.text }) : null
+        /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-title", children: keepDashWithHome(tile.title) }),
+        sub?.text ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-hero-subtitle", children: sub.text.includes(" \xB7 ") ? /* @__PURE__ */ jsx23(DotSeparated, { text: sub.text }) : sub.text }) : null
       ] })
     ] })
   ] });
 }
+var PRICE_BADGE = /^\d+(?:[.,]\d+)?$/;
 function DashboardTile({ tile, onTap, oddsLabel = "Odds", badgePlacement = "meta" }) {
   if (tile.emphasis === "hero") return /* @__PURE__ */ jsx23(HeroTile, { tile, onTap, oddsLabel });
   const spanClass = tile.span === "full" ? "ss-w-dash-tile--full" : "ss-w-dash-tile--half";
   const crests = (tile.imageUrls ?? []).slice(0, MAX_CRESTS);
-  const endBadge = badgePlacement === "end" && tile.badgeText ? tile.badgeText : null;
+  const endBadge = badgePlacement === "end" && tile.badgeText && PRICE_BADGE.test(tile.badgeText.trim()) ? tile.badgeText : null;
   const metaBadge = endBadge ? null : tile.badgeText;
-  const hasMeta = Boolean(metaBadge) || crests.length > 0;
+  const codes = crests.length === 0 ? codesOf(tile).slice(0, MAX_CRESTS) : [];
+  const hasMeta = Boolean(metaBadge) || crests.length > 0 || codes.length > 0;
   return /* @__PURE__ */ jsxs19("button", { type: "button", className: `ss-w-dash-tile ${spanClass}`, onClick: onTap, children: [
     /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-icon", children: /* @__PURE__ */ jsx23(DashboardIcon, { name: tile.icon }) }),
     /* @__PURE__ */ jsxs19("span", { className: "ss-w-dash-tile-body", children: [
       /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-title", children: tile.title }),
-      tile.subtitle ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-subtitle", children: tile.subtitle }) : null,
+      tile.subtitle ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-subtitle", children: tile.subtitle.includes(" \xB7 ") ? /* @__PURE__ */ jsx23(DotSeparated, { text: tile.subtitle }) : tile.subtitle }) : null,
       hasMeta ? (
         // Badge + crests sit on their own row, below the title, instead of sharing the
         // icon/chevron row -- at the half-span tile's ~180px width a nowrap badge alone
         // (~70px) left the title column at ~22px and forced character-by-character wrapping.
         /* @__PURE__ */ jsxs19("span", { className: "ss-w-dash-tile-meta", children: [
           metaBadge ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-badge", children: metaBadge }) : null,
-          crests.length > 0 ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-crests", children: crests.map((url, i) => /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-crest", style: { backgroundImage: `url(${url})` }, "aria-hidden": "true" }, `${url}-${i}`)) }) : null
+          crests.length > 0 ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-crests", children: crests.map((url, i) => /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-crest", style: { backgroundImage: `url(${url})` }, "aria-hidden": "true" }, `${url}-${i}`)) }) : null,
+          codes.length > 0 ? /* @__PURE__ */ jsx23("span", { className: "ss-w-dash-tile-crests", "aria-hidden": "true", children: /* @__PURE__ */ jsx23(Marks, { codes }) }) : null
         ] })
       ) : null
     ] }),
@@ -6045,7 +6098,7 @@ function GreetingDashboard({ dashboard, onTap, oddsLabel }) {
 }
 
 // src/components/dashboard/FixtureCard.tsx
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function teamFormResultClass(result) {
   if (result === "W") return "ss-w-fandash-teamform-cell--win";
   if (result === "L") return "ss-w-fandash-teamform-cell--loss";
@@ -6071,7 +6124,7 @@ function teamFormRows(data) {
 function FixtureCard({ card }) {
   const { data } = card;
   const h2h = data.h2H;
-  return /* @__PURE__ */ jsxs21(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment7, { children: [
     /* @__PURE__ */ jsxs21("div", { className: "ss-w-fandash-card ss-w-fandash-fixture", children: [
       /* @__PURE__ */ jsxs21("span", { className: "ss-w-fandash-eyebrow", children: [
         card.title,
@@ -6112,7 +6165,7 @@ function FixtureCard({ card }) {
       /* @__PURE__ */ jsx25("div", { className: "ss-w-fandash-teamform-rows", children: teamFormRows(data) })
     ] }),
     h2h || data.fact ? /* @__PURE__ */ jsxs21("div", { className: "ss-w-fandash-card ss-w-fandash-h2h", children: [
-      h2h ? /* @__PURE__ */ jsxs21(Fragment6, { children: [
+      h2h ? /* @__PURE__ */ jsxs21(Fragment7, { children: [
         /* @__PURE__ */ jsx25("span", { className: "ss-w-fandash-eyebrow", children: h2h.label }),
         /* @__PURE__ */ jsxs21("div", { className: "ss-w-fandash-split", children: [
           /* @__PURE__ */ jsxs21("span", { className: "ss-w-fandash-split-cell", children: [
@@ -6135,7 +6188,7 @@ function FixtureCard({ card }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-import { Fragment as Fragment7, useEffect as useEffect20, useState as useState25 } from "react";
+import { Fragment as Fragment8, useEffect as useEffect20, useState as useState25 } from "react";
 import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -6167,7 +6220,7 @@ function CountdownCard({ card }) {
   const segments = remainingSegments(data.kickoffUnix, nowMs, withinDay && !reduced);
   return /* @__PURE__ */ jsx26("div", { className: "ss-w-fandash-card ss-w-fandash-countdown", children: /* @__PURE__ */ jsxs22("div", { className: "ss-w-fandash-countdown-top", children: [
     /* @__PURE__ */ jsx26("span", { className: "ss-w-fandash-eyebrow", children: card.title ?? "Kick-off in" }),
-    segments ? /* @__PURE__ */ jsx26("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ jsxs22(Fragment7, { children: [
+    segments ? /* @__PURE__ */ jsx26("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ jsxs22(Fragment8, { children: [
       i > 0 ? /* @__PURE__ */ jsx26("span", { className: "ss-w-fandash-countdown-colon", children: ":" }) : null,
       /* @__PURE__ */ jsxs22("span", { className: "ss-w-fandash-countdown-seg", children: [
         /* @__PURE__ */ jsx26("span", { className: "ss-w-fandash-countdown-value", children: s.value }),
@@ -6543,7 +6596,7 @@ function useLiveClock(minute, clockRunning, receivedAtMs) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
 function initials5(name) {
   return name.trim().slice(0, 3).toUpperCase();
 }
@@ -6603,11 +6656,11 @@ function LiveScoreCard({
       ] })
     ] }),
     homeScorers || awayScorers ? /* @__PURE__ */ jsxs38("div", { className: "ss-w-fandash-live-scorers-row", children: [
-      /* @__PURE__ */ jsx42("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--home", children: homeScorers ? /* @__PURE__ */ jsxs38(Fragment8, { children: [
+      /* @__PURE__ */ jsx42("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--home", children: homeScorers ? /* @__PURE__ */ jsxs38(Fragment9, { children: [
         /* @__PURE__ */ jsx42("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" }),
         homeScorers
       ] }) : null }),
-      /* @__PURE__ */ jsx42("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--away", children: awayScorers ? /* @__PURE__ */ jsxs38(Fragment8, { children: [
+      /* @__PURE__ */ jsx42("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--away", children: awayScorers ? /* @__PURE__ */ jsxs38(Fragment9, { children: [
         awayScorers,
         /* @__PURE__ */ jsx42("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" })
       ] }) : null })
@@ -7207,7 +7260,7 @@ function LiveFactBlock({ facts, matchId, ui, slip, onAsk }) {
 
 // src/components/MonitorFormH2H.tsx
 import { useState as useState33 } from "react";
-import { Fragment as Fragment9, jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
 function resultClass2(result) {
   if (result === "W") return "ss-w-h2h-result--win";
   if (result === "L") return "ss-w-h2h-result--loss";
@@ -7225,7 +7278,7 @@ function MonitorFormH2H({ formAndH2H, homeTeamName, awayTeamName, ui }) {
   const [expanded, setExpanded] = useState33(false);
   const { homeForm, awayForm, h2h, homeShortCode, awayShortCode } = formAndH2H;
   if (homeForm.length === 0 && awayForm.length === 0 && !h2h) {
-    return /* @__PURE__ */ jsx54(Fragment9, {});
+    return /* @__PURE__ */ jsx54(Fragment10, {});
   }
   const homeLabel = homeShortCode || homeTeamName;
   const awayLabel = awayShortCode || awayTeamName;
@@ -7453,7 +7506,7 @@ function MonitorSkeleton({ pin, monitor, ui }) {
 
 // src/components/NbaPropsSection.tsx
 import { useEffect as useEffect25, useState as useState34 } from "react";
-import { Fragment as Fragment10, jsx as jsx57, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx57, jsxs as jsxs52 } from "react/jsx-runtime";
 var STAT_ORDER = ["points", "rebounds", "assists", "threes"];
 var MAX_TIMER_MS = 2147483647;
 var GAME_VALUE = {
@@ -7570,7 +7623,7 @@ function Roster({ bundle, players, side, ui, slip }) {
               /* @__PURE__ */ jsx57("span", { className: "ss-w-props-name", children: p.name }),
               /* @__PURE__ */ jsx57("span", { className: "ss-w-props-meta", children: meta })
             ] }),
-            /* @__PURE__ */ jsx57("span", { className: "ss-w-props-main", children: main?.line != null ? /* @__PURE__ */ jsxs52(Fragment10, { children: [
+            /* @__PURE__ */ jsx57("span", { className: "ss-w-props-main", children: main?.line != null ? /* @__PURE__ */ jsxs52(Fragment11, { children: [
               /* @__PURE__ */ jsx57("span", { className: "ss-w-props-stat", children: ui.nba.propsStatShort(main.stat) }),
               /* @__PURE__ */ jsx57("span", { className: "ss-w-props-line", children: ui.nba.lineText(String(main.line)) })
             ] }) : /* @__PURE__ */ jsx57("span", { className: "ss-w-props-stat", children: ui.nba.propsLadderOnly }) })
@@ -7613,7 +7666,7 @@ function NbaPropsSection({ match, monitor, ui, slip }) {
 }
 
 // src/components/NbaMonitorCard.tsx
-import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx58, jsxs as jsxs53 } from "react/jsx-runtime";
 var REGULATION_PERIODS = 4;
 function periodLabel(period) {
   if (period <= REGULATION_PERIODS) return `Q${period}`;
@@ -7682,7 +7735,7 @@ function NbaMonitorCard({ match, monitor, ui, slip }) {
   return /* @__PURE__ */ jsxs53("div", { className: "ss-w-mon-item", children: [
     /* @__PURE__ */ jsxs53("div", { className: "ss-w-mon", children: [
       /* @__PURE__ */ jsxs53("div", { className: "ss-w-mon-top", children: [
-        inPlay && /* @__PURE__ */ jsxs53(Fragment11, { children: [
+        inPlay && /* @__PURE__ */ jsxs53(Fragment12, { children: [
           /* @__PURE__ */ jsxs53("span", { className: "ss-w-fandash-live-pill", children: [
             /* @__PURE__ */ jsx58("span", { className: "ss-w-fandash-live-dot", "aria-hidden": "true" }),
             ui.liveLabel
@@ -7709,7 +7762,7 @@ function NbaMonitorCard({ match, monitor, ui, slip }) {
         ] }) : /* @__PURE__ */ jsx58("span", { className: "ss-w-mon-vs", children: "@" }),
         /* @__PURE__ */ jsx58(Side, { abbreviation: b.homeAbbreviation, nickname: b.homeNickname, teamName: match.homeTeamName })
       ] }),
-      scored && /* @__PURE__ */ jsxs53(Fragment11, { children: [
+      scored && /* @__PURE__ */ jsxs53(Fragment12, { children: [
         /* @__PURE__ */ jsxs53("table", { className: "ss-w-nbamon-ls", children: [
           /* @__PURE__ */ jsx58("thead", { children: /* @__PURE__ */ jsxs53("tr", { children: [
             /* @__PURE__ */ jsx58("th", {}),
@@ -7883,7 +7936,7 @@ function seedFor(pin, index, states, stale, now) {
 }
 
 // src/components/MonitorTabs.tsx
-import { Fragment as Fragment12, jsx as jsx60, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx60, jsxs as jsxs55 } from "react/jsx-runtime";
 function OddsLiveStrip({ m, ui }) {
   const showScore = m.phase !== "preMatch" && typeof m.homeScore === "number";
   const stale = m.status === "stale";
@@ -7914,7 +7967,7 @@ function MatchesPanel({ monitor, ui, slip, onAsk, discovery }) {
   if (tiles.length === 0) return /* @__PURE__ */ jsx60("div", { className: "ss-w-mon-empty", children: ui.emptyMatchesTab });
   const selected = tiles.find((t) => t.pin.key === monitor.selectedMatchKey) ?? tiles[0];
   const m = selected.match;
-  return /* @__PURE__ */ jsxs55(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs55(Fragment13, { children: [
     tiles.filter((t) => t.match).length >= 2 && /* @__PURE__ */ jsx60(ScoreboardStrip, { tiles, selectedKey: selected.pin.key, onSelect: monitor.selectMatch, ui }),
     /* @__PURE__ */ jsxs55("div", { className: "ss-w-mon-list", children: [
       !m && /* @__PURE__ */ jsx60(MonitorSkeleton, { pin: selected.pin, monitor, ui }),
@@ -8398,7 +8451,7 @@ function SearchField({ id, label, labelHidden = false, placeholder, value, onCha
 }
 
 // src/components/TodayPanel.tsx
-import { Fragment as Fragment13, jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 function TodayPanel({ discovery, ui, monitor }) {
   const { groups, states, stale, starLeague } = discovery;
   const searchId = useId2();
@@ -8455,7 +8508,7 @@ function TodayPanel({ discovery, ui, monitor }) {
     if (selectedCompetitionId !== null && openGroup === void 0) setSelectedCompetitionId(null);
   }, [selectedCompetitionId, openGroup]);
   const liveRows = stale ? [] : visibleGroups.flatMap((group) => group.matches.filter((m) => isTreatedLive(states.get(matchKey7(m.sport, m.matchId)), stale)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
-  const liveBand = liveRows.length > 0 && /* @__PURE__ */ jsxs61(Fragment13, { children: [
+  const liveBand = liveRows.length > 0 && /* @__PURE__ */ jsxs61(Fragment14, { children: [
     /* @__PURE__ */ jsxs61("div", { className: "ss-w-sec-head", children: [
       /* @__PURE__ */ jsx67("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
       ui.sectionLive
@@ -8513,7 +8566,7 @@ function TodayPanel({ discovery, ui, monitor }) {
           clearLabel: ui.clearSearchLabel
         }
       ),
-      searching ? searchResults.length === 0 ? /* @__PURE__ */ jsx67("div", { className: "ss-w-today-empty", children: ui.noLeagueResults }) : /* @__PURE__ */ jsx67(Fragment13, { children: searchResults.map((group) => /* @__PURE__ */ jsxs61("div", { className: "ss-w-today-search-block", children: [
+      searching ? searchResults.length === 0 ? /* @__PURE__ */ jsx67("div", { className: "ss-w-today-empty", children: ui.noLeagueResults }) : /* @__PURE__ */ jsx67(Fragment14, { children: searchResults.map((group) => /* @__PURE__ */ jsxs61("div", { className: "ss-w-today-search-block", children: [
         /* @__PURE__ */ jsxs61("div", { className: "ss-w-today-search-group", children: [
           /* @__PURE__ */ jsx67(Crest2, { url: group.competitionImagePath ?? void 0, name: group.competitionName, kind: "comp" }),
           /* @__PURE__ */ jsxs61("span", { className: "ss-w-today-search-group-name", children: [
@@ -8552,7 +8605,7 @@ function TodayPanel({ discovery, ui, monitor }) {
           },
           matchKey7(match.sport, match.matchId)
         ))
-      ] }, group.competitionId)) }) : /* @__PURE__ */ jsxs61(Fragment13, { children: [
+      ] }, group.competitionId)) }) : /* @__PURE__ */ jsxs61(Fragment14, { children: [
         /* @__PURE__ */ jsxs61("div", { className: "ss-w-today-sec", children: [
           placement.personal ? ui.yourLeagues : ui.topLeagues,
           !placement.personal && /* @__PURE__ */ jsx67("span", { className: "ss-w-today-sec-sub", children: ui.topLeaguesSub })
@@ -8632,7 +8685,7 @@ function splitName(full) {
 }
 
 // src/components/GameTileArt.tsx
-import { Fragment as Fragment14, jsx as jsx69, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx69, jsxs as jsxs62 } from "react/jsx-runtime";
 function GameTileArt({ gameId }) {
   return /* @__PURE__ */ jsx69("svg", { className: "ss-g-art", viewBox: "0 0 120 74", "aria-hidden": "true", children: ART[gameId] ?? ART.default });
 }
@@ -8641,41 +8694,41 @@ var head = (cx, cy, r, cls = "ss-g-art-fg") => /* @__PURE__ */ jsxs62("g", { cla
   /* @__PURE__ */ jsx69("path", { d: `M${cx - r} ${cy + r}c0-${r * 0.8} ${r * 0.45}-${r * 1.1} ${r}-${r * 1.1}s${r} ${r * 0.3} ${r} ${r * 1.1}z` })
 ] });
 var ART = {
-  "mystery-tiger": /* @__PURE__ */ jsxs62(Fragment14, { children: [
+  "mystery-tiger": /* @__PURE__ */ jsxs62(Fragment15, { children: [
     head(60, 38, 26, "ss-g-art-fg"),
     /* @__PURE__ */ jsx69("text", { x: "60", y: "36", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "higher-or-lower": /* @__PURE__ */ jsxs62(Fragment14, { children: [
+  "higher-or-lower": /* @__PURE__ */ jsxs62(Fragment15, { children: [
     head(32, 38, 20),
     head(88, 38, 20),
     /* @__PURE__ */ jsx69("circle", { cx: "60", cy: "37", r: "11", className: "ss-g-art-accent" }),
     /* @__PURE__ */ jsx69("path", { d: "M57 33l3-3 3 3M57 41l3 3 3-3", className: "ss-g-art-ink" })
   ] }),
-  "guess-the-xi": /* @__PURE__ */ jsxs62(Fragment14, { children: [
+  "guess-the-xi": /* @__PURE__ */ jsxs62(Fragment15, { children: [
     /* @__PURE__ */ jsx69("rect", { x: "8", y: "4", width: "104", height: "66", rx: "6", className: "ss-g-art-pitch" }),
     [[60, 60, "a"], [24, 46], [48, 46], [72, 46], [96, 46], [36, 30], [60, 30], [84, 30], [40, 14], [60, 14], [80, 14]].map(([x, y, a], i) => /* @__PURE__ */ jsx69("circle", { cx: x, cy: y, r: "4", className: a ? "ss-g-art-accent" : "ss-g-art-dot" }, i))
   ] }),
-  "daily-quiz": /* @__PURE__ */ jsx69(Fragment14, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ jsx69("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
-  "career-path": /* @__PURE__ */ jsxs62(Fragment14, { children: [
+  "daily-quiz": /* @__PURE__ */ jsx69(Fragment15, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ jsx69("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
+  "career-path": /* @__PURE__ */ jsxs62(Fragment15, { children: [
     /* @__PURE__ */ jsx69("path", { d: "M18 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
     /* @__PURE__ */ jsx69("path", { d: "M48 37h8M84 37h8", className: "ss-g-art-line" }),
     /* @__PURE__ */ jsx69("path", { d: "M60 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
     /* @__PURE__ */ jsx69("rect", { x: "96", y: "22", width: "18", height: "26", rx: "4", className: "ss-g-art-dash" }),
     /* @__PURE__ */ jsx69("text", { x: "105", y: "40", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "beat-the-grid": /* @__PURE__ */ jsx69(Fragment14, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ jsx69("rect", { x: 33 + c * 19, y: 10 + r * 19, width: "16", height: "16", rx: "3", className: (r + c) % 3 === 0 ? "ss-g-art-accent" : "ss-g-art-block" }, `${r}${c}`))) }),
-  "matchday-predictor": /* @__PURE__ */ jsxs62(Fragment14, { children: [
+  "beat-the-grid": /* @__PURE__ */ jsx69(Fragment15, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ jsx69("rect", { x: 33 + c * 19, y: 10 + r * 19, width: "16", height: "16", rx: "3", className: (r + c) % 3 === 0 ? "ss-g-art-accent" : "ss-g-art-block" }, `${r}${c}`))) }),
+  "matchday-predictor": /* @__PURE__ */ jsxs62(Fragment15, { children: [
     /* @__PURE__ */ jsx69("path", { d: "M10 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" }),
     /* @__PURE__ */ jsx69("rect", { x: "38", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-accent-stroke" }),
     /* @__PURE__ */ jsx69("rect", { x: "64", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-dash" }),
     /* @__PURE__ */ jsx69("path", { d: "M90 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" })
   ] }),
-  "starting-xi": /* @__PURE__ */ jsxs62(Fragment14, { children: [
+  "starting-xi": /* @__PURE__ */ jsxs62(Fragment15, { children: [
     /* @__PURE__ */ jsx69("rect", { x: "8", y: "4", width: "104", height: "66", rx: "6", className: "ss-g-art-pitch" }),
     [[60, 60], [30, 46], [50, 46], [70, 46], [90, 46], [45, 30], [75, 30], [30, 16], [60, 16], [90, 16]].map(([x, y], i) => /* @__PURE__ */ jsx69("circle", { cx: x, cy: y, r: "5", className: i < 7 ? "ss-g-art-accent" : "ss-g-art-dash" }, i))
   ] }),
-  "stat-ladder": /* @__PURE__ */ jsx69(Fragment14, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ jsx69("rect", { x: "24", y, width: w, height: "12", rx: "3", className: i === 1 ? "ss-g-art-accent" : "ss-g-art-block" }, i)) }),
-  "fan-motm": /* @__PURE__ */ jsxs62(Fragment14, { children: [
+  "stat-ladder": /* @__PURE__ */ jsx69(Fragment15, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ jsx69("rect", { x: "24", y, width: w, height: "12", rx: "3", className: i === 1 ? "ss-g-art-accent" : "ss-g-art-block" }, i)) }),
+  "fan-motm": /* @__PURE__ */ jsxs62(Fragment15, { children: [
     /* @__PURE__ */ jsx69("circle", { cx: "60", cy: "37", r: "26", className: "ss-g-art-accent-stroke" }),
     head(60, 40, 18),
     /* @__PURE__ */ jsx69("path", { d: "M84 8l2.4 5 5.4.6-4 3.7 1.1 5.4-4.9-2.7-4.9 2.7 1.1-5.4-4-3.7 5.4-.6z", className: "ss-g-art-accent" })
@@ -8699,7 +8752,7 @@ function StatStack({ value, label }) {
 }
 
 // src/components/GameTile.tsx
-import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx71, jsxs as jsxs64 } from "react/jsx-runtime";
 function tileStatus(game, ui) {
   switch (game.status) {
     case "locked":
@@ -8723,7 +8776,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
   const status = tileStatus(game, ui);
   const disabled = DISABLED.has(game.status);
   const title = gameTitle(game, ui.games.titles);
-  const body = variant === "hero" ? /* @__PURE__ */ jsxs64(Fragment15, { children: [
+  const body = variant === "hero" ? /* @__PURE__ */ jsxs64(Fragment16, { children: [
     /* @__PURE__ */ jsxs64("span", { className: "ss-g-hero-text", children: [
       /* @__PURE__ */ jsx71("span", { className: "ss-g-hero-eyebrow", children: ui.games.dailyChallenge }),
       status.tone === "new" && /* @__PURE__ */ jsx71(Chip, { variant: "badge", children: ui.games.newToday }),
@@ -8735,7 +8788,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx71("span", { className: "ss-g-hero-art", children: /* @__PURE__ */ jsx71(GameTileArt, { gameId: game.gameId }) })
-  ] }) : variant === "wide" ? /* @__PURE__ */ jsxs64(Fragment15, { children: [
+  ] }) : variant === "wide" ? /* @__PURE__ */ jsxs64(Fragment16, { children: [
     /* @__PURE__ */ jsx71("span", { className: "ss-g-wide-art", children: /* @__PURE__ */ jsx71(GameTileArt, { gameId: game.gameId }) }),
     /* @__PURE__ */ jsxs64("span", { className: "ss-g-wide-text", children: [
       /* @__PURE__ */ jsx71("span", { className: "ss-g-tile-title", children: title }),
@@ -8743,7 +8796,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
       status.tone === "new" && /* @__PURE__ */ jsx71(Chip, { variant: "badge", children: ui.games.newToday })
     ] }),
     /* @__PURE__ */ jsx71("span", { className: "ss-g-wide-chev", children: /* @__PURE__ */ jsx71(IconChevronLeft, { size: 18 }) })
-  ] }) : /* @__PURE__ */ jsxs64(Fragment15, { children: [
+  ] }) : /* @__PURE__ */ jsxs64(Fragment16, { children: [
     /* @__PURE__ */ jsx71("span", { className: "ss-g-tile-art", children: /* @__PURE__ */ jsx71(GameTileArt, { gameId: game.gameId }) }),
     /* @__PURE__ */ jsx71("span", { className: "ss-g-tile-title", children: title }),
     /* @__PURE__ */ jsx71("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text })
@@ -8754,7 +8807,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
 }
 
 // src/components/GamesHub.tsx
-import { Fragment as Fragment16, jsx as jsx72, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx72, jsxs as jsxs65 } from "react/jsx-runtime";
 var PLAYABLE = /* @__PURE__ */ new Set(["available", "in_progress"]);
 var DONE = /* @__PURE__ */ new Set(["played", "graded"]);
 function pickHeroGame(games) {
@@ -8785,7 +8838,7 @@ function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
       /* @__PURE__ */ jsxs65("div", { className: "ss-g-stat", children: [
         /* @__PURE__ */ jsx72("span", { className: "ss-g-stat-l", children: ui.games.statStreak }),
         /* @__PURE__ */ jsxs65("span", { className: "ss-g-stat-v", "data-testid": "stat-streak", children: [
-          myWeeklyRow ? /* @__PURE__ */ jsxs65(Fragment16, { children: [
+          myWeeklyRow ? /* @__PURE__ */ jsxs65(Fragment17, { children: [
             /* @__PURE__ */ jsx72(IconFlame, {}),
             myWeeklyRow.currentStreak
           ] }) : dash,
@@ -9175,11 +9228,11 @@ function SegmentProgress({ segments, ariaLabel, leftLabel, rightLabel, right })
 }
 
 // src/components/games/ui/AnswerTray.tsx
-import { Fragment as Fragment17, jsx as jsx76, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx76, jsxs as jsxs68 } from "react/jsx-runtime";
 function AnswerTray({ id, label, placeholder, optionsLabel, options, query, onQuery, onPick, disabled, minQuery = 0 }) {
   const needle = query.trim().toLowerCase();
   const shown = needle.length < minQuery ? [] : needle ? options.filter((o) => o.name.toLowerCase().includes(needle)) : options;
-  return /* @__PURE__ */ jsxs68(Fragment17, { children: [
+  return /* @__PURE__ */ jsxs68(Fragment18, { children: [
     /* @__PURE__ */ jsx76(
       SearchField,
       {
@@ -9271,7 +9324,7 @@ function PointsLadderRow({ ladder, guessesUsed, ui }) {
 }
 
 // src/components/games/MysteryTigerGame.tsx
-import { Fragment as Fragment18, jsx as jsx82, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx82, jsxs as jsxs72 } from "react/jsx-runtime";
 function parseClientState(json) {
   if (!json) return null;
   try {
@@ -9419,7 +9472,7 @@ function MysteryTigerGame({
       }
     ),
     !config && /* @__PURE__ */ jsx82("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs72(Fragment18, { children: [
+    config && /* @__PURE__ */ jsxs72(Fragment19, { children: [
       /* @__PURE__ */ jsxs72("div", { className: "ss-g-body", children: [
         !isOver && /* @__PURE__ */ jsx82(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed, ui }),
         /* @__PURE__ */ jsxs72("div", { className: `ss-g-mt-card${isOver ? " ss-g-mt-card--reveal" : ""}`, children: [
@@ -9519,7 +9572,7 @@ function MysteryTigerGame({
 }
 
 // src/components/games/HigherOrLowerGame.tsx
-import { Fragment as Fragment19, jsx as jsx83, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx83, jsxs as jsxs73 } from "react/jsx-runtime";
 var POINTS_PER_CORRECT = 10;
 function parseClientState2(json) {
   if (!json) return null;
@@ -9579,7 +9632,7 @@ function HigherOrLowerGame({
       }
     ),
     !config && /* @__PURE__ */ jsx83("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs73(Fragment19, { children: [
+    config && /* @__PURE__ */ jsxs73(Fragment20, { children: [
       /* @__PURE__ */ jsxs73("div", { className: "ss-g-body", children: [
         /* @__PURE__ */ jsxs73("div", { className: "ss-g-hl-prompt", "data-testid": "hol-prompt", children: [
           /* @__PURE__ */ jsx83("span", { className: "ss-g-hl-prompt-q", children: t.whoHadMore }),
@@ -9649,7 +9702,7 @@ function CrestShield({ src, name, size = 28 }) {
 }
 
 // src/components/games/CareerPathGame.tsx
-import { Fragment as Fragment20, jsx as jsx85, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx85, jsxs as jsxs74 } from "react/jsx-runtime";
 function parseClientState3(json) {
   if (!json) return null;
   try {
@@ -9729,7 +9782,7 @@ function CareerPathGame({
               /* @__PURE__ */ jsx85("span", { className: "ss-g-cp-club", children: spell.clubName }),
               /* @__PURE__ */ jsxs74("span", { className: "ss-g-cp-sub", children: [
                 /* @__PURE__ */ jsx85("span", { className: "ss-g-cp-years", children: years }),
-                spell.isLoan && /* @__PURE__ */ jsxs74(Fragment20, { children: [
+                spell.isLoan && /* @__PURE__ */ jsxs74(Fragment21, { children: [
                   years ? " \xB7 " : "",
                   /* @__PURE__ */ jsx85("span", { className: "ss-g-cp-loan", children: s.loan })
                 ] })
@@ -9789,7 +9842,7 @@ function OptionList({ label, options, onPick }) {
 }
 
 // src/components/games/BeatTheGridGame.tsx
-import { Fragment as Fragment21, jsx as jsx87, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx87, jsxs as jsxs75 } from "react/jsx-runtime";
 function criterionIconKind(label, key) {
   const l = (key ?? label).toLowerCase();
   if (l.includes("app")) return "calendar";
@@ -9832,7 +9885,7 @@ function HeaderVisual({ label, textKey: iKey, meta }) {
     case "country":
       return /* @__PURE__ */ jsx87("span", { className: "ss-g-btg-hdr-flag", "aria-hidden": "true", children: nationalityFlag(meta.country ?? label) });
     case "position":
-      return /* @__PURE__ */ jsx87(Fragment21, {});
+      return /* @__PURE__ */ jsx87(Fragment22, {});
     default:
       return /* @__PURE__ */ jsx87(CriterionIcon, { kind: criterionIconKind(label, iKey) });
   }
@@ -9895,7 +9948,7 @@ function SearchSheet({
         }
       )
     ] }),
-    playerPool.length === 0 ? /* @__PURE__ */ jsx87("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ jsxs75(Fragment21, { children: [
+    playerPool.length === 0 ? /* @__PURE__ */ jsx87("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ jsxs75(Fragment22, { children: [
       /* @__PURE__ */ jsx87(
         SearchField,
         {
@@ -9914,7 +9967,7 @@ function SearchSheet({
           label: s.searchLabel(rowLabel, colLabel),
           options: filtered.map((p) => ({
             key: p.id,
-            content: /* @__PURE__ */ jsxs75(Fragment21, { children: [
+            content: /* @__PURE__ */ jsxs75(Fragment22, { children: [
               /* @__PURE__ */ jsx87(PlayerAvatar, { name: p.name, imagePath: p.imagePath, className: "ss-g-opt-av" }),
               /* @__PURE__ */ jsx87("span", { className: "ss-g-btg-result-name", children: p.name }),
               /* @__PURE__ */ jsx87("span", { className: "ss-g-btg-result-plus", "aria-hidden": "true", children: /* @__PURE__ */ jsx87(IconPlus, { size: 18 }) })
@@ -10004,10 +10057,10 @@ function BeatTheGridGame({
             rows.map((rowLabel, rowIdx) => {
               const rowMeta = config.rowsMeta?.[rowIdx];
               const abbr = rowAbbrev(rowLabel, s.rowAbbrev, config.rowsI18n?.[rowIdx]?.key);
-              const rowHeaderContent = rowMeta ? /* @__PURE__ */ jsxs75(Fragment21, { children: [
+              const rowHeaderContent = rowMeta ? /* @__PURE__ */ jsxs75(Fragment22, { children: [
                 /* @__PURE__ */ jsx87(HeaderVisual, { label: rowLabel, textKey: config.rowsI18n?.[rowIdx]?.key, meta: rowMeta }),
                 /* @__PURE__ */ jsx87("span", { children: rowLabel })
-              ] }) : abbr === rowLabel ? /* @__PURE__ */ jsx87("span", { children: rowLabel }) : /* @__PURE__ */ jsxs75(Fragment21, { children: [
+              ] }) : abbr === rowLabel ? /* @__PURE__ */ jsx87("span", { children: rowLabel }) : /* @__PURE__ */ jsxs75(Fragment22, { children: [
                 /* @__PURE__ */ jsx87("span", { "aria-hidden": "true", children: abbr }),
                 /* @__PURE__ */ jsx87("span", { className: "ss-g-sr", children: rowLabel })
               ] });
@@ -10028,7 +10081,7 @@ function BeatTheGridGame({
                       className: "ss-g-btg-cell",
                       disabled: isLocked2 || submitting,
                       onClick: () => handleCellClick(rowIdx, colIdx),
-                      children: filled ? /* @__PURE__ */ jsxs75(Fragment21, { children: [
+                      children: filled ? /* @__PURE__ */ jsxs75(Fragment22, { children: [
                         /* @__PURE__ */ jsx87(
                           "span",
                           {
@@ -10095,16 +10148,16 @@ function BeatTheGridGame({
 import { useState as useState45, useId as useId6 } from "react";
 
 // src/components/games/ui/PitchSvg.tsx
-import { Fragment as Fragment22, jsx as jsx88, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx88, jsxs as jsxs76 } from "react/jsx-runtime";
 function PitchSvg({ variant }) {
   return /* @__PURE__ */ jsxs76("svg", { className: "ss-g-pitch-svg", viewBox: variant === "full" ? "0 0 100 150" : "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx88("rect", { x: "4", y: "4", width: "92", height: variant === "full" ? 142 : 92, fill: "none" }),
-    variant === "full" ? /* @__PURE__ */ jsxs76(Fragment22, { children: [
+    variant === "full" ? /* @__PURE__ */ jsxs76(Fragment23, { children: [
       /* @__PURE__ */ jsx88("line", { x1: "4", y1: "75", x2: "96", y2: "75" }),
       /* @__PURE__ */ jsx88("circle", { cx: "50", cy: "75", r: "12", fill: "none" }),
       /* @__PURE__ */ jsx88("rect", { x: "26", y: "4", width: "48", height: "20", fill: "none" }),
       /* @__PURE__ */ jsx88("rect", { x: "26", y: "126", width: "48", height: "20", fill: "none" })
-    ] }) : /* @__PURE__ */ jsxs76(Fragment22, { children: [
+    ] }) : /* @__PURE__ */ jsxs76(Fragment23, { children: [
       /* @__PURE__ */ jsx88("path", { d: "M38 4a12 12 0 0 0 24 0", fill: "none" }),
       /* @__PURE__ */ jsx88("rect", { x: "26", y: "76", width: "48", height: "20", fill: "none" })
     ] })
@@ -10162,7 +10215,7 @@ function positionsBySlot(formation, rowsAttackFirst) {
 }
 
 // src/components/games/GuessTheXiGame.tsx
-import { Fragment as Fragment23, jsx as jsx89, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx89, jsxs as jsxs77 } from "react/jsx-runtime";
 var MAX_GUESSES2 = 3;
 function parseClientState5(json) {
   if (!json) return null;
@@ -10224,7 +10277,7 @@ function GuessTheXiGame({
       }
     ),
     !config && /* @__PURE__ */ jsx89("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs77(Fragment23, { children: [
+    config && /* @__PURE__ */ jsxs77(Fragment24, { children: [
       /* @__PURE__ */ jsxs77("div", { className: "ss-g-body", children: [
         !isOver && /* @__PURE__ */ jsx89(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed: clientState?.guessHistory.length ?? 0, ui }),
         rows.length > 0 && /* @__PURE__ */ jsxs77("div", { className: "ss-g-gxi-pitch", role: "group", "aria-label": t.pitchLabel, children: [
@@ -10273,7 +10326,7 @@ function GuessTheXiGame({
             ] }, g.teamId);
           })
         ] }),
-        isOver && /* @__PURE__ */ jsxs77(Fragment23, { children: [
+        isOver && /* @__PURE__ */ jsxs77(Fragment24, { children: [
           /* @__PURE__ */ jsx89(
             ResultCard,
             {
@@ -10299,7 +10352,7 @@ function GuessTheXiGame({
             label: t.optionsLabel,
             options: filtered.map((tm) => ({
               key: tm.teamId,
-              content: /* @__PURE__ */ jsxs77(Fragment23, { children: [
+              content: /* @__PURE__ */ jsxs77(Fragment24, { children: [
                 /* @__PURE__ */ jsx89(CrestShield, { src: tm.crestUrl, name: tm.teamName, size: 28 }),
                 /* @__PURE__ */ jsx89("span", { children: tm.teamName })
               ] })
@@ -10325,7 +10378,7 @@ function GuessTheXiGame({
 
 // src/components/games/DailyQuizGame.tsx
 import { useState as useState46 } from "react";
-import { Fragment as Fragment24, jsx as jsx90, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx90, jsxs as jsxs78 } from "react/jsx-runtime";
 function parseClientState6(json) {
   if (!json) return null;
   try {
@@ -10444,7 +10497,7 @@ function DailyQuizGame({
   return /* @__PURE__ */ jsxs78("div", { className: "ss-g-screen", "data-game": "daily-quiz", "data-testid": "game-screen-daily-quiz", children: [
     /* @__PURE__ */ jsx90(GameHeader, { title, eyebrow: s.questionOf(page + 1, total), onBack, backLabel: ui.back }),
     /* @__PURE__ */ jsx90(SegmentProgress, { segments, ariaLabel: s.progressAria(page + 1, total) }),
-    /* @__PURE__ */ jsx90("div", { className: "ss-g-body", children: current && /* @__PURE__ */ jsxs78(Fragment24, { children: [
+    /* @__PURE__ */ jsx90("div", { className: "ss-g-body", children: current && /* @__PURE__ */ jsxs78(Fragment25, { children: [
       /* @__PURE__ */ jsx90("h3", { className: "ss-g-dq-stem", children: current.stem }),
       /* @__PURE__ */ jsx90("div", { className: "ss-g-dq-opts", children: current.options.map((opt, optIdx) => {
         const selected = optIdx === selectedIdx;
@@ -10745,7 +10798,7 @@ function MatchdayPredictorGame({
 
 // src/components/games/StartingXiGame.tsx
 import { useId as useId8, useState as useState48 } from "react";
-import { Fragment as Fragment25, jsx as jsx92, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx92, jsxs as jsxs80 } from "react/jsx-runtime";
 var POINTS_PER_STARTER = 8;
 var XI_SIZE = 11;
 var DEFAULT_FORMATION = "4-3-3";
@@ -10894,11 +10947,11 @@ function StartingXiGame({
         })
       ] }),
       /* @__PURE__ */ jsxs80("div", { className: "ss-g-xi-picker", children: [
-        /* @__PURE__ */ jsx92("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ jsxs80(Fragment25, { children: [
+        /* @__PURE__ */ jsx92("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ jsxs80(Fragment26, { children: [
           /* @__PURE__ */ jsx92(Chip, { variant: "badge", children: activeSlot.label }),
           /* @__PURE__ */ jsx92("strong", { children: t.pickFor(activeSlot.label) })
         ] }) : /* @__PURE__ */ jsx92("strong", { children: t.allPicked }) }),
-        activeSlot && /* @__PURE__ */ jsxs80(Fragment25, { children: [
+        activeSlot && /* @__PURE__ */ jsxs80(Fragment26, { children: [
           /* @__PURE__ */ jsx92(
             SearchField,
             {
@@ -11396,7 +11449,7 @@ function LeaderboardEmpty({
 }
 
 // src/components/Leaderboard.tsx
-import { Fragment as Fragment26, jsx as jsx98, jsxs as jsxs85 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx98, jsxs as jsxs85 } from "react/jsx-runtime";
 function Leaderboard({
   data,
   ui,
@@ -11438,7 +11491,7 @@ function Leaderboard({
         onPlay,
         ui
       }
-    ) : /* @__PURE__ */ jsxs85(Fragment26, { children: [
+    ) : /* @__PURE__ */ jsxs85(Fragment27, { children: [
       /* @__PURE__ */ jsx98("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ jsx98(
         LeaderboardWeeklyRow,
         {
@@ -11762,7 +11815,7 @@ function SquadStats({ stats, loading, ui, onSelectPlayer }) {
 }
 
 // src/components/Squad.tsx
-import { Fragment as Fragment27, jsx as jsx104, jsxs as jsxs90 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx104, jsxs as jsxs90 } from "react/jsx-runtime";
 function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, seasonName = null, competitionName = null, matchesPlayed = null, onSelectPlayer }) {
   const eyebrow = view === "stats" ? statsEyebrow(ui, seasonName, competitionName, matchesPlayed) : null;
   const toggle = /* @__PURE__ */ jsxs90("div", { className: "ss-w-sq-bar", children: [
@@ -11782,20 +11835,20 @@ function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, se
     )) })
   ] });
   if (view === "stats") {
-    return /* @__PURE__ */ jsxs90(Fragment27, { children: [
+    return /* @__PURE__ */ jsxs90(Fragment28, { children: [
       toggle,
       /* @__PURE__ */ jsx104(SquadStats, { stats, loading: statsLoading, ui, onSelectPlayer })
     ] });
   }
-  if (squad === null && loading) return /* @__PURE__ */ jsxs90(Fragment27, { children: [
+  if (squad === null && loading) return /* @__PURE__ */ jsxs90(Fragment28, { children: [
     toggle,
     /* @__PURE__ */ jsx104("div", { className: "ss-w-mon-list" })
   ] });
-  if (squad === null || squad.length === 0) return /* @__PURE__ */ jsxs90(Fragment27, { children: [
+  if (squad === null || squad.length === 0) return /* @__PURE__ */ jsxs90(Fragment28, { children: [
     toggle,
     /* @__PURE__ */ jsx104("div", { className: "ss-w-mon-empty", children: ui.clubSquadEmpty })
   ] });
-  return /* @__PURE__ */ jsxs90(Fragment27, { children: [
+  return /* @__PURE__ */ jsxs90(Fragment28, { children: [
     toggle,
     /* @__PURE__ */ jsx104("div", { className: "ss-w-mon-list", children: groupByPosition(squad).map((group, gi) => /* @__PURE__ */ jsxs90("div", { children: [
       group.positionName && /* @__PURE__ */ jsx104("div", { className: "ss-w-club-eyebrow", children: positionLabel(ui, group.positionName) }),
@@ -11925,7 +11978,7 @@ function PerformanceBars({ performance, competitionName, strings }) {
 }
 
 // src/components/PlayerDetail.tsx
-import { Fragment as Fragment28, jsx as jsx108, jsxs as jsxs92 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx108, jsxs as jsxs92 } from "react/jsx-runtime";
 var DASH = "\u2014";
 function ageFrom(dobMs) {
   if (dobMs === null) return DASH;
@@ -12005,10 +12058,10 @@ function PlayerDetail({ detail, loading, ui, seasonName, onClose }) {
     ui.clubPlayerBack
   ] });
   if (detail === null) {
-    return loading ? /* @__PURE__ */ jsxs92(Fragment28, { children: [
+    return loading ? /* @__PURE__ */ jsxs92(Fragment29, { children: [
       /* @__PURE__ */ jsx108("div", { className: "ss-w-pd-bar", children: back }),
       /* @__PURE__ */ jsx108("div", { className: "ss-w-mon-list" })
-    ] }) : /* @__PURE__ */ jsxs92(Fragment28, { children: [
+    ] }) : /* @__PURE__ */ jsxs92(Fragment29, { children: [
       /* @__PURE__ */ jsx108("div", { className: "ss-w-pd-bar", children: back }),
       /* @__PURE__ */ jsx108("div", { className: "ss-w-mon-empty", children: ui.clubPlayerDetailEmpty })
     ] });
@@ -12023,7 +12076,7 @@ function PlayerDetail({ detail, loading, ui, seasonName, onClose }) {
   const next = detail.nextFixture ?? null;
   const availability = detail.availability ?? null;
   const log = detail.matchLog ?? [];
-  return /* @__PURE__ */ jsxs92(Fragment28, { children: [
+  return /* @__PURE__ */ jsxs92(Fragment29, { children: [
     /* @__PURE__ */ jsx108("div", { className: "ss-w-pd-bar", children: back }),
     /* @__PURE__ */ jsxs92("div", { className: "ss-w-mon-list ss-w-pd-list", children: [
       /* @__PURE__ */ jsxs92("div", { className: "ss-w-pd-card ss-w-pd-profile", children: [
@@ -12101,8 +12154,8 @@ function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef
 }
 
 // src/components/PresetTools.tsx
-import { Fragment as Fragment29, useEffect as useEffect33, useId as useId11, useRef as useRef29, useState as useState55 } from "react";
-import { Fragment as Fragment30, jsx as jsx110, jsxs as jsxs94 } from "react/jsx-runtime";
+import { Fragment as Fragment30, useEffect as useEffect33, useId as useId11, useRef as useRef29, useState as useState55 } from "react";
+import { Fragment as Fragment31, jsx as jsx110, jsxs as jsxs94 } from "react/jsx-runtime";
 var FOCUSABLE = 'button:not([disabled]), [href], input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
   const dialogRef = useRef29(null);
@@ -12152,7 +12205,7 @@ function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
 function fillTemplate(template, slots) {
   return template.split(/(\{[a-z]+\})/).filter((part) => part !== "").map((part, i) => {
     const key = /^\{([a-z]+)\}$/.exec(part)?.[1];
-    return /* @__PURE__ */ jsx110(Fragment29, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
+    return /* @__PURE__ */ jsx110(Fragment30, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
   });
 }
 function NumberSelect({ current, choices: choices2, label, notToday, lockEmpty = true, onChoose }) {
@@ -12193,7 +12246,7 @@ function PickList({ picks, formatKickoff }) {
   ] }, p.matchOddsId)) });
 }
 function ComboPreview({ cell: cell2, formatKickoff }) {
-  return /* @__PURE__ */ jsxs94(Fragment30, { children: [
+  return /* @__PURE__ */ jsxs94(Fragment31, { children: [
     /* @__PURE__ */ jsx110(PickList, { picks: cell2.combo.legs, formatKickoff }),
     /* @__PURE__ */ jsx110("div", { className: "ss-w-tool-math", children: cell2.combo.multiplication })
   ] });
@@ -12491,7 +12544,7 @@ function markToolSeen() {
 }
 
 // src/components/ChatPanel.tsx
-import { Fragment as Fragment31, jsx as jsx111, jsxs as jsxs95 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx111, jsxs as jsxs95 } from "react/jsx-runtime";
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
   const [modal, setModal] = useState57(false);
@@ -12670,7 +12723,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     monitor && monitor.activeTab === "odds" && /* @__PURE__ */ jsx111(OddsPanel, { monitor, ui, slip }),
     monitor && monitor.activeTab === "fixtures" && /* @__PURE__ */ jsx111(Fixtures, { fixtures: clubFixturesResult?.fixtures ?? [], loading: clubFixturesResult?.loading ?? false, ui }),
     monitor && monitor.activeTab === "standings" && /* @__PURE__ */ jsx111(Standings, { standings: clubStandingsResult?.data ?? null, loading: clubStandingsResult?.loading ?? false, ui }),
-    monitor && monitor.activeTab === "squad" && /* @__PURE__ */ jsxs95(Fragment31, { children: [
+    monitor && monitor.activeTab === "squad" && /* @__PURE__ */ jsxs95(Fragment32, { children: [
       /* @__PURE__ */ jsx111(
         "div",
         {
@@ -12712,7 +12765,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         }
       }
     ),
-    (!monitor || monitor.activeTab !== "games") && /* @__PURE__ */ jsxs95(Fragment31, { children: [
+    (!monitor || monitor.activeTab !== "games") && /* @__PURE__ */ jsxs95(Fragment32, { children: [
       /* @__PURE__ */ jsx111("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
       paused ? null : /* @__PURE__ */ jsx111(
         ChatInput,
@@ -13475,7 +13528,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 }
 
 /* greeting dashboard */
-.ss-w-dash { display: flex; flex-direction: column; gap: 12px; padding: 4px 0; }
+.ss-w-dash { display: flex; flex-direction: column; gap: 12px; padding: 4px 0; container-type: inline-size; }
 .ss-w-dash-head { display: flex; flex-direction: column; }
 .ss-w-dash-title { font-size: 18px; font-weight: 700; line-height: 1.25; color: var(--ss-w-ink); }
 .ss-w-dash-subtitle { font-size: 13px; color: var(--ss-w-faint); margin-top: 4px; }
@@ -13496,8 +13549,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-dash-tile-icon { flex: none; display: grid; place-items: center; width: 28px; height: 28px; font-size: 22px; }
 .ss-w-dash-emoji { line-height: 1; }
 .ss-w-dash-tile-body { min-width: 0; display: flex; flex-direction: column; gap: 2px; flex: 1; }
-.ss-w-dash-tile-title { min-width: 0; font-weight: 600; font-size: 14px; overflow-wrap: anywhere; }
-.ss-w-dash-tile-subtitle { min-width: 0; font-size: 11.5px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
+.ss-w-dash-tile-title { min-width: 0; font-weight: 600; font-size: 14px; overflow-wrap: break-word; hyphens: manual; }
+.ss-w-dash-tile-subtitle { min-width: 0; font-size: 11.5px; color: var(--ss-w-faint); overflow-wrap: break-word; hyphens: manual; }
 .ss-w-dash-tile-chevron { flex: none; margin-left: auto; width: 14px; height: 14px; color: var(--ss-w-faint); }
 
 /* Badge + crests share their own row, below the title -- NOT the icon/chevron row. A
@@ -13519,6 +13572,18 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
    families (.ss-w-binsight, .ss-w-mocard, .ss-w-omcard) so a market tile reads as
    part of that visual language rather than a plain unstyled button. */
 .ss-w-dash--market .ss-w-dash-tile { border-left: 3px solid var(--ss-w-accent); }
+/* Market's two columns need the text column to fit a word: a half tile spends ~91px on border, padding,
+   icon and chevron, and a Turkish word such as "kar\u015F\u0131la\u015Fma" is ~80px at 14px bold. Measured against the
+   dashboard's own width (a container query, not the viewport, since the panel is min(460px, 100vw - 40px)
+   and a host can embed it narrower still). Below 306px the half tiles are a single full-width column;
+   up to 349px the decorative chevron is dropped, as Discovery already does, to give the words ~24px back.
+   Words never break inside a tile (overflow-wrap: break-word), so the column count is what protects them. */
+@container (max-width: 305px) {
+  .ss-w-dash--market .ss-w-dash-grid { grid-template-columns: minmax(0, 1fr); }
+}
+@container (min-width: 306px) and (max-width: 349px) {
+  .ss-w-dash--market .ss-w-dash-tile--half .ss-w-dash-tile-chevron { display: none; }
+}
 
 /* Goal: one column of compact cards, 60px tall with the badge as a price column on the right.
    The value ink is accent mixed toward ink (as on the hero price): plain light accent on the
@@ -13539,7 +13604,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 /* Discovery: tinted bento cards. Stacked (icon over text) so a two- or three-word title gets
    the tile's full width instead of the ~100px left of a horizontal icon+chevron -- that narrow
    column was wrapping "Most interesting angles" onto three lines. The chevron is dropped (the
-   whole card is the tap target) and the badge + crest row is forced onto one line. */
+   whole card is the tap target). The badge + crest row wraps (the base .ss-w-dash-tile-meta rule): an
+   "8 matches" pill plus three crests is wider than a half tile at a 320px viewport. */
 .ss-w-dash--discovery .ss-w-dash-tile { flex-direction: column; align-items: stretch; gap: 8px; }
 .ss-w-dash--discovery .ss-w-dash-tile-icon { align-self: flex-start; width: 32px; height: 32px; font-size: 26px; }
 .ss-w-dash--discovery .ss-w-dash-tile-chevron { display: none; }
@@ -13547,7 +13613,6 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
    (horizontal, centre-aligned) rather than stacking like the narrow half tiles. */
 .ss-w-dash--discovery .ss-w-dash-tile--full { flex-direction: row; align-items: center; }
 .ss-w-dash--discovery .ss-w-dash-tile--full .ss-w-dash-tile-icon { align-self: center; }
-.ss-w-dash--discovery .ss-w-dash-tile-meta { flex-wrap: nowrap; }
 .ss-w-dash--discovery .ss-w-dash-tile-crest { width: 22px; height: 22px; }
 /* Tints mix a hue into the live panel rather than hardcoding a light pastel, so a dark
    operator surface (e.g. --ss-w-panel set from a navy \`surface\` brand color) yields a
@@ -13600,8 +13665,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
   background: color-mix(in srgb, var(--ss-w-accent) 14%, var(--ss-w-panel));
 }
 .ss-w-dash-hero-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
-.ss-w-dash-hero-title { font-size: 15.5px; font-weight: 700; line-height: 1.25; color: var(--ss-w-ink); overflow-wrap: anywhere; }
-.ss-w-dash-hero-subtitle { font-size: 12px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
+.ss-w-dash-hero-title { font-size: 15.5px; font-weight: 700; line-height: 1.25; color: var(--ss-w-ink); overflow-wrap: break-word; hyphens: manual; }
+.ss-w-dash-hero-subtitle { font-size: 12px; color: var(--ss-w-faint); overflow-wrap: break-word; hyphens: manual; }
 .ss-w-dash-hero-price {
   flex: none; margin-left: auto;
   font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 750; line-height: 1;
@@ -13610,6 +13675,34 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
   border: 1px solid color-mix(in srgb, var(--ss-w-accent) 30%, var(--ss-w-panel));
 }
 
+/* Page-grounded additions (u591). Both only exist when the server sends \`meta\` / \`imageCodes\`, so an
+   older payload never reaches these rules. */
+/* Hero meta ("Tip-off 02:30 \xB7 in 6 h", "Ba\u015Flama 02:30 \xB7 40 dk sonra"): takes the price's seat in the top
+   row. It is the one flexible item there -- the badge and chevron keep their width -- and it wraps
+   rather than truncates: at the narrowest panel the Turkish line (27 characters) has ~120px beside
+   the badge, and the minutes-to-tip are the part a cut-off "40..." would lose. The component keeps
+   each short " \xB7 "-separated part whole, so a wrap falls at the dot instead of inside "40 dk sonra". */
+.ss-w-dash__keep { white-space: nowrap; }
+.ss-w-dash__meta {
+  flex: 1 1 auto; min-width: 0; text-align: right; overflow-wrap: break-word; hyphens: manual;
+  font-size: 11.5px; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums;
+  color: var(--ss-w-faint);
+}
+/* Text marks stand in for crests until the server has images: 22px circle / 7.5px in a tile, 40px /
+   12px in the hero (u592 D23). Ring and tint follow the crests they replace; unlike crests they do not
+   overlap, because the letters are the content and an overlap would clip the first one. */
+.ss-w-dash__mark {
+  flex: none; display: grid; place-items: center; box-sizing: border-box;
+  width: 22px; height: 22px; border-radius: 50%; overflow: hidden;
+  font-size: 7.5px; font-weight: 700; line-height: 1; letter-spacing: .02em; white-space: nowrap;
+  color: var(--ss-w-ink);
+  background-color: color-mix(in srgb, var(--ss-w-ink) 6%, var(--ss-w-panel));
+  box-shadow: 0 0 0 2px var(--ss-w-panel), 0 0 0 3px color-mix(in srgb, var(--ss-w-ink) 10%, var(--ss-w-panel));
+}
+.ss-w-dash__mark + .ss-w-dash__mark { margin-left: 3px; }
+.ss-w-dash-hero-visual .ss-w-dash__mark { width: 40px; height: 40px; font-size: 12px; }
+.ss-w-dash-hero-visual .ss-w-dash__mark + .ss-w-dash__mark { margin-left: 6px; }
+
 /* club fan pre-match dashboard */
 .ss-w-fandash { display: flex; flex-direction: column; gap: 10px; padding: 4px 0; }
 .ss-w-fandash-greeting { font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--ss-w-ink); }
@@ -14881,7 +14974,7 @@ function StatsWidget(props) {
     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 controller = useChatStream(built?.conversation ?? emptyConversation(), ui.starters, built ? ui.greetingMessage : void 0, convStorageKey, cfg?.page);
   const [hasToday, setHasToday] = useState58(false);
   const liveCardWatches = useMemo7(() => {
     const seen = /* @__PURE__ */ new Set();