@sensiblestats/widget-react 0.94.0 → 0.95.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @sensiblestats/widget-react
 
+## 0.95.0
+
+### Minor Changes
+
+- NBA matchup, quarter ladder and settle recap cards, behind the nba_insight_v2 capability.
+- Malformed matchup, quarter ladder and settle recap cards are dropped instead of crashing the widget; a card of an unknown kind renders nothing.
+
+### Patch Changes
+
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.64.0
+
 ## 0.94.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -57,6 +57,8 @@ var NBA_STAT_EN = { points: "Points", rebounds: "Rebounds", assists: "Assists",
 var NBA_STAT_TR = { points: "Say\u0131", rebounds: "Ribaund", assists: "Asist", threes: "\xDC\xE7l\xFCk", steals: "Top \xE7alma", blocks: "Blok" };
 var NBA_STAT_SHORT_EN = { points: "PTS", rebounds: "REB", assists: "AST", threes: "3PM" };
 var NBA_STAT_SHORT_TR = { points: "SAY", rebounds: "RIB", assists: "AST", threes: "3SY" };
+var NBA_POSITION_EN = { G: "guards", F: "forwards", C: "centers" };
+var NBA_POSITION_TR = { G: "guard", F: "forvet", C: "pivot" };
 var NBA_STATUS_TR = { Out: "Oynamayacak", Doubtful: "\u015E\xFCpheli", Questionable: "Belirsiz", Probable: "Muhtemel" };
 var signed = (line) => line.replace(/^-/, "\u2212");
 var GROUP_NOUN_EN = { G: "goalkeepers", D: "defenders", M: "midfielders", F: "forwards" };
@@ -372,7 +374,26 @@ var STRINGS = {
       propsLast5: "Last 5 games",
       propsLadderOnly: "Ladder only",
       propsMarkets: (n) => `${n} markets`,
-      propsStatShort: (stat) => NBA_STAT_SHORT_EN[stat] ?? stat
+      propsStatShort: (stat) => NBA_STAT_SHORT_EN[stat] ?? stat,
+      matchupPace: "Pace",
+      matchupOffRating: "Offensive rating",
+      matchupDefRating: "Defensive rating",
+      rankOf: (r, n) => `rank ${r} of ${n}`,
+      daysRest: (d) => `${d} ${d === 1 ? "day" : "days"} rest`,
+      backToBack: "Back-to-back",
+      allowsToPosition: (team, v, stat, pos, avg) => `${team} allows ${v} ${(NBA_STAT_EN[stat] ?? stat).toLowerCase()} per game to ${NBA_POSITION_EN[pos] ?? pos} (league average ${avg})`,
+      quarterWindow1q: "First quarter",
+      quarterWindowFirst3: "First 3 min",
+      hitsOf: (h, n) => `${h} of ${n}`,
+      settled: "Settled",
+      actual: "Actual",
+      resultOver: "Over",
+      resultUnder: "Under",
+      resultPush: "Push",
+      resultVoid: "Void",
+      lastLineBeforeTip: "Last line before tip",
+      morePlayers: (n) => `+${n} more players`,
+      smallSample: "Small sample"
     },
     games: {
       lang: "en",
@@ -882,7 +903,26 @@ var STRINGS = {
       propsLast5: "Son 5 ma\xE7",
       propsLadderOnly: "Sadece alternatif",
       propsMarkets: (n) => `${n} market`,
-      propsStatShort: (stat) => NBA_STAT_SHORT_TR[stat] ?? stat
+      propsStatShort: (stat) => NBA_STAT_SHORT_TR[stat] ?? stat,
+      matchupPace: "Tempo",
+      matchupOffRating: "H\xFCcum reytingi",
+      matchupDefRating: "Savunma reytingi",
+      rankOf: (r, n) => `${n} tak\u0131mda ${r}. s\u0131ra`,
+      daysRest: (d) => `${d} g\xFCn dinlenme`,
+      backToBack: "Arka arkaya ma\xE7",
+      allowsToPosition: (team, v, stat, pos, avg) => `${team}, ${NBA_POSITION_TR[pos] ?? pos} oyunculara ma\xE7 ba\u015F\u0131na ${v} ${(NBA_STAT_TR[stat] ?? stat).toLocaleLowerCase("tr-TR")} veriyor (lig ortalamas\u0131 ${avg})`,
+      quarterWindow1q: "\u0130lk \xE7eyrek",
+      quarterWindowFirst3: "\u0130lk 3 dakika",
+      hitsOf: (h, n) => `${n} ma\xE7ta ${h}`,
+      settled: "Sonu\xE7land\u0131",
+      actual: "Ger\xE7ek",
+      resultOver: "\xDCst",
+      resultUnder: "Alt",
+      resultPush: "\u0130ade",
+      resultVoid: "\u0130ptal",
+      lastLineBeforeTip: "Ma\xE7 \xF6ncesi son baraj",
+      morePlayers: (n) => `+${n} oyuncu daha`,
+      smallSample: "Az ma\xE7"
     },
     games: {
       lang: "tr",
@@ -1097,7 +1137,7 @@ function isEnglishLocale(locale) {
 }
 
 // src/version.generated.ts
-var WIDGET_REACT_VERSION = "0.94.0";
+var WIDGET_REACT_VERSION = "0.95.0";
 
 // src/config.ts
 function normalizeUi(cfg) {
@@ -1692,6 +1732,27 @@ function comboLegToSlipSelection(leg, conversationId) {
   if (conversationId !== void 0) selection.conversationId = conversationId;
   return selection;
 }
+var isNum = (v) => typeof v === "number" && Number.isFinite(v);
+var isObj = (v) => typeof v === "object" && v !== null;
+var numOrNull = (v) => v === null || v === void 0 || isNum(v);
+function validMatchupTeam(t) {
+  return isObj(t) && typeof t.name === "string" && typeof t.abbr === "string" && isNum(t.pace) && isNum(t.offRating) && isNum(t.defRating) && isNum(t.n) && isNum(t.teamsRanked) && numOrNull(t.daysRest) && numOrNull(t.paceRank) && numOrNull(t.offRatingRank) && numOrNull(t.defRatingRank);
+}
+function validMatchupPosition(p) {
+  return isObj(p) && typeof p.defendingTeamAbbr === "string" && typeof p.position === "string" && typeof p.stat === "string" && isNum(p.allowedPerGame) && isNum(p.leagueAvg) && isNum(p.rank) && isNum(p.teamsRanked) && isNum(p.n);
+}
+function sanitizeMatchup(m) {
+  if (!m || !Array.isArray(m.teams) || m.teams.length !== 2 || !m.teams.every(validMatchupTeam)) return null;
+  const teams = m.teams.map((t) => ({ ...t, daysRest: t.daysRest ?? null, paceRank: t.paceRank ?? null, offRatingRank: t.offRatingRank ?? null, defRatingRank: t.defRatingRank ?? null }));
+  return { teams, position: validMatchupPosition(m.position) ? m.position : null };
+}
+function validQuarterLadder(q) {
+  return !!q && (q.window === "1q" || q.window === "first3min") && Array.isArray(q.stats) && q.stats.every((st) => isObj(st) && Array.isArray(st.rungs) && st.rungs.every((r) => isObj(r) && typeof r.at === "string" && isNum(r.hits) && isNum(r.n)));
+}
+var SETTLE_RESULTS = ["over", "under", "push", "void"];
+function validSettleRecap(sr) {
+  return !!sr && isObj(sr.summary) && isNum(sr.summary.over) && isNum(sr.summary.under) && isNum(sr.summary.pushes) && isNum(sr.summary.voids) && Array.isArray(sr.players) && sr.players.every((p) => isObj(p) && Array.isArray(p.lines) && p.lines.every((l) => isObj(l) && typeof l.line === "string" && (l.actual === null || typeof l.actual === "string") && SETTLE_RESULTS.includes(l.result)));
+}
 function nbaEvidence(insight) {
   switch (insight.kind) {
     case "prop_reason":
@@ -1704,6 +1765,14 @@ function nbaEvidence(insight) {
       return insight.coHit && insight.coHit.legs.length === 2 ? { kind: "co_hit", coHit: insight.coHit } : null;
     case "ladder":
       return insight.ladder ? { kind: "ladder", ladder: insight.ladder } : null;
+    case "matchup": {
+      const matchup = sanitizeMatchup(insight.matchup);
+      return matchup ? { kind: "matchup", matchup } : null;
+    }
+    case "quarter_ladder":
+      return validQuarterLadder(insight.quarterLadder) ? { kind: "quarter_ladder", quarterLadder: insight.quarterLadder } : null;
+    case "settle_recap":
+      return validSettleRecap(insight.settleRecap) ? { kind: "settle_recap", settleRecap: insight.settleRecap } : null;
     default:
       return null;
   }
@@ -2650,7 +2719,7 @@ function clearConversation(storageKey) {
 }
 
 // src/presets.ts
-var CLIENT_CAPABILITIES = ["price_presets", "price_presets_open", "limit_notice", "nba_insight"];
+var CLIENT_CAPABILITIES = ["price_presets", "price_presets_open", "limit_notice", "nba_insight", "nba_insight_v2"];
 var PRICE_TILE_PREFIX = "goal-preset-";
 function isPriceTile(tile) {
   const id = tile.signal?.entityId;
@@ -5091,19 +5160,23 @@ function NbaPrice({ vm, selectionKey, label, ui, slip }) {
 function Head({ vm, chip, ui, monitor }) {
   const fixture = vm.homeTeamName && vm.awayTeamName ? `${vm.homeTeamName} vs ${vm.awayTeamName}` : vm.competition;
   const meta = [fixture, vm.kickoffLabel].filter(Boolean).join(" \xB7 ");
+  const pinnable = monitor?.enabled === true && vm.evidence.kind !== "settle_recap";
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-head", children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-head-l", children: [
       meta ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "ss-w-nba-meta", children: meta }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "ss-w-nba-title", children: vm.title })
     ] }),
-    chip || monitor?.enabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "ss-w-bi-meta-right", children: [
+    chip || pinnable ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "ss-w-bi-meta-right", children: [
       chip ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-chip", children: chip }) : null,
-      monitor?.enabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: vm.matchId, sport: "basketball" } }) : null
+      pinnable && monitor ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: vm.matchId, sport: "basketball" } }) : null
     ] }) : null
   ] });
 }
 function Foot({ vm, ui, lines }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ss-w-nba-foot", children: [...lines, ui.nba.quoted(clock(vm.quotedAtUtc)), ...vm.disclaimer ? [vm.disclaimer] : []].join(" ") });
+  const quoted = Object.keys(vm.selections).length > 0 ? [ui.nba.quoted(clock(vm.quotedAtUtc))] : [];
+  const parts = [...lines, ...quoted, ...vm.disclaimer ? [vm.disclaimer] : []];
+  if (parts.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ss-w-nba-foot", children: parts.join(" ") });
 }
 function PropReason({ vm, pr, ui, slip }) {
   const nba = ui.nba;
@@ -5172,6 +5245,117 @@ function Ladder({ vm, ld, ui, slip }) {
     ] })
   ] }, `${st.stat}:${si}`)) });
 }
+function SmallSample({ ui }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-small", children: ui.nba.smallSample });
+}
+function NbaMatchupBody({ mu, ui }) {
+  const nba = ui.nba;
+  const metrics = [
+    { label: nba.matchupPace, value: (t) => t.pace, rank: (t) => t.paceRank },
+    { label: nba.matchupOffRating, value: (t) => t.offRating, rank: (t) => t.offRatingRank },
+    { label: nba.matchupDefRating, value: (t) => t.defRating, rank: (t) => t.defRatingRank }
+  ];
+  const pos = mu.position;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-mu", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {}),
+      mu.teams.map((t) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "ss-w-nba-mu-team", title: t.name, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: t.abbr }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-hd", children: nba.lastN(t.n) }),
+        t.smallSample ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SmallSample, { ui }) : null
+      ] }, `h:${t.teamId}`)),
+      metrics.map((m) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-hd", children: m.label }),
+        mu.teams.map((t) => {
+          const r = m.rank(t);
+          return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "ss-w-nba-mu-v", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: oneDecimal(m.value(t), ui) }),
+            r !== null ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: nba.rankOf(r, t.teamsRanked) }) : null
+          ] }, `${m.label}:${t.teamId}`);
+        })
+      ] }, m.label)),
+      mu.teams.some((t) => t.daysRest !== null || t.backToBack) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {}),
+        mu.teams.map((t) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "ss-w-nba-mu-rest", children: [
+          t.daysRest !== null ? nba.daysRest(t.daysRest) : "",
+          t.daysRest !== null && t.backToBack ? " \xB7 " : "",
+          t.backToBack ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-b2b", children: nba.backToBack }) : null
+        ] }, `rest:${t.teamId}`))
+      ] }) : null
+    ] }),
+    pos ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "ss-w-nba-mu-pos", children: [
+      nba.allowsToPosition(pos.defendingTeamAbbr, oneDecimal(pos.allowedPerGame, ui), pos.stat, pos.position, oneDecimal(pos.leagueAvg, ui)),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-note", children: nba.rankOf(pos.rank, pos.teamsRanked) }),
+      pos.smallSample ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SmallSample, { ui }) : null
+    ] }) : null
+  ] });
+}
+function NbaQuarterLadderBody({ vm, ql, ui, slip }) {
+  const nba = ui.nba;
+  const windowLabel = ql.window === "1q" ? nba.quarterWindow1q : ql.window === "first3min" ? nba.quarterWindowFirst3 : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: ql.stats.map((st, si) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-stat", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-stathd", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: nba.stat(st.stat) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: windowLabel }),
+      st.rungs.some((r) => r.n < 5) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SmallSample, { ui }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-ladder ss-w-nba-ladder--q", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-hd", children: nba.line }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-hd ss-w-nba-n", children: nba.price })
+      ] }),
+      st.rungs.map((r, ri) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-at", children: nba.over(nba.lineText(r.at)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-meter", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { width: r.n > 0 ? `${r.hits / r.n * 100}%` : "0%" } }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-n", children: nba.hitsOf(r.hits, r.n) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-pcell", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(NbaPrice, { vm, selectionKey: r.selectionKey, ui, slip }) })
+      ] }, `${r.selectionKey}:${ri}`))
+    ] })
+  ] }, `${st.stat}:${si}`)) });
+}
+function NbaSettleRecapBody({ sr, ui }) {
+  const nba = ui.nba;
+  const result = { over: nba.resultOver, under: nba.resultUnder, push: nba.resultPush, void: nba.resultVoid };
+  const { over, under, pushes, voids } = sr.summary;
+  const summary = [
+    `${nba.resultOver} ${over}`,
+    `${nba.resultUnder} ${under}`,
+    ...pushes > 0 ? [`${nba.resultPush} ${pushes}`] : [],
+    ...voids > 0 ? [`${nba.resultVoid} ${voids}`] : []
+  ].join(" \xB7 ");
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-stathd", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("b", { children: [
+        nba.settled,
+        " ",
+        sr.finalScore
+      ] }),
+      sr.lineBasis === "last_before_tip" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: nba.lastLineBeforeTip }) : null
+    ] }),
+    sr.players.map((p) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-sr-player", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "ss-w-nba-who", children: p.playerName }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-sr", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-hd ss-w-nba-n", children: nba.line }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-hd ss-w-nba-n", children: nba.actual }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {})
+        ] }),
+        p.lines.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-sr-line", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: nba.stat(l.stat) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-n", children: nba.lineText(l.line) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-n", children: l.actual === null ? "\u2014" : nba.lineText(l.actual) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ss-w-nba-res", "data-result": l.result, children: result[l.result] })
+        ] }, `${l.stat}:${i}`))
+      ] })
+    ] }, p.playerId)),
+    sr.morePlayers > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "ss-w-nba-more", children: nba.morePlayers(sr.morePlayers) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "ss-w-nba-sr-sum", children: summary })
+  ] });
+}
 function TeammateOut({ vm, to, ui, slip }) {
   const nba = ui.nba;
   const first = to.rows[0];
@@ -5358,6 +5542,20 @@ function NbaCard({ vm, ui, slip, monitor }) {
       body = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LineMove, { vm, lm: ev.lineMove, ui, slip });
       foot = [nba.lineMoveKey];
       break;
+    case "matchup":
+      body = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(NbaMatchupBody, { mu: ev.matchup, ui });
+      foot = [];
+      break;
+    case "quarter_ladder":
+      body = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(NbaQuarterLadderBody, { vm, ql: ev.quarterLadder, ui, slip });
+      foot = [];
+      break;
+    case "settle_recap":
+      body = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(NbaSettleRecapBody, { sr: ev.settleRecap, ui });
+      foot = [];
+      break;
+    default:
+      return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ss-w-nba-card", "data-kind": ev.kind, children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Head, { vm, chip, ui, monitor }),
@@ -12923,6 +13121,28 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-nba-nowrow { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 10px; font-size: 13px; }
 .ss-w-nba-foot{font-size:11px;color:var(--ss-w-faint);line-height:1.4;border-top:1px solid var(--ss-w-line);padding-top:10px}
 .ss-w-nba-card .ss-w-combo-addall { align-self: stretch; }
+/* matchup, quarter ladder and settle recap (u564 lane B): the same card, ladder grid and figures as above. */
+.ss-w-nba-ladder--q{grid-template-columns:70px minmax(0,1fr) 62px 74px}
+.ss-w-nba-mu,.ss-w-nba-sr{display:grid;align-items:start;gap:8px 6px;font-size:13px;font-variant-numeric:tabular-nums}
+.ss-w-nba-mu{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr)}
+.ss-w-nba-mu .ss-w-nba-hd{white-space:normal}
+.ss-w-nba-mu-team { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; font-size: 14px; color: var(--ss-w-ink); }
+.ss-w-nba-mu-v { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
+.ss-w-nba-mu-v b { font-size: 15px; font-weight: 700; color: var(--ss-w-ink); }
+.ss-w-nba-mu-v span, .ss-w-nba-mu-rest { font-size: 10.5px; line-height: 1.3; color: var(--ss-w-faint); }
+.ss-w-nba-mu-rest { overflow-wrap: anywhere; }
+.ss-w-nba-b2b { white-space: nowrap; }
+.ss-w-nba-mu-pos { margin: 0; font-size: 12px; line-height: 1.45; color: var(--ss-w-ink); }
+.ss-w-nba-small { display: inline-block; font-size: 10px; font-weight: 600; line-height: 1.3; color: var(--ss-w-warn); border: 1px solid var(--ss-w-warn); border-radius: 999px; padding: 0 6px; white-space: nowrap; }
+.ss-w-nba-mu-pos .ss-w-nba-small { margin-left: 6px; }
+.ss-w-nba-sr-player { display: flex; flex-direction: column; gap: 6px; }
+.ss-w-nba-sr{grid-template-columns:minmax(0,1fr) 44px 44px 54px;align-items:center}
+.ss-w-nba-sr-line { display: contents; }
+.ss-w-nba-sr .ss-w-nba-n { text-align: right; }
+.ss-w-nba-res { justify-self: end; font-size: 11px; font-weight: 600; line-height: 1.3; color: var(--ss-w-ink); border: 1px solid var(--ss-w-line); border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
+.ss-w-nba-res[data-result="push"], .ss-w-nba-res[data-result="void"] { color: var(--ss-w-faint); }
+.ss-w-nba-more, .ss-w-nba-sr-sum { margin: 0; font-size: 12px; line-height: 1.4; color: var(--ss-w-faint); }
+.ss-w-nba-sr-sum { font-weight: 600; color: var(--ss-w-ink); }
 
 /* market odds card */
 .ss-w-mocards { display: flex; flex-direction: column; gap: 7px; }