@wral/hsot-data 0.1.3 → 0.1.5

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

@@ -1,32 +1,32 @@
-import { LitElement as Z, html as l, css as $, nothing as p, svg as q } from "lit";
-const ee = 50;
-function te(a = {}) {
+import { LitElement as ae, html as l, css as y, nothing as p, svg as Y } from "lit";
+const re = 50;
+function oe(a = {}) {
   const e = Object.entries(a).filter(([, s]) => s != null && s !== "");
   if (!e.length) return "";
   const t = new URLSearchParams();
   return e.forEach(([s, r]) => t.set(s, String(r))), `?${t.toString()}`;
 }
-function se({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
+function ne({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
   if (!a) throw new Error("createClient requires a baseUrl");
   const s = a.replace(/\/+$/, ""), r = t || ((...i) => fetch(...i));
   async function o(i) {
-    const m = { Accept: "application/json" };
-    e && (m.Authorization = `Bearer ${e}`);
-    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;
+    const d = { Accept: "application/json" };
+    e && (d.Authorization = `Bearer ${e}`);
+    const h = await r(`${s}${i}`, { headers: d });
+    if (!h.ok) {
+      const c = new Error(`api-hsot ${h.status} on ${i}`);
+      throw c.status = h.status, c;
     }
-    return d.json();
+    return h.json();
   }
-  async function n(i, m = {}) {
-    const d = [];
+  async function n(i, d = {}) {
+    const h = [];
     let c = null;
-    for (let h = 0; h < ee; h += 1) {
-      const f = te(c ? { ...m, cursor: c } : m), u = await o(`${i}${f}`);
-      if (d.push(...u.items || []), c = u.nextCursor || null, !c) break;
+    for (let m = 0; m < re; m += 1) {
+      const f = oe(c ? { ...d, cursor: c } : d), g = await o(`${i}${f}`);
+      if (h.push(...g.items || []), c = g.nextCursor || null, !c) break;
     }
-    return { items: d, total: d.length, nextCursor: null };
+    return { items: h, total: h.length, nextCursor: null };
   }
   return {
     listSchools: (i) => n("/schools", i),
@@ -39,12 +39,116 @@ function se({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
     listGames: (i) => n("/games", i),
     getGame: (i) => o(`/games/${i}`),
     listTournaments: (i) => n("/tournaments", i),
-    listSeedings: (i, m) => n(`/tournaments/${i}/seedings`, m),
+    listSeedings: (i, d) => n(`/tournaments/${i}/seedings`, d),
     listRankings: (i) => n("/rankings", i),
     listSports: () => o("/sports")
   };
 }
-class y extends Z {
+const O = {
+  game: "/{sport}/game/{id}/",
+  school: "/school/{id}/",
+  section: "/{sport}/{view}/"
+};
+function u(a, e) {
+  return String(a).replace(/\{(\w+)\}/g, (t, s) => e[s] !== void 0 && e[s] !== null ? String(e[s]) : t);
+}
+function D(a) {
+  return {
+    game: a.getAttribute("game-href") || O.game,
+    school: a.getAttribute("school-href") || O.school,
+    section: a.getAttribute("section-href") || O.section
+  };
+}
+const T = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
+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) {
+  if (!a) return "";
+  const [e, t] = String(a).split(":").map(Number);
+  if (Number.isNaN(e)) return "";
+  const s = e >= 12 ? "PM" : "AM";
+  return `${(e + 11) % 12 + 1}:${String(t || 0).padStart(2, "0")} ${s}`;
+}
+function ie(a) {
+  return a ? `${Math.floor(a / 12)}-${a % 12}` : "·";
+}
+function E(a = /* @__PURE__ */ new Date()) {
+  const e = a.getFullYear();
+  return a.getMonth() >= 6 ? `${e}-${e + 1}` : `${e - 1}-${e}`;
+}
+function U(a = /* @__PURE__ */ new Date()) {
+  const e = (t) => String(t).padStart(2, "0");
+  return `${a.getFullYear()}-${e(a.getMonth() + 1)}-${e(a.getDate())}`;
+}
+function M(a) {
+  return a ? (a.abbr || a.name || "?").slice(0, 4).toUpperCase() : "?";
+}
+function B(a) {
+  if (!a || !/^#[0-9a-fA-F]{6}$/.test(a)) return "#FFFFFF";
+  const e = parseInt(a.slice(1), 16), t = e >> 16 & 255, s = e >> 8 & 255, r = e & 255;
+  return 0.299 * t + 0.587 * s + 0.114 * r > 150 ? "#0F1B33" : "#FFFFFF";
+}
+const le = (a) => {
+  const e = ["th", "st", "nd", "rd"], t = a % 100;
+  return a + (e[(t - 20) % 10] || e[t] || e[0]);
+};
+function ce(a) {
+  if (a.state === "live") return { kind: "live", label: `Live · ${a.period || ""}`.replace(/ · $/, "") };
+  if (a.state === "final") {
+    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: `${b(a.date, { month: "short", day: "numeric" })} · ${A(a.time)}`.replace(/ · $/, "") };
+}
+const de = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
+function x(a) {
+  let e = String(a || "").replace(/^[a-z][a-z0-9+.-]*:\/\/[^/#?]*/i, "");
+  const t = e.indexOf("#");
+  let s = "";
+  t !== -1 && (s = e.slice(t).split("?")[0], e = e.slice(0, t));
+  let r = e.split("?")[0] + s;
+  return r = r.replace(/([^:])\/{2,}/g, "$1/").replace(/^\/{2,}/, "/"), r = r.replace(/^\/(?=#)/, ""), r.length > 1 && (r = r.replace(/\/+$/, "")), r.toLowerCase();
+}
+function Z() {
+  const a = globalThis.location;
+  if (!a) return "";
+  const e = (a.hash || "").startsWith("#/") ? a.hash : "";
+  return x((a.pathname || "") + e);
+}
+function he(a, e, t) {
+  if (!t) return null;
+  const s = x(a);
+  if (!s) return null;
+  const r = x(u(e.game, { sport: t, id: "" })), o = x(u(e.school, { id: "" }));
+  if (s === r || s.startsWith(`${r}/`) || s === o || s.startsWith(`${o}/`)) return null;
+  const n = x(u(e.section, { sport: t, view: "" }));
+  if (s === n) return "";
+  if (!s.startsWith(`${n}/`)) return null;
+  const i = s.slice(n.length + 1), d = i.split("/");
+  return d.length > 2 || d.some((h) => !/^[a-z][a-z-]*$/.test(h)) || de.has(d[0]) ? null : i;
+}
+function me(a, e, t) {
+  const s = (n) => u(t.section, { sport: a, view: n }).replace(/([^:])\/{2,}/g, "$1/"), o = new Set((e || []).map((n) => n && n.gender).filter((n) => n === "boys" || n === "girls")).size === 2 ? [
+    { label: "Boys Standings", href: s("boys/standings") },
+    { label: "Girls Standings", href: s("girls/standings") }
+  ] : [{ label: "Standings", href: s("standings") }];
+  return [
+    { label: `${T(a)} Home`, href: s("") },
+    { label: "Scores/Schedule", href: s("scores") },
+    { label: "Playoff Brackets", href: s("brackets") },
+    ...o,
+    { label: "Polls & Rankings", href: s("rankings") }
+  ];
+}
+function pe(a, e = Z()) {
+  const t = x(e);
+  for (const s of a.querySelectorAll(':scope > a[slot="nav"]'))
+    t && x(s.getAttribute("href")) === t ? s.setAttribute("aria-current", "page") : s.removeAttribute("aria-current");
+}
+class $ extends ae {
   static properties = {
     api: { type: String },
     refreshInterval: { type: Number, attribute: "refresh-interval" },
@@ -60,7 +164,7 @@ class y extends Z {
     this._client = e, this.isConnected && this.load();
   }
   get client() {
-    return this._client ? this._client : this.api ? se({ baseUrl: this.api }) : null;
+    return this._client ? this._client : this.api ? ne({ baseUrl: this.api }) : null;
   }
   connectedCallback() {
     super.connectedCallback(), this._setupInterval();
@@ -72,7 +176,7 @@ class y extends Z {
     this.load();
   }
   updated(e) {
-    e.has("api") && e.get("api") !== void 0 && e.get("api") !== this.api && this.load(), e.has("refreshInterval") && this._setupInterval();
+    e.has("api") && e.get("api") !== void 0 && e.get("api") !== this.api && this.load(), e.has("refreshInterval") && this._setupInterval(), pe(this);
   }
   async load() {
     const e = this.client;
@@ -107,7 +211,7 @@ class y extends Z {
     return l``;
   }
 }
-const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
+const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), fe = y`
 	:host {
 		--hsot-red: var(--color-red, #D1232A);
 		--hsot-red-deep: var(--color-red-dark, #951C21);
@@ -125,6 +229,10 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 		--hsot-win: var(--color-green-dark, #66A208);
 		--hsot-loss: var(--color-red, #D1232A);
 		--hsot-tie: var(--color-gray-4, #7C7C7C);
+		--hsot-section-bg: var(--color-section-header, #1A1A1A);
+		--hsot-section-text: var(--color-section-header-text, #FFFFFF);
+		--hsot-section-divider: var(--color-section-header-divider, rgba(255, 255, 255, 0.2));
+		--hsot-section-red: #B90100;
 		--hsot-heading-font: var(--heading-font-family, 'IBM Plex Sans Condensed', 'Helvetica Neue', Helvetica, sans-serif);
 		--hsot-body-font: var(--body-font-family, Roboto, 'Helvetica Neue', Helvetica, sans-serif);
 		--hsot-radius-xs: var(--radius-xs, 0.15rem);
@@ -141,7 +249,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 		outline-offset: 1px;
 	}
 	.mut { color: var(--hsot-gray-5); }
-`, re = $`
+`, ue = y`
 	.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 {
@@ -160,8 +268,37 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	}
 	.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 = $`
+	/* Section-front treatment, matching the site's hsot-section-header: dark
+	   band, red baseline, sub-nav row of section links. The section tokens
+	   inherit from the page when it defines the --color-section-header set. */
+	.band.section {
+		background: var(--hsot-section-bg); color: var(--hsot-section-text);
+		border-bottom: 3px solid var(--hsot-section-red);
+	}
+	.band.section .inner { padding: 1.25rem; }
+	.band.section h1, .band.section h2.bandtitle {
+		color: inherit; font-size: 2.875rem; font-weight: 700; line-height: 1;
+	}
+	.band.section .sub { color: #CFCFCF; margin: 0.4rem 0 0; }
+	nav.sectionnav { border-top: 1px solid var(--hsot-section-divider); }
+	.sectionnav .navrow {
+		display: flex; gap: 1rem; max-width: 1366px; margin: 0 auto;
+		padding: 0 1.25rem; overflow-x: auto; box-sizing: border-box;
+	}
+	.sectionnav a, .sectionnav ::slotted(a) {
+		font-family: var(--hsot-heading-font); font-weight: 500; font-size: 0.875rem;
+		line-height: 1.5rem; text-transform: uppercase; text-decoration: none;
+		white-space: nowrap; padding: 0.5rem; color: #CFCFCF;
+		border-bottom: 2px solid transparent; transition: color 0.15s, border-color 0.15s;
+	}
+	.sectionnav a:hover, .sectionnav a:focus-visible, .sectionnav a[aria-current="page"],
+	.sectionnav ::slotted(a:hover), .sectionnav ::slotted(a:focus-visible), .sectionnav ::slotted(a[aria-current="page"]) {
+		color: var(--hsot-section-text); border-bottom-color: var(--hsot-section-red);
+	}
+	@media (max-width: 720px) {
+		.band h1, .band h2.bandtitle, .band.section h1, .band.section h2.bandtitle { font-size: 1.8rem; }
+	}
+`, ge = y`
 	.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 +341,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	.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); }
-`, ie = $`
+`, ve = y`
 	.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 +356,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	.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; } }
-`, ne = $`
+`, be = y`
 	.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 +374,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	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 = $`
+`, $e = y`
 	.swatch {
 		display: inline-flex; align-items: center; justify-content: center;
 		width: 26px; height: 26px; border-radius: 50%;
@@ -261,7 +398,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	.dot.W { background: var(--hsot-win); }
 	.dot.L { background: var(--hsot-loss); }
 	.dot.T { background: var(--hsot-tie); }
-`, ce = $`
+`, ye = y`
 	ul.gamelist { list-style: none; margin: 0; padding: 0; }
 	.gamelist li {
 		display: flex; align-items: center; gap: 0.7rem; padding: 0.55rem 1rem;
@@ -278,136 +415,77 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	.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, ie, ne, le, ce];
-function H(a) {
+`, F = [fe, ue, ge, ve, be, $e, ye];
+function j(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";
 }
-function D(a, e) {
+function z(a, e) {
   const t = {}, s = (o) => (t[o] = t[o] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, t[o]), r = a.filter((o) => o.state === "final" && o.gameType !== "scrimmage" && (!e || o.date <= e)).sort((o, n) => String(o.date).localeCompare(String(n.date)));
   for (const o of r) {
-    const n = H(o), i = o.gameType === "conference";
-    for (const m of ["home", "away"]) {
-      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: h, their: f, opp: m === "home" ? o.awayTeamId : o.homeTeamId, conf: i });
+    const n = j(o), i = o.gameType === "conference";
+    for (const d of ["home", "away"]) {
+      const h = d === "home" ? o.homeTeamId : o.awayTeamId;
+      if (!h) continue;
+      const c = s(h), m = d === "home" ? o.homeScore : o.awayScore, f = d === "home" ? o.awayScore : o.homeScore;
+      c.pf += m, c.pa += f;
+      let g = "T";
+      n === "tie" ? (c.t += 1, i && (c.ct += 1)) : n === d ? (c.w += 1, i && (c.cw += 1), g = "W") : (c.l += 1, i && (c.cl += 1), g = "L"), c.results.push({ gameId: o.id, date: o.date, mark: g, my: m, their: f, opp: d === "home" ? o.awayTeamId : o.homeTeamId, conf: i });
     }
   }
   return t;
 }
-function _(a) {
+function L(a) {
   if (!a || !a.length) return "";
   const e = a[a.length - 1].mark;
   let t = 0;
   for (let s = a.length - 1; s >= 0 && a[s].mark === e; s -= 1) t += 1;
   return e + t;
 }
-const V = (a, e, t) => {
+const Q = (a, e, t) => {
   const s = a + e + t;
   return s ? (a + t / 2) / s : 0;
-}, Y = (a) => a.toFixed(3).replace("0.", ".");
+}, K = (a) => a.toFixed(3).replace("0.", ".");
 function w(a, e = !1) {
   if (!a) return "0-0";
   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 K(a, e) {
+function J(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: V(s.cw, s.cl, s.ct), overallPct: V(s.w, s.l, s.t) };
+    return { team: t, rec: s, confPct: Q(s.cw, s.cl, s.ct), overallPct: Q(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) {
+function G(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 Q(a, e) {
+function X(a, e) {
   const t = a[e];
   return t && t.results.length ? t.results[t.results.length - 1] : null;
 }
-const N = {
-  game: "/{sport}/game/{id}/",
-  school: "/school/{id}/",
-  section: "/{sport}/{view}/"
-};
-function v(a, e) {
-  return String(a).replace(/\{(\w+)\}/g, (t, s) => e[s] !== void 0 && e[s] !== null ? String(e[s]) : t);
-}
-function C(a) {
-  return {
-    game: a.getAttribute("game-href") || N.game,
-    school: a.getAttribute("school-href") || N.school,
-    section: a.getAttribute("section-href") || N.section
-  };
-}
-const R = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
-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 E(a) {
-  if (!a) return "";
-  const [e, t] = String(a).split(":").map(Number);
-  if (Number.isNaN(e)) return "";
-  const s = e >= 12 ? "PM" : "AM";
-  return `${(e + 11) % 12 + 1}:${String(t || 0).padStart(2, "0")} ${s}`;
-}
-function de(a) {
-  return a ? `${Math.floor(a / 12)}-${a % 12}` : "·";
-}
-function A(a = /* @__PURE__ */ new Date()) {
-  const e = a.getFullYear();
-  return a.getMonth() >= 6 ? `${e}-${e + 1}` : `${e - 1}-${e}`;
-}
-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 j(a) {
-  return a ? (a.abbr || a.name || "?").slice(0, 4).toUpperCase() : "?";
-}
-function F(a) {
-  if (!a || !/^#[0-9a-fA-F]{6}$/.test(a)) return "#FFFFFF";
-  const e = parseInt(a.slice(1), 16), t = e >> 16 & 255, s = e >> 8 & 255, r = e & 255;
-  return 0.299 * t + 0.587 * s + 0.114 * r > 150 ? "#0F1B33" : "#FFFFFF";
-}
-const he = (a) => {
-  const e = ["th", "st", "nd", "rd"], t = a % 100;
-  return a + (e[(t - 20) % 10] || e[t] || e[0]);
-};
-function me(a) {
-  if (a.state === "live") return { kind: "live", label: `Live · ${a.period || ""}`.replace(/ · $/, "") };
-  if (a.state === "final") {
-    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: `${b(a.date, { month: "short", day: "numeric" })} · ${E(a.time)}`.replace(/ · $/, "") };
-}
-function Ce(a, e, t, s = "") {
+function Ee(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));
   return r;
 }
-function X(a, e, t, s, r) {
+function ee(a, e, t, s, r) {
   const o = e[t];
   if (!o) return null;
   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 d = m.gender || "", c = n.get(d);
-    (!c || m.effectiveDate > c.effectiveDate) && n.set(d, m);
+  for (const d of a || []) {
+    if (d.sport !== s || r && d.effectiveDate > r || d.gender && o.gender !== d.gender && o.gender !== "coed") continue;
+    const h = d.gender || "", c = n.get(h);
+    (!c || d.effectiveDate > c.effectiveDate) && n.set(h, d);
   }
   let i = null;
-  for (const m of n.values()) {
-    const d = (m.teamIds || []).indexOf(t);
-    d !== -1 && (!i || m.effectiveDate > i.effectiveDate) && (i = { poll: m, rank: d + 1 });
+  for (const d of n.values()) {
+    const h = (d.teamIds || []).indexOf(t);
+    h !== -1 && (!i || d.effectiveDate > i.effectiveDate) && (i = { poll: d, rank: h + 1 });
   }
   return i ? i.rank : null;
 }
-function pe(a, e, t) {
+function we(a, e, t) {
   if (!a) return { kind: "none", delta: 0 };
   const s = (a.teamIds || []).indexOf(t) + 1;
   if (!s) return { kind: "none", delta: 0 };
@@ -417,61 +495,81 @@ function pe(a, e, t) {
   const o = r - s;
   return o > 0 ? { kind: "up", delta: o } : o < 0 ? { kind: "down", delta: -o } : { kind: "same", delta: 0 };
 }
-function fe(a) {
+function xe(a) {
   return /^https?:\/\//i.test(String(a || ""));
 }
 function P(a, e) {
   const t = a?.logoAssetId;
-  if (!fe(t)) return "";
+  if (!xe(t)) return "";
   const s = Math.max(1, Math.round(e * 2)), r = t.includes("?") ? "&" : "?";
   return `${t}${r}w=${s}&h=${s}&f=webp`;
 }
-const T = (a, e) => {
+function W(a, e, { title: t, sub: s, teams: r }) {
+  const o = Z(), i = !!a.querySelector(':scope > a[slot="nav"]') || he(o, e.hrefs, e.sport) !== null;
+  return l`
+		<div class="band section">
+			<div class="inner">
+				<h1>${t}</h1>
+				${s ? l`<p class="sub">${s}</p>` : p}
+			</div>
+			${i ? l`
+				<nav class="sectionnav" aria-label="${T(e.sport)} section">
+					<div class="navrow">
+						<slot name="nav">
+							${me(e.sport, r, e.hrefs).map((d) => l`<a href=${d.href}
+								aria-current=${o && x(d.href) === o ? "page" : p}>${d.label}</a>`)}
+						</slot>
+					</div>
+				</nav>` : p}
+		</div>
+	`;
+}
+const I = (a, e) => {
   const t = a.teamsById[e];
   return t ? a.schoolsById[t.schoolId] : null;
-}, k = (a, e) => T(a, e)?.name || "TBD", z = (a, e) => T(a, e)?.abbr || "TBD";
-function I(a, e = 26) {
+}, S = (a, e) => I(a, e)?.name || "TBD", _ = (a, e) => I(a, e)?.abbr || "TBD";
+function C(a, e = 26) {
   if (!a) return p;
   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);
+  const s = a.colorPrimary || "#030711", r = B(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"
-	>${j(a)}</span>`;
+	>${M(a)}</span>`;
 }
-function G(a, e, t) {
-  const s = X(a.rankings, a.teamsById, e, a.sport, t);
+function q(a, e, t) {
+  const s = ee(a.rankings, a.teamsById, e, a.sport, t);
   return s ? l`<span class="rankbadge">#${s}</span>` : p;
 }
-function U(a, e, t) {
-  const s = T(a, e);
-  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 H(a, e, t) {
+  const s = I(a, e);
+  return s ? l`${q(a, e, t)}<a href=${u(a.hrefs.school, { id: s.id })}>${s.name}</a>` : l`<span class="mut">TBD</span>`;
 }
-function W(a, e, t = 5) {
+function V(a, e, t = 5) {
   const s = a.records[e];
   if (!s || !s.results.length) return l`<span class="mut">·</span>`;
   const r = s.results.slice(-1 * t);
   return l`<span class="dots" role="img" aria-label="last ${r.length} results">
 		${r.map((o) => l`<a class="dot ${o.mark}"
-			title="${o.mark} ${o.my}-${o.their} vs ${k(a, o.opp)}"
-			href=${v(a.hrefs.game, { sport: a.sport, id: o.gameId })}>${o.mark}</a>`)}
+			title="${o.mark} ${o.my}-${o.their} vs ${S(a, o.opp)}"
+			href=${u(a.hrefs.game, { sport: a.sport, id: o.gameId })}>${o.mark}</a>`)}
 	</span>`;
 }
-function B(a) {
-  const e = me(a);
+function R(a) {
+  const e = ce(a);
   return l`<span class="pill ${e.kind}">${e.label}</span>`;
 }
-function J(a, e, t) {
+function te(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`${b(e.date, { month: "numeric", day: "numeric" })} `}${r} ${z(a, s)}`;
+  return l`${e.state === "live" ? l`<span class="pill live">Live</span> ` : l`${b(e.date, { month: "numeric", day: "numeric" })} `}${r} ${_(a, s)}`;
 }
-class ue extends y {
-  static styles = S;
+class ke extends $ {
+  static styles = F;
   static properties = {
-    ...y.properties,
+    ...$.properties,
     sport: { type: String },
     season: { type: String },
     date: { type: String }
@@ -482,11 +580,11 @@ class ue extends y {
   connectedCallback() {
     if (super.connectedCallback(), !this.date) {
       const e = new URLSearchParams(globalThis.location?.search || "").get("date");
-      this.date = e || O();
+      this.date = e || U();
     }
   }
   async fetchData(e) {
-    const t = this.season || A(), [s, r, o, n, i] = await Promise.all([
+    const t = this.season || E(), [s, r, o, n, i] = await Promise.all([
       e.listSchools(),
       e.listTeams({ sport: this.sport }),
       e.listConferences(),
@@ -504,26 +602,25 @@ class ue extends y {
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: D(this.data.games),
+      teamsById: v(this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: z(this.data.games),
       rankings: this.data.rankings,
-      hrefs: C(this),
+      hrefs: D(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   renderView() {
-    const e = this.ctx, t = g(this.data.conferences), s = [...new Set(this.data.games.map((n) => n.date).filter(Boolean))].sort(), r = this.data.games.filter((n) => n.date === this.date).sort((n, i) => (n.state === "live" ? -1 : 1) - (i.state === "live" ? -1 : 1)), o = /* @__PURE__ */ new Map();
+    const e = this.ctx, t = v(this.data.conferences), s = [...new Set(this.data.games.map((n) => n.date).filter(Boolean))].sort(), r = this.data.games.filter((n) => n.date === this.date).sort((n, i) => (n.state === "live" ? -1 : 1) - (i.state === "live" ? -1 : 1)), o = /* @__PURE__ */ new Map();
     return r.forEach((n) => {
       const i = n.gameType === "conference" && n.conferenceId ? t[n.conferenceId]?.name || "Conference" : n.gameType === "playoff" ? "Playoffs" : n.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
       o.has(i) || o.set(i, []), o.get(i).push(n);
     }), l`
-			<div class="band">
-				<div class="inner">
-					<h1>${R(this.sport)} scores &amp; schedules</h1>
-					<p class="sub">${b(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${r.length} games</p>
-				</div>
-			</div>
+			${W(this, e, {
+      title: l`${T(this.sport)} scores &amp; schedules`,
+      sub: l`${b(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${r.length} games`,
+      teams: this.data.teams
+    })}
 			<div class="view">
 				<div class="toolbar">
 					<label class="asof" for="datesel">Date</label>
@@ -531,7 +628,7 @@ class ue extends y {
       this.date = n.target.value;
     }}>
 						${s.map((n) => l`<option value=${n} ?selected=${n === this.date}>
-							${b(n, { weekday: "short", month: "short", day: "numeric" })}${n === O() ? " · today" : ""}
+							${b(n, { weekday: "short", month: "short", day: "numeric" })}${n === U() ? " · today" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s.indexOf(this.date) <= 0}
@@ -549,31 +646,31 @@ class ue extends y {
 				${[...o.entries()].map(([n, i]) => l`
 					<div class="section-title">${n}</div>
 					<div class="card"><ul class="gamelist">
-						${i.map((m) => this.renderGame(e, m))}
+						${i.map((d) => this.renderGame(e, d))}
 					</ul></div>
 				`)}
 			</div>
 		`;
   }
   renderGame(e, t) {
-    const s = t.state === "final" || t.state === "live" ? `${t.awayScore}-${t.homeScore}` : E(t.time);
+    const s = t.state === "final" || t.state === "live" ? `${t.awayScore}-${t.homeScore}` : A(t.time);
     return l`
 			<li>
-				${B(t)}
-				<span class="opp">${U(e, t.awayTeamId, t.date)} at ${U(e, t.homeTeamId, t.date)}</span>
+				${R(t)}
+				<span class="opp">${H(e, t.awayTeamId, t.date)} at ${H(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}
-				<a class="box" href=${v(e.hrefs.game, { sport: this.sport, id: t.id })}>Box score →</a>
+				<a class="box" href=${u(e.hrefs.game, { sport: this.sport, id: t.id })}>Box score →</a>
 			</li>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", ue);
-class ge extends y {
-  static styles = S;
+globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", ke);
+class Te extends $ {
+  static styles = F;
   static properties = {
-    ...y.properties,
+    ...$.properties,
     sport: { type: String },
     season: { type: String },
     classFilter: { state: !0 },
@@ -583,7 +680,7 @@ class ge extends y {
     super(), this.sport = "football", this.season = "", this.classFilter = "All", this.query = "";
   }
   async fetchData(e) {
-    const t = this.season || A(), [s, r, o, n, i] = await Promise.all([
+    const t = this.season || E(), [s, r, o, n, i] = await Promise.all([
       e.listConferences({ active: !0 }),
       e.listSchools(),
       e.listTeams({ sport: this.sport }),
@@ -601,23 +698,22 @@ class ge extends y {
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: D(this.data.games),
+      teamsById: v(this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: z(this.data.games),
       rankings: this.data.rankings,
-      hrefs: C(this),
+      hrefs: D(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   renderView() {
     const e = this.ctx, t = ["All", ...new Set(this.data.conferences.flatMap((r) => r.classifications || []))].slice(0, 9), s = this.data.conferences.filter((r) => r.active !== !1).filter((r) => this.classFilter === "All" || (r.classifications || []).includes(this.classFilter));
     return l`
-			<div class="band">
-				<div class="inner">
-					<h1>${R(this.sport)} standings</h1>
-					<p class="sub">${this.data.season} season · every conference, computed live from reported results</p>
-				</div>
-			</div>
+			${W(this, e, {
+      title: l`${T(this.sport)} standings`,
+      sub: l`${this.data.season} season · every conference, computed live from reported results`,
+      teams: this.data.teams
+    })}
 			<div class="view">
 				<div class="toolbar">
 					<div role="group" aria-label="Classification filter">
@@ -631,7 +727,7 @@ class ge extends y {
       this.query = r.target.value;
     }}>
 					<span class="spacer"></span>
-					<span class="asof">Records through ${b(O(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
+					<span class="asof">Records through ${b(U(), { 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 +736,7 @@ class ge extends y {
   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 = K(s, e.records);
+    const r = this.query.trim().toLowerCase(), o = J(s, e.records);
     return l`
 			<div class="card">
 				<div class="card-head">
@@ -664,35 +760,35 @@ class ge extends y {
   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), 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 });
+    const i = t.rec.pf - t.rec.pa, d = G(this.data.games, t.team.id), h = (t.team.championships || []).map((m) => l`
+			<span class="pill champ" title="${m.season} ${m.title} champion">★ ${m.season} ${m.title}</span>`), c = () => {
+      location.href = u(e.hrefs.school, { id: t.team.schoolId });
     };
     return l`
-			<tr class="rowlink" @click=${(h) => {
-      h.target.closest("a") || c();
+			<tr class="rowlink" @click=${(m) => {
+      m.target.closest("a") || c();
     }}>
 				<td class="mut">${s + 1}</td>
 				<td class="teamcell">
-					${I(o)}${G(e, t.team.id, null)}
-					<a href=${v(e.hrefs.school, { id: t.team.schoolId })}>${n}</a> ${d}
+					${C(o)}${q(e, t.team.id, null)}
+					<a href=${u(e.hrefs.school, { id: t.team.schoolId })}>${n}</a> ${h}
 				</td>
 				<td class="num">${w(t.rec, !0)}</td>
-				<td class="num">${Y(t.confPct)}</td>
+				<td class="num">${K(t.confPct)}</td>
 				<td class="num">${w(t.rec)}</td>
-				<td class="num">${Y(t.overallPct)}</td>
+				<td class="num">${K(t.overallPct)}</td>
 				<td class="num">${t.rec.pf}</td>
 				<td class="num">${t.rec.pa}</td>
 				<td class="num" style="color:${i >= 0 ? "var(--hsot-win)" : "var(--hsot-loss)"}">${i > 0 ? "+" : ""}${i}</td>
-				<td>${_(t.rec.results) || "·"}</td>
-				<td>${W(e, t.team.id)}</td>
-				<td>${J(e, m, t.team.id)}</td>
+				<td>${L(t.rec.results) || "·"}</td>
+				<td>${V(e, t.team.id)}</td>
+				<td>${te(e, d, t.team.id)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", ge);
-const ve = $`
+globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Te);
+const Se = y`
 	.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 +805,10 @@ const ve = $`
 	.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 be extends y {
-  static styles = [...S, ve];
+class Ie extends $ {
+  static styles = [...F, Se];
   static properties = {
-    ...y.properties,
+    ...$.properties,
     sport: { type: String },
     gender: { type: String },
     season: { type: String },
@@ -727,16 +823,16 @@ class be extends y {
     e && (this.pollDate = e);
   }
   async fetchData(e) {
-    const t = this.season || A(), [s, r, o, n, i] = await Promise.all([
+    const t = this.season || E(), [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((d) => !this.gender || !d.gender || d.gender === this.gender).sort((d, c) => c.effectiveDate.localeCompare(d.effectiveDate));
+    ]), d = s.items.filter((h) => !this.gender || !h.gender || h.gender === this.gender).sort((h, c) => c.effectiveDate.localeCompare(h.effectiveDate));
     return {
       season: t,
-      polls: m,
+      polls: d,
       schools: r.items,
       teams: o.items,
       conferences: n.items,
@@ -745,55 +841,54 @@ class be extends y {
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: D(this.data.games),
+      teamsById: v(this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: z(this.data.games),
       rankings: this.data.polls,
-      hrefs: C(this),
+      hrefs: D(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   sparkline(e, t, s) {
-    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 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 i = t.map((m, f) => {
+      const g = (m.teamIds || []).indexOf(e);
+      if (g === -1) return null;
+      const k = t.length === 1 ? 96 / 2 : f / (t.length - 1) * 90 + 3, N = 3 + g / 24 * 20;
+      return { x: k, y: N };
+    }), d = [];
+    let h = [];
+    if (i.forEach((m) => {
+      m ? h.push(m) : h.length && (d.push(h), h = []);
+    }), h.length && d.push(h), !d.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((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}
+			${d.map((m) => Y`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
+				points=${m.map((f) => `${f.x.toFixed(1)},${f.y.toFixed(1)}`).join(" ")}></polyline>`)}
+			${c ? Y`<circle cx=${c.x.toFixed(1)} cy=${c.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : p}
 		</svg>`;
   }
   movement(e, t, s) {
-    const r = pe(e, t, s);
+    const r = we(e, t, s);
     return r.kind === "up" ? l`<span class="delta up">▲ ${r.delta}</span>` : r.kind === "down" ? l`<span class="delta down">▼ ${r.delta}</span>` : r.kind === "new" ? l`<span class="delta new">NEW</span>` : r.kind === "same" ? l`<span class="delta same">—</span>` : l`<span class="delta same">·</span>`;
   }
   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((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;
+    const s = Math.max(0, t.findIndex((m) => m.effectiveDate === this.pollDate)), r = t[s] || t[0], o = t[s + 1] || null, n = t.slice().reverse(), i = n.indexOf(r), d = v(this.data.conferences), h = (r.teamIds || [])[0], c = h ? I(e, h) : null;
     return l`
-			<div class="band">
-				<div class="inner">
-					<h1>${R(this.sport)} Top 25</h1>
-					<p class="sub">The HighSchoolOT poll · updated weekly · ${t.length} polls this season</p>
-				</div>
-			</div>
+			${W(this, e, {
+      title: l`${T(this.sport)} Top 25`,
+      sub: l`The HighSchoolOT poll · updated weekly · ${t.length} polls this season`,
+      teams: this.data.teams
+    })}
 			<div class="view">
 				<div class="toolbar">
 					<label class="asof" for="pollsel">Poll of</label>
-					<select id="pollsel" @change=${(h) => {
-      this.pollDate = h.target.value;
+					<select id="pollsel" @change=${(m) => {
+      this.pollDate = m.target.value;
     }}>
-						${t.map((h, f) => l`<option value=${h.effectiveDate} ?selected=${h === r}>
-							${b(h.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
+						${t.map((m, f) => l`<option value=${m.effectiveDate} ?selected=${m === r}>
+							${b(m.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s >= t.length - 1}
@@ -807,14 +902,14 @@ class be extends y {
 					<span class="spacer"></span>
 					<span class="asof">Movement vs. the previous poll · sparkline = season rank history</span>
 				</div>
-				${c ? this.renderHero(e, r, o, d, c, m) : p}
+				${c ? this.renderHero(e, r, o, h, c, d) : 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((h, f) => f === 0 || !h ? p : this.renderRow(e, r, o, n, i, m, h, f + 1))}
+						${(r.teamIds || []).map((m, f) => f === 0 || !m ? p : this.renderRow(e, r, o, n, i, d, m, 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,50 +917,50 @@ class be extends y {
 		`;
   }
   renderHero(e, t, s, r, o, n) {
-    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%)`;
+    const i = e.records[r], d = X(e.records, r), h = 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>
-				${I(o, 64)}
+				${C(o, 64)}
 				<div>
-					<h2><a href=${v(e.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
+					<h2><a href=${u(e.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
 					<div class="facts">
-						${w(i)} overall${d ? l` · ${w(i, !0)} ${d.name}` : p}
-						· streak ${_(i?.results) || "·"}
-						${m ? l` · last: ${m.mark} ${m.my}-${m.their} vs ${z(e, m.opp)}` : p}
+						${w(i)} overall${h ? l` · ${w(i, !0)} ${h.name}` : p}
+						· streak ${L(i?.results) || "·"}
+						${d ? l` · last: ${d.mark} ${d.my}-${d.their} vs ${_(e, d.opp)}` : p}
 						&nbsp;${this.movement(t, s, r)}
 					</div>
 				</div>
 			</div>
 		`;
   }
-  renderRow(e, t, s, r, o, n, i, m) {
-    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 });
+  renderRow(e, t, s, r, o, n, i, d) {
+    const h = I(e, i);
+    if (!h) return p;
+    const c = e.records[i], m = X(e.records, i), f = G(this.data.games, i), g = n[e.teamsById[i]?.conferenceId], k = () => {
+      location.href = u(e.hrefs.school, { id: h.id });
     };
     return l`
-			<tr class="rowlink" @click=${(L) => {
-      L.target.closest("a") || x();
+			<tr class="rowlink" @click=${(N) => {
+      N.target.closest("a") || k();
     }}>
-				<td class="num" style="font-weight:700">${m}</td>
+				<td class="num" style="font-weight:700">${d}</td>
 				<td>${this.movement(t, s, i)}</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="teamcell">${C(h)}<a href=${u(e.hrefs.school, { id: h.id })}>${h.name}</a>
+					<span class="mut" style="font-size:0.78rem">${h.mascot || ""}</span></td>
 				<td class="num">${w(c)}</td>
-				<td class="mut">${u?.name || "Independent"}</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 class="mut">${g?.name || "Independent"}</td>
+				<td>${m ? l`<a class="box" style="text-decoration:none" href=${u(e.hrefs.game, { sport: this.sport, id: m.gameId })}>
+					<b style="color:${m.mark === "W" ? "var(--hsot-win)" : m.mark === "L" ? "var(--hsot-loss)" : "var(--hsot-tie)"}">${m.mark}</b>
+					${m.my}-${m.their} vs ${_(e, m.opp)}</a>` : l`<span class="mut">·</span>`}</td>
+				<td>${te(e, f, i)}</td>
 				<td>${this.sparkline(i, r, o)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", be);
-const ye = $`
+globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", Ie);
+const Ce = y`
 	.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 +985,10 @@ const ye = $`
 	.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 $e extends y {
-  static styles = [...S, ye];
+class De extends $ {
+  static styles = [...F, Ce];
   static properties = {
-    ...y.properties,
+    ...$.properties,
     schoolId: { type: String, attribute: "school-id" },
     sport: { type: String },
     season: { type: String },
@@ -908,7 +1003,7 @@ class $e extends y {
     e && !this.sport && (this.sport = e);
   }
   async fetchData(e) {
-    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([
+    const t = this.season || E(), s = await e.getSchool(this.schoolId), o = (await e.listTeams({ schoolId: this.schoolId })).items, n = o.find((k) => k.sport === (this.sport || "football")) || o[0] || null, [i, d, h, c, m, f, g] = 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(),
@@ -925,21 +1020,21 @@ class $e extends y {
       teams: o,
       active: n,
       games: i.items,
-      allTeams: m.items,
-      schools: d.items,
+      allTeams: d.items,
+      schools: h.items,
       conferences: c.items,
-      rankings: h.items,
-      roster: f.items.find((x) => x.season === t) || null,
-      players: u.items
+      rankings: m.items,
+      roster: f.items.find((k) => k.season === t) || null,
+      players: g.items
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.allTeams.length ? this.data.allTeams : this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: D(this.data.games),
+      teamsById: v(this.data.allTeams.length ? this.data.allTeams : this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: z(this.data.games),
       rankings: this.data.rankings,
-      hrefs: C(this),
+      hrefs: D(this),
       sport: this.data.active?.sport || "football"
     }, this._ctxData = this.data), this._ctx;
   }
@@ -949,17 +1044,17 @@ class $e extends y {
   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), d = s ? m[s.conferenceId] : null;
+    const o = this.ctx, n = B(e.colorPrimary || "#030711"), i = (e.adm || [])[0], d = v(this.data.conferences), h = s ? d[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">
-					${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>`}
+					${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:${B(e.colorSecondary || "#7C7C7C")}">${M(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}
-							${d ? l`<span><b>Conference</b>${d.name}</span>` : p}
+							${h ? l`<span><b>Conference</b>${h.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,39 +1065,39 @@ class $e extends y {
 			</div>
 			<div class="band">
 				<nav class="tabs" aria-label="Teams">
-					${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);
+					${t.map((c) => c.id === s?.id ? l`<a class="on" href="#" @click=${(m) => m.preventDefault()}>${c.name}</a>` : l`<a href="#" @click=${(m) => {
+      m.preventDefault(), this.switchSport(c.sport);
     }}>${c.name}</a>`)}
 				</nav>
 			</div>
 			<div class="view">
-				${s ? this.renderTeam(o, s, d, r) : l`<p class="empty">No teams recorded for this school yet.</p>`}
+				${s ? this.renderTeam(o, s, h, 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((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)));
+    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((m) => m.conferenceId === s.id) : [], d = s ? J(i, e.records).findIndex((m) => m.team.id === t.id) + 1 : 0, h = ee(e.rankings, e.teamsById, t.id, t.sport, null), c = this.data.games.filter((m) => m.homeTeamId === t.id || m.awayTeamId === t.id).sort((m, f) => String(m.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>
 				<div class="tile"><div class="k">${s?.name || "Conference"}</div><div class="v">${w(o, !0)}</div>
-					<div class="s">${m ? `${he(m)} of ${i.length}` : "·"}</div></div>
+					<div class="s">${d ? `${le(d)} of ${i.length}` : "·"}</div></div>
 				<div class="tile"><div class="k">Points</div><div class="v">${n ? (o.pf / n).toFixed(1) : "0.0"}</div>
 					<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">${d ? `#${d}` : "NR"}</div>
-					<div class="s"><a href=${v(e.hrefs.section, { sport: t.sport, view: "rankings" })}>full poll</a></div></div>
+				<div class="tile"><div class="k">Streak</div><div class="v">${L(o.results) || "·"}</div>
+					<div class="s">last 5: ${V(e, t.id)}</div></div>
+				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${h ? `#${h}` : "NR"}</div>
+					<div class="s"><a href=${u(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((h) => l`<span class="pill champ">★ ${h.season} ${h.title} champion${h.classification ? ` · ${h.classification}` : ""}${h.region ? ` · ${h.region}` : ""}</span>`)}
+					${t.championships.map((m) => l`<span class="pill champ">★ ${m.season} ${m.title} champion${m.classification ? ` · ${m.classification}` : ""}${m.region ? ` · ${m.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((h) => this.renderGameRow(e, t, h))}</ul>` : l`<p class="empty">No ${t.sport} games recorded for ${r}.</p>`}
+						${c.length ? l`<ul class="gamelist">${c.map((m) => this.renderGameRow(e, t, m))}</ul>` : l`<p class="empty">No ${t.sport} games recorded for ${r}.</p>`}
 					</div>
 				</div>
 				<div>
@@ -1014,23 +1109,23 @@ class $e extends y {
   }
   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">${E(s.time)}</span>`;
+    let d = l`<span class="mut">${A(s.time)}</span>`;
     if (s.state === "final") {
-      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 d = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
+      const c = j(s), m = c === "tie" ? "T" : c === (r ? "home" : "away") ? "W" : "L";
+      d = l`<span class=${m}>${m}</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" && (d = 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";
     return l`
 			<li>
 				<span class="d">${b(s.date)}</span>
-				${B(s)}
-				<span class="res">${m}</span>
-				<span class="opp">${r ? "vs" : "at"} ${U(e, o, s.date)}
-					<span class="pill type">${d}</span>
+				${R(s)}
+				<span class="res">${d}</span>
+				<span class="opp">${r ? "vs" : "at"} ${H(e, o, s.date)}
+					<span class="pill type">${h}</span>
 					${s.broadcast ? l`<span class="pill class">${s.broadcast}</span>` : p}
 				</span>
 				<span class="where">${s.venue || ""}</span>
-				<a class="box" href=${v(e.hrefs.game, { sport: t.sport, id: s.id })}>Box score →</a>
+				<a class="box" href=${u(e.hrefs.game, { sport: t.sport, id: s.id })}>Box score →</a>
 			</li>
 		`;
   }
@@ -1038,7 +1133,7 @@ class $e extends y {
     const t = this.data.roster;
     if (!t)
       return l`<p class="empty">Roster not published for ${e}.</p>`;
-    const s = g(this.data.players), r = t.entries.slice().sort((o, n) => (o.number || 0) - (n.number || 0));
+    const s = v(this.data.players), r = t.entries.slice().sort((o, n) => (o.number || 0) - (n.number || 0));
     return l`
 			<div class="tablewrap"><table class="data">
 				<thead><tr><th class="num">No.</th><th>Player</th><th>Pos</th><th>Class</th><th class="num">Ht</th><th class="num">Wt</th></tr></thead>
@@ -1050,7 +1145,7 @@ class $e extends y {
 							<td style="font-weight:500">${n.firstName} ${n.lastName}</td>
 							<td>${o.position || "·"}</td>
 							<td class="mut">${n.classOf || "·"}</td>
-							<td class="num">${de(n.heightIn)}</td>
+							<td class="num">${ie(n.heightIn)}</td>
 							<td class="num">${n.weightLb || "·"}</td>
 						</tr>` : p;
     })}
@@ -1059,22 +1154,37 @@ class $e extends y {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", $e);
-const we = "https://api.wral.com/search";
-function xe(a) {
+globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", De);
+const Fe = "https://api.wral.com/search";
+function ze(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" });
+function Be(a, e) {
+  const t = String(a || Fe).replace(/\/+$/, ""), s = new URLSearchParams({ query: ze(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));
+function se(a) {
+  try {
+    const e = new URL(a);
+    if (/(^|\.)smugmug\.com$/i.test(e.hostname)) {
+      const t = e.pathname.split("/").filter(Boolean).pop() || "", s = !t || /^[ni]-[A-Za-z0-9]+$/.test(t);
+      return {
+        uri: a,
+        title: s ? a : decodeURIComponent(t).replace(/-/g, " "),
+        photos: !0
+      };
+    }
+  } catch {
+  }
+  return { uri: a, title: a };
+}
+async function Pe(a, e, t) {
+  const r = await ((...i) => fetch(...i))(Be(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 });
+  return e.map((i) => n.get(i) || se(i));
 }
-const Ie = $`
+const _e = y`
 	.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; }
@@ -1113,10 +1223,10 @@ const Ie = $`
 		.cols { grid-template-columns: 1fr; }
 	}
 `;
-class Se extends y {
-  static styles = [...S, Ie];
+class Re extends $ {
+  static styles = [...F, _e];
   static properties = {
-    ...y.properties,
+    ...$.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
@@ -1128,7 +1238,7 @@ class Se extends y {
     super(), this.gameId = "", this.searchApi = "";
   }
   async fetchData(e) {
-    const t = await e.getGame(this.gameId), s = Array.isArray(t.coverageUrls) ? t.coverageUrls : [], [r, o, n, i, m, d] = await Promise.all([
+    const t = await e.getGame(this.gameId), s = Array.isArray(t.coverageUrls) ? t.coverageUrls : [], [r, o, n, i, d, h] = await Promise.all([
       e.listSchools(),
       e.listTeams({ sport: t.sport }),
       e.listConferences(),
@@ -1136,7 +1246,7 @@ class Se extends y {
       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([])
+      s.length ? Pe(this.searchApi, s).catch(() => s.map(se)) : Promise.resolve([])
     ]);
     return {
       game: t,
@@ -1144,30 +1254,30 @@ class Se extends y {
       teams: o.items,
       conferences: n.items,
       rankings: i.items,
-      games: m.items,
-      coverage: d
+      games: d.items,
+      coverage: h
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: D(this.data.games),
+      teamsById: v(this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: z(this.data.games),
       rankings: this.data.rankings,
-      hrefs: C(this),
+      hrefs: D(this),
       sport: this.data.game.sport
     }, this._ctxData = this.data), this._ctx;
   }
   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, 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));
+    const t = this.ctx, s = v(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 = j(e), i = (c) => e.state === "final" && n !== c && n !== "tie" ? "opacity:0.45" : "", d = 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));
     return l`
 			<div class="view">
 				<p class="breadcrumbs">
-					<a href=${v(t.hrefs.section, { sport: e.sport, view: "scores" })}>${R(e.sport)}</a> /
-					<a href=${v(t.hrefs.section, { sport: e.sport, view: "scores" })}>Scores/Schedules</a> /
-					${k(t, e.awayTeamId)} at ${k(t, e.homeTeamId)}
+					<a href=${u(t.hrefs.section, { sport: e.sport, view: "scores" })}>${T(e.sport)}</a> /
+					<a href=${u(t.hrefs.section, { sport: e.sport, view: "scores" })}>Scores/Schedules</a> /
+					${S(t, e.awayTeamId)} at ${S(t, e.homeTeamId)}
 				</p>
 				<div class="card">
 					<div class="scorehead">
@@ -1178,11 +1288,11 @@ class Se extends y {
 								<span class="mut" style="font-size:1.6rem">–</span>
 								<span style=${i("home")}>${e.homeScore}</span>
 							</div>
-							<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"}
+							<div class="status">${R(e)}</div>
+							<div class="status">${b(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? l` · ${A(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>
+								<span class="pill type">${e.gameType === "conference" ? `${d?.name || "Conference"} game` : e.gameType}</span>
 								${e.label ? l`<span class="pill type">Bracket ${e.label}</span>` : p}
 								${(e.tags || []).map((c) => l`<span class="pill type">${c}</span>`)}
 							</div>
@@ -1199,7 +1309,7 @@ class Se extends y {
 							<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>
+									<div class="covtitle">${c.videoDuration ? l`<span class="pill live" style="animation:none">Video</span> ` : p}${c.photos ? l`<span class="pill live" style="animation:none">Photos</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>
@@ -1210,15 +1320,15 @@ class Se extends y {
 					</div>` : p}
 				<div class="section-title">Season context</div>
 				<div class="cols">
-					${[[e.awayTeamId, r], [e.homeTeamId, o]].map(([c, h]) => this.renderContext(t, c, h))}
+					${[[e.awayTeamId, r], [e.homeTeamId, o]].map(([c, m]) => this.renderContext(t, c, m))}
 				</div>
-				${d.length ? l`
+				${h.length ? l`
 					<div class="section-title">Head to head this season</div>
 					<div class="card"><ul class="gamelist">
-						${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>
+						${h.map((c) => l`<li>
+							<span class="d">${b(c.date)}</span>${R(c)}
+							<span class="opp">${S(t, c.awayTeamId)} ${c.awayScore}, ${S(t, c.homeTeamId)} ${c.homeScore}</span>
+							<a class="box" href=${u(t.hrefs.game, { sport: e.sport, id: c.id })}>Box score →</a>
 						</li>`)}
 					</ul></div>` : p}
 			</div>
@@ -1226,12 +1336,12 @@ class Se extends y {
   }
   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 = P(r, 58);
+    const n = e.teamsById[s], i = e.records[s], d = 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")}">${j(r)}</span>`}
+				${d ? l`<img class="crest logo" alt="" loading="lazy" src=${d} />` : l`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${B(r.colorPrimary || "#030711")}">${M(r)}</span>`}
 				<div>
-					<div class="tname">${G(e, s, t.date)}<a href=${v(e.hrefs.school, { id: r.id })}>${r.name}</a></div>
+					<div class="tname">${q(e, s, t.date)}<a href=${u(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>
@@ -1241,22 +1351,22 @@ class Se extends y {
     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((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`
+    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 m = r.find((f) => f.period === c);
+      return m ? m[h] : e.state === "final" ? 0 : "·";
+    }, d = (h, c, m) => l`
 			<tr>
-				<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">${h}</td>
+				<td class="teamcell">${C(h, 20)}${h?.abbr || "TBD"}</td>
+				${Array.from({ length: o }, (f, g) => l`<td class="num">${i(c, g + 1)}</td>`)}
+				<td class="num" style="font-weight:700">${m}</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 }, (d, 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 }, (h, 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)}
+						${d(t, "away", e.awayScore)}
+						${d(s, "home", e.homeScore)}
 					</tbody>
 				</table>
 			</div>
@@ -1264,37 +1374,37 @@ class Se extends y {
   }
   renderContext(e, t, s) {
     if (!s) return p;
-    const r = e.records[t], o = M(this.data.games, t);
+    const r = e.records[t], o = G(this.data.games, t);
     return l`
 			<div class="card ctxcard">
-				<div class="who">${I(s)}${s.name}</div>
+				<div class="who">${C(s)}${s.name}</div>
 				<div class="row">
-					<span>Last 5: ${W(e, t)}</span>
-					<span>Streak: <b>${r ? _(r.results) : "·"}</b></span>
+					<span>Last 5: ${V(e, t)}</span>
+					<span>Streak: <b>${r ? L(r.results) : "·"}</b></span>
 					<span>PF/PA: <b>${r ? `${r.pf} / ${r.pa}` : "·"}</b></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>
+						${o.homeTeamId === t ? "vs" : "at"} ${_(e, o.homeTeamId === t ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
 				</div>
 			</div>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", Se);
+globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", Re);
 export {
-  N as D,
-  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,
-  Ce as i,
-  _ as j,
-  pe as p,
+  O as D,
+  Re as H,
+  Ie as a,
+  De as b,
+  ke as c,
+  Te as d,
+  z as e,
+  ne as f,
+  u as g,
+  j as h,
+  Ee as i,
+  L as j,
+  we as p,
   w as r,
-  K as s,
-  X as t
+  J as s,
+  ee as t
 };