speakid-hangman 1.0.9 → 1.0.11

package/dist/speakid-hangman.es.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as m, Fragment as G } from "react/jsx-runtime";
-import { useState as h, useMemo as Q, useCallback as ue, useEffect as me } from "react";
+import { jsx as o, jsxs as h, Fragment as G } from "react/jsx-runtime";
+import { useState as m, useMemo as Q, useCallback as ue, useEffect as me } from "react";
 const a = {
   gmCenterScreen: {
     position: "relative",
@@ -209,8 +209,8 @@ function He({
   maxMistakes: J,
   size: _ = 200
 }) {
-  const c = _, g = _ * 1.25, w = Math.max(3, _ / 100), C = 10 * (c / 200), x = 240 * (g / 250), y = 150 * (c / 200), b = 80 * (c / 200), ee = 20 * (g / 250), N = 240 * (g / 250), M = 80 * (c / 200), P = 20 * (g / 250), L = 150 * (c / 200), H = 150 * (c / 200), v = 20 * (g / 250), I = 50 * (g / 250), F = 150 * (c / 200), R = 70 * (g / 250), V = 20 * (c / 200), T = 150 * (c / 200), te = 90 * (g / 250), A = 150 * (g / 250), f = 150 * (c / 200), B = 110 * (g / 250), p = 130 * (c / 200), O = 130 * (g / 250), ne = 150 * (c / 200), E = 110 * (g / 250), he = 170 * (c / 200), z = 130 * (g / 250), oe = 150 * (c / 200), Z = 150 * (g / 250), d = 130 * (c / 200), re = 190 * (g / 250), j = 150 * (c / 200), ie = 150 * (g / 250), u = 170 * (c / 200), ae = 190 * (g / 250), k = r === 0 || r <= J * 0.5 ? "#1f2937" : r <= J * 0.75 ? "#f59e0b" : "#ec4c44";
-  return /* @__PURE__ */ m(
+  const c = _, g = _ * 1.25, w = Math.max(3, _ / 100), C = 10 * (c / 200), x = 240 * (g / 250), y = 150 * (c / 200), b = 80 * (c / 200), ee = 20 * (g / 250), N = 240 * (g / 250), M = 80 * (c / 200), P = 20 * (g / 250), L = 150 * (c / 200), H = 150 * (c / 200), S = 20 * (g / 250), I = 50 * (g / 250), F = 150 * (c / 200), R = 70 * (g / 250), U = 20 * (c / 200), T = 150 * (c / 200), te = 90 * (g / 250), Y = 150 * (g / 250), f = 150 * (c / 200), B = 110 * (g / 250), p = 130 * (c / 200), O = 130 * (g / 250), ne = 150 * (c / 200), E = 110 * (g / 250), he = 170 * (c / 200), W = 130 * (g / 250), oe = 150 * (c / 200), V = 150 * (g / 250), d = 130 * (c / 200), re = 190 * (g / 250), j = 150 * (c / 200), ie = 150 * (g / 250), u = 170 * (c / 200), ae = 190 * (g / 250), k = r === 0 || r <= J * 0.5 ? "#1f2937" : r <= J * 0.75 ? "#f59e0b" : "#ec4c44";
+  return /* @__PURE__ */ h(
     "svg",
     {
       width: c,
@@ -264,7 +264,7 @@ function He({
           "line",
           {
             x1: H,
-            y1: v,
+            y1: S,
             x2: H,
             y2: I,
             stroke: k,
@@ -276,7 +276,7 @@ function He({
           {
             cx: F,
             cy: R,
-            r: V,
+            r: U,
             stroke: k,
             fill: "none",
             strokeWidth: w
@@ -288,7 +288,7 @@ function He({
             x1: T,
             y1: te,
             x2: T,
-            y2: A,
+            y2: Y,
             stroke: k,
             strokeWidth: w
           }
@@ -310,7 +310,7 @@ function He({
             x1: ne,
             y1: E,
             x2: he,
-            y2: z,
+            y2: W,
             stroke: k,
             strokeWidth: w
           }
@@ -319,7 +319,7 @@ function He({
           "line",
           {
             x1: oe,
-            y1: Z,
+            y1: V,
             x2: d,
             y2: re,
             stroke: k,
@@ -341,7 +341,7 @@ function He({
     }
   );
 }
-function Ye({
+function Ae({
   gameCubeSize: r = 400,
   screenHeight: J = 800,
   screenWidth: _ = 800,
@@ -367,7 +367,7 @@ function Ye({
     Environment: ["tree", "forest", "air", "water", "pollution", "recycle", "nature", "clean", "waste", "plastic", "energy", "animal", "climate", "earth", "ocean", "river", "planet", "save", "green", "environment", "litter", "organic"],
     Space: ["planet", "star", "sun", "moon", "astronaut", "rocket", "space", "galaxy", "universe", "telescope", "comet", "asteroid", "orbit", "gravity", "alien", "spaceship", "mars", "satellite", "sky", "eclipse"],
     Devices: ["computer", "laptop", "phone", "tablet", "tv", "keyboard", "mouse", "printer", "camera", "headphones", "charger", "screen", "watch", "microphone", "speaker", "console", "router", "battery", "cable", "remote"]
-  }, [x, y] = h("lobby"), [b, ee] = h(""), [N] = h("Normal"), [M, P] = h(0), [L, H] = h(1), [v, I] = h(""), [F, R] = h([]), [V, T] = h(0), [te, A] = h(0), [f, B] = h(null), [p, O] = h(null), [ne, E] = h(1), [he, z] = h([]), oe = N === "Easy" ? 8 : N === "Normal" ? 6 : 4, Z = w || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman` : "/cloud/speakid/games/hangman"), [d, re] = h(!1), [j, ie] = h(!1), [u, ae] = h(!1), [$, k] = h(!1), s = Q(() => {
+  }, [x, y] = m("lobby"), [b, ee] = m(""), [N] = m("Normal"), [M, P] = m(0), [L, H] = m(1), [S, I] = m(""), [F, R] = m([]), [U, T] = m(0), [te, Y] = m(0), [f, B] = m(null), [p, O] = m(null), [ne, E] = m(1), [he, W] = m([]), oe = N === "Easy" ? 8 : N === "Normal" ? 6 : 4, V = w || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman` : "/cloud/speakid/games/hangman"), [d, re] = m(!1), [j, ie] = m(!1), [u, ae] = m(!1), [$, k] = m(!1), s = Q(() => {
     const e = (p || r || 1e3) / 400, t = u ? 0.8 : 1, i = $ ? 0.9 : 1, l = t * i;
     return {
       headline1: d ? Math.max(24, Math.min(30, 30 * e * l)) : Math.max(28, Math.min(32, 32 * e * i)),
@@ -393,39 +393,39 @@ function Ye({
   }, [j, p, r, u, $]), n = Q(() => {
     const e = (p || r || 1e3) / 400, t = u ? 0.65 : 1, i = $ ? 0.85 : 1;
     return j ? Math.max(3, Math.min(6, 5 * e)) : Math.max(4, Math.min(12, 8 * e)) * t * i;
-  }, [j, p, r, u, $]), S = Q(() => {
+  }, [j, p, r, u, $]), v = Q(() => {
     const e = (p || r || 1e3) / 400, t = $ ? 0.9 : 1;
     return Math.max(6, Math.min(10, 8 * e * t));
-  }, [p, r, $]), we = (e, t) => e.split("").every((i) => t.includes(i)), ke = (e, t) => e.split("").map((i) => t.includes(i) ? i : "_").join(" "), Me = (e) => "abcdefghijklmnopqrstuvwxyz".split("").filter((i) => !e.includes(i)), U = (e, t = []) => {
+  }, [p, r, $]), we = (e, t) => e.split("").every((i) => t.includes(i)), ke = (e, t) => e.split("").map((i) => t.includes(i) ? i : "_").join(" "), Me = (e) => "abcdefghijklmnopqrstuvwxyz".split("").filter((i) => !e.includes(i)), Z = (e, t = []) => {
     var q;
     if (!e || !C[e]) {
-      const W = Object.keys(C)[0];
-      return ((q = C[W]) == null ? void 0 : q[0]) || "";
+      const z = Object.keys(C)[0];
+      return ((q = C[z]) == null ? void 0 : q[0]) || "";
     }
     const i = C[e];
     if (!i || i.length === 0)
       return "";
-    const l = i.filter((W) => !t.includes(W)), Y = l.length > 0 ? l : i;
-    if (Y.length === 0)
+    const l = i.filter((z) => !t.includes(z)), A = l.length > 0 ? l : i;
+    if (A.length === 0)
       return "";
-    let D;
+    let X;
     if (typeof crypto < "u" && crypto.getRandomValues) {
-      const W = new Uint32Array(1);
-      crypto.getRandomValues(W);
-      const ge = W[0] / 4294967295;
-      D = Math.floor(ge * Y.length);
+      const z = new Uint32Array(1);
+      crypto.getRandomValues(z);
+      const ge = z[0] / 4294967295;
+      X = Math.floor(ge * A.length);
     } else
-      D = Math.floor(Math.random() * Y.length);
-    return Y[D];
+      X = Math.floor(Math.random() * A.length);
+    return A[X];
   }, $e = () => {
     if (!b) return;
-    z([]);
-    const e = U(b, []);
+    W([]);
+    const e = Z(b, []);
     if (!e) {
       y("category");
       return;
     }
-    I(e), z([e]), R([]), T(0), H(1), A(0), B(null), y("game");
+    I(e), W([e]), R([]), T(0), H(1), Y(0), B(null), y("game");
   }, se = ue((e) => {
     if (x !== "game" || f !== null) return;
     const t = e.toLowerCase();
@@ -437,19 +437,19 @@ function Ye({
     if (x === "game")
       return window.addEventListener("keydown", le), () => window.removeEventListener("keydown", le);
   }, [x, le]);
-  const Se = v ? ke(v, F) : "", xe = v ? we(v, F) : !1, ye = V >= 10, ve = Me(F), ce = ue(() => {
+  const ve = S ? ke(S, F) : "", xe = S ? we(S, F) : !1, ye = U >= 10, Se = Me(F), ce = ue(() => {
     if (!b || L >= M) {
       y("result");
       return;
     }
-    H((e) => e + 1), z((e) => {
-      const t = U(b, e);
+    H((e) => e + 1), W((e) => {
+      const t = Z(b, e);
       return t ? (I(t), [...e, t]) : e;
     }), R([]), T(0), B(null);
   }, [b, L, M]);
   me(() => {
     if (xe && f === null) {
-      B("win"), A((t) => t + 1);
+      B("win"), Y((t) => t + 1);
       const e = setTimeout(() => {
         ce();
       }, 2e3);
@@ -468,24 +468,24 @@ function Ye({
       y("result");
       return;
     }
-    H((e) => e + 1), z((e) => {
-      const t = U(b, e);
+    H((e) => e + 1), W((e) => {
+      const t = Z(b, e);
       return t ? (I(t), [...e, t]) : e;
     }), R([]), T(0), B(null);
   };
   me(() => {
     const e = () => {
-      const t = window.innerWidth, i = window.innerHeight, l = t < 768 || t === 926 && i === 428 || t === 932 && i === 430, Y = i < 700, D = t / i > 1.8, q = t === 1024 && i === 600, W = l && t > i, ge = t >= 1200 && t <= 1400;
-      if (re(l), ie(q), ae(W), k(ge), l)
+      const t = window.innerWidth, i = window.innerHeight, l = t < 768 || t === 926 && i === 428 || t === 932 && i === 430, A = i < 700, X = t / i > 1.8, q = t === 1024 && i === 600, z = l && t > i, ge = t >= 1200 && t <= 1400;
+      if (re(l), ie(q), ae(z), k(ge), l)
         O(null), E(1);
-      else if (Y)
+      else if (A)
         O(null), E(1);
       else {
-        const ze = t - 80, We = i - 80, be = Math.min(ze, We);
+        const We = t - 80, ze = i - 80, be = Math.min(We, ze);
         let pe;
         r && r >= 320 ? pe = Math.min(r, be) : pe = Math.min(1e3, be * 0.9);
         const Ce = Math.max(400, Math.min(1200, pe));
-        O(Ce), E(D ? 0.85 : 1);
+        O(Ce), E(X ? 0.85 : 1);
       }
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
@@ -546,7 +546,7 @@ function Ye({
     position: "relative",
     boxSizing: "border-box",
     background: "transparent"
-  }, X = Q(
+  }, D = Q(
     () => {
       if (!de)
         return null;
@@ -554,7 +554,7 @@ function Ye({
       if (d && e > window.innerHeight)
         return null;
       const t = c || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman/logo` : "/cloud/speakid/games/hangman/logo");
-      return /* @__PURE__ */ o("div", { style: a.gmLogoFixed, children: /* @__PURE__ */ m("picture", { children: [
+      return /* @__PURE__ */ o("div", { style: a.gmLogoFixed, children: /* @__PURE__ */ h("picture", { children: [
         /* @__PURE__ */ o(
           "source",
           {
@@ -574,8 +574,8 @@ function Ye({
       ] }) });
     },
     [d, de, c, x]
-  ), Be = () => x === "lobby" ? /* @__PURE__ */ m(G, { children: [
-    X,
+  ), Be = () => x === "lobby" ? /* @__PURE__ */ h(G, { children: [
+    D,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     /* @__PURE__ */ o("h1", { style: {
       ...a.gmHeadline1,
@@ -584,7 +584,7 @@ function Ye({
       position: "relative",
       zIndex: 1
     }, children: "HANGMAN" }),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ h(
       "button",
       {
         onClick: () => y("category"),
@@ -594,7 +594,7 @@ function Ye({
           // Medium для более заметности
           fontSize: `${s.button}px`,
           padding: `${n * 1.2}px ${n * 3}px`,
-          borderRadius: `${S * 1.5}px`,
+          borderRadius: `${v * 1.5}px`,
           position: "relative",
           zIndex: 1,
           display: "flex",
@@ -641,7 +641,7 @@ function Ye({
         ]
       }
     ),
-    /* @__PURE__ */ m("div", { style: {
+    /* @__PURE__ */ h("div", { style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -654,7 +654,7 @@ function Ye({
       /* @__PURE__ */ o(
         "img",
         {
-          src: `${Z}/sun.png`,
+          src: `${V}/sun.png`,
           alt: "Sun",
           style: {
             position: "absolute",
@@ -671,7 +671,7 @@ function Ye({
       /* @__PURE__ */ o(
         "img",
         {
-          src: `${Z}/character.png`,
+          src: `${V}/character.png`,
           alt: "Hangman character",
           style: {
             position: "absolute",
@@ -686,8 +686,8 @@ function Ye({
         }
       )
     ] })
-  ] }) : x === "category" ? /* @__PURE__ */ m(G, { children: [
-    X,
+  ] }) : x === "category" ? /* @__PURE__ */ h(G, { children: [
+    D,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     /* @__PURE__ */ o(
       "button",
@@ -704,7 +704,7 @@ function Ye({
           ...a.gmButtonSecondary,
           fontSize: `${s.button}px`,
           padding: `${n}px ${n * 1.5}px`,
-          borderRadius: `${S}px`,
+          borderRadius: `${v}px`,
           position: "absolute",
           top: "60px",
           // ✅ Под логотипом (24px top логотипа + 28px высота + 8px отступ)
@@ -732,7 +732,7 @@ function Ye({
           fontWeight: 500,
           fontSize: `${s.button}px`,
           padding: `${n * 1.2}px ${n * 2}px`,
-          borderRadius: `${S * 2}px`,
+          borderRadius: `${v * 2}px`,
           // Более округлые для облачков
           margin: `${n / 2}px`,
           background: "transparent",
@@ -746,8 +746,8 @@ function Ye({
       },
       e
     )) })
-  ] }) : x === "rounds" ? /* @__PURE__ */ m(G, { children: [
-    X,
+  ] }) : x === "rounds" ? /* @__PURE__ */ h(G, { children: [
+    D,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     /* @__PURE__ */ o(
       "button",
@@ -764,7 +764,7 @@ function Ye({
           ...a.gmButtonSecondary,
           fontSize: `${s.button}px`,
           padding: `${n}px ${n * 1.5}px`,
-          borderRadius: `${S}px`,
+          borderRadius: `${v}px`,
           position: "absolute",
           top: "60px",
           // ✅ Под логотипом (24px top логотипа + 28px высота + 8px отступ)
@@ -793,7 +793,7 @@ function Ye({
           fontWeight: 500,
           fontSize: `${s.button}px`,
           padding: `${n * 1.2}px ${n * 2}px`,
-          borderRadius: `${S * 2}px`,
+          borderRadius: `${v * 2}px`,
           // Более округлые для облачков
           margin: `${n / 2}px`,
           background: "transparent",
@@ -807,30 +807,36 @@ function Ye({
       },
       e
     )) })
-  ] }) : x === "game" ? /* @__PURE__ */ m(G, { children: [
-    X,
+  ] }) : x === "game" ? /* @__PURE__ */ h(G, { children: [
+    D,
     !u && /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     " ",
-    /* @__PURE__ */ m("div", { style: {
+    /* @__PURE__ */ h("div", { style: {
       ...a.gmInfoBox,
       padding: `${u ? n * 0.6 : n * 0.8}px`,
       // ✅ Уменьшаем padding в landscape
       marginBottom: `${u ? n * 0.3 : n * 0.5}px`,
       // ✅ Уменьшаем margin в landscape
-      maxWidth: `${(p || r) * 0.9}px`
+      maxWidth: `${(p || r) * 0.9}px`,
+      textAlign: "center",
+      // ✅ Центрируем текст по плашке
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center"
     }, children: [
-      /* @__PURE__ */ m("h3", { style: { ...a.gmHeadline3, fontSize: `${s.headline3}px`, marginBottom: `${n * 0.5}px` }, children: [
+      /* @__PURE__ */ h("h3", { style: { ...a.gmHeadline3, fontSize: `${s.headline3}px`, marginBottom: `${n * 0.2}px`, textAlign: "center" }, children: [
         "Category: ",
         b
       ] }),
-      /* @__PURE__ */ m("p", { style: { ...a.gmBodyM, fontSize: `${s.bodyM}px`, marginBottom: "0px" }, children: [
+      /* @__PURE__ */ h("p", { style: { ...a.gmBodyM, fontSize: `${s.bodyM}px`, marginBottom: "0px", textAlign: "center" }, children: [
         "Round ",
         L,
         " of ",
         M
       ] })
     ] }),
-    v && /* @__PURE__ */ m("p", { style: {
+    S && /* @__PURE__ */ h("p", { style: {
       ...a.gmBodyS,
       fontSize: `${s.bodyS}px`,
       marginTop: `${u ? n * 0.3 : n * 0.5}px`,
@@ -839,7 +845,7 @@ function Ye({
       // ✅ Уменьшаем margin в landscape
     }, children: [
       "I am thinking of a word that is ",
-      /* @__PURE__ */ o("strong", { children: v.length }),
+      /* @__PURE__ */ o("strong", { children: S.length }),
       " letters long"
     ] }),
     /* @__PURE__ */ o("div", { style: {
@@ -851,7 +857,7 @@ function Ye({
     }, children: /* @__PURE__ */ o(
       He,
       {
-        mistakes: V,
+        mistakes: U,
         maxMistakes: oe,
         size: j ? Math.max(80, Math.min(110, (p || r) * 0.16)) : d ? u ? Math.max(70, Math.min(120, Math.min(window.innerWidth * 0.25, window.innerHeight * 0.15))) : Math.max(100, Math.min(150, Math.min(window.innerWidth * 0.3, window.innerHeight * 0.2))) : Math.max(100, Math.min(150, (p || r) * 0.2))
       }
@@ -863,8 +869,8 @@ function Ye({
       // ✅ Уменьшаем margin в landscape
       letterSpacing: `${n * 0.8}px`,
       minHeight: `${Math.max(16, Math.min(24, s.wordDisplay * 0.9)) * 1.2}px`
-    }, children: Se || "Loading..." }),
-    /* @__PURE__ */ m("div", { style: {
+    }, children: ve || "Loading..." }),
+    /* @__PURE__ */ o("div", { style: {
       ...a.gmInfoBox,
       padding: `${u ? n * 0.6 : n}px`,
       // ✅ Уменьшаем padding в landscape
@@ -873,57 +879,53 @@ function Ye({
       marginBottom: `${u ? n * 0.5 : n}px`,
       // ✅ Уменьшаем margin в landscape
       maxWidth: `${(p || r) * 0.95}px`
-    }, children: [
-      /* @__PURE__ */ o("p", { style: {
-        ...a.gmBodyS,
-        fontSize: `${s.bodyS}px`,
-        marginBottom: `${n}px`,
-        fontWeight: 500
-        // Medium
-      }, children: "Available letters:" }),
-      /* @__PURE__ */ o("div", { style: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: `${n / 3}px`,
-        justifyContent: "center",
-        fontSize: `${Math.max(9, Math.min(12, s.bodyS * 0.75))}px`,
-        fontFamily: '"Onest", system-ui, sans-serif'
-      }, children: ve.map((e) => /* @__PURE__ */ o(
-        "button",
-        {
-          onClick: () => se(e),
-          disabled: f !== null,
-          onMouseEnter: (t) => {
-            f === null && (t.currentTarget.style.backgroundColor = "#e5e7eb", t.currentTarget.style.cursor = "pointer");
-          },
-          onMouseLeave: (t) => {
-            f === null && (t.currentTarget.style.backgroundColor = "#f9f9f9", t.currentTarget.style.cursor = "pointer");
-          },
-          style: {
-            padding: `${n / 4}px ${n / 3}px`,
-            borderRadius: `${S * 0.5}px`,
-            background: "#f9f9f9",
-            color: "#1f2937",
-            border: "1px solid #e5e7eb",
-            minWidth: `${Math.max(n * 1.5, (p || r) * 0.04)}px`,
-            textAlign: "center",
-            display: "inline-block",
-            cursor: f === null ? "pointer" : "default",
-            fontFamily: '"Onest", system-ui, sans-serif',
-            fontSize: `${Math.max(9, Math.min(12, s.bodyS * 0.75))}px`,
-            transition: "background-color 0.2s ease"
-          },
-          children: e
+    }, children: /* @__PURE__ */ o("div", { style: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: `${n / 3}px`,
+      justifyContent: "center",
+      alignItems: "center",
+      fontFamily: '"Onest", system-ui, sans-serif'
+    }, children: Se.map((e) => /* @__PURE__ */ o(
+      "button",
+      {
+        onClick: () => se(e),
+        disabled: f !== null,
+        onMouseEnter: (t) => {
+          f === null && (t.currentTarget.style.backgroundColor = "#e5e7eb", t.currentTarget.style.cursor = "pointer");
         },
-        e
-      )) })
-    ] }),
+        onMouseLeave: (t) => {
+          f === null && (t.currentTarget.style.backgroundColor = "#f9f9f9", t.currentTarget.style.cursor = "pointer");
+        },
+        style: {
+          flex: "1 1 auto",
+          padding: `${n * 0.5}px ${n * 0.4}px`,
+          borderRadius: `${v * 0.5}px`,
+          background: "#f9f9f9",
+          color: "#1f2937",
+          border: "1px solid #e5e7eb",
+          minWidth: `${Math.max((p || r) * 0.06, n * 2)}px`,
+          maxWidth: `${Math.max((p || r) * 0.12, n * 3)}px`,
+          textAlign: "center",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: f === null ? "pointer" : "default",
+          fontFamily: '"Onest", system-ui, sans-serif',
+          fontSize: `${Math.max(14, Math.min(20, s.bodyS * 1.2))}px`,
+          fontWeight: 500,
+          transition: "background-color 0.2s ease"
+        },
+        children: e.toUpperCase()
+      },
+      e
+    )) }) }),
     F.length > 0 && /* @__PURE__ */ o("div", { style: {
       ...a.gmGuessedLetters,
       fontSize: `${Math.max(10, Math.min(12, s.bodyS * 0.85))}px`,
       marginTop: `${n * 0.5}px`,
       marginBottom: "2px"
-    }, children: /* @__PURE__ */ m("span", { style: { color: "#6b7280" }, children: [
+    }, children: /* @__PURE__ */ h("span", { style: { color: "#6b7280" }, children: [
       "Guessed letters: ",
       /* @__PURE__ */ o("strong", { children: F.join(", ") })
     ] }) }),
@@ -932,13 +934,13 @@ function Ye({
       fontSize: `${s.bodyL}px`,
       margin: "2px 0"
     }, children: "🎉 You won this round!" }),
-    f === "lose" && /* @__PURE__ */ m("div", { style: {
+    f === "lose" && /* @__PURE__ */ h("div", { style: {
       ...a.gmStatusLose,
       fontSize: `${s.bodyL}px`,
       margin: "2px 0"
     }, children: [
       "The hangman is complete! The word was: ",
-      /* @__PURE__ */ o("strong", { children: v })
+      /* @__PURE__ */ o("strong", { children: S })
     ] }),
     f !== null && L < M && /* @__PURE__ */ o("div", { style: { marginTop: "2px", marginBottom: `${n}px` }, children: /* @__PURE__ */ o(
       "button",
@@ -954,7 +956,7 @@ function Ye({
           ...a.gmButton,
           fontSize: `${Math.max(11, Math.min(14, s.button * 0.85))}px`,
           padding: `${n * 0.6}px ${n * 1.2}px`,
-          borderRadius: `${S}px`
+          borderRadius: `${v}px`
         },
         children: "NEXT"
       }
@@ -973,7 +975,7 @@ function Ye({
           ...a.gmButton,
           fontSize: `${s.button}px`,
           padding: `${n}px ${n * 1.5}px`,
-          borderRadius: `${S}px`
+          borderRadius: `${v}px`
         },
         children: "View results"
       }
@@ -984,14 +986,14 @@ function Ye({
       marginTop: `${n}px`,
       marginBottom: `${n}px`
     }, children: "Type a letter on your keyboard" })
-  ] }) : x === "result" ? /* @__PURE__ */ m(G, { children: [
-    X,
+  ] }) : x === "result" ? /* @__PURE__ */ h(G, { children: [
+    D,
     /* @__PURE__ */ o("h1", { style: {
       ...a.gmHeadline1,
       fontSize: `${s.headline1}px`,
       marginBottom: `${n * 2}px`
     }, children: "🎊 Game Finished!" }),
-    /* @__PURE__ */ m("p", { style: {
+    /* @__PURE__ */ h("p", { style: {
       ...a.gmBodyL,
       fontSize: `${s.bodyL}px`,
       marginBottom: `${n * 2}px`
@@ -1002,7 +1004,7 @@ function Ye({
       /* @__PURE__ */ o("strong", { children: M }),
       " words correctly."
     ] }),
-    /* @__PURE__ */ m("div", { style: {
+    /* @__PURE__ */ h("div", { style: {
       display: "flex",
       flexDirection: "column",
       gap: `${n}px`,
@@ -1016,9 +1018,9 @@ function Ye({
               y("lobby");
               return;
             }
-            z([]);
-            const e = U(b, []);
-            e && (I(e), z([e]), R([]), T(0), H(1), A(0), B(null), y("game"));
+            W([]);
+            const e = Z(b, []);
+            e && (I(e), W([e]), R([]), T(0), H(1), Y(0), B(null), y("game"));
           },
           onMouseEnter: (e) => {
             e.currentTarget.style.backgroundColor = "#d43a32";
@@ -1030,7 +1032,7 @@ function Ye({
             ...a.gmButton,
             fontSize: `${s.button}px`,
             padding: `${n}px ${n * 1.5}px`,
-            borderRadius: `${S}px`,
+            borderRadius: `${v}px`,
             minWidth: "200px"
           },
           children: "Play again"
@@ -1051,7 +1053,7 @@ function Ye({
             ...a.gmButtonSecondary,
             fontSize: `${s.button}px`,
             padding: `${n}px ${n * 1.5}px`,
-            borderRadius: `${S}px`,
+            borderRadius: `${v}px`,
             minWidth: "200px"
           },
           children: "Exit"
@@ -1114,8 +1116,8 @@ function Ye({
   );
 }
 export {
-  Ye as Game,
-  Ye as HangmanLobbyGame,
-  Ye as default
+  Ae as Game,
+  Ae as HangmanLobbyGame,
+  Ae as default
 };
 //# sourceMappingURL=speakid-hangman.es.js.map