@wral/hsot-data 0.2.0 → 0.4.0

package/dist/{hsot-brackets-D5cwGage.js → hsot-brackets-Bqk0gI3J.js}

@@ -1,122 +1,85 @@
-import { LitElement as ie, html as n, css as $, nothing as p, svg as J } from "lit";
-const ye = 50;
-function $e(a = {}) {
-  const e = Object.entries(a).filter(([, s]) => s != null && s !== "");
-  if (!e.length) return "";
-  const t = new URLSearchParams();
-  return e.forEach(([s, o]) => t.set(s, String(o))), `?${t.toString()}`;
-}
-function we({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
-  if (!a) throw new Error("createClient requires a baseUrl");
-  const s = a.replace(/\/+$/, ""), o = t || ((...i) => fetch(...i));
-  async function r(i) {
-    const h = { Accept: "application/json" };
-    e && (h.Authorization = `Bearer ${e}`);
-    const c = await o(`${s}${i}`, { headers: h });
-    if (!c.ok) {
-      const d = new Error(`api-hsot ${c.status} on ${i}`);
-      throw d.status = c.status, d;
-    }
-    return c.json();
-  }
-  async function l(i, h = {}) {
-    const c = [];
-    let d = null;
-    for (let m = 0; m < ye; m += 1) {
-      const f = $e(d ? { ...h, cursor: d } : h), u = await r(`${i}${f}`);
-      if (c.push(...u.items || []), d = u.nextCursor || null, !d) break;
-    }
-    return { items: c, total: c.length, nextCursor: null };
-  }
-  return {
-    listSchools: (i) => l("/schools", i),
-    getSchool: (i) => r(`/schools/${i}`),
-    listTeams: (i) => l("/teams", i),
-    getTeam: (i) => r(`/teams/${i}`),
-    listConferences: (i) => l("/conferences", i),
-    listPlayers: (i) => l("/players", i),
-    listRosters: (i) => l("/rosters", i),
-    listGames: (i) => l("/games", i),
-    getGame: (i) => r(`/games/${i}`),
-    listTournaments: (i) => l("/tournaments", i),
-    listSeedings: (i, h) => l(`/tournaments/${i}/seedings`, h),
-    listEdges: (i, h) => l(`/tournaments/${i}/edges`, h),
-    listRankings: (i) => l("/rankings", i),
-    listSports: () => r("/sports")
-  };
-}
-const j = {
+import { LitElement as le, html as n, css as w, nothing as p, svg as ee } from "lit";
+import { createClient as ke } from "./client.mjs";
+const E = {
   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 z(a) {
   return {
-    game: a.getAttribute("game-href") || j.game,
-    school: a.getAttribute("school-href") || j.school,
-    section: a.getAttribute("section-href") || j.section
+    game: a.getAttribute("game-href") || E.game,
+    school: a.getAttribute("school-href") || E.school,
+    section: a.getAttribute("section-href") || E.section,
+    report: a.getAttribute("report-href") || E.report
   };
 }
-const B = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
-function w(a, e) {
+function ce(a, e = "") {
+  const t = g(a.report || E.report, { id: e || "" });
+  return e ? t : t.replace(/([?&])game=(?=&|$)/, "$1").replace(/[?&]$/, "").replace(/\?&/, "?");
+}
+const k = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
+function x(a, e) {
   if (!a) return "TBD";
-  const [t, s, o] = String(a).split("-").map(Number);
-  return !t || !s || !o ? "TBD" : new Date(t, s - 1, o).toLocaleDateString("en-US", e || { weekday: "short", month: "short", day: "numeric" });
+  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 q(a) {
+function W(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 xe(a) {
+function Se(a) {
   return a ? `${Math.floor(a / 12)}-${a % 12}` : "·";
 }
-function ke(a) {
+function Ie(a) {
   return (Array.isArray(a?.positions) ? a.positions : String(a?.position ?? "").split(/[/,]/)).map((t) => String(t ?? "").trim()).filter(Boolean).join("/");
 }
-function E(a = /* @__PURE__ */ new Date()) {
+function _(a = /* @__PURE__ */ new Date()) {
   const e = a.getFullYear();
   return a.getMonth() >= 6 ? `${e}-${e + 1}` : `${e - 1}-${e}`;
 }
-function W(a = /* @__PURE__ */ new Date()) {
+function V(a = /* @__PURE__ */ new Date()) {
   const e = (t) => String(t).padStart(2, "0");
   return `${a.getFullYear()}-${e(a.getMonth() + 1)}-${e(a.getDate())}`;
 }
-function Se(a, e = W()) {
+function Te(a, e = V()) {
   const t = [...new Set((a || []).filter(Boolean))].sort();
   if (!t.length || t.includes(e)) return e;
-  const s = t.filter((o) => o < e);
+  const s = t.filter((r) => r < e);
   return s.length ? s[s.length - 1] : t[0];
 }
-function V(a) {
+function Y(a) {
   return a ? (a.abbr || a.name || "?").slice(0, 4).toUpperCase() : "?";
 }
-function N(a) {
+function G(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, o = e & 255;
-  return 0.299 * t + 0.587 * s + 0.114 * o > 150 ? "#0F1B33" : "#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 Ie = (a) => {
+const Ce = (a) => {
   const e = ["th", "st", "nd", "rd"], t = a % 100;
   return a + (e[(t - 20) % 10] || e[t] || e[0]);
 };
-function ee(a, e) {
-  const t = (r) => {
-    const l = /^\d+/.exec(String(r ?? ""));
-    return l ? Number(l[0]) : null;
-  }, s = t(a), o = t(e);
-  return s !== null && o !== null && s !== o ? o - s : s !== null && o === null ? -1 : s === null && o !== null ? 1 : String(a ?? "").localeCompare(String(e ?? ""), "en", { sensitivity: "base" });
-}
-function Te(a, e) {
+function te(a, e) {
+  const t = (o) => {
+    const i = /^\d+/.exec(String(o ?? ""));
+    return i ? Number(i[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 De(a, e) {
   const t = (s) => String(s?.name ?? s ?? "");
   return t(a).localeCompare(t(e), "en", { numeric: !0, sensitivity: "base" });
 }
-function le(a) {
+function de(a) {
   if (a.state === "live") {
     const e = [a.period, a.clock].filter(Boolean).join(" ");
     return { kind: "live", label: e ? `Live · ${e}` : "Live" };
@@ -125,54 +88,65 @@ function le(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: `${w(a.date, { month: "short", day: "numeric" })} · ${q(a.time)}`.replace(/ · $/, "") };
+  return a.state === "postponed" ? { kind: "warn", label: "Postponed" } : a.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${x(a.date, { month: "short", day: "numeric" })} · ${W(a.time)}`.replace(/ · $/, "") };
+}
+const Be = ["boys", "girls"];
+function he(a, e) {
+  return e ? a ? a.gender === e || a.gender === "coed" : !1 : !0;
 }
-const Ce = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
-function S(a) {
+function me(a, e) {
+  return e ? (a || []).filter((t) => he(t, e)) : a || [];
+}
+function q(a) {
+  const e = new Set((a || []).map((t) => t && t.gender));
+  return Be.filter((t) => e.has(t));
+}
+const Fe = (a) => q(a).length === 2, ze = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
+function I(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 o = e.split("?")[0] + s;
-  return o = o.replace(/([^:])\/{2,}/g, "$1/").replace(/^\/{2,}/, "/"), o = o.replace(/^\/(?=#)/, ""), o.length > 1 && (o = o.replace(/\/+$/, "")), o.toLowerCase();
+  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 ce() {
+function pe() {
   const a = globalThis.location;
   if (!a) return "";
   const e = (a.hash || "").startsWith("#/") ? a.hash : "";
-  return S((a.pathname || "") + e);
+  return I((a.pathname || "") + e);
 }
-function De(a, e, t) {
+function Pe(a, e, t) {
   if (!t) return null;
-  const s = S(a);
+  const s = I(a);
   if (!s) return null;
-  const o = S(g(e.game, { sport: t, id: "" })), r = S(g(e.school, { id: "" }));
-  if (s === o || s.startsWith(`${o}/`) || s === r || s.startsWith(`${r}/`)) return null;
-  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((c) => !/^[a-z][a-z-]*$/.test(c)) || Ce.has(h[0]) ? null : i;
-}
-function Be(a, e, t) {
-  const s = (l) => g(t.section, { sport: a, view: l }).replace(/([^:])\/{2,}/g, "$1/"), r = new Set((e || []).map((l) => l && l.gender).filter((l) => l === "boys" || l === "girls")).size === 2 ? [
+  const r = I(g(e.game, { sport: t, id: "" })), o = I(g(e.school, { id: "" }));
+  if (s === r || s.startsWith(`${r}/`) || s === o || s.startsWith(`${o}/`)) return null;
+  const i = I(g(e.section, { sport: t, view: "" }));
+  if (s === i) return "";
+  if (!s.startsWith(`${i}/`)) return null;
+  const d = s.slice(i.length + 1), h = d.split("/");
+  return h.length > 2 || h.some((l) => !/^[a-z][a-z-]*$/.test(l)) || ze.has(h[0]) ? null : d;
+}
+function Ee(a, e, t) {
+  const s = (o) => g(t.section, { sport: a, view: o }).replace(/([^:])\/{2,}/g, "$1/"), r = Fe(e) ? [
     { label: "Boys Standings", href: s("boys/standings") },
     { label: "Girls Standings", href: s("girls/standings") }
   ] : [{ label: "Standings", href: s("standings") }];
   return [
-    { label: `${B(a)} Home`, href: s("") },
+    { label: `${k(a)} Home`, href: s("") },
     { label: "Scores/Schedule", href: s("scores") },
     { label: "Playoff Brackets", href: s("brackets") },
     ...r,
     { label: "Polls & Rankings", href: s("rankings") }
   ];
 }
-function Fe(a, e = ce()) {
-  const t = S(e);
+function Ae(a, e = pe()) {
+  const t = I(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");
+    t && I(s.getAttribute("href")) === t ? s.setAttribute("aria-current", "page") : s.removeAttribute("aria-current");
 }
-class y extends ie {
+class $ extends le {
   static properties = {
     api: { type: String },
     refreshInterval: { type: Number, attribute: "refresh-interval" },
@@ -191,7 +165,7 @@ class y extends ie {
     this._client = e, this.isConnected && this.load();
   }
   get client() {
-    return this._client ? this._client : this.api ? we({ baseUrl: this.api }) : null;
+    return this._client ? this._client : this.api ? ke({ baseUrl: this.api }) : null;
   }
   connectedCallback() {
     super.connectedCallback(), this._setupInterval();
@@ -203,7 +177,7 @@ class y extends ie {
     this.load();
   }
   updated(e) {
-    e.has("api") && e.get("api") !== void 0 && e.get("api") !== this.api && this.load(), e.has("refreshInterval") && this._setupInterval(), Fe(this);
+    e.has("api") && e.get("api") !== void 0 && e.get("api") !== this.api && this.load(), e.has("refreshInterval") && this._setupInterval(), Ae(this);
   }
   async load() {
     const e = this.client;
@@ -238,7 +212,7 @@ class y extends ie {
     return n``;
   }
 }
-const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ze = $`
+const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), _e = w`
 	:host {
 		--hsot-red: var(--color-red, #D1232A);
 		--hsot-red-deep: var(--color-red-dark, #951C21);
@@ -276,7 +250,7 @@ const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ze = $`
 		outline-offset: 1px;
 	}
 	.mut { color: var(--hsot-gray-5); }
-`, Pe = $`
+`, Ne = w`
 	.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 {
@@ -325,7 +299,7 @@ const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ze = $`
 	@media (max-width: 720px) {
 		.band h1, .band h2.bandtitle, .band.section h1, .band.section h2.bandtitle { font-size: 1.8rem; }
 	}
-`, Ae = $`
+`, Re = w`
 	.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. */
@@ -389,7 +363,7 @@ const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ze = $`
 	.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); }
-`, Ee = $`
+`, Ge = w`
 	.pill {
 		display: inline-block; font-family: var(--hsot-heading-font); font-weight: 700;
 		font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em;
@@ -404,7 +378,7 @@ const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ze = $`
 	.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; } }
-`, _e = $`
+`, Me = w`
 	.tablewrap { overflow-x: auto; }
 	table.data { font-family: var(--hsot-heading-font); font-size: 14px; border-collapse: collapse; width: 100%; }
 	table.data th {
@@ -422,7 +396,7 @@ const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ze = $`
 	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; }
-`, Re = $`
+`, Le = w`
 	.swatch {
 		display: inline-flex; align-items: center; justify-content: center;
 		width: 26px; height: 26px; border-radius: 50%;
@@ -446,7 +420,7 @@ const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ze = $`
 	.dot.W { background: var(--hsot-win); }
 	.dot.L { background: var(--hsot-loss); }
 	.dot.T { background: var(--hsot-tie); }
-`, Ne = $`
+`, Oe = w`
 	ul.gamelist { list-style: none; margin: 0; padding: 0; }
 	.gamelist li {
 		display: flex; align-items: center; gap: 0.7rem; padding: 0.55rem 1rem;
@@ -496,183 +470,183 @@ const b = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ze = $`
 	.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; }
-`, P = [ze, Pe, Ae, Ee, _e, Re, Ne];
-function O(a) {
+`, P = [_e, Ne, Re, Ge, Me, Le, Oe];
+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 Me(a) {
+function He(a) {
   return a && (a.forfeit === "home" || a.forfeit === "away") ? a.forfeit : null;
 }
-function _(a, e) {
-  const t = {}, s = (r) => (t[r] = t[r] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, t[r]), o = a.filter((r) => r.state === "final" && r.gameType !== "scrimmage" && (!e || r.date <= e)).sort((r, l) => String(r.date).localeCompare(String(l.date)));
-  for (const r of o) {
-    const l = O(r), i = r.gameType === "conference";
+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, i) => String(o.date).localeCompare(String(i.date)));
+  for (const o of r) {
+    const i = H(o), d = o.gameType === "conference";
     for (const h of ["home", "away"]) {
-      const c = h === "home" ? r.homeTeamId : r.awayTeamId;
-      if (!c) continue;
-      const d = s(c), m = h === "home" ? r.homeScore : r.awayScore, f = h === "home" ? r.awayScore : r.homeScore;
-      d.pf += m, d.pa += f;
+      const l = h === "home" ? o.homeTeamId : o.awayTeamId;
+      if (!l) continue;
+      const c = s(l), m = h === "home" ? o.homeScore : o.awayScore, f = h === "home" ? o.awayScore : o.homeScore;
+      c.pf += m, c.pa += f;
       let u = "T";
-      l === "tie" ? (d.t += 1, i && (d.ct += 1)) : l === h ? (d.w += 1, i && (d.cw += 1), u = "W") : (d.l += 1, i && (d.cl += 1), u = "L"), d.results.push({ gameId: r.id, date: r.date, mark: u, my: m, their: f, opp: h === "home" ? r.awayTeamId : r.homeTeamId, conf: i });
+      i === "tie" ? (c.t += 1, d && (c.ct += 1)) : i === h ? (c.w += 1, d && (c.cw += 1), u = "W") : (c.l += 1, d && (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: d });
     }
   }
   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 te = (a, e, t) => {
+const se = (a, e, t) => {
   const s = a + e + t;
   return s ? (a + t / 2) / s : 0;
-}, se = (a) => a.toFixed(3).replace("0.", ".");
-function k(a, e = !1) {
+}, ae = (a) => a.toFixed(3).replace("0.", ".");
+function S(a, e = !1) {
   if (!a) return "0-0";
-  const t = e ? a.cw : a.w, s = e ? a.cl : a.l, o = e ? a.ct : a.t;
-  return `${t}-${s}${o ? `-${o}` : ""}`;
+  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 de(a, e) {
+function fe(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: te(s.cw, s.cl, s.ct), overallPct: te(s.w, s.l, s.t) };
+    return { team: t, rec: s, confPct: se(s.cw, s.cl, s.ct), overallPct: se(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 Y(a, e) {
+function K(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 ae(a, e) {
+function re(a, e) {
   const t = a[e];
   return t && t.results.length ? t.results[t.results.length - 1] : null;
 }
-function $t(a, e, t, s = "") {
-  let o = null;
-  for (const r of a || [])
-    r.sport === e && (t && r.effectiveDate > t || s && r.gender && r.gender !== s || (!o || r.effectiveDate > o.effectiveDate) && (o = r));
-  return o;
+function It(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 Q(a, e, t, s, o) {
-  const r = e[t];
-  if (!r) return null;
-  const l = /* @__PURE__ */ new Map();
+function Q(a, e, t, s, r) {
+  const o = e[t];
+  if (!o) return null;
+  const i = /* @__PURE__ */ new Map();
   for (const h of a || []) {
-    if (h.sport !== s || o && h.effectiveDate > o || h.gender && r.gender !== h.gender && r.gender !== "coed") continue;
-    const c = h.gender || "", d = l.get(c);
-    (!d || h.effectiveDate > d.effectiveDate) && l.set(c, h);
+    if (h.sport !== s || r && h.effectiveDate > r || h.gender && o.gender !== h.gender && o.gender !== "coed") continue;
+    const l = h.gender || "", c = i.get(l);
+    (!c || h.effectiveDate > c.effectiveDate) && i.set(l, h);
   }
-  let i = null;
-  for (const h of l.values()) {
-    const c = (h.teamIds || []).indexOf(t);
-    c !== -1 && (!i || h.effectiveDate > i.effectiveDate) && (i = { poll: h, rank: c + 1 });
+  let d = null;
+  for (const h of i.values()) {
+    const l = (h.teamIds || []).indexOf(t);
+    l !== -1 && (!d || h.effectiveDate > d.effectiveDate) && (d = { poll: h, rank: l + 1 });
   }
-  return i ? i.rank : null;
+  return d ? d.rank : null;
 }
-function Le(a, e, t) {
+function Ue(a, e, t) {
   if (!a) return { kind: "none", delta: 0 };
   const s = (a.teamIds || []).indexOf(t) + 1;
   if (!s) return { kind: "none", delta: 0 };
   if (!e) return { kind: "same", delta: 0 };
-  const o = (e.teamIds || []).indexOf(t) + 1;
-  if (!o) return { kind: "new", delta: 0 };
-  const r = o - s;
-  return r > 0 ? { kind: "up", delta: r } : r < 0 ? { kind: "down", delta: -r } : { kind: "same", delta: 0 };
+  const r = (e.teamIds || []).indexOf(t) + 1;
+  if (!r) return { kind: "new", delta: 0 };
+  const o = r - s;
+  return o > 0 ? { kind: "up", delta: o } : o < 0 ? { kind: "down", delta: -o } : { kind: "same", delta: 0 };
 }
-function Ge(a) {
+function je(a) {
   return /^https?:\/\//i.test(String(a || ""));
 }
-function he(a, { w: e, h: t } = {}) {
-  if (!Ge(a)) return "";
+function ue(a, { w: e, h: t } = {}) {
+  if (!je(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 o = a.includes("?") ? "&" : "?";
-  return `${a}${o}${s.join("&")}`;
+  const r = a.includes("?") ? "&" : "?";
+  return `${a}${r}${s.join("&")}`;
 }
 function M(a, e) {
   const t = e * 2;
-  return he(a?.logoAssetId, { w: t, h: t });
+  return ue(a?.logoAssetId, { w: t, h: t });
 }
-function Oe(a, e) {
-  return he(a?.photoAssetId, { w: e * 2 });
+function qe(a, e) {
+  return ue(a?.photoAssetId, { w: e * 2 });
 }
-function U(a, e, { title: t, sub: s, teams: o }) {
-  const r = ce(), i = !!a.querySelector(':scope > a[slot="nav"]') || De(r, e.hrefs, e.sport) !== null;
+function j(a, e, { title: t, sub: s, teams: r }) {
+  const o = pe(), d = !!a.querySelector(':scope > a[slot="nav"]') || Pe(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="${B(e.sport)} section">
+			${d ? n`
+				<nav class="sectionnav" aria-label="${k(e.sport)} section">
 					<div class="navrow">
 						<slot name="nav">
-							${Be(e.sport, o, e.hrefs).map((h) => n`<a href=${h.href}
-								aria-current=${r && S(h.href) === r ? "page" : p}>${h.label}</a>`)}
+							${Ee(e.sport, r, e.hrefs).map((h) => n`<a href=${h.href}
+								aria-current=${o && I(h.href) === o ? "page" : p}>${h.label}</a>`)}
 						</slot>
 					</div>
 				</nav>` : p}
 		</div>
 	`;
 }
-const I = (a, e) => {
+const T = (a, e) => {
   const t = a.teamsById[e];
   return t ? a.schoolsById[t.schoolId] : null;
-}, F = (a, e) => I(a, e)?.name || "TBD", L = (a, e) => I(a, e)?.abbr || "TBD";
-function T(a, e = 26) {
+}, F = (a, e) => T(a, e)?.name || "TBD", L = (a, e) => T(a, e)?.abbr || "TBD";
+function C(a, e = 26) {
   if (!a) return p;
   const t = M(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", o = N(s);
+  const s = a.colorPrimary || "#030711", r = G(s);
   return n`<span class="swatch" aria-hidden="true"
-		style="width:${e}px;height:${e}px;background:${s};color:${o};font-size:${Math.max(8, e * 0.28)}px"
-	>${V(a)}</span>`;
+		style="width:${e}px;height:${e}px;background:${s};color:${r};font-size:${Math.max(8, e * 0.28)}px"
+	>${Y(a)}</span>`;
 }
-function K(a, e, t) {
+function X(a, e, t) {
   const s = Q(a.rankings, a.teamsById, e, a.sport, t);
   return s ? n`<span class="rankbadge">#${s}</span>` : p;
 }
-function G(a, e, t) {
-  const s = I(a, e);
-  return s ? n`${K(a, e, t)}<a href=${g(a.hrefs.school, { id: s.id })}>${s.name}</a>` : n`<span class="mut">TBD</span>`;
+function O(a, e, t) {
+  const s = T(a, e);
+  return s ? n`${X(a, e, t)}<a href=${g(a.hrefs.school, { id: s.id })}>${s.name}</a>` : n`<span class="mut">TBD</span>`;
 }
-function X(a, e, t = 5) {
+function Z(a, e, t = 5) {
   const s = a.records[e];
   if (!s || !s.results.length) return n`<span class="mut">·</span>`;
-  const o = s.results.slice(-1 * t);
-  return n`<span class="dots" role="img" aria-label="last ${o.length} results">
-		${o.map((r) => n`<a class="dot ${r.mark}"
-			title="${r.mark} ${r.my}-${r.their} vs ${F(a, r.opp)}"
-			href=${g(a.hrefs.game, { sport: a.sport, id: r.gameId })}>${r.mark}</a>`)}
+  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 ${F(a, o.opp)}"
+			href=${g(a.hrefs.game, { sport: a.sport, id: o.gameId })}>${o.mark}</a>`)}
 	</span>`;
 }
-function C(a, e) {
+function D(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 D(a) {
+function B(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 A(a) {
-  const e = le(a);
+  const e = de(a);
   return n`<span class="pill ${e.kind}">${e.label}</span>`;
 }
-function me(a, e, t) {
+function ge(a, e, t) {
   if (!e) return n`<span class="mut">·</span>`;
-  const s = e.homeTeamId === t ? e.awayTeamId : e.homeTeamId, o = e.homeTeamId === t ? "vs" : "at";
-  return n`${e.state === "live" ? n`<span class="pill live">Live</span> ` : n`${w(e.date, { month: "numeric", day: "numeric" })} `}${o} ${L(a, s)}`;
+  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`${x(e.date, { month: "numeric", day: "numeric" })} `}${r} ${L(a, s)}`;
 }
-class He extends y {
+class We extends $ {
   static styles = P;
   static properties = {
-    ...y.properties,
+    ...$.properties,
     sport: { type: String },
     season: { type: String },
     date: { type: String }
@@ -688,57 +662,57 @@ class He extends y {
     this._datePinned = !!this.date;
   }
   async fetchData(e) {
-    const t = this.season || E(), [s, o, r, l, i] = await Promise.all([
+    const t = this.season || _(), [s, r, o, i, d] = 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 = Se(l.items.map((h) => h.date)), this._datePinned = !0), {
+    return this._datePinned || (this.date = Te(i.items.map((h) => h.date)), this._datePinned = !0), {
       season: t,
       schools: s.items,
-      teams: o.items,
-      conferences: r.items,
-      games: l.items,
-      rankings: i.items
+      teams: r.items,
+      conferences: o.items,
+      games: i.items,
+      rankings: d.items
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
       teamsById: b(this.data.teams),
       schoolsById: b(this.data.schools),
-      records: _(this.data.games),
+      records: N(this.data.games),
       rankings: this.data.rankings,
       hrefs: z(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   renderView() {
-    const e = this.ctx, t = b(this.data.conferences), s = [...new Set(this.data.games.map((c) => c.date).filter(Boolean))].sort(), o = Number.MAX_SAFE_INTEGER, r = (c) => {
-      const d = [c.awayTeamId, c.homeTeamId].map((m) => Q(e.rankings, e.teamsById, m, this.sport, c.date)).filter(Boolean);
-      return d.length ? Math.min(...d) : o;
-    }, l = this.data.games.filter((c) => c.date === this.date), i = new Map(l.map((c) => [c, r(c)]));
-    l.sort((c, d) => (c.state === "live" ? 0 : 1) - (d.state === "live" ? 0 : 1) || i.get(c) - i.get(d));
+    const e = this.ctx, t = b(this.data.conferences), s = [...new Set(this.data.games.map((l) => l.date).filter(Boolean))].sort(), r = Number.MAX_SAFE_INTEGER, o = (l) => {
+      const c = [l.awayTeamId, l.homeTeamId].map((m) => Q(e.rankings, e.teamsById, m, this.sport, l.date)).filter(Boolean);
+      return c.length ? Math.min(...c) : r;
+    }, i = this.data.games.filter((l) => l.date === this.date), d = new Map(i.map((l) => [l, o(l)]));
+    i.sort((l, c) => (l.state === "live" ? 0 : 1) - (c.state === "live" ? 0 : 1) || d.get(l) - d.get(c));
     const h = /* @__PURE__ */ new Map();
-    return l.forEach((c) => {
-      const d = c.gameType === "conference" && c.conferenceId ? t[c.conferenceId]?.name || "Conference" : c.gameType === "playoff" ? "Playoffs" : c.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
-      h.has(d) || h.set(d, []), h.get(d).push(c);
+    return i.forEach((l) => {
+      const c = l.gameType === "conference" && l.conferenceId ? t[l.conferenceId]?.name || "Conference" : l.gameType === "playoff" ? "Playoffs" : l.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
+      h.has(c) || h.set(c, []), h.get(c).push(l);
     }), n`
-			${U(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`,
+			${j(this, e, {
+      title: n`${k(this.sport)} scores &amp; schedules`,
+      sub: n`${x(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${i.length} games`,
       teams: this.data.teams
     })}
-			${C(this, n`
-				${D(this)}
+			${D(this, n`
+				${B(this)}
 				<div class="toolbar">
 					<label class="asof" for="datesel">Date</label>
-					<select id="datesel" @change=${(c) => {
-      this.date = c.target.value;
+					<select id="datesel" @change=${(l) => {
+      this.date = l.target.value;
     }}>
-						${(s.includes(this.date) ? s : [...s, this.date].sort()).map((c) => n`<option value=${c} ?selected=${c === this.date}>
-							${w(c, { weekday: "short", month: "short", day: "numeric" })}${c === W() ? " · today" : ""}
+						${(s.includes(this.date) ? s : [...s, this.date].sort()).map((l) => n`<option value=${l} ?selected=${l === this.date}>
+							${x(l, { weekday: "short", month: "short", day: "numeric" })}${l === V() ? " · today" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s.indexOf(this.date) <= 0}
@@ -750,13 +724,13 @@ class He extends y {
       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=${ce(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(([c, d]) => n`
-					<div class="section-title">${c}</div>
+				${i.length ? p : n`<p class="empty">No ${this.sport} games on this date.</p>`}
+				${[...h.entries()].map(([l, c]) => n`
+					<div class="section-title">${l}</div>
 					<div class="card"><ul class="gamelist">
-						${d.map((m) => this.renderGame(e, m))}
+						${c.map((m) => this.renderGame(e, m))}
 					</ul></div>
 				`)}
 			`)}
@@ -766,12 +740,12 @@ class He extends y {
   // 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", o = (l, i, h = p) => n`<span class="side">${G(e, l, t.date)}${s ? n`<span class="score">${i}</span>` : p}${h}</span>`, r = Me(t);
+    const s = t.state === "final" || t.state === "live", r = (i, d, h = p) => n`<span class="side">${O(e, i, t.date)}${s ? n`<span class="score">${d}</span>` : p}${h}</span>`, o = He(t);
     return n`
 			<li>
 				${A(t)}
-				<span class="opp matchup">${o(t.awayTeamId, t.awayScore, n`<span class="at">at</span>`)}${o(t.homeTeamId, t.homeScore)}</span>
-				${r ? n`<span class="ff">${F(e, r === "home" ? t.homeTeamId : t.awayTeamId)} forfeited</span>` : p}
+				<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">${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>
@@ -779,84 +753,116 @@ class He extends y {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", He);
-class Ue extends y {
+globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", We);
+class Ve extends $ {
   static styles = P;
   static properties = {
-    ...y.properties,
+    ...$.properties,
     sport: { type: String },
+    gender: { type: String },
     season: { type: String },
     classFilter: { state: !0 },
-    query: { state: !0 }
+    query: { state: !0 },
+    pickedGender: { state: !0 }
   };
   constructor() {
-    super(), this.sport = "football", this.season = "", this.classFilter = "All", this.query = "";
+    super(), this.sport = "football", this.gender = "", this.season = "", this.classFilter = "All", this.query = "", this.pickedGender = "";
+  }
+  /**
+   * The side the table shows: the pinned `gender`, else the reader's pick,
+   * else the first side fielded. '' only for a sport with one side, where
+   * there is nothing to scope.
+   */
+  get viewGender() {
+    if (this.gender) return this.gender;
+    const e = q(this.data?.teams);
+    return e.length < 2 ? "" : e.includes(this.pickedGender) ? this.pickedGender : e[0];
   }
   async fetchData(e) {
-    const t = this.season || E(), [s, o, r, l, i] = await Promise.all([
+    const t = this.season || _(), [s, r, o, i, d] = await Promise.all([
       e.listConferences({ active: !0 }),
       e.listSchools(),
+      // Deliberately NOT gender-filtered: the sub-nav decides whether to
+      // offer Boys/Girls standings from the sides the sport fields, so it
+      // needs the whole sport. The table filters below.
       e.listTeams({ sport: this.sport }),
+      // Games carry no gender (it lives on the team they are played by),
+      // so this stays the sport's season. Records key off team ids, and a
+      // team only appears in its own side's games.
       e.listGames({ sport: this.sport, season: t }),
-      e.listRankings({ sport: this.sport })
+      e.listRankings({ sport: this.sport, ...this.gender ? { gender: this.gender } : {} })
     ]);
     return {
       season: t,
       conferences: s.items,
-      schools: o.items,
-      teams: r.items,
-      games: l.items,
-      rankings: i.items
+      schools: r.items,
+      teams: o.items,
+      games: i.items,
+      rankings: d.items
     };
   }
   get ctx() {
-    return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
+    return (!this._ctx || this._ctxData !== this.data || this._ctxGender !== this.viewGender) && (this._ctx = {
       teamsById: b(this.data.teams),
       schoolsById: b(this.data.schools),
-      records: _(this.data.games),
+      records: N(this.data.games),
       rankings: this.data.rankings,
       hrefs: z(this),
-      sport: this.sport
-    }, this._ctxData = this.data), this._ctx;
+      sport: this.sport,
+      // The teams this view stands for — one side of a gendered
+      // sport, or all of them when the sport fields only one.
+      teams: me(this.data.teams, this.viewGender)
+    }, this._ctxData = this.data, this._ctxGender = this.viewGender), this._ctx;
   }
   renderView() {
-    const e = this.ctx, t = ["All", ...[...new Set(this.data.conferences.flatMap((o) => o.classifications || []))].sort(ee)].slice(0, 9), s = this.data.conferences.filter((o) => o.active !== !1).filter((o) => this.classFilter === "All" || (o.classifications || []).includes(this.classFilter)).sort(Te);
+    const e = this.ctx, t = this.viewGender, s = this.gender ? [] : q(this.data.teams), r = ["All", ...[...new Set(this.data.conferences.flatMap((i) => i.classifications || []))].sort(te)].slice(0, 9), o = this.data.conferences.filter((i) => i.active !== !1).filter((i) => this.classFilter === "All" || (i.classifications || []).includes(this.classFilter)).sort(De);
     return n`
-			${U(this, e, {
-      title: n`${B(this.sport)} standings`,
+			${j(this, e, {
+      title: n`${t ? `${k(t)} ` : ""}${k(this.sport)} standings`,
       sub: n`${this.data.season} season · every conference, computed live from reported results`,
+      // The WHOLE sport, not this view's side: the sub-nav offers the
+      // Boys/Girls split only when both are fielded, and a
+      // gender-scoped list would always look like one side.
       teams: this.data.teams
     })}
-			${C(this, n`
-				${D(this)}
+			${D(this, n`
+				${B(this)}
 				<div class="toolbar">
+					${s.length === 2 ? n`
+						<div role="group" aria-label="Boys or girls standings">
+							${s.map((i) => n`<button class="chip ${t === i ? "on" : ""}"
+								aria-pressed=${t === i ? "true" : "false"}
+								@click=${() => {
+      this.pickedGender = i;
+    }}>${k(i)}</button>`)}
+						</div>` : p}
 					<div role="group" aria-label="Classification filter">
-						${t.map((o) => n`<button class="chip ${this.classFilter === o ? "on" : ""}"
+						${r.map((i) => n`<button class="chip ${this.classFilter === i ? "on" : ""}"
 							@click=${() => {
-      this.classFilter = o;
-    }}>${o}</button>`)}
+      this.classFilter = i;
+    }}>${i}</button>`)}
 					</div>
 					<input type="search" placeholder="Find a school…" aria-label="Find a school"
-						.value=${this.query} @input=${(o) => {
-      this.query = o.target.value;
+						.value=${this.query} @input=${(i) => {
+      this.query = i.target.value;
     }}>
 					<span class="spacer"></span>
-					<span class="asof">Records through ${w(W(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
+					<span class="asof">Records through ${x(V(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
 				</div>
-				${s.map((o) => this.renderConference(e, o))}
+				${o.map((i) => this.renderConference(e, i))}
 			`)}
 		`;
   }
   renderConference(e, t) {
-    const s = this.data.teams.filter((l) => l.conferenceId === t.id);
+    const s = e.teams.filter((i) => i.conferenceId === t.id);
     if (!s.length) return p;
-    const o = this.query.trim().toLowerCase(), r = de(s, e.records);
+    const r = this.query.trim().toLowerCase(), o = fe(s, e.records);
     return n`
 			<div class="card">
 				<div class="card-head">
 					<h2>${t.name}</h2>
-					${[...t.classifications || []].sort(ee).map((l) => n`<span class="pill class">${l}</span>`)}
-					<span class="meta">${r.length} teams · membership derives from teams</span>
+					${[...t.classifications || []].sort(te).map((i) => n`<span class="pill class">${i}</span>`)}
+					<span class="meta">${o.length} teams · membership derives from teams</span>
 				</div>
 				<div class="tablewrap"><table class="data">
 					<thead><tr>
@@ -865,43 +871,43 @@ class Ue extends y {
 						<th>Streak</th><th>Last 5</th><th>Next</th>
 					</tr></thead>
 					<tbody>
-						${r.map((l, i) => this.renderRow(e, l, i, o))}
+						${o.map((i, d) => this.renderRow(e, i, d, r))}
 					</tbody>
 				</table></div>
 			</div>
 		`;
   }
-  renderRow(e, t, s, o) {
-    const r = e.schoolsById[t.team.schoolId], l = r?.name || t.team.name || "TBD";
-    if (o && !l.toLowerCase().includes(o)) return p;
-    const i = t.rec.pf - t.rec.pa, h = Y(this.data.games, t.team.id), c = () => {
+  renderRow(e, t, s, r) {
+    const o = e.schoolsById[t.team.schoolId], i = o?.name || t.team.name || "TBD";
+    if (r && !i.toLowerCase().includes(r)) return p;
+    const d = t.rec.pf - t.rec.pa, h = K(this.data.games, t.team.id), l = () => {
       location.href = g(e.hrefs.school, { id: t.team.schoolId });
     };
     return n`
-			<tr class="rowlink" @click=${(d) => {
-      d.target.closest("a") || c();
+			<tr class="rowlink" @click=${(c) => {
+      c.target.closest("a") || l();
     }}>
 				<td class="mut">${s + 1}</td>
 				<td class="teamcell">
-					${T(r)}${K(e, t.team.id, null)}
-					<a href=${g(e.hrefs.school, { id: t.team.schoolId })}>${l}</a>
+					${C(o)}${X(e, t.team.id, null)}
+					<a href=${g(e.hrefs.school, { id: t.team.schoolId })}>${i}</a>
 				</td>
-				<td class="num">${k(t.rec, !0)}</td>
-				<td class="num">${se(t.confPct)}</td>
-				<td class="num">${k(t.rec)}</td>
-				<td class="num">${se(t.overallPct)}</td>
+				<td class="num">${S(t.rec, !0)}</td>
+				<td class="num">${ae(t.confPct)}</td>
+				<td class="num">${S(t.rec)}</td>
+				<td class="num">${ae(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>${X(e, t.team.id)}</td>
-				<td>${me(e, h, t.team.id)}</td>
+				<td class="num" style="color:${d >= 0 ? "var(--hsot-win)" : "var(--hsot-loss)"}">${d > 0 ? "+" : ""}${d}</td>
+				<td>${U(t.rec.results) || "·"}</td>
+				<td>${Z(e, t.team.id)}</td>
+				<td>${ge(e, h, t.team.id)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Ue);
-const je = $`
+globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Ve);
+const Ye = w`
 	.hero1 {
 		border-radius: var(--hsot-radius-md); color: var(--hsot-white);
 		padding: 1.3rem 1.4rem; display: flex; align-items: center; gap: 1.2rem;
@@ -918,10 +924,10 @@ const je = $`
 	.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 qe extends y {
-  static styles = [...P, je];
+class Ke extends $ {
+  static styles = [...P, Ye];
   static properties = {
-    ...y.properties,
+    ...$.properties,
     sport: { type: String },
     gender: { type: String },
     season: { type: String },
@@ -936,73 +942,73 @@ class qe extends y {
     e && (this.pollDate = e);
   }
   async fetchData(e) {
-    const t = this.season || E(), [s, o, r, l, i] = await Promise.all([
+    const t = this.season || _(), [s, r, o, i, d] = 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((c) => !this.gender || !c.gender || c.gender === this.gender).sort((c, d) => d.effectiveDate.localeCompare(c.effectiveDate));
+    ]), h = s.items.filter((l) => !this.gender || !l.gender || l.gender === this.gender).sort((l, c) => c.effectiveDate.localeCompare(l.effectiveDate));
     return {
       season: t,
       polls: h,
-      schools: o.items,
-      teams: r.items,
-      conferences: l.items,
-      games: i.items
+      schools: r.items,
+      teams: o.items,
+      conferences: i.items,
+      games: d.items
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
       teamsById: b(this.data.teams),
       schoolsById: b(this.data.schools),
-      records: _(this.data.games),
+      records: N(this.data.games),
       rankings: this.data.polls,
       hrefs: z(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   sparkline(e, t, s) {
-    const i = t.map((m, f) => {
+    const d = t.map((m, f) => {
       const u = (m.teamIds || []).indexOf(e);
       if (u === -1) return null;
-      const v = t.length === 1 ? 96 / 2 : f / (t.length - 1) * 90 + 3, x = 3 + u / 24 * 20;
-      return { x: v, y: x };
+      const y = t.length === 1 ? 96 / 2 : f / (t.length - 1) * 90 + 3, v = 3 + u / 24 * 20;
+      return { x: y, y: v };
     }), h = [];
-    let c = [];
-    if (i.forEach((m) => {
-      m ? c.push(m) : c.length && (h.push(c), c = []);
-    }), c.length && h.push(c), !h.length) return p;
-    const d = i[s];
+    let l = [];
+    if (d.forEach((m) => {
+      m ? l.push(m) : l.length && (h.push(l), l = []);
+    }), l.length && h.push(l), !h.length) return p;
+    const c = d[s];
     return n`<svg class="sparkline" width=${96} height=${26} viewBox="0 0 ${96} ${26}" role="img" aria-label="rank history">
-			${h.map((m) => J`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
+			${h.map((m) => ee`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
 				points=${m.map((f) => `${f.x.toFixed(1)},${f.y.toFixed(1)}`).join(" ")}></polyline>`)}
-			${d ? J`<circle cx=${d.x.toFixed(1)} cy=${d.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : p}
+			${c ? ee`<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 o = Le(e, t, s);
-    return o.kind === "up" ? n`<span class="delta up">▲ ${o.delta}</span>` : o.kind === "down" ? n`<span class="delta down">▼ ${o.delta}</span>` : o.kind === "new" ? n`<span class="delta new">NEW</span>` : o.kind === "same" ? n`<span class="delta same">—</span>` : n`<span class="delta same">·</span>`;
+    const r = Ue(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)), o = t[s] || t[0], r = t[s + 1] || null, l = t.slice().reverse(), i = l.indexOf(o), h = b(this.data.conferences), c = (o.teamIds || [])[0], d = c ? I(e, c) : null;
+    const s = Math.max(0, t.findIndex((m) => m.effectiveDate === this.pollDate)), r = t[s] || t[0], o = t[s + 1] || null, i = t.slice().reverse(), d = i.indexOf(r), h = b(this.data.conferences), l = (r.teamIds || [])[0], c = l ? T(e, l) : null;
     return n`
-			${U(this, e, {
-      title: n`${B(this.sport)} Top 25`,
+			${j(this, e, {
+      title: n`${k(this.sport)} Top 25`,
       sub: n`The HighSchoolOT poll · updated weekly · ${t.length} polls this season`,
       teams: this.data.teams
     })}
-			${C(this, n`
-				${D(this)}
+			${D(this, n`
+				${B(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 === o}>
-							${w(m.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
+						${t.map((m, f) => n`<option value=${m.effectiveDate} ?selected=${m === r}>
+							${x(m.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s >= t.length - 1}
@@ -1016,65 +1022,65 @@ class qe extends y {
 					<span class="spacer"></span>
 					<span class="asof">Movement vs. the previous poll · sparkline = season rank history</span>
 				</div>
-				${d ? this.renderHero(e, o, r, c, d, h) : p}
+				${c ? this.renderHero(e, r, o, l, c, h) : 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>
-						${(o.teamIds || []).map((m, f) => f === 0 || !m ? p : this.renderRow(e, o, r, l, i, h, m, f + 1))}
+						${(r.teamIds || []).map((m, f) => f === 0 || !m ? p : this.renderRow(e, r, o, i, d, h, 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>
 			`)}
 		`;
   }
-  renderHero(e, t, s, o, r, l) {
-    const i = e.records[o], h = ae(e.records, o), c = l[e.teamsById[o]?.conferenceId], d = `linear-gradient(120deg, ${r.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
+  renderHero(e, t, s, r, o, i) {
+    const d = e.records[r], h = re(e.records, r), l = i[e.teamsById[r]?.conferenceId], c = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
     return n`
-			<div class="hero1" style="background:${d}">
+			<div class="hero1" style="background:${c}">
 				<div class="bigrank">#1</div>
-				${T(r, 64)}
+				${C(o, 64)}
 				<div>
-					<h2><a href=${g(e.hrefs.school, { id: r.id })}>${r.name} ${r.mascot || ""}</a></h2>
+					<h2><a href=${g(e.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
 					<div class="facts">
-						${k(i)} overall${c ? n` · ${k(i, !0)} ${c.name}` : p}
-						· streak ${H(i?.results) || "·"}
+						${S(d)} overall${l ? n` · ${S(d, !0)} ${l.name}` : p}
+						· streak ${U(d?.results) || "·"}
 						${h ? n` · last: ${h.mark} ${h.my}-${h.their} vs ${L(e, h.opp)}` : p}
-						&nbsp;${this.movement(t, s, o)}
+						&nbsp;${this.movement(t, s, r)}
 					</div>
 				</div>
 			</div>
 		`;
   }
-  renderRow(e, t, s, o, r, l, i, h) {
-    const c = I(e, i);
-    if (!c) return p;
-    const d = e.records[i], m = ae(e.records, i), f = Y(this.data.games, i), u = l[e.teamsById[i]?.conferenceId], v = () => {
-      location.href = g(e.hrefs.school, { id: c.id });
+  renderRow(e, t, s, r, o, i, d, h) {
+    const l = T(e, d);
+    if (!l) return p;
+    const c = e.records[d], m = re(e.records, d), f = K(this.data.games, d), u = i[e.teamsById[d]?.conferenceId], y = () => {
+      location.href = g(e.hrefs.school, { id: l.id });
     };
     return n`
-			<tr class="rowlink" @click=${(x) => {
-      x.target.closest("a") || v();
+			<tr class="rowlink" @click=${(v) => {
+      v.target.closest("a") || y();
     }}>
 				<td class="num" style="font-weight:700">${h}</td>
-				<td>${this.movement(t, s, i)}</td>
-				<td class="teamcell">${T(c)}<a href=${g(e.hrefs.school, { id: c.id })}>${c.name}</a>
-					<span class="mut" style="font-size:0.78rem">${c.mascot || ""}</span></td>
-				<td class="num">${k(d)}</td>
+				<td>${this.movement(t, s, d)}</td>
+				<td class="teamcell">${C(l)}<a href=${g(e.hrefs.school, { id: l.id })}>${l.name}</a>
+					<span class="mut" style="font-size:0.78rem">${l.mascot || ""}</span></td>
+				<td class="num">${S(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 ${L(e, m.opp)}</a>` : n`<span class="mut">·</span>`}</td>
-				<td>${me(e, f, i)}</td>
-				<td>${this.sparkline(i, o, r)}</td>
+				<td>${ge(e, f, d)}</td>
+				<td>${this.sparkline(d, r, o)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", qe);
-const We = $`
+globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", Ke);
+const Qe = w`
 	.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 {
@@ -1128,77 +1134,83 @@ const We = $`
 		table.data.roster .sub { display: block; font-weight: 400; font-size: 0.78rem; color: var(--hsot-gray-5); }
 	}
 `;
-class Ve extends y {
-  static styles = [...P, We];
+class Xe extends $ {
+  static styles = [...P, Qe];
   static properties = {
-    ...y.properties,
+    ...$.properties,
     schoolId: { type: String, attribute: "school-id" },
     sport: { type: String },
+    gender: { type: String },
     season: { type: String },
     activeTeamId: { state: !0 }
   };
   constructor() {
-    super(), this.schoolId = "", this.sport = "", this.season = "", this.activeTeamId = "";
+    super(), this.schoolId = "", this.sport = "", this.gender = "", this.season = "", this.activeTeamId = "";
   }
   connectedCallback() {
     super.connectedCallback();
-    const e = new URLSearchParams(globalThis.location?.search || "").get("sport");
-    e && !this.sport && (this.sport = e);
+    const e = new URLSearchParams(globalThis.location?.search || ""), t = e.get("sport"), s = e.get("gender");
+    t && !this.sport && (this.sport = t), s && !this.gender && (this.gender = s);
   }
   async fetchData(e) {
-    const t = this.season || E(), s = await e.getSchool(this.schoolId), r = (await e.listTeams({ schoolId: this.schoolId })).items, l = r.find((v) => v.sport === (this.sport || "football")) || r[0] || null, [i, h, c, d, 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: [] }),
+    const t = this.season || _(), s = await e.getSchool(this.schoolId), o = (await e.listTeams({ schoolId: this.schoolId })).items, i = this.sport || "football", d = o.find((v) => v.id === this.activeTeamId) || o.find((v) => v.sport === i && he(v, this.gender)) || o.find((v) => v.sport === i) || o[0] || null, [h, l, c, m, f, u, y] = await Promise.all([
+      d ? e.listGames({ sport: d.sport, season: t }) : Promise.resolve({ items: [] }),
+      d ? e.listTeams({ sport: d.sport }) : Promise.resolve({ items: [] }),
       e.listSchools(),
       e.listConferences(),
-      l ? e.listRankings({ sport: l.sport }) : Promise.resolve({ items: [] }),
-      l ? e.listRosters({ teamId: l.id }) : Promise.resolve({ items: [] }),
+      d ? e.listRankings({ sport: d.sport }) : Promise.resolve({ items: [] }),
+      d ? e.listRosters({ teamId: d.id }) : Promise.resolve({ items: [] }),
       // teamId is the public surface's one players filter (roster
       // membership) — never fetch the whole collection.
-      l ? e.listPlayers({ teamId: l.id }) : Promise.resolve({ items: [] })
+      d ? e.listPlayers({ teamId: d.id }) : Promise.resolve({ items: [] })
     ]);
     return {
       season: t,
       school: s,
-      teams: r,
-      active: l,
-      games: i.items,
-      allTeams: h.items,
+      teams: o,
+      active: d,
+      games: h.items,
+      allTeams: l.items,
       schools: c.items,
-      conferences: d.items,
-      rankings: m.items,
-      roster: f.items.find((v) => v.season === t) || null,
-      players: u.items
+      conferences: m.items,
+      rankings: f.items,
+      roster: u.items.find((v) => v.season === t) || null,
+      players: y.items
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
       teamsById: b(this.data.allTeams.length ? this.data.allTeams : this.data.teams),
       schoolsById: b(this.data.schools),
-      records: _(this.data.games),
+      records: N(this.data.games),
       rankings: this.data.rankings,
       hrefs: z(this),
       sport: this.data.active?.sport || "football"
     }, this._ctxData = this.data), this._ctx;
   }
-  switchSport(e) {
-    this.sport = e, this.load();
+  /**
+   * Open a team's tab. The team id is what selects it — sport alone is
+   * ambiguous on a gendered sport — with sport and gender kept in step so
+   * the rest of the view and a shared ?sport=&gender= link agree with it.
+   */
+  switchTeam(e) {
+    e && (this.activeTeamId = e.id, this.sport = e.sport, this.gender = e.gender || "", this.load());
   }
   renderView() {
-    const { school: e, teams: t, active: s, season: o } = this.data;
+    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 r = this.ctx, l = N(e.colorPrimary || "#030711"), i = (e.adm || [])[0], h = b(this.data.conferences), c = s ? h[s.conferenceId] : null;
+    const o = this.ctx, i = G(e.colorPrimary || "#030711"), d = (e.adm || [])[0], h = b(this.data.conferences), l = s ? h[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="schoolhero" style="background:linear-gradient(115deg, ${e.colorPrimary || "#030711"} 0%, ${e.colorPrimary || "#030711"} 55%, var(--hsot-black) 100%);color:${i}">
 				<div class="inner">
-					${M(e, 84) ? n`<img class="crest logo" alt="" loading="lazy" src=${M(e, 84)} />` : n`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${N(e.colorSecondary || "#7C7C7C")}">${V(e)}</div>`}
+					${M(e, 84) ? n`<img class="crest logo" alt="" loading="lazy" src=${M(e, 84)} />` : n`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${G(e.colorSecondary || "#7C7C7C")}">${Y(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}
-							${c ? n`<span><b>Conference</b>${c.name}</span>` : p}
-							${i ? n`<span><b>Enrollment</b>${i.value.toLocaleString()} (${i.season} ADM)</span>` : p}
+							${l ? n`<span><b>Conference</b>${l.name}</span>` : p}
+							${d ? n`<span><b>Enrollment</b>${d.value.toLocaleString()} (${d.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>
@@ -1207,29 +1219,29 @@ class Ve extends y {
 			</div>
 			<div class="band">
 				<nav class="tabs" aria-label="Teams">
-					${t.map((d) => d.id === s?.id ? n`<a class="on" href="#" @click=${(m) => m.preventDefault()}>${d.name}</a>` : n`<a href="#" @click=${(m) => {
-      m.preventDefault(), this.switchSport(d.sport);
-    }}>${d.name}</a>`)}
+					${t.map((c) => c.id === s?.id ? n`<a class="on" href="#" aria-current="page" @click=${(m) => m.preventDefault()}>${c.name}</a>` : n`<a href="#" @click=${(m) => {
+      m.preventDefault(), this.switchTeam(c);
+    }}>${c.name}</a>`)}
 				</nav>
 			</div>
-			${C(this, n`
-				${D(this)}
-				${s ? this.renderTeam(r, s, c, o) : n`<p class="empty">No teams recorded for this school yet.</p>`}
+			${D(this, n`
+				${B(this)}
+				${s ? this.renderTeam(o, s, l, r) : n`<p class="empty">No teams recorded for this school yet.</p>`}
 			`)}
 		`;
   }
-  renderTeam(e, t, s, o) {
-    const r = e.records[t.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, l = r.w + r.l + r.t, i = s ? this.data.allTeams.filter((m) => m.conferenceId === s.id) : [], h = s ? de(i, e.records).findIndex((m) => m.team.id === t.id) + 1 : 0, c = Q(e.rankings, e.teamsById, t.id, t.sport, null), d = this.data.games.filter((m) => m.homeTeamId === t.id || m.awayTeamId === t.id).sort((m, f) => String(m.date).localeCompare(String(f.date)));
+  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: [] }, i = o.w + o.l + o.t, d = s ? me(this.data.allTeams.filter((m) => m.conferenceId === s.id), t.gender) : [], h = s ? fe(d, e.records).findIndex((m) => m.team.id === t.id) + 1 : 0, l = Q(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(r)}</div><div class="s">${l} games played</div></div>
-				<div class="tile"><div class="k">${s?.name || "Conference"}</div><div class="v">${k(r, !0)}</div>
-					<div class="s">${h ? `${Ie(h)} of ${i.length}` : "·"}</div></div>
-				<div class="tile"><div class="k">Points</div><div class="v">${l ? (r.pf / l).toFixed(1) : "0.0"}</div>
-					<div class="s">scored per game · ${l ? (r.pa / l).toFixed(1) : "0.0"} allowed</div></div>
-				<div class="tile"><div class="k">Streak</div><div class="v">${H(r.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">${c ? `#${c}` : "NR"}</div>
+				<div class="tile"><div class="k">Overall</div><div class="v">${S(o)}</div><div class="s">${i} games played</div></div>
+				<div class="tile"><div class="k">${s?.name || "Conference"}</div><div class="v">${S(o, !0)}</div>
+					<div class="s">${h ? `${Ce(h)} of ${d.length}` : "·"}</div></div>
+				<div class="tile"><div class="k">Points</div><div class="v">${i ? (o.pf / i).toFixed(1) : "0.0"}</div>
+					<div class="s">scored per game · ${i ? (o.pa / i).toFixed(1) : "0.0"} allowed</div></div>
+				<div class="tile"><div class="k">Streak</div><div class="v">${U(o.results) || "·"}</div>
+					<div class="s">last 5: ${Z(e, t.id)}</div></div>
+				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${l ? `#${l}` : "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`
@@ -1240,31 +1252,31 @@ class Ve extends y {
 				<div>
 					<div class="section-title">Schedule &amp; results</div>
 					<div class="card">
-						${d.length ? n`<ul class="gamelist">${d.map((m) => this.renderGameRow(e, t, m))}</ul>` : n`<p class="empty">No ${t.sport} games recorded for ${o}.</p>`}
+						${c.length ? n`<ul class="gamelist">${c.map((m) => this.renderGameRow(e, t, m))}</ul>` : n`<p class="empty">No ${t.sport} games recorded for ${r}.</p>`}
 					</div>
 				</div>
 				<div>
-					<div class="section-title">Roster · ${o}</div>
-					<div class="card">${this.renderRoster(t, o)}</div>
+					<div class="section-title">Roster · ${r}</div>
+					<div class="card">${this.renderRoster(t, r)}</div>
 				</div>
 			</div>
 		`;
   }
   renderGameRow(e, t, s) {
-    const o = s.homeTeamId === t.id, r = o ? s.awayTeamId : s.homeTeamId, l = o ? s.homeScore : s.awayScore, i = o ? s.awayScore : s.homeScore;
-    let h = n`<span class="mut">${q(s.time)}</span>`;
+    const r = s.homeTeamId === t.id, o = r ? s.awayTeamId : s.homeTeamId, i = r ? s.homeScore : s.awayScore, d = r ? s.awayScore : s.homeScore;
+    let h = n`<span class="mut">${W(s.time)}</span>`;
     if (s.state === "final") {
-      const d = O(s), m = d === "tie" ? "T" : d === (o ? "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 c = 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";
+      h = n`<span class=${m}>${m}</span> ${i}-${d}${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)">${i}-${d}</span>`);
+    const l = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
     return n`
 			<li>
-				<span class="d">${w(s.date)}</span>
-				${le(s).kind === "sched" ? p : A(s)}
+				<span class="d">${x(s.date)}</span>
+				${de(s).kind === "sched" ? p : A(s)}
 				<span class="res">${h}</span>
-				<span class="opp">${o ? "vs" : "at"} ${G(e, r, s.date)}
-					<span class="pill type">${c}</span>
+				<span class="opp">${r ? "vs" : "at"} ${O(e, o, s.date)}
+					<span class="pill type">${l}</span>
 					${s.broadcast ? n`<span class="pill class">${s.broadcast}</span>` : p}
 				</span>
 				<span class="where">${s.venue || ""}</span>
@@ -1276,25 +1288,25 @@ class Ve extends y {
     const s = this.data.roster;
     if (!s)
       return n`<p class="empty">Roster not published for ${t}.</p>`;
-    const o = Oe(s, 560), r = this.data.school?.name || "", l = b(this.data.players), i = s.entries.slice().sort((c, d) => (c.number || 0) - (d.number || 0)), h = i.some((c) => l[c.playerId]?.college);
+    const r = qe(s, 560), o = this.data.school?.name || "", i = b(this.data.players), d = s.entries.slice().sort((l, c) => (l.number || 0) - (c.number || 0)), h = d.some((l) => i[l.playerId]?.college);
     return n`
-			${o ? n`<img class="rosterphoto" src=${o} loading="lazy" decoding="async"
-					alt="${r} ${e.name} ${t} team photo" />` : p}
+			${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>
 				<tbody>
-					${i.map((c) => {
-      const d = l[c.playerId];
-      if (!d) return p;
-      const m = ke(c), f = [m, d.classOf].filter(Boolean).join(" · ") || "·";
+					${d.map((l) => {
+      const c = i[l.playerId];
+      if (!c) return p;
+      const m = Ie(l), f = [m, c.classOf].filter(Boolean).join(" · ") || "·";
       return n`<tr>
-							<td class="num mut">${c.number ?? "·"}</td>
-							<td class="player" style="font-weight:500">${d.firstName} ${d.lastName}<span class="sub">${f}</span></td>
+							<td class="num mut">${l.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">${d.classOf || "·"}</td>
-							<td class="num">${xe(d.heightIn)}</td>
-							<td class="num">${d.weightLb || "·"}</td>
-							${h ? n`<td class="college">${d.college || "·"}</td>` : p}
+							<td class="cls mut">${c.classOf || "·"}</td>
+							<td class="num">${Se(c.heightIn)}</td>
+							<td class="num">${c.weightLb || "·"}</td>
+							${h ? n`<td class="college">${c.college || "·"}</td>` : p}
 						</tr>`;
     })}
 				</tbody>
@@ -1302,8 +1314,8 @@ class Ve extends y {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", Ve);
-const pe = {
+globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", Xe);
+const ve = {
   football: ["quarters", 4],
   flag_football: ["quarters", 4],
   basketball: ["quarters", 4],
@@ -1314,57 +1326,57 @@ const pe = {
   softball: ["innings", 7],
   volleyball: ["sets", 3]
 };
-function fe(a) {
-  return (pe[a] || ["quarters", 4])[0];
+function be(a) {
+  return (ve[a] || ["quarters", 4])[0];
 }
-function Z(a) {
-  return (pe[a] || ["quarters", 4])[1];
+function J(a) {
+  return (ve[a] || ["quarters", 4])[1];
 }
-function Ye(a, e) {
-  const t = fe(a), s = Z(a);
+function Ze(a, e) {
+  const t = be(a), s = J(a);
   if (e <= s || t === "innings" || t === "sets") return String(e);
-  const o = e - s;
-  return `OT${o > 1 ? o : ""}`;
+  const r = e - s;
+  return `OT${r > 1 ? r : ""}`;
 }
-function Qe(a, e) {
+function Je(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) ? fe(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;
+  return (s = /^(\d+)Q$/i.exec(t)) || (s = /^(\d+)H$/i.exec(t)) ? Number(s[1]) : /^half$/i.test(t) ? be(e) === "halves" ? 1 : 2 : (s = /^(\d*)OT(\d*)$/i.exec(t)) ? J(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 R = (a) => Number.isInteger(a) && a >= 0 ? a : null;
-function Ke(a) {
+function et(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 = Qe(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, v), s.set(f, x);
+    const f = Je(m?.period, t), u = R(m?.homeScore), y = R(m?.awayScore);
+    if (!f || u === null || y === null) return null;
+    const v = s.get(f) || { home: 0, away: 0 };
+    v.home = Math.max(v.home, u), v.away = Math.max(v.away, y), s.set(f, v);
   }
-  const o = Math.max(...s.keys()), r = [];
-  let l = !0, i = { home: 0, away: 0 };
-  for (let m = 1; m <= o; m += 1) {
-    const f = s.get(m) || i, u = f.home - i.home, v = f.away - i.away;
-    (u < 0 || v < 0) && (l = !1), r.push({ period: m, home: Math.max(u, 0), away: Math.max(v, 0) }), i = { home: Math.max(f.home, i.home), away: Math.max(f.away, i.away) };
+  const r = Math.max(...s.keys()), o = [];
+  let i = !0, d = { home: 0, away: 0 };
+  for (let m = 1; m <= r; m += 1) {
+    const f = s.get(m) || d, u = f.home - d.home, y = f.away - d.away;
+    (u < 0 || y < 0) && (i = !1), o.push({ period: m, home: Math.max(u, 0), away: Math.max(y, 0) }), d = { home: Math.max(f.home, d.home), away: Math.max(f.away, d.away) };
   }
-  const h = R(a.homeScore) ?? 0, c = R(a.awayScore) ?? 0, d = l && i.home === h && i.away === c;
-  return l = l && i.home <= h && i.away <= c, { periods: r, reconciled: d, consistent: l };
+  const h = R(a.homeScore) ?? 0, l = R(a.awayScore) ?? 0, c = i && d.home === h && d.away === l;
+  return i = i && d.home <= h && d.away <= l, { periods: o, reconciled: c, consistent: i };
 }
-function Xe(a) {
+function tt(a) {
   if (Array.isArray(a?.periodScores) && a.periodScores.length) return a.periodScores;
-  const e = Ke(a);
+  const e = et(a);
   return e ? a.state === "final" ? e.reconciled ? e.periods : null : e.consistent ? e.periods : null : null;
 }
-const Ze = "https://api.wral.com/search";
-function Je(a) {
+const st = "https://api.wral.com/search";
+function at(a) {
   return a.map((e) => `uri:"${e}"`).join(" OR ");
 }
-function et(a, e) {
-  const t = String(a || Ze).replace(/\/+$/, ""), s = new URLSearchParams({ query: Je(e), sort: "score", lang: "en" });
+function rt(a, e) {
+  const t = String(a || st).replace(/\/+$/, ""), s = new URLSearchParams({ query: at(e), sort: "score", lang: "en" });
   return `${t}/v1/query?${s}`;
 }
-function ue(a) {
+function ye(a) {
   try {
     const e = new URL(a);
     if (/(^|\.)smugmug\.com$/i.test(e.hostname)) {
@@ -1379,13 +1391,13 @@ function ue(a) {
   }
   return { uri: a, title: a };
 }
-async function tt(a, e, t) {
-  const o = await ((...i) => fetch(...i))(et(a, e));
-  if (!o.ok) throw new Error(`search answered ${o.status}`);
-  const r = await o.json(), l = new Map((r.items || []).map((i) => [i.uri, i]));
-  return e.map((i) => l.get(i) || ue(i));
+async function ot(a, e, t) {
+  const r = await ((...d) => fetch(...d))(rt(a, e));
+  if (!r.ok) throw new Error(`search answered ${r.status}`);
+  const o = await r.json(), i = new Map((o.items || []).map((d) => [d.uri, d]));
+  return e.map((d) => i.get(d) || ye(d));
 }
-const st = $`
+const nt = w`
 	.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; }
@@ -1428,6 +1440,9 @@ const st = $`
 	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; }
@@ -1438,22 +1453,28 @@ const st = $`
 		.cols { grid-template-columns: 1fr; }
 	}
 `;
-class at extends y {
-  static styles = [...P, st];
+class it extends $ {
+  static styles = [...P, nt];
   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
     // 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 : [], [o, r, l, i, h, c] = await Promise.all([
+    const t = await e.getGame(this.gameId), s = Array.isArray(t.coverageUrls) ? t.coverageUrls : [], [r, o, i, d, h, l] = await Promise.all([
       e.listSchools(),
       e.listTeams({ sport: t.sport }),
       e.listConferences(),
@@ -1461,23 +1482,25 @@ class at 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 ? tt(this.searchApi, s).catch(() => s.map(ue)) : 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 ? ot(this.searchApi, s).catch(() => s.map(ye)) : Promise.resolve([])
     ]);
     return {
       game: t,
-      schools: o.items,
-      teams: r.items,
-      conferences: l.items,
-      rankings: i.items,
+      schools: r.items,
+      teams: o.items,
+      conferences: i.items,
+      rankings: d.items,
       games: h.items,
-      coverage: c
+      coverage: l
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
       teamsById: b(this.data.teams),
       schoolsById: b(this.data.schools),
-      records: _(this.data.games),
+      records: N(this.data.games),
       rankings: this.data.rankings,
       hrefs: z(this),
       sport: this.data.game.sport
@@ -1486,50 +1509,59 @@ class at extends y {
   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 = b(this.data.conferences), o = t.teamsById[e.awayTeamId] ? t.schoolsById[t.teamsById[e.awayTeamId].schoolId] : null, r = t.teamsById[e.homeTeamId] ? t.schoolsById[t.teamsById[e.homeTeamId].schoolId] : null, l = O(e), i = (d) => e.state === "final" && l !== d && l !== "tie" ? "opacity:0.45" : "", h = e.conferenceId ? s[e.conferenceId] : null, c = this.data.games.filter((d) => d.id !== e.id && d.state === "final" && d.gameType !== "scrimmage" && (d.homeTeamId === e.homeTeamId && d.awayTeamId === e.awayTeamId || d.homeTeamId === e.awayTeamId && d.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, i = H(e), d = (c) => e.state === "final" && i !== c && i !== "tie" ? "opacity:0.45" : "", h = e.conferenceId ? s[e.conferenceId] : null, l = 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`
-			${C(this, n`
-				${D(this)}
-				<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>
+			${D(this, n`
+				${B(this)}
+				${this.embed ? p : n`
+					<p class="breadcrumbs">
+						<a href=${g(t.hrefs.section, { sport: e.sport, view: "scores" })}>${k(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, o, !1)}
+						${this.teamBlock(t, e, e.awayTeamId, r, !1)}
 						<div class="mid">
 							<div class="bigscore">
-								<span style=${i("away")}>${e.awayScore}</span>
+								<span style=${d("away")}>${e.awayScore}</span>
 								<span class="mut" style="font-size:1.6rem">–</span>
-								<span style=${i("home")}>${e.homeScore}</span>
+								<span style=${d("home")}>${e.homeScore}</span>
 							</div>
 							<div class="status">${A(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"}
+							<div class="status">${x(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? n` · ${W(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>
 								${e.label ? n`<span class="pill type">Bracket ${e.label}</span>` : p}
-								${(e.tags || []).map((d) => n`<span class="pill type">${d}</span>`)}
+								${(e.tags || []).map((c) => n`<span class="pill type">${c}</span>`)}
 							</div>
+							${this.embed ? p : n`
+								<div class="status">
+									<a href=${ce(t.hrefs, e.id)}>Report a score for this game</a>
+								</div>`}
 						</div>
-						${this.teamBlock(t, e, e.homeTeamId, r, !0)}
+						${this.teamBlock(t, e, e.homeTeamId, o, !0)}
 					</div>
-					${this.renderLineScore(e, o, r)}
-					${this.renderScoringPlays(e, o, r)}
+					${this.renderLineScore(e, r, o)}
+					${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">
-						${this.data.coverage.map((d) => n`
-							<a class="card covcard" href=${d.uri}>
-								${d.image ? n`<img class="covimg" src=${d.image} alt="" loading="lazy" />` : p}
+						${this.data.coverage.map((c) => n`
+							<a class="card covcard" href=${c.uri}>
+								${c.image ? n`<img class="covimg" src=${c.image} alt="" loading="lazy" />` : p}
 								<div class="covbody">
-									<div class="covtitle">${d.videoDuration ? n`<span class="pill live" style="animation:none">Video</span> ` : p}${d.photos ? n`<span class="pill live" style="animation:none">Photos</span> ` : p}${d.title || d.uri}</div>
-									${d.description ? n`<p class="covdesc">${d.description}</p>` : p}
-									${d.author || d.publishedTime ? n`
-										<div class="covmeta">${[d.author, d.publishedTime ? new Date(d.publishedTime).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : ""].filter(Boolean).join(" · ")}</div>
+									<div class="covtitle">${c.videoDuration ? n`<span class="pill live" style="animation:none">Video</span> ` : p}${c.photos ? n`<span class="pill live" style="animation:none">Photos</span> ` : p}${c.title || c.uri}</div>
+									${c.description ? n`<p class="covdesc">${c.description}</p>` : p}
+									${c.author || c.publishedTime ? n`
+										<div class="covmeta">${[c.author, c.publishedTime ? new Date(c.publishedTime).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : ""].filter(Boolean).join(" · ")}</div>
 									` : p}
 								</div>
 							</a>
@@ -1537,50 +1569,50 @@ class at extends y {
 					</div>` : p}
 				<div class="section-title">Season context</div>
 				<div class="cols">
-					${[[e.awayTeamId, o], [e.homeTeamId, r]].map(([d, m]) => this.renderContext(t, d, m))}
+					${[[e.awayTeamId, r], [e.homeTeamId, o]].map(([c, m]) => this.renderContext(t, c, m))}
 				</div>
-				${c.length ? n`
+				${l.length ? n`
 					<div class="section-title">Head to head this season</div>
 					<div class="card"><ul class="gamelist">
-						${c.map((d) => n`<li>
-							<span class="d">${w(d.date)}</span>${A(d)}
-							<span class="opp">${F(t, d.awayTeamId)} ${d.awayScore}, ${F(t, d.homeTeamId)} ${d.homeScore}</span>
-							<a class="box" href=${g(t.hrefs.game, { sport: e.sport, id: d.id })}>Box score →</a>
+						${l.map((c) => n`<li>
+							<span class="d">${x(c.date)}</span>${A(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, o, r) {
-    if (!o) return n`<div class="teamblock ${r ? "right" : ""}"><div class="tname">TBD</div></div>`;
-    const l = e.teamsById[s], i = e.records[s], h = M(o, 58);
+  teamBlock(e, t, s, r, o) {
+    if (!r) return n`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
+    const i = e.teamsById[s], d = e.records[s], h = M(r, 58);
     return n`
-			<div class="teamblock ${r ? "right" : ""}">
-				${h ? n`<img class="crest logo" alt="" loading="lazy" src=${h} />` : n`<span class="crest" style="background:${o.colorPrimary || "#030711"};color:${N(o.colorPrimary || "#030711")}">${V(o)}</span>`}
+			<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:${G(r.colorPrimary || "#030711")}">${Y(r)}</span>`}
 				<div>
-					<div class="tname">${K(e, s, t.date)}<a href=${g(e.hrefs.school, { id: o.id })}>${o.name}</a></div>
-					<div class="trec">${o.mascot || ""} · ${k(i)}${l?.conferenceId ? n` · ${k(i, !0)} conf` : p}</div>
+					<div class="tname">${X(e, s, t.date)}<a href=${g(e.hrefs.school, { id: r.id })}>${r.name}</a></div>
+					<div class="trec">${r.mascot || ""} · ${S(d)}${i?.conferenceId ? n` · ${S(d, !0)} conf` : p}</div>
 				</div>
 			</div>
 		`;
   }
   renderLineScore(e, t, s) {
-    const o = Xe(e);
-    if (!o)
+    const r = tt(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 r = Math.max(Z(e.sport), ...o.map((c) => c.period)), l = (c) => Ye(e.sport, c), i = (c, d) => {
-      const m = o.find((f) => f.period === d);
-      return m ? m[c] : e.state === "final" ? 0 : "·";
-    }, h = (c, d, m) => n`
+    const o = Math.max(J(e.sport), ...r.map((l) => l.period)), i = (l) => Ze(e.sport, l), d = (l, c) => {
+      const m = r.find((f) => f.period === c);
+      return m ? m[l] : e.state === "final" ? 0 : "·";
+    }, h = (l, c, m) => n`
 			<tr>
-				<td class="teamcell">${T(c, 20)}${c?.abbr || "TBD"}</td>
-				${Array.from({ length: r }, (f, u) => n`<td class="num">${i(d, u + 1)}</td>`)}
+				<td class="teamcell">${C(l, 20)}${l?.abbr || "TBD"}</td>
+				${Array.from({ length: o }, (f, u) => n`<td class="num">${d(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: r }, (c, d) => n`<th class="num">${l(d + 1)}</th>`)}<th class="num">T</th></tr></thead>
+					<thead><tr><th>Team</th>${Array.from({ length: o }, (l, c) => n`<th class="num">${i(c + 1)}</th>`)}<th class="num">T</th></tr></thead>
 					<tbody>
 						${h(t, "away", e.awayScore)}
 						${h(s, "home", e.homeScore)}
@@ -1590,9 +1622,9 @@ class at extends y {
 		`;
   }
   renderScoringPlays(e, t, s) {
-    const o = Array.isArray(e.scoringPlays) ? e.scoringPlays : [];
-    if (!o.length) return p;
-    const r = (l) => [l.period, l.clock].filter(Boolean).join(" ");
+    const r = Array.isArray(e.scoringPlays) ? e.scoringPlays : [];
+    if (!r.length) return p;
+    const o = (i) => [i.period, i.clock].filter(Boolean).join(" ");
     return n`
 			<div class="plays">
 				<div class="plays-title">Scoring plays</div>
@@ -1603,11 +1635,11 @@ class at extends y {
 							<th class="num">${t?.abbr || "Away"}</th><th class="num">${s?.abbr || "Home"}</th>
 						</tr></thead>
 						<tbody>
-							${o.map((l) => n`<tr>
-								<td class="when">${r(l) || "·"}</td>
-								<td class="play">${l.description || "·"}</td>
-								<td class="num">${l.awayScore}</td>
-								<td class="num">${l.homeScore}</td>
+							${r.map((i) => n`<tr>
+								<td class="when">${o(i) || "·"}</td>
+								<td class="play">${i.description || "·"}</td>
+								<td class="num">${i.awayScore}</td>
+								<td class="num">${i.homeScore}</td>
 							</tr>`)}
 						</tbody>
 					</table>
@@ -1617,24 +1649,24 @@ class at extends y {
   }
   renderContext(e, t, s) {
     if (!s) return p;
-    const o = e.records[t], r = Y(this.data.games, t);
+    const r = e.records[t], o = K(this.data.games, t);
     return n`
 			<div class="card ctxcard">
-				<div class="who">${T(s)}${s.name}</div>
+				<div class="who">${C(s)}${s.name}</div>
 				<div class="row">
-					<span>Last 5: ${X(e, t)}</span>
-					<span>Streak: <b>${o ? H(o.results) : "·"}</b></span>
-					<span>PF/PA: <b>${o ? `${o.pf} / ${o.pa}` : "·"}</b></span>
-					<span>Next: ${r ? n`${w(r.date, { month: "numeric", day: "numeric" })}
-						${r.homeTeamId === t ? "vs" : "at"} ${L(e, r.homeTeamId === t ? r.awayTeamId : r.homeTeamId)}` : "·"}</span>
+					<span>Last 5: ${Z(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`${x(o.date, { month: "numeric", day: "numeric" })}
+						${o.homeTeamId === t ? "vs" : "at"} ${L(e, o.homeTeamId === t ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
 				</div>
 			</div>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", at);
-const ot = 250, rt = 2;
-class nt extends ie {
+globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", it);
+const lt = 250, ct = 2;
+class dt extends le {
   static properties = {
     api: { type: String },
     schoolHref: { type: String, attribute: "school-href" },
@@ -1645,7 +1677,7 @@ class nt extends ie {
     activeIndex: { state: !0 },
     searched: { state: !0 }
   };
-  static styles = $`
+  static styles = w`
 		:host {
 			display: block;
 			position: relative;
@@ -1714,11 +1746,11 @@ class nt extends ie {
   }
   onInput(e) {
     const t = e.target.value.trim();
-    if (clearTimeout(this.debounceTimer), t.length < rt) {
+    if (clearTimeout(this.debounceTimer), t.length < ct) {
       this.abortController?.abort(), this.results = [], this.open = !1, this.searched = !1;
       return;
     }
-    this.debounceTimer = setTimeout(() => this.search(t), ot);
+    this.debounceTimer = setTimeout(() => this.search(t), lt);
   }
   async search(e) {
     this.abortController?.abort(), this.abortController = new AbortController();
@@ -1728,8 +1760,8 @@ class nt extends ie {
       });
       if (!s.ok)
         return;
-      const o = await s.json();
-      this.results = o.items || [], this.activeIndex = -1, this.searched = !0, this.open = !0;
+      const r = await s.json();
+      this.results = r.items || [], this.activeIndex = -1, this.searched = !0, this.open = !0;
     } catch (t) {
       t.name !== "AbortError" && console.warn("school search failed", t);
     }
@@ -1763,15 +1795,15 @@ class nt extends ie {
     return [e.location, e.county && `${e.county} County`].filter(Boolean).join(" — ");
   }
   renderOption(e, t) {
-    const s = this.where(e), o = (r) => {
-      r.preventDefault(), this.go(e);
+    const s = this.where(e), r = (o) => {
+      o.preventDefault(), this.go(e);
     };
     return n`
 			<li
 				id="school-option-${t}"
 				role="option"
 				aria-selected="${t === this.activeIndex ? "true" : "false"}"
-				@pointerdown="${o}"
+				@pointerdown="${r}"
 				@mousemove="${() => {
       this.activeIndex = t;
     }}"
@@ -1785,7 +1817,7 @@ class nt extends ie {
     const e = this.searched && !this.results.length, t = n`<li class="empty">No schools found</li>`;
     return n`
 			<ul id="school-search-listbox" role="listbox" aria-label="Schools">
-				${this.results.map((s, o) => this.renderOption(s, o))}
+				${this.results.map((s, r) => this.renderOption(s, r))}
 				${e ? t : p}
 			</ul>
 		`;
@@ -1811,111 +1843,111 @@ class nt extends ie {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school-search") && globalThis.customElements.define("hsot-school-search", nt);
-function ge(a, e) {
-  const t = new Map(a.map((h) => [h.id, h])), s = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+globalThis?.customElements && !globalThis.customElements.get("hsot-school-search") && globalThis.customElements.define("hsot-school-search", dt);
+function $e(a, e) {
+  const t = new Map(a.map((h) => [h.id, h])), s = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
   for (const h of e || [])
-    h.outcome === "winner" && (s.has(h.targetGameId) || s.set(h.targetGameId, []), s.get(h.targetGameId).push(h), o.has(h.sourceGameId) || o.set(h.sourceGameId, []), o.get(h.sourceGameId).push(h));
-  const r = a.filter((h) => !o.has(h.id)), l = (h) => h.targetSlot === "home" ? 0 : 1;
-  function i(h) {
-    const c = t.get(h);
-    if (!c) return null;
-    const m = [...s.get(h) || []].sort((f, u) => l(f) - l(u)).map((f) => i(f.sourceGameId)).filter(Boolean);
-    return { game: c, children: m, bracketGroup: c.bracketGroup };
+    h.outcome === "winner" && (s.has(h.targetGameId) || s.set(h.targetGameId, []), s.get(h.targetGameId).push(h), r.has(h.sourceGameId) || r.set(h.sourceGameId, []), r.get(h.sourceGameId).push(h));
+  const o = a.filter((h) => !r.has(h.id)), i = (h) => h.targetSlot === "home" ? 0 : 1;
+  function d(h) {
+    const l = t.get(h);
+    if (!l) return null;
+    const m = [...s.get(h) || []].sort((f, u) => i(f) - i(u)).map((f) => d(f.sourceGameId)).filter(Boolean);
+    return { game: l, children: m, bracketGroup: l.bracketGroup };
   }
-  return r.length === 1 ? i(r[0].id) : r.map((h) => i(h.id));
+  return o.length === 1 ? d(o[0].id) : o.map((h) => d(h.id));
 }
-function ve(a, e = [], t = 0) {
+function we(a, e = [], t = 0) {
   if (!a) return e;
   e[t] || (e[t] = []), e[t].push(a.game);
-  for (const s of a.children || []) ve(s, e, t + 1);
+  for (const s of a.children || []) we(s, e, t + 1);
   return e;
 }
-const it = (a) => Math.max(1, Math.round(Math.log2(a || 2)));
-function lt({ round: a, perGroup: e, groupCount: t = 1 }) {
-  const s = it(e), r = (t === 4 ? s + 2 : t === 2 ? s + 1 : s) - a;
-  return r === 0 ? t > 1 ? "Championship" : "Final" : r === 1 ? "Semifinal" : `Round ${a}`;
+const ht = (a) => Math.max(1, Math.round(Math.log2(a || 2)));
+function mt({ round: a, perGroup: e, groupCount: t = 1 }) {
+  const s = ht(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 ct(a) {
+function pt(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 dt(a, e) {
+function ft(a, e) {
   const t = a?.groupNames || [];
   if (t.length >= 2) {
-    const o = t.map((r) => ({ key: r, name: r }));
-    return (e || []).some((r) => r.bracketGroup === "Championship") && o.push({ key: "Championship", name: "Championship" }), o;
+    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((o) => o.bracketGroup).filter(Boolean))];
+  const s = [...new Set((e || []).map((r) => r.bracketGroup).filter(Boolean))];
   return [{ key: null, name: s.length === 1 ? s[0] : "Bracket" }];
 }
-const ht = (a, e) => e?.key == null ? [...a || []] : (a || []).filter((t) => t.bracketGroup === e.key), oe = (a) => {
+const ut = (a, e) => e?.key == null ? [...a || []] : (a || []).filter((t) => t.bracketGroup === e.key), oe = (a) => {
   const e = /(\d+)\s*$/.exec(a.label || "");
   return e ? Number(e[1]) : 1 / 0;
-}, re = (a, e) => oe(a) - oe(e) || String(a.id).localeCompare(String(e.id));
-function mt(a, e) {
-  if (a.every((o) => Number.isInteger(o.round))) return (o) => o.round;
-  const t = ge(a, e), s = /* @__PURE__ */ new Map();
-  for (const o of Array.isArray(t) ? t : [t]) {
-    const r = ve(o), l = r.length - 1;
-    r.forEach((i, h) => i.forEach((c) => s.set(c.id, l - h + 1)));
-  }
-  return (o) => Number.isInteger(o.round) ? o.round : s.get(o.id) || 1;
-}
-function pt(a, e, t) {
-  const s = ht(a, t);
+}, ne = (a, e) => oe(a) - oe(e) || String(a.id).localeCompare(String(e.id));
+function gt(a, e) {
+  if (a.every((r) => Number.isInteger(r.round))) return (r) => r.round;
+  const t = $e(a, e), s = /* @__PURE__ */ new Map();
+  for (const r of Array.isArray(t) ? t : [t]) {
+    const o = we(r), i = o.length - 1;
+    o.forEach((d, h) => d.forEach((l) => s.set(l.id, i - h + 1)));
+  }
+  return (r) => Number.isInteger(r.round) ? r.round : s.get(r.id) || 1;
+}
+function vt(a, e, t) {
+  const s = ut(a, t);
   if (!s.length) return [];
-  const o = mt(a || [], e || []), r = /* @__PURE__ */ new Map();
-  for (const c of s) {
-    const d = o(c);
-    r.has(d) || r.set(d, []), r.get(d).push(c);
-  }
-  const l = /* @__PURE__ */ new Map();
-  for (const c of e || [])
-    c.outcome === "winner" && (l.has(c.targetGameId) || l.set(c.targetGameId, []), l.get(c.targetGameId).push(c.sourceGameId));
-  const i = [];
+  const r = gt(a || [], e || []), o = /* @__PURE__ */ new Map();
+  for (const l of s) {
+    const c = r(l);
+    o.has(c) || o.set(c, []), o.get(c).push(l);
+  }
+  const i = /* @__PURE__ */ new Map();
+  for (const l of e || [])
+    l.outcome === "winner" && (i.has(l.targetGameId) || i.set(l.targetGameId, []), i.get(l.targetGameId).push(l.sourceGameId));
+  const d = [];
   let h = null;
-  for (const c of [...r.keys()].sort((d, m) => d - m)) {
-    let d = [...r.get(c)];
+  for (const l of [...o.keys()].sort((c, m) => c - m)) {
+    let c = [...o.get(l)];
     if (h) {
       const m = (f) => {
-        const u = (l.get(f.id) || []).map((v) => h.get(v)).filter((v) => v !== void 0);
+        const u = (i.get(f.id) || []).map((y) => h.get(y)).filter((y) => y !== void 0);
         return u.length ? Math.min(...u) : 1 / 0;
       };
-      d.sort((f, u) => m(f) - m(u) || re(f, u));
+      c.sort((f, u) => m(f) - m(u) || ne(f, u));
     } else
-      d.sort(re);
-    h = new Map(d.map((m, f) => [m.id, f])), i.push({ round: c, games: d });
+      c.sort(ne);
+    h = new Map(c.map((m, f) => [m.id, f])), d.push({ round: l, games: c });
   }
-  return i;
+  return d;
 }
-function ft(a, e, t) {
-  const s = a[`${e}TeamId`] || null, o = (t || []).find((l) => l.gameId === a.id && l.slot === e), r = a[`${e}Seed`] ?? o?.seed ?? null;
-  return { teamId: s, seed: r, bye: !s && !!o?.isBye };
+function bt(a, e, t) {
+  const s = a[`${e}TeamId`] || null, r = (t || []).find((i) => i.gameId === a.id && i.slot === e), o = a[`${e}Seed`] ?? r?.seed ?? null;
+  return { teamId: s, seed: o, bye: !s && !!r?.isBye };
 }
-function be(a) {
-  const e = O(a);
+function xe(a) {
+  const e = H(a);
   return e === "home" || e === "away" ? e : null;
 }
-function ut(a, e) {
-  const t = ge(a || [], e || []);
+function yt(a, e) {
+  const t = $e(a || [], e || []);
   if (!t || Array.isArray(t)) return null;
-  const s = be(t.game);
+  const s = xe(t.game);
   return s && t.game[`${s}TeamId`] || null;
 }
-const ne = { active: 0, setup: 1, complete: 2 };
-function gt(a, { id: e, param: t } = {}) {
+const ie = { active: 0, setup: 1, complete: 2 };
+function $t(a, { id: e, param: t } = {}) {
   const s = a || [];
   if (!s.length) return null;
-  for (const o of [e, t]) {
-    if (!o) continue;
-    const r = s.find((l) => l.id === o);
-    if (r) return r;
+  for (const r of [e, t]) {
+    if (!r) continue;
+    const o = s.find((i) => i.id === r);
+    if (o) return o;
   }
-  return [...s].sort((o, r) => (ne[o.status] ?? 3) - (ne[r.status] ?? 3) || String(o.name || "").localeCompare(String(r.name || "")))[0];
+  return [...s].sort((r, o) => (ie[r.status] ?? 3) - (ie[o.status] ?? 3) || String(r.name || "").localeCompare(String(o.name || "")))[0];
 }
-const vt = $`
+const wt = w`
 	.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 {
@@ -1961,10 +1993,10 @@ const vt = $`
 	.champ .tname a { color: inherit; text-decoration: none; font-weight: 700; }
 	@media (max-width: 720px) { .round { flex-basis: 215px; } }
 `;
-class bt extends y {
-  static styles = [P, vt];
+class xt extends $ {
+  static styles = [P, wt];
   static properties = {
-    ...y.properties,
+    ...$.properties,
     sport: { type: String },
     season: { type: String },
     tournamentId: { type: String, attribute: "tournament-id" },
@@ -1975,24 +2007,24 @@ class bt extends y {
     super(), this.sport = "football", this.season = "", this.tournamentId = "", this.picked = "", this.group = null;
   }
   async fetchData(e) {
-    const t = this.season || E(), s = (await e.listTournaments({ sport: this.sport, season: t })).items, o = new URLSearchParams(globalThis.location?.search || "").get("tournament"), r = gt(s, { id: this.picked || this.tournamentId, param: o });
-    if (!r) return { season: t, tournaments: s, tournament: null };
-    const [l, i, h, c, d] = await Promise.all([
-      e.listSeedings(r.id),
-      e.listEdges(r.id),
-      e.listGames({ tournamentId: r.id }),
+    const t = this.season || _(), s = (await e.listTournaments({ sport: this.sport, season: t })).items, r = new URLSearchParams(globalThis.location?.search || "").get("tournament"), o = $t(s, { id: this.picked || this.tournamentId, param: r });
+    if (!o) return { season: t, tournaments: s, tournament: null };
+    const [i, d, h, l, 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: r,
-      seedings: l.items,
-      edges: i.items,
+      tournament: o,
+      seedings: i.items,
+      edges: d.items,
       games: h.items,
-      schools: c.items,
-      teams: d.items
+      schools: l.items,
+      teams: c.items
     };
   }
   get ctx() {
@@ -2018,46 +2050,46 @@ class bt extends y {
     }
   }
   renderView() {
-    const e = this.data, t = this.ctx, s = U(this, t, {
-      title: n`${B(this.sport)} playoff brackets`,
+    const e = this.data, t = this.ctx, s = j(this, t, {
+      title: n`${k(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)}
+      return n`${s}${D(this, n`
+				${B(this)}
 				<div class="card"><div class="empty">No ${this.sport} brackets have been published for the ${e.season} season yet.</div></div>
 			`)}`;
-    const o = dt(e.tournament, e.games), r = o.find((m) => m.key === this.group) || o[0], l = (e.tournament.groupNames || []).length >= 2 ? e.tournament.groupNames.length : 1, i = (Number(e.tournament.size) || 0) / l, h = pt(e.games, e.edges, r), c = ct(e.games), d = ut(e.games, e.edges);
+    const r = ft(e.tournament, e.games), o = r.find((m) => m.key === this.group) || r[0], i = (e.tournament.groupNames || []).length >= 2 ? e.tournament.groupNames.length : 1, d = (Number(e.tournament.size) || 0) / i, h = vt(e.games, e.edges, o), l = pt(e.games), c = yt(e.games, e.edges);
     return n`
 			${s}
-			${C(this, n`
-				${D(this)}
+			${D(this, n`
+				${B(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}
-					${o.length > 1 ? n`
+					${r.length > 1 ? n`
 						<div role="tablist" aria-label="Bracket group">
-							${o.map((m) => n`<button class="chip ${m.key === r.key ? "on" : ""}" role="tab"
-								aria-selected=${m.key === r.key ? "true" : "false"}
+							${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 ${c === "complete" ? "final" : c === "active" ? "class" : "type"}">${c === "complete" ? "Complete" : c === "active" ? "In progress" : "Bracket set"}</span>
+					<span class="pill ${l === "complete" ? "final" : l === "active" ? "class" : "type"}">${l === "complete" ? "Complete" : l === "active" ? "In progress" : "Bracket set"}</span>
 					<span class="asof">${e.tournament.size}-team ${String(e.tournament.format || "").replace(/_/g, " ")}</span>
 				</div>
-				${d ? n`<div class="champ"><span class="pill champ">Champion</span>
-					${T(I(t, d), 26)}<span class="tname">${G(t, d)}</span></div>` : p}
+				${c ? n`<div class="champ"><span class="pill champ">Champion</span>
+					${C(T(t, c), 26)}<span class="tname">${O(t, c)}</span></div>` : p}
 				${h.length ? n`
-					<div class="bracket" role="region" aria-label="${r.name} bracket">
+					<div class="bracket" role="region" aria-label="${o.name} bracket">
 						${h.map((m) => n`
 							<section class="round">
-								<h3 class="roundhead">${lt({ round: m.round, perGroup: i, groupCount: l })}</h3>
+								<h3 class="roundhead">${mt({ round: m.round, perGroup: d, groupCount: i })}</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>`}
@@ -2080,41 +2112,40 @@ class bt extends y {
 		`;
   }
   renderSlot(e, t, s) {
-    const { teamId: o, seed: r, bye: l } = ft(t, s, this.data.seedings), i = be(t), h = t.state === "live" || t.state === "final";
+    const { teamId: r, seed: o, bye: i } = bt(t, s, this.data.seedings), d = xe(t), h = t.state === "live" || t.state === "final";
     return n`
-			<div class="slot ${i ? i === s ? "winner" : "loser" : ""}">
-				<span class="seed">${r ?? ""}</span>
-				${o ? n`${T(I(e, o), 22)}<span class="tname">${G(e, o, t.date)}</span>` : l ? n`<span class="tname bye">Bye</span>` : n`<span class="tname mut">TBD</span>`}
+			<div class="slot ${d ? d === s ? "winner" : "loser" : ""}">
+				<span class="seed">${o ?? ""}</span>
+				${r ? n`${C(T(e, r), 22)}<span class="tname">${O(e, r, t.date)}</span>` : i ? n`<span class="tname bye">Bye</span>` : n`<span class="tname mut">TBD</span>`}
 				${h ? n`<span class="score">${t[`${s}Score`] ?? 0}</span>` : p}
 			</div>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-brackets") && globalThis.customElements.define("hsot-brackets", bt);
+globalThis?.customElements && !globalThis.customElements.get("hsot-brackets") && globalThis.customElements.define("hsot-brackets", xt);
 export {
-  j as D,
-  at as H,
-  bt as a,
-  qe as b,
-  Ve as c,
-  nt as d,
-  He as e,
-  Ue as f,
-  dt as g,
-  ge as h,
-  ut as i,
-  _ as j,
-  ct as k,
-  we as l,
-  g as m,
-  O as n,
-  $t as o,
-  Le as p,
-  lt as q,
-  k as r,
-  pt as s,
-  de as t,
-  H as u,
-  Q as v,
-  ve as w
+  E as D,
+  it as H,
+  xt as a,
+  Ke as b,
+  Xe as c,
+  dt as d,
+  We as e,
+  Ve as f,
+  ft as g,
+  $e as h,
+  yt as i,
+  N as j,
+  pt as k,
+  g as l,
+  H as m,
+  It as n,
+  mt as o,
+  Ue as p,
+  vt as q,
+  S as r,
+  fe as s,
+  U as t,
+  Q as u,
+  we as v
 };