@wral/hsot-data 0.1.4 → 0.1.6

package/dist/define.standalone.js

@@ -1,15 +1,15 @@
-const j = globalThis, nt = j.ShadowRoot && (j.ShadyCSS === void 0 || j.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, lt = /* @__PURE__ */ Symbol(), $t = /* @__PURE__ */ new WeakMap();
-let Dt = class {
+const V = globalThis, ct = V.ShadowRoot && (V.ShadyCSS === void 0 || V.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ht = /* @__PURE__ */ Symbol(), xt = /* @__PURE__ */ new WeakMap();
+let Nt = class {
   constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== lt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== ht) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (nt && t === void 0) {
+    if (ct && t === void 0) {
       const s = e !== void 0 && e.length === 1;
-      s && (t = $t.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && $t.set(e, t));
+      s && (t = xt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && xt.set(e, t));
     }
     return t;
   }
@@ -17,101 +17,101 @@ let Dt = class {
     return this.cssText;
   }
 };
-const Yt = (a) => new Dt(typeof a == "string" ? a : a + "", void 0, lt), w = (a, ...t) => {
-  const e = a.length === 1 ? a[0] : t.reduce((s, r, o) => s + ((i) => {
+const te = (r) => new Nt(typeof r == "string" ? r : r + "", void 0, ht), b = (r, ...t) => {
+  const e = r.length === 1 ? r[0] : t.reduce((s, a, o) => s + ((i) => {
     if (i._$cssResult$ === !0) return i.cssText;
     if (typeof i == "number") return i;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(r) + a[o + 1], a[0]);
-  return new Dt(e, a, lt);
-}, Zt = (a, t) => {
-  if (nt) a.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  })(a) + r[o + 1], r[0]);
+  return new Nt(e, r, ht);
+}, ee = (r, t) => {
+  if (ct) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const s = document.createElement("style"), r = j.litNonce;
-    r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, a.appendChild(s);
+    const s = document.createElement("style"), a = V.litNonce;
+    a !== void 0 && s.setAttribute("nonce", a), s.textContent = e.cssText, r.appendChild(s);
   }
-}, vt = nt ? (a) => a : (a) => a instanceof CSSStyleSheet ? ((t) => {
+}, kt = ct ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
-  return Yt(e);
-})(a) : a;
-const { is: Kt, defineProperty: Qt, getOwnPropertyDescriptor: Jt, getOwnPropertyNames: Xt, getOwnPropertySymbols: te, getPrototypeOf: ee } = Object, Z = globalThis, yt = Z.trustedTypes, se = yt ? yt.emptyScript : "", ae = Z.reactiveElementPolyfillSupport, D = (a, t) => a, rt = { toAttribute(a, t) {
+  return te(e);
+})(r) : r;
+const { is: se, defineProperty: re, getOwnPropertyDescriptor: ae, getOwnPropertyNames: oe, getOwnPropertySymbols: ie, getPrototypeOf: ne } = Object, X = globalThis, _t = X.trustedTypes, le = _t ? _t.emptyScript : "", ce = X.reactiveElementPolyfillSupport, B = (r, t) => r, nt = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
-      a = a ? se : null;
+      r = r ? le : null;
       break;
     case Object:
     case Array:
-      a = a == null ? a : JSON.stringify(a);
+      r = r == null ? r : JSON.stringify(r);
   }
-  return a;
-}, fromAttribute(a, t) {
-  let e = a;
+  return r;
+}, fromAttribute(r, t) {
+  let e = r;
   switch (t) {
     case Boolean:
-      e = a !== null;
+      e = r !== null;
       break;
     case Number:
-      e = a === null ? null : Number(a);
+      e = r === null ? null : Number(r);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(a);
+        e = JSON.parse(r);
       } catch {
         e = null;
       }
   }
   return e;
-} }, Rt = (a, t) => !Kt(a, t), bt = { attribute: !0, type: String, converter: rt, reflect: !1, useDefault: !1, hasChanged: Rt };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), Z.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let T = class extends HTMLElement {
+} }, Ot = (r, t) => !se(r, t), St = { attribute: !0, type: String, converter: nt, reflect: !1, useDefault: !1, hasChanged: Ot };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), X.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let I = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = bt) {
+  static createProperty(t, e = St) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
-      const s = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, s, e);
-      r !== void 0 && Qt(this.prototype, t, r);
+      const s = /* @__PURE__ */ Symbol(), a = this.getPropertyDescriptor(t, s, e);
+      a !== void 0 && re(this.prototype, t, a);
     }
   }
   static getPropertyDescriptor(t, e, s) {
-    const { get: r, set: o } = Jt(this.prototype, t) ?? { get() {
+    const { get: a, set: o } = ae(this.prototype, t) ?? { get() {
       return this[e];
     }, set(i) {
       this[e] = i;
     } };
-    return { get: r, set(i) {
-      const n = r?.call(this);
+    return { get: a, set(i) {
+      const n = a?.call(this);
       o?.call(this, i), this.requestUpdate(t, n, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? bt;
+    return this.elementProperties.get(t) ?? St;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(D("elementProperties"))) return;
-    const t = ee(this);
+    if (this.hasOwnProperty(B("elementProperties"))) return;
+    const t = ne(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(D("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(D("properties"))) {
-      const e = this.properties, s = [...Xt(e), ...te(e)];
-      for (const r of s) this.createProperty(r, e[r]);
+    if (this.hasOwnProperty(B("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(B("properties"))) {
+      const e = this.properties, s = [...oe(e), ...ie(e)];
+      for (const a of s) this.createProperty(a, e[a]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [s, r] of e) this.elementProperties.set(s, r);
+      if (e !== void 0) for (const [s, a] of e) this.elementProperties.set(s, a);
     }
     this._$Eh = /* @__PURE__ */ new Map();
     for (const [e, s] of this.elementProperties) {
-      const r = this._$Eu(e, s);
-      r !== void 0 && this._$Eh.set(r, e);
+      const a = this._$Eu(e, s);
+      a !== void 0 && this._$Eh.set(a, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
@@ -119,8 +119,8 @@ let T = class extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const s = new Set(t.flat(1 / 0).reverse());
-      for (const r of s) e.unshift(vt(r));
-    } else t !== void 0 && e.push(vt(t));
+      for (const a of s) e.unshift(kt(a));
+    } else t !== void 0 && e.push(kt(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -146,7 +146,7 @@ let T = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Zt(t, this.constructor.elementStyles), t;
+    return ee(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
@@ -160,31 +160,31 @@ let T = class extends HTMLElement {
     this._$AK(t, s);
   }
   _$ET(t, e) {
-    const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
-    if (r !== void 0 && s.reflect === !0) {
-      const o = (s.converter?.toAttribute !== void 0 ? s.converter : rt).toAttribute(e, s.type);
-      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+    const s = this.constructor.elementProperties.get(t), a = this.constructor._$Eu(t, s);
+    if (a !== void 0 && s.reflect === !0) {
+      const o = (s.converter?.toAttribute !== void 0 ? s.converter : nt).toAttribute(e, s.type);
+      this._$Em = t, o == null ? this.removeAttribute(a) : this.setAttribute(a, o), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    const s = this.constructor, r = s._$Eh.get(t);
-    if (r !== void 0 && this._$Em !== r) {
-      const o = s.getPropertyOptions(r), i = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : rt;
-      this._$Em = r;
+    const s = this.constructor, a = s._$Eh.get(t);
+    if (a !== void 0 && this._$Em !== a) {
+      const o = s.getPropertyOptions(a), i = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : nt;
+      this._$Em = a;
       const n = i.fromAttribute(e, o.type);
-      this[r] = n ?? this._$Ej?.get(r) ?? n, this._$Em = null;
+      this[a] = n ?? this._$Ej?.get(a) ?? n, this._$Em = null;
     }
   }
-  requestUpdate(t, e, s, r = !1, o) {
+  requestUpdate(t, e, s, a = !1, o) {
     if (t !== void 0) {
       const i = this.constructor;
-      if (r === !1 && (o = this[t]), s ??= i.getPropertyOptions(t), !((s.hasChanged ?? Rt)(o, e) || s.useDefault && s.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, s)))) return;
+      if (a === !1 && (o = this[t]), s ??= i.getPropertyOptions(t), !((s.hasChanged ?? Ot)(o, e) || s.useDefault && s.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, s)))) return;
       this.C(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: s, reflect: r, wrapped: o }, i) {
-    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, i ?? e ?? this[t]), o !== !0 || i !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  C(t, e, { useDefault: s, reflect: a, wrapped: o }, i) {
+    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, i ?? e ?? this[t]), o !== !0 || i !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), a === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -203,13 +203,13 @@ let T = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [r, o] of this._$Ep) this[r] = o;
+        for (const [a, o] of this._$Ep) this[a] = o;
         this._$Ep = void 0;
       }
       const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [r, o] of s) {
-        const { wrapped: i } = o, n = this[r];
-        i !== !0 || this._$AL.has(r) || n === void 0 || this.C(r, void 0, o, n);
+      if (s.size > 0) for (const [a, o] of s) {
+        const { wrapped: i } = o, n = this[a];
+        i !== !0 || this._$AL.has(a) || n === void 0 || this.C(a, void 0, o, n);
       }
     }
     let t = !1;
@@ -246,70 +246,70 @@ let T = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[D("elementProperties")] = /* @__PURE__ */ new Map(), T[D("finalized")] = /* @__PURE__ */ new Map(), ae?.({ ReactiveElement: T }), (Z.reactiveElementVersions ??= []).push("2.1.2");
-const ct = globalThis, wt = (a) => a, W = ct.trustedTypes, xt = W ? W.createPolicy("lit-html", { createHTML: (a) => a }) : void 0, zt = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, Bt = "?" + _, re = `<${Bt}>`, A = document, z = () => A.createComment(""), B = (a) => a === null || typeof a != "object" && typeof a != "function", dt = Array.isArray, oe = (a) => dt(a) || typeof a?.[Symbol.iterator] == "function", st = `[ 	
-\f\r]`, E = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _t = /-->/g, kt = />/g, k = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), St = /'/g, At = /"/g, Ut = /^(?:script|style|textarea|title)$/i, Ot = (a) => (t, ...e) => ({ _$litType$: a, strings: t, values: e }), d = Ot(1), Tt = Ot(2), C = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), Ct = /* @__PURE__ */ new WeakMap(), S = A.createTreeWalker(A, 129);
-function Ft(a, t) {
-  if (!dt(a) || !a.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return xt !== void 0 ? xt.createHTML(t) : t;
+I.elementStyles = [], I.shadowRootOptions = { mode: "open" }, I[B("elementProperties")] = /* @__PURE__ */ new Map(), I[B("finalized")] = /* @__PURE__ */ new Map(), ce?.({ ReactiveElement: I }), (X.reactiveElementVersions ??= []).push("2.1.2");
+const dt = globalThis, At = (r) => r, Y = dt.trustedTypes, Tt = Y ? Y.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Ut = "$lit$", k = `lit$${Math.random().toFixed(9).slice(2)}$`, Ht = "?" + k, he = `<${Ht}>`, T = document, F = () => T.createComment(""), N = (r) => r === null || typeof r != "object" && typeof r != "function", pt = Array.isArray, de = (r) => pt(r) || typeof r?.[Symbol.iterator] == "function", ot = `[ 	
+\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, It = /-->/g, Et = />/g, S = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ct = /'/g, Pt = /"/g, Mt = /^(?:script|style|textarea|title)$/i, Lt = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), l = Lt(1), Dt = Lt(2), C = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), Rt = /* @__PURE__ */ new WeakMap(), A = T.createTreeWalker(T, 129);
+function jt(r, t) {
+  if (!pt(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Tt !== void 0 ? Tt.createHTML(t) : t;
 }
-const ie = (a, t) => {
-  const e = a.length - 1, s = [];
-  let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = E;
+const pe = (r, t) => {
+  const e = r.length - 1, s = [];
+  let a, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = R;
   for (let n = 0; n < e; n++) {
-    const c = a[n];
-    let p, l, h = -1, f = 0;
-    for (; f < c.length && (i.lastIndex = f, l = i.exec(c), l !== null); ) f = i.lastIndex, i === E ? l[1] === "!--" ? i = _t : l[1] !== void 0 ? i = kt : l[2] !== void 0 ? (Ut.test(l[2]) && (r = RegExp("</" + l[2], "g")), i = k) : l[3] !== void 0 && (i = k) : i === k ? l[0] === ">" ? (i = r ?? E, h = -1) : l[1] === void 0 ? h = -2 : (h = i.lastIndex - l[2].length, p = l[1], i = l[3] === void 0 ? k : l[3] === '"' ? At : St) : i === At || i === St ? i = k : i === _t || i === kt ? i = E : (i = k, r = void 0);
-    const u = i === k && a[n + 1].startsWith("/>") ? " " : "";
-    o += i === E ? c + re : h >= 0 ? (s.push(p), c.slice(0, h) + zt + c.slice(h) + _ + u) : c + _ + (h === -2 ? n : u);
+    const d = r[n];
+    let c, h, p = -1, f = 0;
+    for (; f < d.length && (i.lastIndex = f, h = i.exec(d), h !== null); ) f = i.lastIndex, i === R ? h[1] === "!--" ? i = It : h[1] !== void 0 ? i = Et : h[2] !== void 0 ? (Mt.test(h[2]) && (a = RegExp("</" + h[2], "g")), i = S) : h[3] !== void 0 && (i = S) : i === S ? h[0] === ">" ? (i = a ?? R, p = -1) : h[1] === void 0 ? p = -2 : (p = i.lastIndex - h[2].length, c = h[1], i = h[3] === void 0 ? S : h[3] === '"' ? Pt : Ct) : i === Pt || i === Ct ? i = S : i === It || i === Et ? i = R : (i = S, a = void 0);
+    const u = i === S && r[n + 1].startsWith("/>") ? " " : "";
+    o += i === R ? d + he : p >= 0 ? (s.push(c), d.slice(0, p) + Ut + d.slice(p) + k + u) : d + k + (p === -2 ? n : u);
   }
-  return [Ft(a, o + (a[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  return [jt(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-class U {
+class O {
   constructor({ strings: t, _$litType$: e }, s) {
-    let r;
+    let a;
     this.parts = [];
     let o = 0, i = 0;
-    const n = t.length - 1, c = this.parts, [p, l] = ie(t, e);
-    if (this.el = U.createElement(p, s), S.currentNode = this.el.content, e === 2 || e === 3) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
+    const n = t.length - 1, d = this.parts, [c, h] = pe(t, e);
+    if (this.el = O.createElement(c, s), A.currentNode = this.el.content, e === 2 || e === 3) {
+      const p = this.el.content.firstChild;
+      p.replaceWith(...p.childNodes);
     }
-    for (; (r = S.nextNode()) !== null && c.length < n; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(zt)) {
-          const f = l[i++], u = r.getAttribute(h).split(_), v = /([.?@])?(.*)/.exec(f);
-          c.push({ type: 1, index: o, name: v[2], strings: u, ctor: v[1] === "." ? le : v[1] === "?" ? ce : v[1] === "@" ? de : K }), r.removeAttribute(h);
-        } else h.startsWith(_) && (c.push({ type: 6, index: o }), r.removeAttribute(h));
-        if (Ut.test(r.tagName)) {
-          const h = r.textContent.split(_), f = h.length - 1;
+    for (; (a = A.nextNode()) !== null && d.length < n; ) {
+      if (a.nodeType === 1) {
+        if (a.hasAttributes()) for (const p of a.getAttributeNames()) if (p.endsWith(Ut)) {
+          const f = h[i++], u = a.getAttribute(p).split(k), $ = /([.?@])?(.*)/.exec(f);
+          d.push({ type: 1, index: o, name: $[2], strings: u, ctor: $[1] === "." ? fe : $[1] === "?" ? ue : $[1] === "@" ? ge : tt }), a.removeAttribute(p);
+        } else p.startsWith(k) && (d.push({ type: 6, index: o }), a.removeAttribute(p));
+        if (Mt.test(a.tagName)) {
+          const p = a.textContent.split(k), f = p.length - 1;
           if (f > 0) {
-            r.textContent = W ? W.emptyScript : "";
-            for (let u = 0; u < f; u++) r.append(h[u], z()), S.nextNode(), c.push({ type: 2, index: ++o });
-            r.append(h[f], z());
+            a.textContent = Y ? Y.emptyScript : "";
+            for (let u = 0; u < f; u++) a.append(p[u], F()), A.nextNode(), d.push({ type: 2, index: ++o });
+            a.append(p[f], F());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === Bt) c.push({ type: 2, index: o });
+      } else if (a.nodeType === 8) if (a.data === Ht) d.push({ type: 2, index: o });
       else {
-        let h = -1;
-        for (; (h = r.data.indexOf(_, h + 1)) !== -1; ) c.push({ type: 7, index: o }), h += _.length - 1;
+        let p = -1;
+        for (; (p = a.data.indexOf(k, p + 1)) !== -1; ) d.push({ type: 7, index: o }), p += k.length - 1;
       }
       o++;
     }
   }
   static createElement(t, e) {
-    const s = A.createElement("template");
+    const s = T.createElement("template");
     return s.innerHTML = t, s;
   }
 }
-function I(a, t, e = a, s) {
+function P(r, t, e = r, s) {
   if (t === C) return t;
-  let r = s !== void 0 ? e._$Co?.[s] : e._$Cl;
-  const o = B(t) ? void 0 : t._$litDirective$;
-  return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(a), r._$AT(a, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = r : e._$Cl = r), r !== void 0 && (t = I(a, r._$AS(a, t.values), r, s)), t;
+  let a = s !== void 0 ? e._$Co?.[s] : e._$Cl;
+  const o = N(t) ? void 0 : t._$litDirective$;
+  return a?.constructor !== o && (a?._$AO?.(!1), o === void 0 ? a = void 0 : (a = new o(r), a._$AT(r, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = a : e._$Cl = a), a !== void 0 && (t = P(r, a._$AS(r, t.values), a, s)), t;
 }
-class ne {
+class me {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -320,29 +320,29 @@ class ne {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, r = (t?.creationScope ?? A).importNode(e, !0);
-    S.currentNode = r;
-    let o = S.nextNode(), i = 0, n = 0, c = s[0];
-    for (; c !== void 0; ) {
-      if (i === c.index) {
-        let p;
-        c.type === 2 ? p = new N(o, o.nextSibling, this, t) : c.type === 1 ? p = new c.ctor(o, c.name, c.strings, this, t) : c.type === 6 && (p = new he(o, this, t)), this._$AV.push(p), c = s[++n];
+    const { el: { content: e }, parts: s } = this._$AD, a = (t?.creationScope ?? T).importNode(e, !0);
+    A.currentNode = a;
+    let o = A.nextNode(), i = 0, n = 0, d = s[0];
+    for (; d !== void 0; ) {
+      if (i === d.index) {
+        let c;
+        d.type === 2 ? c = new M(o, o.nextSibling, this, t) : d.type === 1 ? c = new d.ctor(o, d.name, d.strings, this, t) : d.type === 6 && (c = new ve(o, this, t)), this._$AV.push(c), d = s[++n];
       }
-      i !== c?.index && (o = S.nextNode(), i++);
+      i !== d?.index && (o = A.nextNode(), i++);
     }
-    return S.currentNode = A, r;
+    return A.currentNode = T, a;
   }
   p(t) {
     let e = 0;
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
   }
 }
-class N {
+class M {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(t, e, s, r) {
-    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = r, this._$Cv = r?.isConnected ?? !0;
+  constructor(t, e, s, a) {
+    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = a, this._$Cv = a?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -356,7 +356,7 @@ class N {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = I(this, t, e), B(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : oe(t) ? this.k(t) : this._(t);
+    t = P(this, t, e), N(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : de(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -365,63 +365,63 @@ class N {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== m && B(this._$AH) ? this._$AA.nextSibling.data = t : this.T(A.createTextNode(t)), this._$AH = t;
+    this._$AH !== m && N(this._$AH) ? this._$AA.nextSibling.data = t : this.T(T.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = U.createElement(Ft(s.h, s.h[0]), this.options)), s);
-    if (this._$AH?._$AD === r) this._$AH.p(e);
+    const { values: e, _$litType$: s } = t, a = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = O.createElement(jt(s.h, s.h[0]), this.options)), s);
+    if (this._$AH?._$AD === a) this._$AH.p(e);
     else {
-      const o = new ne(r, this), i = o.u(this.options);
+      const o = new me(a, this), i = o.u(this.options);
       o.p(e), this.T(i), this._$AH = o;
     }
   }
   _$AC(t) {
-    let e = Ct.get(t.strings);
-    return e === void 0 && Ct.set(t.strings, e = new U(t)), e;
+    let e = Rt.get(t.strings);
+    return e === void 0 && Rt.set(t.strings, e = new O(t)), e;
   }
   k(t) {
-    dt(this._$AH) || (this._$AH = [], this._$AR());
+    pt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let s, r = 0;
-    for (const o of t) r === e.length ? e.push(s = new N(this.O(z()), this.O(z()), this, this.options)) : s = e[r], s._$AI(o), r++;
-    r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
+    let s, a = 0;
+    for (const o of t) a === e.length ? e.push(s = new M(this.O(F()), this.O(F()), this, this.options)) : s = e[a], s._$AI(o), a++;
+    a < e.length && (this._$AR(s && s._$AB.nextSibling, a), e.length = a);
   }
   _$AR(t = this._$AA.nextSibling, e) {
     for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
-      const s = wt(t).nextSibling;
-      wt(t).remove(), t = s;
+      const s = At(t).nextSibling;
+      At(t).remove(), t = s;
     }
   }
   setConnected(t) {
     this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
 }
-class K {
+class tt {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, s, r, o) {
-    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = m;
+  constructor(t, e, s, a, o) {
+    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = t, this.name = e, this._$AM = a, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = m;
   }
-  _$AI(t, e = this, s, r) {
+  _$AI(t, e = this, s, a) {
     const o = this.strings;
     let i = !1;
-    if (o === void 0) t = I(this, t, e, 0), i = !B(t) || t !== this._$AH && t !== C, i && (this._$AH = t);
+    if (o === void 0) t = P(this, t, e, 0), i = !N(t) || t !== this._$AH && t !== C, i && (this._$AH = t);
     else {
       const n = t;
-      let c, p;
-      for (t = o[0], c = 0; c < o.length - 1; c++) p = I(this, n[s + c], e, c), p === C && (p = this._$AH[c]), i ||= !B(p) || p !== this._$AH[c], p === m ? t = m : t !== m && (t += (p ?? "") + o[c + 1]), this._$AH[c] = p;
+      let d, c;
+      for (t = o[0], d = 0; d < o.length - 1; d++) c = P(this, n[s + d], e, d), c === C && (c = this._$AH[d]), i ||= !N(c) || c !== this._$AH[d], c === m ? t = m : t !== m && (t += (c ?? "") + o[d + 1]), this._$AH[d] = c;
     }
-    i && !r && this.j(t);
+    i && !a && this.j(t);
   }
   j(t) {
     t === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class le extends K {
+class fe extends tt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -429,7 +429,7 @@ class le extends K {
     this.element[this.name] = t === m ? void 0 : t;
   }
 }
-class ce extends K {
+class ue extends tt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -437,20 +437,20 @@ class ce extends K {
     this.element.toggleAttribute(this.name, !!t && t !== m);
   }
 }
-class de extends K {
-  constructor(t, e, s, r, o) {
-    super(t, e, s, r, o), this.type = 5;
+class ge extends tt {
+  constructor(t, e, s, a, o) {
+    super(t, e, s, a, o), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = I(this, t, e, 0) ?? m) === C) return;
-    const s = this._$AH, r = t === m && s !== m || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== m && (s === m || r);
-    r && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = P(this, t, e, 0) ?? m) === C) return;
+    const s = this._$AH, a = t === m && s !== m || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== m && (s === m || a);
+    a && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class he {
+class ve {
   constructor(t, e, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
   }
@@ -458,22 +458,22 @@ class he {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    I(this, t);
+    P(this, t);
   }
 }
-const pe = ct.litHtmlPolyfillSupport;
-pe?.(U, N), (ct.litHtmlVersions ??= []).push("3.3.3");
-const me = (a, t, e) => {
+const $e = dt.litHtmlPolyfillSupport;
+$e?.(O, M), (dt.litHtmlVersions ??= []).push("3.3.3");
+const be = (r, t, e) => {
   const s = e?.renderBefore ?? t;
-  let r = s._$litPart$;
-  if (r === void 0) {
+  let a = s._$litPart$;
+  if (a === void 0) {
     const o = e?.renderBefore ?? null;
-    s._$litPart$ = r = new N(t.insertBefore(z(), o), o, void 0, e ?? {});
+    s._$litPart$ = a = new M(t.insertBefore(F(), o), o, void 0, e ?? {});
   }
-  return r._$AI(a), r;
+  return a._$AI(r), a;
 };
-const ht = globalThis;
-class R extends T {
+const mt = globalThis;
+class E extends I {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -483,7 +483,7 @@ class R extends T {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = me(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = be(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -495,38 +495,38 @@ class R extends T {
     return C;
   }
 }
-R._$litElement$ = !0, R.finalized = !0, ht.litElementHydrateSupport?.({ LitElement: R });
-const fe = ht.litElementPolyfillSupport;
-fe?.({ LitElement: R });
-(ht.litElementVersions ??= []).push("4.2.2");
-const ue = 50;
-function ge(a = {}) {
-  const t = Object.entries(a).filter(([, s]) => s != null && s !== "");
+E._$litElement$ = !0, E.finalized = !0, mt.litElementHydrateSupport?.({ LitElement: E });
+const ye = mt.litElementPolyfillSupport;
+ye?.({ LitElement: E });
+(mt.litElementVersions ??= []).push("4.2.2");
+const we = 50;
+function xe(r = {}) {
+  const t = Object.entries(r).filter(([, s]) => s != null && s !== "");
   if (!t.length) return "";
   const e = new URLSearchParams();
-  return t.forEach(([s, r]) => e.set(s, String(r))), `?${e.toString()}`;
+  return t.forEach(([s, a]) => e.set(s, String(a))), `?${e.toString()}`;
 }
-function $e({ baseUrl: a, token: t = "", fetchFn: e } = {}) {
-  if (!a) throw new Error("createClient requires a baseUrl");
-  const s = a.replace(/\/+$/, ""), r = e || ((...n) => fetch(...n));
+function ke({ baseUrl: r, token: t = "", fetchFn: e } = {}) {
+  if (!r) throw new Error("createClient requires a baseUrl");
+  const s = r.replace(/\/+$/, ""), a = e || ((...n) => fetch(...n));
   async function o(n) {
-    const c = { Accept: "application/json" };
-    t && (c.Authorization = `Bearer ${t}`);
-    const p = await r(`${s}${n}`, { headers: c });
-    if (!p.ok) {
-      const l = new Error(`api-hsot ${p.status} on ${n}`);
-      throw l.status = p.status, l;
+    const d = { Accept: "application/json" };
+    t && (d.Authorization = `Bearer ${t}`);
+    const c = await a(`${s}${n}`, { headers: d });
+    if (!c.ok) {
+      const h = new Error(`api-hsot ${c.status} on ${n}`);
+      throw h.status = c.status, h;
     }
-    return p.json();
-  }
-  async function i(n, c = {}) {
-    const p = [];
-    let l = null;
-    for (let h = 0; h < ue; h += 1) {
-      const f = ge(l ? { ...c, cursor: l } : c), u = await o(`${n}${f}`);
-      if (p.push(...u.items || []), l = u.nextCursor || null, !l) break;
+    return c.json();
+  }
+  async function i(n, d = {}) {
+    const c = [];
+    let h = null;
+    for (let p = 0; p < we; p += 1) {
+      const f = xe(h ? { ...d, cursor: h } : d), u = await o(`${n}${f}`);
+      if (c.push(...u.items || []), h = u.nextCursor || null, !h) break;
     }
-    return { items: p, total: p.length, nextCursor: null };
+    return { items: c, total: c.length, nextCursor: null };
   }
   return {
     listSchools: (n) => i("/schools", n),
@@ -539,28 +539,141 @@ function $e({ baseUrl: a, token: t = "", fetchFn: e } = {}) {
     listGames: (n) => i("/games", n),
     getGame: (n) => o(`/games/${n}`),
     listTournaments: (n) => i("/tournaments", n),
-    listSeedings: (n, c) => i(`/tournaments/${n}/seedings`, c),
+    listSeedings: (n, d) => i(`/tournaments/${n}/seedings`, d),
     listRankings: (n) => i("/rankings", n),
     listSports: () => o("/sports")
   };
 }
-class b extends R {
+const it = {
+  game: "/{sport}/game/{id}/",
+  school: "/school/{id}/",
+  section: "/{sport}/{view}/"
+};
+function g(r, t) {
+  return String(r).replace(/\{(\w+)\}/g, (e, s) => t[s] !== void 0 && t[s] !== null ? String(t[s]) : e);
+}
+function L(r) {
+  return {
+    game: r.getAttribute("game-href") || it.game,
+    school: r.getAttribute("school-href") || it.school,
+    section: r.getAttribute("section-href") || it.section
+  };
+}
+const D = (r) => r ? r.charAt(0).toUpperCase() + r.slice(1) : "";
+function y(r, t) {
+  if (!r) return "TBD";
+  const [e, s, a] = String(r).split("-").map(Number);
+  return !e || !s || !a ? "TBD" : new Date(e, s - 1, a).toLocaleDateString("en-US", t || { weekday: "short", month: "short", day: "numeric" });
+}
+function et(r) {
+  if (!r) return "";
+  const [t, e] = String(r).split(":").map(Number);
+  if (Number.isNaN(t)) return "";
+  const s = t >= 12 ? "PM" : "AM";
+  return `${(t + 11) % 12 + 1}:${String(e || 0).padStart(2, "0")} ${s}`;
+}
+function _e(r) {
+  return r ? `${Math.floor(r / 12)}-${r % 12}` : "·";
+}
+function st(r = /* @__PURE__ */ new Date()) {
+  const t = r.getFullYear();
+  return r.getMonth() >= 6 ? `${t}-${t + 1}` : `${t - 1}-${t}`;
+}
+function ft(r = /* @__PURE__ */ new Date()) {
+  const t = (e) => String(e).padStart(2, "0");
+  return `${r.getFullYear()}-${t(r.getMonth() + 1)}-${t(r.getDate())}`;
+}
+function Se(r, t = ft()) {
+  const e = [...new Set((r || []).filter(Boolean))].sort();
+  if (!e.length || e.includes(t)) return t;
+  const s = e.filter((a) => a < t);
+  return s.length ? s[s.length - 1] : e[0];
+}
+function ut(r) {
+  return r ? (r.abbr || r.name || "?").slice(0, 4).toUpperCase() : "?";
+}
+function K(r) {
+  if (!r || !/^#[0-9a-fA-F]{6}$/.test(r)) return "#FFFFFF";
+  const t = parseInt(r.slice(1), 16), e = t >> 16 & 255, s = t >> 8 & 255, a = t & 255;
+  return 0.299 * e + 0.587 * s + 0.114 * a > 150 ? "#0F1B33" : "#FFFFFF";
+}
+const Ae = (r) => {
+  const t = ["th", "st", "nd", "rd"], e = r % 100;
+  return r + (t[(e - 20) % 10] || t[e] || t[0]);
+};
+function Te(r) {
+  if (r.state === "live") return { kind: "live", label: `Live · ${r.period || ""}`.replace(/ · $/, "") };
+  if (r.state === "final") {
+    const t = [];
+    return r.finish === "overtime" && t.push("OT"), r.finish === "shootout" && t.push("PK-SO"), r.forfeit && r.forfeit !== "none" && t.push("Forfeit"), { kind: "final", label: `Final${t.length ? ` · ${t.join(" · ")}` : ""}` };
+  }
+  return r.state === "postponed" ? { kind: "warn", label: "Postponed" } : r.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${y(r.date, { month: "short", day: "numeric" })} · ${et(r.time)}`.replace(/ · $/, "") };
+}
+const Ie = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
+function _(r) {
+  let t = String(r || "").replace(/^[a-z][a-z0-9+.-]*:\/\/[^/#?]*/i, "");
+  const e = t.indexOf("#");
+  let s = "";
+  e !== -1 && (s = t.slice(e).split("?")[0], t = t.slice(0, e));
+  let a = t.split("?")[0] + s;
+  return a = a.replace(/([^:])\/{2,}/g, "$1/").replace(/^\/{2,}/, "/"), a = a.replace(/^\/(?=#)/, ""), a.length > 1 && (a = a.replace(/\/+$/, "")), a.toLowerCase();
+}
+function Wt() {
+  const r = globalThis.location;
+  if (!r) return "";
+  const t = (r.hash || "").startsWith("#/") ? r.hash : "";
+  return _((r.pathname || "") + t);
+}
+function Ee(r, t, e) {
+  if (!e) return null;
+  const s = _(r);
+  if (!s) return null;
+  const a = _(g(t.game, { sport: e, id: "" })), o = _(g(t.school, { id: "" }));
+  if (s === a || s.startsWith(`${a}/`) || s === o || s.startsWith(`${o}/`)) return null;
+  const i = _(g(t.section, { sport: e, view: "" }));
+  if (s === i) return "";
+  if (!s.startsWith(`${i}/`)) return null;
+  const n = s.slice(i.length + 1), d = n.split("/");
+  return d.length > 2 || d.some((c) => !/^[a-z][a-z-]*$/.test(c)) || Ie.has(d[0]) ? null : n;
+}
+function Ce(r, t, e) {
+  const s = (i) => g(e.section, { sport: r, view: i }).replace(/([^:])\/{2,}/g, "$1/"), o = new Set((t || []).map((i) => i && i.gender).filter((i) => i === "boys" || i === "girls")).size === 2 ? [
+    { label: "Boys Standings", href: s("boys/standings") },
+    { label: "Girls Standings", href: s("girls/standings") }
+  ] : [{ label: "Standings", href: s("standings") }];
+  return [
+    { label: `${D(r)} Home`, href: s("") },
+    { label: "Scores/Schedule", href: s("scores") },
+    { label: "Playoff Brackets", href: s("brackets") },
+    ...o,
+    { label: "Polls & Rankings", href: s("rankings") }
+  ];
+}
+function Pe(r, t = Wt()) {
+  const e = _(t);
+  for (const s of r.querySelectorAll(':scope > a[slot="nav"]'))
+    e && _(s.getAttribute("href")) === e ? s.setAttribute("aria-current", "page") : s.removeAttribute("aria-current");
+}
+class w extends E {
   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(t) {
     this._client = t, this.isConnected && this.load();
   }
   get client() {
-    return this._client ? this._client : this.api ? $e({ baseUrl: this.api }) : null;
+    return this._client ? this._client : this.api ? ke({ baseUrl: this.api }) : null;
   }
   connectedCallback() {
     super.connectedCallback(), this._setupInterval();
@@ -572,7 +685,7 @@ class b extends R {
     this.load();
   }
   updated(t) {
-    t.has("api") && t.get("api") !== void 0 && t.get("api") !== this.api && this.load(), t.has("refreshInterval") && this._setupInterval();
+    t.has("api") && t.get("api") !== void 0 && t.get("api") !== this.api && this.load(), t.has("refreshInterval") && this._setupInterval(), Pe(this);
   }
   async load() {
     const t = this.client;
@@ -601,13 +714,13 @@ class b extends R {
     this._refreshId && (clearInterval(this._refreshId), this._refreshId = null);
   }
   render() {
-    return this.error === "not-configured" ? d`<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 ? d`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : d`<div class="loading" role="status">Loading…</div>`;
+    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>`;
   }
   renderView() {
-    return d``;
+    return l``;
   }
 }
-const g = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ve = w`
+const v = (r) => Object.fromEntries((r || []).map((t) => [t.id, t])), De = b`
 	:host {
 		--hsot-red: var(--color-red, #D1232A);
 		--hsot-red-deep: var(--color-red-dark, #951C21);
@@ -625,6 +738,10 @@ const g = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ve = w`
 		--hsot-win: var(--color-green-dark, #66A208);
 		--hsot-loss: var(--color-red, #D1232A);
 		--hsot-tie: var(--color-gray-4, #7C7C7C);
+		--hsot-section-bg: var(--color-section-header, #1A1A1A);
+		--hsot-section-text: var(--color-section-header-text, #FFFFFF);
+		--hsot-section-divider: var(--color-section-header-divider, rgba(255, 255, 255, 0.2));
+		--hsot-section-red: #B90100;
 		--hsot-heading-font: var(--heading-font-family, 'IBM Plex Sans Condensed', 'Helvetica Neue', Helvetica, sans-serif);
 		--hsot-body-font: var(--body-font-family, Roboto, 'Helvetica Neue', Helvetica, sans-serif);
 		--hsot-radius-xs: var(--radius-xs, 0.15rem);
@@ -641,7 +758,7 @@ const g = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ve = w`
 		outline-offset: 1px;
 	}
 	.mut { color: var(--hsot-gray-5); }
-`, ye = w`
+`, Re = 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 {
@@ -660,9 +777,59 @@ const g = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ve = w`
 	}
 	.band nav.tabs a.on { border-bottom-color: var(--hsot-red); }
 	.band nav.tabs span.off { color: var(--hsot-gray-4); cursor: not-allowed; }
-	@media (max-width: 720px) { .band h1, .band h2.bandtitle { font-size: 1.8rem; } }
-`, be = w`
+	/* Section-front treatment, matching the site's hsot-section-header: dark
+	   band, red baseline, sub-nav row of section links. The section tokens
+	   inherit from the page when it defines the --color-section-header set. */
+	.band.section {
+		background: var(--hsot-section-bg); color: var(--hsot-section-text);
+		border-bottom: 3px solid var(--hsot-section-red);
+	}
+	.band.section .inner { padding: 1.25rem; }
+	.band.section h1, .band.section h2.bandtitle {
+		color: inherit; font-size: 2.875rem; font-weight: 700; line-height: 1;
+	}
+	.band.section .sub { color: #CFCFCF; margin: 0.4rem 0 0; }
+	nav.sectionnav { border-top: 1px solid var(--hsot-section-divider); }
+	.sectionnav .navrow {
+		display: flex; gap: 1rem; max-width: 1366px; margin: 0 auto;
+		padding: 0 1.25rem; overflow-x: auto; box-sizing: border-box;
+	}
+	.sectionnav a, .sectionnav ::slotted(a) {
+		font-family: var(--hsot-heading-font); font-weight: 500; font-size: 0.875rem;
+		line-height: 1.5rem; text-transform: uppercase; text-decoration: none;
+		white-space: nowrap; padding: 0.5rem; color: #CFCFCF;
+		border-bottom: 2px solid transparent; transition: color 0.15s, border-color 0.15s;
+	}
+	.sectionnav a:hover, .sectionnav a:focus-visible, .sectionnav a[aria-current="page"],
+	.sectionnav ::slotted(a:hover), .sectionnav ::slotted(a:focus-visible), .sectionnav ::slotted(a[aria-current="page"]) {
+		color: var(--hsot-section-text); border-bottom-color: var(--hsot-section-red);
+	}
+	@media (max-width: 720px) {
+		.band h1, .band h2.bandtitle, .band.section h1, .band.section h2.bandtitle { font-size: 1.8rem; }
+	}
+`, ze = 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); }
@@ -704,7 +871,7 @@ const g = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ve = w`
 	.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); }
-`, we = w`
+`, Be = 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;
@@ -719,7 +886,7 @@ const g = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ve = w`
 	.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; } }
-`, xe = w`
+`, Fe = b`
 	.tablewrap { overflow-x: auto; }
 	table.data { font-family: var(--hsot-heading-font); font-size: 14px; border-collapse: collapse; width: 100%; }
 	table.data th {
@@ -737,7 +904,7 @@ const g = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ve = w`
 	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 = w`
+`, Ne = b`
 	.swatch {
 		display: inline-flex; align-items: center; justify-content: center;
 		width: 26px; height: 26px; border-radius: 50%;
@@ -761,7 +928,7 @@ const g = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ve = w`
 	.dot.W { background: var(--hsot-win); }
 	.dot.L { background: var(--hsot-loss); }
 	.dot.T { background: var(--hsot-tie); }
-`, ke = w`
+`, Oe = b`
 	ul.gamelist { list-style: none; margin: 0; padding: 0; }
 	.gamelist li {
 		display: flex; align-items: center; gap: 0.7rem; padding: 0.55rem 1rem;
@@ -778,219 +945,192 @@ const g = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ve = w`
 	.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; }
-`, H = [ve, ye, be, we, xe, _e, ke];
-function pt(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";
+`, j = [De, Re, ze, Be, Fe, Ne, Oe];
+function gt(r) {
+  return r.state !== "final" ? null : r.forfeit && r.forfeit !== "none" ? r.forfeit : r.homeScore > r.awayScore ? "home" : r.awayScore > r.homeScore ? "away" : r.tiebreakWinner && r.tiebreakWinner !== "none" ? r.tiebreakWinner : "tie";
 }
-function M(a, t) {
-  const e = {}, s = (o) => (e[o] = e[o] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, e[o]), r = a.filter((o) => o.state === "final" && o.gameType !== "scrimmage" && !0).sort((o, i) => String(o.date).localeCompare(String(i.date)));
-  for (const o of r) {
-    const i = pt(o), n = o.gameType === "conference";
-    for (const c of ["home", "away"]) {
-      const p = c === "home" ? o.homeTeamId : o.awayTeamId;
-      if (!p) continue;
-      const l = s(p), h = c === "home" ? o.homeScore : o.awayScore, f = c === "home" ? o.awayScore : o.homeScore;
-      l.pf += h, l.pa += f;
+function W(r, t) {
+  const e = {}, s = (o) => (e[o] = e[o] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, e[o]), a = r.filter((o) => o.state === "final" && o.gameType !== "scrimmage" && !0).sort((o, i) => String(o.date).localeCompare(String(i.date)));
+  for (const o of a) {
+    const i = gt(o), n = o.gameType === "conference";
+    for (const d of ["home", "away"]) {
+      const c = d === "home" ? o.homeTeamId : o.awayTeamId;
+      if (!c) continue;
+      const h = s(c), p = d === "home" ? o.homeScore : o.awayScore, f = d === "home" ? o.awayScore : o.homeScore;
+      h.pf += p, h.pa += f;
       let u = "T";
-      i === "tie" ? (l.t += 1, n && (l.ct += 1)) : i === c ? (l.w += 1, n && (l.cw += 1), u = "W") : (l.l += 1, n && (l.cl += 1), u = "L"), l.results.push({ gameId: o.id, date: o.date, mark: u, my: h, their: f, opp: c === "home" ? o.awayTeamId : o.homeTeamId, conf: n });
+      i === "tie" ? (h.t += 1, n && (h.ct += 1)) : i === d ? (h.w += 1, n && (h.cw += 1), u = "W") : (h.l += 1, n && (h.cl += 1), u = "L"), h.results.push({ gameId: o.id, date: o.date, mark: u, my: p, their: f, opp: d === "home" ? o.awayTeamId : o.homeTeamId, conf: n });
     }
   }
   return e;
 }
-function Q(a) {
-  if (!a || !a.length) return "";
-  const t = a[a.length - 1].mark;
+function rt(r) {
+  if (!r || !r.length) return "";
+  const t = r[r.length - 1].mark;
   let e = 0;
-  for (let s = a.length - 1; s >= 0 && a[s].mark === t; s -= 1) e += 1;
+  for (let s = r.length - 1; s >= 0 && r[s].mark === t; s -= 1) e += 1;
   return t + e;
 }
-const It = (a, t, e) => {
-  const s = a + t + e;
-  return s ? (a + e / 2) / s : 0;
-}, Et = (a) => a.toFixed(3).replace("0.", ".");
-function x(a, t = !1) {
-  if (!a) return "0-0";
-  const e = t ? a.cw : a.w, s = t ? a.cl : a.l, r = t ? a.ct : a.t;
-  return `${e}-${s}${r ? `-${r}` : ""}`;
+const zt = (r, t, e) => {
+  const s = r + t + e;
+  return s ? (r + e / 2) / s : 0;
+}, Bt = (r) => r.toFixed(3).replace("0.", ".");
+function x(r, t = !1) {
+  if (!r) return "0-0";
+  const e = t ? r.cw : r.w, s = t ? r.cl : r.l, a = t ? r.ct : r.t;
+  return `${e}-${s}${a ? `-${a}` : ""}`;
 }
-function Nt(a, t) {
-  return a.map((e) => {
+function qt(r, t) {
+  return r.map((e) => {
     const s = t[e.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] };
-    return { team: e, rec: s, confPct: It(s.cw, s.cl, s.ct), overallPct: It(s.w, s.l, s.t) };
+    return { team: e, rec: s, confPct: zt(s.cw, s.cl, s.ct), overallPct: zt(s.w, s.l, s.t) };
   }).sort((e, s) => s.confPct - e.confPct || s.overallPct - e.overallPct || s.rec.pf - s.rec.pa - (e.rec.pf - e.rec.pa));
 }
-function mt(a, t) {
-  return a.filter((e) => (e.homeTeamId === t || e.awayTeamId === t) && (e.state === "scheduled" || e.state === "live") && e.gameType !== "scrimmage").sort((e, s) => String(e.date).localeCompare(String(s.date)))[0] || null;
+function vt(r, t) {
+  return r.filter((e) => (e.homeTeamId === t || e.awayTeamId === t) && (e.state === "scheduled" || e.state === "live") && e.gameType !== "scrimmage").sort((e, s) => String(e.date).localeCompare(String(s.date)))[0] || null;
 }
-function Pt(a, t) {
-  const e = a[t];
+function Ft(r, t) {
+  const e = r[t];
   return e && e.results.length ? e.results[e.results.length - 1] : null;
 }
-const at = {
-  game: "/{sport}/game/{id}/",
-  school: "/school/{id}/",
-  section: "/{sport}/{view}/"
-};
-function $(a, t) {
-  return String(a).replace(/\{(\w+)\}/g, (e, s) => t[s] !== void 0 && t[s] !== null ? String(t[s]) : e);
-}
-function L(a) {
-  return {
-    game: a.getAttribute("game-href") || at.game,
-    school: a.getAttribute("school-href") || at.school,
-    section: a.getAttribute("section-href") || at.section
-  };
-}
-const J = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
-function y(a, t) {
-  if (!a) return "TBD";
-  const [e, s, r] = String(a).split("-").map(Number);
-  return !e || !s || !r ? "TBD" : new Date(e, s - 1, r).toLocaleDateString("en-US", t || { weekday: "short", month: "short", day: "numeric" });
-}
-function X(a) {
-  if (!a) return "";
-  const [t, e] = String(a).split(":").map(Number);
-  if (Number.isNaN(t)) return "";
-  const s = t >= 12 ? "PM" : "AM";
-  return `${(t + 11) % 12 + 1}:${String(e || 0).padStart(2, "0")} ${s}`;
-}
-function Se(a) {
-  return a ? `${Math.floor(a / 12)}-${a % 12}` : "·";
-}
-function tt(a = /* @__PURE__ */ new Date()) {
-  const t = a.getFullYear();
-  return a.getMonth() >= 6 ? `${t}-${t + 1}` : `${t - 1}-${t}`;
-}
-function ot(a = /* @__PURE__ */ new Date()) {
-  const t = (e) => String(e).padStart(2, "0");
-  return `${a.getFullYear()}-${t(a.getMonth() + 1)}-${t(a.getDate())}`;
-}
-function ft(a) {
-  return a ? (a.abbr || a.name || "?").slice(0, 4).toUpperCase() : "?";
-}
-function V(a) {
-  if (!a || !/^#[0-9a-fA-F]{6}$/.test(a)) return "#FFFFFF";
-  const t = parseInt(a.slice(1), 16), e = t >> 16 & 255, s = t >> 8 & 255, r = t & 255;
-  return 0.299 * e + 0.587 * s + 0.114 * r > 150 ? "#0F1B33" : "#FFFFFF";
-}
-const Ae = (a) => {
-  const t = ["th", "st", "nd", "rd"], e = a % 100;
-  return a + (t[(e - 20) % 10] || t[e] || t[0]);
-};
-function Te(a) {
-  if (a.state === "live") return { kind: "live", label: `Live · ${a.period || ""}`.replace(/ · $/, "") };
-  if (a.state === "final") {
-    const t = [];
-    return a.finish === "overtime" && t.push("OT"), a.finish === "shootout" && t.push("PK-SO"), a.forfeit && a.forfeit !== "none" && t.push("Forfeit"), { kind: "final", label: `Final${t.length ? ` · ${t.join(" · ")}` : ""}` };
-  }
-  return a.state === "postponed" ? { kind: "warn", label: "Postponed" } : a.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${y(a.date, { month: "short", day: "numeric" })} · ${X(a.time)}`.replace(/ · $/, "") };
-}
-function Ht(a, t, e, s, r) {
+function $t(r, t, e, s, a) {
   const o = t[e];
   if (!o) return null;
   const i = /* @__PURE__ */ new Map();
-  for (const c of a || []) {
-    if (c.sport !== s || r && c.effectiveDate > r || c.gender && o.gender !== c.gender && o.gender !== "coed") continue;
-    const p = c.gender || "", l = i.get(p);
-    (!l || c.effectiveDate > l.effectiveDate) && i.set(p, c);
+  for (const d of r || []) {
+    if (d.sport !== s || a && d.effectiveDate > a || d.gender && o.gender !== d.gender && o.gender !== "coed") continue;
+    const c = d.gender || "", h = i.get(c);
+    (!h || d.effectiveDate > h.effectiveDate) && i.set(c, d);
   }
   let n = null;
-  for (const c of i.values()) {
-    const p = (c.teamIds || []).indexOf(e);
-    p !== -1 && (!n || c.effectiveDate > n.effectiveDate) && (n = { poll: c, rank: p + 1 });
+  for (const d of i.values()) {
+    const c = (d.teamIds || []).indexOf(e);
+    c !== -1 && (!n || d.effectiveDate > n.effectiveDate) && (n = { poll: d, rank: c + 1 });
   }
   return n ? n.rank : null;
 }
-function Ce(a, t, e) {
-  if (!a) return { kind: "none", delta: 0 };
-  const s = (a.teamIds || []).indexOf(e) + 1;
+function Ue(r, t, e) {
+  if (!r) return { kind: "none", delta: 0 };
+  const s = (r.teamIds || []).indexOf(e) + 1;
   if (!s) return { kind: "none", delta: 0 };
   if (!t) return { kind: "same", delta: 0 };
-  const r = (t.teamIds || []).indexOf(e) + 1;
-  if (!r) return { kind: "new", delta: 0 };
-  const o = r - s;
+  const a = (t.teamIds || []).indexOf(e) + 1;
+  if (!a) return { kind: "new", delta: 0 };
+  const o = a - s;
   return o > 0 ? { kind: "up", delta: o } : o < 0 ? { kind: "down", delta: -o } : { kind: "same", delta: 0 };
 }
-function Ie(a) {
-  return /^https?:\/\//i.test(String(a || ""));
+function He(r) {
+  return /^https?:\/\//i.test(String(r || ""));
 }
-function G(a, t) {
-  const e = a?.logoAssetId;
-  if (!Ie(e)) return "";
-  const s = Math.max(1, Math.round(t * 2)), r = e.includes("?") ? "&" : "?";
-  return `${e}${r}w=${s}&h=${s}&f=webp`;
+function Q(r, t) {
+  const e = r?.logoAssetId;
+  if (!He(e)) return "";
+  const s = Math.max(1, Math.round(t * 2)), a = e.includes("?") ? "&" : "?";
+  return `${e}${a}w=${s}&h=${s}&f=webp`;
+}
+function bt(r, t, { title: e, sub: s, teams: a }) {
+  const o = Wt(), n = !!r.querySelector(':scope > a[slot="nav"]') || Ee(o, t.hrefs, t.sport) !== null;
+  return l`
+		<div class="band section">
+			<div class="inner">
+				<h1>${e}</h1>
+				${s ? l`<p class="sub">${s}</p>` : m}
+			</div>
+			${n ? l`
+				<nav class="sectionnav" aria-label="${D(t.sport)} section">
+					<div class="navrow">
+						<slot name="nav">
+							${Ce(t.sport, a, t.hrefs).map((d) => l`<a href=${d.href}
+								aria-current=${o && _(d.href) === o ? "page" : m}>${d.label}</a>`)}
+						</slot>
+					</div>
+				</nav>` : m}
+		</div>
+	`;
 }
-const O = (a, t) => {
-  const e = a.teamsById[t];
-  return e ? a.schoolsById[e.schoolId] : null;
-}, P = (a, t) => O(a, t)?.name || "TBD", q = (a, t) => O(a, t)?.abbr || "TBD";
-function F(a, t = 26) {
-  if (!a) return m;
-  const e = G(a, t);
+const U = (r, t) => {
+  const e = r.teamsById[t];
+  return e ? r.schoolsById[e.schoolId] : null;
+}, z = (r, t) => U(r, t)?.name || "TBD", Z = (r, t) => U(r, t)?.abbr || "TBD";
+function H(r, t = 26) {
+  if (!r) return m;
+  const e = Q(r, t);
   if (e)
-    return d`<img class="swatch logo" aria-hidden="true" alt="" loading="lazy"
+    return l`<img class="swatch logo" aria-hidden="true" alt="" loading="lazy"
 			src=${e} style="width:${t}px;height:${t}px" />`;
-  const s = a.colorPrimary || "#030711", r = V(s);
-  return d`<span class="swatch" aria-hidden="true"
-		style="width:${t}px;height:${t}px;background:${s};color:${r};font-size:${Math.max(8, t * 0.28)}px"
-	>${ft(a)}</span>`;
+  const s = r.colorPrimary || "#030711", a = K(s);
+  return l`<span class="swatch" aria-hidden="true"
+		style="width:${t}px;height:${t}px;background:${s};color:${a};font-size:${Math.max(8, t * 0.28)}px"
+	>${ut(r)}</span>`;
 }
-function ut(a, t, e) {
-  const s = Ht(a.rankings, a.teamsById, t, a.sport, e);
-  return s ? d`<span class="rankbadge">#${s}</span>` : m;
+function yt(r, t, e) {
+  const s = $t(r.rankings, r.teamsById, t, r.sport, e);
+  return s ? l`<span class="rankbadge">#${s}</span>` : m;
 }
-function it(a, t, e) {
-  const s = O(a, t);
-  return s ? d`${ut(a, t, e)}<a href=${$(a.hrefs.school, { id: s.id })}>${s.name}</a>` : d`<span class="mut">TBD</span>`;
+function lt(r, t, e) {
+  const s = U(r, t);
+  return s ? l`${yt(r, t, e)}<a href=${g(r.hrefs.school, { id: s.id })}>${s.name}</a>` : l`<span class="mut">TBD</span>`;
 }
-function gt(a, t, e = 5) {
-  const s = a.records[t];
-  if (!s || !s.results.length) return d`<span class="mut">·</span>`;
-  const r = s.results.slice(-1 * e);
-  return d`<span class="dots" role="img" aria-label="last ${r.length} results">
-		${r.map((o) => d`<a class="dot ${o.mark}"
-			title="${o.mark} ${o.my}-${o.their} vs ${P(a, o.opp)}"
-			href=${$(a.hrefs.game, { sport: a.sport, id: o.gameId })}>${o.mark}</a>`)}
+function wt(r, t, e = 5) {
+  const s = r.records[t];
+  if (!s || !s.results.length) return l`<span class="mut">·</span>`;
+  const a = s.results.slice(-1 * e);
+  return l`<span class="dots" role="img" aria-label="last ${a.length} results">
+		${a.map((o) => l`<a class="dot ${o.mark}"
+			title="${o.mark} ${o.my}-${o.their} vs ${z(r, o.opp)}"
+			href=${g(r.hrefs.game, { sport: r.sport, id: o.gameId })}>${o.mark}</a>`)}
 	</span>`;
 }
-function Y(a) {
-  const t = Te(a);
-  return d`<span class="pill ${t.kind}">${t.label}</span>`;
+function q(r, t) {
+  return r.querySelector(':scope > [slot="rail"]') ? l`<div class="view withrail">
+		<div class="viewmain">${t}</div>
+		<aside class="viewrail"><slot name="rail"></slot></aside>
+	</div>` : l`<div class="view">${t}</div>`;
 }
-function Mt(a, t, e) {
-  if (!t) return d`<span class="mut">·</span>`;
-  const s = t.homeTeamId === e ? t.awayTeamId : t.homeTeamId, r = t.homeTeamId === e ? "vs" : "at";
-  return d`${t.state === "live" ? d`<span class="pill live">Live</span> ` : d`${y(t.date, { month: "numeric", day: "numeric" })} `}${r} ${q(a, s)}`;
+function G(r) {
+  if (!r.promoImage) return m;
+  const t = l`<img src=${r.promoImage} alt=${r.promoAlt || "Sponsor"}>`;
+  return l`<div class="promo">${r.promoHref ? l`<a href=${r.promoHref} target="_blank" rel="sponsored noopener">${t}</a>` : t}</div>`;
 }
-class Lt extends b {
-  static styles = H;
+function J(r) {
+  const t = Te(r);
+  return l`<span class="pill ${t.kind}">${t.label}</span>`;
+}
+function Gt(r, t, e) {
+  if (!t) return l`<span class="mut">·</span>`;
+  const s = t.homeTeamId === e ? t.awayTeamId : t.homeTeamId, a = t.homeTeamId === e ? "vs" : "at";
+  return l`${t.state === "live" ? l`<span class="pill live">Live</span> ` : l`${y(t.date, { month: "numeric", day: "numeric" })} `}${a} ${Z(r, s)}`;
+}
+class Vt extends w {
+  static styles = j;
   static properties = {
-    ...b.properties,
+    ...w.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 t = new URLSearchParams(globalThis.location?.search || "").get("date");
-      this.date = t || ot();
+      t && (this.date = t);
     }
+    this._datePinned = !!this.date;
   }
   async fetchData(t) {
-    const e = this.season || tt(), [s, r, o, i, n] = await Promise.all([
+    const e = this.season || st(), [s, a, o, i, n] = await Promise.all([
       t.listSchools(),
       t.listTeams({ sport: this.sport }),
       t.listConferences(),
       t.listGames({ sport: this.sport, season: e }),
       t.listRankings({ sport: this.sport })
     ]);
-    return {
+    return this._datePinned || (this.date = Se(i.items.map((d) => d.date)), this._datePinned = !0), {
       season: e,
       schools: s.items,
-      teams: r.items,
+      teams: a.items,
       conferences: o.items,
       games: i.items,
       rankings: n.items
@@ -998,34 +1138,39 @@ class Lt extends b {
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: M(this.data.games),
+      teamsById: v(this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: W(this.data.games),
       rankings: this.data.rankings,
       hrefs: L(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   renderView() {
-    const t = this.ctx, e = g(this.data.conferences), s = [...new Set(this.data.games.map((i) => i.date).filter(Boolean))].sort(), r = this.data.games.filter((i) => i.date === this.date).sort((i, n) => (i.state === "live" ? -1 : 1) - (n.state === "live" ? -1 : 1)), o = /* @__PURE__ */ new Map();
-    return r.forEach((i) => {
-      const n = i.gameType === "conference" && i.conferenceId ? e[i.conferenceId]?.name || "Conference" : i.gameType === "playoff" ? "Playoffs" : i.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
-      o.has(n) || o.set(n, []), o.get(n).push(i);
-    }), d`
-			<div class="band">
-				<div class="inner">
-					<h1>${J(this.sport)} scores &amp; schedules</h1>
-					<p class="sub">${y(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${r.length} games</p>
-				</div>
-			</div>
-			<div class="view">
+    const t = this.ctx, e = v(this.data.conferences), s = [...new Set(this.data.games.map((c) => c.date).filter(Boolean))].sort(), a = Number.MAX_SAFE_INTEGER, o = (c) => {
+      const h = [c.awayTeamId, c.homeTeamId].map((p) => $t(t.rankings, t.teamsById, p, this.sport, c.date)).filter(Boolean);
+      return h.length ? Math.min(...h) : a;
+    }, i = this.data.games.filter((c) => c.date === this.date), n = new Map(i.map((c) => [c, o(c)]));
+    i.sort((c, h) => (c.state === "live" ? 0 : 1) - (h.state === "live" ? 0 : 1) || n.get(c) - n.get(h));
+    const d = /* @__PURE__ */ new Map();
+    return i.forEach((c) => {
+      const h = c.gameType === "conference" && c.conferenceId ? e[c.conferenceId]?.name || "Conference" : c.gameType === "playoff" ? "Playoffs" : c.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
+      d.has(h) || d.set(h, []), d.get(h).push(c);
+    }), l`
+			${bt(this, t, {
+      title: l`${D(this.sport)} scores &amp; schedules`,
+      sub: l`${y(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${i.length} games`,
+      teams: this.data.teams
+    })}
+			${q(this, l`
+				${G(this)}
 				<div class="toolbar">
 					<label class="asof" for="datesel">Date</label>
-					<select id="datesel" @change=${(i) => {
-      this.date = i.target.value;
+					<select id="datesel" @change=${(c) => {
+      this.date = c.target.value;
     }}>
-						${s.map((i) => d`<option value=${i} ?selected=${i === this.date}>
-							${y(i, { weekday: "short", month: "short", day: "numeric" })}${i === ot() ? " · today" : ""}
+						${(s.includes(this.date) ? s : [...s, this.date].sort()).map((c) => l`<option value=${c} ?selected=${c === this.date}>
+							${y(c, { weekday: "short", month: "short", day: "numeric" })}${c === ft() ? " · today" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s.indexOf(this.date) <= 0}
@@ -1039,35 +1184,35 @@ class Lt extends b {
 					<span class="spacer"></span>
 					<span class="asof">Live games first · report a score to see it update here</span>
 				</div>
-				${r.length ? m : d`<p class="empty">No ${this.sport} games on this date.</p>`}
-				${[...o.entries()].map(([i, n]) => d`
-					<div class="section-title">${i}</div>
+				${i.length ? m : l`<p class="empty">No ${this.sport} games on this date.</p>`}
+				${[...d.entries()].map(([c, h]) => l`
+					<div class="section-title">${c}</div>
 					<div class="card"><ul class="gamelist">
-						${n.map((c) => this.renderGame(t, c))}
+						${h.map((p) => this.renderGame(t, p))}
 					</ul></div>
 				`)}
-			</div>
+			`)}
 		`;
   }
   renderGame(t, e) {
-    const s = e.state === "final" || e.state === "live" ? `${e.awayScore}-${e.homeScore}` : X(e.time);
-    return d`
+    const s = e.state === "final" || e.state === "live" ? `${e.awayScore}-${e.homeScore}` : et(e.time);
+    return l`
 			<li>
-				${Y(e)}
-				<span class="opp">${it(t, e.awayTeamId, e.date)} at ${it(t, e.homeTeamId, e.date)}</span>
+				${J(e)}
+				<span class="opp">${lt(t, e.awayTeamId, e.date)} at ${lt(t, e.homeTeamId, e.date)}</span>
 				<span class="res" style="width:auto">${s}</span>
 				<span class="where">${e.venue || ""}</span>
-				${e.broadcast ? d`<span class="pill class">${e.broadcast}</span>` : m}
-				<a class="box" href=${$(t.hrefs.game, { sport: this.sport, id: e.id })}>Box score →</a>
+				${e.broadcast ? l`<span class="pill class">${e.broadcast}</span>` : m}
+				<a class="box" href=${g(t.hrefs.game, { sport: this.sport, id: e.id })}>Box score →</a>
 			</li>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", Lt);
-class jt extends b {
-  static styles = H;
+globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", Vt);
+class Yt extends w {
+  static styles = j;
   static properties = {
-    ...b.properties,
+    ...w.properties,
     sport: { type: String },
     season: { type: String },
     classFilter: { state: !0 },
@@ -1077,7 +1222,7 @@ class jt extends b {
     super(), this.sport = "football", this.season = "", this.classFilter = "All", this.query = "";
   }
   async fetchData(t) {
-    const e = this.season || tt(), [s, r, o, i, n] = await Promise.all([
+    const e = this.season || st(), [s, a, o, i, n] = await Promise.all([
       t.listConferences({ active: !0 }),
       t.listSchools(),
       t.listTeams({ sport: this.sport }),
@@ -1087,7 +1232,7 @@ class jt extends b {
     return {
       season: e,
       conferences: s.items,
-      schools: r.items,
+      schools: a.items,
       teams: o.items,
       games: i.items,
       rankings: n.items
@@ -1095,51 +1240,51 @@ class jt extends b {
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: M(this.data.games),
+      teamsById: v(this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: W(this.data.games),
       rankings: this.data.rankings,
       hrefs: L(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   renderView() {
-    const t = this.ctx, e = ["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 d`
-			<div class="band">
-				<div class="inner">
-					<h1>${J(this.sport)} standings</h1>
-					<p class="sub">${this.data.season} season · every conference, computed live from reported results</p>
-				</div>
-			</div>
-			<div class="view">
+    const t = this.ctx, e = ["All", ...new Set(this.data.conferences.flatMap((a) => a.classifications || []))].slice(0, 9), s = this.data.conferences.filter((a) => a.active !== !1).filter((a) => this.classFilter === "All" || (a.classifications || []).includes(this.classFilter));
+    return l`
+			${bt(this, t, {
+      title: l`${D(this.sport)} standings`,
+      sub: l`${this.data.season} season · every conference, computed live from reported results`,
+      teams: this.data.teams
+    })}
+			${q(this, l`
+				${G(this)}
 				<div class="toolbar">
 					<div role="group" aria-label="Classification filter">
-						${e.map((r) => d`<button class="chip ${this.classFilter === r ? "on" : ""}"
+						${e.map((a) => l`<button class="chip ${this.classFilter === a ? "on" : ""}"
 							@click=${() => {
-      this.classFilter = r;
-    }}>${r}</button>`)}
+      this.classFilter = a;
+    }}>${a}</button>`)}
 					</div>
 					<input type="search" placeholder="Find a school…" aria-label="Find a school"
-						.value=${this.query} @input=${(r) => {
-      this.query = r.target.value;
+						.value=${this.query} @input=${(a) => {
+      this.query = a.target.value;
     }}>
 					<span class="spacer"></span>
-					<span class="asof">Records through ${y(ot(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
+					<span class="asof">Records through ${y(ft(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
 				</div>
-				${s.map((r) => this.renderConference(t, r))}
-			</div>
+				${s.map((a) => this.renderConference(t, a))}
+			`)}
 		`;
   }
   renderConference(t, e) {
     const s = this.data.teams.filter((i) => i.conferenceId === e.id);
     if (!s.length) return m;
-    const r = this.query.trim().toLowerCase(), o = Nt(s, t.records);
-    return d`
+    const a = this.query.trim().toLowerCase(), o = qt(s, t.records);
+    return l`
 			<div class="card">
 				<div class="card-head">
 					<h2>${e.name}</h2>
-					${(e.classifications || []).map((i) => d`<span class="pill class">${i}</span>`)}
+					${(e.classifications || []).map((i) => l`<span class="pill class">${i}</span>`)}
 					<span class="meta">${o.length} teams · membership derives from teams</span>
 				</div>
 				<div class="tablewrap"><table class="data">
@@ -1149,44 +1294,44 @@ class jt extends b {
 						<th>Streak</th><th>Last 5</th><th>Next</th>
 					</tr></thead>
 					<tbody>
-						${o.map((i, n) => this.renderRow(t, i, n, r))}
+						${o.map((i, n) => this.renderRow(t, i, n, a))}
 					</tbody>
 				</table></div>
 			</div>
 		`;
   }
-  renderRow(t, e, s, r) {
+  renderRow(t, e, s, a) {
     const o = t.schoolsById[e.team.schoolId], i = o?.name || e.team.name || "TBD";
-    if (r && !i.toLowerCase().includes(r)) return m;
-    const n = e.rec.pf - e.rec.pa, c = mt(this.data.games, e.team.id), p = (e.team.championships || []).map((h) => d`
-			<span class="pill champ" title="${h.season} ${h.title} champion">★ ${h.season} ${h.title}</span>`), l = () => {
-      location.href = $(t.hrefs.school, { id: e.team.schoolId });
+    if (a && !i.toLowerCase().includes(a)) return m;
+    const n = e.rec.pf - e.rec.pa, d = vt(this.data.games, e.team.id), c = (e.team.championships || []).map((p) => l`
+			<span class="pill champ" title="${p.season} ${p.title} champion">★ ${p.season} ${p.title}</span>`), h = () => {
+      location.href = g(t.hrefs.school, { id: e.team.schoolId });
     };
-    return d`
-			<tr class="rowlink" @click=${(h) => {
-      h.target.closest("a") || l();
+    return l`
+			<tr class="rowlink" @click=${(p) => {
+      p.target.closest("a") || h();
     }}>
 				<td class="mut">${s + 1}</td>
 				<td class="teamcell">
-					${F(o)}${ut(t, e.team.id, null)}
-					<a href=${$(t.hrefs.school, { id: e.team.schoolId })}>${i}</a> ${p}
+					${H(o)}${yt(t, e.team.id, null)}
+					<a href=${g(t.hrefs.school, { id: e.team.schoolId })}>${i}</a> ${c}
 				</td>
 				<td class="num">${x(e.rec, !0)}</td>
-				<td class="num">${Et(e.confPct)}</td>
+				<td class="num">${Bt(e.confPct)}</td>
 				<td class="num">${x(e.rec)}</td>
-				<td class="num">${Et(e.overallPct)}</td>
+				<td class="num">${Bt(e.overallPct)}</td>
 				<td class="num">${e.rec.pf}</td>
 				<td class="num">${e.rec.pa}</td>
 				<td class="num" style="color:${n >= 0 ? "var(--hsot-win)" : "var(--hsot-loss)"}">${n > 0 ? "+" : ""}${n}</td>
-				<td>${Q(e.rec.results) || "·"}</td>
-				<td>${gt(t, e.team.id)}</td>
-				<td>${Mt(t, c, e.team.id)}</td>
+				<td>${rt(e.rec.results) || "·"}</td>
+				<td>${wt(t, e.team.id)}</td>
+				<td>${Gt(t, d, e.team.id)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", jt);
-const Ee = w`
+globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Yt);
+const Me = 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;
@@ -1203,10 +1348,10 @@ const Ee = w`
 	.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 Wt extends b {
-  static styles = [...H, Ee];
+class Kt extends w {
+  static styles = [...j, Me];
   static properties = {
-    ...b.properties,
+    ...w.properties,
     sport: { type: String },
     gender: { type: String },
     season: { type: String },
@@ -1221,17 +1366,17 @@ class Wt extends b {
     t && (this.pollDate = t);
   }
   async fetchData(t) {
-    const e = this.season || tt(), [s, r, o, i, n] = await Promise.all([
+    const e = this.season || st(), [s, a, o, i, n] = await Promise.all([
       t.listRankings({ sport: this.sport, ...this.gender ? { gender: this.gender } : {} }),
       t.listSchools(),
       t.listTeams({ sport: this.sport }),
       t.listConferences(),
       t.listGames({ sport: this.sport, season: e })
-    ]), c = s.items.filter((p) => !this.gender || !p.gender || p.gender === this.gender).sort((p, l) => l.effectiveDate.localeCompare(p.effectiveDate));
+    ]), d = s.items.filter((c) => !this.gender || !c.gender || c.gender === this.gender).sort((c, h) => h.effectiveDate.localeCompare(c.effectiveDate));
     return {
       season: e,
-      polls: c,
-      schools: r.items,
+      polls: d,
+      schools: a.items,
       teams: o.items,
       conferences: i.items,
       games: n.items
@@ -1239,55 +1384,55 @@ class Wt extends b {
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: M(this.data.games),
+      teamsById: v(this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: W(this.data.games),
       rankings: this.data.polls,
       hrefs: L(this),
       sport: this.sport
     }, this._ctxData = this.data), this._ctx;
   }
   sparkline(t, e, s) {
-    const n = e.map((h, f) => {
-      const u = (h.teamIds || []).indexOf(t);
+    const n = e.map((p, f) => {
+      const u = (p.teamIds || []).indexOf(t);
       if (u === -1) return null;
-      const v = e.length === 1 ? 96 / 2 : f / (e.length - 1) * 90 + 3, et = 3 + u / 24 * 20;
-      return { x: v, y: et };
-    }), c = [];
-    let p = [];
-    if (n.forEach((h) => {
-      h ? p.push(h) : p.length && (c.push(p), p = []);
-    }), p.length && c.push(p), !c.length) return m;
-    const l = n[s];
-    return d`<svg class="sparkline" width=${96} height=${26} viewBox="0 0 ${96} ${26}" role="img" aria-label="rank history">
-			${c.map((h) => Tt`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
-				points=${h.map((f) => `${f.x.toFixed(1)},${f.y.toFixed(1)}`).join(" ")}></polyline>`)}
-			${l ? Tt`<circle cx=${l.x.toFixed(1)} cy=${l.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : m}
+      const $ = e.length === 1 ? 96 / 2 : f / (e.length - 1) * 90 + 3, at = 3 + u / 24 * 20;
+      return { x: $, y: at };
+    }), d = [];
+    let c = [];
+    if (n.forEach((p) => {
+      p ? c.push(p) : c.length && (d.push(c), c = []);
+    }), c.length && d.push(c), !d.length) return m;
+    const h = n[s];
+    return l`<svg class="sparkline" width=${96} height=${26} viewBox="0 0 ${96} ${26}" role="img" aria-label="rank history">
+			${d.map((p) => Dt`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
+				points=${p.map((f) => `${f.x.toFixed(1)},${f.y.toFixed(1)}`).join(" ")}></polyline>`)}
+			${h ? Dt`<circle cx=${h.x.toFixed(1)} cy=${h.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : m}
 		</svg>`;
   }
   movement(t, e, s) {
-    const r = Ce(t, e, s);
-    return r.kind === "up" ? d`<span class="delta up">▲ ${r.delta}</span>` : r.kind === "down" ? d`<span class="delta down">▼ ${r.delta}</span>` : r.kind === "new" ? d`<span class="delta new">NEW</span>` : r.kind === "same" ? d`<span class="delta same">—</span>` : d`<span class="delta same">·</span>`;
+    const a = Ue(t, e, s);
+    return a.kind === "up" ? l`<span class="delta up">▲ ${a.delta}</span>` : a.kind === "down" ? l`<span class="delta down">▼ ${a.delta}</span>` : a.kind === "new" ? l`<span class="delta new">NEW</span>` : a.kind === "same" ? l`<span class="delta same">—</span>` : l`<span class="delta same">·</span>`;
   }
   renderView() {
     const t = this.ctx, e = this.data.polls;
-    if (!e.length) return d`<div class="view"><p class="empty">No ${this.sport} polls published yet this season.</p></div>`;
-    const s = Math.max(0, e.findIndex((h) => h.effectiveDate === this.pollDate)), r = e[s] || e[0], o = e[s + 1] || null, i = e.slice().reverse(), n = i.indexOf(r), c = g(this.data.conferences), p = (r.teamIds || [])[0], l = p ? O(t, p) : null;
-    return d`
-			<div class="band">
-				<div class="inner">
-					<h1>${J(this.sport)} Top 25</h1>
-					<p class="sub">The HighSchoolOT poll · updated weekly · ${e.length} polls this season</p>
-				</div>
-			</div>
-			<div class="view">
+    if (!e.length) return l`<div class="view"><p class="empty">No ${this.sport} polls published yet this season.</p></div>`;
+    const s = Math.max(0, e.findIndex((p) => p.effectiveDate === this.pollDate)), a = e[s] || e[0], o = e[s + 1] || null, i = e.slice().reverse(), n = i.indexOf(a), d = v(this.data.conferences), c = (a.teamIds || [])[0], h = c ? U(t, c) : null;
+    return l`
+			${bt(this, t, {
+      title: l`${D(this.sport)} Top 25`,
+      sub: l`The HighSchoolOT poll · updated weekly · ${e.length} polls this season`,
+      teams: this.data.teams
+    })}
+			${q(this, l`
+				${G(this)}
 				<div class="toolbar">
 					<label class="asof" for="pollsel">Poll of</label>
-					<select id="pollsel" @change=${(h) => {
-      this.pollDate = h.target.value;
+					<select id="pollsel" @change=${(p) => {
+      this.pollDate = p.target.value;
     }}>
-						${e.map((h, f) => d`<option value=${h.effectiveDate} ?selected=${h === r}>
-							${y(h.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
+						${e.map((p, f) => l`<option value=${p.effectiveDate} ?selected=${p === a}>
+							${y(p.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s >= e.length - 1}
@@ -1301,65 +1446,65 @@ class Wt extends b {
 					<span class="spacer"></span>
 					<span class="asof">Movement vs. the previous poll · sparkline = season rank history</span>
 				</div>
-				${l ? this.renderHero(t, r, o, p, l, c) : m}
+				${h ? this.renderHero(t, a, o, c, h, d) : m}
 				<div class="card"><div class="tablewrap"><table class="data">
 					<thead><tr>
 						<th class="num">Rk</th><th>Mvmt</th><th>Team</th><th class="num">Record</th>
 						<th>Conference</th><th>Last result</th><th>Next</th><th>Season</th>
 					</tr></thead>
 					<tbody>
-						${(r.teamIds || []).map((h, f) => f === 0 || !h ? m : this.renderRow(t, r, o, i, n, c, h, f + 1))}
+						${(a.teamIds || []).map((p, f) => f === 0 || !p ? m : this.renderRow(t, a, o, i, n, d, p, 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(t, e, s, r, o, i) {
-    const n = t.records[r], c = Pt(t.records, r), p = i[t.teamsById[r]?.conferenceId], l = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
-    return d`
-			<div class="hero1" style="background:${l}">
+  renderHero(t, e, s, a, o, i) {
+    const n = t.records[a], d = Ft(t.records, a), c = i[t.teamsById[a]?.conferenceId], h = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
+    return l`
+			<div class="hero1" style="background:${h}">
 				<div class="bigrank">#1</div>
-				${F(o, 64)}
+				${H(o, 64)}
 				<div>
-					<h2><a href=${$(t.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
+					<h2><a href=${g(t.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
 					<div class="facts">
-						${x(n)} overall${p ? d` · ${x(n, !0)} ${p.name}` : m}
-						· streak ${Q(n?.results) || "·"}
-						${c ? d` · last: ${c.mark} ${c.my}-${c.their} vs ${q(t, c.opp)}` : m}
-						&nbsp;${this.movement(e, s, r)}
+						${x(n)} overall${c ? l` · ${x(n, !0)} ${c.name}` : m}
+						· streak ${rt(n?.results) || "·"}
+						${d ? l` · last: ${d.mark} ${d.my}-${d.their} vs ${Z(t, d.opp)}` : m}
+						&nbsp;${this.movement(e, s, a)}
 					</div>
 				</div>
 			</div>
 		`;
   }
-  renderRow(t, e, s, r, o, i, n, c) {
-    const p = O(t, n);
-    if (!p) return m;
-    const l = t.records[n], h = Pt(t.records, n), f = mt(this.data.games, n), u = i[t.teamsById[n]?.conferenceId], v = () => {
-      location.href = $(t.hrefs.school, { id: p.id });
+  renderRow(t, e, s, a, o, i, n, d) {
+    const c = U(t, n);
+    if (!c) return m;
+    const h = t.records[n], p = Ft(t.records, n), f = vt(this.data.games, n), u = i[t.teamsById[n]?.conferenceId], $ = () => {
+      location.href = g(t.hrefs.school, { id: c.id });
     };
-    return d`
-			<tr class="rowlink" @click=${(et) => {
-      et.target.closest("a") || v();
+    return l`
+			<tr class="rowlink" @click=${(at) => {
+      at.target.closest("a") || $();
     }}>
-				<td class="num" style="font-weight:700">${c}</td>
+				<td class="num" style="font-weight:700">${d}</td>
 				<td>${this.movement(e, s, n)}</td>
-				<td class="teamcell">${F(p)}<a href=${$(t.hrefs.school, { id: p.id })}>${p.name}</a>
-					<span class="mut" style="font-size:0.78rem">${p.mascot || ""}</span></td>
-				<td class="num">${x(l)}</td>
+				<td class="teamcell">${H(c)}<a href=${g(t.hrefs.school, { id: c.id })}>${c.name}</a>
+					<span class="mut" style="font-size:0.78rem">${c.mascot || ""}</span></td>
+				<td class="num">${x(h)}</td>
 				<td class="mut">${u?.name || "Independent"}</td>
-				<td>${h ? d`<a class="box" style="text-decoration:none" href=${$(t.hrefs.game, { sport: this.sport, id: h.gameId })}>
-					<b style="color:${h.mark === "W" ? "var(--hsot-win)" : h.mark === "L" ? "var(--hsot-loss)" : "var(--hsot-tie)"}">${h.mark}</b>
-					${h.my}-${h.their} vs ${q(t, h.opp)}</a>` : d`<span class="mut">·</span>`}</td>
-				<td>${Mt(t, f, n)}</td>
-				<td>${this.sparkline(n, r, o)}</td>
+				<td>${p ? l`<a class="box" style="text-decoration:none" href=${g(t.hrefs.game, { sport: this.sport, id: p.gameId })}>
+					<b style="color:${p.mark === "W" ? "var(--hsot-win)" : p.mark === "L" ? "var(--hsot-loss)" : "var(--hsot-tie)"}">${p.mark}</b>
+					${p.my}-${p.their} vs ${Z(t, p.opp)}</a>` : l`<span class="mut">·</span>`}</td>
+				<td>${Gt(t, f, n)}</td>
+				<td>${this.sparkline(n, a, o)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", Wt);
-const Pe = w`
+globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", Kt);
+const Le = 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 {
@@ -1384,10 +1529,10 @@ const Pe = w`
 	.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 Vt extends b {
-  static styles = [...H, Pe];
+class Qt extends w {
+  static styles = [...j, Le];
   static properties = {
-    ...b.properties,
+    ...w.properties,
     schoolId: { type: String, attribute: "school-id" },
     sport: { type: String },
     season: { type: String },
@@ -1402,7 +1547,7 @@ class Vt extends b {
     t && !this.sport && (this.sport = t);
   }
   async fetchData(t) {
-    const e = this.season || tt(), s = await t.getSchool(this.schoolId), o = (await t.listTeams({ schoolId: this.schoolId })).items, i = o.find((v) => v.sport === (this.sport || "football")) || o[0] || null, [n, c, p, l, h, f, u] = await Promise.all([
+    const e = this.season || st(), s = await t.getSchool(this.schoolId), o = (await t.listTeams({ schoolId: this.schoolId })).items, i = o.find(($) => $.sport === (this.sport || "football")) || o[0] || null, [n, d, c, h, p, f, u] = await Promise.all([
       i ? t.listGames({ sport: i.sport, season: e }) : Promise.resolve({ items: [] }),
       i ? t.listTeams({ sport: i.sport }) : Promise.resolve({ items: [] }),
       t.listSchools(),
@@ -1419,19 +1564,19 @@ class Vt extends b {
       teams: o,
       active: i,
       games: n.items,
-      allTeams: c.items,
-      schools: p.items,
-      conferences: l.items,
-      rankings: h.items,
-      roster: f.items.find((v) => v.season === e) || null,
+      allTeams: d.items,
+      schools: c.items,
+      conferences: h.items,
+      rankings: p.items,
+      roster: f.items.find(($) => $.season === e) || null,
       players: u.items
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.allTeams.length ? this.data.allTeams : this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: M(this.data.games),
+      teamsById: v(this.data.allTeams.length ? this.data.allTeams : this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: W(this.data.games),
       rankings: this.data.rankings,
       hrefs: L(this),
       sport: this.data.active?.sport || "football"
@@ -1441,110 +1586,111 @@ class Vt extends b {
     this.sport = t, this.load();
   }
   renderView() {
-    const { school: t, teams: e, active: s, season: r } = this.data;
-    if (!t) return d`<div class="view"><p class="empty">School not found.</p></div>`;
-    const o = this.ctx, i = V(t.colorPrimary || "#030711"), n = (t.adm || [])[0], c = g(this.data.conferences), p = s ? c[s.conferenceId] : null;
-    return d`
+    const { school: t, teams: e, active: s, season: a } = this.data;
+    if (!t) return l`<div class="view"><p class="empty">School not found.</p></div>`;
+    const o = this.ctx, i = K(t.colorPrimary || "#030711"), n = (t.adm || [])[0], d = v(this.data.conferences), c = s ? d[s.conferenceId] : null;
+    return l`
 			<div class="schoolhero" style="background:linear-gradient(115deg, ${t.colorPrimary || "#030711"} 0%, ${t.colorPrimary || "#030711"} 55%, var(--hsot-black) 100%);color:${i}">
 				<div class="inner">
-					${G(t, 84) ? d`<img class="crest logo" alt="" loading="lazy" src=${G(t, 84)} />` : d`<div class="crest" style="background:${t.colorSecondary || "#7C7C7C"};color:${V(t.colorSecondary || "#7C7C7C")}">${ft(t)}</div>`}
+					${Q(t, 84) ? l`<img class="crest logo" alt="" loading="lazy" src=${Q(t, 84)} />` : l`<div class="crest" style="background:${t.colorSecondary || "#7C7C7C"};color:${K(t.colorSecondary || "#7C7C7C")}">${ut(t)}</div>`}
 					<div style="min-width:260px">
 						<h1>${t.name} <span class="mascot">${t.mascot || ""}</span></h1>
 						<div class="facts">
-							${t.location ? d`<span><b>Location</b>${t.location}${t.county ? d` · ${t.county} County` : m}</span>` : m}
-							${t.association ? d`<span><b>League</b>${t.association}${t.classification ? d` · ${t.classification}` : m}</span>` : m}
-							${p ? d`<span><b>Conference</b>${p.name}</span>` : m}
-							${n ? d`<span><b>Enrollment</b>${n.value.toLocaleString()} (${n.season} ADM)</span>` : m}
-							${t.openingYear ? d`<span><b>Opened</b>${t.openingYear}</span>` : m}
-							${t.areaCode ? d`<span><b>Area</b>${t.areaCode}</span>` : m}
-							${t.tagSlug ? d`<span><b>Tag</b>#${t.tagSlug}</span>` : m}
+							${t.location ? l`<span><b>Location</b>${t.location}${t.county ? l` · ${t.county} County` : m}</span>` : m}
+							${t.association ? l`<span><b>League</b>${t.association}${t.classification ? l` · ${t.classification}` : m}</span>` : m}
+							${c ? l`<span><b>Conference</b>${c.name}</span>` : m}
+							${n ? l`<span><b>Enrollment</b>${n.value.toLocaleString()} (${n.season} ADM)</span>` : m}
+							${t.openingYear ? l`<span><b>Opened</b>${t.openingYear}</span>` : m}
+							${t.areaCode ? l`<span><b>Area</b>${t.areaCode}</span>` : m}
+							${t.tagSlug ? l`<span><b>Tag</b>#${t.tagSlug}</span>` : m}
 						</div>
 					</div>
 				</div>
 			</div>
 			<div class="band">
 				<nav class="tabs" aria-label="Teams">
-					${e.map((l) => l.id === s?.id ? d`<a class="on" href="#" @click=${(h) => h.preventDefault()}>${l.name}</a>` : d`<a href="#" @click=${(h) => {
-      h.preventDefault(), this.switchSport(l.sport);
-    }}>${l.name}</a>`)}
+					${e.map((h) => h.id === s?.id ? l`<a class="on" href="#" @click=${(p) => p.preventDefault()}>${h.name}</a>` : l`<a href="#" @click=${(p) => {
+      p.preventDefault(), this.switchSport(h.sport);
+    }}>${h.name}</a>`)}
 				</nav>
 			</div>
-			<div class="view">
-				${s ? this.renderTeam(o, s, p, r) : d`<p class="empty">No teams recorded for this school yet.</p>`}
-			</div>
+			${q(this, l`
+				${G(this)}
+				${s ? this.renderTeam(o, s, c, a) : l`<p class="empty">No teams recorded for this school yet.</p>`}
+			`)}
 		`;
   }
-  renderTeam(t, e, s, r) {
-    const o = t.records[e.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, n = s ? this.data.allTeams.filter((h) => h.conferenceId === s.id) : [], c = s ? Nt(n, t.records).findIndex((h) => h.team.id === e.id) + 1 : 0, p = Ht(t.rankings, t.teamsById, e.id, e.sport, null), l = this.data.games.filter((h) => h.homeTeamId === e.id || h.awayTeamId === e.id).sort((h, f) => String(h.date).localeCompare(String(f.date)));
-    return d`
+  renderTeam(t, e, s, a) {
+    const o = t.records[e.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, n = s ? this.data.allTeams.filter((p) => p.conferenceId === s.id) : [], d = s ? qt(n, t.records).findIndex((p) => p.team.id === e.id) + 1 : 0, c = $t(t.rankings, t.teamsById, e.id, e.sport, null), h = this.data.games.filter((p) => p.homeTeamId === e.id || p.awayTeamId === e.id).sort((p, f) => String(p.date).localeCompare(String(f.date)));
+    return l`
 			<div class="tiles">
 				<div class="tile"><div class="k">Overall</div><div class="v">${x(o)}</div><div class="s">${i} games played</div></div>
 				<div class="tile"><div class="k">${s?.name || "Conference"}</div><div class="v">${x(o, !0)}</div>
-					<div class="s">${c ? `${Ae(c)} of ${n.length}` : "·"}</div></div>
+					<div class="s">${d ? `${Ae(d)} of ${n.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">${Q(o.results) || "·"}</div>
-					<div class="s">last 5: ${gt(t, e.id)}</div></div>
-				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${p ? `#${p}` : "NR"}</div>
-					<div class="s"><a href=${$(t.hrefs.section, { sport: e.sport, view: "rankings" })}>full poll</a></div></div>
+				<div class="tile"><div class="k">Streak</div><div class="v">${rt(o.results) || "·"}</div>
+					<div class="s">last 5: ${wt(t, e.id)}</div></div>
+				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${c ? `#${c}` : "NR"}</div>
+					<div class="s"><a href=${g(t.hrefs.section, { sport: e.sport, view: "rankings" })}>full poll</a></div></div>
 			</div>
-			${(e.championships || []).length ? d`
+			${(e.championships || []).length ? l`
 				<div style="margin:-0.2rem 0 1rem;display:flex;gap:0.4rem;flex-wrap:wrap">
-					${e.championships.map((h) => d`<span class="pill champ">★ ${h.season} ${h.title} champion${h.classification ? ` · ${h.classification}` : ""}${h.region ? ` · ${h.region}` : ""}</span>`)}
+					${e.championships.map((p) => l`<span class="pill champ">★ ${p.season} ${p.title} champion${p.classification ? ` · ${p.classification}` : ""}${p.region ? ` · ${p.region}` : ""}</span>`)}
 				</div>` : m}
 			<div class="cols">
 				<div>
 					<div class="section-title">Schedule &amp; results</div>
 					<div class="card">
-						${l.length ? d`<ul class="gamelist">${l.map((h) => this.renderGameRow(t, e, h))}</ul>` : d`<p class="empty">No ${e.sport} games recorded for ${r}.</p>`}
+						${h.length ? l`<ul class="gamelist">${h.map((p) => this.renderGameRow(t, e, p))}</ul>` : l`<p class="empty">No ${e.sport} games recorded for ${a}.</p>`}
 					</div>
 				</div>
 				<div>
-					<div class="section-title">Roster · ${r}</div>
-					<div class="card">${this.renderRoster(r)}</div>
+					<div class="section-title">Roster · ${a}</div>
+					<div class="card">${this.renderRoster(a)}</div>
 				</div>
 			</div>
 		`;
   }
   renderGameRow(t, e, s) {
-    const r = s.homeTeamId === e.id, o = r ? s.awayTeamId : s.homeTeamId, i = r ? s.homeScore : s.awayScore, n = r ? s.awayScore : s.homeScore;
-    let c = d`<span class="mut">${X(s.time)}</span>`;
+    const a = s.homeTeamId === e.id, o = a ? s.awayTeamId : s.homeTeamId, i = a ? s.homeScore : s.awayScore, n = a ? s.awayScore : s.homeScore;
+    let d = l`<span class="mut">${et(s.time)}</span>`;
     if (s.state === "final") {
-      const l = pt(s), h = l === "tie" ? "T" : l === (r ? "home" : "away") ? "W" : "L";
-      c = d`<span class=${h}>${h}</span> ${i}-${n}${s.finish === "overtime" ? d` <span class="mut">OT</span>` : m}${s.forfeit && s.forfeit !== "none" ? d` <span class="mut">FF</span>` : m}`;
-    } else s.state === "live" && (c = d`<span style="color:var(--hsot-red)">${i}-${n}</span>`);
-    const p = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
-    return d`
+      const h = gt(s), p = h === "tie" ? "T" : h === (a ? "home" : "away") ? "W" : "L";
+      d = l`<span class=${p}>${p}</span> ${i}-${n}${s.finish === "overtime" ? l` <span class="mut">OT</span>` : m}${s.forfeit && s.forfeit !== "none" ? l` <span class="mut">FF</span>` : m}`;
+    } else s.state === "live" && (d = l`<span style="color:var(--hsot-red)">${i}-${n}</span>`);
+    const c = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
+    return l`
 			<li>
 				<span class="d">${y(s.date)}</span>
-				${Y(s)}
-				<span class="res">${c}</span>
-				<span class="opp">${r ? "vs" : "at"} ${it(t, o, s.date)}
-					<span class="pill type">${p}</span>
-					${s.broadcast ? d`<span class="pill class">${s.broadcast}</span>` : m}
+				${J(s)}
+				<span class="res">${d}</span>
+				<span class="opp">${a ? "vs" : "at"} ${lt(t, o, s.date)}
+					<span class="pill type">${c}</span>
+					${s.broadcast ? l`<span class="pill class">${s.broadcast}</span>` : m}
 				</span>
 				<span class="where">${s.venue || ""}</span>
-				<a class="box" href=${$(t.hrefs.game, { sport: e.sport, id: s.id })}>Box score →</a>
+				<a class="box" href=${g(t.hrefs.game, { sport: e.sport, id: s.id })}>Box score →</a>
 			</li>
 		`;
   }
   renderRoster(t) {
     const e = this.data.roster;
     if (!e)
-      return d`<p class="empty">Roster not published for ${t}.</p>`;
-    const s = g(this.data.players), r = e.entries.slice().sort((o, i) => (o.number || 0) - (i.number || 0));
-    return d`
+      return l`<p class="empty">Roster not published for ${t}.</p>`;
+    const s = v(this.data.players), a = e.entries.slice().sort((o, i) => (o.number || 0) - (i.number || 0));
+    return l`
 			<div class="tablewrap"><table class="data">
 				<thead><tr><th class="num">No.</th><th>Player</th><th>Pos</th><th>Class</th><th class="num">Ht</th><th class="num">Wt</th></tr></thead>
 				<tbody>
-					${r.map((o) => {
+					${a.map((o) => {
       const i = s[o.playerId];
-      return i ? d`<tr>
+      return i ? l`<tr>
 							<td class="num mut">${o.number ?? "·"}</td>
 							<td style="font-weight:500">${i.firstName} ${i.lastName}</td>
 							<td>${o.position || "·"}</td>
 							<td class="mut">${i.classOf || "·"}</td>
-							<td class="num">${Se(i.heightIn)}</td>
+							<td class="num">${_e(i.heightIn)}</td>
 							<td class="num">${i.weightLb || "·"}</td>
 						</tr>` : m;
     })}
@@ -1553,37 +1699,37 @@ class Vt extends b {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", Vt);
-const De = "https://api.wral.com/search";
-function Re(a) {
-  return a.map((t) => `uri:"${t}"`).join(" OR ");
+globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", Qt);
+const je = "https://api.wral.com/search";
+function We(r) {
+  return r.map((t) => `uri:"${t}"`).join(" OR ");
 }
-function ze(a, t) {
-  const e = String(a || De).replace(/\/+$/, ""), s = new URLSearchParams({ query: Re(t), sort: "score", lang: "en" });
+function qe(r, t) {
+  const e = String(r || je).replace(/\/+$/, ""), s = new URLSearchParams({ query: We(t), sort: "score", lang: "en" });
   return `${e}/v1/query?${s}`;
 }
-function Gt(a) {
+function Zt(r) {
   try {
-    const t = new URL(a);
+    const t = new URL(r);
     if (/(^|\.)smugmug\.com$/i.test(t.hostname)) {
       const e = t.pathname.split("/").filter(Boolean).pop() || "", s = !e || /^[ni]-[A-Za-z0-9]+$/.test(e);
       return {
-        uri: a,
-        title: s ? a : decodeURIComponent(e).replace(/-/g, " "),
+        uri: r,
+        title: s ? r : decodeURIComponent(e).replace(/-/g, " "),
         photos: !0
       };
     }
   } catch {
   }
-  return { uri: a, title: a };
+  return { uri: r, title: r };
 }
-async function Be(a, t, e) {
-  const r = await ((...n) => fetch(...n))(ze(a, t));
-  if (!r.ok) throw new Error(`search answered ${r.status}`);
-  const o = await r.json(), i = new Map((o.items || []).map((n) => [n.uri, n]));
-  return t.map((n) => i.get(n) || Gt(n));
+async function Ge(r, t, e) {
+  const a = await ((...n) => fetch(...n))(qe(r, t));
+  if (!a.ok) throw new Error(`search answered ${a.status}`);
+  const o = await a.json(), i = new Map((o.items || []).map((n) => [n.uri, n]));
+  return t.map((n) => i.get(n) || Zt(n));
 }
-const Ue = w`
+const Ve = 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; }
@@ -1622,10 +1768,10 @@ const Ue = w`
 		.cols { grid-template-columns: 1fr; }
 	}
 `;
-class qt extends b {
-  static styles = [...H, Ue];
+class Jt extends w {
+  static styles = [...j, Ve];
   static properties = {
-    ...b.properties,
+    ...w.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
@@ -1637,7 +1783,7 @@ class qt extends b {
     super(), this.gameId = "", this.searchApi = "";
   }
   async fetchData(t) {
-    const e = await t.getGame(this.gameId), s = Array.isArray(e.coverageUrls) ? e.coverageUrls : [], [r, o, i, n, c, p] = await Promise.all([
+    const e = await t.getGame(this.gameId), s = Array.isArray(e.coverageUrls) ? e.coverageUrls : [], [a, o, i, n, d, c] = await Promise.all([
       t.listSchools(),
       t.listTeams({ sport: e.sport }),
       t.listConferences(),
@@ -1645,23 +1791,23 @@ class qt extends b {
       t.listGames({ sport: e.sport, season: e.season }),
       // A search outage must not blank the box score — degrade to bare
       // links (fetchCoverage already degrades per-URL index misses).
-      s.length ? Be(this.searchApi, s).catch(() => s.map(Gt)) : Promise.resolve([])
+      s.length ? Ge(this.searchApi, s).catch(() => s.map(Zt)) : Promise.resolve([])
     ]);
     return {
       game: e,
-      schools: r.items,
+      schools: a.items,
       teams: o.items,
       conferences: i.items,
       rankings: n.items,
-      games: c.items,
-      coverage: p
+      games: d.items,
+      coverage: c
     };
   }
   get ctx() {
     return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
-      teamsById: g(this.data.teams),
-      schoolsById: g(this.data.schools),
-      records: M(this.data.games),
+      teamsById: v(this.data.teams),
+      schoolsById: v(this.data.schools),
+      records: W(this.data.games),
       rankings: this.data.rankings,
       hrefs: L(this),
       sport: this.data.game.sport
@@ -1669,49 +1815,50 @@ class qt extends b {
   }
   renderView() {
     const t = this.data.game;
-    if (!t) return d`<div class="view"><p class="empty">Game not found.</p></div>`;
-    const e = this.ctx, s = g(this.data.conferences), r = e.teamsById[t.awayTeamId] ? e.schoolsById[e.teamsById[t.awayTeamId].schoolId] : null, o = e.teamsById[t.homeTeamId] ? e.schoolsById[e.teamsById[t.homeTeamId].schoolId] : null, i = pt(t), n = (l) => t.state === "final" && i !== l && i !== "tie" ? "opacity:0.45" : "", c = t.conferenceId ? s[t.conferenceId] : null, p = this.data.games.filter((l) => l.id !== t.id && l.state === "final" && l.gameType !== "scrimmage" && (l.homeTeamId === t.homeTeamId && l.awayTeamId === t.awayTeamId || l.homeTeamId === t.awayTeamId && l.awayTeamId === t.homeTeamId));
-    return d`
-			<div class="view">
+    if (!t) return l`<div class="view"><p class="empty">Game not found.</p></div>`;
+    const e = this.ctx, s = v(this.data.conferences), a = e.teamsById[t.awayTeamId] ? e.schoolsById[e.teamsById[t.awayTeamId].schoolId] : null, o = e.teamsById[t.homeTeamId] ? e.schoolsById[e.teamsById[t.homeTeamId].schoolId] : null, i = gt(t), n = (h) => t.state === "final" && i !== h && i !== "tie" ? "opacity:0.45" : "", d = t.conferenceId ? s[t.conferenceId] : null, c = this.data.games.filter((h) => h.id !== t.id && h.state === "final" && h.gameType !== "scrimmage" && (h.homeTeamId === t.homeTeamId && h.awayTeamId === t.awayTeamId || h.homeTeamId === t.awayTeamId && h.awayTeamId === t.homeTeamId));
+    return l`
+			${q(this, l`
+				${G(this)}
 				<p class="breadcrumbs">
-					<a href=${$(e.hrefs.section, { sport: t.sport, view: "scores" })}>${J(t.sport)}</a> /
-					<a href=${$(e.hrefs.section, { sport: t.sport, view: "scores" })}>Scores/Schedules</a> /
-					${P(e, t.awayTeamId)} at ${P(e, t.homeTeamId)}
+					<a href=${g(e.hrefs.section, { sport: t.sport, view: "scores" })}>${D(t.sport)}</a> /
+					<a href=${g(e.hrefs.section, { sport: t.sport, view: "scores" })}>Scores/Schedules</a> /
+					${z(e, t.awayTeamId)} at ${z(e, t.homeTeamId)}
 				</p>
 				<div class="card">
 					<div class="scorehead">
-						${this.teamBlock(e, t, t.awayTeamId, r, !1)}
+						${this.teamBlock(e, t, t.awayTeamId, a, !1)}
 						<div class="mid">
 							<div class="bigscore">
 								<span style=${n("away")}>${t.awayScore}</span>
 								<span class="mut" style="font-size:1.6rem">–</span>
 								<span style=${n("home")}>${t.homeScore}</span>
 							</div>
-							<div class="status">${Y(t)}</div>
-							<div class="status">${y(t.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${t.state === "scheduled" && t.time ? d` · ${X(t.time)}` : m} · ${t.venue || "Venue TBD"}
-								${t.broadcast ? d` · <span class="pill class">${t.broadcast}</span>` : m}</div>
+							<div class="status">${J(t)}</div>
+							<div class="status">${y(t.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${t.state === "scheduled" && t.time ? l` · ${et(t.time)}` : m} · ${t.venue || "Venue TBD"}
+								${t.broadcast ? l` · <span class="pill class">${t.broadcast}</span>` : m}</div>
 							<div class="status">
-								<span class="pill type">${t.gameType === "conference" ? `${c?.name || "Conference"} game` : t.gameType}</span>
-								${t.label ? d`<span class="pill type">Bracket ${t.label}</span>` : m}
-								${(t.tags || []).map((l) => d`<span class="pill type">${l}</span>`)}
+								<span class="pill type">${t.gameType === "conference" ? `${d?.name || "Conference"} game` : t.gameType}</span>
+								${t.label ? l`<span class="pill type">Bracket ${t.label}</span>` : m}
+								${(t.tags || []).map((h) => l`<span class="pill type">${h}</span>`)}
 							</div>
 						</div>
 						${this.teamBlock(e, t, t.homeTeamId, o, !0)}
 					</div>
-					${this.renderLineScore(t, r, o)}
-					${t.notes ? d`<p class="note" style="padding:0 1rem 0.9rem;text-align:center">${t.notes}</p>` : m}
+					${this.renderLineScore(t, a, o)}
+					${t.notes ? l`<p class="note" style="padding:0 1rem 0.9rem;text-align:center">${t.notes}</p>` : m}
 				</div>
-				${(this.data.coverage || []).length ? d`
+				${(this.data.coverage || []).length ? l`
 					<div class="section-title">Coverage</div>
 					<div class="covgrid">
-						${this.data.coverage.map((l) => d`
-							<a class="card covcard" href=${l.uri}>
-								${l.image ? d`<img class="covimg" src=${l.image} alt="" loading="lazy" />` : m}
+						${this.data.coverage.map((h) => l`
+							<a class="card covcard" href=${h.uri}>
+								${h.image ? l`<img class="covimg" src=${h.image} alt="" loading="lazy" />` : m}
 								<div class="covbody">
-									<div class="covtitle">${l.videoDuration ? d`<span class="pill live" style="animation:none">Video</span> ` : m}${l.photos ? d`<span class="pill live" style="animation:none">Photos</span> ` : m}${l.title || l.uri}</div>
-									${l.description ? d`<p class="covdesc">${l.description}</p>` : m}
-									${l.author || l.publishedTime ? d`
-										<div class="covmeta">${[l.author, l.publishedTime ? new Date(l.publishedTime).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : ""].filter(Boolean).join(" · ")}</div>
+									<div class="covtitle">${h.videoDuration ? l`<span class="pill live" style="animation:none">Video</span> ` : m}${h.photos ? l`<span class="pill live" style="animation:none">Photos</span> ` : m}${h.title || h.uri}</div>
+									${h.description ? l`<p class="covdesc">${h.description}</p>` : m}
+									${h.author || h.publishedTime ? l`
+										<div class="covmeta">${[h.author, h.publishedTime ? new Date(h.publishedTime).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : ""].filter(Boolean).join(" · ")}</div>
 									` : m}
 								</div>
 							</a>
@@ -1719,53 +1866,53 @@ class qt extends b {
 					</div>` : m}
 				<div class="section-title">Season context</div>
 				<div class="cols">
-					${[[t.awayTeamId, r], [t.homeTeamId, o]].map(([l, h]) => this.renderContext(e, l, h))}
+					${[[t.awayTeamId, a], [t.homeTeamId, o]].map(([h, p]) => this.renderContext(e, h, p))}
 				</div>
-				${p.length ? d`
+				${c.length ? l`
 					<div class="section-title">Head to head this season</div>
 					<div class="card"><ul class="gamelist">
-						${p.map((l) => d`<li>
-							<span class="d">${y(l.date)}</span>${Y(l)}
-							<span class="opp">${P(e, l.awayTeamId)} ${l.awayScore}, ${P(e, l.homeTeamId)} ${l.homeScore}</span>
-							<a class="box" href=${$(e.hrefs.game, { sport: t.sport, id: l.id })}>Box score →</a>
+						${c.map((h) => l`<li>
+							<span class="d">${y(h.date)}</span>${J(h)}
+							<span class="opp">${z(e, h.awayTeamId)} ${h.awayScore}, ${z(e, h.homeTeamId)} ${h.homeScore}</span>
+							<a class="box" href=${g(e.hrefs.game, { sport: t.sport, id: h.id })}>Box score →</a>
 						</li>`)}
 					</ul></div>` : m}
-			</div>
+			`)}
 		`;
   }
-  teamBlock(t, e, s, r, o) {
-    if (!r) return d`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
-    const i = t.teamsById[s], n = t.records[s], c = G(r, 58);
-    return d`
+  teamBlock(t, e, s, a, o) {
+    if (!a) return l`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
+    const i = t.teamsById[s], n = t.records[s], d = Q(a, 58);
+    return l`
 			<div class="teamblock ${o ? "right" : ""}">
-				${c ? d`<img class="crest logo" alt="" loading="lazy" src=${c} />` : d`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${V(r.colorPrimary || "#030711")}">${ft(r)}</span>`}
+				${d ? l`<img class="crest logo" alt="" loading="lazy" src=${d} />` : l`<span class="crest" style="background:${a.colorPrimary || "#030711"};color:${K(a.colorPrimary || "#030711")}">${ut(a)}</span>`}
 				<div>
-					<div class="tname">${ut(t, s, e.date)}<a href=${$(t.hrefs.school, { id: r.id })}>${r.name}</a></div>
-					<div class="trec">${r.mascot || ""} · ${x(n)}${i?.conferenceId ? d` · ${x(n, !0)} conf` : m}</div>
+					<div class="tname">${yt(t, s, e.date)}<a href=${g(t.hrefs.school, { id: a.id })}>${a.name}</a></div>
+					<div class="trec">${a.mascot || ""} · ${x(n)}${i?.conferenceId ? l` · ${x(n, !0)} conf` : m}</div>
 				</div>
 			</div>
 		`;
   }
   renderLineScore(t, e, s) {
-    const r = t.periodScores || [];
-    if (!r.length)
-      return d`<p class="empty" style="text-align:center">Period scoring will appear once the game starts.</p>`;
-    const o = Math.max(4, ...r.map((p) => p.period)), i = (p) => p <= 4 ? String(p) : `OT${p > 5 ? p - 4 : ""}`, n = (p, l) => {
-      const h = r.find((f) => f.period === l);
-      return h ? h[p] : t.state === "final" ? 0 : "·";
-    }, c = (p, l, h) => d`
+    const a = t.periodScores || [];
+    if (!a.length)
+      return l`<p class="empty" style="text-align:center">Period scoring will appear once the game starts.</p>`;
+    const o = Math.max(4, ...a.map((c) => c.period)), i = (c) => c <= 4 ? String(c) : `OT${c > 5 ? c - 4 : ""}`, n = (c, h) => {
+      const p = a.find((f) => f.period === h);
+      return p ? p[c] : t.state === "final" ? 0 : "·";
+    }, d = (c, h, p) => l`
 			<tr>
-				<td class="teamcell">${F(p, 20)}${p?.abbr || "TBD"}</td>
-				${Array.from({ length: o }, (f, u) => d`<td class="num">${n(l, u + 1)}</td>`)}
-				<td class="num" style="font-weight:700">${h}</td>
+				<td class="teamcell">${H(c, 20)}${c?.abbr || "TBD"}</td>
+				${Array.from({ length: o }, (f, u) => l`<td class="num">${n(h, u + 1)}</td>`)}
+				<td class="num" style="font-weight:700">${p}</td>
 			</tr>`;
-    return d`
+    return l`
 			<div class="tablewrap" style="border-top:1px solid var(--hsot-gray-2)">
 				<table class="data" style="max-width:560px;margin:0.6rem auto 0.9rem">
-					<thead><tr><th>Team</th>${Array.from({ length: o }, (p, l) => d`<th class="num">${i(l + 1)}</th>`)}<th class="num">T</th></tr></thead>
+					<thead><tr><th>Team</th>${Array.from({ length: o }, (c, h) => l`<th class="num">${i(h + 1)}</th>`)}<th class="num">T</th></tr></thead>
 					<tbody>
-						${c(e, "away", t.awayScore)}
-						${c(s, "home", t.homeScore)}
+						${d(e, "away", t.awayScore)}
+						${d(s, "home", t.homeScore)}
 					</tbody>
 				</table>
 			</div>
@@ -1773,36 +1920,216 @@ class qt extends b {
   }
   renderContext(t, e, s) {
     if (!s) return m;
-    const r = t.records[e], o = mt(this.data.games, e);
-    return d`
+    const a = t.records[e], o = vt(this.data.games, e);
+    return l`
 			<div class="card ctxcard">
-				<div class="who">${F(s)}${s.name}</div>
+				<div class="who">${H(s)}${s.name}</div>
 				<div class="row">
-					<span>Last 5: ${gt(t, e)}</span>
-					<span>Streak: <b>${r ? Q(r.results) : "·"}</b></span>
-					<span>PF/PA: <b>${r ? `${r.pf} / ${r.pa}` : "·"}</b></span>
-					<span>Next: ${o ? d`${y(o.date, { month: "numeric", day: "numeric" })}
-						${o.homeTeamId === e ? "vs" : "at"} ${q(t, o.homeTeamId === e ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
+					<span>Last 5: ${wt(t, e)}</span>
+					<span>Streak: <b>${a ? rt(a.results) : "·"}</b></span>
+					<span>PF/PA: <b>${a ? `${a.pf} / ${a.pa}` : "·"}</b></span>
+					<span>Next: ${o ? l`${y(o.date, { month: "numeric", day: "numeric" })}
+						${o.homeTeamId === e ? "vs" : "at"} ${Z(t, o.homeTeamId === e ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
 				</div>
 			</div>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", qt);
-const Oe = {
-  "hsot-scores": Lt,
-  "hsot-standings": jt,
-  "hsot-rankings": Wt,
-  "hsot-school": Vt,
-  "hsot-boxscore": qt
+globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", Jt);
+const Ye = 250, Ke = 2;
+class Xt extends E {
+  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(t) {
+    const e = t.target.value.trim();
+    if (clearTimeout(this.debounceTimer), e.length < Ke) {
+      this.abortController?.abort(), this.results = [], this.open = !1, this.searched = !1;
+      return;
+    }
+    this.debounceTimer = setTimeout(() => this.search(e), Ye);
+  }
+  async search(t) {
+    this.abortController?.abort(), this.abortController = new AbortController();
+    try {
+      const e = `${this.api}/schools?q=${encodeURIComponent(t)}&limit=${this.limit}`, s = await fetch(e, {
+        signal: this.abortController.signal
+      });
+      if (!s.ok)
+        return;
+      const a = await s.json();
+      this.results = a.items || [], this.activeIndex = -1, this.searched = !0, this.open = !0;
+    } catch (e) {
+      e.name !== "AbortError" && console.warn("school search failed", e);
+    }
+  }
+  onKeyDown(t) {
+    if (t.key === "Escape") {
+      this.open = !1;
+      return;
+    }
+    if (!(!this.open || !this.results.length))
+      if (t.key === "ArrowDown")
+        t.preventDefault(), this.activeIndex = (this.activeIndex + 1) % this.results.length;
+      else if (t.key === "ArrowUp") {
+        t.preventDefault();
+        const e = this.results.length;
+        this.activeIndex = (this.activeIndex - 1 + e) % e;
+      } else t.key === "Enter" && (t.preventDefault(), this.go(this.results[this.activeIndex] || this.results[0]));
+  }
+  onBlur() {
+    setTimeout(() => {
+      this.open = !1;
+    }, 150);
+  }
+  onFocus() {
+    this.results.length && (this.open = !0);
+  }
+  go(t) {
+    t && (globalThis.location.href = this.schoolHref.replace("{id}", t.id));
+  }
+  where(t) {
+    return [t.location, t.county && `${t.county} County`].filter(Boolean).join(" — ");
+  }
+  renderOption(t, e) {
+    const s = this.where(t), a = (o) => {
+      o.preventDefault(), this.go(t);
+    };
+    return l`
+			<li
+				id="school-option-${e}"
+				role="option"
+				aria-selected="${e === this.activeIndex ? "true" : "false"}"
+				@pointerdown="${a}"
+				@mousemove="${() => {
+      this.activeIndex = e;
+    }}"
+			>
+				<span class="name">${t.name}</span>
+				${s ? l`<span class="where">${s}</span>` : m}
+			</li>
+		`;
+  }
+  renderListbox() {
+    const t = this.searched && !this.results.length, e = l`<li class="empty">No schools found</li>`;
+    return l`
+			<ul id="school-search-listbox" role="listbox" aria-label="Schools">
+				${this.results.map((s, a) => this.renderOption(s, a))}
+				${t ? e : m}
+			</ul>
+		`;
+  }
+  render() {
+    const t = this.activeIndex >= 0 ? `school-option-${this.activeIndex}` : "";
+    return l`
+			<input
+				type="text"
+				role="combobox"
+				aria-label="Find your school"
+				aria-expanded="${this.open ? "true" : "false"}"
+				aria-controls="school-search-listbox"
+				aria-activedescendant="${t}"
+				autocomplete="off"
+				placeholder="${this.placeholder}"
+				@input="${this.onInput}"
+				@keydown="${this.onKeyDown}"
+				@blur="${this.onBlur}"
+				@focus="${this.onFocus}"
+			>
+			${this.open ? this.renderListbox() : m}
+		`;
+  }
+}
+globalThis?.customElements && !globalThis.customElements.get("hsot-school-search") && globalThis.customElements.define("hsot-school-search", Xt);
+const Qe = {
+  "hsot-scores": Vt,
+  "hsot-standings": Yt,
+  "hsot-rankings": Kt,
+  "hsot-school": Qt,
+  "hsot-boxscore": Jt,
+  "hsot-school-search": Xt
 };
-function Fe() {
-  const a = globalThis?.customElements;
-  if (a)
-    for (const [t, e] of Object.entries(Oe))
-      a.get(t) || a.define(t, e);
+function Ze() {
+  const r = globalThis?.customElements;
+  if (r)
+    for (const [t, e] of Object.entries(Qe))
+      r.get(t) || r.define(t, e);
 }
-typeof window < "u" && globalThis.customElements && Fe();
+typeof window < "u" && globalThis.customElements && Ze();
 export {
-  Fe as defineAll
+  Ze as defineAll
 };