@wral/hsot-data 0.1.2 → 0.1.3

package/dist/{hsot-boxscore-DiJN2Ik6.js → hsot-boxscore-CY8jCxLh.js}

@@ -1,4 +1,4 @@
-import { LitElement as Z, html as l, css as y, nothing as p, svg as V } from "lit";
+import { LitElement as Z, html as l, css as $, nothing as p, svg as q } from "lit";
 const ee = 50;
 function te(a = {}) {
   const e = Object.entries(a).filter(([, s]) => s != null && s !== "");
@@ -12,21 +12,21 @@ function se({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
   async function o(i) {
     const m = { Accept: "application/json" };
     e && (m.Authorization = `Bearer ${e}`);
-    const h = await r(`${s}${i}`, { headers: m });
-    if (!h.ok) {
-      const c = new Error(`api-hsot ${h.status} on ${i}`);
-      throw c.status = h.status, c;
+    const d = await r(`${s}${i}`, { headers: m });
+    if (!d.ok) {
+      const c = new Error(`api-hsot ${d.status} on ${i}`);
+      throw c.status = d.status, c;
     }
-    return h.json();
+    return d.json();
   }
   async function n(i, m = {}) {
-    const h = [];
+    const d = [];
     let c = null;
-    for (let d = 0; d < ee; d += 1) {
+    for (let h = 0; h < ee; h += 1) {
       const f = te(c ? { ...m, cursor: c } : m), u = await o(`${i}${f}`);
-      if (h.push(...u.items || []), c = u.nextCursor || null, !c) break;
+      if (d.push(...u.items || []), c = u.nextCursor || null, !c) break;
     }
-    return { items: h, total: h.length, nextCursor: null };
+    return { items: d, total: d.length, nextCursor: null };
   }
   return {
     listSchools: (i) => n("/schools", i),
@@ -44,7 +44,7 @@ function se({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
     listSports: () => o("/sports")
   };
 }
-class b extends Z {
+class y extends Z {
   static properties = {
     api: { type: String },
     refreshInterval: { type: Number, attribute: "refresh-interval" },
@@ -107,7 +107,7 @@ class b extends Z {
     return l``;
   }
 }
-const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = y`
+const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	:host {
 		--hsot-red: var(--color-red, #D1232A);
 		--hsot-red-deep: var(--color-red-dark, #951C21);
@@ -141,7 +141,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = y`
 		outline-offset: 1px;
 	}
 	.mut { color: var(--hsot-gray-5); }
-`, re = y`
+`, re = $`
 	.band { background: var(--hsot-white); color: var(--hsot-black); }
 	.band .inner { max-width: 1366px; margin: 0 auto; padding: 1.1rem 1.25rem 0; }
 	.band h1, .band h2.bandtitle {
@@ -161,7 +161,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = y`
 	.band nav.tabs a.on { border-bottom-color: var(--hsot-red); }
 	.band nav.tabs span.off { color: var(--hsot-gray-4); cursor: not-allowed; }
 	@media (max-width: 720px) { .band h1, .band h2.bandtitle { font-size: 1.8rem; } }
-`, oe = y`
+`, oe = $`
 	.view { max-width: 1366px; margin: 0 auto; padding: 1.25rem; box-sizing: border-box; }
 	.toolbar { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; margin: 0 0 1.1rem; }
 	.toolbar .spacer { flex: 1; }
@@ -204,7 +204,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = y`
 	.error { padding: 1.2rem 1rem; color: var(--hsot-red-deep); font-size: 0.9rem; }
 	.note { font-size: 0.8125rem; color: var(--hsot-gray-5); margin: 0.6rem 0 0; }
 	.loading { padding: 1.2rem; color: var(--hsot-gray-5); font-family: var(--hsot-heading-font); }
-`, ne = y`
+`, ie = $`
 	.pill {
 		display: inline-block; font-family: var(--hsot-heading-font); font-weight: 700;
 		font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em;
@@ -219,7 +219,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = y`
 	.pill.champ { background: var(--hsot-straw); color: #6b5900; }
 	@keyframes hsot-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }
 	@media (prefers-reduced-motion: reduce) { .pill.live { animation: none; } }
-`, ie = y`
+`, ne = $`
 	.tablewrap { overflow-x: auto; }
 	table.data { font-family: var(--hsot-heading-font); font-size: 14px; border-collapse: collapse; width: 100%; }
 	table.data th {
@@ -237,7 +237,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = y`
 	table.data tbody tr.rowlink:hover { background: var(--hsot-gray-1); }
 	table.data td.teamcell a { color: inherit; text-decoration: none; font-weight: 500; }
 	table.data td.teamcell a:hover { text-decoration: underline; }
-`, le = y`
+`, le = $`
 	.swatch {
 		display: inline-flex; align-items: center; justify-content: center;
 		width: 26px; height: 26px; border-radius: 50%;
@@ -261,7 +261,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = y`
 	.dot.W { background: var(--hsot-win); }
 	.dot.L { background: var(--hsot-loss); }
 	.dot.T { background: var(--hsot-tie); }
-`, ce = y`
+`, ce = $`
 	ul.gamelist { list-style: none; margin: 0; padding: 0; }
 	.gamelist li {
 		display: flex; align-items: center; gap: 0.7rem; padding: 0.55rem 1rem;
@@ -278,7 +278,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = y`
 	.gamelist .opp a:hover { text-decoration: underline; }
 	.gamelist .where { color: var(--hsot-gray-5); font-size: 0.78rem; }
 	.gamelist a.box { font-size: 0.78rem; }
-`, S = [ae, re, oe, ne, ie, le, ce];
+`, S = [ae, re, oe, ie, ne, le, ce];
 function H(a) {
   return a.state !== "final" ? null : a.forfeit && a.forfeit !== "none" ? a.forfeit : a.homeScore > a.awayScore ? "home" : a.awayScore > a.homeScore ? "away" : a.tiebreakWinner && a.tiebreakWinner !== "none" ? a.tiebreakWinner : "tie";
 }
@@ -287,12 +287,12 @@ function D(a, e) {
   for (const o of r) {
     const n = H(o), i = o.gameType === "conference";
     for (const m of ["home", "away"]) {
-      const h = m === "home" ? o.homeTeamId : o.awayTeamId;
-      if (!h) continue;
-      const c = s(h), d = m === "home" ? o.homeScore : o.awayScore, f = m === "home" ? o.awayScore : o.homeScore;
-      c.pf += d, c.pa += f;
+      const d = m === "home" ? o.homeTeamId : o.awayTeamId;
+      if (!d) continue;
+      const c = s(d), h = m === "home" ? o.homeScore : o.awayScore, f = m === "home" ? o.awayScore : o.homeScore;
+      c.pf += h, c.pa += f;
       let u = "T";
-      n === "tie" ? (c.t += 1, i && (c.ct += 1)) : n === m ? (c.w += 1, i && (c.cw += 1), u = "W") : (c.l += 1, i && (c.cl += 1), u = "L"), c.results.push({ gameId: o.id, date: o.date, mark: u, my: d, their: f, opp: m === "home" ? o.awayTeamId : o.homeTeamId, conf: i });
+      n === "tie" ? (c.t += 1, i && (c.ct += 1)) : n === m ? (c.w += 1, i && (c.cw += 1), u = "W") : (c.l += 1, i && (c.cl += 1), u = "L"), c.results.push({ gameId: o.id, date: o.date, mark: u, my: h, their: f, opp: m === "home" ? o.awayTeamId : o.homeTeamId, conf: i });
     }
   }
   return t;
@@ -304,7 +304,7 @@ function _(a) {
   for (let s = a.length - 1; s >= 0 && a[s].mark === e; s -= 1) t += 1;
   return e + t;
 }
-const q = (a, e, t) => {
+const V = (a, e, t) => {
   const s = a + e + t;
   return s ? (a + t / 2) / s : 0;
 }, Y = (a) => a.toFixed(3).replace("0.", ".");
@@ -313,16 +313,16 @@ function w(a, e = !1) {
   const t = e ? a.cw : a.w, s = e ? a.cl : a.l, r = e ? a.ct : a.t;
   return `${t}-${s}${r ? `-${r}` : ""}`;
 }
-function Q(a, e) {
+function K(a, e) {
   return a.map((t) => {
     const s = e[t.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] };
-    return { team: t, rec: s, confPct: q(s.cw, s.cl, s.ct), overallPct: q(s.w, s.l, s.t) };
+    return { team: t, rec: s, confPct: V(s.cw, s.cl, s.ct), overallPct: V(s.w, s.l, s.t) };
   }).sort((t, s) => s.confPct - t.confPct || s.overallPct - t.overallPct || s.rec.pf - s.rec.pa - (t.rec.pf - t.rec.pa));
 }
 function M(a, e) {
   return a.filter((t) => (t.homeTeamId === e || t.awayTeamId === e) && (t.state === "scheduled" || t.state === "live") && t.gameType !== "scrimmage").sort((t, s) => String(t.date).localeCompare(String(s.date)))[0] || null;
 }
-function K(a, e) {
+function Q(a, e) {
   const t = a[e];
   return t && t.results.length ? t.results[t.results.length - 1] : null;
 }
@@ -342,12 +342,12 @@ function C(a) {
   };
 }
 const R = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
-function $(a, e) {
+function b(a, e) {
   if (!a) return "TBD";
   const [t, s, r] = String(a).split("-").map(Number);
   return !t || !s || !r ? "TBD" : new Date(t, s - 1, r).toLocaleDateString("en-US", e || { weekday: "short", month: "short", day: "numeric" });
 }
-function A(a) {
+function E(a) {
   if (!a) return "";
   const [e, t] = String(a).split(":").map(Number);
   if (Number.isNaN(e)) return "";
@@ -357,7 +357,7 @@ function A(a) {
 function de(a) {
   return a ? `${Math.floor(a / 12)}-${a % 12}` : "·";
 }
-function E(a = /* @__PURE__ */ new Date()) {
+function A(a = /* @__PURE__ */ new Date()) {
   const e = a.getFullYear();
   return a.getMonth() >= 6 ? `${e}-${e + 1}` : `${e - 1}-${e}`;
 }
@@ -365,7 +365,7 @@ function O(a = /* @__PURE__ */ new Date()) {
   const e = (t) => String(t).padStart(2, "0");
   return `${a.getFullYear()}-${e(a.getMonth() + 1)}-${e(a.getDate())}`;
 }
-function U(a) {
+function j(a) {
   return a ? (a.abbr || a.name || "?").slice(0, 4).toUpperCase() : "?";
 }
 function F(a) {
@@ -383,9 +383,9 @@ function me(a) {
     const e = [];
     return a.finish === "overtime" && e.push("OT"), a.finish === "shootout" && e.push("PK-SO"), a.forfeit && a.forfeit !== "none" && e.push("Forfeit"), { kind: "final", label: `Final${e.length ? ` · ${e.join(" · ")}` : ""}` };
   }
-  return a.state === "postponed" ? { kind: "warn", label: "Postponed" } : a.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${$(a.date, { month: "short", day: "numeric" })} · ${A(a.time)}`.replace(/ · $/, "") };
+  return a.state === "postponed" ? { kind: "warn", label: "Postponed" } : a.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${b(a.date, { month: "short", day: "numeric" })} · ${E(a.time)}`.replace(/ · $/, "") };
 }
-function Te(a, e, t, s = "") {
+function Ce(a, e, t, s = "") {
   let r = null;
   for (const o of a || [])
     o.sport === e && (t && o.effectiveDate > t || s && o.gender && o.gender !== s || (!r || o.effectiveDate > r.effectiveDate) && (r = o));
@@ -397,13 +397,13 @@ function X(a, e, t, s, r) {
   const n = /* @__PURE__ */ new Map();
   for (const m of a || []) {
     if (m.sport !== s || r && m.effectiveDate > r || m.gender && o.gender !== m.gender && o.gender !== "coed") continue;
-    const h = m.gender || "", c = n.get(h);
-    (!c || m.effectiveDate > c.effectiveDate) && n.set(h, m);
+    const d = m.gender || "", c = n.get(d);
+    (!c || m.effectiveDate > c.effectiveDate) && n.set(d, m);
   }
   let i = null;
   for (const m of n.values()) {
-    const h = (m.teamIds || []).indexOf(t);
-    h !== -1 && (!i || m.effectiveDate > i.effectiveDate) && (i = { poll: m, rank: h + 1 });
+    const d = (m.teamIds || []).indexOf(t);
+    d !== -1 && (!i || m.effectiveDate > i.effectiveDate) && (i = { poll: m, rank: d + 1 });
   }
   return i ? i.rank : null;
 }
@@ -420,7 +420,7 @@ function pe(a, e, t) {
 function fe(a) {
   return /^https?:\/\//i.test(String(a || ""));
 }
-function B(a, e) {
+function P(a, e) {
   const t = a?.logoAssetId;
   if (!fe(t)) return "";
   const s = Math.max(1, Math.round(e * 2)), r = t.includes("?") ? "&" : "?";
@@ -429,25 +429,25 @@ function B(a, e) {
 const T = (a, e) => {
   const t = a.teamsById[e];
   return t ? a.schoolsById[t.schoolId] : null;
-}, k = (a, e) => T(a, e)?.name || "TBD", P = (a, e) => T(a, e)?.abbr || "TBD";
+}, k = (a, e) => T(a, e)?.name || "TBD", z = (a, e) => T(a, e)?.abbr || "TBD";
 function I(a, e = 26) {
   if (!a) return p;
-  const t = B(a, e);
+  const t = P(a, e);
   if (t)
     return l`<img class="swatch logo" aria-hidden="true" alt="" loading="lazy"
 			src=${t} style="width:${e}px;height:${e}px" />`;
   const s = a.colorPrimary || "#030711", r = F(s);
   return l`<span class="swatch" aria-hidden="true"
 		style="width:${e}px;height:${e}px;background:${s};color:${r};font-size:${Math.max(8, e * 0.28)}px"
-	>${U(a)}</span>`;
+	>${j(a)}</span>`;
 }
-function j(a, e, t) {
+function G(a, e, t) {
   const s = X(a.rankings, a.teamsById, e, a.sport, t);
   return s ? l`<span class="rankbadge">#${s}</span>` : p;
 }
-function G(a, e, t) {
+function U(a, e, t) {
   const s = T(a, e);
-  return s ? l`${j(a, e, t)}<a href=${v(a.hrefs.school, { id: s.id })}>${s.name}</a>` : l`<span class="mut">TBD</span>`;
+  return s ? l`${G(a, e, t)}<a href=${v(a.hrefs.school, { id: s.id })}>${s.name}</a>` : l`<span class="mut">TBD</span>`;
 }
 function W(a, e, t = 5) {
   const s = a.records[e];
@@ -459,19 +459,19 @@ function W(a, e, t = 5) {
 			href=${v(a.hrefs.game, { sport: a.sport, id: o.gameId })}>${o.mark}</a>`)}
 	</span>`;
 }
-function z(a) {
+function B(a) {
   const e = me(a);
   return l`<span class="pill ${e.kind}">${e.label}</span>`;
 }
 function J(a, e, t) {
   if (!e) return l`<span class="mut">·</span>`;
   const s = e.homeTeamId === t ? e.awayTeamId : e.homeTeamId, r = e.homeTeamId === t ? "vs" : "at";
-  return l`${e.state === "live" ? l`<span class="pill live">Live</span> ` : l`${$(e.date, { month: "numeric", day: "numeric" })} `}${r} ${P(a, s)}`;
+  return l`${e.state === "live" ? l`<span class="pill live">Live</span> ` : l`${b(e.date, { month: "numeric", day: "numeric" })} `}${r} ${z(a, s)}`;
 }
-class ue extends b {
+class ue extends y {
   static styles = S;
   static properties = {
-    ...b.properties,
+    ...y.properties,
     sport: { type: String },
     season: { type: String },
     date: { type: String }
@@ -486,7 +486,7 @@ class ue extends b {
     }
   }
   async fetchData(e) {
-    const t = this.season || E(), [s, r, o, n, i] = await Promise.all([
+    const t = this.season || A(), [s, r, o, n, i] = await Promise.all([
       e.listSchools(),
       e.listTeams({ sport: this.sport }),
       e.listConferences(),
@@ -521,7 +521,7 @@ class ue extends b {
 			<div class="band">
 				<div class="inner">
 					<h1>${R(this.sport)} scores &amp; schedules</h1>
-					<p class="sub">${$(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${r.length} games</p>
+					<p class="sub">${b(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${r.length} games</p>
 				</div>
 			</div>
 			<div class="view">
@@ -531,7 +531,7 @@ class ue extends b {
       this.date = n.target.value;
     }}>
 						${s.map((n) => l`<option value=${n} ?selected=${n === this.date}>
-							${$(n, { weekday: "short", month: "short", day: "numeric" })}${n === O() ? " · today" : ""}
+							${b(n, { weekday: "short", month: "short", day: "numeric" })}${n === O() ? " · today" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s.indexOf(this.date) <= 0}
@@ -556,11 +556,11 @@ class ue extends b {
 		`;
   }
   renderGame(e, t) {
-    const s = t.state === "final" || t.state === "live" ? `${t.awayScore}-${t.homeScore}` : A(t.time);
+    const s = t.state === "final" || t.state === "live" ? `${t.awayScore}-${t.homeScore}` : E(t.time);
     return l`
 			<li>
-				${z(t)}
-				<span class="opp">${G(e, t.awayTeamId, t.date)} at ${G(e, t.homeTeamId, t.date)}</span>
+				${B(t)}
+				<span class="opp">${U(e, t.awayTeamId, t.date)} at ${U(e, t.homeTeamId, t.date)}</span>
 				<span class="res" style="width:auto">${s}</span>
 				<span class="where">${t.venue || ""}</span>
 				${t.broadcast ? l`<span class="pill class">${t.broadcast}</span>` : p}
@@ -570,10 +570,10 @@ class ue extends b {
   }
 }
 globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", ue);
-class ge extends b {
+class ge extends y {
   static styles = S;
   static properties = {
-    ...b.properties,
+    ...y.properties,
     sport: { type: String },
     season: { type: String },
     classFilter: { state: !0 },
@@ -583,7 +583,7 @@ class ge extends b {
     super(), this.sport = "football", this.season = "", this.classFilter = "All", this.query = "";
   }
   async fetchData(e) {
-    const t = this.season || E(), [s, r, o, n, i] = await Promise.all([
+    const t = this.season || A(), [s, r, o, n, i] = await Promise.all([
       e.listConferences({ active: !0 }),
       e.listSchools(),
       e.listTeams({ sport: this.sport }),
@@ -631,7 +631,7 @@ class ge extends b {
       this.query = r.target.value;
     }}>
 					<span class="spacer"></span>
-					<span class="asof">Records through ${$(O(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
+					<span class="asof">Records through ${b(O(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
 				</div>
 				${s.map((r) => this.renderConference(e, r))}
 			</div>
@@ -640,7 +640,7 @@ class ge extends b {
   renderConference(e, t) {
     const s = this.data.teams.filter((n) => n.conferenceId === t.id);
     if (!s.length) return p;
-    const r = this.query.trim().toLowerCase(), o = Q(s, e.records);
+    const r = this.query.trim().toLowerCase(), o = K(s, e.records);
     return l`
 			<div class="card">
 				<div class="card-head">
@@ -664,18 +664,18 @@ class ge extends b {
   renderRow(e, t, s, r) {
     const o = e.schoolsById[t.team.schoolId], n = o?.name || t.team.name || "TBD";
     if (r && !n.toLowerCase().includes(r)) return p;
-    const i = t.rec.pf - t.rec.pa, m = M(this.data.games, t.team.id), h = (t.team.championships || []).map((d) => l`
-			<span class="pill champ" title="${d.season} ${d.title} champion">★ ${d.season} ${d.title}</span>`), c = () => {
+    const i = t.rec.pf - t.rec.pa, m = M(this.data.games, t.team.id), d = (t.team.championships || []).map((h) => l`
+			<span class="pill champ" title="${h.season} ${h.title} champion">★ ${h.season} ${h.title}</span>`), c = () => {
       location.href = v(e.hrefs.school, { id: t.team.schoolId });
     };
     return l`
-			<tr class="rowlink" @click=${(d) => {
-      d.target.closest("a") || c();
+			<tr class="rowlink" @click=${(h) => {
+      h.target.closest("a") || c();
     }}>
 				<td class="mut">${s + 1}</td>
 				<td class="teamcell">
-					${I(o)}${j(e, t.team.id, null)}
-					<a href=${v(e.hrefs.school, { id: t.team.schoolId })}>${n}</a> ${h}
+					${I(o)}${G(e, t.team.id, null)}
+					<a href=${v(e.hrefs.school, { id: t.team.schoolId })}>${n}</a> ${d}
 				</td>
 				<td class="num">${w(t.rec, !0)}</td>
 				<td class="num">${Y(t.confPct)}</td>
@@ -692,7 +692,7 @@ class ge extends b {
   }
 }
 globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", ge);
-const ve = y`
+const ve = $`
 	.hero1 {
 		border-radius: var(--hsot-radius-md); color: var(--hsot-white);
 		padding: 1.3rem 1.4rem; display: flex; align-items: center; gap: 1.2rem;
@@ -709,10 +709,10 @@ const ve = y`
 	.delta.new { background: var(--hsot-straw); color: #6b5900; border-radius: var(--hsot-radius-xs); padding: 0.1rem 0.3rem; font-size: 0.7rem; }
 	.sparkline { vertical-align: middle; }
 `;
-class $e extends b {
+class be extends y {
   static styles = [...S, ve];
   static properties = {
-    ...b.properties,
+    ...y.properties,
     sport: { type: String },
     gender: { type: String },
     season: { type: String },
@@ -727,13 +727,13 @@ class $e extends b {
     e && (this.pollDate = e);
   }
   async fetchData(e) {
-    const t = this.season || E(), [s, r, o, n, i] = await Promise.all([
+    const t = this.season || A(), [s, r, o, n, i] = await Promise.all([
       e.listRankings({ sport: this.sport, ...this.gender ? { gender: this.gender } : {} }),
       e.listSchools(),
       e.listTeams({ sport: this.sport }),
       e.listConferences(),
       e.listGames({ sport: this.sport, season: t })
-    ]), m = s.items.filter((h) => !this.gender || !h.gender || h.gender === this.gender).sort((h, c) => c.effectiveDate.localeCompare(h.effectiveDate));
+    ]), m = s.items.filter((d) => !this.gender || !d.gender || d.gender === this.gender).sort((d, c) => c.effectiveDate.localeCompare(d.effectiveDate));
     return {
       season: t,
       polls: m,
@@ -754,21 +754,21 @@ class $e extends b {
     }, this._ctxData = this.data), this._ctx;
   }
   sparkline(e, t, s) {
-    const i = t.map((d, f) => {
-      const u = (d.teamIds || []).indexOf(e);
+    const i = t.map((h, f) => {
+      const u = (h.teamIds || []).indexOf(e);
       if (u === -1) return null;
       const x = t.length === 1 ? 96 / 2 : f / (t.length - 1) * 90 + 3, L = 3 + u / 24 * 20;
       return { x, y: L };
     }), m = [];
-    let h = [];
-    if (i.forEach((d) => {
-      d ? h.push(d) : h.length && (m.push(h), h = []);
-    }), h.length && m.push(h), !m.length) return p;
+    let d = [];
+    if (i.forEach((h) => {
+      h ? d.push(h) : d.length && (m.push(d), d = []);
+    }), d.length && m.push(d), !m.length) return p;
     const c = i[s];
     return l`<svg class="sparkline" width=${96} height=${26} viewBox="0 0 ${96} ${26}" role="img" aria-label="rank history">
-			${m.map((d) => V`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
-				points=${d.map((f) => `${f.x.toFixed(1)},${f.y.toFixed(1)}`).join(" ")}></polyline>`)}
-			${c ? V`<circle cx=${c.x.toFixed(1)} cy=${c.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : p}
+			${m.map((h) => q`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
+				points=${h.map((f) => `${f.x.toFixed(1)},${f.y.toFixed(1)}`).join(" ")}></polyline>`)}
+			${c ? q`<circle cx=${c.x.toFixed(1)} cy=${c.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : p}
 		</svg>`;
   }
   movement(e, t, s) {
@@ -778,7 +778,7 @@ class $e extends b {
   renderView() {
     const e = this.ctx, t = this.data.polls;
     if (!t.length) return l`<div class="view"><p class="empty">No ${this.sport} polls published yet this season.</p></div>`;
-    const s = Math.max(0, t.findIndex((d) => d.effectiveDate === this.pollDate)), r = t[s] || t[0], o = t[s + 1] || null, n = t.slice().reverse(), i = n.indexOf(r), m = g(this.data.conferences), h = (r.teamIds || [])[0], c = h ? T(e, h) : null;
+    const s = Math.max(0, t.findIndex((h) => h.effectiveDate === this.pollDate)), r = t[s] || t[0], o = t[s + 1] || null, n = t.slice().reverse(), i = n.indexOf(r), m = g(this.data.conferences), d = (r.teamIds || [])[0], c = d ? T(e, d) : null;
     return l`
 			<div class="band">
 				<div class="inner">
@@ -789,11 +789,11 @@ class $e extends b {
 			<div class="view">
 				<div class="toolbar">
 					<label class="asof" for="pollsel">Poll of</label>
-					<select id="pollsel" @change=${(d) => {
-      this.pollDate = d.target.value;
+					<select id="pollsel" @change=${(h) => {
+      this.pollDate = h.target.value;
     }}>
-						${t.map((d, f) => l`<option value=${d.effectiveDate} ?selected=${d === r}>
-							${$(d.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
+						${t.map((h, f) => l`<option value=${h.effectiveDate} ?selected=${h === r}>
+							${b(h.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s >= t.length - 1}
@@ -807,14 +807,14 @@ class $e extends b {
 					<span class="spacer"></span>
 					<span class="asof">Movement vs. the previous poll · sparkline = season rank history</span>
 				</div>
-				${c ? this.renderHero(e, r, o, h, c, m) : p}
+				${c ? this.renderHero(e, r, o, d, c, m) : p}
 				<div class="card"><div class="tablewrap"><table class="data">
 					<thead><tr>
 						<th class="num">Rk</th><th>Mvmt</th><th>Team</th><th class="num">Record</th>
 						<th>Conference</th><th>Last result</th><th>Next</th><th>Season</th>
 					</tr></thead>
 					<tbody>
-						${(r.teamIds || []).map((d, f) => f === 0 || !d ? p : this.renderRow(e, r, o, n, i, m, d, f + 1))}
+						${(r.teamIds || []).map((h, f) => f === 0 || !h ? p : this.renderRow(e, r, o, n, i, m, h, f + 1))}
 					</tbody>
 				</table></div></div>
 				<p class="note">Ranks elsewhere on the site resolve the poll in effect on the game date, so past box scores keep the ranks they were played under.</p>
@@ -822,7 +822,7 @@ class $e extends b {
 		`;
   }
   renderHero(e, t, s, r, o, n) {
-    const i = e.records[r], m = K(e.records, r), h = n[e.teamsById[r]?.conferenceId], c = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
+    const i = e.records[r], m = Q(e.records, r), d = n[e.teamsById[r]?.conferenceId], c = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
     return l`
 			<div class="hero1" style="background:${c}">
 				<div class="bigrank">#1</div>
@@ -830,9 +830,9 @@ class $e extends b {
 				<div>
 					<h2><a href=${v(e.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
 					<div class="facts">
-						${w(i)} overall${h ? l` · ${w(i, !0)} ${h.name}` : p}
+						${w(i)} overall${d ? l` · ${w(i, !0)} ${d.name}` : p}
 						· streak ${_(i?.results) || "·"}
-						${m ? l` · last: ${m.mark} ${m.my}-${m.their} vs ${P(e, m.opp)}` : p}
+						${m ? l` · last: ${m.mark} ${m.my}-${m.their} vs ${z(e, m.opp)}` : p}
 						&nbsp;${this.movement(t, s, r)}
 					</div>
 				</div>
@@ -840,10 +840,10 @@ class $e extends b {
 		`;
   }
   renderRow(e, t, s, r, o, n, i, m) {
-    const h = T(e, i);
-    if (!h) return p;
-    const c = e.records[i], d = K(e.records, i), f = M(this.data.games, i), u = n[e.teamsById[i]?.conferenceId], x = () => {
-      location.href = v(e.hrefs.school, { id: h.id });
+    const d = T(e, i);
+    if (!d) return p;
+    const c = e.records[i], h = Q(e.records, i), f = M(this.data.games, i), u = n[e.teamsById[i]?.conferenceId], x = () => {
+      location.href = v(e.hrefs.school, { id: d.id });
     };
     return l`
 			<tr class="rowlink" @click=${(L) => {
@@ -851,21 +851,21 @@ class $e extends b {
     }}>
 				<td class="num" style="font-weight:700">${m}</td>
 				<td>${this.movement(t, s, i)}</td>
-				<td class="teamcell">${I(h)}<a href=${v(e.hrefs.school, { id: h.id })}>${h.name}</a>
-					<span class="mut" style="font-size:0.78rem">${h.mascot || ""}</span></td>
+				<td class="teamcell">${I(d)}<a href=${v(e.hrefs.school, { id: d.id })}>${d.name}</a>
+					<span class="mut" style="font-size:0.78rem">${d.mascot || ""}</span></td>
 				<td class="num">${w(c)}</td>
 				<td class="mut">${u?.name || "Independent"}</td>
-				<td>${d ? l`<a class="box" style="text-decoration:none" href=${v(e.hrefs.game, { sport: this.sport, id: d.gameId })}>
-					<b style="color:${d.mark === "W" ? "var(--hsot-win)" : d.mark === "L" ? "var(--hsot-loss)" : "var(--hsot-tie)"}">${d.mark}</b>
-					${d.my}-${d.their} vs ${P(e, d.opp)}</a>` : l`<span class="mut">·</span>`}</td>
+				<td>${h ? l`<a class="box" style="text-decoration:none" href=${v(e.hrefs.game, { sport: this.sport, id: h.gameId })}>
+					<b style="color:${h.mark === "W" ? "var(--hsot-win)" : h.mark === "L" ? "var(--hsot-loss)" : "var(--hsot-tie)"}">${h.mark}</b>
+					${h.my}-${h.their} vs ${z(e, h.opp)}</a>` : l`<span class="mut">·</span>`}</td>
 				<td>${J(e, f, i)}</td>
 				<td>${this.sparkline(i, r, o)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", $e);
-const be = y`
+globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", be);
+const ye = $`
 	.schoolhero { color: var(--hsot-white); padding: 1.6rem 1.25rem 1.3rem; }
 	.schoolhero .inner { max-width: 1366px; margin: 0 auto; display: flex; gap: 1.2rem; align-items: center; flex-wrap: wrap; }
 	.schoolhero .crest {
@@ -890,10 +890,10 @@ const be = y`
 	.cols { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 1.25rem; }
 	@media (max-width: 900px) { .cols { grid-template-columns: 1fr; } .schoolhero h1 { font-size: 1.9rem; } }
 `;
-class ye extends b {
-  static styles = [...S, be];
+class $e extends y {
+  static styles = [...S, ye];
   static properties = {
-    ...b.properties,
+    ...y.properties,
     schoolId: { type: String, attribute: "school-id" },
     sport: { type: String },
     season: { type: String },
@@ -908,7 +908,7 @@ class ye extends b {
     e && !this.sport && (this.sport = e);
   }
   async fetchData(e) {
-    const t = this.season || E(), s = await e.getSchool(this.schoolId), o = (await e.listTeams({ schoolId: this.schoolId })).items, n = o.find((x) => x.sport === (this.sport || "football")) || o[0] || null, [i, m, h, c, d, f, u] = await Promise.all([
+    const t = this.season || A(), s = await e.getSchool(this.schoolId), o = (await e.listTeams({ schoolId: this.schoolId })).items, n = o.find((x) => x.sport === (this.sport || "football")) || o[0] || null, [i, m, d, c, h, f, u] = await Promise.all([
       n ? e.listGames({ sport: n.sport, season: t }) : Promise.resolve({ items: [] }),
       n ? e.listTeams({ sport: n.sport }) : Promise.resolve({ items: [] }),
       e.listSchools(),
@@ -926,9 +926,9 @@ class ye extends b {
       active: n,
       games: i.items,
       allTeams: m.items,
-      schools: h.items,
+      schools: d.items,
       conferences: c.items,
-      rankings: d.items,
+      rankings: h.items,
       roster: f.items.find((x) => x.season === t) || null,
       players: u.items
     };
@@ -949,17 +949,17 @@ class ye extends b {
   renderView() {
     const { school: e, teams: t, active: s, season: r } = this.data;
     if (!e) return l`<div class="view"><p class="empty">School not found.</p></div>`;
-    const o = this.ctx, n = F(e.colorPrimary || "#030711"), i = (e.adm || [])[0], m = g(this.data.conferences), h = s ? m[s.conferenceId] : null;
+    const o = this.ctx, n = F(e.colorPrimary || "#030711"), i = (e.adm || [])[0], m = g(this.data.conferences), d = s ? m[s.conferenceId] : null;
     return l`
 			<div class="schoolhero" style="background:linear-gradient(115deg, ${e.colorPrimary || "#030711"} 0%, ${e.colorPrimary || "#030711"} 55%, var(--hsot-black) 100%);color:${n}">
 				<div class="inner">
-					${B(e, 84) ? l`<img class="crest logo" alt="" loading="lazy" src=${B(e, 84)} />` : l`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${F(e.colorSecondary || "#7C7C7C")}">${U(e)}</div>`}
+					${P(e, 84) ? l`<img class="crest logo" alt="" loading="lazy" src=${P(e, 84)} />` : l`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${F(e.colorSecondary || "#7C7C7C")}">${j(e)}</div>`}
 					<div style="min-width:260px">
 						<h1>${e.name} <span class="mascot">${e.mascot || ""}</span></h1>
 						<div class="facts">
 							${e.location ? l`<span><b>Location</b>${e.location}${e.county ? l` · ${e.county} County` : p}</span>` : p}
 							${e.association ? l`<span><b>League</b>${e.association}${e.classification ? l` · ${e.classification}` : p}</span>` : p}
-							${h ? l`<span><b>Conference</b>${h.name}</span>` : p}
+							${d ? l`<span><b>Conference</b>${d.name}</span>` : p}
 							${i ? l`<span><b>Enrollment</b>${i.value.toLocaleString()} (${i.season} ADM)</span>` : p}
 							${e.openingYear ? l`<span><b>Opened</b>${e.openingYear}</span>` : p}
 							${e.areaCode ? l`<span><b>Area</b>${e.areaCode}</span>` : p}
@@ -970,18 +970,18 @@ class ye extends b {
 			</div>
 			<div class="band">
 				<nav class="tabs" aria-label="Teams">
-					${t.map((c) => c.id === s?.id ? l`<a class="on" href="#" @click=${(d) => d.preventDefault()}>${c.name}</a>` : l`<a href="#" @click=${(d) => {
-      d.preventDefault(), this.switchSport(c.sport);
+					${t.map((c) => c.id === s?.id ? l`<a class="on" href="#" @click=${(h) => h.preventDefault()}>${c.name}</a>` : l`<a href="#" @click=${(h) => {
+      h.preventDefault(), this.switchSport(c.sport);
     }}>${c.name}</a>`)}
 				</nav>
 			</div>
 			<div class="view">
-				${s ? this.renderTeam(o, s, h, r) : l`<p class="empty">No teams recorded for this school yet.</p>`}
+				${s ? this.renderTeam(o, s, d, r) : l`<p class="empty">No teams recorded for this school yet.</p>`}
 			</div>
 		`;
   }
   renderTeam(e, t, s, r) {
-    const o = e.records[t.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, n = o.w + o.l + o.t, i = s ? this.data.allTeams.filter((d) => d.conferenceId === s.id) : [], m = s ? Q(i, e.records).findIndex((d) => d.team.id === t.id) + 1 : 0, h = X(e.rankings, e.teamsById, t.id, t.sport, null), c = this.data.games.filter((d) => d.homeTeamId === t.id || d.awayTeamId === t.id).sort((d, f) => String(d.date).localeCompare(String(f.date)));
+    const o = e.records[t.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, n = o.w + o.l + o.t, i = s ? this.data.allTeams.filter((h) => h.conferenceId === s.id) : [], m = s ? K(i, e.records).findIndex((h) => h.team.id === t.id) + 1 : 0, d = X(e.rankings, e.teamsById, t.id, t.sport, null), c = this.data.games.filter((h) => h.homeTeamId === t.id || h.awayTeamId === t.id).sort((h, f) => String(h.date).localeCompare(String(f.date)));
     return l`
 			<div class="tiles">
 				<div class="tile"><div class="k">Overall</div><div class="v">${w(o)}</div><div class="s">${n} games played</div></div>
@@ -991,18 +991,18 @@ class ye extends b {
 					<div class="s">scored per game · ${n ? (o.pa / n).toFixed(1) : "0.0"} allowed</div></div>
 				<div class="tile"><div class="k">Streak</div><div class="v">${_(o.results) || "·"}</div>
 					<div class="s">last 5: ${W(e, t.id)}</div></div>
-				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${h ? `#${h}` : "NR"}</div>
+				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${d ? `#${d}` : "NR"}</div>
 					<div class="s"><a href=${v(e.hrefs.section, { sport: t.sport, view: "rankings" })}>full poll</a></div></div>
 			</div>
 			${(t.championships || []).length ? l`
 				<div style="margin:-0.2rem 0 1rem;display:flex;gap:0.4rem;flex-wrap:wrap">
-					${t.championships.map((d) => l`<span class="pill champ">★ ${d.season} ${d.title} champion${d.classification ? ` · ${d.classification}` : ""}${d.region ? ` · ${d.region}` : ""}</span>`)}
+					${t.championships.map((h) => l`<span class="pill champ">★ ${h.season} ${h.title} champion${h.classification ? ` · ${h.classification}` : ""}${h.region ? ` · ${h.region}` : ""}</span>`)}
 				</div>` : p}
 			<div class="cols">
 				<div>
 					<div class="section-title">Schedule &amp; results</div>
 					<div class="card">
-						${c.length ? l`<ul class="gamelist">${c.map((d) => this.renderGameRow(e, t, d))}</ul>` : l`<p class="empty">No ${t.sport} games recorded for ${r}.</p>`}
+						${c.length ? l`<ul class="gamelist">${c.map((h) => this.renderGameRow(e, t, h))}</ul>` : l`<p class="empty">No ${t.sport} games recorded for ${r}.</p>`}
 					</div>
 				</div>
 				<div>
@@ -1014,19 +1014,19 @@ class ye extends b {
   }
   renderGameRow(e, t, s) {
     const r = s.homeTeamId === t.id, o = r ? s.awayTeamId : s.homeTeamId, n = r ? s.homeScore : s.awayScore, i = r ? s.awayScore : s.homeScore;
-    let m = l`<span class="mut">${A(s.time)}</span>`;
+    let m = l`<span class="mut">${E(s.time)}</span>`;
     if (s.state === "final") {
-      const c = H(s), d = c === "tie" ? "T" : c === (r ? "home" : "away") ? "W" : "L";
-      m = l`<span class=${d}>${d}</span> ${n}-${i}${s.finish === "overtime" ? l` <span class="mut">OT</span>` : p}${s.forfeit && s.forfeit !== "none" ? l` <span class="mut">FF</span>` : p}`;
+      const c = H(s), h = c === "tie" ? "T" : c === (r ? "home" : "away") ? "W" : "L";
+      m = l`<span class=${h}>${h}</span> ${n}-${i}${s.finish === "overtime" ? l` <span class="mut">OT</span>` : p}${s.forfeit && s.forfeit !== "none" ? l` <span class="mut">FF</span>` : p}`;
     } else s.state === "live" && (m = l`<span style="color:var(--hsot-red)">${n}-${i}</span>`);
-    const h = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
+    const d = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
     return l`
 			<li>
-				<span class="d">${$(s.date)}</span>
-				${z(s)}
+				<span class="d">${b(s.date)}</span>
+				${B(s)}
 				<span class="res">${m}</span>
-				<span class="opp">${r ? "vs" : "at"} ${G(e, o, s.date)}
-					<span class="pill type">${h}</span>
+				<span class="opp">${r ? "vs" : "at"} ${U(e, o, s.date)}
+					<span class="pill type">${d}</span>
 					${s.broadcast ? l`<span class="pill class">${s.broadcast}</span>` : p}
 				</span>
 				<span class="where">${s.venue || ""}</span>
@@ -1059,8 +1059,22 @@ class ye extends b {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", ye);
-const we = y`
+globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", $e);
+const we = "https://api.wral.com/search";
+function xe(a) {
+  return a.map((e) => `uri:"${e}"`).join(" OR ");
+}
+function ke(a, e) {
+  const t = String(a || we).replace(/\/+$/, ""), s = new URLSearchParams({ query: xe(e), sort: "score", lang: "en" });
+  return `${t}/v1/query?${s}`;
+}
+async function Te(a, e, t) {
+  const r = await ((...i) => fetch(...i))(ke(a, e));
+  if (!r.ok) throw new Error(`search answered ${r.status}`);
+  const o = await r.json(), n = new Map((o.items || []).map((i) => [i.uri, i]));
+  return e.map((i) => n.get(i) || { uri: i, title: i });
+}
+const Ie = $`
 	.breadcrumbs { font-size: 0.8125rem; margin: 0.9rem 0 0; color: var(--hsot-gray-5); }
 	.breadcrumbs a { text-decoration: none; }
 	.scorehead { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; padding: 1.4rem 1rem; }
@@ -1081,6 +1095,14 @@ const we = y`
 	.scorehead .mid { text-align: center; }
 	.scorehead .bigscore { font-family: var(--hsot-heading-font); font-weight: 700; font-size: 3rem; line-height: 1; color: var(--hsot-black); white-space: nowrap; }
 	.scorehead .status { margin-top: 0.3rem; font-size: 0.8rem; color: var(--hsot-gray-5); }
+	.covgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
+	.covcard { display: flex; flex-direction: column; text-decoration: none; color: inherit; margin-bottom: 0; }
+	.covcard:hover .covtitle { color: var(--hsot-red-deep); }
+	.covimg { width: 100%; aspect-ratio: 1.91; object-fit: cover; display: block; background: var(--hsot-gray-1); }
+	.covbody { padding: 0.75rem 0.9rem 0.85rem; }
+	.covtitle { font-family: var(--hsot-heading-font); font-weight: 700; font-size: 1.05rem; line-height: 1.25; overflow-wrap: anywhere; }
+	.covdesc { margin: 0.35rem 0 0; font-size: 0.85rem; color: var(--hsot-gray-5); line-height: 1.4; }
+	.covmeta { margin-top: 0.45rem; font-size: 0.78rem; color: var(--hsot-gray-5); }
 	.cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
 	.ctxcard { padding: 0.85rem 1rem; }
 	.ctxcard .who { font-family: var(--hsot-heading-font); font-weight: 700; margin-bottom: 0.4rem; }
@@ -1091,30 +1113,39 @@ const we = y`
 		.cols { grid-template-columns: 1fr; }
 	}
 `;
-class xe extends b {
-  static styles = [...S, we];
+class Se extends y {
+  static styles = [...S, Ie];
   static properties = {
-    ...b.properties,
-    gameId: { type: String, attribute: "game-id" }
+    ...y.properties,
+    gameId: { type: String, attribute: "game-id" },
+    // The public site search that resolves Game.coverageUrls into cards
+    // (DEV-1236). Shared cross-stage by design — see the studio host's
+    // registry — so the prod default is right everywhere; the attribute
+    // exists for the same reason the href templates do.
+    searchApi: { type: String, attribute: "search-api" }
   };
   constructor() {
-    super(), this.gameId = "";
+    super(), this.gameId = "", this.searchApi = "";
   }
   async fetchData(e) {
-    const t = await e.getGame(this.gameId), [s, r, o, n, i] = await Promise.all([
+    const t = await e.getGame(this.gameId), s = Array.isArray(t.coverageUrls) ? t.coverageUrls : [], [r, o, n, i, m, d] = await Promise.all([
       e.listSchools(),
       e.listTeams({ sport: t.sport }),
       e.listConferences(),
       e.listRankings({ sport: t.sport }),
-      e.listGames({ sport: t.sport, season: t.season })
+      e.listGames({ sport: t.sport, season: t.season }),
+      // A search outage must not blank the box score — degrade to bare
+      // links (fetchCoverage already degrades per-URL index misses).
+      s.length ? Te(this.searchApi, s).catch(() => s.map((c) => ({ uri: c, title: c }))) : Promise.resolve([])
     ]);
     return {
       game: t,
-      schools: s.items,
-      teams: r.items,
-      conferences: o.items,
-      rankings: n.items,
-      games: i.items
+      schools: r.items,
+      teams: o.items,
+      conferences: n.items,
+      rankings: i.items,
+      games: m.items,
+      coverage: d
     };
   }
   get ctx() {
@@ -1130,7 +1161,7 @@ class xe extends b {
   renderView() {
     const e = this.data.game;
     if (!e) return l`<div class="view"><p class="empty">Game not found.</p></div>`;
-    const t = this.ctx, s = g(this.data.conferences), r = t.teamsById[e.awayTeamId] ? t.schoolsById[t.teamsById[e.awayTeamId].schoolId] : null, o = t.teamsById[e.homeTeamId] ? t.schoolsById[t.teamsById[e.homeTeamId].schoolId] : null, n = H(e), i = (c) => e.state === "final" && n !== c && n !== "tie" ? "opacity:0.45" : "", m = e.conferenceId ? s[e.conferenceId] : null, h = this.data.games.filter((c) => c.id !== e.id && c.state === "final" && c.gameType !== "scrimmage" && (c.homeTeamId === e.homeTeamId && c.awayTeamId === e.awayTeamId || c.homeTeamId === e.awayTeamId && c.awayTeamId === e.homeTeamId));
+    const t = this.ctx, s = g(this.data.conferences), r = t.teamsById[e.awayTeamId] ? t.schoolsById[t.teamsById[e.awayTeamId].schoolId] : null, o = t.teamsById[e.homeTeamId] ? t.schoolsById[t.teamsById[e.homeTeamId].schoolId] : null, n = H(e), i = (c) => e.state === "final" && n !== c && n !== "tie" ? "opacity:0.45" : "", m = e.conferenceId ? s[e.conferenceId] : null, d = this.data.games.filter((c) => c.id !== e.id && c.state === "final" && c.gameType !== "scrimmage" && (c.homeTeamId === e.homeTeamId && c.awayTeamId === e.awayTeamId || c.homeTeamId === e.awayTeamId && c.awayTeamId === e.homeTeamId));
     return l`
 			<div class="view">
 				<p class="breadcrumbs">
@@ -1147,8 +1178,8 @@ class xe extends b {
 								<span class="mut" style="font-size:1.6rem">–</span>
 								<span style=${i("home")}>${e.homeScore}</span>
 							</div>
-							<div class="status">${z(e)}</div>
-							<div class="status">${$(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? l` · ${A(e.time)}` : p} · ${e.venue || "Venue TBD"}
+							<div class="status">${B(e)}</div>
+							<div class="status">${b(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? l` · ${E(e.time)}` : p} · ${e.venue || "Venue TBD"}
 								${e.broadcast ? l` · <span class="pill class">${e.broadcast}</span>` : p}</div>
 							<div class="status">
 								<span class="pill type">${e.gameType === "conference" ? `${m?.name || "Conference"} game` : e.gameType}</span>
@@ -1161,22 +1192,31 @@ class xe extends b {
 					${this.renderLineScore(e, r, o)}
 					${e.notes ? l`<p class="note" style="padding:0 1rem 0.9rem;text-align:center">${e.notes}</p>` : p}
 				</div>
-				${e.storyAssetId || e.videoAssetId ? l`
+				${(this.data.coverage || []).length ? l`
 					<div class="section-title">Coverage</div>
-					<div class="card" style="padding:0.8rem 1rem;display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center">
-						${e.storyAssetId ? l`<span class="pill class" title="Game.storyAssetId">Game story · ${e.storyAssetId}</span>` : p}
-						${e.videoAssetId ? l`<span class="pill class" title="Game.videoAssetId">Highlights · ${e.videoAssetId}</span>` : p}
-						<span class="asof">Story and video ride the Game resource as Studio asset references.</span>
+					<div class="covgrid">
+						${this.data.coverage.map((c) => l`
+							<a class="card covcard" href=${c.uri}>
+								${c.image ? l`<img class="covimg" src=${c.image} alt="" loading="lazy" />` : p}
+								<div class="covbody">
+									<div class="covtitle">${c.videoDuration ? l`<span class="pill live" style="animation:none">Video</span> ` : p}${c.title || c.uri}</div>
+									${c.description ? l`<p class="covdesc">${c.description}</p>` : p}
+									${c.author || c.publishedTime ? l`
+										<div class="covmeta">${[c.author, c.publishedTime ? new Date(c.publishedTime).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : ""].filter(Boolean).join(" · ")}</div>
+									` : p}
+								</div>
+							</a>
+						`)}
 					</div>` : p}
 				<div class="section-title">Season context</div>
 				<div class="cols">
-					${[[e.awayTeamId, r], [e.homeTeamId, o]].map(([c, d]) => this.renderContext(t, c, d))}
+					${[[e.awayTeamId, r], [e.homeTeamId, o]].map(([c, h]) => this.renderContext(t, c, h))}
 				</div>
-				${h.length ? l`
+				${d.length ? l`
 					<div class="section-title">Head to head this season</div>
 					<div class="card"><ul class="gamelist">
-						${h.map((c) => l`<li>
-							<span class="d">${$(c.date)}</span>${z(c)}
+						${d.map((c) => l`<li>
+							<span class="d">${b(c.date)}</span>${B(c)}
 							<span class="opp">${k(t, c.awayTeamId)} ${c.awayScore}, ${k(t, c.homeTeamId)} ${c.homeScore}</span>
 							<a class="box" href=${v(t.hrefs.game, { sport: e.sport, id: c.id })}>Box score →</a>
 						</li>`)}
@@ -1186,12 +1226,12 @@ class xe extends b {
   }
   teamBlock(e, t, s, r, o) {
     if (!r) return l`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
-    const n = e.teamsById[s], i = e.records[s], m = B(r, 58);
+    const n = e.teamsById[s], i = e.records[s], m = P(r, 58);
     return l`
 			<div class="teamblock ${o ? "right" : ""}">
-				${m ? l`<img class="crest logo" alt="" loading="lazy" src=${m} />` : l`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${F(r.colorPrimary || "#030711")}">${U(r)}</span>`}
+				${m ? l`<img class="crest logo" alt="" loading="lazy" src=${m} />` : l`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${F(r.colorPrimary || "#030711")}">${j(r)}</span>`}
 				<div>
-					<div class="tname">${j(e, s, t.date)}<a href=${v(e.hrefs.school, { id: r.id })}>${r.name}</a></div>
+					<div class="tname">${G(e, s, t.date)}<a href=${v(e.hrefs.school, { id: r.id })}>${r.name}</a></div>
 					<div class="trec">${r.mascot || ""} · ${w(i)}${n?.conferenceId ? l` · ${w(i, !0)} conf` : p}</div>
 				</div>
 			</div>
@@ -1201,19 +1241,19 @@ class xe extends b {
     const r = e.periodScores || [];
     if (!r.length)
       return l`<p class="empty" style="text-align:center">Period scoring will appear once the game starts.</p>`;
-    const o = Math.max(4, ...r.map((h) => h.period)), n = (h) => h <= 4 ? String(h) : `OT${h > 5 ? h - 4 : ""}`, i = (h, c) => {
-      const d = r.find((f) => f.period === c);
-      return d ? d[h] : e.state === "final" ? 0 : "·";
-    }, m = (h, c, d) => l`
+    const o = Math.max(4, ...r.map((d) => d.period)), n = (d) => d <= 4 ? String(d) : `OT${d > 5 ? d - 4 : ""}`, i = (d, c) => {
+      const h = r.find((f) => f.period === c);
+      return h ? h[d] : e.state === "final" ? 0 : "·";
+    }, m = (d, c, h) => l`
 			<tr>
-				<td class="teamcell">${I(h, 20)}${h?.abbr || "TBD"}</td>
+				<td class="teamcell">${I(d, 20)}${d?.abbr || "TBD"}</td>
 				${Array.from({ length: o }, (f, u) => l`<td class="num">${i(c, u + 1)}</td>`)}
-				<td class="num" style="font-weight:700">${d}</td>
+				<td class="num" style="font-weight:700">${h}</td>
 			</tr>`;
     return l`
 			<div class="tablewrap" style="border-top:1px solid var(--hsot-gray-2)">
 				<table class="data" style="max-width:560px;margin:0.6rem auto 0.9rem">
-					<thead><tr><th>Team</th>${Array.from({ length: o }, (h, c) => l`<th class="num">${n(c + 1)}</th>`)}<th class="num">T</th></tr></thead>
+					<thead><tr><th>Team</th>${Array.from({ length: o }, (d, c) => l`<th class="num">${n(c + 1)}</th>`)}<th class="num">T</th></tr></thead>
 					<tbody>
 						${m(t, "away", e.awayScore)}
 						${m(s, "home", e.homeScore)}
@@ -1232,29 +1272,29 @@ class xe extends b {
 					<span>Last 5: ${W(e, t)}</span>
 					<span>Streak: <b>${r ? _(r.results) : "·"}</b></span>
 					<span>PF/PA: <b>${r ? `${r.pf} / ${r.pa}` : "·"}</b></span>
-					<span>Next: ${o ? l`${$(o.date, { month: "numeric", day: "numeric" })}
-						${o.homeTeamId === t ? "vs" : "at"} ${P(e, o.homeTeamId === t ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
+					<span>Next: ${o ? l`${b(o.date, { month: "numeric", day: "numeric" })}
+						${o.homeTeamId === t ? "vs" : "at"} ${z(e, o.homeTeamId === t ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
 				</div>
 			</div>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", xe);
+globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", Se);
 export {
   N as D,
-  xe as H,
-  $e as a,
-  ye as b,
+  Se as H,
+  be as a,
+  $e as b,
   ue as c,
   ge as d,
   D as e,
   se as f,
   v as g,
   H as h,
-  Te as i,
+  Ce as i,
   _ as j,
   pe as p,
   w as r,
-  Q as s,
+  K as s,
   X as t
 };