speakid-build-a-sentence 1.0.12 → 1.0.13

package/dist/speakid-build-a-sentence.es.js

@@ -13,7 +13,7 @@ var Pe;
 function an() {
   if (Pe) return pe;
   Pe = 1;
-  var p = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
+  var p = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
   function S(j, W, w) {
     var P = null;
     if (w !== void 0 && (P = "" + w), W.key !== void 0 && (P = "" + W.key), "key" in W) {
@@ -29,7 +29,7 @@ function an() {
       props: w
     };
   }
-  return pe.Fragment = l, pe.jsx = S, pe.jsxs = S, pe;
+  return pe.Fragment = d, pe.jsx = S, pe.jsxs = S, pe;
 }
 var fe = {};
 /**
@@ -42,7 +42,7 @@ var fe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var He;
-function dn() {
+function ln() {
   return He || (He = 1, process.env.NODE_ENV !== "production" && (function() {
     function p(e) {
       if (e == null) return null;
@@ -87,12 +87,12 @@ function dn() {
         }
       return null;
     }
-    function l(e) {
+    function d(e) {
       return "" + e;
     }
     function S(e) {
       try {
-        l(e);
+        d(e);
         var a = !1;
       } catch {
         a = !0;
@@ -104,7 +104,7 @@ function dn() {
           a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           b
-        ), l(e);
+        ), d(e);
       }
     }
     function j(e) {
@@ -126,7 +126,7 @@ function dn() {
       return Error("react-stack-top-frame");
     }
     function P(e) {
-      if (de.call(e, "key")) {
+      if (le.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning) return !1;
       }
@@ -150,7 +150,7 @@ function dn() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function D(e, a, r, b, le, G) {
+    function D(e, a, r, b, de, G) {
       var x = r.ref;
       return e = {
         $$typeof: oe,
@@ -175,7 +175,7 @@ function dn() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: le
+        value: de
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -183,7 +183,7 @@ function dn() {
         value: G
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function y(e, a, r, b, le, G) {
+    function y(e, a, r, b, de, G) {
       var x = a.children;
       if (x !== void 0)
         if (b)
@@ -196,7 +196,7 @@ function dn() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else T(x);
-      if (de.call(a, "key")) {
+      if (le.call(a, "key")) {
         x = p(e);
         var O = Object.keys(a).filter(function(Se) {
           return Se !== "key";
@@ -227,7 +227,7 @@ React keys must be passed directly to JSX without using spread:
         x,
         r,
         W(),
-        le,
+        de,
         G
       );
     }
@@ -237,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
     function H(e) {
       return typeof e == "object" && e !== null && e.$$typeof === oe;
     }
-    var B = on, oe = Symbol.for("react.transitional.element"), ge = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), he = Symbol.for("react.consumer"), se = Symbol.for("react.context"), me = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), we = B.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, de = Object.prototype.hasOwnProperty, M = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var B = on, oe = Symbol.for("react.transitional.element"), ge = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), he = Symbol.for("react.consumer"), se = Symbol.for("react.context"), me = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), we = B.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, M = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
     B = {
@@ -273,10 +273,10 @@ React keys must be passed directly to JSX without using spread:
   })()), fe;
 }
 var Ce;
-function ln() {
-  return Ce || (Ce = 1, process.env.NODE_ENV === "production" ? ve.exports = an() : ve.exports = dn()), ve.exports;
+function dn() {
+  return Ce || (Ce = 1, process.env.NODE_ENV === "production" ? ve.exports = an() : ve.exports = ln()), ve.exports;
 }
-var s = ln();
+var s = dn();
 const cn = `
   @keyframes magic-sentence-spin {
     from { transform: rotate(0deg); }
@@ -453,7 +453,7 @@ const Ae = {
   // ===== Анимационные стили =====
   ...Ae
 }, un = () => {
-  const [p, l] = g([]), S = Ee((w, P, R) => {
+  const [p, d] = g([]), S = Ee((w, P, R) => {
     const f = [];
     w.trim() || f.push({
       type: "empty",
@@ -469,7 +469,7 @@ const Ae = {
     return y !== -1 && f.push({
       type: "duplicate",
       message: `Duplicate sentence (same as sentence ${y + 1})`
-    }), l(f), {
+    }), d(f), {
       isValid: f.length === 0,
       errors: f
     };
@@ -486,7 +486,7 @@ const Ae = {
       errors: P
     };
   }, [S]), W = Ee(() => {
-    l([]);
+    d([]);
   }, []);
   return {
     errors: p,
@@ -494,12 +494,12 @@ const Ae = {
     validateAllSentences: j,
     clearErrors: W
   };
-}, pn = (p, l, S) => l && S ? `${p} word "${l}" ${S}` : l ? `${p} word "${l}"` : p, fn = (p, l, S = ["Enter", " "]) => {
-  S.includes(p.key) && (p.preventDefault(), l());
+}, pn = (p, d, S) => d && S ? `${p} word "${d}" ${S}` : d ? `${p} word "${d}"` : p, fn = (p, d, S = ["Enter", " "]) => {
+  S.includes(p.key) && (p.preventDefault(), d());
 }, Y = (p) => {
-  const l = document.createElement("div");
-  l.setAttribute("aria-live", "polite"), l.setAttribute("aria-atomic", "true"), l.style.position = "absolute", l.style.left = "-10000px", l.style.width = "1px", l.style.height = "1px", l.style.overflow = "hidden", document.body.appendChild(l), l.textContent = p, setTimeout(() => {
-    document.body.removeChild(l);
+  const d = document.createElement("div");
+  d.setAttribute("aria-live", "polite"), d.setAttribute("aria-atomic", "true"), d.style.position = "absolute", d.style.left = "-10000px", d.style.width = "1px", d.style.height = "1px", d.style.overflow = "hidden", document.body.appendChild(d), d.textContent = p, setTimeout(() => {
+    document.body.removeChild(d);
   }, 1e3);
 }, gn = () => {
   const p = document.createElement("style");
@@ -532,7 +532,7 @@ const Ae = {
   `, document.head.appendChild(p);
 }, hn = (p) => [...p].sort(() => Math.random() - 0.5);
 function wn(p = {}) {
-  const { logoUrl: l, showLogo: S = !0, baseURL: j } = p, W = je(null), { validateAllSentences: w, errors: P } = un(), R = () => r || window.innerWidth < 768, f = () => r || window.innerWidth < 768 || window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932, D = (n = "medium") => {
+  const { logoUrl: d, showLogo: S = !0, baseURL: j } = p, W = je(null), { validateAllSentences: w, errors: P } = un(), R = () => r || window.innerWidth < 768, f = () => r || window.innerWidth < 768 || window.innerWidth >= 320 && window.innerWidth <= 932 && window.innerHeight >= 390 && window.innerHeight <= 932, D = (n = "medium") => {
     if (!f())
       return {
         padding: "12px 24px",
@@ -563,15 +563,15 @@ function wn(p = {}) {
   ue(() => (gn(), () => {
     document.body.style.overflow = "";
   }), []);
-  const [y, T] = g("select"), [H, B] = g(null), [oe, ge] = g(null), [E, U] = g([]), [_, he] = g(0), [se, me] = g([]), [I, ae] = g([]), [z, J] = g(20), [$, V] = g(0), [we, de] = g(null), [M, A] = g(null), [c, F] = g(!1), [X, xe] = g(
+  const [y, T] = g("select"), [H, B] = g(null), [oe, ge] = g(null), [E, U] = g([]), [_, he] = g(0), [se, me] = g([]), [I, ae] = g([]), [z, J] = g(20), [$, V] = g(0), [we, le] = g(null), [M, A] = g(null), [c, F] = g(!1), [X, xe] = g(
     Number(localStorage.getItem("magicSentenceBest")) || 0
-  ), L = je(null), [e, a] = g({ list: null, index: null, side: null }), [r, b] = g(!1), [le, G] = g(1), [x, O] = g(null), [ce, Se] = g(!1), [q, De] = g(!1), [Z, _e] = g(!1), [Q, Oe] = g(!1), [K, ze] = g(!1), [ee, Me] = g(!1), [ne, Le] = g(!1), [te, Ne] = g(!1), [ie, Be] = g(!1);
+  ), L = je(null), [e, a] = g({ list: null, index: null, side: null }), [r, b] = g(!1), [de, G] = g(1), [x, O] = g(null), [ce, Se] = g(!1), [q, De] = g(!1), [Z, _e] = g(!1), [Q, Oe] = g(!1), [K, ze] = g(!1), [ee, Me] = g(!1), [ne, Le] = g(!1), [te, Ne] = g(!1), [ie, Be] = g(!1);
   ue(() => {
     const n = () => {
-      const i = window.innerWidth, t = window.innerHeight, o = i < 768 || i === 926 && t === 428 || i === 932 && t === 430, d = t < 700, v = i === 768 && t === 1024, k = i === 1024 && t === 768, u = i === 820 && t === 1180, m = i === 1180 && t === 820, re = i === 540 && t === 720, C = i === 720 && t === 540, Re = i === 1024 && t === 1366, nn = i === 1366 && t === 1024, tn = i >= 1200 && t >= 600 && !o;
+      const i = window.innerWidth, t = window.innerHeight, o = i < 768 || i === 926 && t === 428 || i === 932 && t === 430, l = t < 700, v = i === 768 && t === 1024, k = i === 1024 && t === 768, u = i === 820 && t === 1180, m = i === 1180 && t === 820, re = i === 540 && t === 720, C = i === 720 && t === 540, Re = i === 1024 && t === 1366, nn = i === 1366 && t === 1024, tn = i >= 1200 && t >= 600 && !o;
       if (Se(tn), De(v), _e(k), Oe(u), ze(m), Me(re), Le(C), Ne(Re), Be(nn), b(o), o)
         O(null), G(1);
-      else if (d)
+      else if (l)
         O(null), G(1);
       else {
         const rn = Math.min(1e3, Math.min(i, t) * 0.9);
@@ -582,28 +582,28 @@ function wn(p = {}) {
   }, []);
   const ye = (n, i, t, o) => {
     if (c) return;
-    let d = [...se], v = [...I];
-    const k = n === "bank" ? d : v, u = i === "bank" ? d : v, m = k.findIndex((Re) => Re.id === t);
+    let l = [...se], v = [...I];
+    const k = n === "bank" ? l : v, u = i === "bank" ? l : v, m = k.findIndex((Re) => Re.id === t);
     if (m === -1) return;
     const [re] = k.splice(m, 1);
     let C = o;
-    n === i && C !== null && C !== void 0 && C > m && (C = C - 1), C == null || C < 0 || C > u.length ? u.push(re) : u.splice(C, 0, re), n === "bank" ? d = k : v = k, i === "bank" ? d = u : v = u, me(d), ae(v);
+    n === i && C !== null && C !== void 0 && C > m && (C = C - 1), C == null || C < 0 || C > u.length ? u.push(re) : u.splice(C, 0, re), n === "bank" ? l = k : v = k, i === "bank" ? l = u : v = u, me(l), ae(v);
   }, be = (n, i, t) => {
     if (n.preventDefault(), c) {
       a({ list: null, index: null, side: null });
       return;
     }
     const o = n.dataTransfer.getData("application/x-token") || (() => {
-      const d = n.dataTransfer.getData("text/plain");
-      if (!d) return "";
-      const v = se.some((m) => m.id === d), k = I.some((m) => m.id === d), u = v ? "bank" : k ? "selected" : null;
-      return u ? JSON.stringify({ from: u, id: d }) : "";
+      const l = n.dataTransfer.getData("text/plain");
+      if (!l) return "";
+      const v = se.some((m) => m.id === l), k = I.some((m) => m.id === l), u = v ? "bank" : k ? "selected" : null;
+      return u ? JSON.stringify({ from: u, id: l }) : "";
     })();
     if (o) {
       try {
-        const d = JSON.parse(o);
-        if (!d || !d.id || !d.from) return;
-        ye(d.from, i, d.id, t);
+        const l = JSON.parse(o);
+        if (!l || !l.id || !l.from) return;
+        ye(l.from, i, l.id, t);
       } catch {
       }
       a({ list: null, index: null, side: null });
@@ -617,10 +617,10 @@ function wn(p = {}) {
       return;
     const o = [...E];
     o[n] = i, U(o);
-    const d = w(o);
-    d.isValid || console.warn("Validation errors:", d.errors);
+    const l = w(o);
+    l.isValid || console.warn("Validation errors:", l.errors);
   }, Ye = (n) => n.trim().replace(/\s+/g, " "), Te = (n) => n <= 3 ? 20 : n <= 5 ? 18 : n <= 7 ? 16 : n <= 9 ? 14 : 12, Ue = () => {
-    E.some((i) => i.trim().length === 0) || (U((i) => i.map((t) => Ye(t))), V(0), he(0), de(null), T("getready"));
+    E.some((i) => i.trim().length === 0) || (U((i) => i.map((t) => Ye(t))), V(0), he(0), le(null), T("getready"));
   };
   ue(() => {
     if (y === "getready") {
@@ -633,9 +633,9 @@ function wn(p = {}) {
     if (!i) return;
     const o = hn(
       i.trim().split(/\s+/).filter(Boolean)
-    ).map((d, v) => ({
+    ).map((l, v) => ({
       id: `${Date.now()}-${n}-${v}-${Math.random().toString(36).slice(2)}`,
-      text: d
+      text: l
     }));
     me(o), ae([]), he(n), J(oe || 20), A(null), F(!1), T("play");
   };
@@ -645,7 +645,7 @@ function wn(p = {}) {
         L.current = window.setTimeout(() => J((n) => n - 1), 1e3);
       else {
         F(!0);
-        const i = E[_].trim().split(/\s+/), t = I.map((u) => u.text), o = i.filter((u) => !t.includes(u)).length, d = t.filter((u) => !i.includes(u)).length, v = i.filter((u, m) => u !== t[m]).length, k = o + d + v;
+        const i = E[_].trim().split(/\s+/), t = I.map((u) => u.text), o = i.filter((u) => !t.includes(u)).length, l = t.filter((u) => !i.includes(u)).length, v = i.filter((u, m) => u !== t[m]).length, k = o + l + v;
         k === 0 ? (A("correct"), N("correct"), Y("Correct! Well done!")) : k === 1 ? (A("almost"), N("half"), Y("Almost correct! Just one mistake.")) : (A("wrong"), N("wrong"), Y("Not quite right. Keep trying!"));
       }
     return () => {
@@ -658,7 +658,7 @@ function wn(p = {}) {
       return;
     }
     if (n && !c) {
-      const t = E[_].trim().split(/\s+/), o = I.map((m) => m.text), d = t.filter((m) => !o.includes(m)).length, v = o.filter((m) => !t.includes(m)).length, k = t.filter((m, re) => m !== o[re]).length, u = d + v + k;
+      const t = E[_].trim().split(/\s+/), o = I.map((m) => m.text), l = t.filter((m) => !o.includes(m)).length, v = o.filter((m) => !t.includes(m)).length, k = t.filter((m, re) => m !== o[re]).length, u = l + v + k;
       u === 0 && z > 0 ? (V((m) => m + 1), A("correct"), N("correct"), Y("Correct! Well done!")) : u === 1 ? (V((m) => m + 0.5), A("almost"), N("half"), Y("Almost correct! Just one mistake.")) : (A("wrong"), N("wrong"), Y("Not quite right. Keep trying!")), _ + 1 < (H || 0) ? setTimeout(() => ke(_ + 1), 800) : (T("results"), setTimeout(() => We(), 600));
     }
   };
@@ -686,7 +686,7 @@ function wn(p = {}) {
     }
     o.gain.setValueAtTime(0.1, i.currentTime), t.start(), t.stop(i.currentTime + 0.2);
   }, We = () => {
-    const i = Date.now() + 2500, t = ["#ec4c44", "#f7c948", "#6fcf97", "#56ccf2", "#bb6bd9"], o = document.createElement("canvas"), d = o.getContext("2d");
+    const i = Date.now() + 2500, t = ["#ec4c44", "#f7c948", "#6fcf97", "#56ccf2", "#bb6bd9"], o = document.createElement("canvas"), l = o.getContext("2d");
     o.width = window.innerWidth, o.height = window.innerHeight, o.style.position = "fixed", o.style.top = "0", o.style.left = "0", o.style.pointerEvents = "none", document.body.appendChild(o);
     const v = Array.from({ length: 100 }).map(() => ({
       x: Math.random() * o.width,
@@ -696,8 +696,8 @@ function wn(p = {}) {
       speed: 2 + Math.random() * 4,
       tilt: Math.random() * 2 * Math.PI
     })), k = () => {
-      d.clearRect(0, 0, o.width, o.height), v.forEach((u) => {
-        d.fillStyle = u.color, d.beginPath(), d.ellipse(u.x, u.y, u.size, u.size / 2, u.tilt, 0, 2 * Math.PI), d.fill(), u.y += u.speed, u.x += Math.sin(u.tilt);
+      l.clearRect(0, 0, o.width, o.height), v.forEach((u) => {
+        l.fillStyle = u.color, l.beginPath(), l.ellipse(u.x, u.y, u.size, u.size / 2, u.tilt, 0, 2 * Math.PI), l.fill(), u.y += u.speed, u.x += Math.sin(u.tilt);
       }), Date.now() < i ? requestAnimationFrame(k) : document.body.removeChild(o);
     };
     k();
@@ -879,13 +879,13 @@ function wn(p = {}) {
             },
             onDragOver: (t) => t.preventDefault(),
             onDrop: (t) => {
-              const o = t.currentTarget.getBoundingClientRect(), d = o.left + o.width / 2, v = t.clientX > d ? i + 1 : i;
+              const o = t.currentTarget.getBoundingClientRect(), l = o.left + o.width / 2, v = t.clientX > l ? i + 1 : i;
               a({ list: null, index: null, side: null }), t.stopPropagation(), be(t, "bank", v);
             },
             onDragEnter: (t) => {
               if (c) return;
-              const o = t.currentTarget.getBoundingClientRect(), d = o.left + o.width / 2;
-              a({ list: "bank", index: i, side: t.clientX > d ? "right" : "left" });
+              const o = t.currentTarget.getBoundingClientRect(), l = o.left + o.width / 2;
+              a({ list: "bank", index: i, side: t.clientX > l ? "right" : "left" });
             },
             onDragLeave: () => a({ list: null, index: null, side: null }),
             onClick: () => {
@@ -952,13 +952,13 @@ function wn(p = {}) {
             },
             onDragOver: (t) => t.preventDefault(),
             onDrop: (t) => {
-              const o = t.currentTarget.getBoundingClientRect(), d = o.left + o.width / 2, v = t.clientX > d ? i + 1 : i;
+              const o = t.currentTarget.getBoundingClientRect(), l = o.left + o.width / 2, v = t.clientX > l ? i + 1 : i;
               a({ list: null, index: null, side: null }), t.stopPropagation(), be(t, "selected", v);
             },
             onDragEnter: (t) => {
               if (c) return;
-              const o = t.currentTarget.getBoundingClientRect(), d = o.left + o.width / 2;
-              a({ list: "selected", index: i, side: t.clientX > d ? "right" : "left" });
+              const o = t.currentTarget.getBoundingClientRect(), l = o.left + o.width / 2;
+              a({ list: "selected", index: i, side: t.clientX > l ? "right" : "left" });
             },
             onDragLeave: () => a({ list: null, index: null, side: null }),
             onClick: () => {
@@ -1046,7 +1046,7 @@ function wn(p = {}) {
         {
           onClick: () => {
             We(), N("start"), setTimeout(() => {
-              T("getready"), de(null), F(!1);
+              T("getready"), le(null), F(!1);
             }, 800);
           },
           style: {
@@ -1070,7 +1070,7 @@ function wn(p = {}) {
         }
       )
     ] })
-  ] }), Ie = l || (j ? `${j.endsWith("/") ? j.slice(0, -1) : j}/logo.svg` : typeof window < "u" && window.origin ? `${window.origin}/browser/speakid/games/magic%20sentence/logo.svg` : null), en = !r && S && !(window.innerWidth > window.innerHeight) && window.innerHeight >= 700;
+  ] }), Ie = d || (j ? `${j.endsWith("/") ? j.slice(0, -1) : j}/logo.svg` : typeof window < "u" && window.origin ? `${window.origin}/browser/speakid/games/magic%20sentence/logo.svg` : null), en = !r && S && !(window.innerWidth > window.innerHeight) && window.innerHeight >= 700;
   return /* @__PURE__ */ s.jsx(
     "div",
     {
@@ -1118,7 +1118,7 @@ function wn(p = {}) {
                 alignItems: "center"
               },
               children: /* @__PURE__ */ s.jsxs("div", { id: "magic-sentence-root", children: [
-                en && /* @__PURE__ */ s.jsx("div", { style: {
+                en ? /* @__PURE__ */ s.jsx("div", { style: {
                   ...h.gmLogoFixed,
                   display: "block"
                 }, children: Ie ? /* @__PURE__ */ s.jsx(
@@ -1129,13 +1129,13 @@ function wn(p = {}) {
                     style: h.gmLogoImg,
                     loading: "lazy"
                   }
-                ) : /* @__PURE__ */ s.jsx("div", { style: h.gmLogoImg, children: "SPEAKID" }) }),
-                y === "select" && Ve(),
-                y === "time" && Xe(),
-                y === "type" && qe(),
-                y === "getready" && Ze(),
-                y === "play" && Qe(),
-                y === "results" && Ke()
+                ) : /* @__PURE__ */ s.jsx("div", { style: h.gmLogoImg, children: "SPEAKID" }) }) : null,
+                y === "select" ? Ve() : null,
+                y === "time" ? Xe() : null,
+                y === "type" ? qe() : null,
+                y === "getready" ? Ze() : null,
+                y === "play" ? Qe() : null,
+                y === "results" ? Ke() : null
               ] })
             }
           )
@@ -1145,18 +1145,18 @@ function wn(p = {}) {
   );
 }
 class xn extends sn {
-  constructor(l) {
-    super(l), this.state = { hasError: !1 };
+  constructor(d) {
+    super(d), this.state = { hasError: !1 };
   }
-  static getDerivedStateFromError(l) {
+  static getDerivedStateFromError(d) {
     return {
       hasError: !0,
-      error: l
+      error: d
     };
   }
-  componentDidCatch(l, S) {
-    console.error("Game Error:", l, S), this.setState({
-      error: l,
+  componentDidCatch(d, S) {
+    console.error("Game Error:", d, S), this.setState({
+      error: d,
       errorInfo: S
     });
   }
@@ -1192,8 +1192,8 @@ class xn extends sn {
             cursor: "pointer",
             transition: "background-color 0.2s"
           },
-          onMouseOver: (l) => l.currentTarget.style.backgroundColor = "#b91c1c",
-          onMouseOut: (l) => l.currentTarget.style.backgroundColor = "#dc2626",
+          onMouseOver: (d) => d.currentTarget.style.backgroundColor = "#b91c1c",
+          onMouseOut: (d) => d.currentTarget.style.backgroundColor = "#dc2626",
           children: "🔄 Restart Game"
         }
       ),