@wral/hsot-data 0.1.5 → 0.1.6

package/dist/{hsot-boxscore-B_yZEV8T.js → hsot-school-search-DTqWAryB.js}

@@ -1,50 +1,50 @@
-import { LitElement as ae, html as l, css as y, nothing as p, svg as Y } from "lit";
-const re = 50;
-function oe(a = {}) {
+import { LitElement as te, html as i, css as b, nothing as p, svg as X } from "lit";
+const ie = 50;
+function ne(a = {}) {
   const e = Object.entries(a).filter(([, s]) => s != null && s !== "");
   if (!e.length) return "";
   const t = new URLSearchParams();
   return e.forEach(([s, r]) => t.set(s, String(r))), `?${t.toString()}`;
 }
-function ne({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
+function le({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
   if (!a) throw new Error("createClient requires a baseUrl");
-  const s = a.replace(/\/+$/, ""), r = t || ((...i) => fetch(...i));
-  async function o(i) {
-    const d = { Accept: "application/json" };
-    e && (d.Authorization = `Bearer ${e}`);
-    const h = await r(`${s}${i}`, { headers: d });
-    if (!h.ok) {
-      const c = new Error(`api-hsot ${h.status} on ${i}`);
-      throw c.status = h.status, c;
+  const s = a.replace(/\/+$/, ""), r = t || ((...n) => fetch(...n));
+  async function o(n) {
+    const h = { Accept: "application/json" };
+    e && (h.Authorization = `Bearer ${e}`);
+    const l = await r(`${s}${n}`, { headers: h });
+    if (!l.ok) {
+      const d = new Error(`api-hsot ${l.status} on ${n}`);
+      throw d.status = l.status, d;
     }
-    return h.json();
-  }
-  async function n(i, d = {}) {
-    const h = [];
-    let c = null;
-    for (let m = 0; m < re; m += 1) {
-      const f = oe(c ? { ...d, cursor: c } : d), g = await o(`${i}${f}`);
-      if (h.push(...g.items || []), c = g.nextCursor || null, !c) break;
+    return l.json();
+  }
+  async function c(n, h = {}) {
+    const l = [];
+    let d = null;
+    for (let m = 0; m < ie; m += 1) {
+      const f = ne(d ? { ...h, cursor: d } : h), g = await o(`${n}${f}`);
+      if (l.push(...g.items || []), d = g.nextCursor || null, !d) break;
     }
-    return { items: h, total: h.length, nextCursor: null };
+    return { items: l, total: l.length, nextCursor: null };
   }
   return {
-    listSchools: (i) => n("/schools", i),
-    getSchool: (i) => o(`/schools/${i}`),
-    listTeams: (i) => n("/teams", i),
-    getTeam: (i) => o(`/teams/${i}`),
-    listConferences: (i) => n("/conferences", i),
-    listPlayers: (i) => n("/players", i),
-    listRosters: (i) => n("/rosters", i),
-    listGames: (i) => n("/games", i),
-    getGame: (i) => o(`/games/${i}`),
-    listTournaments: (i) => n("/tournaments", i),
-    listSeedings: (i, d) => n(`/tournaments/${i}/seedings`, d),
-    listRankings: (i) => n("/rankings", i),
+    listSchools: (n) => c("/schools", n),
+    getSchool: (n) => o(`/schools/${n}`),
+    listTeams: (n) => c("/teams", n),
+    getTeam: (n) => o(`/teams/${n}`),
+    listConferences: (n) => c("/conferences", n),
+    listPlayers: (n) => c("/players", n),
+    listRosters: (n) => c("/rosters", n),
+    listGames: (n) => c("/games", n),
+    getGame: (n) => o(`/games/${n}`),
+    listTournaments: (n) => c("/tournaments", n),
+    listSeedings: (n, h) => c(`/tournaments/${n}/seedings`, h),
+    listRankings: (n) => c("/rankings", n),
     listSports: () => o("/sports")
   };
 }
-const O = {
+const U = {
   game: "/{sport}/game/{id}/",
   school: "/school/{id}/",
   section: "/{sport}/{view}/"
@@ -54,56 +54,62 @@ function u(a, e) {
 }
 function D(a) {
   return {
-    game: a.getAttribute("game-href") || O.game,
-    school: a.getAttribute("school-href") || O.school,
-    section: a.getAttribute("section-href") || O.section
+    game: a.getAttribute("game-href") || U.game,
+    school: a.getAttribute("school-href") || U.school,
+    section: a.getAttribute("section-href") || U.section
   };
 }
 const T = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
-function b(a, e) {
+function $(a, e) {
   if (!a) return "TBD";
   const [t, s, r] = String(a).split("-").map(Number);
   return !t || !s || !r ? "TBD" : new Date(t, s - 1, r).toLocaleDateString("en-US", e || { weekday: "short", month: "short", day: "numeric" });
 }
-function A(a) {
+function L(a) {
   if (!a) return "";
   const [e, t] = String(a).split(":").map(Number);
   if (Number.isNaN(e)) return "";
   const s = e >= 12 ? "PM" : "AM";
   return `${(e + 11) % 12 + 1}:${String(t || 0).padStart(2, "0")} ${s}`;
 }
-function ie(a) {
+function ce(a) {
   return a ? `${Math.floor(a / 12)}-${a % 12}` : "·";
 }
-function E(a = /* @__PURE__ */ new Date()) {
+function N(a = /* @__PURE__ */ new Date()) {
   const e = a.getFullYear();
   return a.getMonth() >= 6 ? `${e}-${e + 1}` : `${e - 1}-${e}`;
 }
-function U(a = /* @__PURE__ */ new Date()) {
+function j(a = /* @__PURE__ */ new Date()) {
   const e = (t) => String(t).padStart(2, "0");
   return `${a.getFullYear()}-${e(a.getMonth() + 1)}-${e(a.getDate())}`;
 }
-function M(a) {
+function de(a, e = j()) {
+  const t = [...new Set((a || []).filter(Boolean))].sort();
+  if (!t.length || t.includes(e)) return e;
+  const s = t.filter((r) => r < e);
+  return s.length ? s[s.length - 1] : t[0];
+}
+function G(a) {
   return a ? (a.abbr || a.name || "?").slice(0, 4).toUpperCase() : "?";
 }
-function B(a) {
+function E(a) {
   if (!a || !/^#[0-9a-fA-F]{6}$/.test(a)) return "#FFFFFF";
   const e = parseInt(a.slice(1), 16), t = e >> 16 & 255, s = e >> 8 & 255, r = e & 255;
   return 0.299 * t + 0.587 * s + 0.114 * r > 150 ? "#0F1B33" : "#FFFFFF";
 }
-const le = (a) => {
+const he = (a) => {
   const e = ["th", "st", "nd", "rd"], t = a % 100;
   return a + (e[(t - 20) % 10] || e[t] || e[0]);
 };
-function ce(a) {
+function me(a) {
   if (a.state === "live") return { kind: "live", label: `Live · ${a.period || ""}`.replace(/ · $/, "") };
   if (a.state === "final") {
     const e = [];
     return a.finish === "overtime" && e.push("OT"), a.finish === "shootout" && e.push("PK-SO"), a.forfeit && a.forfeit !== "none" && e.push("Forfeit"), { kind: "final", label: `Final${e.length ? ` · ${e.join(" · ")}` : ""}` };
   }
-  return a.state === "postponed" ? { kind: "warn", label: "Postponed" } : a.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${b(a.date, { month: "short", day: "numeric" })} · ${A(a.time)}`.replace(/ · $/, "") };
+  return a.state === "postponed" ? { kind: "warn", label: "Postponed" } : a.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${$(a.date, { month: "short", day: "numeric" })} · ${L(a.time)}`.replace(/ · $/, "") };
 }
-const de = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
+const pe = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
 function x(a) {
   let e = String(a || "").replace(/^[a-z][a-z0-9+.-]*:\/\/[^/#?]*/i, "");
   const t = e.indexOf("#");
@@ -112,26 +118,26 @@ function x(a) {
   let r = e.split("?")[0] + s;
   return r = r.replace(/([^:])\/{2,}/g, "$1/").replace(/^\/{2,}/, "/"), r = r.replace(/^\/(?=#)/, ""), r.length > 1 && (r = r.replace(/\/+$/, "")), r.toLowerCase();
 }
-function Z() {
+function se() {
   const a = globalThis.location;
   if (!a) return "";
   const e = (a.hash || "").startsWith("#/") ? a.hash : "";
   return x((a.pathname || "") + e);
 }
-function he(a, e, t) {
+function fe(a, e, t) {
   if (!t) return null;
   const s = x(a);
   if (!s) return null;
   const r = x(u(e.game, { sport: t, id: "" })), o = x(u(e.school, { id: "" }));
   if (s === r || s.startsWith(`${r}/`) || s === o || s.startsWith(`${o}/`)) return null;
-  const n = x(u(e.section, { sport: t, view: "" }));
-  if (s === n) return "";
-  if (!s.startsWith(`${n}/`)) return null;
-  const i = s.slice(n.length + 1), d = i.split("/");
-  return d.length > 2 || d.some((h) => !/^[a-z][a-z-]*$/.test(h)) || de.has(d[0]) ? null : i;
+  const c = x(u(e.section, { sport: t, view: "" }));
+  if (s === c) return "";
+  if (!s.startsWith(`${c}/`)) return null;
+  const n = s.slice(c.length + 1), h = n.split("/");
+  return h.length > 2 || h.some((l) => !/^[a-z][a-z-]*$/.test(l)) || pe.has(h[0]) ? null : n;
 }
-function me(a, e, t) {
-  const s = (n) => u(t.section, { sport: a, view: n }).replace(/([^:])\/{2,}/g, "$1/"), o = new Set((e || []).map((n) => n && n.gender).filter((n) => n === "boys" || n === "girls")).size === 2 ? [
+function ue(a, e, t) {
+  const s = (c) => u(t.section, { sport: a, view: c }).replace(/([^:])\/{2,}/g, "$1/"), o = new Set((e || []).map((c) => c && c.gender).filter((c) => c === "boys" || c === "girls")).size === 2 ? [
     { label: "Boys Standings", href: s("boys/standings") },
     { label: "Girls Standings", href: s("girls/standings") }
   ] : [{ label: "Standings", href: s("standings") }];
@@ -143,28 +149,31 @@ function me(a, e, t) {
     { label: "Polls & Rankings", href: s("rankings") }
   ];
 }
-function pe(a, e = Z()) {
+function ge(a, e = se()) {
   const t = x(e);
   for (const s of a.querySelectorAll(':scope > a[slot="nav"]'))
     t && x(s.getAttribute("href")) === t ? s.setAttribute("aria-current", "page") : s.removeAttribute("aria-current");
 }
-class $ extends ae {
+class y extends te {
   static properties = {
     api: { type: String },
     refreshInterval: { type: Number, attribute: "refresh-interval" },
+    promoHref: { type: String, attribute: "promo-href" },
+    promoImage: { type: String, attribute: "promo-image" },
+    promoAlt: { type: String, attribute: "promo-alt" },
     data: { state: !0 },
     loading: { state: !0 },
     error: { state: !0 }
   };
   constructor() {
-    super(), this.api = "", this.refreshInterval = 0, this.data = null, this.loading = !1, this.error = "", this._client = null, this._refreshId = null;
+    super(), this.api = "", this.refreshInterval = 0, this.promoHref = "", this.promoImage = "", this.promoAlt = "", this.data = null, this.loading = !1, this.error = "", this._client = null, this._refreshId = null;
   }
   /** Injected client wins; otherwise build a fetch client from the api attribute. */
   set client(e) {
     this._client = e, this.isConnected && this.load();
   }
   get client() {
-    return this._client ? this._client : this.api ? ne({ baseUrl: this.api }) : null;
+    return this._client ? this._client : this.api ? le({ baseUrl: this.api }) : null;
   }
   connectedCallback() {
     super.connectedCallback(), this._setupInterval();
@@ -176,7 +185,7 @@ class $ extends ae {
     this.load();
   }
   updated(e) {
-    e.has("api") && e.get("api") !== void 0 && e.get("api") !== this.api && this.load(), e.has("refreshInterval") && this._setupInterval(), pe(this);
+    e.has("api") && e.get("api") !== void 0 && e.get("api") !== this.api && this.load(), e.has("refreshInterval") && this._setupInterval(), ge(this);
   }
   async load() {
     const e = this.client;
@@ -205,13 +214,13 @@ class $ extends ae {
     this._refreshId && (clearInterval(this._refreshId), this._refreshId = null);
   }
   render() {
-    return this.error === "not-configured" ? l`<div class="error">This component needs an <code>api</code> attribute (the api-hsot public read-surface base URL) or an injected client.</div>` : this.error ? l`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : l`<div class="loading" role="status">Loading…</div>`;
+    return this.error === "not-configured" ? i`<div class="error">This component needs an <code>api</code> attribute (the api-hsot public read-surface base URL) or an injected client.</div>` : this.error ? i`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : i`<div class="loading" role="status">Loading…</div>`;
   }
   renderView() {
-    return l``;
+    return i``;
   }
 }
-const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), fe = y`
+const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ve = b`
 	:host {
 		--hsot-red: var(--color-red, #D1232A);
 		--hsot-red-deep: var(--color-red-dark, #951C21);
@@ -249,7 +258,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), fe = y`
 		outline-offset: 1px;
 	}
 	.mut { color: var(--hsot-gray-5); }
-`, ue = y`
+`, be = b`
 	.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 {
@@ -298,8 +307,29 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), fe = y`
 	@media (max-width: 720px) {
 		.band h1, .band h2.bandtitle, .band.section h1, .band.section h2.bandtitle { font-size: 1.8rem; }
 	}
-`, ge = y`
+`, $e = b`
 	.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. */
+	.viewmain, .viewrail { min-width: 0; }
+	.view.withrail .viewrail {
+		margin-top: 2rem; padding-top: 2rem;
+		border-top: 1px solid var(--hsot-gray-2, #E5E3E1);
+	}
+	@media (min-width: 1200px) {
+		.view.withrail {
+			/* 332px = 300px rail content + the 2rem divider padding. */
+			display: grid; grid-template-columns: minmax(0, 1fr) 332px;
+			gap: 2rem; align-items: stretch;
+		}
+		.view.withrail .viewrail {
+			margin-top: 0; padding-top: 0; border-top: none;
+			padding-left: 2rem;
+			border-left: 1px solid var(--hsot-gray-2, #E5E3E1);
+		}
+	}
+	.promo { text-align: center; margin: 0 0 1.1rem; }
+	.promo img { max-width: 100%; height: auto; display: inline-block; }
 	.toolbar { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; margin: 0 0 1.1rem; }
 	.toolbar .spacer { flex: 1; }
 	.asof { font-size: 0.8125rem; color: var(--hsot-gray-5); }
@@ -341,7 +371,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), fe = y`
 	.error { padding: 1.2rem 1rem; color: var(--hsot-red-deep); font-size: 0.9rem; }
 	.note { font-size: 0.8125rem; color: var(--hsot-gray-5); margin: 0.6rem 0 0; }
 	.loading { padding: 1.2rem; color: var(--hsot-gray-5); font-family: var(--hsot-heading-font); }
-`, ve = y`
+`, ye = b`
 	.pill {
 		display: inline-block; font-family: var(--hsot-heading-font); font-weight: 700;
 		font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em;
@@ -356,7 +386,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), fe = y`
 	.pill.champ { background: var(--hsot-straw); color: #6b5900; }
 	@keyframes hsot-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }
 	@media (prefers-reduced-motion: reduce) { .pill.live { animation: none; } }
-`, be = y`
+`, we = b`
 	.tablewrap { overflow-x: auto; }
 	table.data { font-family: var(--hsot-heading-font); font-size: 14px; border-collapse: collapse; width: 100%; }
 	table.data th {
@@ -374,7 +404,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), fe = y`
 	table.data tbody tr.rowlink:hover { background: var(--hsot-gray-1); }
 	table.data td.teamcell a { color: inherit; text-decoration: none; font-weight: 500; }
 	table.data td.teamcell a:hover { text-decoration: underline; }
-`, $e = y`
+`, xe = b`
 	.swatch {
 		display: inline-flex; align-items: center; justify-content: center;
 		width: 26px; height: 26px; border-radius: 50%;
@@ -398,7 +428,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), fe = y`
 	.dot.W { background: var(--hsot-win); }
 	.dot.L { background: var(--hsot-loss); }
 	.dot.T { background: var(--hsot-tie); }
-`, ye = y`
+`, ke = b`
 	ul.gamelist { list-style: none; margin: 0; padding: 0; }
 	.gamelist li {
 		display: flex; align-items: center; gap: 0.7rem; padding: 0.55rem 1rem;
@@ -415,77 +445,77 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), fe = y`
 	.gamelist .opp a:hover { text-decoration: underline; }
 	.gamelist .where { color: var(--hsot-gray-5); font-size: 0.78rem; }
 	.gamelist a.box { font-size: 0.78rem; }
-`, F = [fe, ue, ge, ve, be, $e, ye];
-function j(a) {
+`, F = [ve, be, $e, ye, we, xe, ke];
+function q(a) {
   return a.state !== "final" ? null : a.forfeit && a.forfeit !== "none" ? a.forfeit : a.homeScore > a.awayScore ? "home" : a.awayScore > a.homeScore ? "away" : a.tiebreakWinner && a.tiebreakWinner !== "none" ? a.tiebreakWinner : "tie";
 }
 function z(a, e) {
-  const t = {}, s = (o) => (t[o] = t[o] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, t[o]), r = a.filter((o) => o.state === "final" && o.gameType !== "scrimmage" && (!e || o.date <= e)).sort((o, n) => String(o.date).localeCompare(String(n.date)));
+  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, c) => String(o.date).localeCompare(String(c.date)));
   for (const o of r) {
-    const n = j(o), i = o.gameType === "conference";
-    for (const d of ["home", "away"]) {
-      const h = d === "home" ? o.homeTeamId : o.awayTeamId;
-      if (!h) continue;
-      const c = s(h), m = d === "home" ? o.homeScore : o.awayScore, f = d === "home" ? o.awayScore : o.homeScore;
-      c.pf += m, c.pa += f;
+    const c = q(o), n = o.gameType === "conference";
+    for (const h of ["home", "away"]) {
+      const l = h === "home" ? o.homeTeamId : o.awayTeamId;
+      if (!l) continue;
+      const d = s(l), m = h === "home" ? o.homeScore : o.awayScore, f = h === "home" ? o.awayScore : o.homeScore;
+      d.pf += m, d.pa += f;
       let g = "T";
-      n === "tie" ? (c.t += 1, i && (c.ct += 1)) : n === d ? (c.w += 1, i && (c.cw += 1), g = "W") : (c.l += 1, i && (c.cl += 1), g = "L"), c.results.push({ gameId: o.id, date: o.date, mark: g, my: m, their: f, opp: d === "home" ? o.awayTeamId : o.homeTeamId, conf: i });
+      c === "tie" ? (d.t += 1, n && (d.ct += 1)) : c === h ? (d.w += 1, n && (d.cw += 1), g = "W") : (d.l += 1, n && (d.cl += 1), g = "L"), d.results.push({ gameId: o.id, date: o.date, mark: g, my: m, their: f, opp: h === "home" ? o.awayTeamId : o.homeTeamId, conf: n });
     }
   }
   return t;
 }
-function L(a) {
+function O(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 Q = (a, e, t) => {
+const Z = (a, e, t) => {
   const s = a + e + t;
   return s ? (a + t / 2) / s : 0;
-}, K = (a) => a.toFixed(3).replace("0.", ".");
+}, J = (a) => a.toFixed(3).replace("0.", ".");
 function w(a, e = !1) {
   if (!a) return "0-0";
   const t = e ? a.cw : a.w, s = e ? a.cl : a.l, r = e ? a.ct : a.t;
   return `${t}-${s}${r ? `-${r}` : ""}`;
 }
-function J(a, e) {
+function ae(a, e) {
   return a.map((t) => {
     const s = e[t.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] };
-    return { team: t, rec: s, confPct: Q(s.cw, s.cl, s.ct), overallPct: Q(s.w, s.l, s.t) };
+    return { team: t, rec: s, confPct: Z(s.cw, s.cl, s.ct), overallPct: Z(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 G(a, e) {
+function W(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 X(a, e) {
+function ee(a, e) {
   const t = a[e];
   return t && t.results.length ? t.results[t.results.length - 1] : null;
 }
-function Ee(a, e, t, s = "") {
+function Me(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 ee(a, e, t, s, r) {
+function V(a, e, t, s, r) {
   const o = e[t];
   if (!o) return null;
-  const n = /* @__PURE__ */ new Map();
-  for (const d of a || []) {
-    if (d.sport !== s || r && d.effectiveDate > r || d.gender && o.gender !== d.gender && o.gender !== "coed") continue;
-    const h = d.gender || "", c = n.get(h);
-    (!c || d.effectiveDate > c.effectiveDate) && n.set(h, d);
-  }
-  let i = null;
-  for (const d of n.values()) {
-    const h = (d.teamIds || []).indexOf(t);
-    h !== -1 && (!i || d.effectiveDate > i.effectiveDate) && (i = { poll: d, rank: h + 1 });
-  }
-  return i ? i.rank : null;
+  const c = /* @__PURE__ */ new Map();
+  for (const h of a || []) {
+    if (h.sport !== s || r && h.effectiveDate > r || h.gender && o.gender !== h.gender && o.gender !== "coed") continue;
+    const l = h.gender || "", d = c.get(l);
+    (!d || h.effectiveDate > d.effectiveDate) && c.set(l, h);
+  }
+  let n = null;
+  for (const h of c.values()) {
+    const l = (h.teamIds || []).indexOf(t);
+    l !== -1 && (!n || h.effectiveDate > n.effectiveDate) && (n = { poll: h, rank: l + 1 });
+  }
+  return n ? n.rank : null;
 }
-function we(a, e, t) {
+function Te(a, e, t) {
   if (!a) return { kind: "none", delta: 0 };
   const s = (a.teamIds || []).indexOf(t) + 1;
   if (!s) return { kind: "none", delta: 0 };
@@ -495,109 +525,121 @@ function we(a, e, t) {
   const o = r - s;
   return o > 0 ? { kind: "up", delta: o } : o < 0 ? { kind: "down", delta: -o } : { kind: "same", delta: 0 };
 }
-function xe(a) {
+function Ie(a) {
   return /^https?:\/\//i.test(String(a || ""));
 }
-function P(a, e) {
+function _(a, e) {
   const t = a?.logoAssetId;
-  if (!xe(t)) return "";
+  if (!Ie(t)) return "";
   const s = Math.max(1, Math.round(e * 2)), r = t.includes("?") ? "&" : "?";
   return `${t}${r}w=${s}&h=${s}&f=webp`;
 }
-function W(a, e, { title: t, sub: s, teams: r }) {
-  const o = Z(), i = !!a.querySelector(':scope > a[slot="nav"]') || he(o, e.hrefs, e.sport) !== null;
-  return l`
+function Y(a, e, { title: t, sub: s, teams: r }) {
+  const o = se(), n = !!a.querySelector(':scope > a[slot="nav"]') || fe(o, e.hrefs, e.sport) !== null;
+  return i`
 		<div class="band section">
 			<div class="inner">
 				<h1>${t}</h1>
-				${s ? l`<p class="sub">${s}</p>` : p}
+				${s ? i`<p class="sub">${s}</p>` : p}
 			</div>
-			${i ? l`
+			${n ? i`
 				<nav class="sectionnav" aria-label="${T(e.sport)} section">
 					<div class="navrow">
 						<slot name="nav">
-							${me(e.sport, r, e.hrefs).map((d) => l`<a href=${d.href}
-								aria-current=${o && x(d.href) === o ? "page" : p}>${d.label}</a>`)}
+							${ue(e.sport, r, e.hrefs).map((h) => i`<a href=${h.href}
+								aria-current=${o && x(h.href) === o ? "page" : p}>${h.label}</a>`)}
 						</slot>
 					</div>
 				</nav>` : p}
 		</div>
 	`;
 }
-const I = (a, e) => {
+const S = (a, e) => {
   const t = a.teamsById[e];
   return t ? a.schoolsById[t.schoolId] : null;
-}, S = (a, e) => I(a, e)?.name || "TBD", _ = (a, e) => I(a, e)?.abbr || "TBD";
+}, I = (a, e) => S(a, e)?.name || "TBD", A = (a, e) => S(a, e)?.abbr || "TBD";
 function C(a, e = 26) {
   if (!a) return p;
-  const t = P(a, e);
+  const t = _(a, e);
   if (t)
-    return l`<img class="swatch logo" aria-hidden="true" alt="" loading="lazy"
+    return i`<img class="swatch logo" aria-hidden="true" alt="" loading="lazy"
 			src=${t} style="width:${e}px;height:${e}px" />`;
-  const s = a.colorPrimary || "#030711", r = B(s);
-  return l`<span class="swatch" aria-hidden="true"
+  const s = a.colorPrimary || "#030711", r = E(s);
+  return i`<span class="swatch" aria-hidden="true"
 		style="width:${e}px;height:${e}px;background:${s};color:${r};font-size:${Math.max(8, e * 0.28)}px"
-	>${M(a)}</span>`;
+	>${G(a)}</span>`;
 }
-function q(a, e, t) {
-  const s = ee(a.rankings, a.teamsById, e, a.sport, t);
-  return s ? l`<span class="rankbadge">#${s}</span>` : p;
+function K(a, e, t) {
+  const s = V(a.rankings, a.teamsById, e, a.sport, t);
+  return s ? i`<span class="rankbadge">#${s}</span>` : p;
 }
-function H(a, e, t) {
-  const s = I(a, e);
-  return s ? l`${q(a, e, t)}<a href=${u(a.hrefs.school, { id: s.id })}>${s.name}</a>` : l`<span class="mut">TBD</span>`;
+function M(a, e, t) {
+  const s = S(a, e);
+  return s ? i`${K(a, e, t)}<a href=${u(a.hrefs.school, { id: s.id })}>${s.name}</a>` : i`<span class="mut">TBD</span>`;
 }
-function V(a, e, t = 5) {
+function Q(a, e, t = 5) {
   const s = a.records[e];
-  if (!s || !s.results.length) return l`<span class="mut">·</span>`;
+  if (!s || !s.results.length) return i`<span class="mut">·</span>`;
   const r = s.results.slice(-1 * t);
-  return l`<span class="dots" role="img" aria-label="last ${r.length} results">
-		${r.map((o) => l`<a class="dot ${o.mark}"
-			title="${o.mark} ${o.my}-${o.their} vs ${S(a, o.opp)}"
+  return i`<span class="dots" role="img" aria-label="last ${r.length} results">
+		${r.map((o) => i`<a class="dot ${o.mark}"
+			title="${o.mark} ${o.my}-${o.their} vs ${I(a, o.opp)}"
 			href=${u(a.hrefs.game, { sport: a.sport, id: o.gameId })}>${o.mark}</a>`)}
 	</span>`;
 }
+function B(a, e) {
+  return a.querySelector(':scope > [slot="rail"]') ? i`<div class="view withrail">
+		<div class="viewmain">${e}</div>
+		<aside class="viewrail"><slot name="rail"></slot></aside>
+	</div>` : i`<div class="view">${e}</div>`;
+}
+function P(a) {
+  if (!a.promoImage) return p;
+  const e = i`<img src=${a.promoImage} alt=${a.promoAlt || "Sponsor"}>`;
+  return i`<div class="promo">${a.promoHref ? i`<a href=${a.promoHref} target="_blank" rel="sponsored noopener">${e}</a>` : e}</div>`;
+}
 function R(a) {
-  const e = ce(a);
-  return l`<span class="pill ${e.kind}">${e.label}</span>`;
+  const e = me(a);
+  return i`<span class="pill ${e.kind}">${e.label}</span>`;
 }
-function te(a, e, t) {
-  if (!e) return l`<span class="mut">·</span>`;
+function re(a, e, t) {
+  if (!e) return i`<span class="mut">·</span>`;
   const s = e.homeTeamId === t ? e.awayTeamId : e.homeTeamId, r = e.homeTeamId === t ? "vs" : "at";
-  return l`${e.state === "live" ? l`<span class="pill live">Live</span> ` : l`${b(e.date, { month: "numeric", day: "numeric" })} `}${r} ${_(a, s)}`;
+  return i`${e.state === "live" ? i`<span class="pill live">Live</span> ` : i`${$(e.date, { month: "numeric", day: "numeric" })} `}${r} ${A(a, s)}`;
 }
-class ke extends $ {
+class Se extends y {
   static styles = F;
   static properties = {
-    ...$.properties,
+    ...y.properties,
     sport: { type: String },
     season: { type: String },
     date: { type: String }
   };
   constructor() {
-    super(), this.sport = "football", this.season = "", this.date = "";
+    super(), this.sport = "football", this.season = "", this.date = "", this._datePinned = !1;
   }
   connectedCallback() {
     if (super.connectedCallback(), !this.date) {
       const e = new URLSearchParams(globalThis.location?.search || "").get("date");
-      this.date = e || U();
+      e && (this.date = e);
     }
+    this._datePinned = !!this.date;
   }
   async fetchData(e) {
-    const t = this.season || E(), [s, r, o, n, i] = await Promise.all([
+    const t = this.season || N(), [s, r, o, c, n] = 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 {
+    return this._datePinned || (this.date = de(c.items.map((h) => h.date)), this._datePinned = !0), {
       season: t,
       schools: s.items,
       teams: r.items,
       conferences: o.items,
-      games: n.items,
-      rankings: i.items
+      games: c.items,
+      rankings: n.items
     };
   }
   get ctx() {
@@ -611,24 +653,30 @@ class ke extends $ {
     }, this._ctxData = this.data), this._ctx;
   }
   renderView() {
-    const e = this.ctx, t = v(this.data.conferences), s = [...new Set(this.data.games.map((n) => n.date).filter(Boolean))].sort(), r = this.data.games.filter((n) => n.date === this.date).sort((n, i) => (n.state === "live" ? -1 : 1) - (i.state === "live" ? -1 : 1)), o = /* @__PURE__ */ new Map();
-    return r.forEach((n) => {
-      const i = n.gameType === "conference" && n.conferenceId ? t[n.conferenceId]?.name || "Conference" : n.gameType === "playoff" ? "Playoffs" : n.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
-      o.has(i) || o.set(i, []), o.get(i).push(n);
-    }), l`
-			${W(this, e, {
-      title: l`${T(this.sport)} scores &amp; schedules`,
-      sub: l`${b(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${r.length} games`,
+    const e = this.ctx, t = v(this.data.conferences), s = [...new Set(this.data.games.map((l) => l.date).filter(Boolean))].sort(), r = Number.MAX_SAFE_INTEGER, o = (l) => {
+      const d = [l.awayTeamId, l.homeTeamId].map((m) => V(e.rankings, e.teamsById, m, this.sport, l.date)).filter(Boolean);
+      return d.length ? Math.min(...d) : r;
+    }, c = this.data.games.filter((l) => l.date === this.date), n = new Map(c.map((l) => [l, o(l)]));
+    c.sort((l, d) => (l.state === "live" ? 0 : 1) - (d.state === "live" ? 0 : 1) || n.get(l) - n.get(d));
+    const h = /* @__PURE__ */ new Map();
+    return c.forEach((l) => {
+      const d = l.gameType === "conference" && l.conferenceId ? t[l.conferenceId]?.name || "Conference" : l.gameType === "playoff" ? "Playoffs" : l.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
+      h.has(d) || h.set(d, []), h.get(d).push(l);
+    }), i`
+			${Y(this, e, {
+      title: i`${T(this.sport)} scores &amp; schedules`,
+      sub: i`${$(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${c.length} games`,
       teams: this.data.teams
     })}
-			<div class="view">
+			${B(this, i`
+				${P(this)}
 				<div class="toolbar">
 					<label class="asof" for="datesel">Date</label>
-					<select id="datesel" @change=${(n) => {
-      this.date = n.target.value;
+					<select id="datesel" @change=${(l) => {
+      this.date = l.target.value;
     }}>
-						${s.map((n) => l`<option value=${n} ?selected=${n === this.date}>
-							${b(n, { weekday: "short", month: "short", day: "numeric" })}${n === U() ? " · today" : ""}
+						${(s.includes(this.date) ? s : [...s, this.date].sort()).map((l) => i`<option value=${l} ?selected=${l === this.date}>
+							${$(l, { weekday: "short", month: "short", day: "numeric" })}${l === j() ? " · today" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s.indexOf(this.date) <= 0}
@@ -642,35 +690,35 @@ class ke extends $ {
 					<span class="spacer"></span>
 					<span class="asof">Live games first · report a score to see it update here</span>
 				</div>
-				${r.length ? p : l`<p class="empty">No ${this.sport} games on this date.</p>`}
-				${[...o.entries()].map(([n, i]) => l`
-					<div class="section-title">${n}</div>
+				${c.length ? p : i`<p class="empty">No ${this.sport} games on this date.</p>`}
+				${[...h.entries()].map(([l, d]) => i`
+					<div class="section-title">${l}</div>
 					<div class="card"><ul class="gamelist">
-						${i.map((d) => this.renderGame(e, d))}
+						${d.map((m) => this.renderGame(e, m))}
 					</ul></div>
 				`)}
-			</div>
+			`)}
 		`;
   }
   renderGame(e, t) {
-    const s = t.state === "final" || t.state === "live" ? `${t.awayScore}-${t.homeScore}` : A(t.time);
-    return l`
+    const s = t.state === "final" || t.state === "live" ? `${t.awayScore}-${t.homeScore}` : L(t.time);
+    return i`
 			<li>
 				${R(t)}
-				<span class="opp">${H(e, t.awayTeamId, t.date)} at ${H(e, t.homeTeamId, t.date)}</span>
+				<span class="opp">${M(e, t.awayTeamId, t.date)} at ${M(e, t.homeTeamId, t.date)}</span>
 				<span class="res" style="width:auto">${s}</span>
 				<span class="where">${t.venue || ""}</span>
-				${t.broadcast ? l`<span class="pill class">${t.broadcast}</span>` : p}
+				${t.broadcast ? i`<span class="pill class">${t.broadcast}</span>` : p}
 				<a class="box" href=${u(e.hrefs.game, { sport: this.sport, id: t.id })}>Box score →</a>
 			</li>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", ke);
-class Te extends $ {
+globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", Se);
+class Ce extends y {
   static styles = F;
   static properties = {
-    ...$.properties,
+    ...y.properties,
     sport: { type: String },
     season: { type: String },
     classFilter: { state: !0 },
@@ -680,7 +728,7 @@ class Te extends $ {
     super(), this.sport = "football", this.season = "", this.classFilter = "All", this.query = "";
   }
   async fetchData(e) {
-    const t = this.season || E(), [s, r, o, n, i] = await Promise.all([
+    const t = this.season || N(), [s, r, o, c, n] = await Promise.all([
       e.listConferences({ active: !0 }),
       e.listSchools(),
       e.listTeams({ sport: this.sport }),
@@ -692,8 +740,8 @@ class Te extends $ {
       conferences: s.items,
       schools: r.items,
       teams: o.items,
-      games: n.items,
-      rankings: i.items
+      games: c.items,
+      rankings: n.items
     };
   }
   get ctx() {
@@ -708,16 +756,17 @@ class Te extends $ {
   }
   renderView() {
     const e = this.ctx, t = ["All", ...new Set(this.data.conferences.flatMap((r) => r.classifications || []))].slice(0, 9), s = this.data.conferences.filter((r) => r.active !== !1).filter((r) => this.classFilter === "All" || (r.classifications || []).includes(this.classFilter));
-    return l`
-			${W(this, e, {
-      title: l`${T(this.sport)} standings`,
-      sub: l`${this.data.season} season · every conference, computed live from reported results`,
+    return i`
+			${Y(this, e, {
+      title: i`${T(this.sport)} standings`,
+      sub: i`${this.data.season} season · every conference, computed live from reported results`,
       teams: this.data.teams
     })}
-			<div class="view">
+			${B(this, i`
+				${P(this)}
 				<div class="toolbar">
 					<div role="group" aria-label="Classification filter">
-						${t.map((r) => l`<button class="chip ${this.classFilter === r ? "on" : ""}"
+						${t.map((r) => i`<button class="chip ${this.classFilter === r ? "on" : ""}"
 							@click=${() => {
       this.classFilter = r;
     }}>${r}</button>`)}
@@ -727,21 +776,21 @@ class Te extends $ {
       this.query = r.target.value;
     }}>
 					<span class="spacer"></span>
-					<span class="asof">Records through ${b(U(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
+					<span class="asof">Records through ${$(j(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
 				</div>
 				${s.map((r) => this.renderConference(e, r))}
-			</div>
+			`)}
 		`;
   }
   renderConference(e, t) {
-    const s = this.data.teams.filter((n) => n.conferenceId === t.id);
+    const s = this.data.teams.filter((c) => c.conferenceId === t.id);
     if (!s.length) return p;
-    const r = this.query.trim().toLowerCase(), o = J(s, e.records);
-    return l`
+    const r = this.query.trim().toLowerCase(), o = ae(s, e.records);
+    return i`
 			<div class="card">
 				<div class="card-head">
 					<h2>${t.name}</h2>
-					${(t.classifications || []).map((n) => l`<span class="pill class">${n}</span>`)}
+					${(t.classifications || []).map((c) => i`<span class="pill class">${c}</span>`)}
 					<span class="meta">${o.length} teams · membership derives from teams</span>
 				</div>
 				<div class="tablewrap"><table class="data">
@@ -751,44 +800,44 @@ class Te extends $ {
 						<th>Streak</th><th>Last 5</th><th>Next</th>
 					</tr></thead>
 					<tbody>
-						${o.map((n, i) => this.renderRow(e, n, i, r))}
+						${o.map((c, n) => this.renderRow(e, c, n, r))}
 					</tbody>
 				</table></div>
 			</div>
 		`;
   }
   renderRow(e, t, s, r) {
-    const o = e.schoolsById[t.team.schoolId], n = o?.name || t.team.name || "TBD";
-    if (r && !n.toLowerCase().includes(r)) return p;
-    const i = t.rec.pf - t.rec.pa, d = G(this.data.games, t.team.id), h = (t.team.championships || []).map((m) => l`
-			<span class="pill champ" title="${m.season} ${m.title} champion">★ ${m.season} ${m.title}</span>`), c = () => {
+    const o = e.schoolsById[t.team.schoolId], c = o?.name || t.team.name || "TBD";
+    if (r && !c.toLowerCase().includes(r)) return p;
+    const n = t.rec.pf - t.rec.pa, h = W(this.data.games, t.team.id), l = (t.team.championships || []).map((m) => i`
+			<span class="pill champ" title="${m.season} ${m.title} champion">★ ${m.season} ${m.title}</span>`), d = () => {
       location.href = u(e.hrefs.school, { id: t.team.schoolId });
     };
-    return l`
+    return i`
 			<tr class="rowlink" @click=${(m) => {
-      m.target.closest("a") || c();
+      m.target.closest("a") || d();
     }}>
 				<td class="mut">${s + 1}</td>
 				<td class="teamcell">
-					${C(o)}${q(e, t.team.id, null)}
-					<a href=${u(e.hrefs.school, { id: t.team.schoolId })}>${n}</a> ${h}
+					${C(o)}${K(e, t.team.id, null)}
+					<a href=${u(e.hrefs.school, { id: t.team.schoolId })}>${c}</a> ${l}
 				</td>
 				<td class="num">${w(t.rec, !0)}</td>
-				<td class="num">${K(t.confPct)}</td>
+				<td class="num">${J(t.confPct)}</td>
 				<td class="num">${w(t.rec)}</td>
-				<td class="num">${K(t.overallPct)}</td>
+				<td class="num">${J(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>${L(t.rec.results) || "·"}</td>
-				<td>${V(e, t.team.id)}</td>
-				<td>${te(e, d, t.team.id)}</td>
+				<td class="num" style="color:${n >= 0 ? "var(--hsot-win)" : "var(--hsot-loss)"}">${n > 0 ? "+" : ""}${n}</td>
+				<td>${O(t.rec.results) || "·"}</td>
+				<td>${Q(e, t.team.id)}</td>
+				<td>${re(e, h, t.team.id)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Te);
-const Se = y`
+globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Ce);
+const De = b`
 	.hero1 {
 		border-radius: var(--hsot-radius-md); color: var(--hsot-white);
 		padding: 1.3rem 1.4rem; display: flex; align-items: center; gap: 1.2rem;
@@ -805,10 +854,10 @@ const Se = y`
 	.delta.new { background: var(--hsot-straw); color: #6b5900; border-radius: var(--hsot-radius-xs); padding: 0.1rem 0.3rem; font-size: 0.7rem; }
 	.sparkline { vertical-align: middle; }
 `;
-class Ie extends $ {
-  static styles = [...F, Se];
+class Fe extends y {
+  static styles = [...F, De];
   static properties = {
-    ...$.properties,
+    ...y.properties,
     sport: { type: String },
     gender: { type: String },
     season: { type: String },
@@ -823,20 +872,20 @@ class Ie extends $ {
     e && (this.pollDate = e);
   }
   async fetchData(e) {
-    const t = this.season || E(), [s, r, o, n, i] = await Promise.all([
+    const t = this.season || N(), [s, r, o, c, n] = 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 })
-    ]), d = s.items.filter((h) => !this.gender || !h.gender || h.gender === this.gender).sort((h, c) => c.effectiveDate.localeCompare(h.effectiveDate));
+    ]), h = s.items.filter((l) => !this.gender || !l.gender || l.gender === this.gender).sort((l, d) => d.effectiveDate.localeCompare(l.effectiveDate));
     return {
       season: t,
-      polls: d,
+      polls: h,
       schools: r.items,
       teams: o.items,
-      conferences: n.items,
-      games: i.items
+      conferences: c.items,
+      games: n.items
     };
   }
   get ctx() {
@@ -850,45 +899,46 @@ class Ie extends $ {
     }, this._ctxData = this.data), this._ctx;
   }
   sparkline(e, t, s) {
-    const i = t.map((m, f) => {
+    const n = t.map((m, f) => {
       const g = (m.teamIds || []).indexOf(e);
       if (g === -1) return null;
-      const k = t.length === 1 ? 96 / 2 : f / (t.length - 1) * 90 + 3, N = 3 + g / 24 * 20;
-      return { x: k, y: N };
-    }), d = [];
-    let h = [];
-    if (i.forEach((m) => {
-      m ? h.push(m) : h.length && (d.push(h), h = []);
-    }), h.length && d.push(h), !d.length) return p;
-    const c = i[s];
-    return l`<svg class="sparkline" width=${96} height=${26} viewBox="0 0 ${96} ${26}" role="img" aria-label="rank history">
-			${d.map((m) => Y`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
+      const k = t.length === 1 ? 96 / 2 : f / (t.length - 1) * 90 + 3, H = 3 + g / 24 * 20;
+      return { x: k, y: H };
+    }), h = [];
+    let l = [];
+    if (n.forEach((m) => {
+      m ? l.push(m) : l.length && (h.push(l), l = []);
+    }), l.length && h.push(l), !h.length) return p;
+    const d = n[s];
+    return i`<svg class="sparkline" width=${96} height=${26} viewBox="0 0 ${96} ${26}" role="img" aria-label="rank history">
+			${h.map((m) => X`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
 				points=${m.map((f) => `${f.x.toFixed(1)},${f.y.toFixed(1)}`).join(" ")}></polyline>`)}
-			${c ? Y`<circle cx=${c.x.toFixed(1)} cy=${c.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : p}
+			${d ? X`<circle cx=${d.x.toFixed(1)} cy=${d.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : p}
 		</svg>`;
   }
   movement(e, t, s) {
-    const r = we(e, t, s);
-    return r.kind === "up" ? l`<span class="delta up">▲ ${r.delta}</span>` : r.kind === "down" ? l`<span class="delta down">▼ ${r.delta}</span>` : r.kind === "new" ? l`<span class="delta new">NEW</span>` : r.kind === "same" ? l`<span class="delta same">—</span>` : l`<span class="delta same">·</span>`;
+    const r = Te(e, t, s);
+    return r.kind === "up" ? i`<span class="delta up">▲ ${r.delta}</span>` : r.kind === "down" ? i`<span class="delta down">▼ ${r.delta}</span>` : r.kind === "new" ? i`<span class="delta new">NEW</span>` : r.kind === "same" ? i`<span class="delta same">—</span>` : i`<span class="delta same">·</span>`;
   }
   renderView() {
     const e = this.ctx, t = this.data.polls;
-    if (!t.length) return l`<div class="view"><p class="empty">No ${this.sport} polls published yet this season.</p></div>`;
-    const s = Math.max(0, t.findIndex((m) => m.effectiveDate === this.pollDate)), r = t[s] || t[0], o = t[s + 1] || null, n = t.slice().reverse(), i = n.indexOf(r), d = v(this.data.conferences), h = (r.teamIds || [])[0], c = h ? I(e, h) : null;
-    return l`
-			${W(this, e, {
-      title: l`${T(this.sport)} Top 25`,
-      sub: l`The HighSchoolOT poll · updated weekly · ${t.length} polls this season`,
+    if (!t.length) return i`<div class="view"><p class="empty">No ${this.sport} polls published yet this season.</p></div>`;
+    const s = Math.max(0, t.findIndex((m) => m.effectiveDate === this.pollDate)), r = t[s] || t[0], o = t[s + 1] || null, c = t.slice().reverse(), n = c.indexOf(r), h = v(this.data.conferences), l = (r.teamIds || [])[0], d = l ? S(e, l) : null;
+    return i`
+			${Y(this, e, {
+      title: i`${T(this.sport)} Top 25`,
+      sub: i`The HighSchoolOT poll · updated weekly · ${t.length} polls this season`,
       teams: this.data.teams
     })}
-			<div class="view">
+			${B(this, i`
+				${P(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) => l`<option value=${m.effectiveDate} ?selected=${m === r}>
-							${b(m.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
+						${t.map((m, f) => i`<option value=${m.effectiveDate} ?selected=${m === r}>
+							${$(m.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s >= t.length - 1}
@@ -902,65 +952,65 @@ class Ie extends $ {
 					<span class="spacer"></span>
 					<span class="asof">Movement vs. the previous poll · sparkline = season rank history</span>
 				</div>
-				${c ? this.renderHero(e, r, o, h, c, d) : p}
+				${d ? this.renderHero(e, r, o, l, d, 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>
-						${(r.teamIds || []).map((m, f) => f === 0 || !m ? p : this.renderRow(e, r, o, n, i, d, m, f + 1))}
+						${(r.teamIds || []).map((m, f) => f === 0 || !m ? p : this.renderRow(e, r, o, c, n, 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>
-			</div>
+			`)}
 		`;
   }
-  renderHero(e, t, s, r, o, n) {
-    const i = e.records[r], d = X(e.records, r), h = n[e.teamsById[r]?.conferenceId], c = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
-    return l`
-			<div class="hero1" style="background:${c}">
+  renderHero(e, t, s, r, o, c) {
+    const n = e.records[r], h = ee(e.records, r), l = c[e.teamsById[r]?.conferenceId], d = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
+    return i`
+			<div class="hero1" style="background:${d}">
 				<div class="bigrank">#1</div>
 				${C(o, 64)}
 				<div>
 					<h2><a href=${u(e.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
 					<div class="facts">
-						${w(i)} overall${h ? l` · ${w(i, !0)} ${h.name}` : p}
-						· streak ${L(i?.results) || "·"}
-						${d ? l` · last: ${d.mark} ${d.my}-${d.their} vs ${_(e, d.opp)}` : p}
+						${w(n)} overall${l ? i` · ${w(n, !0)} ${l.name}` : p}
+						· streak ${O(n?.results) || "·"}
+						${h ? i` · last: ${h.mark} ${h.my}-${h.their} vs ${A(e, h.opp)}` : p}
 						&nbsp;${this.movement(t, s, r)}
 					</div>
 				</div>
 			</div>
 		`;
   }
-  renderRow(e, t, s, r, o, n, i, d) {
-    const h = I(e, i);
-    if (!h) return p;
-    const c = e.records[i], m = X(e.records, i), f = G(this.data.games, i), g = n[e.teamsById[i]?.conferenceId], k = () => {
-      location.href = u(e.hrefs.school, { id: h.id });
+  renderRow(e, t, s, r, o, c, n, h) {
+    const l = S(e, n);
+    if (!l) return p;
+    const d = e.records[n], m = ee(e.records, n), f = W(this.data.games, n), g = c[e.teamsById[n]?.conferenceId], k = () => {
+      location.href = u(e.hrefs.school, { id: l.id });
     };
-    return l`
-			<tr class="rowlink" @click=${(N) => {
-      N.target.closest("a") || k();
+    return i`
+			<tr class="rowlink" @click=${(H) => {
+      H.target.closest("a") || k();
     }}>
-				<td class="num" style="font-weight:700">${d}</td>
-				<td>${this.movement(t, s, i)}</td>
-				<td class="teamcell">${C(h)}<a href=${u(e.hrefs.school, { id: h.id })}>${h.name}</a>
-					<span class="mut" style="font-size:0.78rem">${h.mascot || ""}</span></td>
-				<td class="num">${w(c)}</td>
+				<td class="num" style="font-weight:700">${h}</td>
+				<td>${this.movement(t, s, n)}</td>
+				<td class="teamcell">${C(l)}<a href=${u(e.hrefs.school, { id: l.id })}>${l.name}</a>
+					<span class="mut" style="font-size:0.78rem">${l.mascot || ""}</span></td>
+				<td class="num">${w(d)}</td>
 				<td class="mut">${g?.name || "Independent"}</td>
-				<td>${m ? l`<a class="box" style="text-decoration:none" href=${u(e.hrefs.game, { sport: this.sport, id: m.gameId })}>
+				<td>${m ? i`<a class="box" style="text-decoration:none" href=${u(e.hrefs.game, { sport: this.sport, id: m.gameId })}>
 					<b style="color:${m.mark === "W" ? "var(--hsot-win)" : m.mark === "L" ? "var(--hsot-loss)" : "var(--hsot-tie)"}">${m.mark}</b>
-					${m.my}-${m.their} vs ${_(e, m.opp)}</a>` : l`<span class="mut">·</span>`}</td>
-				<td>${te(e, f, i)}</td>
-				<td>${this.sparkline(i, r, o)}</td>
+					${m.my}-${m.their} vs ${A(e, m.opp)}</a>` : i`<span class="mut">·</span>`}</td>
+				<td>${re(e, f, n)}</td>
+				<td>${this.sparkline(n, r, o)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", Ie);
-const Ce = y`
+globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", Fe);
+const ze = b`
 	.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 {
@@ -985,10 +1035,10 @@ const Ce = y`
 	.cols { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 1.25rem; }
 	@media (max-width: 900px) { .cols { grid-template-columns: 1fr; } .schoolhero h1 { font-size: 1.9rem; } }
 `;
-class De extends $ {
-  static styles = [...F, Ce];
+class Be extends y {
+  static styles = [...F, ze];
   static properties = {
-    ...$.properties,
+    ...y.properties,
     schoolId: { type: String, attribute: "school-id" },
     sport: { type: String },
     season: { type: String },
@@ -1003,26 +1053,26 @@ class De extends $ {
     e && !this.sport && (this.sport = e);
   }
   async fetchData(e) {
-    const t = this.season || E(), s = await e.getSchool(this.schoolId), o = (await e.listTeams({ schoolId: this.schoolId })).items, n = o.find((k) => k.sport === (this.sport || "football")) || o[0] || null, [i, d, h, c, m, f, g] = await Promise.all([
-      n ? e.listGames({ sport: n.sport, season: t }) : Promise.resolve({ items: [] }),
-      n ? e.listTeams({ sport: n.sport }) : Promise.resolve({ items: [] }),
+    const t = this.season || N(), s = await e.getSchool(this.schoolId), o = (await e.listTeams({ schoolId: this.schoolId })).items, c = o.find((k) => k.sport === (this.sport || "football")) || o[0] || null, [n, h, l, d, m, f, g] = await Promise.all([
+      c ? e.listGames({ sport: c.sport, season: t }) : Promise.resolve({ items: [] }),
+      c ? e.listTeams({ sport: c.sport }) : Promise.resolve({ items: [] }),
       e.listSchools(),
       e.listConferences(),
-      n ? e.listRankings({ sport: n.sport }) : Promise.resolve({ items: [] }),
-      n ? e.listRosters({ teamId: n.id }) : Promise.resolve({ items: [] }),
+      c ? e.listRankings({ sport: c.sport }) : Promise.resolve({ items: [] }),
+      c ? e.listRosters({ teamId: c.id }) : Promise.resolve({ items: [] }),
       // teamId is the public surface's one players filter (roster
       // membership) — never fetch the whole collection.
-      n ? e.listPlayers({ teamId: n.id }) : Promise.resolve({ items: [] })
+      c ? e.listPlayers({ teamId: c.id }) : Promise.resolve({ items: [] })
     ]);
     return {
       season: t,
       school: s,
       teams: o,
-      active: n,
-      games: i.items,
-      allTeams: d.items,
-      schools: h.items,
-      conferences: c.items,
+      active: c,
+      games: n.items,
+      allTeams: h.items,
+      schools: l.items,
+      conferences: d.items,
       rankings: m.items,
       roster: f.items.find((k) => k.season === t) || null,
       players: g.items
@@ -1043,61 +1093,62 @@ class De extends $ {
   }
   renderView() {
     const { school: e, teams: t, active: s, season: r } = this.data;
-    if (!e) return l`<div class="view"><p class="empty">School not found.</p></div>`;
-    const o = this.ctx, n = B(e.colorPrimary || "#030711"), i = (e.adm || [])[0], d = v(this.data.conferences), h = s ? d[s.conferenceId] : null;
-    return l`
-			<div class="schoolhero" style="background:linear-gradient(115deg, ${e.colorPrimary || "#030711"} 0%, ${e.colorPrimary || "#030711"} 55%, var(--hsot-black) 100%);color:${n}">
+    if (!e) return i`<div class="view"><p class="empty">School not found.</p></div>`;
+    const o = this.ctx, c = E(e.colorPrimary || "#030711"), n = (e.adm || [])[0], h = v(this.data.conferences), l = s ? h[s.conferenceId] : null;
+    return i`
+			<div class="schoolhero" style="background:linear-gradient(115deg, ${e.colorPrimary || "#030711"} 0%, ${e.colorPrimary || "#030711"} 55%, var(--hsot-black) 100%);color:${c}">
 				<div class="inner">
-					${P(e, 84) ? l`<img class="crest logo" alt="" loading="lazy" src=${P(e, 84)} />` : l`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${B(e.colorSecondary || "#7C7C7C")}">${M(e)}</div>`}
+					${_(e, 84) ? i`<img class="crest logo" alt="" loading="lazy" src=${_(e, 84)} />` : i`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${E(e.colorSecondary || "#7C7C7C")}">${G(e)}</div>`}
 					<div style="min-width:260px">
 						<h1>${e.name} <span class="mascot">${e.mascot || ""}</span></h1>
 						<div class="facts">
-							${e.location ? l`<span><b>Location</b>${e.location}${e.county ? l` · ${e.county} County` : p}</span>` : p}
-							${e.association ? l`<span><b>League</b>${e.association}${e.classification ? l` · ${e.classification}` : p}</span>` : p}
-							${h ? l`<span><b>Conference</b>${h.name}</span>` : p}
-							${i ? l`<span><b>Enrollment</b>${i.value.toLocaleString()} (${i.season} ADM)</span>` : p}
-							${e.openingYear ? l`<span><b>Opened</b>${e.openingYear}</span>` : p}
-							${e.areaCode ? l`<span><b>Area</b>${e.areaCode}</span>` : p}
-							${e.tagSlug ? l`<span><b>Tag</b>#${e.tagSlug}</span>` : p}
+							${e.location ? i`<span><b>Location</b>${e.location}${e.county ? i` · ${e.county} County` : p}</span>` : p}
+							${e.association ? i`<span><b>League</b>${e.association}${e.classification ? i` · ${e.classification}` : p}</span>` : p}
+							${l ? i`<span><b>Conference</b>${l.name}</span>` : p}
+							${n ? i`<span><b>Enrollment</b>${n.value.toLocaleString()} (${n.season} ADM)</span>` : p}
+							${e.openingYear ? i`<span><b>Opened</b>${e.openingYear}</span>` : p}
+							${e.areaCode ? i`<span><b>Area</b>${e.areaCode}</span>` : p}
+							${e.tagSlug ? i`<span><b>Tag</b>#${e.tagSlug}</span>` : p}
 						</div>
 					</div>
 				</div>
 			</div>
 			<div class="band">
 				<nav class="tabs" aria-label="Teams">
-					${t.map((c) => c.id === s?.id ? l`<a class="on" href="#" @click=${(m) => m.preventDefault()}>${c.name}</a>` : l`<a href="#" @click=${(m) => {
-      m.preventDefault(), this.switchSport(c.sport);
-    }}>${c.name}</a>`)}
+					${t.map((d) => d.id === s?.id ? i`<a class="on" href="#" @click=${(m) => m.preventDefault()}>${d.name}</a>` : i`<a href="#" @click=${(m) => {
+      m.preventDefault(), this.switchSport(d.sport);
+    }}>${d.name}</a>`)}
 				</nav>
 			</div>
-			<div class="view">
-				${s ? this.renderTeam(o, s, h, r) : l`<p class="empty">No teams recorded for this school yet.</p>`}
-			</div>
+			${B(this, i`
+				${P(this)}
+				${s ? this.renderTeam(o, s, l, r) : i`<p class="empty">No teams recorded for this school yet.</p>`}
+			`)}
 		`;
   }
   renderTeam(e, t, s, r) {
-    const o = e.records[t.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, n = o.w + o.l + o.t, i = s ? this.data.allTeams.filter((m) => m.conferenceId === s.id) : [], d = s ? J(i, e.records).findIndex((m) => m.team.id === t.id) + 1 : 0, h = ee(e.rankings, e.teamsById, t.id, t.sport, null), c = this.data.games.filter((m) => m.homeTeamId === t.id || m.awayTeamId === t.id).sort((m, f) => String(m.date).localeCompare(String(f.date)));
-    return l`
+    const o = e.records[t.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, c = o.w + o.l + o.t, n = s ? this.data.allTeams.filter((m) => m.conferenceId === s.id) : [], h = s ? ae(n, e.records).findIndex((m) => m.team.id === t.id) + 1 : 0, l = V(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)));
+    return i`
 			<div class="tiles">
-				<div class="tile"><div class="k">Overall</div><div class="v">${w(o)}</div><div class="s">${n} games played</div></div>
+				<div class="tile"><div class="k">Overall</div><div class="v">${w(o)}</div><div class="s">${c} games played</div></div>
 				<div class="tile"><div class="k">${s?.name || "Conference"}</div><div class="v">${w(o, !0)}</div>
-					<div class="s">${d ? `${le(d)} of ${i.length}` : "·"}</div></div>
-				<div class="tile"><div class="k">Points</div><div class="v">${n ? (o.pf / n).toFixed(1) : "0.0"}</div>
-					<div class="s">scored per game · ${n ? (o.pa / n).toFixed(1) : "0.0"} allowed</div></div>
-				<div class="tile"><div class="k">Streak</div><div class="v">${L(o.results) || "·"}</div>
-					<div class="s">last 5: ${V(e, t.id)}</div></div>
-				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${h ? `#${h}` : "NR"}</div>
+					<div class="s">${h ? `${he(h)} of ${n.length}` : "·"}</div></div>
+				<div class="tile"><div class="k">Points</div><div class="v">${c ? (o.pf / c).toFixed(1) : "0.0"}</div>
+					<div class="s">scored per game · ${c ? (o.pa / c).toFixed(1) : "0.0"} allowed</div></div>
+				<div class="tile"><div class="k">Streak</div><div class="v">${O(o.results) || "·"}</div>
+					<div class="s">last 5: ${Q(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=${u(e.hrefs.section, { sport: t.sport, view: "rankings" })}>full poll</a></div></div>
 			</div>
-			${(t.championships || []).length ? l`
+			${(t.championships || []).length ? i`
 				<div style="margin:-0.2rem 0 1rem;display:flex;gap:0.4rem;flex-wrap:wrap">
-					${t.championships.map((m) => l`<span class="pill champ">★ ${m.season} ${m.title} champion${m.classification ? ` · ${m.classification}` : ""}${m.region ? ` · ${m.region}` : ""}</span>`)}
+					${t.championships.map((m) => i`<span class="pill champ">★ ${m.season} ${m.title} champion${m.classification ? ` · ${m.classification}` : ""}${m.region ? ` · ${m.region}` : ""}</span>`)}
 				</div>` : p}
 			<div class="cols">
 				<div>
 					<div class="section-title">Schedule &amp; results</div>
 					<div class="card">
-						${c.length ? l`<ul class="gamelist">${c.map((m) => this.renderGameRow(e, t, m))}</ul>` : l`<p class="empty">No ${t.sport} games recorded for ${r}.</p>`}
+						${d.length ? i`<ul class="gamelist">${d.map((m) => this.renderGameRow(e, t, m))}</ul>` : i`<p class="empty">No ${t.sport} games recorded for ${r}.</p>`}
 					</div>
 				</div>
 				<div>
@@ -1108,21 +1159,21 @@ class De extends $ {
 		`;
   }
   renderGameRow(e, t, s) {
-    const r = s.homeTeamId === t.id, o = r ? s.awayTeamId : s.homeTeamId, n = r ? s.homeScore : s.awayScore, i = r ? s.awayScore : s.homeScore;
-    let d = l`<span class="mut">${A(s.time)}</span>`;
+    const r = s.homeTeamId === t.id, o = r ? s.awayTeamId : s.homeTeamId, c = r ? s.homeScore : s.awayScore, n = r ? s.awayScore : s.homeScore;
+    let h = i`<span class="mut">${L(s.time)}</span>`;
     if (s.state === "final") {
-      const c = j(s), m = c === "tie" ? "T" : c === (r ? "home" : "away") ? "W" : "L";
-      d = l`<span class=${m}>${m}</span> ${n}-${i}${s.finish === "overtime" ? l` <span class="mut">OT</span>` : p}${s.forfeit && s.forfeit !== "none" ? l` <span class="mut">FF</span>` : p}`;
-    } else s.state === "live" && (d = l`<span style="color:var(--hsot-red)">${n}-${i}</span>`);
-    const h = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
-    return l`
+      const d = q(s), m = d === "tie" ? "T" : d === (r ? "home" : "away") ? "W" : "L";
+      h = i`<span class=${m}>${m}</span> ${c}-${n}${s.finish === "overtime" ? i` <span class="mut">OT</span>` : p}${s.forfeit && s.forfeit !== "none" ? i` <span class="mut">FF</span>` : p}`;
+    } else s.state === "live" && (h = i`<span style="color:var(--hsot-red)">${c}-${n}</span>`);
+    const l = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
+    return i`
 			<li>
-				<span class="d">${b(s.date)}</span>
+				<span class="d">${$(s.date)}</span>
 				${R(s)}
-				<span class="res">${d}</span>
-				<span class="opp">${r ? "vs" : "at"} ${H(e, o, s.date)}
-					<span class="pill type">${h}</span>
-					${s.broadcast ? l`<span class="pill class">${s.broadcast}</span>` : p}
+				<span class="res">${h}</span>
+				<span class="opp">${r ? "vs" : "at"} ${M(e, o, s.date)}
+					<span class="pill type">${l}</span>
+					${s.broadcast ? i`<span class="pill class">${s.broadcast}</span>` : p}
 				</span>
 				<span class="where">${s.venue || ""}</span>
 				<a class="box" href=${u(e.hrefs.game, { sport: t.sport, id: s.id })}>Box score →</a>
@@ -1132,21 +1183,21 @@ class De extends $ {
   renderRoster(e) {
     const t = this.data.roster;
     if (!t)
-      return l`<p class="empty">Roster not published for ${e}.</p>`;
-    const s = v(this.data.players), r = t.entries.slice().sort((o, n) => (o.number || 0) - (n.number || 0));
-    return l`
+      return i`<p class="empty">Roster not published for ${e}.</p>`;
+    const s = v(this.data.players), r = t.entries.slice().sort((o, c) => (o.number || 0) - (c.number || 0));
+    return i`
 			<div class="tablewrap"><table class="data">
 				<thead><tr><th class="num">No.</th><th>Player</th><th>Pos</th><th>Class</th><th class="num">Ht</th><th class="num">Wt</th></tr></thead>
 				<tbody>
 					${r.map((o) => {
-      const n = s[o.playerId];
-      return n ? l`<tr>
+      const c = s[o.playerId];
+      return c ? i`<tr>
 							<td class="num mut">${o.number ?? "·"}</td>
-							<td style="font-weight:500">${n.firstName} ${n.lastName}</td>
+							<td style="font-weight:500">${c.firstName} ${c.lastName}</td>
 							<td>${o.position || "·"}</td>
-							<td class="mut">${n.classOf || "·"}</td>
-							<td class="num">${ie(n.heightIn)}</td>
-							<td class="num">${n.weightLb || "·"}</td>
+							<td class="mut">${c.classOf || "·"}</td>
+							<td class="num">${ce(c.heightIn)}</td>
+							<td class="num">${c.weightLb || "·"}</td>
 						</tr>` : p;
     })}
 				</tbody>
@@ -1154,16 +1205,16 @@ class De extends $ {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", De);
-const Fe = "https://api.wral.com/search";
-function ze(a) {
+globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", Be);
+const Pe = "https://api.wral.com/search";
+function Ee(a) {
   return a.map((e) => `uri:"${e}"`).join(" OR ");
 }
-function Be(a, e) {
-  const t = String(a || Fe).replace(/\/+$/, ""), s = new URLSearchParams({ query: ze(e), sort: "score", lang: "en" });
+function _e(a, e) {
+  const t = String(a || Pe).replace(/\/+$/, ""), s = new URLSearchParams({ query: Ee(e), sort: "score", lang: "en" });
   return `${t}/v1/query?${s}`;
 }
-function se(a) {
+function oe(a) {
   try {
     const e = new URL(a);
     if (/(^|\.)smugmug\.com$/i.test(e.hostname)) {
@@ -1178,13 +1229,13 @@ function se(a) {
   }
   return { uri: a, title: a };
 }
-async function Pe(a, e, t) {
-  const r = await ((...i) => fetch(...i))(Be(a, e));
+async function Ae(a, e, t) {
+  const r = await ((...n) => fetch(...n))(_e(a, e));
   if (!r.ok) throw new Error(`search answered ${r.status}`);
-  const o = await r.json(), n = new Map((o.items || []).map((i) => [i.uri, i]));
-  return e.map((i) => n.get(i) || se(i));
+  const o = await r.json(), c = new Map((o.items || []).map((n) => [n.uri, n]));
+  return e.map((n) => c.get(n) || oe(n));
 }
-const _e = y`
+const Re = b`
 	.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; }
@@ -1223,10 +1274,10 @@ const _e = y`
 		.cols { grid-template-columns: 1fr; }
 	}
 `;
-class Re extends $ {
-  static styles = [...F, _e];
+class Le extends y {
+  static styles = [...F, Re];
   static properties = {
-    ...$.properties,
+    ...y.properties,
     gameId: { type: String, attribute: "game-id" },
     // The public site search that resolves Game.coverageUrls into cards
     // (DEV-1236). Shared cross-stage by design — see the studio host's
@@ -1238,7 +1289,7 @@ class Re extends $ {
     super(), this.gameId = "", this.searchApi = "";
   }
   async fetchData(e) {
-    const t = await e.getGame(this.gameId), s = Array.isArray(t.coverageUrls) ? t.coverageUrls : [], [r, o, n, i, d, h] = await Promise.all([
+    const t = await e.getGame(this.gameId), s = Array.isArray(t.coverageUrls) ? t.coverageUrls : [], [r, o, c, n, h, l] = await Promise.all([
       e.listSchools(),
       e.listTeams({ sport: t.sport }),
       e.listConferences(),
@@ -1246,16 +1297,16 @@ class Re extends $ {
       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 ? Pe(this.searchApi, s).catch(() => s.map(se)) : Promise.resolve([])
+      s.length ? Ae(this.searchApi, s).catch(() => s.map(oe)) : Promise.resolve([])
     ]);
     return {
       game: t,
       schools: r.items,
       teams: o.items,
-      conferences: n.items,
-      rankings: i.items,
-      games: d.items,
-      coverage: h
+      conferences: c.items,
+      rankings: n.items,
+      games: h.items,
+      coverage: l
     };
   }
   get ctx() {
@@ -1270,49 +1321,50 @@ class Re extends $ {
   }
   renderView() {
     const e = this.data.game;
-    if (!e) return l`<div class="view"><p class="empty">Game not found.</p></div>`;
-    const t = this.ctx, s = v(this.data.conferences), r = t.teamsById[e.awayTeamId] ? t.schoolsById[t.teamsById[e.awayTeamId].schoolId] : null, o = t.teamsById[e.homeTeamId] ? t.schoolsById[t.teamsById[e.homeTeamId].schoolId] : null, n = j(e), i = (c) => e.state === "final" && n !== c && n !== "tie" ? "opacity:0.45" : "", d = e.conferenceId ? s[e.conferenceId] : null, h = this.data.games.filter((c) => c.id !== e.id && c.state === "final" && c.gameType !== "scrimmage" && (c.homeTeamId === e.homeTeamId && c.awayTeamId === e.awayTeamId || c.homeTeamId === e.awayTeamId && c.awayTeamId === e.homeTeamId));
-    return l`
-			<div class="view">
+    if (!e) return i`<div class="view"><p class="empty">Game not found.</p></div>`;
+    const t = this.ctx, s = v(this.data.conferences), r = t.teamsById[e.awayTeamId] ? t.schoolsById[t.teamsById[e.awayTeamId].schoolId] : null, o = t.teamsById[e.homeTeamId] ? t.schoolsById[t.teamsById[e.homeTeamId].schoolId] : null, c = q(e), n = (d) => e.state === "final" && c !== d && c !== "tie" ? "opacity:0.45" : "", h = e.conferenceId ? s[e.conferenceId] : null, l = 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));
+    return i`
+			${B(this, i`
+				${P(this)}
 				<p class="breadcrumbs">
 					<a href=${u(t.hrefs.section, { sport: e.sport, view: "scores" })}>${T(e.sport)}</a> /
 					<a href=${u(t.hrefs.section, { sport: e.sport, view: "scores" })}>Scores/Schedules</a> /
-					${S(t, e.awayTeamId)} at ${S(t, e.homeTeamId)}
+					${I(t, e.awayTeamId)} at ${I(t, e.homeTeamId)}
 				</p>
 				<div class="card">
 					<div class="scorehead">
 						${this.teamBlock(t, e, e.awayTeamId, r, !1)}
 						<div class="mid">
 							<div class="bigscore">
-								<span style=${i("away")}>${e.awayScore}</span>
+								<span style=${n("away")}>${e.awayScore}</span>
 								<span class="mut" style="font-size:1.6rem">–</span>
-								<span style=${i("home")}>${e.homeScore}</span>
+								<span style=${n("home")}>${e.homeScore}</span>
 							</div>
 							<div class="status">${R(e)}</div>
-							<div class="status">${b(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? l` · ${A(e.time)}` : p} · ${e.venue || "Venue TBD"}
-								${e.broadcast ? l` · <span class="pill class">${e.broadcast}</span>` : p}</div>
+							<div class="status">${$(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? i` · ${L(e.time)}` : p} · ${e.venue || "Venue TBD"}
+								${e.broadcast ? i` · <span class="pill class">${e.broadcast}</span>` : p}</div>
 							<div class="status">
-								<span class="pill type">${e.gameType === "conference" ? `${d?.name || "Conference"} game` : e.gameType}</span>
-								${e.label ? l`<span class="pill type">Bracket ${e.label}</span>` : p}
-								${(e.tags || []).map((c) => l`<span class="pill type">${c}</span>`)}
+								<span class="pill type">${e.gameType === "conference" ? `${h?.name || "Conference"} game` : e.gameType}</span>
+								${e.label ? i`<span class="pill type">Bracket ${e.label}</span>` : p}
+								${(e.tags || []).map((d) => i`<span class="pill type">${d}</span>`)}
 							</div>
 						</div>
 						${this.teamBlock(t, e, e.homeTeamId, o, !0)}
 					</div>
 					${this.renderLineScore(e, r, o)}
-					${e.notes ? l`<p class="note" style="padding:0 1rem 0.9rem;text-align:center">${e.notes}</p>` : p}
+					${e.notes ? i`<p class="note" style="padding:0 1rem 0.9rem;text-align:center">${e.notes}</p>` : p}
 				</div>
-				${(this.data.coverage || []).length ? l`
+				${(this.data.coverage || []).length ? i`
 					<div class="section-title">Coverage</div>
 					<div class="covgrid">
-						${this.data.coverage.map((c) => l`
-							<a class="card covcard" href=${c.uri}>
-								${c.image ? l`<img class="covimg" src=${c.image} alt="" loading="lazy" />` : p}
+						${this.data.coverage.map((d) => i`
+							<a class="card covcard" href=${d.uri}>
+								${d.image ? i`<img class="covimg" src=${d.image} alt="" loading="lazy" />` : p}
 								<div class="covbody">
-									<div class="covtitle">${c.videoDuration ? l`<span class="pill live" style="animation:none">Video</span> ` : p}${c.photos ? l`<span class="pill live" style="animation:none">Photos</span> ` : p}${c.title || c.uri}</div>
-									${c.description ? l`<p class="covdesc">${c.description}</p>` : p}
-									${c.author || c.publishedTime ? l`
-										<div class="covmeta">${[c.author, c.publishedTime ? new Date(c.publishedTime).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : ""].filter(Boolean).join(" · ")}</div>
+									<div class="covtitle">${d.videoDuration ? i`<span class="pill live" style="animation:none">Video</span> ` : p}${d.photos ? i`<span class="pill live" style="animation:none">Photos</span> ` : p}${d.title || d.uri}</div>
+									${d.description ? i`<p class="covdesc">${d.description}</p>` : p}
+									${d.author || d.publishedTime ? i`
+										<div class="covmeta">${[d.author, d.publishedTime ? new Date(d.publishedTime).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : ""].filter(Boolean).join(" · ")}</div>
 									` : p}
 								</div>
 							</a>
@@ -1320,29 +1372,29 @@ class Re extends $ {
 					</div>` : p}
 				<div class="section-title">Season context</div>
 				<div class="cols">
-					${[[e.awayTeamId, r], [e.homeTeamId, o]].map(([c, m]) => this.renderContext(t, c, m))}
+					${[[e.awayTeamId, r], [e.homeTeamId, o]].map(([d, m]) => this.renderContext(t, d, m))}
 				</div>
-				${h.length ? l`
+				${l.length ? i`
 					<div class="section-title">Head to head this season</div>
 					<div class="card"><ul class="gamelist">
-						${h.map((c) => l`<li>
-							<span class="d">${b(c.date)}</span>${R(c)}
-							<span class="opp">${S(t, c.awayTeamId)} ${c.awayScore}, ${S(t, c.homeTeamId)} ${c.homeScore}</span>
-							<a class="box" href=${u(t.hrefs.game, { sport: e.sport, id: c.id })}>Box score →</a>
+						${l.map((d) => i`<li>
+							<span class="d">${$(d.date)}</span>${R(d)}
+							<span class="opp">${I(t, d.awayTeamId)} ${d.awayScore}, ${I(t, d.homeTeamId)} ${d.homeScore}</span>
+							<a class="box" href=${u(t.hrefs.game, { sport: e.sport, id: d.id })}>Box score →</a>
 						</li>`)}
 					</ul></div>` : p}
-			</div>
+			`)}
 		`;
   }
   teamBlock(e, t, s, r, o) {
-    if (!r) return l`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
-    const n = e.teamsById[s], i = e.records[s], d = P(r, 58);
-    return l`
+    if (!r) return i`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
+    const c = e.teamsById[s], n = e.records[s], h = _(r, 58);
+    return i`
 			<div class="teamblock ${o ? "right" : ""}">
-				${d ? l`<img class="crest logo" alt="" loading="lazy" src=${d} />` : l`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${B(r.colorPrimary || "#030711")}">${M(r)}</span>`}
+				${h ? i`<img class="crest logo" alt="" loading="lazy" src=${h} />` : i`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${E(r.colorPrimary || "#030711")}">${G(r)}</span>`}
 				<div>
-					<div class="tname">${q(e, s, t.date)}<a href=${u(e.hrefs.school, { id: r.id })}>${r.name}</a></div>
-					<div class="trec">${r.mascot || ""} · ${w(i)}${n?.conferenceId ? l` · ${w(i, !0)} conf` : p}</div>
+					<div class="tname">${K(e, s, t.date)}<a href=${u(e.hrefs.school, { id: r.id })}>${r.name}</a></div>
+					<div class="trec">${r.mascot || ""} · ${w(n)}${c?.conferenceId ? i` · ${w(n, !0)} conf` : p}</div>
 				</div>
 			</div>
 		`;
@@ -1350,23 +1402,23 @@ class Re extends $ {
   renderLineScore(e, t, s) {
     const r = e.periodScores || [];
     if (!r.length)
-      return l`<p class="empty" style="text-align:center">Period scoring will appear once the game starts.</p>`;
-    const o = Math.max(4, ...r.map((h) => h.period)), n = (h) => h <= 4 ? String(h) : `OT${h > 5 ? h - 4 : ""}`, i = (h, c) => {
-      const m = r.find((f) => f.period === c);
-      return m ? m[h] : e.state === "final" ? 0 : "·";
-    }, d = (h, c, m) => l`
+      return i`<p class="empty" style="text-align:center">Period scoring will appear once the game starts.</p>`;
+    const o = Math.max(4, ...r.map((l) => l.period)), c = (l) => l <= 4 ? String(l) : `OT${l > 5 ? l - 4 : ""}`, n = (l, d) => {
+      const m = r.find((f) => f.period === d);
+      return m ? m[l] : e.state === "final" ? 0 : "·";
+    }, h = (l, d, m) => i`
 			<tr>
-				<td class="teamcell">${C(h, 20)}${h?.abbr || "TBD"}</td>
-				${Array.from({ length: o }, (f, g) => l`<td class="num">${i(c, g + 1)}</td>`)}
+				<td class="teamcell">${C(l, 20)}${l?.abbr || "TBD"}</td>
+				${Array.from({ length: o }, (f, g) => i`<td class="num">${n(d, g + 1)}</td>`)}
 				<td class="num" style="font-weight:700">${m}</td>
 			</tr>`;
-    return l`
+    return i`
 			<div class="tablewrap" style="border-top:1px solid var(--hsot-gray-2)">
 				<table class="data" style="max-width:560px;margin:0.6rem auto 0.9rem">
-					<thead><tr><th>Team</th>${Array.from({ length: o }, (h, c) => l`<th class="num">${n(c + 1)}</th>`)}<th class="num">T</th></tr></thead>
+					<thead><tr><th>Team</th>${Array.from({ length: o }, (l, d) => i`<th class="num">${c(d + 1)}</th>`)}<th class="num">T</th></tr></thead>
 					<tbody>
-						${d(t, "away", e.awayScore)}
-						${d(s, "home", e.homeScore)}
+						${h(t, "away", e.awayScore)}
+						${h(s, "home", e.homeScore)}
 					</tbody>
 				</table>
 			</div>
@@ -1374,37 +1426,217 @@ class Re extends $ {
   }
   renderContext(e, t, s) {
     if (!s) return p;
-    const r = e.records[t], o = G(this.data.games, t);
-    return l`
+    const r = e.records[t], o = W(this.data.games, t);
+    return i`
 			<div class="card ctxcard">
 				<div class="who">${C(s)}${s.name}</div>
 				<div class="row">
-					<span>Last 5: ${V(e, t)}</span>
-					<span>Streak: <b>${r ? L(r.results) : "·"}</b></span>
+					<span>Last 5: ${Q(e, t)}</span>
+					<span>Streak: <b>${r ? O(r.results) : "·"}</b></span>
 					<span>PF/PA: <b>${r ? `${r.pf} / ${r.pa}` : "·"}</b></span>
-					<span>Next: ${o ? l`${b(o.date, { month: "numeric", day: "numeric" })}
-						${o.homeTeamId === t ? "vs" : "at"} ${_(e, o.homeTeamId === t ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
+					<span>Next: ${o ? i`${$(o.date, { month: "numeric", day: "numeric" })}
+						${o.homeTeamId === t ? "vs" : "at"} ${A(e, o.homeTeamId === t ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
 				</div>
 			</div>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", Re);
+globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", Le);
+const Ne = 250, Oe = 2;
+class He extends te {
+  static properties = {
+    api: { type: String },
+    schoolHref: { type: String, attribute: "school-href" },
+    limit: { type: Number },
+    placeholder: { type: String },
+    results: { state: !0 },
+    open: { state: !0 },
+    activeIndex: { state: !0 },
+    searched: { state: !0 }
+  };
+  static styles = b`
+		:host {
+			display: block;
+			position: relative;
+			font-family: var(--font-family, sans-serif);
+		}
+		input {
+			width: 100%;
+			box-sizing: border-box;
+			padding: 0.625rem 0.75rem;
+			font-size: 1rem;
+			font-family: inherit;
+			color: var(--color-black, #000);
+			background: var(--color-white, #fff);
+			border: 1px solid var(--color-gray-4, #ccc);
+			border-bottom: 3px solid var(--color-red, #b90100);
+			border-radius: 2px;
+		}
+		input:focus {
+			outline: 2px solid var(--color-red, #b90100);
+			outline-offset: -1px;
+		}
+		ul {
+			position: absolute;
+			z-index: 10;
+			left: 0;
+			right: 0;
+			margin: 0;
+			padding: 0;
+			list-style: none;
+			max-height: 20rem;
+			overflow-y: auto;
+			background: var(--color-white, #fff);
+			border: 1px solid var(--color-gray-4, #ccc);
+			border-top: none;
+			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+		}
+		li {
+			padding: 0.5rem 0.75rem;
+			cursor: pointer;
+		}
+		li[aria-selected="true"], li:hover {
+			background: var(--color-gray-1, #f9f9f9);
+		}
+		li .name {
+			font-weight: 700;
+			color: var(--color-black, #000);
+		}
+		li .where {
+			display: block;
+			font-size: 0.8rem;
+			color: var(--color-gray-5, #666);
+		}
+		li.empty {
+			cursor: default;
+			color: var(--color-gray-5, #666);
+		}
+		li.empty:hover {
+			background: none;
+		}
+	`;
+  constructor() {
+    super(), this.api = "https://api.highschoolot.com/hsot/v1/public", this.schoolHref = "/school/{id}/", this.limit = 10, this.placeholder = "Find Your School", this.results = [], this.open = !1, this.activeIndex = -1, this.searched = !1;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), clearTimeout(this.debounceTimer), this.abortController?.abort();
+  }
+  onInput(e) {
+    const t = e.target.value.trim();
+    if (clearTimeout(this.debounceTimer), t.length < Oe) {
+      this.abortController?.abort(), this.results = [], this.open = !1, this.searched = !1;
+      return;
+    }
+    this.debounceTimer = setTimeout(() => this.search(t), Ne);
+  }
+  async search(e) {
+    this.abortController?.abort(), this.abortController = new AbortController();
+    try {
+      const t = `${this.api}/schools?q=${encodeURIComponent(e)}&limit=${this.limit}`, s = await fetch(t, {
+        signal: this.abortController.signal
+      });
+      if (!s.ok)
+        return;
+      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);
+    }
+  }
+  onKeyDown(e) {
+    if (e.key === "Escape") {
+      this.open = !1;
+      return;
+    }
+    if (!(!this.open || !this.results.length))
+      if (e.key === "ArrowDown")
+        e.preventDefault(), this.activeIndex = (this.activeIndex + 1) % this.results.length;
+      else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        const t = this.results.length;
+        this.activeIndex = (this.activeIndex - 1 + t) % t;
+      } else e.key === "Enter" && (e.preventDefault(), this.go(this.results[this.activeIndex] || this.results[0]));
+  }
+  onBlur() {
+    setTimeout(() => {
+      this.open = !1;
+    }, 150);
+  }
+  onFocus() {
+    this.results.length && (this.open = !0);
+  }
+  go(e) {
+    e && (globalThis.location.href = this.schoolHref.replace("{id}", e.id));
+  }
+  where(e) {
+    return [e.location, e.county && `${e.county} County`].filter(Boolean).join(" — ");
+  }
+  renderOption(e, t) {
+    const s = this.where(e), r = (o) => {
+      o.preventDefault(), this.go(e);
+    };
+    return i`
+			<li
+				id="school-option-${t}"
+				role="option"
+				aria-selected="${t === this.activeIndex ? "true" : "false"}"
+				@pointerdown="${r}"
+				@mousemove="${() => {
+      this.activeIndex = t;
+    }}"
+			>
+				<span class="name">${e.name}</span>
+				${s ? i`<span class="where">${s}</span>` : p}
+			</li>
+		`;
+  }
+  renderListbox() {
+    const e = this.searched && !this.results.length, t = i`<li class="empty">No schools found</li>`;
+    return i`
+			<ul id="school-search-listbox" role="listbox" aria-label="Schools">
+				${this.results.map((s, r) => this.renderOption(s, r))}
+				${e ? t : p}
+			</ul>
+		`;
+  }
+  render() {
+    const e = this.activeIndex >= 0 ? `school-option-${this.activeIndex}` : "";
+    return i`
+			<input
+				type="text"
+				role="combobox"
+				aria-label="Find your school"
+				aria-expanded="${this.open ? "true" : "false"}"
+				aria-controls="school-search-listbox"
+				aria-activedescendant="${e}"
+				autocomplete="off"
+				placeholder="${this.placeholder}"
+				@input="${this.onInput}"
+				@keydown="${this.onKeyDown}"
+				@blur="${this.onBlur}"
+				@focus="${this.onFocus}"
+			>
+			${this.open ? this.renderListbox() : p}
+		`;
+  }
+}
+globalThis?.customElements && !globalThis.customElements.get("hsot-school-search") && globalThis.customElements.define("hsot-school-search", He);
 export {
-  O as D,
-  Re as H,
-  Ie as a,
-  De as b,
-  ke as c,
-  Te as d,
-  z as e,
-  ne as f,
-  u as g,
-  j as h,
-  Ee as i,
-  L as j,
-  we as p,
+  U as D,
+  Le as H,
+  Fe as a,
+  Be as b,
+  He as c,
+  Se as d,
+  Ce as e,
+  z as f,
+  le as g,
+  u as h,
+  q as i,
+  Me as j,
+  O as k,
+  Te as p,
   w as r,
-  J as s,
-  ee as t
+  ae as s,
+  V as t
 };