@wral/hsot-data 0.1.8 → 0.1.10

package/dist/define.standalone.js

@@ -17,14 +17,14 @@ let Ft = class {
     return this.cssText;
   }
 };
-const ee = (a) => new Ft(typeof a == "string" ? a : a + "", void 0, lt), b = (a, ...t) => {
+const se = (a) => new Ft(typeof a == "string" ? a : a + "", void 0, lt), b = (a, ...t) => {
   const e = a.length === 1 ? a[0] : t.reduce((s, r, 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 Ft(e, a, lt);
-}, se = (a, t) => {
+}, ae = (a, t) => {
   if (nt) a.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), r = V.litNonce;
@@ -33,12 +33,12 @@ const ee = (a) => new Ft(typeof a == "string" ? a : a + "", void 0, lt), b = (a,
 }, xt = nt ? (a) => a : (a) => a instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
-  return ee(e);
+  return se(e);
 })(a) : a;
-const { is: ae, defineProperty: re, getOwnPropertyDescriptor: oe, getOwnPropertyNames: ie, getOwnPropertySymbols: ne, getPrototypeOf: le } = Object, X = globalThis, kt = X.trustedTypes, ce = kt ? kt.emptyScript : "", he = X.reactiveElementPolyfillSupport, B = (a, t) => a, it = { toAttribute(a, t) {
+const { is: re, defineProperty: oe, getOwnPropertyDescriptor: ie, getOwnPropertyNames: ne, getOwnPropertySymbols: le, getPrototypeOf: ce } = Object, X = globalThis, kt = X.trustedTypes, he = kt ? kt.emptyScript : "", de = X.reactiveElementPolyfillSupport, B = (a, t) => a, it = { toAttribute(a, t) {
   switch (t) {
     case Boolean:
-      a = a ? ce : null;
+      a = a ? he : null;
       break;
     case Object:
     case Array:
@@ -63,7 +63,7 @@ const { is: ae, defineProperty: re, getOwnPropertyDescriptor: oe, getOwnProperty
       }
   }
   return e;
-} }, Nt = (a, t) => !ae(a, t), _t = { attribute: !0, type: String, converter: it, reflect: !1, useDefault: !1, hasChanged: Nt };
+} }, Nt = (a, t) => !re(a, t), _t = { attribute: !0, type: String, converter: it, reflect: !1, useDefault: !1, hasChanged: Nt };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), X.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let I = class extends HTMLElement {
   static addInitializer(t) {
@@ -75,11 +75,11 @@ let I = class extends HTMLElement {
   static createProperty(t, e = _t) {
     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 && re(this.prototype, t, r);
+      r !== void 0 && oe(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, e, s) {
-    const { get: r, set: o } = oe(this.prototype, t) ?? { get() {
+    const { get: r, set: o } = ie(this.prototype, t) ?? { get() {
       return this[e];
     }, set(i) {
       this[e] = i;
@@ -94,13 +94,13 @@ let I = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(B("elementProperties"))) return;
-    const t = le(this);
+    const t = ce(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(B("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(B("properties"))) {
-      const e = this.properties, s = [...ie(e), ...ne(e)];
+      const e = this.properties, s = [...ne(e), ...le(e)];
       for (const r of s) this.createProperty(r, e[r]);
     }
     const t = this[Symbol.metadata];
@@ -146,7 +146,7 @@ let I = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return se(t, this.constructor.elementStyles), t;
+    return ae(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
@@ -246,41 +246,41 @@ let I = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-I.elementStyles = [], I.shadowRootOptions = { mode: "open" }, I[B("elementProperties")] = /* @__PURE__ */ new Map(), I[B("finalized")] = /* @__PURE__ */ new Map(), he?.({ ReactiveElement: I }), (X.reactiveElementVersions ??= []).push("2.1.2");
-const ct = globalThis, St = (a) => a, Y = ct.trustedTypes, At = Y ? Y.createPolicy("lit-html", { createHTML: (a) => a }) : void 0, Ot = "$lit$", k = `lit$${Math.random().toFixed(9).slice(2)}$`, Ut = "?" + k, de = `<${Ut}>`, T = document, F = () => T.createComment(""), N = (a) => a === null || typeof a != "object" && typeof a != "function", ht = Array.isArray, pe = (a) => ht(a) || typeof a?.[Symbol.iterator] == "function", rt = `[ 	
+I.elementStyles = [], I.shadowRootOptions = { mode: "open" }, I[B("elementProperties")] = /* @__PURE__ */ new Map(), I[B("finalized")] = /* @__PURE__ */ new Map(), de?.({ ReactiveElement: I }), (X.reactiveElementVersions ??= []).push("2.1.2");
+const ct = globalThis, St = (a) => a, Y = ct.trustedTypes, At = Y ? Y.createPolicy("lit-html", { createHTML: (a) => a }) : void 0, Ut = "$lit$", k = `lit$${Math.random().toFixed(9).slice(2)}$`, Ot = "?" + k, pe = `<${Ot}>`, T = document, F = () => T.createComment(""), N = (a) => a === null || typeof a != "object" && typeof a != "function", ht = Array.isArray, me = (a) => ht(a) || typeof a?.[Symbol.iterator] == "function", rt = `[ 	
 \f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Tt = /-->/g, It = />/g, S = RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Et = /'/g, Ct = /"/g, Ht = /^(?:script|style|textarea|title)$/i, Mt = (a) => (t, ...e) => ({ _$litType$: a, strings: t, values: e }), l = Mt(1), Pt = Mt(2), P = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), Dt = /* @__PURE__ */ new WeakMap(), A = T.createTreeWalker(T, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ct = /'/g, Et = /"/g, Ht = /^(?:script|style|textarea|title)$/i, Mt = (a) => (t, ...e) => ({ _$litType$: a, strings: t, values: e }), c = Mt(1), Pt = Mt(2), P = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), Dt = /* @__PURE__ */ new WeakMap(), A = T.createTreeWalker(T, 129);
 function Lt(a, t) {
   if (!ht(a) || !a.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return At !== void 0 ? At.createHTML(t) : t;
 }
-const me = (a, t) => {
+const fe = (a, t) => {
   const e = a.length - 1, s = [];
   let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = R;
   for (let n = 0; n < e; n++) {
     const d = a[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 = Tt : h[1] !== void 0 ? i = It : h[2] !== void 0 ? (Ht.test(h[2]) && (r = RegExp("</" + h[2], "g")), i = S) : h[3] !== void 0 && (i = S) : i === S ? h[0] === ">" ? (i = r ?? 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] === '"' ? Ct : Et) : i === Ct || i === Et ? i = S : i === Tt || i === It ? i = R : (i = S, r = void 0);
+    let l, 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 = Tt : h[1] !== void 0 ? i = It : h[2] !== void 0 ? (Ht.test(h[2]) && (r = RegExp("</" + h[2], "g")), i = S) : h[3] !== void 0 && (i = S) : i === S ? h[0] === ">" ? (i = r ?? R, p = -1) : h[1] === void 0 ? p = -2 : (p = i.lastIndex - h[2].length, l = h[1], i = h[3] === void 0 ? S : h[3] === '"' ? Et : Ct) : i === Et || i === Ct ? i = S : i === Tt || i === It ? i = R : (i = S, r = void 0);
     const u = i === S && a[n + 1].startsWith("/>") ? " " : "";
-    o += i === R ? d + de : p >= 0 ? (s.push(c), d.slice(0, p) + Ot + d.slice(p) + k + u) : d + k + (p === -2 ? n : u);
+    o += i === R ? d + pe : p >= 0 ? (s.push(l), d.slice(0, p) + Ut + d.slice(p) + k + u) : d + k + (p === -2 ? n : u);
   }
   return [Lt(a, o + (a[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-class O {
+class U {
   constructor({ strings: t, _$litType$: e }, s) {
     let r;
     this.parts = [];
     let o = 0, i = 0;
-    const n = t.length - 1, d = this.parts, [c, h] = me(t, e);
-    if (this.el = O.createElement(c, s), A.currentNode = this.el.content, e === 2 || e === 3) {
+    const n = t.length - 1, d = this.parts, [l, h] = fe(t, e);
+    if (this.el = U.createElement(l, s), A.currentNode = this.el.content, e === 2 || e === 3) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
     }
     for (; (r = A.nextNode()) !== null && d.length < n; ) {
       if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const p of r.getAttributeNames()) if (p.endsWith(Ot)) {
+        if (r.hasAttributes()) for (const p of r.getAttributeNames()) if (p.endsWith(Ut)) {
           const f = h[i++], u = r.getAttribute(p).split(k), $ = /([.?@])?(.*)/.exec(f);
-          d.push({ type: 1, index: o, name: $[2], strings: u, ctor: $[1] === "." ? ue : $[1] === "?" ? ge : $[1] === "@" ? ve : tt }), r.removeAttribute(p);
+          d.push({ type: 1, index: o, name: $[2], strings: u, ctor: $[1] === "." ? ge : $[1] === "?" ? ve : $[1] === "@" ? $e : tt }), r.removeAttribute(p);
         } else p.startsWith(k) && (d.push({ type: 6, index: o }), r.removeAttribute(p));
         if (Ht.test(r.tagName)) {
           const p = r.textContent.split(k), f = p.length - 1;
@@ -290,7 +290,7 @@ class O {
             r.append(p[f], F());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === Ut) d.push({ type: 2, index: o });
+      } else if (r.nodeType === 8) if (r.data === Ot) d.push({ type: 2, index: o });
       else {
         let p = -1;
         for (; (p = r.data.indexOf(k, p + 1)) !== -1; ) d.push({ type: 7, index: o }), p += k.length - 1;
@@ -309,7 +309,7 @@ function D(a, t, e = a, s) {
   const o = N(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 = D(a, r._$AS(a, t.values), r, s)), t;
 }
-class fe {
+class ue {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -325,8 +325,8 @@ class fe {
     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 $e(o, this, t)), this._$AV.push(c), d = s[++n];
+        let l;
+        d.type === 2 ? l = new M(o, o.nextSibling, this, t) : d.type === 1 ? l = new d.ctor(o, d.name, d.strings, this, t) : d.type === 6 && (l = new be(o, this, t)), this._$AV.push(l), d = s[++n];
       }
       i !== d?.index && (o = A.nextNode(), i++);
     }
@@ -356,7 +356,7 @@ class M {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = D(this, t, e), N(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : pe(t) ? this.k(t) : this._(t);
+    t = D(this, t, e), N(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : me(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -368,16 +368,16 @@ class M {
     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 = O.createElement(Lt(s.h, s.h[0]), this.options)), s);
+    const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = U.createElement(Lt(s.h, s.h[0]), this.options)), s);
     if (this._$AH?._$AD === r) this._$AH.p(e);
     else {
-      const o = new fe(r, this), i = o.u(this.options);
+      const o = new ue(r, this), i = o.u(this.options);
       o.p(e), this.T(i), this._$AH = o;
     }
   }
   _$AC(t) {
     let e = Dt.get(t.strings);
-    return e === void 0 && Dt.set(t.strings, e = new O(t)), e;
+    return e === void 0 && Dt.set(t.strings, e = new U(t)), e;
   }
   k(t) {
     ht(this._$AH) || (this._$AH = [], this._$AR());
@@ -412,8 +412,8 @@ class tt {
     if (o === void 0) t = D(this, t, e, 0), i = !N(t) || t !== this._$AH && t !== P, i && (this._$AH = t);
     else {
       const n = t;
-      let d, c;
-      for (t = o[0], d = 0; d < o.length - 1; d++) c = D(this, n[s + d], e, d), c === P && (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;
+      let d, l;
+      for (t = o[0], d = 0; d < o.length - 1; d++) l = D(this, n[s + d], e, d), l === P && (l = this._$AH[d]), i ||= !N(l) || l !== this._$AH[d], l === m ? t = m : t !== m && (t += (l ?? "") + o[d + 1]), this._$AH[d] = l;
     }
     i && !r && this.j(t);
   }
@@ -421,7 +421,7 @@ class tt {
     t === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class ue extends tt {
+class ge extends tt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -429,7 +429,7 @@ class ue extends tt {
     this.element[this.name] = t === m ? void 0 : t;
   }
 }
-class ge extends tt {
+class ve extends tt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -437,7 +437,7 @@ class ge extends tt {
     this.element.toggleAttribute(this.name, !!t && t !== m);
   }
 }
-class ve extends tt {
+class $e extends tt {
   constructor(t, e, s, r, o) {
     super(t, e, s, r, o), this.type = 5;
   }
@@ -450,7 +450,7 @@ class ve extends tt {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class $e {
+class be {
   constructor(t, e, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
   }
@@ -461,9 +461,9 @@ class $e {
     D(this, t);
   }
 }
-const be = ct.litHtmlPolyfillSupport;
-be?.(O, M), (ct.litHtmlVersions ??= []).push("3.3.3");
-const ye = (a, t, e) => {
+const ye = ct.litHtmlPolyfillSupport;
+ye?.(U, M), (ct.litHtmlVersions ??= []).push("3.3.3");
+const we = (a, t, e) => {
   const s = e?.renderBefore ?? t;
   let r = s._$litPart$;
   if (r === void 0) {
@@ -473,7 +473,7 @@ const ye = (a, t, e) => {
   return r._$AI(a), r;
 };
 const dt = globalThis;
-class C extends I {
+class E extends I {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -483,7 +483,7 @@ class C extends I {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ye(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = we(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -495,38 +495,38 @@ class C extends I {
     return P;
   }
 }
-C._$litElement$ = !0, C.finalized = !0, dt.litElementHydrateSupport?.({ LitElement: C });
-const we = dt.litElementPolyfillSupport;
-we?.({ LitElement: C });
+E._$litElement$ = !0, E.finalized = !0, dt.litElementHydrateSupport?.({ LitElement: E });
+const xe = dt.litElementPolyfillSupport;
+xe?.({ LitElement: E });
 (dt.litElementVersions ??= []).push("4.2.2");
-const xe = 50;
-function ke(a = {}) {
+const ke = 50;
+function _e(a = {}) {
   const t = Object.entries(a).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()}`;
 }
-function _e({ baseUrl: a, token: t = "", fetchFn: e } = {}) {
+function Se({ baseUrl: a, token: t = "", fetchFn: e } = {}) {
   if (!a) throw new Error("createClient requires a baseUrl");
   const s = a.replace(/\/+$/, ""), r = e || ((...n) => fetch(...n));
   async function o(n) {
     const d = { Accept: "application/json" };
     t && (d.Authorization = `Bearer ${t}`);
-    const c = await r(`${s}${n}`, { headers: d });
-    if (!c.ok) {
-      const h = new Error(`api-hsot ${c.status} on ${n}`);
-      throw h.status = c.status, h;
+    const l = await r(`${s}${n}`, { headers: d });
+    if (!l.ok) {
+      const h = new Error(`api-hsot ${l.status} on ${n}`);
+      throw h.status = l.status, h;
     }
-    return c.json();
+    return l.json();
   }
   async function i(n, d = {}) {
-    const c = [];
+    const l = [];
     let h = null;
-    for (let p = 0; p < xe; p += 1) {
-      const f = ke(h ? { ...d, cursor: h } : d), u = await o(`${n}${f}`);
-      if (c.push(...u.items || []), h = u.nextCursor || null, !h) break;
+    for (let p = 0; p < ke; p += 1) {
+      const f = _e(h ? { ...d, cursor: h } : d), u = await o(`${n}${f}`);
+      if (l.push(...u.items || []), h = u.nextCursor || null, !h) break;
     }
-    return { items: c, total: c.length, nextCursor: null };
+    return { items: l, total: l.length, nextCursor: null };
   }
   return {
     listSchools: (n) => i("/schools", n),
@@ -572,7 +572,7 @@ function pt(a) {
   const s = t >= 12 ? "PM" : "AM";
   return `${(t + 11) % 12 + 1}:${String(e || 0).padStart(2, "0")} ${s}`;
 }
-function Se(a) {
+function Ae(a) {
   return a ? `${Math.floor(a / 12)}-${a % 12}` : "·";
 }
 function et(a = /* @__PURE__ */ new Date()) {
@@ -583,7 +583,7 @@ function mt(a = /* @__PURE__ */ new Date()) {
   const t = (e) => String(e).padStart(2, "0");
   return `${a.getFullYear()}-${t(a.getMonth() + 1)}-${t(a.getDate())}`;
 }
-function Ae(a, t = mt()) {
+function Te(a, t = mt()) {
   const e = [...new Set((a || []).filter(Boolean))].sort();
   if (!e.length || e.includes(t)) return t;
   const s = e.filter((r) => r < t);
@@ -597,7 +597,7 @@ function K(a) {
   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 Te = (a) => {
+const Ie = (a) => {
   const t = ["th", "st", "nd", "rd"], e = a % 100;
   return a + (t[(e - 20) % 10] || t[e] || t[0]);
 };
@@ -609,7 +609,7 @@ function jt(a) {
   }
   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" })} · ${pt(a.time)}`.replace(/ · $/, "") };
 }
-const Ie = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
+const Ce = /* @__PURE__ */ new Set(["game", "story", "page", "forum", "video", "gallery"]);
 function _(a) {
   let t = String(a || "").replace(/^[a-z][a-z0-9+.-]*:\/\/[^/#?]*/i, "");
   const e = t.indexOf("#");
@@ -634,9 +634,9 @@ function Ee(a, t, e) {
   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;
+  return d.length > 2 || d.some((l) => !/^[a-z][a-z-]*$/.test(l)) || Ce.has(d[0]) ? null : n;
 }
-function Ce(a, t, e) {
+function Pe(a, t, e) {
   const s = (i) => g(e.section, { sport: a, 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") }
@@ -649,12 +649,12 @@ function Ce(a, t, e) {
     { label: "Polls & Rankings", href: s("rankings") }
   ];
 }
-function Pe(a, t = Wt()) {
+function De(a, t = Wt()) {
   const e = _(t);
   for (const s of a.querySelectorAll(':scope > a[slot="nav"]'))
     e && _(s.getAttribute("href")) === e ? s.setAttribute("aria-current", "page") : s.removeAttribute("aria-current");
 }
-class w extends C {
+class w extends E {
   static properties = {
     api: { type: String },
     refreshInterval: { type: Number, attribute: "refresh-interval" },
@@ -673,7 +673,7 @@ class w extends C {
     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 ? Se({ baseUrl: this.api }) : null;
   }
   connectedCallback() {
     super.connectedCallback(), this._setupInterval();
@@ -685,7 +685,7 @@ class w extends C {
     this.load();
   }
   updated(t) {
-    t.has("api") && t.get("api") !== void 0 && t.get("api") !== this.api && this.load(), t.has("refreshInterval") && this._setupInterval(), Pe(this);
+    t.has("api") && t.get("api") !== void 0 && t.get("api") !== this.api && this.load(), t.has("refreshInterval") && this._setupInterval(), De(this);
   }
   async load() {
     const t = this.client;
@@ -714,13 +714,13 @@ class w extends C {
     this._refreshId && (clearInterval(this._refreshId), this._refreshId = null);
   }
   render() {
-    return this.error === "not-configured" ? l`<div class="error">This component needs an <code>api</code> attribute (the api-hsot public read-surface base URL) or an injected client.</div>` : this.error ? l`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : l`<div class="loading" role="status">Loading…</div>`;
+    return this.error === "not-configured" ? c`<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 ? c`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : c`<div class="loading" role="status">Loading…</div>`;
   }
   renderView() {
-    return l``;
+    return c``;
   }
 }
-const v = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), De = b`
+const v = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), ze = b`
 	:host {
 		--hsot-red: var(--color-red, #D1232A);
 		--hsot-red-deep: var(--color-red-dark, #951C21);
@@ -758,7 +758,7 @@ const v = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), De = b`
 		outline-offset: 1px;
 	}
 	.mut { color: var(--hsot-gray-5); }
-`, ze = b`
+`, 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 {
@@ -807,7 +807,7 @@ const v = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), De = b`
 	@media (max-width: 720px) {
 		.band h1, .band h2.bandtitle, .band.section h1, .band.section h2.bandtitle { font-size: 1.8rem; }
 	}
-`, Re = b`
+`, Be = 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. */
@@ -871,7 +871,7 @@ const v = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), De = b`
 	.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); }
-`, Be = b`
+`, Fe = 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;
@@ -886,7 +886,7 @@ const v = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), De = b`
 	.pill.champ { background: var(--hsot-straw); color: #6b5900; }
 	@keyframes hsot-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }
 	@media (prefers-reduced-motion: reduce) { .pill.live { animation: none; } }
-`, Fe = b`
+`, Ne = b`
 	.tablewrap { overflow-x: auto; }
 	table.data { font-family: var(--hsot-heading-font); font-size: 14px; border-collapse: collapse; width: 100%; }
 	table.data th {
@@ -904,7 +904,7 @@ const v = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), De = b`
 	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; }
-`, Ne = b`
+`, Ue = b`
 	.swatch {
 		display: inline-flex; align-items: center; justify-content: center;
 		width: 26px; height: 26px; border-radius: 50%;
@@ -978,21 +978,21 @@ const v = (a) => Object.fromEntries((a || []).map((t) => [t.id, t])), De = b`
 	.gamelist .ff { color: var(--hsot-gray-5); font-size: 0.78rem; font-style: italic; }
 	.gamelist .where { color: var(--hsot-gray-5); font-size: 0.78rem; }
 	.gamelist a.box { font-size: 0.78rem; }
-`, j = [De, ze, Re, Be, Fe, Ne, Oe];
+`, j = [ze, Re, Be, Fe, Ne, Ue, Oe];
 function ut(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";
+  return a.state !== "final" ? null : a.forfeit === "home" ? "away" : a.forfeit === "away" || a.homeScore > a.awayScore ? "home" : a.awayScore > a.homeScore ? "away" : a.tiebreakWinner && a.tiebreakWinner !== "none" ? a.tiebreakWinner : "tie";
 }
-function Ue(a) {
-  return !a || !a.forfeit || a.forfeit === "none" ? null : a.forfeit === "home" ? "away" : a.forfeit === "away" ? "home" : null;
+function He(a) {
+  return a && (a.forfeit === "home" || a.forfeit === "away") ? a.forfeit : null;
 }
 function W(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 = ut(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;
+      const l = d === "home" ? o.homeTeamId : o.awayTeamId;
+      if (!l) continue;
+      const h = s(l), 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" ? (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 });
@@ -1035,17 +1035,17 @@ function vt(a, t, e, s, r) {
   const i = /* @__PURE__ */ new Map();
   for (const d of a || []) {
     if (d.sport !== s || r && d.effectiveDate > r || d.gender && o.gender !== d.gender && o.gender !== "coed") continue;
-    const c = d.gender || "", h = i.get(c);
-    (!h || d.effectiveDate > h.effectiveDate) && i.set(c, d);
+    const l = d.gender || "", h = i.get(l);
+    (!h || d.effectiveDate > h.effectiveDate) && i.set(l, d);
   }
   let n = null;
   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 });
+    const l = (d.teamIds || []).indexOf(e);
+    l !== -1 && (!n || d.effectiveDate > n.effectiveDate) && (n = { poll: d, rank: l + 1 });
   }
   return n ? n.rank : null;
 }
-function He(a, t, e) {
+function Me(a, t, e) {
   if (!a) return { kind: "none", delta: 0 };
   const s = (a.teamIds || []).indexOf(e) + 1;
   if (!s) return { kind: "none", delta: 0 };
@@ -1055,28 +1055,36 @@ function He(a, t, e) {
   const o = r - s;
   return o > 0 ? { kind: "up", delta: o } : o < 0 ? { kind: "down", delta: -o } : { kind: "same", delta: 0 };
 }
-function Me(a) {
+function Le(a) {
   return /^https?:\/\//i.test(String(a || ""));
 }
+function Gt(a, { w: t, h: e } = {}) {
+  if (!Le(a)) return "";
+  const s = [];
+  t && s.push(`w=${Math.max(1, Math.round(t))}`), e && s.push(`h=${Math.max(1, Math.round(e))}`), s.push("f=webp");
+  const r = a.includes("?") ? "&" : "?";
+  return `${a}${r}${s.join("&")}`;
+}
 function Q(a, t) {
-  const e = a?.logoAssetId;
-  if (!Me(e)) return "";
-  const s = Math.max(1, Math.round(t * 2)), r = e.includes("?") ? "&" : "?";
-  return `${e}${r}w=${s}&h=${s}&f=webp`;
+  const e = t * 2;
+  return Gt(a?.logoAssetId, { w: e, h: e });
+}
+function je(a, t) {
+  return Gt(a?.photoAssetId, { w: t * 2 });
 }
 function $t(a, t, { title: e, sub: s, teams: r }) {
   const o = Wt(), n = !!a.querySelector(':scope > a[slot="nav"]') || Ee(o, t.hrefs, t.sport) !== null;
-  return l`
+  return c`
 		<div class="band section">
 			<div class="inner">
 				<h1>${e}</h1>
-				${s ? l`<p class="sub">${s}</p>` : m}
+				${s ? c`<p class="sub">${s}</p>` : m}
 			</div>
-			${n ? l`
+			${n ? c`
 				<nav class="sectionnav" aria-label="${z(t.sport)} section">
 					<div class="navrow">
 						<slot name="nav">
-							${Ce(t.sport, r, t.hrefs).map((d) => l`<a href=${d.href}
+							${Pe(t.sport, r, t.hrefs).map((d) => c`<a href=${d.href}
 								aria-current=${o && _(d.href) === o ? "page" : m}>${d.label}</a>`)}
 						</slot>
 					</div>
@@ -1084,60 +1092,60 @@ function $t(a, t, { title: e, sub: s, teams: r }) {
 		</div>
 	`;
 }
-const U = (a, t) => {
+const O = (a, t) => {
   const e = a.teamsById[t];
   return e ? a.schoolsById[e.schoolId] : null;
-}, E = (a, t) => U(a, t)?.name || "TBD", Z = (a, t) => U(a, t)?.abbr || "TBD";
+}, C = (a, t) => O(a, t)?.name || "TBD", Z = (a, t) => O(a, t)?.abbr || "TBD";
 function H(a, t = 26) {
   if (!a) return m;
   const e = Q(a, t);
   if (e)
-    return l`<img class="swatch logo" aria-hidden="true" alt="" loading="lazy"
+    return c`<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 = K(s);
-  return l`<span class="swatch" aria-hidden="true"
+  return c`<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>`;
 }
 function bt(a, t, e) {
   const s = vt(a.rankings, a.teamsById, t, a.sport, e);
-  return s ? l`<span class="rankbadge">#${s}</span>` : m;
+  return s ? c`<span class="rankbadge">#${s}</span>` : m;
 }
-function Gt(a, t, e) {
-  const s = U(a, t);
-  return s ? l`${bt(a, t, e)}<a href=${g(a.hrefs.school, { id: s.id })}>${s.name}</a>` : l`<span class="mut">TBD</span>`;
+function Vt(a, t, e) {
+  const s = O(a, t);
+  return s ? c`${bt(a, t, e)}<a href=${g(a.hrefs.school, { id: s.id })}>${s.name}</a>` : c`<span class="mut">TBD</span>`;
 }
 function yt(a, t, e = 5) {
   const s = a.records[t];
-  if (!s || !s.results.length) return l`<span class="mut">·</span>`;
+  if (!s || !s.results.length) return c`<span class="mut">·</span>`;
   const r = s.results.slice(-1 * e);
-  return l`<span class="dots" role="img" aria-label="last ${r.length} results">
-		${r.map((o) => l`<a class="dot ${o.mark}"
-			title="${o.mark} ${o.my}-${o.their} vs ${E(a, o.opp)}"
+  return c`<span class="dots" role="img" aria-label="last ${r.length} results">
+		${r.map((o) => c`<a class="dot ${o.mark}"
+			title="${o.mark} ${o.my}-${o.their} vs ${C(a, o.opp)}"
 			href=${g(a.hrefs.game, { sport: a.sport, id: o.gameId })}>${o.mark}</a>`)}
 	</span>`;
 }
 function q(a, t) {
-  return a.querySelector(':scope > [slot="rail"]') ? l`<div class="view withrail">
+  return a.querySelector(':scope > [slot="rail"]') ? c`<div class="view withrail">
 		<div class="viewmain">${t}</div>
 		<aside class="viewrail"><slot name="rail"></slot></aside>
-	</div>` : l`<div class="view">${t}</div>`;
+	</div>` : c`<div class="view">${t}</div>`;
 }
 function G(a) {
   if (!a.promoImage) return m;
-  const t = l`<img src=${a.promoImage} alt=${a.promoAlt || "Sponsor"}>`;
-  return l`<div class="promo">${a.promoHref ? l`<a href=${a.promoHref} target="_blank" rel="sponsored noopener">${t}</a>` : t}</div>`;
+  const t = c`<img src=${a.promoImage} alt=${a.promoAlt || "Sponsor"}>`;
+  return c`<div class="promo">${a.promoHref ? c`<a href=${a.promoHref} target="_blank" rel="sponsored noopener">${t}</a>` : t}</div>`;
 }
 function J(a) {
   const t = jt(a);
-  return l`<span class="pill ${t.kind}">${t.label}</span>`;
+  return c`<span class="pill ${t.kind}">${t.label}</span>`;
 }
-function Vt(a, t, e) {
-  if (!t) return l`<span class="mut">·</span>`;
+function Yt(a, t, e) {
+  if (!t) return c`<span class="mut">·</span>`;
   const s = t.homeTeamId === e ? t.awayTeamId : t.homeTeamId, r = 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" })} `}${r} ${Z(a, s)}`;
+  return c`${t.state === "live" ? c`<span class="pill live">Live</span> ` : c`${y(t.date, { month: "numeric", day: "numeric" })} `}${r} ${Z(a, s)}`;
 }
-class Yt extends w {
+class Kt extends w {
   static styles = j;
   static properties = {
     ...w.properties,
@@ -1163,7 +1171,7 @@ class Yt extends w {
       t.listGames({ sport: this.sport, season: e }),
       t.listRankings({ sport: this.sport })
     ]);
-    return this._datePinned || (this.date = Ae(i.items.map((d) => d.date)), this._datePinned = !0), {
+    return this._datePinned || (this.date = Te(i.items.map((d) => d.date)), this._datePinned = !0), {
       season: e,
       schools: s.items,
       teams: r.items,
@@ -1183,30 +1191,30 @@ class Yt extends w {
     }, this._ctxData = this.data), this._ctx;
   }
   renderView() {
-    const t = this.ctx, e = v(this.data.conferences), s = [...new Set(this.data.games.map((c) => c.date).filter(Boolean))].sort(), r = Number.MAX_SAFE_INTEGER, o = (c) => {
-      const h = [c.awayTeamId, c.homeTeamId].map((p) => vt(t.rankings, t.teamsById, p, this.sport, c.date)).filter(Boolean);
+    const t = this.ctx, e = v(this.data.conferences), s = [...new Set(this.data.games.map((l) => l.date).filter(Boolean))].sort(), r = Number.MAX_SAFE_INTEGER, o = (l) => {
+      const h = [l.awayTeamId, l.homeTeamId].map((p) => vt(t.rankings, t.teamsById, p, this.sport, l.date)).filter(Boolean);
       return h.length ? Math.min(...h) : r;
-    }, 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));
+    }, i = this.data.games.filter((l) => l.date === this.date), n = new Map(i.map((l) => [l, o(l)]));
+    i.sort((l, h) => (l.state === "live" ? 0 : 1) - (h.state === "live" ? 0 : 1) || n.get(l) - 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`
+    return i.forEach((l) => {
+      const h = l.gameType === "conference" && l.conferenceId ? e[l.conferenceId]?.name || "Conference" : l.gameType === "playoff" ? "Playoffs" : l.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
+      d.has(h) || d.set(h, []), d.get(h).push(l);
+    }), c`
 			${$t(this, t, {
-      title: l`${z(this.sport)} scores &amp; schedules`,
-      sub: l`${y(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${i.length} games`,
+      title: c`${z(this.sport)} scores &amp; schedules`,
+      sub: c`${y(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${i.length} games`,
       teams: this.data.teams
     })}
-			${q(this, l`
+			${q(this, c`
 				${G(this)}
 				<div class="toolbar">
 					<label class="asof" for="datesel">Date</label>
-					<select id="datesel" @change=${(c) => {
-      this.date = c.target.value;
+					<select id="datesel" @change=${(l) => {
+      this.date = l.target.value;
     }}>
-						${(s.includes(this.date) ? s : [...s, this.date].sort()).map((c) => l`<option value=${c} ?selected=${c === this.date}>
-							${y(c, { weekday: "short", month: "short", day: "numeric" })}${c === mt() ? " · today" : ""}
+						${(s.includes(this.date) ? s : [...s, this.date].sort()).map((l) => c`<option value=${l} ?selected=${l === this.date}>
+							${y(l, { weekday: "short", month: "short", day: "numeric" })}${l === mt() ? " · today" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s.indexOf(this.date) <= 0}
@@ -1220,9 +1228,9 @@ class Yt extends w {
 					<span class="spacer"></span>
 					<span class="asof">Live games first · report a score to see it update here</span>
 				</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>
+				${i.length ? m : c`<p class="empty">No ${this.sport} games on this date.</p>`}
+				${[...d.entries()].map(([l, h]) => c`
+					<div class="section-title">${l}</div>
 					<div class="card"><ul class="gamelist">
 						${h.map((p) => this.renderGame(t, p))}
 					</ul></div>
@@ -1234,21 +1242,21 @@ class Yt extends w {
   // a lone score column on the far right read as detached from the teams).
   // Scheduled games carry their start time on the status pill alone.
   renderGame(t, e) {
-    const s = e.state === "final" || e.state === "live", r = (i, n, d = m) => l`<span class="side">${Gt(t, i, e.date)}${s ? l`<span class="score">${n}</span>` : m}${d}</span>`, o = Ue(e);
-    return l`
+    const s = e.state === "final" || e.state === "live", r = (i, n, d = m) => c`<span class="side">${Vt(t, i, e.date)}${s ? c`<span class="score">${n}</span>` : m}${d}</span>`, o = He(e);
+    return c`
 			<li>
 				${J(e)}
-				<span class="opp matchup">${r(e.awayTeamId, e.awayScore, l`<span class="at">at</span>`)}${r(e.homeTeamId, e.homeScore)}</span>
-				${o ? l`<span class="ff">${E(t, o === "home" ? e.homeTeamId : e.awayTeamId)} forfeited</span>` : m}
+				<span class="opp matchup">${r(e.awayTeamId, e.awayScore, c`<span class="at">at</span>`)}${r(e.homeTeamId, e.homeScore)}</span>
+				${o ? c`<span class="ff">${C(t, o === "home" ? e.homeTeamId : e.awayTeamId)} forfeited</span>` : m}
 				<span class="where">${e.venue || ""}</span>
-				${e.broadcast ? l`<span class="pill class">${e.broadcast}</span>` : m}
+				${e.broadcast ? c`<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", Yt);
-class Kt extends w {
+globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", Kt);
+class Qt extends w {
   static styles = j;
   static properties = {
     ...w.properties,
@@ -1289,17 +1297,17 @@ class Kt extends w {
   }
   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 l`
+    return c`
 			${$t(this, t, {
-      title: l`${z(this.sport)} standings`,
-      sub: l`${this.data.season} season · every conference, computed live from reported results`,
+      title: c`${z(this.sport)} standings`,
+      sub: c`${this.data.season} season · every conference, computed live from reported results`,
       teams: this.data.teams
     })}
-			${q(this, l`
+			${q(this, c`
 				${G(this)}
 				<div class="toolbar">
 					<div role="group" aria-label="Classification filter">
-						${e.map((r) => l`<button class="chip ${this.classFilter === r ? "on" : ""}"
+						${e.map((r) => c`<button class="chip ${this.classFilter === r ? "on" : ""}"
 							@click=${() => {
       this.classFilter = r;
     }}>${r}</button>`)}
@@ -1319,11 +1327,11 @@ class Kt extends w {
     const s = this.data.teams.filter((i) => i.conferenceId === e.id);
     if (!s.length) return m;
     const r = this.query.trim().toLowerCase(), o = qt(s, t.records);
-    return l`
+    return c`
 			<div class="card">
 				<div class="card-head">
 					<h2>${e.name}</h2>
-					${(e.classifications || []).map((i) => l`<span class="pill class">${i}</span>`)}
+					${(e.classifications || []).map((i) => c`<span class="pill class">${i}</span>`)}
 					<span class="meta">${o.length} teams · membership derives from teams</span>
 				</div>
 				<div class="tablewrap"><table class="data">
@@ -1342,18 +1350,17 @@ class Kt extends w {
   renderRow(t, e, s, r) {
     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, d = gt(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 = () => {
+    const n = e.rec.pf - e.rec.pa, d = gt(this.data.games, e.team.id), l = () => {
       location.href = g(t.hrefs.school, { id: e.team.schoolId });
     };
-    return l`
-			<tr class="rowlink" @click=${(p) => {
-      p.target.closest("a") || h();
+    return c`
+			<tr class="rowlink" @click=${(h) => {
+      h.target.closest("a") || l();
     }}>
 				<td class="mut">${s + 1}</td>
 				<td class="teamcell">
 					${H(o)}${bt(t, e.team.id, null)}
-					<a href=${g(t.hrefs.school, { id: e.team.schoolId })}>${i}</a> ${c}
+					<a href=${g(t.hrefs.school, { id: e.team.schoolId })}>${i}</a>
 				</td>
 				<td class="num">${x(e.rec, !0)}</td>
 				<td class="num">${Rt(e.confPct)}</td>
@@ -1364,13 +1371,13 @@ class Kt extends w {
 				<td class="num" style="color:${n >= 0 ? "var(--hsot-win)" : "var(--hsot-loss)"}">${n > 0 ? "+" : ""}${n}</td>
 				<td>${st(e.rec.results) || "·"}</td>
 				<td>${yt(t, e.team.id)}</td>
-				<td>${Vt(t, d, e.team.id)}</td>
+				<td>${Yt(t, d, e.team.id)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Kt);
-const Le = b`
+globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Qt);
+const We = 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;
@@ -1387,8 +1394,8 @@ const Le = b`
 	.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 Qt extends w {
-  static styles = [...j, Le];
+class Zt extends w {
+  static styles = [...j, We];
   static properties = {
     ...w.properties,
     sport: { type: String },
@@ -1411,7 +1418,7 @@ class Qt extends w {
       t.listTeams({ sport: this.sport }),
       t.listConferences(),
       t.listGames({ sport: this.sport, season: e })
-    ]), d = s.items.filter((c) => !this.gender || !c.gender || c.gender === this.gender).sort((c, h) => h.effectiveDate.localeCompare(c.effectiveDate));
+    ]), d = s.items.filter((l) => !this.gender || !l.gender || l.gender === this.gender).sort((l, h) => h.effectiveDate.localeCompare(l.effectiveDate));
     return {
       season: e,
       polls: d,
@@ -1438,39 +1445,39 @@ class Qt extends w {
       const $ = e.length === 1 ? 96 / 2 : f / (e.length - 1) * 90 + 3, at = 3 + u / 24 * 20;
       return { x: $, y: at };
     }), d = [];
-    let c = [];
+    let l = [];
     if (n.forEach((p) => {
-      p ? c.push(p) : c.length && (d.push(c), c = []);
-    }), c.length && d.push(c), !d.length) return m;
+      p ? l.push(p) : l.length && (d.push(l), l = []);
+    }), l.length && d.push(l), !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">
+    return c`<svg class="sparkline" width=${96} height=${26} viewBox="0 0 ${96} ${26}" role="img" aria-label="rank history">
 			${d.map((p) => Pt`<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 ? Pt`<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 = He(t, e, s);
-    return r.kind === "up" ? l`<span class="delta up">▲ ${r.delta}</span>` : r.kind === "down" ? l`<span class="delta down">▼ ${r.delta}</span>` : r.kind === "new" ? l`<span class="delta new">NEW</span>` : r.kind === "same" ? l`<span class="delta same">—</span>` : l`<span class="delta same">·</span>`;
+    const r = Me(t, e, s);
+    return r.kind === "up" ? c`<span class="delta up">▲ ${r.delta}</span>` : r.kind === "down" ? c`<span class="delta down">▼ ${r.delta}</span>` : r.kind === "new" ? c`<span class="delta new">NEW</span>` : r.kind === "same" ? c`<span class="delta same">—</span>` : c`<span class="delta same">·</span>`;
   }
   renderView() {
     const t = this.ctx, e = this.data.polls;
-    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)), r = e[s] || e[0], o = e[s + 1] || null, i = e.slice().reverse(), n = i.indexOf(r), d = v(this.data.conferences), c = (r.teamIds || [])[0], h = c ? U(t, c) : null;
-    return l`
+    if (!e.length) return c`<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)), r = e[s] || e[0], o = e[s + 1] || null, i = e.slice().reverse(), n = i.indexOf(r), d = v(this.data.conferences), l = (r.teamIds || [])[0], h = l ? O(t, l) : null;
+    return c`
 			${$t(this, t, {
-      title: l`${z(this.sport)} Top 25`,
-      sub: l`The HighSchoolOT poll · updated weekly · ${e.length} polls this season`,
+      title: c`${z(this.sport)} Top 25`,
+      sub: c`The HighSchoolOT poll · updated weekly · ${e.length} polls this season`,
       teams: this.data.teams
     })}
-			${q(this, l`
+			${q(this, c`
 				${G(this)}
 				<div class="toolbar">
 					<label class="asof" for="pollsel">Poll of</label>
 					<select id="pollsel" @change=${(p) => {
       this.pollDate = p.target.value;
     }}>
-						${e.map((p, f) => l`<option value=${p.effectiveDate} ?selected=${p === r}>
+						${e.map((p, f) => c`<option value=${p.effectiveDate} ?selected=${p === r}>
 							${y(p.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
 						</option>`)}
 					</select>
@@ -1485,7 +1492,7 @@ class Qt extends w {
 					<span class="spacer"></span>
 					<span class="asof">Movement vs. the previous poll · sparkline = season rank history</span>
 				</div>
-				${h ? this.renderHero(t, r, o, c, h, d) : m}
+				${h ? this.renderHero(t, r, o, l, 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>
@@ -1500,17 +1507,17 @@ class Qt extends w {
 		`;
   }
   renderHero(t, e, s, r, o, i) {
-    const n = t.records[r], d = Bt(t.records, r), c = i[t.teamsById[r]?.conferenceId], h = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
-    return l`
+    const n = t.records[r], d = Bt(t.records, r), l = i[t.teamsById[r]?.conferenceId], h = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
+    return c`
 			<div class="hero1" style="background:${h}">
 				<div class="bigrank">#1</div>
 				${H(o, 64)}
 				<div>
 					<h2><a href=${g(t.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
 					<div class="facts">
-						${x(n)} overall${c ? l` · ${x(n, !0)} ${c.name}` : m}
+						${x(n)} overall${l ? c` · ${x(n, !0)} ${l.name}` : m}
 						· streak ${st(n?.results) || "·"}
-						${d ? l` · last: ${d.mark} ${d.my}-${d.their} vs ${Z(t, d.opp)}` : m}
+						${d ? c` · last: ${d.mark} ${d.my}-${d.their} vs ${Z(t, d.opp)}` : m}
 						&nbsp;${this.movement(e, s, r)}
 					</div>
 				</div>
@@ -1518,32 +1525,32 @@ class Qt extends w {
 		`;
   }
   renderRow(t, e, s, r, o, i, n, d) {
-    const c = U(t, n);
-    if (!c) return m;
+    const l = O(t, n);
+    if (!l) return m;
     const h = t.records[n], p = Bt(t.records, n), f = gt(this.data.games, n), u = i[t.teamsById[n]?.conferenceId], $ = () => {
-      location.href = g(t.hrefs.school, { id: c.id });
+      location.href = g(t.hrefs.school, { id: l.id });
     };
-    return l`
+    return c`
 			<tr class="rowlink" @click=${(at) => {
       at.target.closest("a") || $();
     }}>
 				<td class="num" style="font-weight:700">${d}</td>
 				<td>${this.movement(e, s, n)}</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="teamcell">${H(l)}<a href=${g(t.hrefs.school, { id: l.id })}>${l.name}</a>
+					<span class="mut" style="font-size:0.78rem">${l.mascot || ""}</span></td>
 				<td class="num">${x(h)}</td>
 				<td class="mut">${u?.name || "Independent"}</td>
-				<td>${p ? l`<a class="box" style="text-decoration:none" href=${g(t.hrefs.game, { sport: this.sport, id: p.gameId })}>
+				<td>${p ? c`<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>${Vt(t, f, n)}</td>
+					${p.my}-${p.their} vs ${Z(t, p.opp)}</a>` : c`<span class="mut">·</span>`}</td>
+				<td>${Yt(t, f, n)}</td>
 				<td>${this.sparkline(n, r, o)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", Qt);
-const je = b`
+globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", Zt);
+const qe = 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 {
@@ -1566,10 +1573,14 @@ const je = b`
 	.tile .v { font-family: var(--hsot-heading-font); font-weight: 700; font-size: 1.7rem; line-height: 1.15; color: var(--hsot-black); }
 	.tile .s { font-size: 0.78rem; color: var(--hsot-gray-5); }
 	.cols { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 1.25rem; }
+	/* The season roster photo heads the roster card, above the table. Natural
+	   height: a team photo is never cropped to a box — the card's overflow
+	   rounds its top corners. */
+	.rosterphoto { display: block; width: 100%; height: auto; background: var(--hsot-gray-1); border-bottom: 1px solid var(--hsot-gray-2); }
 	@media (max-width: 900px) { .cols { grid-template-columns: 1fr; } .schoolhero h1 { font-size: 1.9rem; } }
 `;
-class Zt extends w {
-  static styles = [...j, je];
+class Jt extends w {
+  static styles = [...j, qe];
   static properties = {
     ...w.properties,
     schoolId: { type: String, attribute: "school-id" },
@@ -1586,7 +1597,7 @@ class Zt extends w {
     t && !this.sport && (this.sport = t);
   }
   async fetchData(t) {
-    const e = this.season || et(), 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([
+    const e = this.season || et(), 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, l, 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(),
@@ -1604,7 +1615,7 @@ class Zt extends w {
       active: i,
       games: n.items,
       allTeams: d.items,
-      schools: c.items,
+      schools: l.items,
       conferences: h.items,
       rankings: p.items,
       roster: f.items.find(($) => $.season === e) || null,
@@ -1626,110 +1637,113 @@ class Zt extends w {
   }
   renderView() {
     const { school: t, teams: e, active: s, season: r } = 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`
+    if (!t) return c`<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), l = s ? d[s.conferenceId] : null;
+    return c`
 			<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">
-					${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")}">${ft(t)}</div>`}
+					${Q(t, 84) ? c`<img class="crest logo" alt="" loading="lazy" src=${Q(t, 84)} />` : c`<div class="crest" style="background:${t.colorSecondary || "#7C7C7C"};color:${K(t.colorSecondary || "#7C7C7C")}">${ft(t)}</div>`}
 					<div style="min-width:260px">
 						<h1>${t.name} <span class="mascot">${t.mascot || ""}</span></h1>
 						<div class="facts">
-							${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.location ? c`<span><b>Location</b>${t.location}${t.county ? c` · ${t.county} County` : m}</span>` : m}
+							${t.association ? c`<span><b>League</b>${t.association}${t.classification ? c` · ${t.classification}` : m}</span>` : m}
+							${l ? c`<span><b>Conference</b>${l.name}</span>` : m}
+							${n ? c`<span><b>Enrollment</b>${n.value.toLocaleString()} (${n.season} ADM)</span>` : m}
+							${t.openingYear ? c`<span><b>Opened</b>${t.openingYear}</span>` : m}
+							${t.areaCode ? c`<span><b>Area</b>${t.areaCode}</span>` : m}
 						</div>
 					</div>
 				</div>
 			</div>
 			<div class="band">
 				<nav class="tabs" aria-label="Teams">
-					${e.map((h) => h.id === s?.id ? l`<a class="on" href="#" @click=${(p) => p.preventDefault()}>${h.name}</a>` : l`<a href="#" @click=${(p) => {
+					${e.map((h) => h.id === s?.id ? c`<a class="on" href="#" @click=${(p) => p.preventDefault()}>${h.name}</a>` : c`<a href="#" @click=${(p) => {
       p.preventDefault(), this.switchSport(h.sport);
     }}>${h.name}</a>`)}
 				</nav>
 			</div>
-			${q(this, l`
+			${q(this, c`
 				${G(this)}
-				${s ? this.renderTeam(o, s, c, r) : l`<p class="empty">No teams recorded for this school yet.</p>`}
+				${s ? this.renderTeam(o, s, l, r) : c`<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((p) => p.conferenceId === s.id) : [], d = s ? qt(n, t.records).findIndex((p) => p.team.id === e.id) + 1 : 0, c = vt(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`
+    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, l = vt(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 c`
 			<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">${d ? `${Te(d)} of ${n.length}` : "·"}</div></div>
+					<div class="s">${d ? `${Ie(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">${st(o.results) || "·"}</div>
 					<div class="s">last 5: ${yt(t, e.id)}</div></div>
-				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${c ? `#${c}` : "NR"}</div>
+				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${l ? `#${l}` : "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 ? l`
+			${(e.championships || []).length ? c`
 				<div style="margin:-0.2rem 0 1rem;display:flex;gap:0.4rem;flex-wrap:wrap">
-					${e.championships.map((p) => l`<span class="pill champ">★ ${p.season} ${p.title} champion${p.classification ? ` · ${p.classification}` : ""}${p.region ? ` · ${p.region}` : ""}</span>`)}
+					${e.championships.map((p) => c`<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">
-						${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 ${r}.</p>`}
+						${h.length ? c`<ul class="gamelist">${h.map((p) => this.renderGameRow(t, e, p))}</ul>` : c`<p class="empty">No ${e.sport} games recorded for ${r}.</p>`}
 					</div>
 				</div>
 				<div>
 					<div class="section-title">Roster · ${r}</div>
-					<div class="card">${this.renderRoster(r)}</div>
+					<div class="card">${this.renderRoster(e, r)}</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 d = l`<span class="mut">${pt(s.time)}</span>`;
+    let d = c`<span class="mut">${pt(s.time)}</span>`;
     if (s.state === "final") {
       const h = ut(s), p = h === "tie" ? "T" : h === (r ? "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`
+      d = c`<span class=${p}>${p}</span> ${i}-${n}${s.finish === "overtime" ? c` <span class="mut">OT</span>` : m}${s.forfeit && s.forfeit !== "none" ? c` <span class="mut">FF</span>` : m}`;
+    } else s.state === "live" && (d = c`<span style="color:var(--hsot-red)">${i}-${n}</span>`);
+    const l = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
+    return c`
 			<li>
 				<span class="d">${y(s.date)}</span>
 				${jt(s).kind === "sched" ? m : J(s)}
 				<span class="res">${d}</span>
-				<span class="opp">${r ? "vs" : "at"} ${Gt(t, o, s.date)}
-					<span class="pill type">${c}</span>
-					${s.broadcast ? l`<span class="pill class">${s.broadcast}</span>` : m}
+				<span class="opp">${r ? "vs" : "at"} ${Vt(t, o, s.date)}
+					<span class="pill type">${l}</span>
+					${s.broadcast ? c`<span class="pill class">${s.broadcast}</span>` : m}
 				</span>
 				<span class="where">${s.venue || ""}</span>
 				<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 l`<p class="empty">Roster not published for ${t}.</p>`;
-    const s = v(this.data.players), r = e.entries.slice().sort((o, i) => (o.number || 0) - (i.number || 0));
-    return l`
+  renderRoster(t, e) {
+    const s = this.data.roster;
+    if (!s)
+      return c`<p class="empty">Roster not published for ${e}.</p>`;
+    const r = je(s, 560), o = this.data.school?.name || "", i = v(this.data.players), n = s.entries.slice().sort((l, h) => (l.number || 0) - (h.number || 0)), d = n.some((l) => i[l.playerId]?.college);
+    return c`
+			${r ? c`<img class="rosterphoto" src=${r} loading="lazy" decoding="async"
+					alt="${o} ${t.name} ${e} team photo" />` : m}
 			<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>
+				<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>${d ? c`<th>College</th>` : m}</tr></thead>
 				<tbody>
-					${r.map((o) => {
-      const i = s[o.playerId];
-      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">${i.weightLb || "·"}</td>
+					${n.map((l) => {
+      const h = i[l.playerId];
+      return h ? c`<tr>
+							<td class="num mut">${l.number ?? "·"}</td>
+							<td style="font-weight:500">${h.firstName} ${h.lastName}</td>
+							<td>${l.position || "·"}</td>
+							<td class="mut">${h.classOf || "·"}</td>
+							<td class="num">${Ae(h.heightIn)}</td>
+							<td class="num">${h.weightLb || "·"}</td>
+							${d ? c`<td>${h.college || "·"}</td>` : m}
 						</tr>` : m;
     })}
 				</tbody>
@@ -1737,16 +1751,16 @@ class Zt extends w {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", Zt);
-const We = "https://api.wral.com/search";
-function qe(a) {
+globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", Jt);
+const Ge = "https://api.wral.com/search";
+function Ve(a) {
   return a.map((t) => `uri:"${t}"`).join(" OR ");
 }
-function Ge(a, t) {
-  const e = String(a || We).replace(/\/+$/, ""), s = new URLSearchParams({ query: qe(t), sort: "score", lang: "en" });
+function Ye(a, t) {
+  const e = String(a || Ge).replace(/\/+$/, ""), s = new URLSearchParams({ query: Ve(t), sort: "score", lang: "en" });
   return `${e}/v1/query?${s}`;
 }
-function Jt(a) {
+function Xt(a) {
   try {
     const t = new URL(a);
     if (/(^|\.)smugmug\.com$/i.test(t.hostname)) {
@@ -1761,13 +1775,13 @@ function Jt(a) {
   }
   return { uri: a, title: a };
 }
-async function Ve(a, t, e) {
-  const r = await ((...n) => fetch(...n))(Ge(a, t));
+async function Ke(a, t, e) {
+  const r = await ((...n) => fetch(...n))(Ye(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) || Jt(n));
+  return t.map((n) => i.get(n) || Xt(n));
 }
-const Ye = b`
+const Qe = 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; }
@@ -1806,8 +1820,8 @@ const Ye = b`
 		.cols { grid-template-columns: 1fr; }
 	}
 `;
-class Xt extends w {
-  static styles = [...j, Ye];
+class te extends w {
+  static styles = [...j, Qe];
   static properties = {
     ...w.properties,
     gameId: { type: String, attribute: "game-id" },
@@ -1821,7 +1835,7 @@ class Xt extends w {
     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, d, c] = await Promise.all([
+    const e = await t.getGame(this.gameId), s = Array.isArray(e.coverageUrls) ? e.coverageUrls : [], [r, o, i, n, d, l] = await Promise.all([
       t.listSchools(),
       t.listTeams({ sport: e.sport }),
       t.listConferences(),
@@ -1829,7 +1843,7 @@ class Xt extends w {
       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 ? Ve(this.searchApi, s).catch(() => s.map(Jt)) : Promise.resolve([])
+      s.length ? Ke(this.searchApi, s).catch(() => s.map(Xt)) : Promise.resolve([])
     ]);
     return {
       game: e,
@@ -1838,7 +1852,7 @@ class Xt extends w {
       conferences: i.items,
       rankings: n.items,
       games: d.items,
-      coverage: c
+      coverage: l
     };
   }
   get ctx() {
@@ -1853,15 +1867,15 @@ class Xt extends w {
   }
   renderView() {
     const t = this.data.game;
-    if (!t) return l`<div class="view"><p class="empty">Game not found.</p></div>`;
-    const e = this.ctx, s = v(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 = ut(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`
+    if (!t) return c`<div class="view"><p class="empty">Game not found.</p></div>`;
+    const e = this.ctx, s = v(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 = ut(t), n = (h) => t.state === "final" && i !== h && i !== "tie" ? "opacity:0.45" : "", d = t.conferenceId ? s[t.conferenceId] : null, l = 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 c`
+			${q(this, c`
 				${G(this)}
 				<p class="breadcrumbs">
 					<a href=${g(e.hrefs.section, { sport: t.sport, view: "scores" })}>${z(t.sport)}</a> /
 					<a href=${g(e.hrefs.section, { sport: t.sport, view: "scores" })}>Scores/Schedules</a> /
-					${E(e, t.awayTeamId)} at ${E(e, t.homeTeamId)}
+					${C(e, t.awayTeamId)} at ${C(e, t.homeTeamId)}
 				</p>
 				<div class="card">
 					<div class="scorehead">
@@ -1873,29 +1887,29 @@ class Xt extends w {
 								<span style=${n("home")}>${t.homeScore}</span>
 							</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` · ${pt(t.time)}` : m} · ${t.venue || "Venue TBD"}
-								${t.broadcast ? l` · <span class="pill class">${t.broadcast}</span>` : m}</div>
+							<div class="status">${y(t.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${t.state === "scheduled" && t.time ? c` · ${pt(t.time)}` : m} · ${t.venue || "Venue TBD"}
+								${t.broadcast ? c` · <span class="pill class">${t.broadcast}</span>` : m}</div>
 							<div class="status">
 								<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>`)}
+								${t.label ? c`<span class="pill type">Bracket ${t.label}</span>` : m}
+								${(t.tags || []).map((h) => c`<span class="pill type">${h}</span>`)}
 							</div>
 						</div>
 						${this.teamBlock(e, t, t.homeTeamId, o, !0)}
 					</div>
 					${this.renderLineScore(t, r, o)}
-					${t.notes ? l`<p class="note" style="padding:0 1rem 0.9rem;text-align:center">${t.notes}</p>` : m}
+					${t.notes ? c`<p class="note" style="padding:0 1rem 0.9rem;text-align:center">${t.notes}</p>` : m}
 				</div>
-				${(this.data.coverage || []).length ? l`
+				${(this.data.coverage || []).length ? c`
 					<div class="section-title">Coverage</div>
 					<div class="covgrid">
-						${this.data.coverage.map((h) => l`
+						${this.data.coverage.map((h) => c`
 							<a class="card covcard" href=${h.uri}>
-								${h.image ? l`<img class="covimg" src=${h.image} alt="" loading="lazy" />` : m}
+								${h.image ? c`<img class="covimg" src=${h.image} alt="" loading="lazy" />` : m}
 								<div class="covbody">
-									<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="covtitle">${h.videoDuration ? c`<span class="pill live" style="animation:none">Video</span> ` : m}${h.photos ? c`<span class="pill live" style="animation:none">Photos</span> ` : m}${h.title || h.uri}</div>
+									${h.description ? c`<p class="covdesc">${h.description}</p>` : m}
+									${h.author || h.publishedTime ? c`
 										<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>
@@ -1906,12 +1920,12 @@ class Xt extends w {
 				<div class="cols">
 					${[[t.awayTeamId, r], [t.homeTeamId, o]].map(([h, p]) => this.renderContext(e, h, p))}
 				</div>
-				${c.length ? l`
+				${l.length ? c`
 					<div class="section-title">Head to head this season</div>
 					<div class="card"><ul class="gamelist">
-						${c.map((h) => l`<li>
+						${l.map((h) => c`<li>
 							<span class="d">${y(h.date)}</span>${J(h)}
-							<span class="opp">${E(e, h.awayTeamId)} ${h.awayScore}, ${E(e, h.homeTeamId)} ${h.homeScore}</span>
+							<span class="opp">${C(e, h.awayTeamId)} ${h.awayScore}, ${C(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}
@@ -1919,14 +1933,14 @@ class Xt extends w {
 		`;
   }
   teamBlock(t, e, s, r, o) {
-    if (!r) return l`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
+    if (!r) return c`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
     const i = t.teamsById[s], n = t.records[s], d = Q(r, 58);
-    return l`
+    return c`
 			<div class="teamblock ${o ? "right" : ""}">
-				${d ? l`<img class="crest logo" alt="" loading="lazy" src=${d} />` : l`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${K(r.colorPrimary || "#030711")}">${ft(r)}</span>`}
+				${d ? c`<img class="crest logo" alt="" loading="lazy" src=${d} />` : c`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${K(r.colorPrimary || "#030711")}">${ft(r)}</span>`}
 				<div>
 					<div class="tname">${bt(t, s, e.date)}<a href=${g(t.hrefs.school, { id: r.id })}>${r.name}</a></div>
-					<div class="trec">${r.mascot || ""} · ${x(n)}${i?.conferenceId ? l` · ${x(n, !0)} conf` : m}</div>
+					<div class="trec">${r.mascot || ""} · ${x(n)}${i?.conferenceId ? c` · ${x(n, !0)} conf` : m}</div>
 				</div>
 			</div>
 		`;
@@ -1934,20 +1948,20 @@ class Xt extends w {
   renderLineScore(t, e, s) {
     const r = t.periodScores || [];
     if (!r.length)
-      return l`<p class="empty" style="text-align:center">Period scoring will appear once the game starts.</p>`;
-    const o = Math.max(4, ...r.map((c) => c.period)), i = (c) => c <= 4 ? String(c) : `OT${c > 5 ? c - 4 : ""}`, n = (c, h) => {
+      return c`<p class="empty" style="text-align:center">Period scoring will appear once the game starts.</p>`;
+    const o = Math.max(4, ...r.map((l) => l.period)), i = (l) => l <= 4 ? String(l) : `OT${l > 5 ? l - 4 : ""}`, n = (l, h) => {
       const p = r.find((f) => f.period === h);
-      return p ? p[c] : t.state === "final" ? 0 : "·";
-    }, d = (c, h, p) => l`
+      return p ? p[l] : t.state === "final" ? 0 : "·";
+    }, d = (l, h, p) => c`
 			<tr>
-				<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="teamcell">${H(l, 20)}${l?.abbr || "TBD"}</td>
+				${Array.from({ length: o }, (f, u) => c`<td class="num">${n(h, u + 1)}</td>`)}
 				<td class="num" style="font-weight:700">${p}</td>
 			</tr>`;
-    return l`
+    return c`
 			<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 }, (c, h) => l`<th class="num">${i(h + 1)}</th>`)}<th class="num">T</th></tr></thead>
+					<thead><tr><th>Team</th>${Array.from({ length: o }, (l, h) => c`<th class="num">${i(h + 1)}</th>`)}<th class="num">T</th></tr></thead>
 					<tbody>
 						${d(e, "away", t.awayScore)}
 						${d(s, "home", t.homeScore)}
@@ -1959,23 +1973,23 @@ class Xt extends w {
   renderContext(t, e, s) {
     if (!s) return m;
     const r = t.records[e], o = gt(this.data.games, e);
-    return l`
+    return c`
 			<div class="card ctxcard">
 				<div class="who">${H(s)}${s.name}</div>
 				<div class="row">
 					<span>Last 5: ${yt(t, e)}</span>
 					<span>Streak: <b>${r ? st(r.results) : "·"}</b></span>
 					<span>PF/PA: <b>${r ? `${r.pf} / ${r.pa}` : "·"}</b></span>
-					<span>Next: ${o ? l`${y(o.date, { month: "numeric", day: "numeric" })}
+					<span>Next: ${o ? c`${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", Xt);
-const Ke = 250, Qe = 2;
-class te extends C {
+globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", te);
+const Ze = 250, Je = 2;
+class ee extends E {
   static properties = {
     api: { type: String },
     schoolHref: { type: String, attribute: "school-href" },
@@ -2055,11 +2069,11 @@ class te extends C {
   }
   onInput(t) {
     const e = t.target.value.trim();
-    if (clearTimeout(this.debounceTimer), e.length < Qe) {
+    if (clearTimeout(this.debounceTimer), e.length < Je) {
       this.abortController?.abort(), this.results = [], this.open = !1, this.searched = !1;
       return;
     }
-    this.debounceTimer = setTimeout(() => this.search(e), Ke);
+    this.debounceTimer = setTimeout(() => this.search(e), Ze);
   }
   async search(t) {
     this.abortController?.abort(), this.abortController = new AbortController();
@@ -2107,7 +2121,7 @@ class te extends C {
     const s = this.where(t), r = (o) => {
       o.preventDefault(), this.go(t);
     };
-    return l`
+    return c`
 			<li
 				id="school-option-${e}"
 				role="option"
@@ -2118,13 +2132,13 @@ class te extends C {
     }}"
 			>
 				<span class="name">${t.name}</span>
-				${s ? l`<span class="where">${s}</span>` : m}
+				${s ? c`<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`
+    const t = this.searched && !this.results.length, e = c`<li class="empty">No schools found</li>`;
+    return c`
 			<ul id="school-search-listbox" role="listbox" aria-label="Schools">
 				${this.results.map((s, r) => this.renderOption(s, r))}
 				${t ? e : m}
@@ -2133,7 +2147,7 @@ class te extends C {
   }
   render() {
     const t = this.activeIndex >= 0 ? `school-option-${this.activeIndex}` : "";
-    return l`
+    return c`
 			<input
 				type="text"
 				role="combobox"
@@ -2152,22 +2166,22 @@ class te extends C {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school-search") && globalThis.customElements.define("hsot-school-search", te);
-const Ze = {
-  "hsot-scores": Yt,
-  "hsot-standings": Kt,
-  "hsot-rankings": Qt,
-  "hsot-school": Zt,
-  "hsot-boxscore": Xt,
-  "hsot-school-search": te
+globalThis?.customElements && !globalThis.customElements.get("hsot-school-search") && globalThis.customElements.define("hsot-school-search", ee);
+const Xe = {
+  "hsot-scores": Kt,
+  "hsot-standings": Qt,
+  "hsot-rankings": Zt,
+  "hsot-school": Jt,
+  "hsot-boxscore": te,
+  "hsot-school-search": ee
 };
-function Je() {
+function ts() {
   const a = globalThis?.customElements;
   if (a)
-    for (const [t, e] of Object.entries(Ze))
+    for (const [t, e] of Object.entries(Xe))
       a.get(t) || a.define(t, e);
 }
-typeof window < "u" && globalThis.customElements && Je();
+typeof window < "u" && globalThis.customElements && ts();
 export {
-  Je as defineAll
+  ts as defineAll
 };