@sensiblestats/widget-react 0.86.0 → 0.86.1

package/dist/index.js

@@ -5613,7 +5613,7 @@ function useLiveClock(minute, clockRunning, receivedAtMs) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
 function initials5(name) {
   return name.trim().slice(0, 3).toUpperCase();
 }
@@ -5625,11 +5625,14 @@ function LiveCrest({ url, name, side }) {
   }
   return /* @__PURE__ */ jsx41("span", { className: `${cls} ss-w-fandash-live-crest--fallback`, "aria-hidden": "true", children: initials5(name) });
 }
-function scorersLine(goalEvents) {
-  if (!goalEvents || goalEvents.length === 0) return null;
+function scorersBySide(goalEvents) {
+  if (!goalEvents || goalEvents.length === 0) return { home: null, away: null };
   const named = goalEvents.filter((e) => e.type === "goal" && e.player);
-  if (named.length === 0) return null;
-  return named.slice().sort((a, b) => a.minute - b.minute).map((e) => `${e.player} ${e.minuteLabel}`).join(", ");
+  const line = (side) => {
+    const scorers = named.filter((e) => e.side === side).slice().sort((a, b) => a.minute - b.minute).map((e) => `${e.player} ${e.minuteLabel}`);
+    return scorers.length === 0 ? null : scorers.join(", ");
+  };
+  return { home: line("home"), away: line("away") };
 }
 function LiveScoreCard({
   card,
@@ -5643,7 +5646,7 @@ function LiveScoreCard({
   }
   const displayMinute = useLiveClock(data.minute, data.clockRunning, seedRef.current.receivedAtMs);
   const minuteSuffix = data.minuteLabel.replace(/^\d+/, "");
-  const scorers = scorersLine(goalEvents);
+  const { home: homeScorers, away: awayScorers } = scorersBySide(goalEvents);
   return /* @__PURE__ */ jsxs37("div", { className: "ss-w-fandash-card ss-w-fandash-live-score", children: [
     card.title ? /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
     /* @__PURE__ */ jsxs37("div", { className: "ss-w-fandash-live-top", children: [
@@ -5669,9 +5672,15 @@ function LiveScoreCard({
         /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-live-team-name", children: data.awayName })
       ] })
     ] }),
-    scorers ? /* @__PURE__ */ jsxs37("div", { className: "ss-w-fandash-live-scorers", children: [
-      /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" }),
-      scorers
+    homeScorers || awayScorers ? /* @__PURE__ */ jsxs37("div", { className: "ss-w-fandash-live-scorers-row", children: [
+      /* @__PURE__ */ jsx41("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--home", children: homeScorers ? /* @__PURE__ */ jsxs37(Fragment7, { children: [
+        /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" }),
+        homeScorers
+      ] }) : null }),
+      /* @__PURE__ */ jsx41("div", { className: "ss-w-fandash-live-scorers ss-w-fandash-live-scorers--away", children: awayScorers ? /* @__PURE__ */ jsxs37(Fragment7, { children: [
+        awayScorers,
+        /* @__PURE__ */ jsx41("span", { className: "ss-w-fandash-live-scorers-icon", "aria-hidden": "true", children: "\u26BD" })
+      ] }) : null })
     ] }) : null
   ] });
 }
@@ -6835,7 +6844,7 @@ function SearchField({ id, label, labelHidden = false, placeholder, value, onCha
 }
 
 // src/components/TodayPanel.tsx
-import { Fragment as Fragment7, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 function TodayPanel({ discovery, ui, monitor }) {
   const { groups, states, stale, starLeague } = discovery;
   const searchId = useId2();
@@ -6892,7 +6901,7 @@ function TodayPanel({ discovery, ui, monitor }) {
     if (selectedCompetitionId !== null && openGroup === void 0) setSelectedCompetitionId(null);
   }, [selectedCompetitionId, openGroup]);
   const liveRows = stale ? [] : visibleGroups.flatMap((group) => group.matches.filter((m) => isTreatedLive(states[m.matchId], stale)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
-  const liveBand = liveRows.length > 0 && /* @__PURE__ */ jsxs55(Fragment7, { children: [
+  const liveBand = liveRows.length > 0 && /* @__PURE__ */ jsxs55(Fragment8, { children: [
     /* @__PURE__ */ jsxs55("div", { className: "ss-w-sec-head", children: [
       /* @__PURE__ */ jsx61("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
       ui.sectionLive
@@ -6950,7 +6959,7 @@ function TodayPanel({ discovery, ui, monitor }) {
           clearLabel: ui.clearSearchLabel
         }
       ),
-      searching ? searchResults.length === 0 ? /* @__PURE__ */ jsx61("div", { className: "ss-w-today-empty", children: ui.noLeagueResults }) : /* @__PURE__ */ jsx61(Fragment7, { children: searchResults.map((group) => /* @__PURE__ */ jsxs55("div", { className: "ss-w-today-search-block", children: [
+      searching ? searchResults.length === 0 ? /* @__PURE__ */ jsx61("div", { className: "ss-w-today-empty", children: ui.noLeagueResults }) : /* @__PURE__ */ jsx61(Fragment8, { children: searchResults.map((group) => /* @__PURE__ */ jsxs55("div", { className: "ss-w-today-search-block", children: [
         /* @__PURE__ */ jsxs55("div", { className: "ss-w-today-search-group", children: [
           /* @__PURE__ */ jsx61(Crest2, { url: group.competitionImagePath ?? void 0, name: group.competitionName, kind: "comp" }),
           /* @__PURE__ */ jsxs55("span", { className: "ss-w-today-search-group-name", children: [
@@ -6980,7 +6989,7 @@ function TodayPanel({ discovery, ui, monitor }) {
           },
           match.matchId
         ))
-      ] }, group.competitionId)) }) : /* @__PURE__ */ jsxs55(Fragment7, { children: [
+      ] }, group.competitionId)) }) : /* @__PURE__ */ jsxs55(Fragment8, { children: [
         /* @__PURE__ */ jsxs55("div", { className: "ss-w-today-sec", children: [
           placement.personal ? ui.yourLeagues : ui.topLeagues,
           !placement.personal && /* @__PURE__ */ jsx61("span", { className: "ss-w-today-sec-sub", children: ui.topLeaguesSub })
@@ -7060,7 +7069,7 @@ function splitName(full) {
 }
 
 // src/components/GameTileArt.tsx
-import { Fragment as Fragment8, jsx as jsx63, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx63, jsxs as jsxs56 } from "react/jsx-runtime";
 function GameTileArt({ gameId }) {
   return /* @__PURE__ */ jsx63("svg", { className: "ss-g-art", viewBox: "0 0 120 74", "aria-hidden": "true", children: ART[gameId] ?? ART.default });
 }
@@ -7069,41 +7078,41 @@ var head = (cx, cy, r, cls = "ss-g-art-fg") => /* @__PURE__ */ jsxs56("g", { cla
   /* @__PURE__ */ jsx63("path", { d: `M${cx - r} ${cy + r}c0-${r * 0.8} ${r * 0.45}-${r * 1.1} ${r}-${r * 1.1}s${r} ${r * 0.3} ${r} ${r * 1.1}z` })
 ] });
 var ART = {
-  "mystery-tiger": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "mystery-tiger": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     head(60, 38, 26, "ss-g-art-fg"),
     /* @__PURE__ */ jsx63("text", { x: "60", y: "36", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "higher-or-lower": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "higher-or-lower": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     head(32, 38, 20),
     head(88, 38, 20),
     /* @__PURE__ */ jsx63("circle", { cx: "60", cy: "37", r: "11", className: "ss-g-art-accent" }),
     /* @__PURE__ */ jsx63("path", { d: "M57 33l3-3 3 3M57 41l3 3 3-3", className: "ss-g-art-ink" })
   ] }),
-  "guess-the-xi": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "guess-the-xi": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("rect", { x: "8", y: "4", width: "104", height: "66", rx: "6", className: "ss-g-art-pitch" }),
     [[60, 60, "a"], [24, 46], [48, 46], [72, 46], [96, 46], [36, 30], [60, 30], [84, 30], [40, 14], [60, 14], [80, 14]].map(([x, y, a], i) => /* @__PURE__ */ jsx63("circle", { cx: x, cy: y, r: "4", className: a ? "ss-g-art-accent" : "ss-g-art-dot" }, i))
   ] }),
-  "daily-quiz": /* @__PURE__ */ jsx63(Fragment8, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ jsx63("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
-  "career-path": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "daily-quiz": /* @__PURE__ */ jsx63(Fragment9, { children: [[14, 8], [62, 8], [14, 40], [62, 40]].map(([x, y], i) => /* @__PURE__ */ jsx63("rect", { x, y, width: "44", height: "26", rx: "5", className: i === 1 ? "ss-g-art-correct" : "ss-g-art-block" }, i)) }),
+  "career-path": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("path", { d: "M18 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
     /* @__PURE__ */ jsx63("path", { d: "M48 37h8M84 37h8", className: "ss-g-art-line" }),
     /* @__PURE__ */ jsx63("path", { d: "M60 22h24v10c0 7-5 11-12 13-7-2-12-6-12-13z", className: "ss-g-art-fg" }),
     /* @__PURE__ */ jsx63("rect", { x: "96", y: "22", width: "18", height: "26", rx: "4", className: "ss-g-art-dash" }),
     /* @__PURE__ */ jsx63("text", { x: "105", y: "40", className: "ss-g-art-q", textAnchor: "middle", children: "?" })
   ] }),
-  "beat-the-grid": /* @__PURE__ */ jsx63(Fragment8, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ jsx63("rect", { x: 33 + c * 19, y: 10 + r * 19, width: "16", height: "16", rx: "3", className: (r + c) % 3 === 0 ? "ss-g-art-accent" : "ss-g-art-block" }, `${r}${c}`))) }),
-  "matchday-predictor": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "beat-the-grid": /* @__PURE__ */ jsx63(Fragment9, { children: [0, 1, 2].flatMap((r) => [0, 1, 2].map((c) => /* @__PURE__ */ jsx63("rect", { x: 33 + c * 19, y: 10 + r * 19, width: "16", height: "16", rx: "3", className: (r + c) % 3 === 0 ? "ss-g-art-accent" : "ss-g-art-block" }, `${r}${c}`))) }),
+  "matchday-predictor": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("path", { d: "M10 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" }),
     /* @__PURE__ */ jsx63("rect", { x: "38", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-accent-stroke" }),
     /* @__PURE__ */ jsx63("rect", { x: "64", y: "22", width: "18", height: "24", rx: "4", className: "ss-g-art-dash" }),
     /* @__PURE__ */ jsx63("path", { d: "M90 20h20v9c0 6-4 9-10 11-6-2-10-5-10-11z", className: "ss-g-art-fg" })
   ] }),
-  "starting-xi": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "starting-xi": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("rect", { x: "8", y: "4", width: "104", height: "66", rx: "6", className: "ss-g-art-pitch" }),
     [[60, 60], [30, 46], [50, 46], [70, 46], [90, 46], [45, 30], [75, 30], [30, 16], [60, 16], [90, 16]].map(([x, y], i) => /* @__PURE__ */ jsx63("circle", { cx: x, cy: y, r: "5", className: i < 7 ? "ss-g-art-accent" : "ss-g-art-dash" }, i))
   ] }),
-  "stat-ladder": /* @__PURE__ */ jsx63(Fragment8, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ jsx63("rect", { x: "24", y, width: w, height: "12", rx: "3", className: i === 1 ? "ss-g-art-accent" : "ss-g-art-block" }, i)) }),
-  "fan-motm": /* @__PURE__ */ jsxs56(Fragment8, { children: [
+  "stat-ladder": /* @__PURE__ */ jsx63(Fragment9, { children: [[20, 70], [34, 52], [48, 34]].map(([y, w], i) => /* @__PURE__ */ jsx63("rect", { x: "24", y, width: w, height: "12", rx: "3", className: i === 1 ? "ss-g-art-accent" : "ss-g-art-block" }, i)) }),
+  "fan-motm": /* @__PURE__ */ jsxs56(Fragment9, { children: [
     /* @__PURE__ */ jsx63("circle", { cx: "60", cy: "37", r: "26", className: "ss-g-art-accent-stroke" }),
     head(60, 40, 18),
     /* @__PURE__ */ jsx63("path", { d: "M84 8l2.4 5 5.4.6-4 3.7 1.1 5.4-4.9-2.7-4.9 2.7 1.1-5.4-4-3.7 5.4-.6z", className: "ss-g-art-accent" })
@@ -7127,7 +7136,7 @@ function StatStack({ value, label }) {
 }
 
 // src/components/GameTile.tsx
-import { Fragment as Fragment9, jsx as jsx65, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx65, jsxs as jsxs58 } from "react/jsx-runtime";
 function tileStatus(game, ui) {
   switch (game.status) {
     case "locked":
@@ -7151,7 +7160,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
   const status = tileStatus(game, ui);
   const disabled = DISABLED.has(game.status);
   const title = gameTitle(game, ui.games.titles);
-  const body = variant === "hero" ? /* @__PURE__ */ jsxs58(Fragment9, { children: [
+  const body = variant === "hero" ? /* @__PURE__ */ jsxs58(Fragment10, { children: [
     /* @__PURE__ */ jsxs58("span", { className: "ss-g-hero-text", children: [
       /* @__PURE__ */ jsx65("span", { className: "ss-g-hero-eyebrow", children: ui.games.dailyChallenge }),
       status.tone === "new" && /* @__PURE__ */ jsx65(Chip, { variant: "badge", children: ui.games.newToday }),
@@ -7163,7 +7172,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx65("span", { className: "ss-g-hero-art", children: /* @__PURE__ */ jsx65(GameTileArt, { gameId: game.gameId }) })
-  ] }) : variant === "wide" ? /* @__PURE__ */ jsxs58(Fragment9, { children: [
+  ] }) : variant === "wide" ? /* @__PURE__ */ jsxs58(Fragment10, { children: [
     /* @__PURE__ */ jsx65("span", { className: "ss-g-wide-art", children: /* @__PURE__ */ jsx65(GameTileArt, { gameId: game.gameId }) }),
     /* @__PURE__ */ jsxs58("span", { className: "ss-g-wide-text", children: [
       /* @__PURE__ */ jsx65("span", { className: "ss-g-tile-title", children: title }),
@@ -7171,7 +7180,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
       status.tone === "new" && /* @__PURE__ */ jsx65(Chip, { variant: "badge", children: ui.games.newToday })
     ] }),
     /* @__PURE__ */ jsx65("span", { className: "ss-g-wide-chev", children: /* @__PURE__ */ jsx65(IconChevronLeft, { size: 18 }) })
-  ] }) : /* @__PURE__ */ jsxs58(Fragment9, { children: [
+  ] }) : /* @__PURE__ */ jsxs58(Fragment10, { children: [
     /* @__PURE__ */ jsx65("span", { className: "ss-g-tile-art", children: /* @__PURE__ */ jsx65(GameTileArt, { gameId: game.gameId }) }),
     /* @__PURE__ */ jsx65("span", { className: "ss-g-tile-title", children: title }),
     /* @__PURE__ */ jsx65("span", { className: "ss-g-tile-status", "data-tone": status.tone, children: status.text })
@@ -7182,7 +7191,7 @@ function GameTile({ game, onOpen, ui, variant = "tile" }) {
 }
 
 // src/components/GamesHub.tsx
-import { Fragment as Fragment10, jsx as jsx66, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx66, jsxs as jsxs59 } from "react/jsx-runtime";
 var PLAYABLE = /* @__PURE__ */ new Set(["available", "in_progress"]);
 var DONE = /* @__PURE__ */ new Set(["played", "graded"]);
 function pickHeroGame(games) {
@@ -7213,7 +7222,7 @@ function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
       /* @__PURE__ */ jsxs59("div", { className: "ss-g-stat", children: [
         /* @__PURE__ */ jsx66("span", { className: "ss-g-stat-l", children: ui.games.statStreak }),
         /* @__PURE__ */ jsxs59("span", { className: "ss-g-stat-v", "data-testid": "stat-streak", children: [
-          myWeeklyRow ? /* @__PURE__ */ jsxs59(Fragment10, { children: [
+          myWeeklyRow ? /* @__PURE__ */ jsxs59(Fragment11, { children: [
             /* @__PURE__ */ jsx66(IconFlame, {}),
             myWeeklyRow.currentStreak
           ] }) : dash,
@@ -7603,11 +7612,11 @@ function SegmentProgress({ segments, ariaLabel, leftLabel, rightLabel, right })
 }
 
 // src/components/games/ui/AnswerTray.tsx
-import { Fragment as Fragment11, jsx as jsx70, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx70, jsxs as jsxs62 } from "react/jsx-runtime";
 function AnswerTray({ id, label, placeholder, optionsLabel, options, query, onQuery, onPick, disabled, minQuery = 0 }) {
   const needle = query.trim().toLowerCase();
   const shown = needle.length < minQuery ? [] : needle ? options.filter((o) => o.name.toLowerCase().includes(needle)) : options;
-  return /* @__PURE__ */ jsxs62(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs62(Fragment12, { children: [
     /* @__PURE__ */ jsx70(
       SearchField,
       {
@@ -7699,7 +7708,7 @@ function PointsLadderRow({ ladder, guessesUsed, ui }) {
 }
 
 // src/components/games/MysteryTigerGame.tsx
-import { Fragment as Fragment12, jsx as jsx76, jsxs as jsxs66 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx76, jsxs as jsxs66 } from "react/jsx-runtime";
 function parseClientState(json) {
   if (!json) return null;
   try {
@@ -7847,7 +7856,7 @@ function MysteryTigerGame({
       }
     ),
     !config && /* @__PURE__ */ jsx76("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs66(Fragment12, { children: [
+    config && /* @__PURE__ */ jsxs66(Fragment13, { children: [
       /* @__PURE__ */ jsxs66("div", { className: "ss-g-body", children: [
         !isOver && /* @__PURE__ */ jsx76(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed, ui }),
         /* @__PURE__ */ jsxs66("div", { className: `ss-g-mt-card${isOver ? " ss-g-mt-card--reveal" : ""}`, children: [
@@ -7947,7 +7956,7 @@ function MysteryTigerGame({
 }
 
 // src/components/games/HigherOrLowerGame.tsx
-import { Fragment as Fragment13, jsx as jsx77, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx77, jsxs as jsxs67 } from "react/jsx-runtime";
 var POINTS_PER_CORRECT = 10;
 function parseClientState2(json) {
   if (!json) return null;
@@ -8007,7 +8016,7 @@ function HigherOrLowerGame({
       }
     ),
     !config && /* @__PURE__ */ jsx77("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs67(Fragment13, { children: [
+    config && /* @__PURE__ */ jsxs67(Fragment14, { children: [
       /* @__PURE__ */ jsxs67("div", { className: "ss-g-body", children: [
         /* @__PURE__ */ jsxs67("div", { className: "ss-g-hl-prompt", "data-testid": "hol-prompt", children: [
           /* @__PURE__ */ jsx77("span", { className: "ss-g-hl-prompt-q", children: t.whoHadMore }),
@@ -8077,7 +8086,7 @@ function CrestShield({ src, name, size = 28 }) {
 }
 
 // src/components/games/CareerPathGame.tsx
-import { Fragment as Fragment14, jsx as jsx79, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx79, jsxs as jsxs68 } from "react/jsx-runtime";
 function parseClientState3(json) {
   if (!json) return null;
   try {
@@ -8157,7 +8166,7 @@ function CareerPathGame({
               /* @__PURE__ */ jsx79("span", { className: "ss-g-cp-club", children: spell.clubName }),
               /* @__PURE__ */ jsxs68("span", { className: "ss-g-cp-sub", children: [
                 /* @__PURE__ */ jsx79("span", { className: "ss-g-cp-years", children: years }),
-                spell.isLoan && /* @__PURE__ */ jsxs68(Fragment14, { children: [
+                spell.isLoan && /* @__PURE__ */ jsxs68(Fragment15, { children: [
                   years ? " \xB7 " : "",
                   /* @__PURE__ */ jsx79("span", { className: "ss-g-cp-loan", children: s.loan })
                 ] })
@@ -8217,7 +8226,7 @@ function OptionList({ label, options, onPick }) {
 }
 
 // src/components/games/BeatTheGridGame.tsx
-import { Fragment as Fragment15, jsx as jsx81, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx81, jsxs as jsxs69 } from "react/jsx-runtime";
 function criterionIconKind(label, key) {
   const l = (key ?? label).toLowerCase();
   if (l.includes("app")) return "calendar";
@@ -8260,7 +8269,7 @@ function HeaderVisual({ label, textKey: iKey, meta }) {
     case "country":
       return /* @__PURE__ */ jsx81("span", { className: "ss-g-btg-hdr-flag", "aria-hidden": "true", children: nationalityFlag(meta.country ?? label) });
     case "position":
-      return /* @__PURE__ */ jsx81(Fragment15, {});
+      return /* @__PURE__ */ jsx81(Fragment16, {});
     default:
       return /* @__PURE__ */ jsx81(CriterionIcon, { kind: criterionIconKind(label, iKey) });
   }
@@ -8323,7 +8332,7 @@ function SearchSheet({
         }
       )
     ] }),
-    playerPool.length === 0 ? /* @__PURE__ */ jsx81("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ jsxs69(Fragment15, { children: [
+    playerPool.length === 0 ? /* @__PURE__ */ jsx81("div", { className: "ss-g-btg-sheet-empty", children: s.emptyPool }) : /* @__PURE__ */ jsxs69(Fragment16, { children: [
       /* @__PURE__ */ jsx81(
         SearchField,
         {
@@ -8342,7 +8351,7 @@ function SearchSheet({
           label: s.searchLabel(rowLabel, colLabel),
           options: filtered.map((p) => ({
             key: p.id,
-            content: /* @__PURE__ */ jsxs69(Fragment15, { children: [
+            content: /* @__PURE__ */ jsxs69(Fragment16, { children: [
               /* @__PURE__ */ jsx81(PlayerAvatar, { name: p.name, imagePath: p.imagePath, className: "ss-g-opt-av" }),
               /* @__PURE__ */ jsx81("span", { className: "ss-g-btg-result-name", children: p.name }),
               /* @__PURE__ */ jsx81("span", { className: "ss-g-btg-result-plus", "aria-hidden": "true", children: /* @__PURE__ */ jsx81(IconPlus, { size: 18 }) })
@@ -8432,10 +8441,10 @@ function BeatTheGridGame({
             rows.map((rowLabel, rowIdx) => {
               const rowMeta = config.rowsMeta?.[rowIdx];
               const abbr = rowAbbrev(rowLabel, s.rowAbbrev, config.rowsI18n?.[rowIdx]?.key);
-              const rowHeaderContent = rowMeta ? /* @__PURE__ */ jsxs69(Fragment15, { children: [
+              const rowHeaderContent = rowMeta ? /* @__PURE__ */ jsxs69(Fragment16, { children: [
                 /* @__PURE__ */ jsx81(HeaderVisual, { label: rowLabel, textKey: config.rowsI18n?.[rowIdx]?.key, meta: rowMeta }),
                 /* @__PURE__ */ jsx81("span", { children: rowLabel })
-              ] }) : abbr === rowLabel ? /* @__PURE__ */ jsx81("span", { children: rowLabel }) : /* @__PURE__ */ jsxs69(Fragment15, { children: [
+              ] }) : abbr === rowLabel ? /* @__PURE__ */ jsx81("span", { children: rowLabel }) : /* @__PURE__ */ jsxs69(Fragment16, { children: [
                 /* @__PURE__ */ jsx81("span", { "aria-hidden": "true", children: abbr }),
                 /* @__PURE__ */ jsx81("span", { className: "ss-g-sr", children: rowLabel })
               ] });
@@ -8456,7 +8465,7 @@ function BeatTheGridGame({
                       className: "ss-g-btg-cell",
                       disabled: isLocked2 || submitting,
                       onClick: () => handleCellClick(rowIdx, colIdx),
-                      children: filled ? /* @__PURE__ */ jsxs69(Fragment15, { children: [
+                      children: filled ? /* @__PURE__ */ jsxs69(Fragment16, { children: [
                         /* @__PURE__ */ jsx81(
                           "span",
                           {
@@ -8523,16 +8532,16 @@ function BeatTheGridGame({
 import { useState as useState42, useId as useId6 } from "react";
 
 // src/components/games/ui/PitchSvg.tsx
-import { Fragment as Fragment16, jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
 function PitchSvg({ variant }) {
   return /* @__PURE__ */ jsxs70("svg", { className: "ss-g-pitch-svg", viewBox: variant === "full" ? "0 0 100 150" : "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx82("rect", { x: "4", y: "4", width: "92", height: variant === "full" ? 142 : 92, fill: "none" }),
-    variant === "full" ? /* @__PURE__ */ jsxs70(Fragment16, { children: [
+    variant === "full" ? /* @__PURE__ */ jsxs70(Fragment17, { children: [
       /* @__PURE__ */ jsx82("line", { x1: "4", y1: "75", x2: "96", y2: "75" }),
       /* @__PURE__ */ jsx82("circle", { cx: "50", cy: "75", r: "12", fill: "none" }),
       /* @__PURE__ */ jsx82("rect", { x: "26", y: "4", width: "48", height: "20", fill: "none" }),
       /* @__PURE__ */ jsx82("rect", { x: "26", y: "126", width: "48", height: "20", fill: "none" })
-    ] }) : /* @__PURE__ */ jsxs70(Fragment16, { children: [
+    ] }) : /* @__PURE__ */ jsxs70(Fragment17, { children: [
       /* @__PURE__ */ jsx82("path", { d: "M38 4a12 12 0 0 0 24 0", fill: "none" }),
       /* @__PURE__ */ jsx82("rect", { x: "26", y: "76", width: "48", height: "20", fill: "none" })
     ] })
@@ -8590,7 +8599,7 @@ function positionsBySlot(formation, rowsAttackFirst) {
 }
 
 // src/components/games/GuessTheXiGame.tsx
-import { Fragment as Fragment17, jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
 var MAX_GUESSES2 = 3;
 function parseClientState5(json) {
   if (!json) return null;
@@ -8652,7 +8661,7 @@ function GuessTheXiGame({
       }
     ),
     !config && /* @__PURE__ */ jsx83("div", { className: "ss-g-body ss-g-loading", children: ui.games.loading }),
-    config && /* @__PURE__ */ jsxs71(Fragment17, { children: [
+    config && /* @__PURE__ */ jsxs71(Fragment18, { children: [
       /* @__PURE__ */ jsxs71("div", { className: "ss-g-body", children: [
         !isOver && /* @__PURE__ */ jsx83(PointsLadderRow, { ladder: config.pointsLadder, guessesUsed: clientState?.guessHistory.length ?? 0, ui }),
         rows.length > 0 && /* @__PURE__ */ jsxs71("div", { className: "ss-g-gxi-pitch", role: "group", "aria-label": t.pitchLabel, children: [
@@ -8701,7 +8710,7 @@ function GuessTheXiGame({
             ] }, g.teamId);
           })
         ] }),
-        isOver && /* @__PURE__ */ jsxs71(Fragment17, { children: [
+        isOver && /* @__PURE__ */ jsxs71(Fragment18, { children: [
           /* @__PURE__ */ jsx83(
             ResultCard,
             {
@@ -8727,7 +8736,7 @@ function GuessTheXiGame({
             label: t.optionsLabel,
             options: filtered.map((tm) => ({
               key: tm.teamId,
-              content: /* @__PURE__ */ jsxs71(Fragment17, { children: [
+              content: /* @__PURE__ */ jsxs71(Fragment18, { children: [
                 /* @__PURE__ */ jsx83(CrestShield, { src: tm.crestUrl, name: tm.teamName, size: 28 }),
                 /* @__PURE__ */ jsx83("span", { children: tm.teamName })
               ] })
@@ -8753,7 +8762,7 @@ function GuessTheXiGame({
 
 // src/components/games/DailyQuizGame.tsx
 import { useState as useState43 } from "react";
-import { Fragment as Fragment18, jsx as jsx84, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx84, jsxs as jsxs72 } from "react/jsx-runtime";
 function parseClientState6(json) {
   if (!json) return null;
   try {
@@ -8872,7 +8881,7 @@ function DailyQuizGame({
   return /* @__PURE__ */ jsxs72("div", { className: "ss-g-screen", "data-game": "daily-quiz", "data-testid": "game-screen-daily-quiz", children: [
     /* @__PURE__ */ jsx84(GameHeader, { title, eyebrow: s.questionOf(page + 1, total), onBack, backLabel: ui.back }),
     /* @__PURE__ */ jsx84(SegmentProgress, { segments, ariaLabel: s.progressAria(page + 1, total) }),
-    /* @__PURE__ */ jsx84("div", { className: "ss-g-body", children: current && /* @__PURE__ */ jsxs72(Fragment18, { children: [
+    /* @__PURE__ */ jsx84("div", { className: "ss-g-body", children: current && /* @__PURE__ */ jsxs72(Fragment19, { children: [
       /* @__PURE__ */ jsx84("h3", { className: "ss-g-dq-stem", children: current.stem }),
       /* @__PURE__ */ jsx84("div", { className: "ss-g-dq-opts", children: current.options.map((opt, optIdx) => {
         const selected = optIdx === selectedIdx;
@@ -9173,7 +9182,7 @@ function MatchdayPredictorGame({
 
 // src/components/games/StartingXiGame.tsx
 import { useId as useId8, useState as useState45 } from "react";
-import { Fragment as Fragment19, jsx as jsx86, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx86, jsxs as jsxs74 } from "react/jsx-runtime";
 var POINTS_PER_STARTER = 8;
 var XI_SIZE = 11;
 var DEFAULT_FORMATION = "4-3-3";
@@ -9322,11 +9331,11 @@ function StartingXiGame({
         })
       ] }),
       /* @__PURE__ */ jsxs74("div", { className: "ss-g-xi-picker", children: [
-        /* @__PURE__ */ jsx86("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ jsxs74(Fragment19, { children: [
+        /* @__PURE__ */ jsx86("div", { className: "ss-g-xi-picker-head", children: activeSlot ? /* @__PURE__ */ jsxs74(Fragment20, { children: [
           /* @__PURE__ */ jsx86(Chip, { variant: "badge", children: activeSlot.label }),
           /* @__PURE__ */ jsx86("strong", { children: t.pickFor(activeSlot.label) })
         ] }) : /* @__PURE__ */ jsx86("strong", { children: t.allPicked }) }),
-        activeSlot && /* @__PURE__ */ jsxs74(Fragment19, { children: [
+        activeSlot && /* @__PURE__ */ jsxs74(Fragment20, { children: [
           /* @__PURE__ */ jsx86(
             SearchField,
             {
@@ -9824,7 +9833,7 @@ function LeaderboardEmpty({
 }
 
 // src/components/Leaderboard.tsx
-import { Fragment as Fragment20, jsx as jsx92, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx92, jsxs as jsxs79 } from "react/jsx-runtime";
 function Leaderboard({
   data,
   ui,
@@ -9866,7 +9875,7 @@ function Leaderboard({
         onPlay,
         ui
       }
-    ) : /* @__PURE__ */ jsxs79(Fragment20, { children: [
+    ) : /* @__PURE__ */ jsxs79(Fragment21, { children: [
       /* @__PURE__ */ jsx92("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ jsx92(
         LeaderboardWeeklyRow,
         {
@@ -10190,7 +10199,7 @@ function SquadStats({ stats, loading, ui, onSelectPlayer }) {
 }
 
 // src/components/Squad.tsx
-import { Fragment as Fragment21, jsx as jsx98, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx98, jsxs as jsxs84 } from "react/jsx-runtime";
 function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, seasonName = null, competitionName = null, matchesPlayed = null, onSelectPlayer }) {
   const eyebrow = view === "stats" ? statsEyebrow(ui, seasonName, competitionName, matchesPlayed) : null;
   const toggle = /* @__PURE__ */ jsxs84("div", { className: "ss-w-sq-bar", children: [
@@ -10210,20 +10219,20 @@ function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, se
     )) })
   ] });
   if (view === "stats") {
-    return /* @__PURE__ */ jsxs84(Fragment21, { children: [
+    return /* @__PURE__ */ jsxs84(Fragment22, { children: [
       toggle,
       /* @__PURE__ */ jsx98(SquadStats, { stats, loading: statsLoading, ui, onSelectPlayer })
     ] });
   }
-  if (squad === null && loading) return /* @__PURE__ */ jsxs84(Fragment21, { children: [
+  if (squad === null && loading) return /* @__PURE__ */ jsxs84(Fragment22, { children: [
     toggle,
     /* @__PURE__ */ jsx98("div", { className: "ss-w-mon-list" })
   ] });
-  if (squad === null || squad.length === 0) return /* @__PURE__ */ jsxs84(Fragment21, { children: [
+  if (squad === null || squad.length === 0) return /* @__PURE__ */ jsxs84(Fragment22, { children: [
     toggle,
     /* @__PURE__ */ jsx98("div", { className: "ss-w-mon-empty", children: ui.clubSquadEmpty })
   ] });
-  return /* @__PURE__ */ jsxs84(Fragment21, { children: [
+  return /* @__PURE__ */ jsxs84(Fragment22, { children: [
     toggle,
     /* @__PURE__ */ jsx98("div", { className: "ss-w-mon-list", children: groupByPosition(squad).map((group, gi) => /* @__PURE__ */ jsxs84("div", { children: [
       group.positionName && /* @__PURE__ */ jsx98("div", { className: "ss-w-club-eyebrow", children: positionLabel(ui, group.positionName) }),
@@ -10353,7 +10362,7 @@ function PerformanceBars({ performance, competitionName, strings }) {
 }
 
 // src/components/PlayerDetail.tsx
-import { Fragment as Fragment22, jsx as jsx102, jsxs as jsxs86 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx102, jsxs as jsxs86 } from "react/jsx-runtime";
 var DASH = "\u2014";
 function ageFrom(dobMs) {
   if (dobMs === null) return DASH;
@@ -10433,10 +10442,10 @@ function PlayerDetail({ detail, loading, ui, seasonName, onClose }) {
     ui.clubPlayerBack
   ] });
   if (detail === null) {
-    return loading ? /* @__PURE__ */ jsxs86(Fragment22, { children: [
+    return loading ? /* @__PURE__ */ jsxs86(Fragment23, { children: [
       /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-bar", children: back }),
       /* @__PURE__ */ jsx102("div", { className: "ss-w-mon-list" })
-    ] }) : /* @__PURE__ */ jsxs86(Fragment22, { children: [
+    ] }) : /* @__PURE__ */ jsxs86(Fragment23, { children: [
       /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-bar", children: back }),
       /* @__PURE__ */ jsx102("div", { className: "ss-w-mon-empty", children: ui.clubPlayerDetailEmpty })
     ] });
@@ -10451,7 +10460,7 @@ function PlayerDetail({ detail, loading, ui, seasonName, onClose }) {
   const next = detail.nextFixture ?? null;
   const availability = detail.availability ?? null;
   const log = detail.matchLog ?? [];
-  return /* @__PURE__ */ jsxs86(Fragment22, { children: [
+  return /* @__PURE__ */ jsxs86(Fragment23, { children: [
     /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-bar", children: back }),
     /* @__PURE__ */ jsxs86("div", { className: "ss-w-mon-list ss-w-pd-list", children: [
       /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-card ss-w-pd-profile", children: [
@@ -10529,8 +10538,8 @@ function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef
 }
 
 // src/components/PresetTools.tsx
-import { Fragment as Fragment23, useEffect as useEffect31, useId as useId11, useRef as useRef28, useState as useState52 } from "react";
-import { Fragment as Fragment24, jsx as jsx104, jsxs as jsxs88 } from "react/jsx-runtime";
+import { Fragment as Fragment24, useEffect as useEffect31, useId as useId11, useRef as useRef28, useState as useState52 } from "react";
+import { Fragment as Fragment25, jsx as jsx104, jsxs as jsxs88 } from "react/jsx-runtime";
 var FOCUSABLE = 'button:not([disabled]), [href], input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
   const dialogRef = useRef28(null);
@@ -10580,7 +10589,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__ */ jsx104(Fragment23, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
+    return /* @__PURE__ */ jsx104(Fragment24, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
   });
 }
 function NumberSelect({ current, choices: choices2, label, notToday, lockEmpty = true, onChoose }) {
@@ -10621,7 +10630,7 @@ function PickList({ picks, formatKickoff }) {
   ] }, p.matchOddsId)) });
 }
 function ComboPreview({ cell, formatKickoff }) {
-  return /* @__PURE__ */ jsxs88(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs88(Fragment25, { children: [
     /* @__PURE__ */ jsx104(PickList, { picks: cell.combo.legs, formatKickoff }),
     /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-math", children: cell.combo.multiplication })
   ] });
@@ -10919,7 +10928,7 @@ function markToolSeen() {
 }
 
 // src/components/ChatPanel.tsx
-import { Fragment as Fragment25, jsx as jsx105, jsxs as jsxs89 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx105, jsxs as jsxs89 } from "react/jsx-runtime";
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
   const [modal, setModal] = useState54(false);
@@ -11098,7 +11107,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     monitor && monitor.activeTab === "odds" && /* @__PURE__ */ jsx105(OddsPanel, { monitor, ui, slip }),
     monitor && monitor.activeTab === "fixtures" && /* @__PURE__ */ jsx105(Fixtures, { fixtures: clubFixturesResult?.fixtures ?? [], loading: clubFixturesResult?.loading ?? false, ui }),
     monitor && monitor.activeTab === "standings" && /* @__PURE__ */ jsx105(Standings, { standings: clubStandingsResult?.data ?? null, loading: clubStandingsResult?.loading ?? false, ui }),
-    monitor && monitor.activeTab === "squad" && /* @__PURE__ */ jsxs89(Fragment25, { children: [
+    monitor && monitor.activeTab === "squad" && /* @__PURE__ */ jsxs89(Fragment26, { children: [
       /* @__PURE__ */ jsx105(
         "div",
         {
@@ -11140,7 +11149,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         }
       }
     ),
-    (!monitor || monitor.activeTab !== "games") && /* @__PURE__ */ jsxs89(Fragment25, { children: [
+    (!monitor || monitor.activeTab !== "games") && /* @__PURE__ */ jsxs89(Fragment26, { children: [
       /* @__PURE__ */ jsx105("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
       paused ? null : /* @__PURE__ */ jsx105(
         ChatInput,
@@ -12172,8 +12181,13 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-fandash-live-team-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 700; line-height: 1.15; color: var(--ss-w-ink); }
 .ss-w-fandash-live-score-main { display: flex; align-items: baseline; justify-content: center; font-size: 36px; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1; white-space: nowrap; color: var(--ss-w-ink); }
 .ss-w-fandash-live-score-sep { color: var(--ss-w-faint); font-weight: 500; margin: 0 5px; }
-.ss-w-fandash-live-scorers { margin-top: 12px; display: flex; justify-content: flex-end; gap: 7px; align-items: center; font-size: 12.5px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
-.ss-w-fandash-live-scorers-icon { flex: none; color: var(--ss-w-away); }
+.ss-w-fandash-live-scorers-row { margin-top: 12px; display: flex; justify-content: space-between; gap: 10px; }
+.ss-w-fandash-live-scorers { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 12.5px; color: var(--ss-w-faint); overflow-wrap: anywhere; }
+.ss-w-fandash-live-scorers--home { justify-content: flex-start; }
+.ss-w-fandash-live-scorers--away { justify-content: flex-end; }
+.ss-w-fandash-live-scorers--home .ss-w-fandash-live-scorers-icon { color: var(--ss-w-home); }
+.ss-w-fandash-live-scorers--away .ss-w-fandash-live-scorers-icon { color: var(--ss-w-away); }
+.ss-w-fandash-live-scorers-icon { flex: none; }
 
 /* live timeline: a compact two-sided event list down a centre spine -- each club's events sit on
    its own side (home left, away right), most-recent 3 shown with a "See more" toggle for the