Update static/embed.js

static/embed.js

@@ -1,28 +1,36 @@
-/*  embed.js  –– digital-clock styling  */
+/*  embed.js – guaranteed 7-segment look  */
 (() => {
   const API = "https://ntdservices-debt-clock.hf.space/api/debt";
   const CLS = "ntd-debt-clock";
 
-  /* ── 1. load a free 7-segment web-font once per page ───────────── */
-  if (!document.getElementById("dseg-font")) {
-    const link = document.createElement("link");
-    link.id   = "dseg-font";
-    link.rel  = "stylesheet";
-    link.href = "https://cdn.jsdelivr.net/npm/@fontsource-variable/dseg7-classic/index.min.css";
-    document.head.appendChild(link);
+  /* ── 1. inject a real DSEG7-Classic-Bold font once ─────────────── */
+  if (!document.getElementById("dseg-face")) {
+    const style = document.createElement("style");
+    style.id = "dseg-face";
+    style.textContent = `
+      @font-face {
+        font-family: "DSEG7";
+        src:
+          url("https://cdn.jsdelivr.net/npm/@fontsource/dseg7-classic/files/dseg7-classic-latin-700-normal.woff2") format("woff2");
+        font-weight: 700;
+        font-style: normal;
+        font-display: swap;
+      }
+    `;
+    document.head.appendChild(style);
   }
 
   /* ── 2. mount logic ─────────────────────────────────────────────── */
   function mount(el) {
     Object.assign(el.style, {
-      font: "900 5.5rem 'DSEG7 Classic', monospace",
-      color: "#ffb400",                     // amber LEDs
-      textShadow: "0 0 6px rgba(255,180,0,.8)",
+      font: "700 5.2rem 'DSEG7', monospace",
+      color: "#ffb400",
+      textShadow: "0 0 8px rgba(255, 180, 0, .9)",
       background: "rgba(0,0,0,.65)",
-      padding: "8px 14px",
+      padding: "10px 18px",
       borderRadius: "6px",
       whiteSpace: "nowrap",
-      letterSpacing: ".08em",
+      letterSpacing: ".06em",
       position: "absolute",
       top: "40%",
       left: "50%",
@@ -38,20 +46,15 @@
         const rate = d.ratePerSecond;
         let last = performance.now();
 
-        /* update 4×/sec for a mild “tick” */
+        /* update 4×/sec so it “ticks” but doesn’t blur */
         setInterval(() => {
           const now = performance.now();
           const dt  = (now - last) / 1000;
           last = now;
           debt += rate * dt;
 
-          /* split into 3-digit groups to mimic signage */
-          const parts = Math.round(debt)
-            .toString()
-            .replace(/\B(?=(\d{3})+(?!\d))/g, ",")
-            .split(",");
-
-          el.textContent = "$" + parts.join(",");
+          el.textContent =
+            "$" + Math.round(debt).toLocaleString("en-US"); // 3-digit commas
         }, 250);
       })
       .catch(err => {