@aparte/plugin-cards 0.0.0-stage → 0.29.1

package/dist/score.js

@@ -0,0 +1,1843 @@
+import { b as defineCard, q as str, r as word, e as el, m as glyph, h as formatNumber, t as toDate, w as webUrl, n as intlTag, p as num, f as formatDay, g as formatHour } from "./format-BFq79ydr.js";
+const svg = (body) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">${body}</svg>`;
+const FOOTBALL = svg('<circle cx="12" cy="12" r="9"/><path d="M12 7.6l4.2 3-1.6 4.9H9.4L7.8 10.6z"/><path d="M12 7.6V3.2M16.2 10.6l4.3-1.3M14.6 15.5l2.6 3.7M9.4 15.5l-2.6 3.7M7.8 10.6L3.5 9.3"/>');
+const BASKETBALL = svg('<circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3v18"/><path d="M5.7 5.6a9 9 0 0 1 0 12.8M18.3 5.6a9 9 0 0 0 0 12.8"/>');
+const TENNIS = svg('<circle cx="12" cy="12" r="9"/><path d="M5.9 5.2c2.5 1.9 3.9 4.2 3.9 6.8s-1.4 4.9-3.9 6.8"/><path d="M18.1 5.2c-2.5 1.9-3.9 4.2-3.9 6.8s1.4 4.9 3.9 6.8"/>');
+const RUGBY = svg('<ellipse cx="12" cy="12" rx="9.6" ry="5.6" transform="rotate(-45 12 12)"/><path d="M7.2 16.8C10 15.6 15.6 10 16.8 7.2"/>');
+const AMERICAN_FOOTBALL = svg('<ellipse cx="12" cy="12" rx="9.6" ry="5.6" transform="rotate(-45 12 12)"/><path d="M9.6 14.4l4.8-4.8M10.4 11.6l2 2M11.6 10.4l2 2"/>');
+const HOCKEY = svg('<path d="M6.5 3l6.6 14.2a1.4 1.4 0 0 0 1.3.8H20"/><ellipse cx="7.5" cy="18.4" rx="3.2" ry="1.5"/>');
+const BASEBALL = svg('<circle cx="12" cy="12" r="9"/><path d="M7.3 4.3a11 11 0 0 1 0 15.4M16.7 4.3a11 11 0 0 0 0 15.4"/><path d="M8.6 8.2l1.4-.5M9 12h1.5M8.6 15.8l1.4.5M15.4 8.2l-1.4-.5M15 12h-1.5M15.4 15.8l-1.4.5"/>');
+const TROPHY = svg('<path d="M8 4h8v5.2a4 4 0 0 1-8 0z"/><path d="M8 6H5.2a3 3 0 0 0 3 4.2M16 6h2.8a3 3 0 0 1-3 4.2"/><path d="M12 13.2v3.6M8.5 20h7M9.8 16.8h4.4V20H9.8z"/>');
+const SPORT_GLYPHS = {
+  football: FOOTBALL,
+  basketball: BASKETBALL,
+  tennis: TENNIS,
+  rugby: RUGBY,
+  hockey: HOCKEY,
+  baseball: BASEBALL,
+  "american-football": AMERICAN_FOOTBALL,
+  generic: TROPHY
+};
+const CARD = '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="3.5" width="10" height="16" rx="1.6" fill="currentColor" transform="rotate(8 12 11.5)"/></svg>';
+const SUB = svg('<path d="M7.5 4v13.5M4 14l3.5 3.5L11 14"/><path d="M16.5 20V6.5M13 10l3.5-3.5L20 10"/>');
+const EVENT_GLYPHS = {
+  goal: FOOTBALL,
+  penalty: FOOTBALL,
+  "own-goal": FOOTBALL,
+  yellow: CARD,
+  red: CARD,
+  sub: SUB
+};
+const PIN = svg('<path d="M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z"/><circle cx="12" cy="10" r="2.3"/>');
+const TV = svg('<rect x="3" y="6.5" width="18" height="12" rx="2"/><path d="M8.5 21h7M9 3l3 3.5L15 3"/>');
+const CHEVRON = svg('<path d="M9.5 6l6 6-6 6"/>');
+const scoreStyles = `/* =========================================
+   The score card — @aparte/plugin-cards/score
+   =========================================
+   Three variants of one card, chosen by \`data-variant\` on its root:
+     card     the scoreboard: competition over it, the two teams facing each other, the
+              score big between them, the state of play under it, venue and channel below.
+     compact  one row per match: the state or the kick-off in a column, the two teams
+              stacked with their scores at the end. Several matches are always rows.
+     detail   the card's board, then the score by period (a table) and the events,
+              each on its team's side of a centre line.
+   A team's colour is the tool's, validated as a hex and set as \`--aparte-score-team\`
+   (its crest), \`--aparte-score-home\` / \`--aparte-score-away\` (the band and the glow).
+   Everything else is a theme token or derived from one, so light and dark follow the chat.
+   The winner is told by weight and, on a row, by a mark — never by colour alone; a live
+   match says "Live" in a word beside its red dot.
+   */
+
+.aparte-score-card {
+  --aparte-score-pad: var(--aparte-space-6);
+  --aparte-score-live: var(--aparte-error);
+  --aparte-score-live-ink: var(--aparte-error-ink);
+  --aparte-score-neutral: color-mix(in oklab, var(--aparte-text) 9%, var(--aparte-surface-1));
+  --aparte-score-rule: color-mix(in oklab, var(--aparte-border) 80%, transparent);
+  --aparte-score-num-size: calc(2.625rem * var(--aparte-font-scale));
+  --aparte-score-crest-lg: 3.25rem;
+  --aparte-score-crest-sm: 1.375rem;
+  --aparte-score-band-size: 3px;
+  /* A football card's colours are the same in daylight and at night: they are the
+     referee's, not the theme's. Text on a team's colour is black or white, picked by the
+     colour's own luminance — a theme grey would fail on half the clubs. */
+  --aparte-score-yellow: #f4c20d;
+  --aparte-score-red: #dc2626;
+  --aparte-score-ink-light: #ffffff;
+  --aparte-score-ink-dark: #15121a;
+}
+
+/* ── Widths: each variant asks for its own; the bubble's limit caps them all ── */
+
+.aparte-score-card[data-variant="card"] { --aparte-rich-card-max-inline-size: 25rem; }
+.aparte-score-card[data-variant="compact"] { --aparte-rich-card-max-inline-size: 24rem; }
+.aparte-score-card[data-variant="detail"] { --aparte-rich-card-max-inline-size: 28rem; }
+.aparte-score-card:has(.aparte-score__board-list) { --aparte-rich-card-max-inline-size: 26rem; }
+
+/* ── Visually hidden: said to a reader, not drawn ─────────────────────── */
+
+.aparte-score__sr {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* ── The match, with its band in the two teams' colours ─────────────────── */
+
+.aparte-score {
+  /* The board, the table and the events read the match's width, not the window's. */
+  container: aparte-score / inline-size;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-inline-size: 0;
+}
+
+.aparte-score::before {
+  content: "";
+  display: block;
+  block-size: var(--aparte-score-band-size);
+  background: linear-gradient(to right,
+    var(--aparte-score-home, var(--aparte-score-rule)) 0 50%,
+    var(--aparte-score-away, var(--aparte-score-rule)) 50% 100%);
+}
+
+/* The home team is at the start of the line, so its colour is too. */
+.aparte-score:dir(rtl)::before {
+  background: linear-gradient(to left,
+    var(--aparte-score-home, var(--aparte-score-rule)) 0 50%,
+    var(--aparte-score-away, var(--aparte-score-rule)) 50% 100%);
+}
+
+/* A live match's band is the live red: the state of play, seen from the top of the card. */
+.aparte-score[data-phase="live"]::before {
+  background: var(--aparte-score-live);
+}
+
+/* ── The line over the board: sport, competition, round, day ─────────── */
+
+.aparte-score__head,
+.aparte-score__heading {
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-3);
+  min-inline-size: 0;
+  padding: var(--aparte-space-5) var(--aparte-score-pad) 0;
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-sm);
+}
+
+.aparte-score__sport {
+  --aparte-rich-card-glyph-size: 1rem;
+  color: var(--aparte-text-muted);
+}
+
+.aparte-score__meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 0 var(--aparte-space-2);
+  min-inline-size: 0;
+}
+
+.aparte-score__competition {
+  color: var(--aparte-text);
+  font-weight: var(--aparte-font-weight-semibold);
+  overflow-wrap: anywhere;
+}
+
+.aparte-score__round { overflow-wrap: anywhere; }
+.aparte-score__dot { color: color-mix(in oklab, var(--aparte-text-muted) 60%, transparent); }
+
+.aparte-score__date {
+  margin-inline-start: auto;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+
+/* ── The board ───────────────────────────────────────────────────────── */
+
+.aparte-score__board {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  align-items: start;
+  gap: var(--aparte-space-4);
+  padding: var(--aparte-space-7) var(--aparte-score-pad) var(--aparte-space-8);
+  /* Each team's side is lit faintly in its colour, the way a broadcast frames a fixture. */
+  background:
+    radial-gradient(60% 90% at 0% 40%, color-mix(in oklab, var(--aparte-score-home, transparent) 11%, transparent), transparent 70%),
+    radial-gradient(60% 90% at 100% 40%, color-mix(in oklab, var(--aparte-score-away, transparent) 11%, transparent), transparent 70%);
+}
+
+.aparte-score__board:dir(rtl) {
+  background:
+    radial-gradient(60% 90% at 100% 40%, color-mix(in oklab, var(--aparte-score-home, transparent) 11%, transparent), transparent 70%),
+    radial-gradient(60% 90% at 0% 40%, color-mix(in oklab, var(--aparte-score-away, transparent) 11%, transparent), transparent 70%);
+}
+
+.aparte-score__team {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--aparte-space-3);
+  min-inline-size: 0;
+  text-align: center;
+}
+
+.aparte-score__team-name {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  max-inline-size: 100%;
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-base);
+  font-weight: var(--aparte-font-weight-semibold);
+  line-height: 1.25;
+  overflow-wrap: anywhere;
+}
+
+.aparte-score__team[data-lead="lose"] .aparte-score__team-name { font-weight: var(--aparte-font-weight-medium); }
+
+.aparte-score__record {
+  margin-block-start: calc(var(--aparte-space-2) * -1);
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+  font-variant-numeric: tabular-nums;
+}
+
+/* ── The crest: a logo over a monogram disc ─────────────────────────────── */
+
+.aparte-score__crest {
+  position: relative;
+  display: inline-grid;
+  place-items: center;
+  flex: none;
+  inline-size: var(--aparte-score-crest-size);
+  block-size: var(--aparte-score-crest-size);
+  border-radius: var(--aparte-radius-full);
+  background: var(--aparte-score-team, var(--aparte-score-neutral));
+  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--aparte-text) 10%, transparent);
+  color: var(--aparte-text);
+  overflow: hidden;
+}
+
+.aparte-score__crest--lg {
+  --aparte-score-crest-size: var(--aparte-score-crest-lg);
+  font-size: calc(var(--aparte-score-crest-lg) * 0.3);
+}
+
+.aparte-score__crest--sm {
+  --aparte-score-crest-size: var(--aparte-score-crest-sm);
+  font-size: calc(var(--aparte-score-crest-sm) * 0.36);
+}
+
+.aparte-score__crest[data-ink="light"] { color: var(--aparte-score-ink-light); }
+.aparte-score__crest[data-ink="dark"] { color: var(--aparte-score-ink-dark); }
+
+.aparte-score__monogram {
+  font-weight: var(--aparte-font-weight-bold);
+  letter-spacing: -0.02em;
+  line-height: 1;
+  white-space: nowrap;
+}
+
+/* A logo is drawn on the card's own ground: a crest's shape is its own, not a disc's. */
+.aparte-score__crest[data-logo] {
+  background: transparent;
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.aparte-score__crest[data-logo] .aparte-score__monogram { visibility: hidden; }
+
+.aparte-score__logo {
+  position: absolute;
+  inset: 0;
+  inline-size: 100%;
+  block-size: 100%;
+  object-fit: contain;
+}
+
+/* ── The middle: score, kick-off, status ───────────────────────────────── */
+
+.aparte-score__centre {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--aparte-space-3);
+  min-inline-size: 5.5rem;
+  /* The numbers sit level with the crests' middles. */
+  padding-block-start: calc((var(--aparte-score-crest-lg) - var(--aparte-score-num-size)) / 2);
+}
+
+.aparte-score__result {
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-3);
+  color: var(--aparte-text);
+  font-size: var(--aparte-score-num-size);
+  font-weight: var(--aparte-font-weight-bold);
+  font-variant-numeric: tabular-nums;
+  letter-spacing: -0.03em;
+  line-height: 1;
+}
+
+/* The loser's number steps back; the winner's keeps its weight. Weight, not colour alone. */
+.aparte-score__num[data-lead="lose"] {
+  color: var(--aparte-text-muted);
+  font-weight: var(--aparte-font-weight-medium);
+}
+
+.aparte-score__sep {
+  color: color-mix(in oklab, var(--aparte-text-muted) 70%, transparent);
+  font-weight: var(--aparte-font-weight-normal);
+}
+
+.aparte-score__kickoff {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--aparte-space-1);
+  font-variant-numeric: tabular-nums;
+}
+
+.aparte-score__kickoff .aparte-score__day {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+  font-weight: var(--aparte-font-weight-semibold);
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
+.aparte-score__kickoff .aparte-score__hour {
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-xl);
+  font-weight: var(--aparte-font-weight-bold);
+  letter-spacing: -0.01em;
+  white-space: nowrap;
+}
+
+/* A kick-off that will not happen is struck through — and the pill under it says why. */
+.aparte-score[data-phase="postponed"] .aparte-score__hour,
+.aparte-score[data-phase="cancelled"] .aparte-score__hour,
+.aparte-score__row[data-phase="postponed"] .aparte-score__hour,
+.aparte-score__row[data-phase="cancelled"] .aparte-score__hour {
+  color: var(--aparte-text-muted);
+  text-decoration: line-through;
+}
+
+.aparte-score__pill {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--aparte-space-2);
+  padding: var(--aparte-space-1) var(--aparte-space-4);
+  border-radius: var(--aparte-radius-full);
+  background: var(--aparte-score-neutral);
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+  font-weight: var(--aparte-font-weight-semibold);
+  line-height: 1.4;
+  white-space: nowrap;
+}
+
+.aparte-score__pill[data-phase="live"] {
+  background: color-mix(in oklab, var(--aparte-score-live) 14%, transparent);
+  color: var(--aparte-score-live-ink);
+}
+
+.aparte-score__pill[data-phase="live"] .aparte-score__live-word {
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+
+.aparte-score__pill[data-phase="halftime"],
+.aparte-score__pill[data-phase="postponed"] {
+  background: color-mix(in oklab, var(--aparte-warning) 16%, transparent);
+  color: var(--aparte-warning-ink);
+}
+
+.aparte-score__pill[data-phase="cancelled"] {
+  background: color-mix(in oklab, var(--aparte-error) 12%, transparent);
+  color: var(--aparte-error-ink);
+}
+
+.aparte-score__clock {
+  font-variant-numeric: tabular-nums;
+  font-weight: var(--aparte-font-weight-bold);
+}
+
+/* The red dot of a live match, and the ring that leaves it. Still under reduced motion. */
+.aparte-score__live-dot {
+  position: relative;
+  flex: none;
+  inline-size: 0.45rem;
+  block-size: 0.45rem;
+  border-radius: var(--aparte-radius-full);
+  background: var(--aparte-score-live);
+}
+
+.aparte-score__live-dot::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: var(--aparte-score-live);
+  animation: aparte-score-pulse 1.8s ease-out infinite;
+}
+
+@keyframes aparte-score-pulse {
+  0% { opacity: 0.6; transform: scale(1); }
+  70%, 100% { opacity: 0; transform: scale(2.8); }
+}
+
+/* ── The footer: venue, channel, the match's page ──────────────────────── */
+
+.aparte-score__foot {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--aparte-space-2) var(--aparte-space-5);
+  padding: var(--aparte-space-4) var(--aparte-score-pad);
+  border-block-start: var(--aparte-border-width) solid var(--aparte-score-rule);
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+}
+
+.aparte-score__facts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--aparte-space-1) var(--aparte-space-5);
+  min-inline-size: 0;
+}
+
+.aparte-score__fact {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--aparte-space-2);
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+}
+
+.aparte-score__fact-glyph { --aparte-rich-card-glyph-size: 0.95rem; opacity: 0.8; }
+
+.aparte-score__more {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--aparte-space-1);
+  margin-inline-start: auto;
+  border-radius: var(--aparte-radius-sm);
+  color: var(--aparte-primary-ink);
+  font-weight: var(--aparte-font-weight-semibold);
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.aparte-score__more:hover {
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.18em;
+}
+
+.aparte-score__more:focus-visible {
+  outline: var(--aparte-focus-outline-width) solid var(--aparte-border-focus);
+  outline-offset: var(--aparte-focus-outline-offset);
+}
+
+.aparte-score__chevron {
+  --aparte-rich-card-glyph-size: 0.9rem;
+  transition: translate var(--aparte-duration-base) ease;
+}
+
+.aparte-score__chevron:dir(rtl) { transform: scaleX(-1); }
+.aparte-score__more:hover .aparte-score__chevron { translate: 2px 0; }
+.aparte-score__more:hover .aparte-score__chevron:dir(rtl) { translate: -2px 0; }
+
+/* ── detail: the score by period ────────────────────────────────────────── */
+
+.aparte-score__section {
+  padding: var(--aparte-space-5) var(--aparte-score-pad);
+  border-block-start: var(--aparte-border-width) solid var(--aparte-score-rule);
+}
+
+.aparte-score__table-wrap { overflow-x: auto; }
+
+.aparte-score__periods {
+  inline-size: 100%;
+  border-collapse: collapse;
+  font-size: var(--aparte-font-size-sm);
+  font-variant-numeric: tabular-nums;
+}
+
+.aparte-score__periods th,
+.aparte-score__periods td {
+  padding: var(--aparte-space-2) var(--aparte-space-3);
+  text-align: center;
+  white-space: nowrap;
+}
+
+.aparte-score__periods thead th {
+  padding-block-start: 0;
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+  font-weight: var(--aparte-font-weight-medium);
+}
+
+.aparte-score__periods tbody tr + tr { border-block-start: var(--aparte-border-width) solid var(--aparte-score-rule); }
+.aparte-score__periods td { color: var(--aparte-text); }
+
+.aparte-score__periods .aparte-score__corner,
+.aparte-score__row-team {
+  inline-size: 100%;
+  text-align: start;
+  padding-inline-start: 0;
+}
+
+.aparte-score__row-team { font-weight: var(--aparte-font-weight-medium); }
+
+.aparte-score__row-label {
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-3);
+  min-inline-size: 0;
+  max-inline-size: 10rem;
+}
+
+.aparte-score__row-name {
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.aparte-score__periods .aparte-score__total {
+  border-radius: var(--aparte-radius-sm);
+  background: var(--aparte-score-neutral);
+  font-weight: var(--aparte-font-weight-bold);
+}
+
+.aparte-score__periods tbody tr[data-lead="lose"] td,
+.aparte-score__periods tbody tr[data-lead="lose"] .aparte-score__row-team { color: var(--aparte-text-muted); }
+
+/* A set won is in bold, as a tennis table writes it. */
+.aparte-score__periods td[data-lead="win"] { font-weight: var(--aparte-font-weight-bold); }
+
+/* ── detail: the events, each on its team's side ─────────────────────── */
+
+.aparte-score__timeline { container: aparte-score-events / inline-size; }
+
+.aparte-score__events {
+  --aparte-score-minute-col: 3.25rem;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-2);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+/* The centre line the minutes sit on. */
+.aparte-score__events::before {
+  content: "";
+  position: absolute;
+  inset-block: var(--aparte-space-2);
+  inset-inline-start: 50%;
+  inline-size: 1px;
+  background: var(--aparte-score-rule);
+}
+
+.aparte-score__event {
+  position: relative;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) var(--aparte-score-minute-col) minmax(0, 1fr);
+  align-items: center;
+  min-block-size: 1.875rem;
+  font-size: var(--aparte-font-size-sm);
+}
+
+.aparte-score__minute {
+  grid-column: 2;
+  grid-row: 1;
+  justify-self: center;
+  min-inline-size: 2.5rem;
+  padding: 1px var(--aparte-space-2);
+  border-radius: var(--aparte-radius-full);
+  background: var(--aparte-surface-1);
+  box-shadow: inset 0 0 0 1px var(--aparte-score-rule);
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+  font-weight: var(--aparte-font-weight-semibold);
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+}
+
+.aparte-score__minute:empty { visibility: hidden; }
+
+.aparte-score__event-body {
+  grid-row: 1;
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-3);
+  min-inline-size: 0;
+}
+
+/* The home team's events lean on the line from the start side, the glyph nearest it. */
+.aparte-score__event[data-team="home"] .aparte-score__event-body {
+  grid-column: 1;
+  flex-direction: row-reverse;
+  justify-self: end;
+  text-align: end;
+}
+
+.aparte-score__event[data-team="away"] .aparte-score__event-body {
+  grid-column: 3;
+  justify-self: start;
+}
+
+.aparte-score__event-text {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 0 var(--aparte-space-2);
+  min-inline-size: 0;
+}
+
+.aparte-score__event[data-team="home"] .aparte-score__event-text { justify-content: flex-end; }
+
+.aparte-score__player {
+  color: var(--aparte-text);
+  font-weight: var(--aparte-font-weight-medium);
+  overflow-wrap: anywhere;
+}
+
+.aparte-score__event-detail {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+  overflow-wrap: anywhere;
+}
+
+/* The kind is said by the glyph for a goal, a card, a change; a penalty and an own goal
+   look like a goal, so they also write their word. A reader hears it for every kind. */
+.aparte-score__event-type {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+}
+
+.aparte-score__event[data-type="penalty"] .aparte-score__event-type,
+.aparte-score__event[data-type="own-goal"] .aparte-score__event-type {
+  position: static;
+  inline-size: auto;
+  block-size: auto;
+  overflow: visible;
+  clip: auto;
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+}
+
+.aparte-score__event-glyph {
+  --aparte-rich-card-glyph-size: 1rem;
+  color: var(--aparte-text);
+}
+
+.aparte-score__event[data-type="own-goal"] .aparte-score__event-glyph { color: var(--aparte-error-ink); }
+.aparte-score__event[data-type="yellow"] .aparte-score__event-glyph { color: var(--aparte-score-yellow); }
+.aparte-score__event[data-type="red"] .aparte-score__event-glyph { color: var(--aparte-score-red); }
+.aparte-score__event[data-type="sub"] .aparte-score__event-glyph { color: var(--aparte-text-muted); }
+
+.aparte-score__event[data-type="sub"] .aparte-score__player { font-weight: var(--aparte-font-weight-normal); }
+
+/* The team's name beside each event, for when the side no longer says it (below). */
+.aparte-score__event-team {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+}
+
+/* A narrow card: one column, the minute first, the team written beside each event. */
+@container aparte-score-events (max-width: 22rem) {
+  .aparte-score__events::before { inset-inline-start: calc(var(--aparte-score-minute-col) / 2); }
+
+  .aparte-score__event { grid-template-columns: var(--aparte-score-minute-col) minmax(0, 1fr); }
+  .aparte-score__minute { grid-column: 1; }
+
+  .aparte-score__event[data-team] .aparte-score__event-body {
+    grid-column: 2;
+    flex-direction: row;
+    justify-self: stretch;
+    padding-inline-start: var(--aparte-space-3);
+    text-align: start;
+  }
+
+  .aparte-score__event[data-team="home"] .aparte-score__event-text { justify-content: flex-start; }
+
+  .aparte-score__event-team {
+    position: static;
+    inline-size: auto;
+    block-size: auto;
+    overflow: hidden;
+    clip: auto;
+    flex: none;
+    max-inline-size: 6rem;
+    margin-inline-start: auto;
+    padding: 0 var(--aparte-space-3);
+    border-radius: var(--aparte-radius-full);
+    background: var(--aparte-score-team, var(--aparte-score-neutral));
+    color: var(--aparte-text);
+    font-size: var(--aparte-font-size-2xs);
+    font-weight: var(--aparte-font-weight-semibold);
+    line-height: 1.6;
+    text-overflow: ellipsis;
+  }
+
+  .aparte-score__event-team[data-ink="light"] { color: var(--aparte-score-ink-light); }
+  .aparte-score__event-team[data-ink="dark"] { color: var(--aparte-score-ink-dark); }
+}
+
+/* ── compact and several matches: rows ─────────────────────────────────── */
+
+.aparte-score__single,
+.aparte-score__board-list {
+  display: flex;
+  flex-direction: column;
+  min-inline-size: 0;
+}
+
+.aparte-score__heading {
+  padding-block-end: var(--aparte-space-3);
+  color: var(--aparte-text);
+  font-weight: var(--aparte-font-weight-semibold);
+}
+
+.aparte-score__heading-text { min-inline-size: 0; overflow-wrap: anywhere; }
+
+.aparte-score__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.aparte-score__row {
+  position: relative;
+  display: grid;
+  grid-template-columns: 4.5rem minmax(0, 1fr);
+  align-items: center;
+  gap: 0 var(--aparte-space-5);
+  padding: var(--aparte-space-4) var(--aparte-score-pad);
+}
+
+.aparte-score__list .aparte-score__row + .aparte-score__row,
+.aparte-score__single .aparte-score__head + .aparte-score__row {
+  border-block-start: var(--aparte-border-width) solid var(--aparte-score-rule);
+}
+
+.aparte-score__single .aparte-score__head { padding-block-end: var(--aparte-space-3); }
+.aparte-score__single .aparte-score__head + .aparte-score__row { margin-block-start: var(--aparte-space-2); }
+
+/* A row's band is a short bar at its start, red while the match is live. */
+.aparte-score__row[data-phase="live"]::before {
+  content: "";
+  position: absolute;
+  inset-block: var(--aparte-space-4);
+  inset-inline-start: 0;
+  inline-size: var(--aparte-score-band-size);
+  border-start-end-radius: var(--aparte-radius-full);
+  border-end-end-radius: var(--aparte-radius-full);
+  background: var(--aparte-score-live);
+}
+
+.aparte-score__when {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--aparte-space-1);
+  align-self: stretch;
+  padding-inline-end: var(--aparte-space-4);
+  border-inline-end: var(--aparte-border-width) solid var(--aparte-score-rule);
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+  font-weight: var(--aparte-font-weight-semibold);
+  font-variant-numeric: tabular-nums;
+  line-height: 1.25;
+  text-align: center;
+}
+
+.aparte-score__when[data-phase="live"] {
+  flex-direction: row;
+  gap: var(--aparte-space-2);
+  color: var(--aparte-score-live-ink);
+}
+
+.aparte-score__when[data-phase="live"] .aparte-score__clock { font-size: var(--aparte-font-size-sm); }
+.aparte-score__when[data-phase="halftime"],
+.aparte-score__when[data-phase="postponed"] { color: var(--aparte-warning-ink); }
+.aparte-score__when[data-phase="cancelled"] { color: var(--aparte-error-ink); }
+
+.aparte-score__kickoff--row .aparte-score__day { font-weight: var(--aparte-font-weight-medium); }
+
+.aparte-score__kickoff--row .aparte-score__hour {
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-sm);
+  font-weight: var(--aparte-font-weight-semibold);
+}
+
+.aparte-score__lines {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-2);
+  min-inline-size: 0;
+}
+
+.aparte-score__row-meta {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-2xs);
+  font-weight: var(--aparte-font-weight-semibold);
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  overflow-wrap: anywhere;
+}
+
+.aparte-score__line {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto 0.75rem;
+  align-items: center;
+  gap: var(--aparte-space-3);
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-md);
+}
+
+.aparte-score__line-name {
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.aparte-score__line-score {
+  grid-column: 3;
+  min-inline-size: 1.5ch;
+  font-size: var(--aparte-font-size-base);
+  font-weight: var(--aparte-font-weight-semibold);
+  font-variant-numeric: tabular-nums;
+  text-align: end;
+}
+
+.aparte-score__win-mark {
+  grid-column: 4;
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-2xs);
+  line-height: 1;
+}
+
+.aparte-score__win-mark:dir(rtl) { transform: scaleX(-1); }
+
+.aparte-score__line[data-lead="win"] .aparte-score__line-name,
+.aparte-score__line[data-lead="win"] .aparte-score__line-score { font-weight: var(--aparte-font-weight-bold); }
+
+.aparte-score__line[data-lead="lose"] { color: var(--aparte-text-muted); }
+
+/* A linked row: the whole row is the link; its ring is drawn inside the card's clipped edge. */
+.aparte-score__link::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+
+.aparte-score__link:focus-visible { outline: none; }
+
+.aparte-score__row[data-linked] { transition: background var(--aparte-duration-fast) ease; }
+.aparte-score__row[data-linked]:hover { background: var(--aparte-surface-2); }
+
+.aparte-score__row:has(.aparte-score__link:focus-visible) {
+  outline: var(--aparte-focus-outline-width) solid var(--aparte-border-focus);
+  outline-offset: calc(var(--aparte-focus-outline-width) * -1);
+}
+
+/* ── Skeleton: the shapes of what is coming ───────────────────────────── */
+
+.aparte-score__sk-meta { inline-size: 9rem; }
+.aparte-score__sk-name { inline-size: 5rem; }
+.aparte-score__team .aparte-score__sk-name { inline-size: 70%; margin-inline: auto; }
+.aparte-score__sk-score { inline-size: 5rem; block-size: var(--aparte-score-num-size); border-radius: var(--aparte-radius-md); }
+.aparte-score__sk-pill { inline-size: 4rem; block-size: 1.25rem; border-radius: var(--aparte-radius-full); }
+.aparte-score__sk-num { inline-size: 1.25rem; block-size: 1rem; border-radius: var(--aparte-radius-sm); grid-column: 3; }
+.aparte-score__sk-when { inline-size: 2.5rem; }
+.aparte-score__sk-lines { display: flex; flex-direction: column; gap: var(--aparte-space-4); }
+.aparte-score__sk-line:nth-child(even) { inline-size: 70%; }
+.aparte-score__crest.aparte-skeleton {
+  inline-size: var(--aparte-score-crest-size);
+  block-size: var(--aparte-score-crest-size);
+  box-shadow: none;
+}
+
+/* ── Narrow: a smaller board, still the same board ──────────────────────── */
+
+@container aparte-score (max-width: 20rem) {
+  .aparte-score__board { gap: var(--aparte-space-3); padding-inline: var(--aparte-space-4); }
+  .aparte-score__team-name { font-size: var(--aparte-font-size-md); }
+  .aparte-score__centre { min-inline-size: 4.5rem; }
+}
+
+@media (max-width: 380px) {
+  .aparte-score-card {
+    --aparte-score-pad: var(--aparte-space-5);
+    --aparte-score-num-size: calc(2.125rem * var(--aparte-font-scale));
+    --aparte-score-crest-lg: 2.75rem;
+  }
+
+  .aparte-score__row { grid-template-columns: 3.75rem minmax(0, 1fr); gap: 0 var(--aparte-space-4); }
+}
+
+/* The kit stops every animation and transition under reduced motion; the live dot's ring
+   and the chevron's nudge are named here too, so the rule reads where they are drawn. */
+@media (prefers-reduced-motion: reduce) {
+  .aparte-score__live-dot::after { animation: none; opacity: 0; }
+  .aparte-score__more:hover .aparte-score__chevron,
+  .aparte-score__more:hover .aparte-score__chevron:dir(rtl) { translate: none; }
+}
+`;
+const S = {
+  cardsScoreTitle: { en: "Match", fr: "Match", de: "Spiel", es: "Partido", it: "Partita", ja: "試合", ko: "경기", pt: "Partida", ru: "Матч", zh: "比赛" },
+  cardsScoreCount: { en: "{n} matches", fr: "{n} matchs", de: "{n} Spiele", es: "{n} partidos", it: "{n} partite", ja: "{n}試合", ko: "{n}경기", pt: "{n} partidas", ru: "Матчей: {n}", zh: "{n} 场比赛" },
+  cardsScoreVersus: { en: "{home} vs {away}", fr: "{home} – {away}", de: "{home} gegen {away}", es: "{home} vs. {away}", it: "{home} - {away}", ja: "{home} 対 {away}", ko: "{home} 대 {away}", pt: "{home} x {away}", ru: "{home} — {away}", zh: "{home} 对 {away}" },
+  cardsScoreLive: { en: "Live", fr: "En direct", de: "Live", es: "En vivo", it: "In diretta", ja: "試合中", ko: "진행 중", pt: "Ao vivo", ru: "Идёт", zh: "进行中" },
+  cardsScoreHalfTime: { en: "Half-time", fr: "Mi-temps", de: "Halbzeit", es: "Descanso", it: "Intervallo", ja: "ハーフタイム", ko: "하프타임", pt: "Intervalo", ru: "Перерыв", zh: "中场休息" },
+  cardsScoreFullTime: { en: "Full time", fr: "Terminé", de: "Spielende", es: "Final", it: "Finale", ja: "試合終了", ko: "경기 종료", pt: "Encerrado", ru: "Матч завершён", zh: "完场" },
+  cardsScoreFinal: { en: "Final", fr: "Terminé", de: "Beendet", es: "Final", it: "Finale", ja: "試合終了", ko: "경기 종료", pt: "Final", ru: "Завершён", zh: "已结束" },
+  cardsScoreEnded: { en: "Finished", fr: "Terminé", de: "Beendet", es: "Finalizado", it: "Terminato", ja: "終了", ko: "종료", pt: "Encerrado", ru: "Завершён", zh: "已结束" },
+  cardsScorePostponed: { en: "Postponed", fr: "Reporté", de: "Verschoben", es: "Aplazado", it: "Rinviato", ja: "延期", ko: "연기", pt: "Adiado", ru: "Перенесён", zh: "延期" },
+  cardsScoreCancelled: { en: "Cancelled", fr: "Annulé", de: "Abgesagt", es: "Cancelado", it: "Annullato", ja: "中止", ko: "취소", pt: "Cancelado", ru: "Отменён", zh: "取消" },
+  cardsScoreUpcoming: { en: "Upcoming", fr: "À venir", de: "Demnächst", es: "Próximamente", it: "In programma", ja: "開始前", ko: "예정", pt: "Em breve", ru: "Скоро", zh: "未开始" },
+  cardsScoreMatchday: { en: "Matchday {n}", fr: "{n}e journée", de: "{n}. Spieltag", es: "Jornada {n}", it: "{n}ª giornata", ja: "第{n}節", ko: "{n}라운드", pt: "Rodada {n}", ru: "{n}-й тур", zh: "第{n}轮" },
+  cardsScoreTeam: { en: "Team", fr: "Équipe", de: "Team", es: "Equipo", it: "Squadra", ja: "チーム", ko: "팀", pt: "Time", ru: "Команда", zh: "球队" },
+  cardsScoreTotal: { en: "Total", fr: "Total", de: "Gesamt", es: "Total", it: "Totale", ja: "計", ko: "합계", pt: "Total", ru: "Итог", zh: "总分" },
+  cardsScoreSets: { en: "Sets", fr: "Sets", de: "Sätze", es: "Sets", it: "Set", ja: "セット", ko: "세트", pt: "Sets", ru: "Сеты", zh: "盘" },
+  cardsScorePeriods: { en: "Score by period", fr: "Score par période", de: "Ergebnis nach Abschnitten", es: "Marcador por periodo", it: "Punteggio per periodo", ja: "ピリオド別スコア", ko: "구간별 점수", pt: "Placar por período", ru: "Счёт по периодам", zh: "分节比分" },
+  cardsScoreEvents: { en: "Match events", fr: "Faits du match", de: "Spielereignisse", es: "Incidencias", it: "Eventi della partita", ja: "試合経過", ko: "경기 기록", pt: "Lances da partida", ru: "События матча", zh: "比赛事件" },
+  cardsScoreDetails: { en: "Match details", fr: "Détails du match", de: "Spieldetails", es: "Detalles del partido", it: "Dettagli partita", ja: "試合の詳細", ko: "경기 상세", pt: "Detalhes da partida", ru: "Подробнее о матче", zh: "比赛详情" }
+};
+const EVENT_WORDS = {
+  goal: { en: "Goal", fr: "But", de: "Tor", es: "Gol", it: "Gol", ja: "ゴール", ko: "골", pt: "Gol", ru: "Гол", zh: "进球" },
+  penalty: { en: "Penalty", fr: "Penalty", de: "Elfmeter", es: "Penalti", it: "Rigore", ja: "PK", ko: "페널티킥", pt: "Pênalti", ru: "Пенальти", zh: "点球" },
+  "own-goal": { en: "Own goal", fr: "Contre son camp", de: "Eigentor", es: "En propia puerta", it: "Autogol", ja: "オウンゴール", ko: "자책골", pt: "Gol contra", ru: "Автогол", zh: "乌龙球" },
+  yellow: { en: "Yellow card", fr: "Carton jaune", de: "Gelbe Karte", es: "Tarjeta amarilla", it: "Cartellino giallo", ja: "イエローカード", ko: "옐로카드", pt: "Cartão amarelo", ru: "Жёлтая карточка", zh: "黄牌" },
+  red: { en: "Red card", fr: "Carton rouge", de: "Rote Karte", es: "Tarjeta roja", it: "Cartellino rosso", ja: "レッドカード", ko: "레드카드", pt: "Cartão vermelho", ru: "Красная карточка", zh: "红牌" },
+  sub: { en: "Substitution", fr: "Remplacement", de: "Auswechslung", es: "Sustitución", it: "Sostituzione", ja: "選手交代", ko: "선수 교체", pt: "Substituição", ru: "Замена", zh: "换人" }
+};
+const EVENT_KEYS = {
+  goal: "cardsScoreGoal",
+  penalty: "cardsScorePenalty",
+  "own-goal": "cardsScoreOwnGoal",
+  yellow: "cardsScoreYellowCard",
+  red: "cardsScoreRedCard",
+  sub: "cardsScoreSubstitution"
+};
+const MAX_MATCHES = 12;
+const MAX_EVENTS = 30;
+const MAX_PERIODS = 12;
+const MAX_BROADCASTS = 3;
+const isObject = (value) => !!value && typeof value === "object" && !Array.isArray(value);
+function pick(r, keys) {
+  if (!r) return void 0;
+  for (const key of keys) if (r[key] !== void 0 && r[key] !== null && r[key] !== "") return r[key];
+  return void 0;
+}
+function textOf(value) {
+  if (isObject(value)) return str(pick(value, ["name", "displayName", "fullName", "title", "shortName", "abbreviation"]));
+  return str(value);
+}
+const keyOf = (value) => value.trim().toLowerCase().replace(/[_-]+/g, " ").replace(/\s+/g, " ");
+const STATUS_WORDS = {
+  scheduled: ["scheduled", "ns", "tbd", "timed", "not started", "pre", "upcoming", "fixture", "status scheduled", "pre match", "prematch"],
+  live: ["live", "in play", "inplay", "in progress", "playing", "ongoing", "started", "1h", "2h", "et", "bt", "p", "in", "status in progress", "status end period", "status first half", "status second half", "first half", "second half", "extra time", "penalty in progress", "end of period"],
+  halftime: ["halftime", "half time", "ht", "paused", "status halftime", "interval"],
+  final: ["final", "ft", "finished", "full time", "fulltime", "ended", "aet", "pen", "awarded", "awd", "wo", "post", "complete", "completed", "closed", "match finished", "after extra time", "after penalties", "status final", "status full time", "status final aet", "status final pen", "ft pen"],
+  postponed: ["postponed", "pst", "status postponed"],
+  cancelled: ["cancelled", "canceled", "canc", "status canceled", "status cancelled"]
+};
+const STATUS_BY_WORD = new Map(
+  Object.entries(STATUS_WORDS).flatMap(([status, words]) => words.map((w) => [w, status]))
+);
+function statusOf(value) {
+  const text = str(value);
+  return text ? STATUS_BY_WORD.get(keyOf(text)) : void 0;
+}
+const SPORT_WORDS = [
+  ["american-football", /^(american[\s_-]?football|nfl|ncaaf|gridiron|football \(american\))$/],
+  ["football", /^(football|soccer|futbol|fútbol|calcio|fussball|fußball)$/],
+  ["basketball", /^(basketball|basket|nba|wnba|ncaab|euroleague)$/],
+  ["tennis", /^(tennis|atp|wta)$/],
+  ["rugby", /^rugby/],
+  ["hockey", /^((ice|field)[\s_-]?)?hockey$|^nhl$/],
+  ["baseball", /^(baseball|mlb|softball)$/]
+];
+function sportOf(value) {
+  const text = textOf(value)?.toLowerCase();
+  if (!text) return void 0;
+  return SPORT_WORDS.find(([, re]) => re.test(text))?.[0];
+}
+const ESPN_SPORTS = { 1: "baseball", 20: "american-football", 40: "basketball", 70: "hockey", 600: "football", 850: "tennis" };
+function espnSport(uid) {
+  const id = typeof uid === "string" ? /^s:(\d+)(?:~|$)/.exec(uid.trim())?.[1] : void 0;
+  return id ? ESPN_SPORTS[id] : void 0;
+}
+function leagueSport(league) {
+  if (!isObject(league)) return sportOf(league);
+  return espnSport(league["uid"]) ?? [league["sport"], league["abbreviation"], league["slug"], league["name"]].map(sportOf).find((s) => s !== void 0);
+}
+function teamColor(value) {
+  if (typeof value !== "string") return void 0;
+  const match = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(value.trim());
+  if (!match) return void 0;
+  const hex = match[1].toLowerCase();
+  return `#${hex.length === 3 ? [...hex].map((c) => c + c).join("") : hex}`;
+}
+function scoreOf(value) {
+  if (isObject(value)) return num(pick(value, ["value", "displayValue", "score", "total"]));
+  return num(value);
+}
+function minuteOf(value, extra) {
+  if (isObject(value)) return minuteOf(pick(value, ["elapsed", "minute", "displayValue", "value"]), pick(value, ["extra", "added", "injuryTime"]));
+  const n = num(value);
+  if (n !== void 0) {
+    const plus = num(extra);
+    return `${Math.round(n)}${plus ? `+${Math.round(plus)}` : ""}'`;
+  }
+  return str(value);
+}
+const NAME_KEYS = ["displayName", "name", "fullName", "teamName", "team_name", "title", "shortDisplayName"];
+const SHORT_KEYS = ["shortName", "short_name", "abbreviation", "abbr", "tla", "code", "shortDisplayName"];
+const LOGO_KEYS = ["logo", "crest", "logoUrl", "logo_url", "badge", "emblem", "image", "imageUrl"];
+const SCORE_KEYS = ["score", "goals", "points", "pts", "runs"];
+const COLOR_KEYS = ["color", "colour", "primaryColor", "primary_color", "teamColor"];
+function readTeam(raw) {
+  if (typeof raw === "string") {
+    const name2 = str(raw);
+    return name2 ? { name: name2 } : null;
+  }
+  if (!isObject(raw)) return null;
+  const inner = isObject(raw["team"]) ? raw["team"] : {};
+  const both = (keys) => pick(raw, keys) ?? pick(inner, keys);
+  const name = str(pick(raw, NAME_KEYS)) ?? (typeof raw["team"] === "string" ? str(raw["team"]) : void 0) ?? str(pick(inner, NAME_KEYS));
+  if (!name) return null;
+  const shortName = str(both(SHORT_KEYS));
+  const logos = both(["logos"]);
+  const logo = webUrl(textOrUrl(both(LOGO_KEYS))) ?? (Array.isArray(logos) ? webUrl(textOrUrl(logos[0])) : null);
+  const score = scoreOf(pick(raw, SCORE_KEYS));
+  const records = raw["records"];
+  const record = str(pick(raw, ["record", "recordSummary", "standing"])) ?? (Array.isArray(records) ? str(isObject(records[0]) ? records[0]["summary"] : records[0]) : void 0);
+  const color = teamColor(both(COLOR_KEYS));
+  const id = str(both(["id", "teamId", "team_id", "idTeam"]));
+  const won = typeof raw["winner"] === "boolean" ? raw["winner"] : void 0;
+  const lines = Array.isArray(raw["linescores"]) ? raw["linescores"] : void 0;
+  return {
+    name,
+    ...shortName && shortName !== name ? { shortName } : {},
+    ...logo ? { logo } : {},
+    ...score !== void 0 ? { score } : {},
+    ...record ? { record } : {},
+    ...color ? { color } : {},
+    ...id ? { id } : {},
+    ...won !== void 0 ? { won } : {},
+    ...lines ? { lines } : {}
+  };
+}
+function textOrUrl(value) {
+  return isObject(value) ? pick(value, ["href", "url", "src"]) : value;
+}
+function looksLikeMatch(value) {
+  if (!isObject(value)) return false;
+  return ["home", "homeTeam", "home_team", "teams", "competitors", "competitions", "strHomeTeam", "participants"].some((key) => value[key] !== void 0);
+}
+function sidesOf(m) {
+  const home = pick(m, ["home", "homeTeam", "home_team", "hometeam"]);
+  const away = pick(m, ["away", "awayTeam", "away_team", "awayteam", "visitor", "visitors"]);
+  if (home !== void 0 || away !== void 0) return [home, away];
+  const teams = m["teams"];
+  if (isObject(teams)) return [teams["home"], teams["away"]];
+  const list = [m["competitors"], m["participants"], teams].find(Array.isArray);
+  if (list) {
+    const side2 = (wanted) => list.find((c) => isObject(c) && (c["homeAway"] === wanted || c["qualifier"] === wanted || c["side"] === wanted));
+    return [side2("home") ?? list[0], side2("away") ?? list[1]];
+  }
+  if (m["strHomeTeam"] !== void 0) {
+    return [
+      { name: m["strHomeTeam"], score: m["intHomeScore"], logo: m["strHomeTeamBadge"] },
+      { name: m["strAwayTeam"], score: m["intAwayScore"], logo: m["strAwayTeamBadge"] }
+    ];
+  }
+  return [void 0, void 0];
+}
+function matchScores(m) {
+  const pair = (value) => {
+    if (!isObject(value)) return void 0;
+    const h = scoreOf(value["home"]);
+    const a = scoreOf(value["away"]);
+    return h !== void 0 || a !== void 0 ? [h, a] : void 0;
+  };
+  const score = m["score"];
+  const text = typeof score === "string" ? /^\s*(\d+)\s*[-–:]\s*(\d+)\s*$/.exec(score) : null;
+  return pair(m["goals"]) ?? pair(score) ?? pair(m["scores"]) ?? (isObject(score) ? pair(score["fullTime"]) ?? pair(score["fulltime"]) ?? pair(score["current"]) : void 0) ?? (text ? [Number(text[1]), Number(text[2])] : void 0) ?? [scoreOf(pick(m, ["homeScore", "home_score", "scoreHome"])), scoreOf(pick(m, ["awayScore", "away_score", "scoreAway"]))];
+}
+function readState(m, fixture) {
+  const raw = pick(m, ["status", "state", "strStatus", "matchStatus", "match_status"]) ?? fixture["status"];
+  let status;
+  let text;
+  let clock = minuteOf(pick(m, ["clock", "minute", "elapsed", "time_elapsed"]), pick(m, ["injuryTime", "injury_time"]));
+  let period = pick(m, ["period", "currentPeriod"]);
+  if (isObject(raw)) {
+    const type = isObject(raw["type"]) ? raw["type"] : {};
+    const said = [raw["short"], type["name"], type["state"], raw["long"], type["shortDetail"], type["description"], raw["name"], raw["state"], raw["description"]];
+    status = said.map(statusOf).find((s) => s !== void 0);
+    text = str(raw["long"] ?? type["description"] ?? type["detail"] ?? raw["short"] ?? raw["description"]);
+    clock ??= minuteOf(pick(raw, ["elapsed", "minute"]), raw["extra"]) ?? str(raw["displayClock"] ?? raw["clock"]);
+    period ??= pick(raw, ["period"]);
+  } else {
+    status = statusOf(raw);
+    text = str(raw);
+  }
+  const periodNumber = num(period);
+  return {
+    ...status ? { status } : text ? { statusText: text } : {},
+    ...clock ? { clock } : {},
+    ...typeof period === "string" && str(period) ? { period: str(period) } : {},
+    ...periodNumber !== void 0 && typeof period !== "string" ? { periodNumber } : {}
+  };
+}
+function periodName(sport, n) {
+  if (sport === "basketball" || sport === "american-football") return `Q${n}`;
+  if (sport === "hockey") return `P${n}`;
+  return void 0;
+}
+function readPeriods(m, home, away) {
+  let periods = [];
+  const list = [m["periods"], m["sets"], m["linescores"], m["innings"]].find(Array.isArray);
+  if (list) {
+    periods = list.map((p, i) => {
+      if (Array.isArray(p)) return { label: String(i + 1), ...side("home", num(p[0])), ...side("away", num(p[1])) };
+      if (!isObject(p)) return null;
+      const label2 = str(pick(p, ["label", "name", "period", "set", "number"])) ?? String(i + 1);
+      return { label: label2, ...side("home", scoreOf(pick(p, ["home", "homeScore", "home_score", "h"]))), ...side("away", scoreOf(pick(p, ["away", "awayScore", "away_score", "a"]))) };
+    }).filter((p) => p !== null);
+  } else if (home.lines || away.lines) {
+    const count = Math.max(home.lines?.length ?? 0, away.lines?.length ?? 0);
+    for (let i = 0; i < count; i++) {
+      const at = (lines) => scoreOf(lines?.[i]);
+      const p = home.lines?.[i] ?? away.lines?.[i];
+      const label2 = (isObject(p) ? str(pick(p, ["label", "period"])) : void 0) ?? String(i + 1);
+      periods.push({ label: label2, ...side("home", at(home.lines)), ...side("away", at(away.lines)) });
+    }
+  }
+  periods = periods.filter((p) => p.home !== void 0 || p.away !== void 0).slice(0, MAX_PERIODS);
+  return periods.length ? periods : void 0;
+}
+const side = (key, value) => value !== void 0 ? { [key]: value } : {};
+function eventType(type, detail, flags) {
+  if (flags["ownGoal"] === true) return "own-goal";
+  if (flags["penaltyKick"] === true && flags["scoringPlay"] !== false) return "penalty";
+  if (flags["redCard"] === true) return "red";
+  if (flags["yellowCard"] === true) return "yellow";
+  const typed = typeof type === "string" ? keyOf(type) : isObject(type) ? keyOf(String(type["text"] ?? type["type"] ?? "")) : "";
+  if (/^var\b/.test(typed)) return null;
+  for (const value of [detail, type]) {
+    const t = typeof value === "string" ? keyOf(value) : isObject(value) ? keyOf(String(value["text"] ?? value["type"] ?? "")) : "";
+    if (!t) continue;
+    if (/missed|saved|cancel|disallow/.test(t)) return null;
+    if (/own goal|^og$|^own$/.test(t)) return "own-goal";
+    if (/penalty|^pen$|^pk$/.test(t) && !/card/.test(t)) return "penalty";
+    if (/red|second yellow|yellow red|yellowred/.test(t)) return "red";
+    if (/yellow/.test(t)) return "yellow";
+    if (/^sub|substitution|^subst|replacement/.test(t)) return "sub";
+    if (/goal|^regular$|^normal$|scor/.test(t)) return "goal";
+  }
+  if (flags["scoringPlay"] === true) return "goal";
+  return null;
+}
+function eventSide(e, home, away) {
+  const said = pick(e, ["side", "homeAway", "team"]);
+  if (said === "home" || said === "away") return said;
+  if (typeof e["isHome"] === "boolean") return e["isHome"] ? "home" : "away";
+  const team = pick(e, ["team", "club"]);
+  const id = isObject(team) ? str(team["id"]) : void 0;
+  const name = textOf(team)?.toLowerCase();
+  const matches = (t) => id !== void 0 && t.id === id || !!name && (t.name.toLowerCase() === name || t.shortName?.toLowerCase() === name);
+  if (matches(home)) return "home";
+  if (matches(away)) return "away";
+  return null;
+}
+function readEvent(raw, home, away, implied) {
+  if (!isObject(raw)) return null;
+  const e = raw;
+  const team = eventSide(e, home, away);
+  if (!team) return null;
+  const kind = implied === "sub" ? "sub" : implied === "yellow" ? eventType(e["card"] ?? e["type"], void 0, e) ?? "yellow" : eventType(e["type"] ?? e["kind"] ?? e["card"], e["detail"], e) ?? (implied === "goal" ? "goal" : null);
+  if (!kind) return null;
+  const minute = minuteOf(pick(e, ["minute", "time", "clock", "elapsed", "min"]), e["extra"] ?? e["injuryTime"]);
+  const athletes = e["athletesInvolved"];
+  const player = textOf(pick(e, ["player", "scorer", "playerIn", "athlete", "playerName", "player_name"])) ?? (Array.isArray(athletes) ? textOf(athletes[0]) : void 0);
+  const typed = typeof e["detail"] === "string" && eventType(void 0, e["detail"], {}) !== null;
+  const detail = (typed ? void 0 : str(e["detail"])) ?? textOf(pick(e, ["assist", "playerOut", "note", "description"]));
+  return {
+    ...minute ? { minute } : {},
+    team,
+    type: kind,
+    ...player ? { player } : {},
+    ...detail && detail !== player ? { detail } : {}
+  };
+}
+function readEvents(m, home, away) {
+  const events = [];
+  const list = [m["events"], m["incidents"], m["timeline"], m["details"], m["keyEvents"]].find(Array.isArray);
+  for (const e of list ?? []) events.push(readEvent(e, home, away));
+  if (!list) {
+    const lists = [[m["goals"], "goal"], [m["bookings"], "yellow"], [m["substitutions"], "sub"]];
+    for (const [items, type] of lists) if (Array.isArray(items)) for (const e of items) events.push(readEvent(e, home, away, type));
+  }
+  const kept = events.filter((e) => e !== null);
+  if (!list && kept.length) kept.sort((a, b) => minuteValue(a.minute) - minuteValue(b.minute));
+  const shown = kept.slice(0, MAX_EVENTS);
+  return shown.length ? shown : void 0;
+}
+function minuteValue(minute) {
+  const match = /(\d+)(?:\s*\+\s*(\d+))?/.exec(minute ?? "");
+  return match ? Number(match[1]) + Number(match[2] ?? 0) / 100 : Infinity;
+}
+function readRound(m, league) {
+  const week = m["week"];
+  const matchday = num(pick(m, ["matchday", "matchDay", "gameweek", "intRound"])) ?? num(isObject(week) ? week["number"] : week);
+  const round = str(pick(m, ["round", "roundName"])) ?? str(league["round"]);
+  const regular = round ? /^regular season\s*[-–]\s*(\d+)$/i.exec(round) : null;
+  if (regular) return { matchday: Number(regular[1]) };
+  if (round) return { round };
+  if (matchday !== void 0) return { matchday };
+  const stage = str(m["stage"]);
+  if (stage && !/^regular[_\s]season$/i.test(stage)) {
+    const words = stage.replace(/_/g, " ").toLowerCase();
+    return { round: words.charAt(0).toUpperCase() + words.slice(1) };
+  }
+  return {};
+}
+function readBroadcast(m) {
+  const raw = pick(m, ["broadcast", "broadcasts", "tv", "channel", "channels", "strTVStation", "geoBroadcasts"]);
+  const names = (Array.isArray(raw) ? raw : [raw]).flatMap((b) => {
+    if (isObject(b) && Array.isArray(b["names"])) return b["names"].map(str);
+    if (isObject(b) && isObject(b["media"])) return [textOf(b["media"])];
+    return [textOf(b)];
+  }).filter((n) => !!n);
+  const unique = [...new Set(names)].slice(0, MAX_BROADCASTS);
+  return unique.length ? unique.join(", ") : void 0;
+}
+function readVenue(value) {
+  if (!isObject(value)) return str(value);
+  const name = textOf(value);
+  const address = isObject(value["address"]) ? value["address"] : {};
+  const city = str(value["city"] ?? address["city"]);
+  return name && city && !name.includes(city) ? `${name}, ${city}` : name ?? city;
+}
+const utc = (value) => typeof value === "string" && /^\d{4}-\d\d-\d\dT\d\d:\d\d(:\d\d)?$/.test(value.trim()) ? `${value.trim()}Z` : value;
+function readMatch(raw, league0) {
+  if (!isObject(raw)) return null;
+  const competitions = raw["competitions"];
+  const m = Array.isArray(competitions) && isObject(competitions[0]) ? { ...raw, ...competitions[0], status: competitions[0]["status"] ?? raw["status"] } : raw;
+  const fixture = isObject(m["fixture"]) ? m["fixture"] : {};
+  const league = isObject(m["league"]) ? m["league"] : {};
+  const [rawHome, rawAway] = sidesOf(m);
+  const home = readTeam(rawHome);
+  const away = readTeam(rawAway);
+  if (!home || !away) return null;
+  const [homeScore, awayScore] = matchScores(m);
+  if (home.score === void 0 && homeScore !== void 0) home.score = homeScore;
+  if (away.score === void 0 && awayScore !== void 0) away.score = awayScore;
+  const sport = sportOf(pick(m, ["sport", "strSport", "sportName", "discipline"]) ?? league["sport"]) ?? espnSport(raw["uid"] ?? m["uid"]) ?? (league0 !== void 0 ? leagueSport(league0) : void 0) ?? (m["fixture"] !== void 0 || m["goals"] !== void 0 || isObject(m["score"]) && isObject(m["score"]["fullTime"]) ? "football" : "generic");
+  const state = readState(m, fixture);
+  const period = state.period ?? (state.periodNumber !== void 0 ? periodName(sport, state.periodNumber) : void 0);
+  const startTime = toDate(utc(pick(m, ["startTime", "start_time", "start", "kickoff", "kickOff", "kick_off", "utcDate", "date", "datetime", "dateTime", "startDate", "commence_time", "strTimestamp"]))) ?? toDate(fixture["date"] ?? fixture["timestamp"]);
+  const competition = textOf(pick(m, ["competition", "tournament", "strLeague", "leagueName"]) ?? m["league"]);
+  const venue = readVenue(pick(m, ["venue", "stadium", "strVenue", "arena"]) ?? fixture["venue"]);
+  const periods = readPeriods(m, home, away);
+  const events = readEvents(m, home, away);
+  const links = m["links"];
+  const url = webUrl(textOrUrl(pick(m, ["url", "link", "href", "matchUrl", "match_url"]))) ?? (Array.isArray(links) ? webUrl(textOrUrl(links[0])) : null);
+  const broadcast = readBroadcast(m);
+  for (const key of ["home", "away"]) {
+    const team = key === "home" ? home : away;
+    if (team.score !== void 0 || !periods || state.status === "scheduled") continue;
+    const other = key === "home" ? "away" : "home";
+    const own = periods.map((p) => p[key]);
+    if (own.some((v) => v === void 0)) continue;
+    team.score = sport === "tennis" ? periods.filter((p) => setWon(p[key] ?? 0, p[other] ?? 0)).length : own.reduce((sum, v) => sum + (v ?? 0), 0);
+  }
+  const winner = readWinner(m, home, away, state.status);
+  const strip = ({ id: _id, won: _won, lines: _lines, ...team }) => team;
+  return {
+    home: strip(home),
+    away: strip(away),
+    ...state.status ? { status: state.status } : {},
+    ...state.statusText ? { statusText: state.statusText } : {},
+    ...state.clock ? { clock: state.clock } : {},
+    ...period ? { period } : {},
+    ...startTime ? { startTime } : {},
+    ...competition ? { competition } : {},
+    ...readRound(m, league),
+    ...venue ? { venue } : {},
+    sport,
+    ...periods ? { periods } : {},
+    ...events ? { events } : {},
+    ...winner ? { winner } : {},
+    ...broadcast ? { broadcast } : {},
+    ...url ? { url } : {}
+  };
+}
+const setWon = (own, other) => own > other && own >= 6 && (own - other >= 2 || own === 7);
+function readWinner(m, home, away, status) {
+  const score = isObject(m["score"]) ? m["score"] : {};
+  const said = str(m["winner"] ?? score["winner"])?.toLowerCase();
+  if (said === "home" || said === "home_team") return "home";
+  if (said === "away" || said === "away_team") return "away";
+  if (said && said === home.name.toLowerCase()) return "home";
+  if (said && said === away.name.toLowerCase()) return "away";
+  if (home.won === true || away.won === false && home.won === void 0) return "home";
+  if (away.won === true) return "away";
+  if (said === "draw" || status !== "final" || home.score === void 0 || away.score === void 0 || home.score === away.score) return void 0;
+  return home.score > away.score ? "home" : "away";
+}
+function readMatches(raw) {
+  let list;
+  let title;
+  let league;
+  if (Array.isArray(raw)) {
+    list = raw;
+  } else if (isObject(raw)) {
+    const found = [raw["matches"], raw["fixtures"], raw["games"], raw["results"], raw["response"], raw["data"], raw["scores"], raw["events"]].find((v) => Array.isArray(v) && v.some(looksLikeMatch));
+    if (found && !looksLikeMatch(raw)) {
+      list = found;
+      const leagues = raw["leagues"];
+      league = Array.isArray(leagues) ? leagues[0] : raw["league"];
+      title = str(raw["title"] ?? raw["heading"]) ?? textOf(raw["competition"] ?? raw["league"]) ?? (Array.isArray(leagues) ? textOf(leagues[0]) : void 0);
+    } else {
+      list = [raw];
+    }
+  } else {
+    return null;
+  }
+  const matches = list.map((item) => readMatch(item, league)).filter((m) => m !== null).slice(0, MAX_MATCHES);
+  if (!matches.length) return null;
+  return { ...title ? { title } : {}, matches };
+}
+function phaseOf(match) {
+  if (match.status) return match.status;
+  if (match.statusText) return "other";
+  if (hasScore(match)) return "none";
+  return match.startTime ? "scheduled" : "none";
+}
+const hasScore = (match) => match.home.score !== void 0 && match.away.score !== void 0;
+function showsScore(match) {
+  const phase = phaseOf(match);
+  return hasScore(match) && phase !== "scheduled" && !((phase === "postponed" || phase === "cancelled") && match.home.score === 0 && match.away.score === 0);
+}
+function endWord(sport) {
+  if (sport === "football" || sport === "rugby") return "cardsScoreFullTime";
+  if (sport === "tennis" || sport === "generic") return "cardsScoreEnded";
+  return "cardsScoreFinal";
+}
+function clockText(match) {
+  const parts = [match.period && !match.clock?.includes(match.period) ? match.period : void 0, match.clock].filter(Boolean);
+  return parts.length ? parts.join(" ") : void 0;
+}
+function statusText(config, match) {
+  const phase = phaseOf(match);
+  switch (phase) {
+    case "live": {
+      const clock = clockText(match);
+      return `${word(config, "cardsScoreLive", S.cardsScoreLive)}${clock ? ` ${clock}` : ""}`;
+    }
+    case "halftime":
+      return word(config, "cardsScoreHalfTime", S.cardsScoreHalfTime);
+    case "final":
+      return word(config, endWord(match.sport), S[endWord(match.sport)]);
+    case "postponed":
+      return word(config, "cardsScorePostponed", S.cardsScorePostponed);
+    case "cancelled":
+      return word(config, "cardsScoreCancelled", S.cardsScoreCancelled);
+    case "other":
+      return match.statusText;
+    default:
+      return void 0;
+  }
+}
+const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+function dayText(config, date, now) {
+  const days = Math.round((startOfDay(date) - startOfDay(now)) / 864e5);
+  if (days === -1) {
+    const tag = intlTag(config);
+    const text = new Intl.RelativeTimeFormat(tag, { numeric: "auto" }).format(-1, "day");
+    return text.charAt(0).toLocaleUpperCase(tag) + text.slice(1);
+  }
+  if (days >= 0 && days <= 6) return formatDay(config, date, "short", now);
+  return new Intl.DateTimeFormat(intlTag(config), { weekday: "short", day: "numeric", month: "short" }).format(date);
+}
+const whenText = (config, date, now) => `${dayText(config, date, now)} ${formatHour(config, date)}`;
+const versus = (config, match) => word(config, "cardsScoreVersus", S.cardsScoreVersus, { home: match.home.name, away: match.away.name });
+const absoluteWhen = (config, date) => new Intl.DateTimeFormat(intlTag(config), {
+  weekday: "short",
+  year: "numeric",
+  month: "short",
+  day: "numeric",
+  hour: "numeric",
+  minute: "2-digit",
+  timeZoneName: "short"
+}).format(date);
+function matchSentence(config, match, now) {
+  const said = statusText(config, match);
+  if (showsScore(match)) {
+    const score = `${match.home.name} ${formatNumber(config, match.home.score)}–${formatNumber(config, match.away.score)} ${match.away.name}`;
+    return said ? `${score} (${said})` : score;
+  }
+  if (said) return `${versus(config, match)} (${said})`;
+  if (!match.startTime) return versus(config, match);
+  return `${versus(config, match)} — ${now ? whenText(config, match.startTime, now) : absoluteWhen(config, match.startTime)}`;
+}
+const notNull = (value) => value !== null && value !== void 0 && value !== false;
+const dot = () => el("span", { class: "aparte-score__dot", attrs: { "aria-hidden": "true" }, text: "·" });
+function monogram(team) {
+  const short = team.shortName?.replace(/[^\p{L}\p{N}]/gu, "");
+  if (short && [...short].length <= 3) return short.toLocaleUpperCase();
+  const name = team.name;
+  if (/[\u3040-\u30ff\u3400-\u9fff\uac00-\ud7af]/.test(name)) return [...name.replace(/\s+/g, "")].slice(0, 2).join("");
+  const words = name.split(/[\s\-–.'’/&]+/).map((w) => w.replace(/[^\p{L}\p{N}]/gu, "")).filter(Boolean);
+  const meaningful = words.filter((w) => !CLUB_PARTS.has(w.toLowerCase()));
+  const kept = meaningful.length ? meaningful : words;
+  if (!kept.length) return "?";
+  const letters = kept.length === 1 ? [...kept[0]].slice(0, 3).join("") : kept.slice(0, 3).map((w) => [...w][0]).join("");
+  return letters.toLocaleUpperCase();
+}
+const CLUB_PARTS = /* @__PURE__ */ new Set(["fc", "cf", "afc", "ac", "as", "sc", "sv", "cd", "rc", "ssc", "club", "de", "del", "the", "of", "and", "vfb", "vfl", "tsg", "bk", "if", "fk", "sk"]);
+function inkOn(hex) {
+  const channel = (i) => {
+    const c = parseInt(hex.slice(1 + i * 2, 3 + i * 2), 16) / 255;
+    return c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  };
+  const luminance = 0.2126 * channel(0) + 0.7152 * channel(1) + 0.0722 * channel(2);
+  return luminance > 0.179 ? "dark" : "light";
+}
+function wear(node, property, color) {
+  if (color) node.style.setProperty(property, color);
+}
+function crestOf(team, size) {
+  const box = el(
+    "span",
+    { class: `aparte-score__crest aparte-score__crest--${size}`, attrs: { "aria-hidden": "true", "data-ink": team.color ? inkOn(team.color) : void 0 } },
+    el("span", { class: "aparte-score__monogram", text: monogram(team) })
+  );
+  wear(box, "--aparte-score-team", team.color);
+  if (team.logo) {
+    const img = el("img", { class: "aparte-score__logo", attrs: { src: team.logo, alt: "", loading: "lazy", decoding: "async" } });
+    img.addEventListener("error", () => {
+      img.remove();
+      box.removeAttribute("data-logo");
+    }, { once: true });
+    box.setAttribute("data-logo", "");
+    box.append(img);
+  }
+  return box;
+}
+const leadOf = (match, key) => match.winner ? match.winner === key ? "win" : "lose" : void 0;
+function numberOf(ctx, value, className, attrs = {}) {
+  const node = el("span", { class: className, attrs });
+  ctx.bind(node, () => formatNumber(ctx.config, value));
+  return node;
+}
+function pillOf(ctx, match) {
+  const phase = phaseOf(match);
+  if (phase === "scheduled" || phase === "none") return null;
+  const pill = el("span", { class: "aparte-score__pill", attrs: { "data-phase": phase } });
+  if (phase === "live") {
+    const said = el("span", { class: "aparte-score__live-word" });
+    ctx.word(said, "cardsScoreLive", S.cardsScoreLive);
+    const clock = clockText(match);
+    pill.append(el("span", { class: "aparte-score__live-dot", attrs: { "aria-hidden": "true" } }), said);
+    if (clock) pill.append(el("span", { class: "aparte-score__clock", text: clock }));
+    return pill;
+  }
+  ctx.bind(pill, () => statusText(ctx.config, match));
+  return pill;
+}
+function kickoffOf(ctx, date, now, className) {
+  const node = el("time", { class: className, attrs: { datetime: date.toISOString() } });
+  const day = el("span", { class: "aparte-score__day" });
+  const hour = el("span", { class: "aparte-score__hour" });
+  ctx.bind(day, () => dayText(ctx.config, date, now));
+  ctx.bind(hour, () => formatHour(ctx.config, date));
+  node.append(day, hour);
+  return node;
+}
+function centreOf(ctx, match, now) {
+  const centre = el("div", { class: "aparte-score__centre" });
+  const phase = phaseOf(match);
+  if (showsScore(match)) {
+    const result = el(
+      "div",
+      { class: "aparte-score__result", attrs: { "aria-hidden": "true" } },
+      numberOf(ctx, match.home.score, "aparte-score__num", { "data-lead": leadOf(match, "home") }),
+      el("span", { class: "aparte-score__sep", text: "–" }),
+      numberOf(ctx, match.away.score, "aparte-score__num", { "data-lead": leadOf(match, "away") })
+    );
+    const said = el("span", { class: "aparte-score__sr" });
+    ctx.bind(said, () => `${match.home.name} ${formatNumber(ctx.config, match.home.score)}, ${match.away.name} ${formatNumber(ctx.config, match.away.score)}`);
+    centre.append(result, said);
+  } else if (match.startTime) {
+    centre.append(kickoffOf(ctx, match.startTime, now, "aparte-score__kickoff"));
+  } else {
+    centre.append(el("div", { class: "aparte-score__result", attrs: { "aria-hidden": "true" } }, el("span", { class: "aparte-score__sep", text: "–" })));
+  }
+  const pill = pillOf(ctx, match);
+  if (pill) centre.append(pill);
+  else if (phase === "scheduled" && !match.startTime) {
+    const upcoming = el("span", { class: "aparte-score__pill", attrs: { "data-phase": "scheduled" } });
+    ctx.word(upcoming, "cardsScoreUpcoming", S.cardsScoreUpcoming);
+    centre.append(upcoming);
+  }
+  return centre;
+}
+function teamOf(match, key) {
+  const team = match[key];
+  return el(
+    "div",
+    { class: `aparte-score__team aparte-score__team--${key}`, attrs: { "data-lead": leadOf(match, key) } },
+    crestOf(team, "lg"),
+    el("span", { class: "aparte-score__team-name", text: team.name }),
+    team.record ? el("span", { class: "aparte-score__record", text: team.record }) : null
+  );
+}
+function headOf(ctx, match, now) {
+  const parts = [];
+  if (match.competition) parts.push(el("span", { class: "aparte-score__competition", text: match.competition }));
+  if (match.round) parts.push(el("span", { class: "aparte-score__round", text: match.round }));
+  else if (match.matchday !== void 0) {
+    const day = match.matchday;
+    const round = el("span", { class: "aparte-score__round" });
+    ctx.bind(round, () => word(ctx.config, "cardsScoreMatchday", S.cardsScoreMatchday, { n: formatNumber(ctx.config, day) }));
+    parts.push(round);
+  }
+  const date = match.startTime && showsScore(match) ? match.startTime : void 0;
+  if (!parts.length && !date) return null;
+  const line = el("div", { class: "aparte-score__meta" });
+  parts.forEach((part, i) => line.append(...i ? [dot(), part] : [part]));
+  let when = null;
+  if (date) {
+    when = el("time", { class: "aparte-score__date", attrs: { datetime: date.toISOString() } });
+    ctx.bind(when, () => dayText(ctx.config, date, now));
+  }
+  return el(
+    "div",
+    { class: "aparte-score__head" },
+    glyph(SPORT_GLYPHS[match.sport], "aparte-rich-card__glyph aparte-score__sport"),
+    line,
+    when
+  );
+}
+function footOf(ctx, match) {
+  const facts = [
+    match.venue ? el("span", { class: "aparte-score__fact aparte-score__venue" }, glyph(PIN, "aparte-rich-card__glyph aparte-score__fact-glyph"), el("span", { text: match.venue })) : null,
+    match.broadcast ? el("span", { class: "aparte-score__fact aparte-score__broadcast" }, glyph(TV, "aparte-rich-card__glyph aparte-score__fact-glyph"), el("span", { text: match.broadcast })) : null
+  ].filter(notNull);
+  let link = null;
+  if (match.url) {
+    const text = el("span");
+    ctx.word(text, "cardsScoreDetails", S.cardsScoreDetails);
+    link = el(
+      "a",
+      { class: "aparte-score__more", attrs: { href: match.url, target: "_blank", rel: "noopener noreferrer" } },
+      text,
+      glyph(CHEVRON, "aparte-rich-card__glyph aparte-score__chevron")
+    );
+  }
+  if (!facts.length && !link) return null;
+  return el("div", { class: "aparte-score__foot" }, facts.length ? el("div", { class: "aparte-score__facts" }, ...facts) : null, link);
+}
+function boardOf(ctx, match, now) {
+  return el(
+    "div",
+    { class: "aparte-score__board", attrs: { "data-winner": match.winner } },
+    teamOf(match, "home"),
+    centreOf(ctx, match, now),
+    teamOf(match, "away")
+  );
+}
+function matchRoot(match, className, tag = "article") {
+  const node = el(tag, { class: className, attrs: { "data-phase": phaseOf(match), "data-sport": match.sport } });
+  wear(node, "--aparte-score-home", match.home.color);
+  wear(node, "--aparte-score-away", match.away.color);
+  return node;
+}
+function cardOf(ctx, match, now) {
+  const node = matchRoot(match, "aparte-score aparte-score--card");
+  node.append(...[headOf(ctx, match, now), boardOf(ctx, match, now), footOf(ctx, match)].filter(notNull));
+  return node;
+}
+function periodsOf(ctx, match) {
+  const periods = match.periods;
+  if (!periods) return null;
+  const tennis = match.sport === "tennis";
+  const caption = el("caption", { class: "aparte-score__sr" });
+  ctx.word(caption, "cardsScorePeriods", S.cardsScorePeriods);
+  const team = el("span", { class: "aparte-score__sr" });
+  ctx.word(team, "cardsScoreTeam", S.cardsScoreTeam);
+  const corner = el("th", { class: "aparte-score__corner", attrs: { scope: "col" } }, team);
+  const total = el("th", { class: "aparte-score__total", attrs: { scope: "col" } });
+  ctx.word(total, tennis ? "cardsScoreSets" : "cardsScoreTotal", tennis ? S.cardsScoreSets : S.cardsScoreTotal);
+  const head = el("tr", {}, corner, ...periods.map((p) => el("th", { attrs: { scope: "col" }, text: p.label })), total);
+  const row = (key) => {
+    const other = key === "home" ? "away" : "home";
+    const team2 = match[key];
+    const cells = periods.map((p) => {
+      const value = p[key];
+      const took = tennis && value !== void 0 && p[other] !== void 0 && value > p[other];
+      const cell = el("td", { attrs: { "data-lead": took ? "win" : void 0 } });
+      if (value !== void 0) ctx.bind(cell, () => formatNumber(ctx.config, value));
+      return cell;
+    });
+    const sum = el("td", { class: "aparte-score__total" });
+    if (team2.score !== void 0) ctx.bind(sum, () => formatNumber(ctx.config, team2.score));
+    return el(
+      "tr",
+      { attrs: { "data-lead": leadOf(match, key) } },
+      // The cell stays a cell; the crest and the name line up in a box inside it.
+      el(
+        "th",
+        { class: "aparte-score__row-team", attrs: { scope: "row" } },
+        el("span", { class: "aparte-score__row-label" }, crestOf(team2, "sm"), el("span", { class: "aparte-score__row-name", text: team2.shortName ?? team2.name }))
+      ),
+      ...cells,
+      sum
+    );
+  };
+  const table = el("table", { class: "aparte-score__periods" }, caption, el("thead", {}, head), el("tbody", {}, row("home"), row("away")));
+  return el("div", { class: "aparte-score__section aparte-score__table-wrap" }, table);
+}
+function eventsOf(ctx, match) {
+  const events = match.events;
+  if (!events) return null;
+  const list = el("ol", { class: "aparte-score__events" });
+  ctx.bind(list, () => word(ctx.config, "cardsScoreEvents", S.cardsScoreEvents), "aria-label");
+  for (const event of events) {
+    const team = match[event.team];
+    const type = el("span", { class: "aparte-score__event-type" });
+    ctx.word(type, EVENT_KEYS[event.type], EVENT_WORDS[event.type]);
+    const marker = el("span", { class: "aparte-score__event-team", attrs: { "data-ink": team.color ? inkOn(team.color) : void 0 }, text: team.shortName ?? team.name });
+    wear(marker, "--aparte-score-team", team.color);
+    const body = el(
+      "span",
+      { class: "aparte-score__event-body" },
+      glyph(EVENT_GLYPHS[event.type], "aparte-rich-card__glyph aparte-score__event-glyph"),
+      el(
+        "span",
+        { class: "aparte-score__event-text" },
+        event.player ? el("span", { class: "aparte-score__player", text: event.player }) : null,
+        type,
+        event.detail ? el("span", { class: "aparte-score__event-detail", text: event.detail }) : null
+      ),
+      marker
+    );
+    list.append(el(
+      "li",
+      { class: "aparte-score__event", attrs: { "data-team": event.team, "data-type": event.type } },
+      el("span", { class: "aparte-score__minute", text: event.minute ?? "" }),
+      body
+    ));
+  }
+  return el("div", { class: "aparte-score__section aparte-score__timeline" }, list);
+}
+function detailOf(ctx, match, now) {
+  const node = matchRoot(match, "aparte-score aparte-score--detail");
+  node.append(...[headOf(ctx, match, now), boardOf(ctx, match, now), periodsOf(ctx, match), eventsOf(ctx, match), footOf(ctx, match)].filter(notNull));
+  return node;
+}
+function whenOf(ctx, match, now) {
+  const box = el("div", { class: "aparte-score__when" });
+  const phase = phaseOf(match);
+  if (phase === "live") {
+    const said = el("span", { class: "aparte-score__live-word" });
+    ctx.word(said, "cardsScoreLive", S.cardsScoreLive);
+    const clock = clockText(match);
+    box.append(el("span", { class: "aparte-score__live-dot", attrs: { "aria-hidden": "true" } }), clock ? el("span", { class: "aparte-score__sr" }, said) : said);
+    if (clock) box.append(el("span", { class: "aparte-score__clock", text: clock }));
+  } else if (phase === "scheduled" || phase === "none" && !showsScore(match)) {
+    if (match.startTime) box.append(kickoffOf(ctx, match.startTime, now, "aparte-score__kickoff aparte-score__kickoff--row"));
+    else ctx.word(box, "cardsScoreUpcoming", S.cardsScoreUpcoming);
+  } else {
+    const said = statusText(ctx.config, match);
+    if (said !== void 0) ctx.bind(box, () => statusText(ctx.config, match));
+    else if (match.startTime) {
+      const date = match.startTime;
+      ctx.bind(box, () => dayText(ctx.config, date, now));
+    }
+  }
+  box.setAttribute("data-phase", phase);
+  return box;
+}
+function lineOf(ctx, match, key, withScore) {
+  const team = match[key];
+  const lead = leadOf(match, key);
+  return el(
+    "div",
+    { class: "aparte-score__line", attrs: { "data-lead": lead } },
+    crestOf(team, "sm"),
+    el("span", { class: "aparte-score__line-name", text: team.name }),
+    withScore && team.score !== void 0 ? numberOf(ctx, team.score, "aparte-score__line-score") : null,
+    // The winner is not told by weight alone: a mark points at the score, as the scoreboards do.
+    el("span", { class: "aparte-score__win-mark", attrs: { "aria-hidden": "true" }, text: lead === "win" ? "◂" : "" })
+  );
+}
+function rowOf(ctx, match, now, tag, withCompetition) {
+  const node = matchRoot(match, "aparte-score__row", tag);
+  const scored = showsScore(match);
+  const lines = el(
+    "div",
+    { class: "aparte-score__lines" },
+    withCompetition && match.competition ? el("span", { class: "aparte-score__row-meta", text: match.competition }) : null,
+    lineOf(ctx, match, "home", scored),
+    lineOf(ctx, match, "away", scored)
+  );
+  node.append(whenOf(ctx, match, now), lines);
+  if (match.url) {
+    const link = el("a", { class: "aparte-score__link", attrs: { href: match.url, target: "_blank", rel: "noopener noreferrer" } });
+    ctx.bind(link, () => matchSentence(ctx.config, match, now), "aria-label");
+    node.setAttribute("data-linked", "");
+    node.append(link);
+  }
+  return node;
+}
+function countLabel(ctx, data) {
+  return data.title ?? commonCompetition(data.matches ?? []) ?? word(ctx.config, "cardsScoreCount", S.cardsScoreCount, { n: formatNumber(ctx.config, data.matches?.length ?? 0) });
+}
+function commonCompetition(matches) {
+  const first = matches[0]?.competition;
+  return first && matches.every((m) => m.competition === first) ? first : void 0;
+}
+function headingOf(ctx, data) {
+  const text = el("span", { class: "aparte-score__heading-text" });
+  ctx.bind(text, () => countLabel(ctx, data));
+  const sports = new Set(data.matches.map((m) => m.sport));
+  const sport = sports.size === 1 ? [...sports][0] : "generic";
+  return el("div", { class: "aparte-score__heading" }, glyph(SPORT_GLYPHS[sport], "aparte-rich-card__glyph aparte-score__sport"), text);
+}
+function render(data, ctx, settings) {
+  const now = settings.now();
+  const [first] = data.matches;
+  if (data.matches.length > 1) {
+    const shared = commonCompetition(data.matches) !== void 0 || data.title !== void 0 && data.matches.every((m) => !m.competition);
+    const list = el(
+      "ul",
+      { class: "aparte-score__list", attrs: { role: "list" } },
+      ...data.matches.map((m) => rowOf(ctx, m, now, "li", !shared))
+    );
+    ctx.bind(list, () => countLabel(ctx, data), "aria-label");
+    return [el("div", { class: "aparte-score__board-list" }, headingOf(ctx, data), list)];
+  }
+  if (ctx.variant === "compact") {
+    const head = headOf(ctx, first, now);
+    return [el("div", { class: "aparte-score__single" }, head, rowOf(ctx, first, now, "div", false))];
+  }
+  return [ctx.variant === "detail" ? detailOf(ctx, first, now) : cardOf(ctx, first, now)];
+}
+function skeleton(partial2, ctx) {
+  const block = (cls, kind = "rect") => el("span", { class: `aparte-skeleton aparte-skeleton--${kind} ${cls}`, attrs: { "aria-hidden": "true" } });
+  const known = partial2?.matches?.[0];
+  const name = (key, cls) => known?.[key].name ? el("span", { class: cls, text: known[key].name }) : block(`${cls} aparte-score__sk-name`, "text");
+  const head = partial2?.title ? el("div", { class: "aparte-score__heading" }, glyph(TROPHY, "aparte-rich-card__glyph aparte-score__sport"), el("span", { class: "aparte-score__heading-text", text: partial2.title })) : el("div", { class: "aparte-score__head" }, block("aparte-score__sk-meta", "text"));
+  if (ctx.variant === "compact") {
+    const line = (key) => el("div", { class: "aparte-score__line" }, block("aparte-score__crest aparte-score__crest--sm", "circle"), name(key, "aparte-score__line-name"), block("aparte-score__sk-num"));
+    return [el(
+      "div",
+      { class: "aparte-score__single" },
+      head,
+      el(
+        "div",
+        { class: "aparte-score__row" },
+        el("div", { class: "aparte-score__when" }, block("aparte-score__sk-when", "text")),
+        el("div", { class: "aparte-score__lines" }, line("home"), line("away"))
+      )
+    )];
+  }
+  const team = (key) => el(
+    "div",
+    { class: `aparte-score__team aparte-score__team--${key}` },
+    block("aparte-score__crest aparte-score__crest--lg", "circle"),
+    name(key, "aparte-score__team-name")
+  );
+  const parts = [head, el(
+    "div",
+    { class: "aparte-score__board" },
+    team("home"),
+    el("div", { class: "aparte-score__centre" }, block("aparte-score__sk-score"), block("aparte-score__sk-pill")),
+    team("away")
+  )];
+  if (ctx.variant === "detail") {
+    parts.push(el("div", { class: "aparte-score__section aparte-score__sk-lines" }, ...[0, 1, 2, 3].map(() => block("aparte-score__sk-line", "text"))));
+  }
+  return [el("article", { class: `aparte-score aparte-score--${ctx.variant}` }, ...parts)];
+}
+function label(data, ctx) {
+  const matches = data?.matches ?? [];
+  if (matches.length === 1) {
+    const [m] = matches;
+    const names = [m.home.name, m.away.name].filter(Boolean);
+    return names.length === 2 ? versus(ctx.config, m) : names[0] ?? word(ctx.config, "cardsScoreTitle", S.cardsScoreTitle);
+  }
+  if (matches.length > 1 || data?.title) return countLabel(ctx, data);
+  return word(ctx.config, "cardsScoreTitle", S.cardsScoreTitle);
+}
+function fallback(data, ctx) {
+  const lines = data.matches.map((m) => matchSentence(ctx.config, m));
+  return data.title ? `${data.title}:
+${lines.join("\n")}` : lines.join("\n");
+}
+function partial(input) {
+  const home = textOf(input["home"] ?? input["homeTeam"] ?? input["home_team"] ?? input["team"] ?? input["teamName"] ?? input["club"]);
+  const away = textOf(input["away"] ?? input["awayTeam"] ?? input["away_team"] ?? input["opponent"]);
+  if (home || away) return { matches: [{ home: { name: home ?? "" }, away: { name: away ?? "" }, sport: sportOf(input["sport"]) ?? "generic" }] };
+  const query = str(input["query"] ?? input["q"] ?? input["search"] ?? input["competition"] ?? input["league"]);
+  return query ? { title: query } : null;
+}
+function createScoreCard(settings) {
+  return defineCard({
+    name: "score",
+    variants: ["card", "compact", "detail"],
+    styles: scoreStyles,
+    icon: TROPHY,
+    normalize: readMatches,
+    render: (data, ctx) => render(data, ctx, settings),
+    skeleton,
+    label,
+    fallback,
+    partial
+  });
+}
+const scoreCard = createScoreCard({ now: () => /* @__PURE__ */ new Date() });
+function setupScoreCard(options = {}) {
+  const { now, ...rest } = options;
+  return createScoreCard({ now: now ?? (() => /* @__PURE__ */ new Date()) }).setup(rest);
+}
+export {
+  inkOn,
+  monogram,
+  readMatches,
+  scoreCard,
+  setupScoreCard,
+  teamColor
+};
+//# sourceMappingURL=score.js.map