@wral/hsot-data 0.1.15 → 0.3.0

package/dist/{hsot-school-search-CPsDpIgS.js → hsot-brackets-Cc0zj07F.js}

@@ -1,121 +1,85 @@
-import { LitElement as ae, html as n, css as y, nothing as p, svg as Z } from "lit";
-const pe = 50;
-function fe(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 ue({ 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 h = { Accept: "application/json" };
-    e && (h.Authorization = `Bearer ${e}`);
-    const d = await r(`${s}${i}`, { headers: h });
-    if (!d.ok) {
-      const c = new Error(`api-hsot ${d.status} on ${i}`);
-      throw c.status = d.status, c;
-    }
-    return d.json();
-  }
-  async function l(i, h = {}) {
-    const d = [];
-    let c = null;
-    for (let m = 0; m < pe; m += 1) {
-      const f = fe(c ? { ...h, cursor: c } : h), u = await o(`${i}${f}`);
-      if (d.push(...u.items || []), c = u.nextCursor || null, !c) break;
-    }
-    return { items: d, total: d.length, nextCursor: null };
-  }
-  return {
-    listSchools: (i) => l("/schools", i),
-    getSchool: (i) => o(`/schools/${i}`),
-    listTeams: (i) => l("/teams", i),
-    getTeam: (i) => o(`/teams/${i}`),
-    listConferences: (i) => l("/conferences", i),
-    listPlayers: (i) => l("/players", i),
-    listRosters: (i) => l("/rosters", i),
-    listGames: (i) => l("/games", i),
-    getGame: (i) => o(`/games/${i}`),
-    listTournaments: (i) => l("/tournaments", i),
-    listSeedings: (i, h) => l(`/tournaments/${i}/seedings`, h),
-    listRankings: (i) => l("/rankings", i),
-    listSports: () => o("/sports")
-  };
-}
-const O = {
+import { LitElement as ie, html as n, css as $, nothing as p, svg as J } from "lit";
+import { createClient as $e } from "./client.mjs";
+const A = {
   game: "/{sport}/game/{id}/",
   school: "/school/{id}/",
-  section: "/{sport}/{view}/"
+  section: "/{sport}/{view}/",
+  // The "Report a Score" page; {id} is the game being reported on, and
+  // reportHref() drops the parameter when there is none.
+  report: "/report-a-score/?game={id}"
 };
 function g(a, e) {
   return String(a).replace(/\{(\w+)\}/g, (t, s) => e[s] !== void 0 && e[s] !== null ? String(e[s]) : t);
 }
-function F(a) {
+function z(a) {
   return {
-    game: a.getAttribute("game-href") || O.game,
-    school: a.getAttribute("school-href") || O.school,
-    section: a.getAttribute("section-href") || O.section
+    game: a.getAttribute("game-href") || A.game,
+    school: a.getAttribute("school-href") || A.school,
+    section: a.getAttribute("section-href") || A.section,
+    report: a.getAttribute("report-href") || A.report
   };
 }
-const I = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
-function $(a, e) {
+function le(a, e = "") {
+  const t = g(a.report || A.report, { id: e || "" });
+  return e ? t : t.replace(/([?&])game=(?=&|$)/, "$1").replace(/[?&]$/, "").replace(/\?&/, "?");
+}
+const B = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
+function w(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 U(a) {
+function q(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 ge(a) {
+function we(a) {
   return a ? `${Math.floor(a / 12)}-${a % 12}` : "·";
 }
-function ve(a) {
+function xe(a) {
   return (Array.isArray(a?.positions) ? a.positions : String(a?.position ?? "").split(/[/,]/)).map((t) => String(t ?? "").trim()).filter(Boolean).join("/");
 }
-function M(a = /* @__PURE__ */ new Date()) {
+function _(a = /* @__PURE__ */ new Date()) {
   const e = a.getFullYear();
   return a.getMonth() >= 6 ? `${e}-${e + 1}` : `${e - 1}-${e}`;
 }
-function j(a = /* @__PURE__ */ new Date()) {
+function W(a = /* @__PURE__ */ new Date()) {
   const e = (t) => String(t).padStart(2, "0");
   return `${a.getFullYear()}-${e(a.getMonth() + 1)}-${e(a.getDate())}`;
 }
-function be(a, e = j()) {
+function ke(a, e = W()) {
   const t = [...new Set((a || []).filter(Boolean))].sort();
   if (!t.length || t.includes(e)) return e;
   const s = t.filter((r) => r < e);
   return s.length ? s[s.length - 1] : t[0];
 }
-function q(a) {
+function V(a) {
   return a ? (a.abbr || a.name || "?").slice(0, 4).toUpperCase() : "?";
 }
-function _(a) {
+function M(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 ye = (a) => {
+const Se = (a) => {
   const e = ["th", "st", "nd", "rd"], t = a % 100;
   return a + (e[(t - 20) % 10] || e[t] || e[0]);
 };
-function J(a, e) {
+function ee(a, e) {
   const t = (o) => {
     const l = /^\d+/.exec(String(o ?? ""));
     return l ? Number(l[0]) : null;
   }, s = t(a), r = t(e);
   return s !== null && r !== null && s !== r ? r - s : s !== null && r === null ? -1 : s === null && r !== null ? 1 : String(a ?? "").localeCompare(String(e ?? ""), "en", { sensitivity: "base" });
 }
-function $e(a, e) {
+function Ie(a, e) {
   const t = (s) => String(s?.name ?? s ?? "");
   return t(a).localeCompare(t(e), "en", { numeric: !0, sensitivity: "base" });
 }
-function re(a) {
+function ce(a) {
   if (a.state === "live") {
     const e = [a.period, a.clock].filter(Boolean).join(" ");
     return { kind: "live", label: e ? `Live · ${e}` : "Live" };
@@ -124,9 +88,9 @@ function re(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" })} · ${U(a.time)}`.replace(/ · $/, "") };
+  return a.state === "postponed" ? { kind: "warn", label: "Postponed" } : a.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${w(a.date, { month: "short", day: "numeric" })} · ${q(a.time)}`.replace(/ · $/, "") };
 }
-const we = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
+const Te = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
 function S(a) {
   let e = String(a || "").replace(/^[a-z][a-z0-9+.-]*:\/\/[^/#?]*/i, "");
   const t = e.indexOf("#");
@@ -135,13 +99,13 @@ function S(a) {
   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 oe() {
+function de() {
   const a = globalThis.location;
   if (!a) return "";
   const e = (a.hash || "").startsWith("#/") ? a.hash : "";
   return S((a.pathname || "") + e);
 }
-function xe(a, e, t) {
+function Ce(a, e, t) {
   if (!t) return null;
   const s = S(a);
   if (!s) return null;
@@ -150,28 +114,28 @@ function xe(a, e, t) {
   const l = S(g(e.section, { sport: t, view: "" }));
   if (s === l) return "";
   if (!s.startsWith(`${l}/`)) return null;
-  const i = s.slice(l.length + 1), h = i.split("/");
-  return h.length > 2 || h.some((d) => !/^[a-z][a-z-]*$/.test(d)) || we.has(h[0]) ? null : i;
+  const h = s.slice(l.length + 1), d = h.split("/");
+  return d.length > 2 || d.some((i) => !/^[a-z][a-z-]*$/.test(i)) || Te.has(d[0]) ? null : h;
 }
-function ke(a, e, t) {
+function De(a, e, t) {
   const s = (l) => g(t.section, { sport: a, view: l }).replace(/([^:])\/{2,}/g, "$1/"), o = new Set((e || []).map((l) => l && l.gender).filter((l) => l === "boys" || l === "girls")).size === 2 ? [
     { label: "Boys Standings", href: s("boys/standings") },
     { label: "Girls Standings", href: s("girls/standings") }
   ] : [{ label: "Standings", href: s("standings") }];
   return [
-    { label: `${I(a)} Home`, href: s("") },
+    { label: `${B(a)} Home`, href: s("") },
     { label: "Scores/Schedule", href: s("scores") },
     { label: "Playoff Brackets", href: s("brackets") },
     ...o,
     { label: "Polls & Rankings", href: s("rankings") }
   ];
 }
-function Se(a, e = oe()) {
+function Be(a, e = de()) {
   const t = S(e);
   for (const s of a.querySelectorAll(':scope > a[slot="nav"]'))
     t && S(s.getAttribute("href")) === t ? s.setAttribute("aria-current", "page") : s.removeAttribute("aria-current");
 }
-class w extends ae {
+class y extends ie {
   static properties = {
     api: { type: String },
     refreshInterval: { type: Number, attribute: "refresh-interval" },
@@ -190,7 +154,7 @@ class w extends ae {
     this._client = e, this.isConnected && this.load();
   }
   get client() {
-    return this._client ? this._client : this.api ? ue({ baseUrl: this.api }) : null;
+    return this._client ? this._client : this.api ? $e({ baseUrl: this.api }) : null;
   }
   connectedCallback() {
     super.connectedCallback(), this._setupInterval();
@@ -202,7 +166,7 @@ class w extends ae {
     this.load();
   }
   updated(e) {
-    e.has("api") && e.get("api") !== void 0 && e.get("api") !== this.api && this.load(), e.has("refreshInterval") && this._setupInterval(), Se(this);
+    e.has("api") && e.get("api") !== void 0 && e.get("api") !== this.api && this.load(), e.has("refreshInterval") && this._setupInterval(), Be(this);
   }
   async load() {
     const e = this.client;
@@ -237,7 +201,7 @@ class w extends ae {
     return n``;
   }
 }
-const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), Te = y`
+const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), Fe = $`
 	:host {
 		--hsot-red: var(--color-red, #D1232A);
 		--hsot-red-deep: var(--color-red-dark, #951C21);
@@ -275,7 +239,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), Te = y`
 		outline-offset: 1px;
 	}
 	.mut { color: var(--hsot-gray-5); }
-`, Ie = y`
+`, ze = $`
 	.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 {
@@ -324,7 +288,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), Te = y`
 	@media (max-width: 720px) {
 		.band h1, .band h2.bandtitle, .band.section h1, .band.section h2.bandtitle { font-size: 1.8rem; }
 	}
-`, Ce = y`
+`, Pe = $`
 	.view { max-width: 1366px; margin: 0 auto; padding: 1.25rem; box-sizing: border-box; }
 	/* Optional right rail (slot="rail" light-DOM children): a divided 300px
 	   column on desktop, stacked under the view content on smaller screens. */
@@ -388,7 +352,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), Te = 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); }
-`, De = y`
+`, Ae = $`
 	.pill {
 		display: inline-block; font-family: var(--hsot-heading-font); font-weight: 700;
 		font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em;
@@ -403,7 +367,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), Te = 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; } }
-`, Fe = y`
+`, Ee = $`
 	.tablewrap { overflow-x: auto; }
 	table.data { font-family: var(--hsot-heading-font); font-size: 14px; border-collapse: collapse; width: 100%; }
 	table.data th {
@@ -421,7 +385,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), Te = 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; }
-`, ze = y`
+`, _e = $`
 	.swatch {
 		display: inline-flex; align-items: center; justify-content: center;
 		width: 26px; height: 26px; border-radius: 50%;
@@ -445,7 +409,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), Te = y`
 	.dot.W { background: var(--hsot-win); }
 	.dot.L { background: var(--hsot-loss); }
 	.dot.T { background: var(--hsot-tie); }
-`, Pe = y`
+`, Ne = $`
 	ul.gamelist { list-style: none; margin: 0; padding: 0; }
 	.gamelist li {
 		display: flex; align-items: center; gap: 0.7rem; padding: 0.55rem 1rem;
@@ -495,80 +459,80 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), Te = y`
 	.gamelist .ff { color: var(--hsot-gray-5); font-size: 0.78rem; font-style: italic; }
 	.gamelist .where { color: var(--hsot-gray-5); font-size: 0.78rem; }
 	.gamelist a.box { font-size: 0.78rem; }
-`, z = [Te, Ie, Ce, De, Fe, ze, Pe];
-function G(a) {
+`, P = [Fe, ze, Pe, Ae, Ee, _e, Ne];
+function H(a) {
   return a.state !== "final" ? null : a.forfeit === "home" ? "away" : a.forfeit === "away" || a.homeScore > a.awayScore ? "home" : a.awayScore > a.homeScore ? "away" : a.tiebreakWinner && a.tiebreakWinner !== "none" ? a.tiebreakWinner : "tie";
 }
-function Be(a) {
+function Re(a) {
   return a && (a.forfeit === "home" || a.forfeit === "away") ? a.forfeit : null;
 }
-function P(a, e) {
+function N(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, l) => String(o.date).localeCompare(String(l.date)));
   for (const o of r) {
-    const l = G(o), i = o.gameType === "conference";
-    for (const h of ["home", "away"]) {
-      const d = h === "home" ? o.homeTeamId : o.awayTeamId;
-      if (!d) continue;
-      const c = s(d), m = h === "home" ? o.homeScore : o.awayScore, f = h === "home" ? o.awayScore : o.homeScore;
+    const l = H(o), h = o.gameType === "conference";
+    for (const d of ["home", "away"]) {
+      const i = d === "home" ? o.homeTeamId : o.awayTeamId;
+      if (!i) continue;
+      const c = s(i), m = d === "home" ? o.homeScore : o.awayScore, f = d === "home" ? o.awayScore : o.homeScore;
       c.pf += m, c.pa += f;
       let u = "T";
-      l === "tie" ? (c.t += 1, i && (c.ct += 1)) : l === h ? (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: m, their: f, opp: h === "home" ? o.awayTeamId : o.homeTeamId, conf: i });
+      l === "tie" ? (c.t += 1, h && (c.ct += 1)) : l === d ? (c.w += 1, h && (c.cw += 1), u = "W") : (c.l += 1, h && (c.cl += 1), u = "L"), c.results.push({ gameId: o.id, date: o.date, mark: u, my: m, their: f, opp: d === "home" ? o.awayTeamId : o.homeTeamId, conf: h });
     }
   }
   return t;
 }
-function H(a) {
+function U(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 ee = (a, e, t) => {
+const te = (a, e, t) => {
   const s = a + e + t;
   return s ? (a + t / 2) / s : 0;
-}, te = (a) => a.toFixed(3).replace("0.", ".");
+}, se = (a) => a.toFixed(3).replace("0.", ".");
 function k(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 ne(a, e) {
+function he(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: ee(s.cw, s.cl, s.ct), overallPct: ee(s.w, s.l, s.t) };
+    return { team: t, rec: s, confPct: te(s.cw, s.cl, s.ct), overallPct: te(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 W(a, e) {
+function Y(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 se(a, e) {
+function ae(a, e) {
   const t = a[e];
   return t && t.results.length ? t.results[t.results.length - 1] : null;
 }
-function st(a, e, t, s = "") {
+function $t(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 V(a, e, t, s, r) {
+function K(a, e, t, s, r) {
   const o = e[t];
   if (!o) return null;
   const l = /* @__PURE__ */ new Map();
-  for (const h of a || []) {
-    if (h.sport !== s || r && h.effectiveDate > r || h.gender && o.gender !== h.gender && o.gender !== "coed") continue;
-    const d = h.gender || "", c = l.get(d);
-    (!c || h.effectiveDate > c.effectiveDate) && l.set(d, h);
+  for (const d of a || []) {
+    if (d.sport !== s || r && d.effectiveDate > r || d.gender && o.gender !== d.gender && o.gender !== "coed") continue;
+    const i = d.gender || "", c = l.get(i);
+    (!c || d.effectiveDate > c.effectiveDate) && l.set(i, d);
   }
-  let i = null;
-  for (const h of l.values()) {
-    const d = (h.teamIds || []).indexOf(t);
-    d !== -1 && (!i || h.effectiveDate > i.effectiveDate) && (i = { poll: h, rank: d + 1 });
+  let h = null;
+  for (const d of l.values()) {
+    const i = (d.teamIds || []).indexOf(t);
+    i !== -1 && (!h || d.effectiveDate > h.effectiveDate) && (h = { poll: d, rank: i + 1 });
   }
-  return i ? i.rank : null;
+  return h ? h.rank : null;
 }
-function Ae(a, e, t) {
+function Me(a, e, t) {
   if (!a) return { kind: "none", delta: 0 };
   const s = (a.teamIds || []).indexOf(t) + 1;
   if (!s) return { kind: "none", delta: 0 };
@@ -578,100 +542,100 @@ function Ae(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 Ee(a) {
+function Le(a) {
   return /^https?:\/\//i.test(String(a || ""));
 }
-function ie(a, { w: e, h: t } = {}) {
-  if (!Ee(a)) return "";
+function me(a, { w: e, h: t } = {}) {
+  if (!Le(a)) return "";
   const s = [];
   e && s.push(`w=${Math.max(1, Math.round(e))}`), t && s.push(`h=${Math.max(1, Math.round(t))}`), s.push("f=webp");
   const r = a.includes("?") ? "&" : "?";
   return `${a}${r}${s.join("&")}`;
 }
-function R(a, e) {
+function L(a, e) {
   const t = e * 2;
-  return ie(a?.logoAssetId, { w: t, h: t });
+  return me(a?.logoAssetId, { w: t, h: t });
 }
-function _e(a, e) {
-  return ie(a?.photoAssetId, { w: e * 2 });
+function Ge(a, e) {
+  return me(a?.photoAssetId, { w: e * 2 });
 }
-function Y(a, e, { title: t, sub: s, teams: r }) {
-  const o = oe(), i = !!a.querySelector(':scope > a[slot="nav"]') || xe(o, e.hrefs, e.sport) !== null;
+function j(a, e, { title: t, sub: s, teams: r }) {
+  const o = de(), h = !!a.querySelector(':scope > a[slot="nav"]') || Ce(o, e.hrefs, e.sport) !== null;
   return n`
 		<div class="band section">
 			<div class="inner">
 				<h1>${t}</h1>
 				${s ? n`<p class="sub">${s}</p>` : p}
 			</div>
-			${i ? n`
-				<nav class="sectionnav" aria-label="${I(e.sport)} section">
+			${h ? n`
+				<nav class="sectionnav" aria-label="${B(e.sport)} section">
 					<div class="navrow">
 						<slot name="nav">
-							${ke(e.sport, r, e.hrefs).map((h) => n`<a href=${h.href}
-								aria-current=${o && S(h.href) === o ? "page" : p}>${h.label}</a>`)}
+							${De(e.sport, r, e.hrefs).map((d) => n`<a href=${d.href}
+								aria-current=${o && S(d.href) === o ? "page" : p}>${d.label}</a>`)}
 						</slot>
 					</div>
 				</nav>` : p}
 		</div>
 	`;
 }
-const C = (a, e) => {
+const I = (a, e) => {
   const t = a.teamsById[e];
   return t ? a.schoolsById[t.schoolId] : null;
-}, T = (a, e) => C(a, e)?.name || "TBD", N = (a, e) => C(a, e)?.abbr || "TBD";
-function D(a, e = 26) {
+}, F = (a, e) => I(a, e)?.name || "TBD", G = (a, e) => I(a, e)?.abbr || "TBD";
+function T(a, e = 26) {
   if (!a) return p;
-  const t = R(a, e);
+  const t = L(a, e);
   if (t)
     return n`<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 = _(s);
+  const s = a.colorPrimary || "#030711", r = M(s);
   return n`<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"
-	>${q(a)}</span>`;
+	>${V(a)}</span>`;
 }
 function Q(a, e, t) {
-  const s = V(a.rankings, a.teamsById, e, a.sport, t);
+  const s = K(a.rankings, a.teamsById, e, a.sport, t);
   return s ? n`<span class="rankbadge">#${s}</span>` : p;
 }
-function le(a, e, t) {
-  const s = C(a, e);
+function O(a, e, t) {
+  const s = I(a, e);
   return s ? n`${Q(a, e, t)}<a href=${g(a.hrefs.school, { id: s.id })}>${s.name}</a>` : n`<span class="mut">TBD</span>`;
 }
-function K(a, e, t = 5) {
+function X(a, e, t = 5) {
   const s = a.records[e];
   if (!s || !s.results.length) return n`<span class="mut">·</span>`;
   const r = s.results.slice(-1 * t);
   return n`<span class="dots" role="img" aria-label="last ${r.length} results">
 		${r.map((o) => n`<a class="dot ${o.mark}"
-			title="${o.mark} ${o.my}-${o.their} vs ${T(a, o.opp)}"
+			title="${o.mark} ${o.my}-${o.their} vs ${F(a, o.opp)}"
 			href=${g(a.hrefs.game, { sport: a.sport, id: o.gameId })}>${o.mark}</a>`)}
 	</span>`;
 }
-function B(a, e) {
+function C(a, e) {
   return a.querySelector(':scope > [slot="rail"]') ? n`<div class="view withrail">
 		<div class="viewmain">${e}</div>
 		<aside class="viewrail"><slot name="rail"></slot></aside>
 	</div>` : n`<div class="view">${e}</div>`;
 }
-function A(a) {
+function D(a) {
   if (!a.promoImage) return p;
   const e = n`<img src=${a.promoImage} alt=${a.promoAlt || "Sponsor"}>`;
   return n`<div class="promo">${a.promoHref ? n`<a href=${a.promoHref} target="_blank" rel="sponsored noopener">${e}</a>` : e}</div>`;
 }
-function L(a) {
-  const e = re(a);
+function E(a) {
+  const e = ce(a);
   return n`<span class="pill ${e.kind}">${e.label}</span>`;
 }
-function ce(a, e, t) {
+function pe(a, e, t) {
   if (!e) return n`<span class="mut">·</span>`;
   const s = e.homeTeamId === t ? e.awayTeamId : e.homeTeamId, r = e.homeTeamId === t ? "vs" : "at";
-  return n`${e.state === "live" ? n`<span class="pill live">Live</span> ` : n`${$(e.date, { month: "numeric", day: "numeric" })} `}${r} ${N(a, s)}`;
+  return n`${e.state === "live" ? n`<span class="pill live">Live</span> ` : n`${w(e.date, { month: "numeric", day: "numeric" })} `}${r} ${G(a, s)}`;
 }
-class Re extends w {
-  static styles = z;
+class Oe extends y {
+  static styles = P;
   static properties = {
-    ...w.properties,
+    ...y.properties,
     sport: { type: String },
     season: { type: String },
     date: { type: String }
@@ -687,57 +651,57 @@ class Re extends w {
     this._datePinned = !!this.date;
   }
   async fetchData(e) {
-    const t = this.season || M(), [s, r, o, l, i] = await Promise.all([
+    const t = this.season || _(), [s, r, o, l, h] = await Promise.all([
       e.listSchools(),
       e.listTeams({ sport: this.sport }),
       e.listConferences(),
       e.listGames({ sport: this.sport, season: t }),
       e.listRankings({ sport: this.sport })
     ]);
-    return this._datePinned || (this.date = be(l.items.map((h) => h.date)), this._datePinned = !0), {
+    return this._datePinned || (this.date = ke(l.items.map((d) => d.date)), this._datePinned = !0), {
       season: t,
       schools: s.items,
       teams: r.items,
       conferences: o.items,
       games: l.items,
-      rankings: i.items
+      rankings: h.items
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: v(this.data.teams),
-      schoolsById: v(this.data.schools),
-      records: P(this.data.games),
+      teamsById: b(this.data.teams),
+      schoolsById: b(this.data.schools),
+      records: N(this.data.games),
       rankings: this.data.rankings,
-      hrefs: F(this),
+      hrefs: z(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   renderView() {
-    const e = this.ctx, t = v(this.data.conferences), s = [...new Set(this.data.games.map((d) => d.date).filter(Boolean))].sort(), r = Number.MAX_SAFE_INTEGER, o = (d) => {
-      const c = [d.awayTeamId, d.homeTeamId].map((m) => V(e.rankings, e.teamsById, m, this.sport, d.date)).filter(Boolean);
+    const e = this.ctx, t = b(this.data.conferences), s = [...new Set(this.data.games.map((i) => i.date).filter(Boolean))].sort(), r = Number.MAX_SAFE_INTEGER, o = (i) => {
+      const c = [i.awayTeamId, i.homeTeamId].map((m) => K(e.rankings, e.teamsById, m, this.sport, i.date)).filter(Boolean);
       return c.length ? Math.min(...c) : r;
-    }, l = this.data.games.filter((d) => d.date === this.date), i = new Map(l.map((d) => [d, o(d)]));
-    l.sort((d, c) => (d.state === "live" ? 0 : 1) - (c.state === "live" ? 0 : 1) || i.get(d) - i.get(c));
-    const h = /* @__PURE__ */ new Map();
-    return l.forEach((d) => {
-      const c = d.gameType === "conference" && d.conferenceId ? t[d.conferenceId]?.name || "Conference" : d.gameType === "playoff" ? "Playoffs" : d.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
-      h.has(c) || h.set(c, []), h.get(c).push(d);
+    }, l = this.data.games.filter((i) => i.date === this.date), h = new Map(l.map((i) => [i, o(i)]));
+    l.sort((i, c) => (i.state === "live" ? 0 : 1) - (c.state === "live" ? 0 : 1) || h.get(i) - h.get(c));
+    const d = /* @__PURE__ */ new Map();
+    return l.forEach((i) => {
+      const c = i.gameType === "conference" && i.conferenceId ? t[i.conferenceId]?.name || "Conference" : i.gameType === "playoff" ? "Playoffs" : i.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
+      d.has(c) || d.set(c, []), d.get(c).push(i);
     }), n`
-			${Y(this, e, {
-      title: n`${I(this.sport)} scores &amp; schedules`,
-      sub: n`${$(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${l.length} games`,
+			${j(this, e, {
+      title: n`${B(this.sport)} scores &amp; schedules`,
+      sub: n`${w(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${l.length} games`,
       teams: this.data.teams
     })}
-			${B(this, n`
-				${A(this)}
+			${C(this, n`
+				${D(this)}
 				<div class="toolbar">
 					<label class="asof" for="datesel">Date</label>
-					<select id="datesel" @change=${(d) => {
-      this.date = d.target.value;
+					<select id="datesel" @change=${(i) => {
+      this.date = i.target.value;
     }}>
-						${(s.includes(this.date) ? s : [...s, this.date].sort()).map((d) => n`<option value=${d} ?selected=${d === this.date}>
-							${$(d, { weekday: "short", month: "short", day: "numeric" })}${d === j() ? " · today" : ""}
+						${(s.includes(this.date) ? s : [...s, this.date].sort()).map((i) => n`<option value=${i} ?selected=${i === this.date}>
+							${w(i, { weekday: "short", month: "short", day: "numeric" })}${i === W() ? " · today" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s.indexOf(this.date) <= 0}
@@ -749,11 +713,11 @@ class Re extends w {
       this.date = s[s.indexOf(this.date) + 1];
     }}>Next →</button>
 					<span class="spacer"></span>
-					<span class="asof">Live games first · report a score to see it update here</span>
+					<span class="asof">Live games first · <a href=${le(e.hrefs)}>report a score</a> to see it update here</span>
 				</div>
 				${l.length ? p : n`<p class="empty">No ${this.sport} games on this date.</p>`}
-				${[...h.entries()].map(([d, c]) => n`
-					<div class="section-title">${d}</div>
+				${[...d.entries()].map(([i, c]) => n`
+					<div class="section-title">${i}</div>
 					<div class="card"><ul class="gamelist">
 						${c.map((m) => this.renderGame(e, m))}
 					</ul></div>
@@ -765,12 +729,12 @@ class Re extends w {
   // a lone score column on the far right read as detached from the teams).
   // Scheduled games carry their start time on the status pill alone.
   renderGame(e, t) {
-    const s = t.state === "final" || t.state === "live", r = (l, i, h = p) => n`<span class="side">${le(e, l, t.date)}${s ? n`<span class="score">${i}</span>` : p}${h}</span>`, o = Be(t);
+    const s = t.state === "final" || t.state === "live", r = (l, h, d = p) => n`<span class="side">${O(e, l, t.date)}${s ? n`<span class="score">${h}</span>` : p}${d}</span>`, o = Re(t);
     return n`
 			<li>
-				${L(t)}
+				${E(t)}
 				<span class="opp matchup">${r(t.awayTeamId, t.awayScore, n`<span class="at">at</span>`)}${r(t.homeTeamId, t.homeScore)}</span>
-				${o ? n`<span class="ff">${T(e, o === "home" ? t.homeTeamId : t.awayTeamId)} forfeited</span>` : p}
+				${o ? n`<span class="ff">${F(e, o === "home" ? t.homeTeamId : t.awayTeamId)} forfeited</span>` : p}
 				<span class="where">${t.venue || ""}</span>
 				${t.broadcast ? n`<span class="pill class">${t.broadcast}</span>` : p}
 				<a class="box" href=${g(e.hrefs.game, { sport: this.sport, id: t.id })}>Box score →</a>
@@ -778,11 +742,11 @@ class Re extends w {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", Re);
-class Ne extends w {
-  static styles = z;
+globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", Oe);
+class He extends y {
+  static styles = P;
   static properties = {
-    ...w.properties,
+    ...y.properties,
     sport: { type: String },
     season: { type: String },
     classFilter: { state: !0 },
@@ -792,7 +756,7 @@ class Ne extends w {
     super(), this.sport = "football", this.season = "", this.classFilter = "All", this.query = "";
   }
   async fetchData(e) {
-    const t = this.season || M(), [s, r, o, l, i] = await Promise.all([
+    const t = this.season || _(), [s, r, o, l, h] = await Promise.all([
       e.listConferences({ active: !0 }),
       e.listSchools(),
       e.listTeams({ sport: this.sport }),
@@ -805,29 +769,29 @@ class Ne extends w {
       schools: r.items,
       teams: o.items,
       games: l.items,
-      rankings: i.items
+      rankings: h.items
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: v(this.data.teams),
-      schoolsById: v(this.data.schools),
-      records: P(this.data.games),
+      teamsById: b(this.data.teams),
+      schoolsById: b(this.data.schools),
+      records: N(this.data.games),
       rankings: this.data.rankings,
-      hrefs: F(this),
+      hrefs: z(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 || []))].sort(J)].slice(0, 9), s = this.data.conferences.filter((r) => r.active !== !1).filter((r) => this.classFilter === "All" || (r.classifications || []).includes(this.classFilter)).sort($e);
+    const e = this.ctx, t = ["All", ...[...new Set(this.data.conferences.flatMap((r) => r.classifications || []))].sort(ee)].slice(0, 9), s = this.data.conferences.filter((r) => r.active !== !1).filter((r) => this.classFilter === "All" || (r.classifications || []).includes(this.classFilter)).sort(Ie);
     return n`
-			${Y(this, e, {
-      title: n`${I(this.sport)} standings`,
+			${j(this, e, {
+      title: n`${B(this.sport)} standings`,
       sub: n`${this.data.season} season · every conference, computed live from reported results`,
       teams: this.data.teams
     })}
-			${B(this, n`
-				${A(this)}
+			${C(this, n`
+				${D(this)}
 				<div class="toolbar">
 					<div role="group" aria-label="Classification filter">
 						${t.map((r) => n`<button class="chip ${this.classFilter === r ? "on" : ""}"
@@ -840,7 +804,7 @@ class Ne extends w {
       this.query = r.target.value;
     }}>
 					<span class="spacer"></span>
-					<span class="asof">Records through ${$(j(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
+					<span class="asof">Records through ${w(W(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
 				</div>
 				${s.map((r) => this.renderConference(e, r))}
 			`)}
@@ -849,12 +813,12 @@ class Ne extends w {
   renderConference(e, t) {
     const s = this.data.teams.filter((l) => l.conferenceId === t.id);
     if (!s.length) return p;
-    const r = this.query.trim().toLowerCase(), o = ne(s, e.records);
+    const r = this.query.trim().toLowerCase(), o = he(s, e.records);
     return n`
 			<div class="card">
 				<div class="card-head">
 					<h2>${t.name}</h2>
-					${[...t.classifications || []].sort(J).map((l) => n`<span class="pill class">${l}</span>`)}
+					${[...t.classifications || []].sort(ee).map((l) => n`<span class="pill class">${l}</span>`)}
 					<span class="meta">${o.length} teams · membership derives from teams</span>
 				</div>
 				<div class="tablewrap"><table class="data">
@@ -864,7 +828,7 @@ class Ne extends w {
 						<th>Streak</th><th>Last 5</th><th>Next</th>
 					</tr></thead>
 					<tbody>
-						${o.map((l, i) => this.renderRow(e, l, i, r))}
+						${o.map((l, h) => this.renderRow(e, l, h, r))}
 					</tbody>
 				</table></div>
 			</div>
@@ -873,34 +837,34 @@ class Ne extends w {
   renderRow(e, t, s, r) {
     const o = e.schoolsById[t.team.schoolId], l = o?.name || t.team.name || "TBD";
     if (r && !l.toLowerCase().includes(r)) return p;
-    const i = t.rec.pf - t.rec.pa, h = W(this.data.games, t.team.id), d = () => {
+    const h = t.rec.pf - t.rec.pa, d = Y(this.data.games, t.team.id), i = () => {
       location.href = g(e.hrefs.school, { id: t.team.schoolId });
     };
     return n`
 			<tr class="rowlink" @click=${(c) => {
-      c.target.closest("a") || d();
+      c.target.closest("a") || i();
     }}>
 				<td class="mut">${s + 1}</td>
 				<td class="teamcell">
-					${D(o)}${Q(e, t.team.id, null)}
+					${T(o)}${Q(e, t.team.id, null)}
 					<a href=${g(e.hrefs.school, { id: t.team.schoolId })}>${l}</a>
 				</td>
 				<td class="num">${k(t.rec, !0)}</td>
-				<td class="num">${te(t.confPct)}</td>
+				<td class="num">${se(t.confPct)}</td>
 				<td class="num">${k(t.rec)}</td>
-				<td class="num">${te(t.overallPct)}</td>
+				<td class="num">${se(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>${H(t.rec.results) || "·"}</td>
-				<td>${K(e, t.team.id)}</td>
-				<td>${ce(e, h, t.team.id)}</td>
+				<td class="num" style="color:${h >= 0 ? "var(--hsot-win)" : "var(--hsot-loss)"}">${h > 0 ? "+" : ""}${h}</td>
+				<td>${U(t.rec.results) || "·"}</td>
+				<td>${X(e, t.team.id)}</td>
+				<td>${pe(e, d, t.team.id)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Ne);
-const Le = y`
+globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", He);
+const Ue = $`
 	.hero1 {
 		border-radius: var(--hsot-radius-md); color: var(--hsot-white);
 		padding: 1.3rem 1.4rem; display: flex; align-items: center; gap: 1.2rem;
@@ -917,10 +881,10 @@ const Le = 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 Me extends w {
-  static styles = [...z, Le];
+class je extends y {
+  static styles = [...P, Ue];
   static properties = {
-    ...w.properties,
+    ...y.properties,
     sport: { type: String },
     gender: { type: String },
     season: { type: String },
@@ -935,73 +899,73 @@ class Me extends w {
     e && (this.pollDate = e);
   }
   async fetchData(e) {
-    const t = this.season || M(), [s, r, o, l, i] = await Promise.all([
+    const t = this.season || _(), [s, r, o, l, h] = 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 })
-    ]), h = s.items.filter((d) => !this.gender || !d.gender || d.gender === this.gender).sort((d, c) => c.effectiveDate.localeCompare(d.effectiveDate));
+    ]), d = s.items.filter((i) => !this.gender || !i.gender || i.gender === this.gender).sort((i, c) => c.effectiveDate.localeCompare(i.effectiveDate));
     return {
       season: t,
-      polls: h,
+      polls: d,
       schools: r.items,
       teams: o.items,
       conferences: l.items,
-      games: i.items
+      games: h.items
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: v(this.data.teams),
-      schoolsById: v(this.data.schools),
-      records: P(this.data.games),
+      teamsById: b(this.data.teams),
+      schoolsById: b(this.data.schools),
+      records: N(this.data.games),
       rankings: this.data.polls,
-      hrefs: F(this),
+      hrefs: z(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   sparkline(e, t, s) {
-    const i = t.map((m, f) => {
+    const h = t.map((m, f) => {
       const u = (m.teamIds || []).indexOf(e);
       if (u === -1) return null;
-      const b = t.length === 1 ? 96 / 2 : f / (t.length - 1) * 90 + 3, x = 3 + u / 24 * 20;
-      return { x: b, y: x };
-    }), h = [];
-    let d = [];
-    if (i.forEach((m) => {
-      m ? d.push(m) : d.length && (h.push(d), d = []);
-    }), d.length && h.push(d), !h.length) return p;
-    const c = i[s];
+      const v = t.length === 1 ? 96 / 2 : f / (t.length - 1) * 90 + 3, x = 3 + u / 24 * 20;
+      return { x: v, y: x };
+    }), d = [];
+    let i = [];
+    if (h.forEach((m) => {
+      m ? i.push(m) : i.length && (d.push(i), i = []);
+    }), i.length && d.push(i), !d.length) return p;
+    const c = h[s];
     return n`<svg class="sparkline" width=${96} height=${26} viewBox="0 0 ${96} ${26}" role="img" aria-label="rank history">
-			${h.map((m) => Z`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
+			${d.map((m) => J`<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 ? Z`<circle cx=${c.x.toFixed(1)} cy=${c.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : p}
+			${c ? J`<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 = Ae(e, t, s);
+    const r = Me(e, t, s);
     return r.kind === "up" ? n`<span class="delta up">▲ ${r.delta}</span>` : r.kind === "down" ? n`<span class="delta down">▼ ${r.delta}</span>` : r.kind === "new" ? n`<span class="delta new">NEW</span>` : r.kind === "same" ? n`<span class="delta same">—</span>` : n`<span class="delta same">·</span>`;
   }
   renderView() {
     const e = this.ctx, t = this.data.polls;
     if (!t.length) return n`<div class="view"><p class="empty">No ${this.sport} polls published yet this season.</p></div>`;
-    const s = Math.max(0, t.findIndex((m) => m.effectiveDate === this.pollDate)), r = t[s] || t[0], o = t[s + 1] || null, l = t.slice().reverse(), i = l.indexOf(r), h = v(this.data.conferences), d = (r.teamIds || [])[0], c = d ? C(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, l = t.slice().reverse(), h = l.indexOf(r), d = b(this.data.conferences), i = (r.teamIds || [])[0], c = i ? I(e, i) : null;
     return n`
-			${Y(this, e, {
-      title: n`${I(this.sport)} Top 25`,
+			${j(this, e, {
+      title: n`${B(this.sport)} Top 25`,
       sub: n`The HighSchoolOT poll · updated weekly · ${t.length} polls this season`,
       teams: this.data.teams
     })}
-			${B(this, n`
-				${A(this)}
+			${C(this, n`
+				${D(this)}
 				<div class="toolbar">
 					<label class="asof" for="pollsel">Poll of</label>
 					<select id="pollsel" @change=${(m) => {
       this.pollDate = m.target.value;
     }}>
 						${t.map((m, f) => n`<option value=${m.effectiveDate} ?selected=${m === r}>
-							${$(m.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
+							${w(m.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s >= t.length - 1}
@@ -1015,14 +979,14 @@ class Me extends w {
 					<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, h) : p}
+				${c ? this.renderHero(e, r, o, i, 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((m, f) => f === 0 || !m ? p : this.renderRow(e, r, o, l, i, h, m, f + 1))}
+						${(r.teamIds || []).map((m, f) => f === 0 || !m ? p : this.renderRow(e, r, o, l, h, 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>
@@ -1030,50 +994,50 @@ class Me extends w {
 		`;
   }
   renderHero(e, t, s, r, o, l) {
-    const i = e.records[r], h = se(e.records, r), d = l[e.teamsById[r]?.conferenceId], c = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
+    const h = e.records[r], d = ae(e.records, r), i = l[e.teamsById[r]?.conferenceId], c = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
     return n`
 			<div class="hero1" style="background:${c}">
 				<div class="bigrank">#1</div>
-				${D(o, 64)}
+				${T(o, 64)}
 				<div>
 					<h2><a href=${g(e.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
 					<div class="facts">
-						${k(i)} overall${d ? n` · ${k(i, !0)} ${d.name}` : p}
-						· streak ${H(i?.results) || "·"}
-						${h ? n` · last: ${h.mark} ${h.my}-${h.their} vs ${N(e, h.opp)}` : p}
+						${k(h)} overall${i ? n` · ${k(h, !0)} ${i.name}` : p}
+						· streak ${U(h?.results) || "·"}
+						${d ? n` · last: ${d.mark} ${d.my}-${d.their} vs ${G(e, d.opp)}` : p}
 						&nbsp;${this.movement(t, s, r)}
 					</div>
 				</div>
 			</div>
 		`;
   }
-  renderRow(e, t, s, r, o, l, i, h) {
-    const d = C(e, i);
-    if (!d) return p;
-    const c = e.records[i], m = se(e.records, i), f = W(this.data.games, i), u = l[e.teamsById[i]?.conferenceId], b = () => {
-      location.href = g(e.hrefs.school, { id: d.id });
+  renderRow(e, t, s, r, o, l, h, d) {
+    const i = I(e, h);
+    if (!i) return p;
+    const c = e.records[h], m = ae(e.records, h), f = Y(this.data.games, h), u = l[e.teamsById[h]?.conferenceId], v = () => {
+      location.href = g(e.hrefs.school, { id: i.id });
     };
     return n`
 			<tr class="rowlink" @click=${(x) => {
-      x.target.closest("a") || b();
+      x.target.closest("a") || v();
     }}>
-				<td class="num" style="font-weight:700">${h}</td>
-				<td>${this.movement(t, s, i)}</td>
-				<td class="teamcell">${D(d)}<a href=${g(e.hrefs.school, { id: d.id })}>${d.name}</a>
-					<span class="mut" style="font-size:0.78rem">${d.mascot || ""}</span></td>
+				<td class="num" style="font-weight:700">${d}</td>
+				<td>${this.movement(t, s, h)}</td>
+				<td class="teamcell">${T(i)}<a href=${g(e.hrefs.school, { id: i.id })}>${i.name}</a>
+					<span class="mut" style="font-size:0.78rem">${i.mascot || ""}</span></td>
 				<td class="num">${k(c)}</td>
 				<td class="mut">${u?.name || "Independent"}</td>
 				<td>${m ? n`<a class="box" style="text-decoration:none" href=${g(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 ${N(e, m.opp)}</a>` : n`<span class="mut">·</span>`}</td>
-				<td>${ce(e, f, i)}</td>
-				<td>${this.sparkline(i, r, o)}</td>
+					${m.my}-${m.their} vs ${G(e, m.opp)}</a>` : n`<span class="mut">·</span>`}</td>
+				<td>${pe(e, f, h)}</td>
+				<td>${this.sparkline(h, r, o)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", Me);
-const He = y`
+globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", je);
+const qe = $`
 	.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 {
@@ -1127,10 +1091,10 @@ const He = y`
 		table.data.roster .sub { display: block; font-weight: 400; font-size: 0.78rem; color: var(--hsot-gray-5); }
 	}
 `;
-class Oe extends w {
-  static styles = [...z, He];
+class We extends y {
+  static styles = [...P, qe];
   static properties = {
-    ...w.properties,
+    ...y.properties,
     schoolId: { type: String, attribute: "school-id" },
     sport: { type: String },
     season: { type: String },
@@ -1145,7 +1109,7 @@ class Oe extends w {
     e && !this.sport && (this.sport = e);
   }
   async fetchData(e) {
-    const t = this.season || M(), s = await e.getSchool(this.schoolId), o = (await e.listTeams({ schoolId: this.schoolId })).items, l = o.find((b) => b.sport === (this.sport || "football")) || o[0] || null, [i, h, d, c, m, f, u] = await Promise.all([
+    const t = this.season || _(), s = await e.getSchool(this.schoolId), o = (await e.listTeams({ schoolId: this.schoolId })).items, l = o.find((v) => v.sport === (this.sport || "football")) || o[0] || null, [h, d, i, c, m, f, u] = await Promise.all([
       l ? e.listGames({ sport: l.sport, season: t }) : Promise.resolve({ items: [] }),
       l ? e.listTeams({ sport: l.sport }) : Promise.resolve({ items: [] }),
       e.listSchools(),
@@ -1161,22 +1125,22 @@ class Oe extends w {
       school: s,
       teams: o,
       active: l,
-      games: i.items,
-      allTeams: h.items,
-      schools: d.items,
+      games: h.items,
+      allTeams: d.items,
+      schools: i.items,
       conferences: c.items,
       rankings: m.items,
-      roster: f.items.find((b) => b.season === t) || null,
+      roster: f.items.find((v) => v.season === t) || null,
       players: u.items
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: v(this.data.allTeams.length ? this.data.allTeams : this.data.teams),
-      schoolsById: v(this.data.schools),
-      records: P(this.data.games),
+      teamsById: b(this.data.allTeams.length ? this.data.allTeams : this.data.teams),
+      schoolsById: b(this.data.schools),
+      records: N(this.data.games),
       rankings: this.data.rankings,
-      hrefs: F(this),
+      hrefs: z(this),
       sport: this.data.active?.sport || "football"
     }, this._ctxData = this.data), this._ctx;
   }
@@ -1186,18 +1150,18 @@ class Oe extends w {
   renderView() {
     const { school: e, teams: t, active: s, season: r } = this.data;
     if (!e) return n`<div class="view"><p class="empty">School not found.</p></div>`;
-    const o = this.ctx, l = _(e.colorPrimary || "#030711"), i = (e.adm || [])[0], h = v(this.data.conferences), d = s ? h[s.conferenceId] : null;
+    const o = this.ctx, l = M(e.colorPrimary || "#030711"), h = (e.adm || [])[0], d = b(this.data.conferences), i = s ? d[s.conferenceId] : null;
     return n`
 			<div class="schoolhero" style="background:linear-gradient(115deg, ${e.colorPrimary || "#030711"} 0%, ${e.colorPrimary || "#030711"} 55%, var(--hsot-black) 100%);color:${l}">
 				<div class="inner">
-					${R(e, 84) ? n`<img class="crest logo" alt="" loading="lazy" src=${R(e, 84)} />` : n`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${_(e.colorSecondary || "#7C7C7C")}">${q(e)}</div>`}
+					${L(e, 84) ? n`<img class="crest logo" alt="" loading="lazy" src=${L(e, 84)} />` : n`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${M(e.colorSecondary || "#7C7C7C")}">${V(e)}</div>`}
 					<div style="min-width:260px">
 						<h1>${e.name} <span class="mascot">${e.mascot || ""}</span></h1>
 						<div class="facts">
 							${e.location ? n`<span><b>Location</b>${e.location}${e.county ? n` · ${e.county} County` : p}</span>` : p}
 							${e.association ? n`<span><b>League</b>${e.association}${e.classification ? n` · ${e.classification}` : p}</span>` : p}
-							${d ? n`<span><b>Conference</b>${d.name}</span>` : p}
-							${i ? n`<span><b>Enrollment</b>${i.value.toLocaleString()} (${i.season} ADM)</span>` : p}
+							${i ? n`<span><b>Conference</b>${i.name}</span>` : p}
+							${h ? n`<span><b>Enrollment</b>${h.value.toLocaleString()} (${h.season} ADM)</span>` : p}
 							${e.openingYear ? n`<span><b>Opened</b>${e.openingYear}</span>` : p}
 							${e.areaCode ? n`<span><b>Area</b>${e.areaCode}</span>` : p}
 						</div>
@@ -1211,24 +1175,24 @@ class Oe extends w {
     }}>${c.name}</a>`)}
 				</nav>
 			</div>
-			${B(this, n`
-				${A(this)}
-				${s ? this.renderTeam(o, s, d, r) : n`<p class="empty">No teams recorded for this school yet.</p>`}
+			${C(this, n`
+				${D(this)}
+				${s ? this.renderTeam(o, s, i, r) : n`<p class="empty">No teams recorded for this school yet.</p>`}
 			`)}
 		`;
   }
   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: [] }, l = o.w + o.l + o.t, i = s ? this.data.allTeams.filter((m) => m.conferenceId === s.id) : [], h = s ? ne(i, e.records).findIndex((m) => m.team.id === t.id) + 1 : 0, d = V(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)));
+    const o = e.records[t.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, l = o.w + o.l + o.t, h = s ? this.data.allTeams.filter((m) => m.conferenceId === s.id) : [], d = s ? he(h, e.records).findIndex((m) => m.team.id === t.id) + 1 : 0, i = K(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 n`
 			<div class="tiles">
 				<div class="tile"><div class="k">Overall</div><div class="v">${k(o)}</div><div class="s">${l} games played</div></div>
 				<div class="tile"><div class="k">${s?.name || "Conference"}</div><div class="v">${k(o, !0)}</div>
-					<div class="s">${h ? `${ye(h)} of ${i.length}` : "·"}</div></div>
+					<div class="s">${d ? `${Se(d)} of ${h.length}` : "·"}</div></div>
 				<div class="tile"><div class="k">Points</div><div class="v">${l ? (o.pf / l).toFixed(1) : "0.0"}</div>
 					<div class="s">scored per game · ${l ? (o.pa / l).toFixed(1) : "0.0"} allowed</div></div>
-				<div class="tile"><div class="k">Streak</div><div class="v">${H(o.results) || "·"}</div>
-					<div class="s">last 5: ${K(e, t.id)}</div></div>
-				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${d ? `#${d}` : "NR"}</div>
+				<div class="tile"><div class="k">Streak</div><div class="v">${U(o.results) || "·"}</div>
+					<div class="s">last 5: ${X(e, t.id)}</div></div>
+				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${i ? `#${i}` : "NR"}</div>
 					<div class="s"><a href=${g(e.hrefs.section, { sport: t.sport, view: "rankings" })}>full poll</a></div></div>
 			</div>
 			${(t.championships || []).length ? n`
@@ -1250,20 +1214,20 @@ class Oe extends w {
 		`;
   }
   renderGameRow(e, t, s) {
-    const r = s.homeTeamId === t.id, o = r ? s.awayTeamId : s.homeTeamId, l = r ? s.homeScore : s.awayScore, i = r ? s.awayScore : s.homeScore;
-    let h = n`<span class="mut">${U(s.time)}</span>`;
+    const r = s.homeTeamId === t.id, o = r ? s.awayTeamId : s.homeTeamId, l = r ? s.homeScore : s.awayScore, h = r ? s.awayScore : s.homeScore;
+    let d = n`<span class="mut">${q(s.time)}</span>`;
     if (s.state === "final") {
-      const c = G(s), m = c === "tie" ? "T" : c === (r ? "home" : "away") ? "W" : "L";
-      h = n`<span class=${m}>${m}</span> ${l}-${i}${s.finish === "overtime" ? n` <span class="mut">OT</span>` : p}${s.forfeit && s.forfeit !== "none" ? n` <span class="mut">FF</span>` : p}`;
-    } else s.state === "live" && (h = n`<span style="color:var(--hsot-red)">${l}-${i}</span>`);
-    const d = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
+      const c = H(s), m = c === "tie" ? "T" : c === (r ? "home" : "away") ? "W" : "L";
+      d = n`<span class=${m}>${m}</span> ${l}-${h}${s.finish === "overtime" ? n` <span class="mut">OT</span>` : p}${s.forfeit && s.forfeit !== "none" ? n` <span class="mut">FF</span>` : p}`;
+    } else s.state === "live" && (d = n`<span style="color:var(--hsot-red)">${l}-${h}</span>`);
+    const i = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
     return n`
 			<li>
-				<span class="d">${$(s.date)}</span>
-				${re(s).kind === "sched" ? p : L(s)}
-				<span class="res">${h}</span>
-				<span class="opp">${r ? "vs" : "at"} ${le(e, o, s.date)}
-					<span class="pill type">${d}</span>
+				<span class="d">${w(s.date)}</span>
+				${ce(s).kind === "sched" ? p : E(s)}
+				<span class="res">${d}</span>
+				<span class="opp">${r ? "vs" : "at"} ${O(e, o, s.date)}
+					<span class="pill type">${i}</span>
 					${s.broadcast ? n`<span class="pill class">${s.broadcast}</span>` : p}
 				</span>
 				<span class="where">${s.venue || ""}</span>
@@ -1275,25 +1239,25 @@ class Oe extends w {
     const s = this.data.roster;
     if (!s)
       return n`<p class="empty">Roster not published for ${t}.</p>`;
-    const r = _e(s, 560), o = this.data.school?.name || "", l = v(this.data.players), i = s.entries.slice().sort((d, c) => (d.number || 0) - (c.number || 0)), h = i.some((d) => l[d.playerId]?.college);
+    const r = Ge(s, 560), o = this.data.school?.name || "", l = b(this.data.players), h = s.entries.slice().sort((i, c) => (i.number || 0) - (c.number || 0)), d = h.some((i) => l[i.playerId]?.college);
     return n`
 			${r ? n`<img class="rosterphoto" src=${r} loading="lazy" decoding="async"
 					alt="${o} ${e.name} ${t} team photo" />` : p}
 			<div class="tablewrap"><table class="data roster">
-				<thead><tr><th class="num">No.</th><th>Player</th><th class="pos">Pos</th><th class="cls">Class</th><th class="num">Ht</th><th class="num">Wt</th>${h ? n`<th>College</th>` : p}</tr></thead>
+				<thead><tr><th class="num">No.</th><th>Player</th><th class="pos">Pos</th><th class="cls">Class</th><th class="num">Ht</th><th class="num">Wt</th>${d ? n`<th>College</th>` : p}</tr></thead>
 				<tbody>
-					${i.map((d) => {
-      const c = l[d.playerId];
+					${h.map((i) => {
+      const c = l[i.playerId];
       if (!c) return p;
-      const m = ve(d), f = [m, c.classOf].filter(Boolean).join(" · ") || "·";
+      const m = xe(i), f = [m, c.classOf].filter(Boolean).join(" · ") || "·";
       return n`<tr>
-							<td class="num mut">${d.number ?? "·"}</td>
+							<td class="num mut">${i.number ?? "·"}</td>
 							<td class="player" style="font-weight:500">${c.firstName} ${c.lastName}<span class="sub">${f}</span></td>
 							<td class="pos">${m || "·"}</td>
 							<td class="cls mut">${c.classOf || "·"}</td>
-							<td class="num">${ge(c.heightIn)}</td>
+							<td class="num">${we(c.heightIn)}</td>
 							<td class="num">${c.weightLb || "·"}</td>
-							${h ? n`<td class="college">${c.college || "·"}</td>` : p}
+							${d ? n`<td class="college">${c.college || "·"}</td>` : p}
 						</tr>`;
     })}
 				</tbody>
@@ -1301,8 +1265,8 @@ class Oe extends w {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", Oe);
-const de = {
+globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", We);
+const fe = {
   football: ["quarters", 4],
   flag_football: ["quarters", 4],
   basketball: ["quarters", 4],
@@ -1313,57 +1277,57 @@ const de = {
   softball: ["innings", 7],
   volleyball: ["sets", 3]
 };
-function he(a) {
-  return (de[a] || ["quarters", 4])[0];
+function ue(a) {
+  return (fe[a] || ["quarters", 4])[0];
 }
-function X(a) {
-  return (de[a] || ["quarters", 4])[1];
+function Z(a) {
+  return (fe[a] || ["quarters", 4])[1];
 }
-function Ue(a, e) {
-  const t = he(a), s = X(a);
+function Ve(a, e) {
+  const t = ue(a), s = Z(a);
   if (e <= s || t === "innings" || t === "sets") return String(e);
   const r = e - s;
   return `OT${r > 1 ? r : ""}`;
 }
-function je(a, e) {
+function Ye(a, e) {
   const t = String(a ?? "").trim();
   let s;
-  return (s = /^(\d+)Q$/i.exec(t)) || (s = /^(\d+)H$/i.exec(t)) ? Number(s[1]) : /^half$/i.test(t) ? he(e) === "halves" ? 1 : 2 : (s = /^(\d*)OT(\d*)$/i.exec(t)) ? X(e) + Number(s[1] || s[2] || 1) : (s = /^[TB](\d+)$/i.exec(t)) || (s = /^(\d+)(?:st|nd|rd|th)\s*set$/i.exec(t)) || (s = /^set\s*(\d+)$/i.exec(t)) ? Number(s[1]) : null;
+  return (s = /^(\d+)Q$/i.exec(t)) || (s = /^(\d+)H$/i.exec(t)) ? Number(s[1]) : /^half$/i.test(t) ? ue(e) === "halves" ? 1 : 2 : (s = /^(\d*)OT(\d*)$/i.exec(t)) ? Z(e) + Number(s[1] || s[2] || 1) : (s = /^[TB](\d+)$/i.exec(t)) || (s = /^(\d+)(?:st|nd|rd|th)\s*set$/i.exec(t)) || (s = /^set\s*(\d+)$/i.exec(t)) ? Number(s[1]) : null;
 }
-const E = (a) => Number.isInteger(a) && a >= 0 ? a : null;
-function qe(a) {
+const R = (a) => Number.isInteger(a) && a >= 0 ? a : null;
+function Ke(a) {
   const e = Array.isArray(a?.scoringPlays) ? a.scoringPlays : [];
   if (!e.length) return null;
   const t = a.sport, s = /* @__PURE__ */ new Map();
   for (const m of e) {
-    const f = je(m?.period, t), u = E(m?.homeScore), b = E(m?.awayScore);
-    if (!f || u === null || b === null) return null;
+    const f = Ye(m?.period, t), u = R(m?.homeScore), v = R(m?.awayScore);
+    if (!f || u === null || v === null) return null;
     const x = s.get(f) || { home: 0, away: 0 };
-    x.home = Math.max(x.home, u), x.away = Math.max(x.away, b), s.set(f, x);
+    x.home = Math.max(x.home, u), x.away = Math.max(x.away, v), s.set(f, x);
   }
   const r = Math.max(...s.keys()), o = [];
-  let l = !0, i = { home: 0, away: 0 };
+  let l = !0, h = { home: 0, away: 0 };
   for (let m = 1; m <= r; m += 1) {
-    const f = s.get(m) || i, u = f.home - i.home, b = f.away - i.away;
-    (u < 0 || b < 0) && (l = !1), o.push({ period: m, home: Math.max(u, 0), away: Math.max(b, 0) }), i = { home: Math.max(f.home, i.home), away: Math.max(f.away, i.away) };
+    const f = s.get(m) || h, u = f.home - h.home, v = f.away - h.away;
+    (u < 0 || v < 0) && (l = !1), o.push({ period: m, home: Math.max(u, 0), away: Math.max(v, 0) }), h = { home: Math.max(f.home, h.home), away: Math.max(f.away, h.away) };
   }
-  const h = E(a.homeScore) ?? 0, d = E(a.awayScore) ?? 0, c = l && i.home === h && i.away === d;
-  return l = l && i.home <= h && i.away <= d, { periods: o, reconciled: c, consistent: l };
+  const d = R(a.homeScore) ?? 0, i = R(a.awayScore) ?? 0, c = l && h.home === d && h.away === i;
+  return l = l && h.home <= d && h.away <= i, { periods: o, reconciled: c, consistent: l };
 }
-function Ge(a) {
+function Qe(a) {
   if (Array.isArray(a?.periodScores) && a.periodScores.length) return a.periodScores;
-  const e = qe(a);
+  const e = Ke(a);
   return e ? a.state === "final" ? e.reconciled ? e.periods : null : e.consistent ? e.periods : null : null;
 }
-const We = "https://api.wral.com/search";
-function Ve(a) {
+const Xe = "https://api.wral.com/search";
+function Ze(a) {
   return a.map((e) => `uri:"${e}"`).join(" OR ");
 }
-function Ye(a, e) {
-  const t = String(a || We).replace(/\/+$/, ""), s = new URLSearchParams({ query: Ve(e), sort: "score", lang: "en" });
+function Je(a, e) {
+  const t = String(a || Xe).replace(/\/+$/, ""), s = new URLSearchParams({ query: Ze(e), sort: "score", lang: "en" });
   return `${t}/v1/query?${s}`;
 }
-function me(a) {
+function ge(a) {
   try {
     const e = new URL(a);
     if (/(^|\.)smugmug\.com$/i.test(e.hostname)) {
@@ -1378,13 +1342,13 @@ function me(a) {
   }
   return { uri: a, title: a };
 }
-async function Qe(a, e, t) {
-  const r = await ((...i) => fetch(...i))(Ye(a, e));
+async function et(a, e, t) {
+  const r = await ((...h) => fetch(...h))(Je(a, e));
   if (!r.ok) throw new Error(`search answered ${r.status}`);
-  const o = await r.json(), l = new Map((o.items || []).map((i) => [i.uri, i]));
-  return e.map((i) => l.get(i) || me(i));
+  const o = await r.json(), l = new Map((o.items || []).map((h) => [h.uri, h]));
+  return e.map((h) => l.get(h) || ge(h));
 }
-const Ke = y`
+const tt = $`
 	.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; }
@@ -1427,6 +1391,9 @@ const Ke = y`
 	table.plays-table td.play { white-space: normal; min-width: 12rem; }
 	/* Game notes are typed with line breaks the desk means to keep. */
 	.gamenote { padding: 0 1rem 0.9rem; text-align: center; white-space: pre-line; }
+	/* The embed's way out to everything it drops (Coverage, season context,
+	   head to head) — the data page still renders all of it. */
+	.fullbox { margin: 0.9rem 0 0; text-align: center; font-size: 0.875rem; }
 	.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; }
@@ -1437,22 +1404,28 @@ const Ke = y`
 		.cols { grid-template-columns: 1fr; }
 	}
 `;
-class Xe extends w {
-  static styles = [...z, Ke];
+class st extends y {
+  static styles = [...P, tt];
   static properties = {
-    ...w.properties,
+    ...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" }
+    searchApi: { type: String, attribute: "search-api" },
+    // Story pages embed the box score in the article column, where the page
+    // chrome (breadcrumbs, the report-a-score line) and the cross-links
+    // (Coverage, Season context, head-to-head) belong to the data page, not
+    // the recap. `embed` keeps the score head, line score and scoring plays,
+    // and links out to the full box score for the rest.
+    embed: { type: Boolean }
   };
   constructor() {
-    super(), this.gameId = "", this.searchApi = "";
+    super(), this.gameId = "", this.searchApi = "", this.embed = !1;
   }
   async fetchData(e) {
-    const t = await e.getGame(this.gameId), s = Array.isArray(t.coverageUrls) ? t.coverageUrls : [], [r, o, l, i, h, d] = await Promise.all([
+    const t = await e.getGame(this.gameId), s = Array.isArray(t.coverageUrls) ? t.coverageUrls : [], [r, o, l, h, d, i] = await Promise.all([
       e.listSchools(),
       e.listTeams({ sport: t.sport }),
       e.listConferences(),
@@ -1460,57 +1433,64 @@ class Xe extends w {
       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 ? Qe(this.searchApi, s).catch(() => s.map(me)) : Promise.resolve([])
+      // The embed drops the Coverage grid, so it skips the search
+      // round-trip entirely rather than fetching cards it will not render.
+      s.length && !this.embed ? et(this.searchApi, s).catch(() => s.map(ge)) : Promise.resolve([])
     ]);
     return {
       game: t,
       schools: r.items,
       teams: o.items,
       conferences: l.items,
-      rankings: i.items,
-      games: h.items,
-      coverage: d
+      rankings: h.items,
+      games: d.items,
+      coverage: i
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: v(this.data.teams),
-      schoolsById: v(this.data.schools),
-      records: P(this.data.games),
+      teamsById: b(this.data.teams),
+      schoolsById: b(this.data.schools),
+      records: N(this.data.games),
       rankings: this.data.rankings,
-      hrefs: F(this),
+      hrefs: z(this),
       sport: this.data.game.sport
     }, this._ctxData = this.data), this._ctx;
   }
   renderView() {
     const e = this.data.game;
     if (!e) return n`<div class="view"><p class="empty">Game not found.</p></div>`;
-    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, l = G(e), i = (c) => e.state === "final" && l !== c && l !== "tie" ? "opacity:0.45" : "", h = 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 = b(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, l = H(e), h = (c) => e.state === "final" && l !== c && l !== "tie" ? "opacity:0.45" : "", d = e.conferenceId ? s[e.conferenceId] : null, i = 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 n`
-			${B(this, n`
-				${A(this)}
-				<p class="breadcrumbs">
-					<a href=${g(t.hrefs.section, { sport: e.sport, view: "scores" })}>${I(e.sport)}</a> /
-					<a href=${g(t.hrefs.section, { sport: e.sport, view: "scores" })}>Scores/Schedules</a> /
-					${T(t, e.awayTeamId)} at ${T(t, e.homeTeamId)}
-				</p>
+			${C(this, n`
+				${D(this)}
+				${this.embed ? p : n`
+					<p class="breadcrumbs">
+						<a href=${g(t.hrefs.section, { sport: e.sport, view: "scores" })}>${B(e.sport)}</a> /
+						<a href=${g(t.hrefs.section, { sport: e.sport, view: "scores" })}>Scores/Schedules</a> /
+						${F(t, e.awayTeamId)} at ${F(t, e.homeTeamId)}
+					</p>`}
 				<div class="card">
 					<div class="scorehead">
 						${this.teamBlock(t, e, e.awayTeamId, r, !1)}
 						<div class="mid">
 							<div class="bigscore">
-								<span style=${i("away")}>${e.awayScore}</span>
+								<span style=${h("away")}>${e.awayScore}</span>
 								<span class="mut" style="font-size:1.6rem">–</span>
-								<span style=${i("home")}>${e.homeScore}</span>
+								<span style=${h("home")}>${e.homeScore}</span>
 							</div>
-							<div class="status">${L(e)}</div>
-							<div class="status">${$(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? n` · ${U(e.time)}` : p} · ${e.venue || "Venue TBD"}
+							<div class="status">${E(e)}</div>
+							<div class="status">${w(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? n` · ${q(e.time)}` : p} · ${e.venue || "Venue TBD"}
 								${e.broadcast ? n` · <span class="pill class">${e.broadcast}</span>` : p}</div>
 							<div class="status">
-								<span class="pill type">${e.gameType === "conference" ? `${h?.name || "Conference"} game` : e.gameType}</span>
+								<span class="pill type">${e.gameType === "conference" ? `${d?.name || "Conference"} game` : e.gameType}</span>
 								${e.label ? n`<span class="pill type">Bracket ${e.label}</span>` : p}
 								${(e.tags || []).map((c) => n`<span class="pill type">${c}</span>`)}
 							</div>
+							${this.embed ? p : n`
+								<div class="status">
+									<a href=${le(t.hrefs, e.id)}>Report a score for this game</a>
+								</div>`}
 						</div>
 						${this.teamBlock(t, e, e.homeTeamId, o, !0)}
 					</div>
@@ -1518,6 +1498,10 @@ class Xe extends w {
 					${this.renderScoringPlays(e, r, o)}
 					${e.notes ? n`<p class="note gamenote">${e.notes}</p>` : p}
 				</div>
+				${this.embed ? n`
+					<p class="fullbox">
+						<a href=${g(t.hrefs.game, { sport: e.sport, id: e.id })}>Full box score &rarr;</a>
+					</p>` : n`
 				${(this.data.coverage || []).length ? n`
 					<div class="section-title">Coverage</div>
 					<div class="covgrid">
@@ -1538,51 +1522,51 @@ class Xe extends w {
 				<div class="cols">
 					${[[e.awayTeamId, r], [e.homeTeamId, o]].map(([c, m]) => this.renderContext(t, c, m))}
 				</div>
-				${d.length ? n`
+				${i.length ? n`
 					<div class="section-title">Head to head this season</div>
 					<div class="card"><ul class="gamelist">
-						${d.map((c) => n`<li>
-							<span class="d">${$(c.date)}</span>${L(c)}
-							<span class="opp">${T(t, c.awayTeamId)} ${c.awayScore}, ${T(t, c.homeTeamId)} ${c.homeScore}</span>
+						${i.map((c) => n`<li>
+							<span class="d">${w(c.date)}</span>${E(c)}
+							<span class="opp">${F(t, c.awayTeamId)} ${c.awayScore}, ${F(t, c.homeTeamId)} ${c.homeScore}</span>
 							<a class="box" href=${g(t.hrefs.game, { sport: e.sport, id: c.id })}>Box score →</a>
 						</li>`)}
-					</ul></div>` : p}
+					</ul></div>` : p}`}
 			`)}
 		`;
   }
   teamBlock(e, t, s, r, o) {
     if (!r) return n`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
-    const l = e.teamsById[s], i = e.records[s], h = R(r, 58);
+    const l = e.teamsById[s], h = e.records[s], d = L(r, 58);
     return n`
 			<div class="teamblock ${o ? "right" : ""}">
-				${h ? n`<img class="crest logo" alt="" loading="lazy" src=${h} />` : n`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${_(r.colorPrimary || "#030711")}">${q(r)}</span>`}
+				${d ? n`<img class="crest logo" alt="" loading="lazy" src=${d} />` : n`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${M(r.colorPrimary || "#030711")}">${V(r)}</span>`}
 				<div>
 					<div class="tname">${Q(e, s, t.date)}<a href=${g(e.hrefs.school, { id: r.id })}>${r.name}</a></div>
-					<div class="trec">${r.mascot || ""} · ${k(i)}${l?.conferenceId ? n` · ${k(i, !0)} conf` : p}</div>
+					<div class="trec">${r.mascot || ""} · ${k(h)}${l?.conferenceId ? n` · ${k(h, !0)} conf` : p}</div>
 				</div>
 			</div>
 		`;
   }
   renderLineScore(e, t, s) {
-    const r = Ge(e);
+    const r = Qe(e);
     if (!r)
       return e.state === "scheduled" ? n`<p class="empty" style="text-align:center">Period scoring will appear once the game starts.</p>` : p;
-    const o = Math.max(X(e.sport), ...r.map((d) => d.period)), l = (d) => Ue(e.sport, d), i = (d, c) => {
+    const o = Math.max(Z(e.sport), ...r.map((i) => i.period)), l = (i) => Ve(e.sport, i), h = (i, c) => {
       const m = r.find((f) => f.period === c);
-      return m ? m[d] : e.state === "final" ? 0 : "·";
-    }, h = (d, c, m) => n`
+      return m ? m[i] : e.state === "final" ? 0 : "·";
+    }, d = (i, c, m) => n`
 			<tr>
-				<td class="teamcell">${D(d, 20)}${d?.abbr || "TBD"}</td>
-				${Array.from({ length: o }, (f, u) => n`<td class="num">${i(c, u + 1)}</td>`)}
+				<td class="teamcell">${T(i, 20)}${i?.abbr || "TBD"}</td>
+				${Array.from({ length: o }, (f, u) => n`<td class="num">${h(c, u + 1)}</td>`)}
 				<td class="num" style="font-weight:700">${m}</td>
 			</tr>`;
     return n`
 			<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) => n`<th class="num">${l(c + 1)}</th>`)}<th class="num">T</th></tr></thead>
+					<thead><tr><th>Team</th>${Array.from({ length: o }, (i, c) => n`<th class="num">${l(c + 1)}</th>`)}<th class="num">T</th></tr></thead>
 					<tbody>
-						${h(t, "away", e.awayScore)}
-						${h(s, "home", e.homeScore)}
+						${d(t, "away", e.awayScore)}
+						${d(s, "home", e.homeScore)}
 					</tbody>
 				</table>
 			</div>
@@ -1616,24 +1600,24 @@ class Xe extends w {
   }
   renderContext(e, t, s) {
     if (!s) return p;
-    const r = e.records[t], o = W(this.data.games, t);
+    const r = e.records[t], o = Y(this.data.games, t);
     return n`
 			<div class="card ctxcard">
-				<div class="who">${D(s)}${s.name}</div>
+				<div class="who">${T(s)}${s.name}</div>
 				<div class="row">
-					<span>Last 5: ${K(e, t)}</span>
-					<span>Streak: <b>${r ? H(r.results) : "·"}</b></span>
+					<span>Last 5: ${X(e, t)}</span>
+					<span>Streak: <b>${r ? U(r.results) : "·"}</b></span>
 					<span>PF/PA: <b>${r ? `${r.pf} / ${r.pa}` : "·"}</b></span>
-					<span>Next: ${o ? n`${$(o.date, { month: "numeric", day: "numeric" })}
-						${o.homeTeamId === t ? "vs" : "at"} ${N(e, o.homeTeamId === t ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
+					<span>Next: ${o ? n`${w(o.date, { month: "numeric", day: "numeric" })}
+						${o.homeTeamId === t ? "vs" : "at"} ${G(e, o.homeTeamId === t ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
 				</div>
 			</div>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", Xe);
-const Ze = 250, Je = 2;
-class et extends ae {
+globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", st);
+const at = 250, rt = 2;
+class ot extends ie {
   static properties = {
     api: { type: String },
     schoolHref: { type: String, attribute: "school-href" },
@@ -1644,7 +1628,7 @@ class et extends ae {
     activeIndex: { state: !0 },
     searched: { state: !0 }
   };
-  static styles = y`
+  static styles = $`
 		:host {
 			display: block;
 			position: relative;
@@ -1713,11 +1697,11 @@ class et extends ae {
   }
   onInput(e) {
     const t = e.target.value.trim();
-    if (clearTimeout(this.debounceTimer), t.length < Je) {
+    if (clearTimeout(this.debounceTimer), t.length < rt) {
       this.abortController?.abort(), this.results = [], this.open = !1, this.searched = !1;
       return;
     }
-    this.debounceTimer = setTimeout(() => this.search(t), Ze);
+    this.debounceTimer = setTimeout(() => this.search(t), at);
   }
   async search(e) {
     this.abortController?.abort(), this.abortController = new AbortController();
@@ -1810,23 +1794,309 @@ class et extends ae {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school-search") && globalThis.customElements.define("hsot-school-search", et);
+globalThis?.customElements && !globalThis.customElements.get("hsot-school-search") && globalThis.customElements.define("hsot-school-search", ot);
+function ve(a, e) {
+  const t = new Map(a.map((d) => [d.id, d])), s = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+  for (const d of e || [])
+    d.outcome === "winner" && (s.has(d.targetGameId) || s.set(d.targetGameId, []), s.get(d.targetGameId).push(d), r.has(d.sourceGameId) || r.set(d.sourceGameId, []), r.get(d.sourceGameId).push(d));
+  const o = a.filter((d) => !r.has(d.id)), l = (d) => d.targetSlot === "home" ? 0 : 1;
+  function h(d) {
+    const i = t.get(d);
+    if (!i) return null;
+    const m = [...s.get(d) || []].sort((f, u) => l(f) - l(u)).map((f) => h(f.sourceGameId)).filter(Boolean);
+    return { game: i, children: m, bracketGroup: i.bracketGroup };
+  }
+  return o.length === 1 ? h(o[0].id) : o.map((d) => h(d.id));
+}
+function be(a, e = [], t = 0) {
+  if (!a) return e;
+  e[t] || (e[t] = []), e[t].push(a.game);
+  for (const s of a.children || []) be(s, e, t + 1);
+  return e;
+}
+const nt = (a) => Math.max(1, Math.round(Math.log2(a || 2)));
+function it({ round: a, perGroup: e, groupCount: t = 1 }) {
+  const s = nt(e), o = (t === 4 ? s + 2 : t === 2 ? s + 1 : s) - a;
+  return o === 0 ? t > 1 ? "Championship" : "Final" : o === 1 ? "Semifinal" : `Round ${a}`;
+}
+function lt(a) {
+  if (!a || !a.length) return "setup";
+  const e = Math.max(...a.map((s) => s.round ?? 0)), t = a.filter((s) => (s.round ?? 0) === e);
+  return t.length && t.every((s) => s.state === "final") ? "complete" : a.some((s) => s.state !== "scheduled" || s.homeScore || s.awayScore || s.round === 1 && (s.homeTeamId || s.awayTeamId)) ? "active" : "setup";
+}
+function ct(a, e) {
+  const t = a?.groupNames || [];
+  if (t.length >= 2) {
+    const r = t.map((o) => ({ key: o, name: o }));
+    return (e || []).some((o) => o.bracketGroup === "Championship") && r.push({ key: "Championship", name: "Championship" }), r;
+  }
+  const s = [...new Set((e || []).map((r) => r.bracketGroup).filter(Boolean))];
+  return [{ key: null, name: s.length === 1 ? s[0] : "Bracket" }];
+}
+const dt = (a, e) => e?.key == null ? [...a || []] : (a || []).filter((t) => t.bracketGroup === e.key), re = (a) => {
+  const e = /(\d+)\s*$/.exec(a.label || "");
+  return e ? Number(e[1]) : 1 / 0;
+}, oe = (a, e) => re(a) - re(e) || String(a.id).localeCompare(String(e.id));
+function ht(a, e) {
+  if (a.every((r) => Number.isInteger(r.round))) return (r) => r.round;
+  const t = ve(a, e), s = /* @__PURE__ */ new Map();
+  for (const r of Array.isArray(t) ? t : [t]) {
+    const o = be(r), l = o.length - 1;
+    o.forEach((h, d) => h.forEach((i) => s.set(i.id, l - d + 1)));
+  }
+  return (r) => Number.isInteger(r.round) ? r.round : s.get(r.id) || 1;
+}
+function mt(a, e, t) {
+  const s = dt(a, t);
+  if (!s.length) return [];
+  const r = ht(a || [], e || []), o = /* @__PURE__ */ new Map();
+  for (const i of s) {
+    const c = r(i);
+    o.has(c) || o.set(c, []), o.get(c).push(i);
+  }
+  const l = /* @__PURE__ */ new Map();
+  for (const i of e || [])
+    i.outcome === "winner" && (l.has(i.targetGameId) || l.set(i.targetGameId, []), l.get(i.targetGameId).push(i.sourceGameId));
+  const h = [];
+  let d = null;
+  for (const i of [...o.keys()].sort((c, m) => c - m)) {
+    let c = [...o.get(i)];
+    if (d) {
+      const m = (f) => {
+        const u = (l.get(f.id) || []).map((v) => d.get(v)).filter((v) => v !== void 0);
+        return u.length ? Math.min(...u) : 1 / 0;
+      };
+      c.sort((f, u) => m(f) - m(u) || oe(f, u));
+    } else
+      c.sort(oe);
+    d = new Map(c.map((m, f) => [m.id, f])), h.push({ round: i, games: c });
+  }
+  return h;
+}
+function pt(a, e, t) {
+  const s = a[`${e}TeamId`] || null, r = (t || []).find((l) => l.gameId === a.id && l.slot === e), o = a[`${e}Seed`] ?? r?.seed ?? null;
+  return { teamId: s, seed: o, bye: !s && !!r?.isBye };
+}
+function ye(a) {
+  const e = H(a);
+  return e === "home" || e === "away" ? e : null;
+}
+function ft(a, e) {
+  const t = ve(a || [], e || []);
+  if (!t || Array.isArray(t)) return null;
+  const s = ye(t.game);
+  return s && t.game[`${s}TeamId`] || null;
+}
+const ne = { active: 0, setup: 1, complete: 2 };
+function ut(a, { id: e, param: t } = {}) {
+  const s = a || [];
+  if (!s.length) return null;
+  for (const r of [e, t]) {
+    if (!r) continue;
+    const o = s.find((l) => l.id === r);
+    if (o) return o;
+  }
+  return [...s].sort((r, o) => (ne[r.status] ?? 3) - (ne[o.status] ?? 3) || String(r.name || "").localeCompare(String(o.name || "")))[0];
+}
+const gt = $`
+	.bracket { display: flex; gap: 1rem; align-items: stretch; overflow-x: auto; padding-bottom: 0.5rem; }
+	.round { flex: 0 0 250px; display: flex; flex-direction: column; min-width: 0; }
+	.roundhead {
+		margin: 0 0 0.6rem; padding-bottom: 0.35rem; border-bottom: 3px solid var(--hsot-gray-2);
+		font-family: var(--hsot-heading-font); font-weight: 700; font-size: 0.8rem;
+		text-transform: uppercase; letter-spacing: 0.04em; color: var(--hsot-gray-6);
+	}
+	/* Equal-flex bands center each matchup between the two that feed it. */
+	.games { flex: 1; display: flex; flex-direction: column; justify-content: space-around; gap: 0.6rem; }
+	.matchup {
+		background: var(--hsot-white); border: 1px solid var(--hsot-gray-2);
+		border-radius: var(--hsot-radius-md); overflow: hidden;
+	}
+	.matchup.live { border-color: var(--hsot-red); }
+	.slot { display: flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.6rem; font-size: 0.9rem; min-height: 2.1rem; box-sizing: border-box; }
+	.slot + .slot { border-top: 1px solid var(--hsot-gray-2); }
+	.slot .seed {
+		flex: none; width: 1.3rem; text-align: right; font-family: var(--hsot-heading-font);
+		font-size: 0.75rem; color: var(--hsot-gray-5); font-variant-numeric: tabular-nums;
+	}
+	.slot .swatch { margin-right: 0; }
+	.slot .tname { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+	.slot .tname a { color: inherit; text-decoration: none; font-weight: 500; }
+	.slot .tname a:hover { text-decoration: underline; }
+	.slot .tname.bye { font-style: italic; color: var(--hsot-gray-5); }
+	.slot .score {
+		flex: none; min-width: 1.6rem; text-align: right; font-family: var(--hsot-heading-font);
+		font-weight: 700; font-variant-numeric: tabular-nums;
+	}
+	.slot.winner .tname a, .slot.winner .tname { font-weight: 700; }
+	.slot.winner .score { color: var(--hsot-red-deep); }
+	.slot.loser { color: var(--hsot-gray-5); }
+	.mfoot {
+		display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.6rem;
+		background: var(--hsot-gray-1); border-top: 1px solid var(--hsot-gray-2); font-size: 0.75rem;
+	}
+	.mfoot .spacer { flex: 1; }
+	.mfoot .label { color: var(--hsot-gray-5); font-family: var(--hsot-heading-font); }
+	.champ {
+		display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem;
+		font-family: var(--hsot-heading-font); font-size: 1.05rem;
+	}
+	.champ .tname a { color: inherit; text-decoration: none; font-weight: 700; }
+	@media (max-width: 720px) { .round { flex-basis: 215px; } }
+`;
+class vt extends y {
+  static styles = [P, gt];
+  static properties = {
+    ...y.properties,
+    sport: { type: String },
+    season: { type: String },
+    tournamentId: { type: String, attribute: "tournament-id" },
+    picked: { state: !0 },
+    group: { state: !0 }
+  };
+  constructor() {
+    super(), this.sport = "football", this.season = "", this.tournamentId = "", this.picked = "", this.group = null;
+  }
+  async fetchData(e) {
+    const t = this.season || _(), s = (await e.listTournaments({ sport: this.sport, season: t })).items, r = new URLSearchParams(globalThis.location?.search || "").get("tournament"), o = ut(s, { id: this.picked || this.tournamentId, param: r });
+    if (!o) return { season: t, tournaments: s, tournament: null };
+    const [l, h, d, i, c] = await Promise.all([
+      e.listSeedings(o.id),
+      e.listEdges(o.id),
+      e.listGames({ tournamentId: o.id }),
+      e.listSchools(),
+      e.listTeams({ sport: this.sport })
+    ]);
+    return {
+      season: t,
+      tournaments: s,
+      tournament: o,
+      seedings: l.items,
+      edges: h.items,
+      games: d.items,
+      schools: i.items,
+      teams: c.items
+    };
+  }
+  get ctx() {
+    return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
+      teamsById: b(this.data.teams),
+      schoolsById: b(this.data.schools),
+      records: {},
+      rankings: [],
+      hrefs: z(this),
+      sport: this.sport
+    }, this._ctxData = this.data), this._ctx;
+  }
+  /** Switch tournaments: remember the pick, deep-link it, reload the scoped data. */
+  pick(e) {
+    if (e !== this.data?.tournament?.id) {
+      this.picked = e, this.group = null;
+      try {
+        const t = new URL(globalThis.location.href);
+        t.searchParams.set("tournament", e), globalThis.history?.replaceState(null, "", t);
+      } catch {
+      }
+      this.load();
+    }
+  }
+  renderView() {
+    const e = this.data, t = this.ctx, s = j(this, t, {
+      title: n`${B(this.sport)} playoff brackets`,
+      sub: e.tournament ? n`${e.tournament.name} · ${e.season} season` : n`${e.season} season`,
+      teams: e.teams
+    });
+    if (!e.tournament)
+      return n`${s}${C(this, n`
+				${D(this)}
+				<div class="card"><div class="empty">No ${this.sport} brackets have been published for the ${e.season} season yet.</div></div>
+			`)}`;
+    const r = ct(e.tournament, e.games), o = r.find((m) => m.key === this.group) || r[0], l = (e.tournament.groupNames || []).length >= 2 ? e.tournament.groupNames.length : 1, h = (Number(e.tournament.size) || 0) / l, d = mt(e.games, e.edges, o), i = lt(e.games), c = ft(e.games, e.edges);
+    return n`
+			${s}
+			${C(this, n`
+				${D(this)}
+				<div class="toolbar">
+					${e.tournaments.length > 1 ? n`
+						<div role="group" aria-label="Tournament">
+							${e.tournaments.map((m) => n`<button class="chip ${m.id === e.tournament.id ? "on" : ""}"
+								@click=${() => this.pick(m.id)}>${m.name}</button>`)}
+						</div>` : p}
+					${r.length > 1 ? n`
+						<div role="tablist" aria-label="Bracket group">
+							${r.map((m) => n`<button class="chip ${m.key === o.key ? "on" : ""}" role="tab"
+								aria-selected=${m.key === o.key ? "true" : "false"}
+								@click=${() => {
+      this.group = m.key;
+    }}>${m.name}</button>`)}
+						</div>` : p}
+					<span class="spacer"></span>
+					<span class="pill ${i === "complete" ? "final" : i === "active" ? "class" : "type"}">${i === "complete" ? "Complete" : i === "active" ? "In progress" : "Bracket set"}</span>
+					<span class="asof">${e.tournament.size}-team ${String(e.tournament.format || "").replace(/_/g, " ")}</span>
+				</div>
+				${c ? n`<div class="champ"><span class="pill champ">Champion</span>
+					${T(I(t, c), 26)}<span class="tname">${O(t, c)}</span></div>` : p}
+				${d.length ? n`
+					<div class="bracket" role="region" aria-label="${o.name} bracket">
+						${d.map((m) => n`
+							<section class="round">
+								<h3 class="roundhead">${it({ round: m.round, perGroup: h, groupCount: l })}</h3>
+								<div class="games">${m.games.map((f) => this.renderMatchup(t, f))}</div>
+							</section>`)}
+					</div>` : n`<div class="card"><div class="empty">This bracket has no games yet.</div></div>`}
+			`)}
+		`;
+  }
+  renderMatchup(e, t) {
+    const s = t.homeTeamId && t.awayTeamId || t.state === "final" || t.state === "live";
+    return n`
+			<article class="matchup ${t.state}" aria-label="${t.label || "Matchup"}">
+				${this.renderSlot(e, t, "home")}
+				${this.renderSlot(e, t, "away")}
+				<footer class="mfoot">
+					${E(t)}
+					${t.label ? n`<span class="label">${t.label}</span>` : p}
+					<span class="spacer"></span>
+					${s ? n`<a class="box" href=${g(e.hrefs.game, { sport: this.sport, id: t.id })}>Box score</a>` : p}
+				</footer>
+			</article>
+		`;
+  }
+  renderSlot(e, t, s) {
+    const { teamId: r, seed: o, bye: l } = pt(t, s, this.data.seedings), h = ye(t), d = t.state === "live" || t.state === "final";
+    return n`
+			<div class="slot ${h ? h === s ? "winner" : "loser" : ""}">
+				<span class="seed">${o ?? ""}</span>
+				${r ? n`${T(I(e, r), 22)}<span class="tname">${O(e, r, t.date)}</span>` : l ? n`<span class="tname bye">Bye</span>` : n`<span class="tname mut">TBD</span>`}
+				${d ? n`<span class="score">${t[`${s}Score`] ?? 0}</span>` : p}
+			</div>
+		`;
+  }
+}
+globalThis?.customElements && !globalThis.customElements.get("hsot-brackets") && globalThis.customElements.define("hsot-brackets", vt);
 export {
-  O as D,
-  Xe as H,
-  Me as a,
-  Oe as b,
-  et as c,
-  Re as d,
-  Ne as e,
-  P as f,
-  ue as g,
-  g as h,
-  G as i,
-  st as j,
-  H as k,
-  Ae as p,
+  A as D,
+  st as H,
+  vt as a,
+  je as b,
+  We as c,
+  ot as d,
+  Oe as e,
+  He as f,
+  ct as g,
+  ve as h,
+  ft as i,
+  N as j,
+  lt as k,
+  g as l,
+  H as m,
+  $t as n,
+  it as o,
+  Me as p,
+  mt as q,
   k as r,
-  ne as s,
-  V as t
+  he as s,
+  U as t,
+  K as u,
+  be as v
 };