speakid-hangman 1.0.13 → 1.0.15

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 he } from "react";
+import { jsx as o, jsxs as m, Fragment as _ } from "react/jsx-runtime";
+import { useState as h, useMemo as Y, useCallback as pe, useEffect as ue } from "react";
 const l = {
   gmCenterScreen: {
     position: "relative",
@@ -204,12 +204,12 @@ const l = {
     display: "block"
   }
 };
-function je({
+function Ye({
   mistakes: r,
-  maxMistakes: J,
-  size: P = 200
+  maxMistakes: q,
+  size: N = 200
 }) {
-  const p = P, u = P * 1.25, w = Math.max(3, P / 100), C = 10 * (p / 200), x = 240 * (u / 250), y = 150 * (p / 200), b = 80 * (p / 200), ee = 20 * (u / 250), _ = 240 * (u / 250), M = 80 * (p / 200), N = 20 * (u / 250), L = 150 * (p / 200), H = 150 * (p / 200), S = 20 * (u / 250), I = 50 * (u / 250), F = 150 * (p / 200), R = 70 * (u / 250), U = 20 * (p / 200), T = 150 * (p / 200), te = 90 * (u / 250), D = 150 * (u / 250), f = 150 * (p / 200), B = 110 * (u / 250), d = 130 * (p / 200), O = 130 * (u / 250), ne = 150 * (p / 200), E = 110 * (u / 250), me = 170 * (p / 200), W = 130 * (u / 250), oe = 150 * (p / 200), V = 150 * (u / 250), g = 130 * (p / 200), re = 190 * (u / 250), j = 150 * (p / 200), ie = 150 * (u / 250), a = 170 * (p / 200), ae = 190 * (u / 250), k = r === 0 || r <= J * 0.5 ? "#1f2937" : r <= J * 0.75 ? "#f59e0b" : "#ec4c44";
+  const p = N, u = N * 1.25, b = Math.max(3, N / 100), A = 10 * (p / 200), F = 240 * (u / 250), y = 150 * (p / 200), x = 80 * (p / 200), w = 20 * (u / 250), J = 240 * (u / 250), Z = 80 * (p / 200), M = 20 * (u / 250), ee = 150 * (p / 200), v = 150 * (p / 200), R = 20 * (u / 250), S = 50 * (u / 250), z = 150 * (p / 200), T = 70 * (u / 250), C = 20 * (p / 200), D = 150 * (p / 200), H = 90 * (u / 250), te = 150 * (u / 250), O = 150 * (p / 200), f = 110 * (u / 250), B = 130 * (p / 200), g = 130 * (u / 250), X = 150 * (p / 200), ne = 110 * (u / 250), j = 170 * (p / 200), he = 130 * (u / 250), W = 150 * (p / 200), oe = 150 * (u / 250), re = 130 * (p / 200), U = 190 * (u / 250), d = 150 * (p / 200), ie = 150 * (u / 250), I = 170 * (p / 200), ae = 190 * (u / 250), k = r === 0 || r <= q * 0.5 ? "#1f2937" : r <= q * 0.75 ? "#f59e0b" : "#ec4c44";
   return /* @__PURE__ */ m(
     "svg",
     {
@@ -230,126 +230,127 @@ function je({
         r > 0 && /* @__PURE__ */ o(
           "line",
           {
-            x1: C,
-            y1: x,
+            x1: A,
+            y1: F,
             x2: y,
-            y2: x,
+            y2: F,
             stroke: k,
-            strokeWidth: w
+            strokeWidth: b
           }
         ),
         r > 1 && /* @__PURE__ */ o(
           "line",
           {
-            x1: b,
-            y1: ee,
-            x2: b,
-            y2: _,
+            x1: x,
+            y1: w,
+            x2: x,
+            y2: J,
             stroke: k,
-            strokeWidth: w
+            strokeWidth: b
           }
         ),
         r > 2 && /* @__PURE__ */ o(
           "line",
           {
-            x1: M,
-            y1: N,
-            x2: L,
-            y2: N,
+            x1: Z,
+            y1: M,
+            x2: ee,
+            y2: M,
             stroke: k,
-            strokeWidth: w
+            strokeWidth: b
           }
         ),
         r > 3 && /* @__PURE__ */ o(
           "line",
           {
-            x1: H,
-            y1: S,
-            x2: H,
-            y2: I,
+            x1: v,
+            y1: R,
+            x2: v,
+            y2: S,
             stroke: k,
-            strokeWidth: w
+            strokeWidth: b
           }
         ),
         r > 4 && /* @__PURE__ */ o(
           "circle",
           {
-            cx: F,
-            cy: R,
-            r: U,
+            cx: z,
+            cy: T,
+            r: C,
             stroke: k,
             fill: "none",
-            strokeWidth: w
+            strokeWidth: b
           }
         ),
         r > 5 && /* @__PURE__ */ o(
           "line",
           {
-            x1: T,
-            y1: te,
-            x2: T,
-            y2: D,
+            x1: D,
+            y1: H,
+            x2: D,
+            y2: te,
             stroke: k,
-            strokeWidth: w
+            strokeWidth: b
           }
         ),
         r > 6 && /* @__PURE__ */ o(
           "line",
           {
-            x1: f,
-            y1: B,
-            x2: d,
-            y2: O,
+            x1: O,
+            y1: f,
+            x2: B,
+            y2: g,
             stroke: k,
-            strokeWidth: w
+            strokeWidth: b
           }
         ),
         r > 7 && /* @__PURE__ */ o(
           "line",
           {
-            x1: ne,
-            y1: E,
-            x2: me,
-            y2: W,
+            x1: X,
+            y1: ne,
+            x2: j,
+            y2: he,
             stroke: k,
-            strokeWidth: w
+            strokeWidth: b
           }
         ),
         r > 8 && /* @__PURE__ */ o(
           "line",
           {
-            x1: oe,
-            y1: V,
-            x2: g,
-            y2: re,
+            x1: W,
+            y1: oe,
+            x2: re,
+            y2: U,
             stroke: k,
-            strokeWidth: w
+            strokeWidth: b
           }
         ),
         r > 9 && /* @__PURE__ */ o(
           "line",
           {
-            x1: j,
+            x1: d,
             y1: ie,
-            x2: a,
+            x2: I,
             y2: ae,
             stroke: k,
-            strokeWidth: w
+            strokeWidth: b
           }
         )
       ]
     }
   );
 }
-function Oe({
+function Ge({
   gameCubeSize: r = 400,
-  screenHeight: J = 800,
-  screenWidth: P = 800,
+  screenHeight: q = 800,
+  screenWidth: N = 800,
   logoUrl: p,
   showLogo: u = !0,
-  baseURL: w
+  baseURL: b,
+  seed: A
 } = {}) {
-  const C = {
+  const F = {
     Professions: ["teacher", "doctor", "nurse", "driver", "police", "firefighter", "cook", "waiter", "farmer", "builder", "singer", "actor", "dentist", "pilot", "vet", "artist", "cleaner", "student", "baker", "mechanic"],
     Family: ["mother", "father", "sister", "brother", "grandmother", "grandfather", "aunt", "uncle", "cousin", "baby", "parents", "children", "wife", "husband", "son", "daughter", "family", "twins", "relatives"],
     "Farm animals": ["cow", "pig", "horse", "sheep", "goat", "duck", "chicken", "rooster", "turkey", "goose", "rabbit", "mouse", "donkey", "bee", "hen", "lamb", "bull", "pony"],
@@ -367,125 +368,127 @@ function Oe({
     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(""), [_] = h("Normal"), [M, N] = h(0), [L, H] = h(1), [S, I] = h(""), [F, R] = h([]), [U, T] = h(0), [te, D] = h(0), [f, B] = h(null), [d, O] = h(null), [ne, E] = h(1), [me, W] = h([]), oe = _ === "Easy" ? 8 : _ === "Normal" ? 6 : 4, V = w || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman` : "/cloud/speakid/games/hangman"), [g, re] = h(!1), [j, ie] = h(!1), [a, ae] = h(!1), [$, k] = h(!1), s = Q(() => {
-    const e = (d || r || 1e3) / 400, n = a ? 0.8 : 1, i = $ ? 0.9 : 1, c = n * i;
+  }, [y, x] = h("lobby"), [w, J] = h(""), [Z] = h("Normal"), [M, ee] = h(0), [v, R] = h(1), [S, z] = h(""), [T, C] = h([]), [D, H] = h(0), [te, O] = h(0), [f, B] = h(null), [g, X] = h(null), [ne, j] = h(1), [he, W] = h([]), oe = Z === "Easy" ? 8 : Z === "Normal" ? 6 : 4, re = Y(() => {
+    if (A === void 0)
+      return () => Math.random();
+    let e = A;
+    return () => {
+      e = e + 1831565813 | 0;
+      let t = Math.imul(e ^ e >>> 15, e | 1);
+      return t = t ^ Math.imul(t ^ t >>> 7, t | 61), ((t ^ t >>> 14) >>> 0) / 4294967296;
+    };
+  }, [A]), U = b || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman` : "/cloud/speakid/games/hangman"), [d, ie] = h(!1), [I, ae] = h(!1), [a, k] = h(!1), [L, we] = h(!1), s = Y(() => {
+    const e = (g || r || 1e3) / 400, t = a ? 0.8 : 1, i = L ? 0.9 : 1, c = t * i;
     return {
-      headline1: g ? Math.max(24, Math.min(30, 30 * e * c)) : Math.max(28, Math.min(32, 32 * e * i)),
+      headline1: d ? Math.max(24, Math.min(30, 30 * e * c)) : Math.max(28, Math.min(32, 32 * e * i)),
       // Desktop: 32px
       headline2: Math.max(20, Math.min(28, 24 * e * c)),
       // Desktop: 24px
-      headline3: g ? Math.max(14, Math.min(18, 16 * e * c)) : Math.max(20, Math.min(26, 24 * e * c)),
+      headline3: d ? Math.max(14, Math.min(18, 16 * e * c)) : Math.max(20, Math.min(26, 24 * e * c)),
       // Desktop: 24px
       bodyL: Math.max(14, Math.min(20, 18 * e * c)),
       // Desktop: 18px
-      bodyM: g ? Math.max(12, Math.min(16, 14 * e * c)) : Math.max(14, Math.min(18, 16 * e * c)),
+      bodyM: d ? Math.max(12, Math.min(16, 14 * e * c)) : Math.max(14, Math.min(18, 16 * e * c)),
       // Desktop: 16px
-      bodyS: g ? Math.max(10, Math.min(14, 12 * e * c)) : Math.max(12, Math.min(16, 14 * e * c)),
+      bodyS: d ? Math.max(10, Math.min(14, 12 * e * c)) : Math.max(12, Math.min(16, 14 * e * c)),
       // Desktop: 14px
       wordDisplay: Math.max(18, Math.min(32, 26 * e * c)),
       // Адаптивный размер
       button: Math.max(12, Math.min(18, 16 * e * c))
       // Desktop: 16px
     };
-  }, [g, d, r, a, $]), fe = Q(() => {
-    const e = (d || r || 1e3) / 400, n = a ? 0.65 : 1, i = $ ? 0.85 : 1;
-    return j ? Math.max(8, Math.min(12, 10 * e)) : Math.max(12, Math.min(24, 16 * e)) * n * i;
-  }, [j, d, r, a, $]), t = Q(() => {
-    const e = (d || r || 1e3) / 400, n = a ? 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)) * n * i;
-  }, [j, d, r, a, $]), v = Q(() => {
-    const e = (d || r || 1e3) / 400, n = $ ? 0.9 : 1;
-    return Math.max(6, Math.min(10, 8 * e * n));
-  }, [d, r, $]), we = (e, n) => e.split("").every((i) => n.includes(i)), ke = (e, n) => e.split("").map((i) => n.includes(i) ? i : "_").join(" "), Me = (e) => "abcdefghijklmnopqrstuvwxyz".split("").filter((i) => !e.includes(i)), Z = (e, n = []) => {
-    var Y;
-    if (!e || !C[e]) {
-      const z = Object.keys(C)[0];
-      return ((Y = C[z]) == null ? void 0 : Y[0]) || "";
+  }, [d, g, r, a, L]), me = Y(() => {
+    const e = (g || r || 1e3) / 400, t = a ? 0.65 : 1, i = L ? 0.85 : 1;
+    return I ? Math.max(8, Math.min(12, 10 * e)) : Math.max(12, Math.min(24, 16 * e)) * t * i;
+  }, [I, g, r, a, L]), n = Y(() => {
+    const e = (g || r || 1e3) / 400, t = a ? 0.65 : 1, i = L ? 0.85 : 1;
+    return I ? Math.max(3, Math.min(6, 5 * e)) : Math.max(4, Math.min(12, 8 * e)) * t * i;
+  }, [I, g, r, a, L]), $ = Y(() => {
+    const e = (g || r || 1e3) / 400, t = L ? 0.9 : 1;
+    return Math.max(6, Math.min(10, 8 * e * t));
+  }, [g, r, L]), ke = (e, t) => e.split("").every((i) => t.includes(i)), Me = (e, t) => e.split("").map((i) => t.includes(i) ? i : "_").join(" "), $e = (e) => "abcdefghijklmnopqrstuvwxyz".split("").filter((i) => !e.includes(i)), V = (e, t = []) => {
+    var E;
+    if (!e || !F[e]) {
+      const P = Object.keys(F)[0];
+      return ((E = F[P]) == null ? void 0 : E[0]) || "";
     }
-    const i = C[e];
+    const i = F[e];
     if (!i || i.length === 0)
       return "";
-    const c = i.filter((z) => !n.includes(z)), A = c.length > 0 ? c : i;
-    if (A.length === 0)
+    const c = i.filter((P) => !t.includes(P)), Q = c.length > 0 ? c : i;
+    if (Q.length === 0)
       return "";
-    let q;
-    if (typeof crypto < "u" && crypto.getRandomValues) {
-      const z = new Uint32Array(1);
-      crypto.getRandomValues(z);
-      const ge = z[0] / 4294967295;
-      q = Math.floor(ge * A.length);
-    } else
-      q = Math.floor(Math.random() * A.length);
-    return A[q];
-  }, $e = () => {
-    if (!b) return;
+    const ye = Math.floor(re() * Q.length);
+    return Q[ye];
+  }, ve = () => {
+    if (!w) return;
     W([]);
-    const e = Z(b, []);
+    const e = V(w, []);
     if (!e) {
-      y("category");
+      x("category");
       return;
     }
-    I(e), W([e]), R([]), T(0), H(1), D(0), B(null), y("game");
-  }, se = ue((e) => {
-    if (x !== "game" || f !== null) return;
-    const n = e.toLowerCase();
-    /^[a-z]$/.test(n) && (R((i) => i.includes(n) ? i : [...i, n]), I((i) => (i && !i.includes(n) && T((c) => c + 1), i)));
-  }, [x, f]), le = ue((e) => {
+    z(e), W([e]), C([]), H(0), R(1), O(0), B(null), x("game");
+  }, se = pe((e) => {
+    if (y !== "game" || f !== null) return;
+    const t = e.toLowerCase();
+    /^[a-z]$/.test(t) && (C((i) => i.includes(t) ? i : [...i, t]), z((i) => (i && !i.includes(t) && H((c) => c + 1), i)));
+  }, [y, f]), le = pe((e) => {
     se(e.key);
   }, [se]);
-  he(() => {
-    if (x === "game")
+  ue(() => {
+    if (y === "game")
       return window.addEventListener("keydown", le), () => window.removeEventListener("keydown", le);
-  }, [x, le]);
-  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");
+  }, [y, le]);
+  const Se = S ? Me(S, T) : "", fe = S ? ke(S, T) : !1, xe = D >= 10, Le = $e(T), ce = pe(() => {
+    if (!w || v >= M) {
+      x("result");
       return;
     }
-    H((e) => e + 1), W((e) => {
-      const n = Z(b, e);
-      return n ? (I(n), [...e, n]) : e;
-    }), R([]), T(0), B(null);
-  }, [b, L, M]);
-  he(() => {
-    if (xe && f === null) {
-      B("win"), D((n) => n + 1);
+    R((e) => e + 1), W((e) => {
+      const t = V(w, e);
+      return t ? (z(t), [...e, t]) : e;
+    }), C([]), H(0), B(null);
+  }, [w, v, M]);
+  ue(() => {
+    if (fe && f === null) {
+      B("win"), O((t) => t + 1);
       const e = setTimeout(() => {
         ce();
       }, 2e3);
       return () => clearTimeout(e);
     }
-    if (ye && f === null) {
+    if (xe && f === null) {
       B("lose");
       const e = setTimeout(() => {
         ce();
       }, 2e3);
       return () => clearTimeout(e);
     }
-  }, [xe, ye, f, ce]);
-  const Le = () => {
-    if (!b || L >= M) {
-      y("result");
+  }, [fe, xe, f, ce]);
+  const Fe = () => {
+    if (!w || v >= M) {
+      x("result");
       return;
     }
-    H((e) => e + 1), W((e) => {
-      const n = Z(b, e);
-      return n ? (I(n), [...e, n]) : e;
-    }), R([]), T(0), B(null);
+    R((e) => e + 1), W((e) => {
+      const t = V(w, e);
+      return t ? (z(t), [...e, t]) : e;
+    }), C([]), H(0), B(null);
   };
-  he(() => {
+  ue(() => {
     const e = () => {
-      const n = window.innerWidth, i = window.innerHeight, c = n < 768, A = n > i && n < 1e3 && i < 500, Y = c || A || (n === 926 && i === 428 || n === 932 && i === 430), z = i < 700, ge = n / i > 1.8, We = n === 1024 && i === 600, ze = Y && n > i, Ce = n >= 1200 && n <= 1400;
-      if (re(Y), ie(We), ae(ze), k(Ce), Y)
-        O(null), E(1);
-      else if (z)
-        O(null), E(1);
+      const t = window.innerWidth, i = window.innerHeight, c = t < 768, Q = t > i && t < 1e3 && i < 500, E = c || Q || (t === 926 && i === 428 || t === 932 && i === 430), P = i < 700, ze = t / i > 1.8, Ce = t === 1024 && i === 600, He = E && t > i, Ie = t >= 1200 && t <= 1400;
+      if (ie(E), ae(Ce), k(He), we(Ie), E)
+        X(null), j(1);
+      else if (P)
+        X(null), j(1);
       else {
-        const He = n - 80, Ie = i - 80, be = Math.min(He, Ie);
-        let pe;
-        r && r >= 320 ? pe = Math.min(r, be) : pe = Math.min(1e3, be * 0.9);
-        const Re = Math.max(400, Math.min(1200, pe));
-        O(Re), E(ge ? 0.85 : 1);
+        const Re = t - 80, je = i - 80, be = Math.min(Re, je);
+        let ge;
+        r && r >= 320 ? ge = Math.min(r, be) : ge = Math.min(1e3, be * 0.9);
+        const Ee = Math.max(400, Math.min(1200, ge));
+        X(Ee), j(ze ? 0.85 : 1);
       }
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
@@ -534,38 +537,38 @@ function Oe({
       <path d="M 35% 85% Q 37% 83%, 39% 85% T 43% 85% T 47% 85%" 
             fill="none" stroke="#FF4500" stroke-width="3.5" stroke-linecap="round"/>
     </svg>
-  `, Fe = !g && typeof window < "u" && window.innerWidth >= 768 && window.innerWidth < 1024, de = !g && u && (x !== "game" || Fe), Te = {
+  `, Te = !d && typeof window < "u" && window.innerWidth >= 768 && window.innerWidth < 1024, de = !d && u && (y !== "game" || Te), Be = {
     ...l.gmCenterScreen,
     width: "100%",
     height: "100%",
-    padding: `${fe}px`,
-    paddingTop: de ? "80px" : `${fe}px`,
+    padding: `${me}px`,
+    paddingTop: de ? "80px" : `${me}px`,
     // ✅ Резервируем больше места под логотип (24px top + 28px высота + 28px отступ)
-    overflow: $ ? "hidden" : "auto",
+    overflow: L ? "hidden" : "auto",
     // ✅ Для разрешений 1200-1400 убираем скролл
     position: "relative",
     boxSizing: "border-box",
     background: "transparent"
-  }, X = Q(
+  }, G = Y(
     () => {
       if (!de)
         return null;
       const e = window.innerWidth;
-      if (g && e > window.innerHeight)
+      if (d && e > window.innerHeight)
         return null;
-      const n = p || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman/logo` : "/cloud/speakid/games/hangman/logo");
+      const t = p || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman/logo` : "/cloud/speakid/games/hangman/logo");
       return /* @__PURE__ */ o("div", { style: l.gmLogoFixed, children: /* @__PURE__ */ m("picture", { children: [
         /* @__PURE__ */ o(
           "source",
           {
-            srcSet: `${n}.svg`,
+            srcSet: `${t}.svg`,
             type: "image/svg+xml"
           }
         ),
         /* @__PURE__ */ o(
           "img",
           {
-            src: `${n}.png`,
+            src: `${t}.png`,
             alt: "SPEAKID Logo",
             style: l.gmLogoImg,
             loading: "lazy"
@@ -573,28 +576,28 @@ function Oe({
         )
       ] }) });
     },
-    [g, de, p, x]
-  ), Be = () => x === "lobby" ? /* @__PURE__ */ m(G, { children: [
-    X,
+    [d, de, p, y]
+  ), We = () => y === "lobby" ? /* @__PURE__ */ m(_, { children: [
+    G,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     /* @__PURE__ */ o("h1", { style: {
       ...l.gmHeadline1,
       fontSize: `${s.headline1}px`,
-      marginBottom: `${t * 3}px`,
+      marginBottom: `${n * 3}px`,
       position: "relative",
       zIndex: 1
     }, children: "HANGMAN" }),
     /* @__PURE__ */ m(
       "button",
       {
-        onClick: () => y("category"),
+        onClick: () => x("category"),
         style: {
           fontFamily: '"Onest", system-ui, sans-serif',
           fontWeight: 500,
           // Medium для более заметности
           fontSize: `${s.button}px`,
-          padding: `${t * 1.2}px ${t * 3}px`,
-          borderRadius: `${v * 1.5}px`,
+          padding: `${n * 1.2}px ${n * 3}px`,
+          borderRadius: `${$ * 1.5}px`,
           position: "relative",
           zIndex: 1,
           display: "flex",
@@ -626,7 +629,7 @@ function Oe({
               viewBox: "0 0 24 24",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              style: { display: "block", marginRight: `${t}px` },
+              style: { display: "block", marginRight: `${n}px` },
               children: /* @__PURE__ */ o(
                 "path",
                 {
@@ -654,14 +657,14 @@ function Oe({
       /* @__PURE__ */ o(
         "img",
         {
-          src: `${V}/sun.png`,
+          src: `${U}/sun.png`,
           alt: "Sun",
           style: {
             position: "absolute",
-            left: g ? "-10%" : "5%",
+            left: d ? "-10%" : "5%",
             top: "20%",
             width: "auto",
-            height: g ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((d || r || 1e3) * 0.33, 300)}px`,
+            height: d ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((g || r || 1e3) * 0.33, 300)}px`,
             maxHeight: "33vh",
             objectFit: "contain",
             opacity: 0.6
@@ -671,14 +674,14 @@ function Oe({
       /* @__PURE__ */ o(
         "img",
         {
-          src: `${V}/character.png`,
+          src: `${U}/character.png`,
           alt: "Hangman character",
           style: {
             position: "absolute",
-            right: g ? "5%" : "10%",
+            right: d ? "5%" : "10%",
             bottom: "10%",
             width: "auto",
-            height: g ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((d || r || 1e3) * 0.33, 300)}px`,
+            height: d ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((g || r || 1e3) * 0.33, 300)}px`,
             maxHeight: "33vh",
             objectFit: "contain",
             opacity: 0.6
@@ -686,13 +689,13 @@ function Oe({
         }
       )
     ] })
-  ] }) : x === "category" ? /* @__PURE__ */ m(G, { children: [
-    X,
+  ] }) : y === "category" ? /* @__PURE__ */ m(_, { children: [
+    G,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     /* @__PURE__ */ o(
       "button",
       {
-        onClick: () => y("lobby"),
+        onClick: () => x("lobby"),
         onMouseEnter: (e) => {
           e.currentTarget.style.backgroundColor = "#e5e7eb";
         },
@@ -703,11 +706,11 @@ function Oe({
           ...l.gmButton,
           ...l.gmButtonSecondary,
           fontSize: `${s.button}px`,
-          padding: `${t}px ${t * 1.5}px`,
-          borderRadius: `${v}px`,
+          padding: `${n}px ${n * 1.5}px`,
+          borderRadius: `${$}px`,
           position: "absolute",
-          top: "24px",
-          // ✅ Поднял кнопку назад выше
+          top: d ? "24px" : "64px",
+          // ✅ На десктопе под логотипом (24px + 28px логотип + 12px отступ)
           left: "24px",
           // ✅ Та же позиция что и логотип
           zIndex: 10
@@ -715,26 +718,26 @@ function Oe({
         children: "←"
       }
     ),
-    /* @__PURE__ */ o("div", { style: { ...l.gmButtonGroup, gap: `${t}px`, marginBottom: `${t * 3}px`, marginTop: `${t * 4}px`, position: "relative", zIndex: 1 }, children: Object.keys(C).map((e) => /* @__PURE__ */ o(
+    /* @__PURE__ */ o("div", { style: { ...l.gmButtonGroup, gap: `${n}px`, marginBottom: `${n * 3}px`, marginTop: `${n * 4}px`, position: "relative", zIndex: 1 }, children: Object.keys(F).map((e) => /* @__PURE__ */ o(
       "button",
       {
         onClick: () => {
-          ee(e), y("rounds");
+          J(e), x("rounds");
         },
-        onMouseEnter: (n) => {
-          n.currentTarget.style.backgroundColor = "#f0f0f0", n.currentTarget.style.borderColor = "#1f2937", n.currentTarget.style.transform = "scale(1.05)";
+        onMouseEnter: (t) => {
+          t.currentTarget.style.backgroundColor = "#f0f0f0", t.currentTarget.style.borderColor = "#1f2937", t.currentTarget.style.transform = "scale(1.05)";
         },
-        onMouseLeave: (n) => {
-          n.currentTarget.style.backgroundColor = "transparent", n.currentTarget.style.borderColor = "#e5e7eb", n.currentTarget.style.transform = "scale(1)";
+        onMouseLeave: (t) => {
+          t.currentTarget.style.backgroundColor = "transparent", t.currentTarget.style.borderColor = "#e5e7eb", t.currentTarget.style.transform = "scale(1)";
         },
         style: {
           fontFamily: '"Onest", system-ui, sans-serif',
           fontWeight: 500,
           fontSize: `${s.button}px`,
-          padding: `${t * 1.2}px ${t * 2}px`,
-          borderRadius: `${v * 2}px`,
+          padding: `${n * 1.2}px ${n * 2}px`,
+          borderRadius: `${$ * 2}px`,
           // Более округлые для облачков
-          margin: `${t / 2}px`,
+          margin: `${n / 2}px`,
           background: "transparent",
           border: "2px solid #e5e7eb",
           color: "#1f2937",
@@ -746,13 +749,13 @@ function Oe({
       },
       e
     )) })
-  ] }) : x === "rounds" ? /* @__PURE__ */ m(G, { children: [
-    X,
+  ] }) : y === "rounds" ? /* @__PURE__ */ m(_, { children: [
+    G,
     /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     /* @__PURE__ */ o(
       "button",
       {
-        onClick: () => y("category"),
+        onClick: () => x("category"),
         onMouseEnter: (e) => {
           e.currentTarget.style.backgroundColor = "#e5e7eb";
         },
@@ -763,11 +766,11 @@ function Oe({
           ...l.gmButton,
           ...l.gmButtonSecondary,
           fontSize: `${s.button}px`,
-          padding: `${t}px ${t * 1.5}px`,
-          borderRadius: `${v}px`,
+          padding: `${n}px ${n * 1.5}px`,
+          borderRadius: `${$}px`,
           position: "absolute",
-          top: "24px",
-          // ✅ Поднял кнопку назад выше
+          top: d ? "24px" : "64px",
+          // ✅ На десктопе под логотипом (24px + 28px логотип + 12px отступ)
           left: "24px",
           // ✅ Та же позиция что и логотип
           zIndex: 10
@@ -775,27 +778,27 @@ function Oe({
         children: "←"
       }
     ),
-    /* @__PURE__ */ o("h1", { style: { ...l.gmHeadline1, fontSize: `${s.headline1}px`, marginBottom: `${t * 2}px`, position: "relative", zIndex: 1 }, children: "Choose rounds" }),
-    /* @__PURE__ */ o("div", { style: { ...l.gmButtonGroup, gap: `${t}px`, marginBottom: `${t * 3}px`, position: "relative", zIndex: 1 }, children: [1, 3, 5].map((e) => /* @__PURE__ */ o(
+    /* @__PURE__ */ o("h1", { style: { ...l.gmHeadline1, fontSize: `${s.headline1}px`, marginBottom: `${n * 2}px`, position: "relative", zIndex: 1 }, children: "Choose rounds" }),
+    /* @__PURE__ */ o("div", { style: { ...l.gmButtonGroup, gap: `${n}px`, marginBottom: `${n * 3}px`, position: "relative", zIndex: 1 }, children: [1, 3, 5].map((e) => /* @__PURE__ */ o(
       "button",
       {
         onClick: () => {
-          N(e), $e();
+          ee(e), ve();
         },
-        onMouseEnter: (n) => {
-          n.currentTarget.style.backgroundColor = "#f0f0f0", n.currentTarget.style.borderColor = "#1f2937", n.currentTarget.style.transform = "scale(1.05)";
+        onMouseEnter: (t) => {
+          t.currentTarget.style.backgroundColor = "#f0f0f0", t.currentTarget.style.borderColor = "#1f2937", t.currentTarget.style.transform = "scale(1.05)";
         },
-        onMouseLeave: (n) => {
-          n.currentTarget.style.backgroundColor = "transparent", n.currentTarget.style.borderColor = "#e5e7eb", n.currentTarget.style.transform = "scale(1)";
+        onMouseLeave: (t) => {
+          t.currentTarget.style.backgroundColor = "transparent", t.currentTarget.style.borderColor = "#e5e7eb", t.currentTarget.style.transform = "scale(1)";
         },
         style: {
           fontFamily: '"Onest", system-ui, sans-serif',
           fontWeight: 500,
           fontSize: `${s.button}px`,
-          padding: `${t * 1.2}px ${t * 2}px`,
-          borderRadius: `${v * 2}px`,
+          padding: `${n * 1.2}px ${n * 2}px`,
+          borderRadius: `${$ * 2}px`,
           // Более округлые для облачков
-          margin: `${t / 2}px`,
+          margin: `${n / 2}px`,
           background: "transparent",
           border: "2px solid #e5e7eb",
           color: "#1f2937",
@@ -807,17 +810,17 @@ function Oe({
       },
       e
     )) })
-  ] }) : x === "game" ? /* @__PURE__ */ m(G, { children: [
-    X,
+  ] }) : y === "game" ? /* @__PURE__ */ m(_, { children: [
+    G,
     !a && /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
     " ",
     /* @__PURE__ */ m("div", { style: {
       ...l.gmInfoBox,
-      padding: `${a ? t * 0.5 : t * 0.8}px`,
+      padding: `${a ? n * 0.5 : n * 0.8}px`,
       // ✅ Унифицированный padding для всех landscape iPhone
-      marginBottom: `${a ? t * 0.2 : t * 0.5}px`,
+      marginBottom: `${a ? n * 0.2 : n * 0.5}px`,
       // ✅ Унифицированный margin для всех landscape iPhone
-      maxWidth: `${(d || r) * 0.9}px`,
+      maxWidth: `${(g || r) * 0.9}px`,
       textAlign: "center",
       // ✅ Центрируем текст по плашке
       display: "flex",
@@ -825,13 +828,13 @@ function Oe({
       alignItems: "center",
       justifyContent: "center"
     }, children: [
-      /* @__PURE__ */ m("h3", { style: { ...l.gmHeadline3, fontSize: `${s.headline3}px`, marginBottom: `${t * 0.2}px`, textAlign: "center" }, children: [
+      /* @__PURE__ */ m("h3", { style: { ...l.gmHeadline3, fontSize: `${s.headline3}px`, marginBottom: `${n * 0.2}px`, textAlign: "center" }, children: [
         "Category: ",
-        b
+        w
       ] }),
       /* @__PURE__ */ m("p", { style: { ...l.gmBodyM, fontSize: `${s.bodyM}px`, marginBottom: "0px", textAlign: "center" }, children: [
         "Round ",
-        L,
+        v,
         " of ",
         M
       ] })
@@ -839,9 +842,9 @@ function Oe({
     S && /* @__PURE__ */ m("p", { style: {
       ...l.gmBodyS,
       fontSize: `${s.bodyS}px`,
-      marginTop: `${a ? t * 0.2 : t * 0.5}px`,
+      marginTop: `${a ? n * 0.2 : n * 0.5}px`,
       // ✅ Унифицированный margin для всех landscape iPhone
-      marginBottom: `${a ? t * 0.3 : t}px`
+      marginBottom: `${a ? n * 0.3 : n}px`
       // ✅ Унифицированный margin для всех landscape iPhone
     }, children: [
       "I am thinking of a word that is ",
@@ -849,46 +852,46 @@ function Oe({
       " letters long"
     ] }),
     /* @__PURE__ */ o("div", { style: {
-      margin: `${a ? t * 0.3 : t}px 0`,
+      margin: `${a ? n * 0.3 : n}px 0`,
       // ✅ Унифицированный margin для всех landscape iPhone
       display: "flex",
       justifyContent: "center",
       alignItems: "center"
     }, children: /* @__PURE__ */ o(
-      je,
+      Ye,
       {
-        mistakes: U,
+        mistakes: D,
         maxMistakes: oe,
-        size: j ? Math.max(80, Math.min(110, (d || r) * 0.16)) : g ? a ? Math.max(90, Math.min(130, Math.min(window.innerWidth * 0.3, window.innerHeight * 0.2))) : Math.max(100, Math.min(150, Math.min(window.innerWidth * 0.3, window.innerHeight * 0.2))) : Math.max(100, Math.min(150, (d || r) * 0.2))
+        size: I ? Math.max(80, Math.min(110, (g || r) * 0.16)) : d ? a ? Math.max(90, Math.min(130, Math.min(window.innerWidth * 0.3, window.innerHeight * 0.2))) : Math.max(100, Math.min(150, Math.min(window.innerWidth * 0.3, window.innerHeight * 0.2))) : Math.max(100, Math.min(150, (g || r) * 0.2))
       }
     ) }),
     /* @__PURE__ */ o("div", { style: {
       ...l.gmWordDisplay,
       fontSize: `${a ? Math.max(14, Math.min(20, s.wordDisplay * 0.8)) : Math.max(16, Math.min(24, s.wordDisplay * 0.9))}px`,
-      margin: `${a ? t * 0.3 : t}px 0`,
+      margin: `${a ? n * 0.3 : n}px 0`,
       // ✅ Унифицированный margin для всех landscape iPhone
-      letterSpacing: `${a ? t * 0.6 : t * 0.8}px`,
+      letterSpacing: `${a ? n * 0.6 : n * 0.8}px`,
       minHeight: `${(a ? Math.max(14, Math.min(20, s.wordDisplay * 0.8)) : Math.max(16, Math.min(24, s.wordDisplay * 0.9))) * 1.2}px`
-    }, children: ve || "Loading..." }),
+    }, children: Se || "Loading..." }),
     /* @__PURE__ */ o("div", { style: {
       ...l.gmInfoBox,
-      padding: `${a ? t * 0.5 : t}px`,
+      padding: `${a ? n * 0.5 : n}px`,
       // ✅ Унифицированный padding для всех landscape iPhone
-      marginTop: `${a ? t * 0.3 : t}px`,
+      marginTop: `${a ? n * 0.3 : n}px`,
       // ✅ Унифицированный margin для всех landscape iPhone
-      marginBottom: `${a ? t * 0.3 : t}px`,
+      marginBottom: `${a ? n * 0.3 : n}px`,
       // ✅ Унифицированный margin для всех landscape iPhone
-      maxWidth: `${(d || r) * 0.95}px`
+      maxWidth: `${(g || r) * 0.95}px`
     }, children: /* @__PURE__ */ o("div", { style: {
       display: "flex",
       flexWrap: "wrap",
-      gap: `${a ? t / 4 : t / 3}px`,
+      gap: `${a ? n / 4 : n / 3}px`,
       // ✅ Унифицированный gap для всех landscape iPhone
       justifyContent: "center",
       alignItems: "center",
       fontFamily: '"Onest", system-ui, sans-serif'
-    }, children: Se.map((e) => {
-      const n = a ? Math.max((d || r) * 0.05, t * 1.5) : Math.max((d || r) * 0.06, t * 2), i = a ? Math.max((d || r) * 0.1, t * 2.5) : Math.max((d || r) * 0.12, t * 3);
+    }, children: Le.map((e) => {
+      const t = a ? Math.max((g || r) * 0.05, n * 1.5) : Math.max((g || r) * 0.06, n * 2), i = a ? Math.max((g || r) * 0.1, n * 2.5) : Math.max((g || r) * 0.12, n * 3);
       return /* @__PURE__ */ o(
         "button",
         {
@@ -902,13 +905,13 @@ function Oe({
           },
           style: {
             flex: "1 1 auto",
-            padding: `${a ? t * 0.4 : t * 0.5}px ${a ? t * 0.3 : t * 0.4}px`,
+            padding: `${a ? n * 0.4 : n * 0.5}px ${a ? n * 0.3 : n * 0.4}px`,
             // ✅ Унифицированный padding для всех landscape iPhone
-            borderRadius: `${v * 0.5}px`,
+            borderRadius: `${$ * 0.5}px`,
             background: "#f9f9f9",
             color: "#1f2937",
             border: "1px solid #e5e7eb",
-            minWidth: `${n}px`,
+            minWidth: `${t}px`,
             maxWidth: `${i}px`,
             textAlign: "center",
             display: "flex",
@@ -925,14 +928,14 @@ function Oe({
         e
       );
     }) }) }),
-    F.length > 0 && /* @__PURE__ */ o("div", { style: {
+    T.length > 0 && /* @__PURE__ */ o("div", { style: {
       ...l.gmGuessedLetters,
       fontSize: `${Math.max(10, Math.min(12, s.bodyS * 0.85))}px`,
-      marginTop: `${t * 0.5}px`,
+      marginTop: `${n * 0.5}px`,
       marginBottom: "2px"
     }, children: /* @__PURE__ */ m("span", { style: { color: "#6b7280" }, children: [
       "Guessed letters: ",
-      /* @__PURE__ */ o("strong", { children: F.join(", ") })
+      /* @__PURE__ */ o("strong", { children: T.join(", ") })
     ] }) }),
     f === "win" && /* @__PURE__ */ o("div", { style: {
       ...l.gmStatusWin,
@@ -947,10 +950,10 @@ function Oe({
       "The hangman is complete! The word was: ",
       /* @__PURE__ */ o("strong", { children: S })
     ] }),
-    f !== null && L < M && /* @__PURE__ */ o("div", { style: { marginTop: "2px", marginBottom: `${t}px` }, children: /* @__PURE__ */ o(
+    f !== null && v < M && /* @__PURE__ */ o("div", { style: { marginTop: "2px", marginBottom: `${n}px` }, children: /* @__PURE__ */ o(
       "button",
       {
-        onClick: Le,
+        onClick: Fe,
         onMouseEnter: (e) => {
           e.currentTarget.style.backgroundColor = "#d43a32";
         },
@@ -960,16 +963,16 @@ function Oe({
         style: {
           ...l.gmButton,
           fontSize: `${Math.max(11, Math.min(14, s.button * 0.85))}px`,
-          padding: `${t * 0.6}px ${t * 1.2}px`,
-          borderRadius: `${v}px`
+          padding: `${n * 0.6}px ${n * 1.2}px`,
+          borderRadius: `${$}px`
         },
         children: "NEXT"
       }
     ) }),
-    f !== null && L >= M && /* @__PURE__ */ o("div", { style: { marginTop: "2px", marginBottom: `${t}px` }, children: /* @__PURE__ */ o(
+    f !== null && v >= M && /* @__PURE__ */ o("div", { style: { marginTop: "2px", marginBottom: `${n}px` }, children: /* @__PURE__ */ o(
       "button",
       {
-        onClick: () => y("result"),
+        onClick: () => x("result"),
         onMouseEnter: (e) => {
           e.currentTarget.style.backgroundColor = "#d43a32";
         },
@@ -979,29 +982,29 @@ function Oe({
         style: {
           ...l.gmButton,
           fontSize: `${s.button}px`,
-          padding: `${t}px ${t * 1.5}px`,
-          borderRadius: `${v}px`
+          padding: `${n}px ${n * 1.5}px`,
+          borderRadius: `${$}px`
         },
         children: "View results"
       }
     ) }),
-    f === null && F.length === 0 && /* @__PURE__ */ o("p", { style: {
+    f === null && T.length === 0 && /* @__PURE__ */ o("p", { style: {
       ...l.gmBodyS,
       fontSize: `${s.bodyS}px`,
-      marginTop: `${t}px`,
-      marginBottom: `${t}px`
+      marginTop: `${n}px`,
+      marginBottom: `${n}px`
     }, children: "Type a letter on your keyboard" })
-  ] }) : x === "result" ? /* @__PURE__ */ m(G, { children: [
-    X,
+  ] }) : y === "result" ? /* @__PURE__ */ m(_, { children: [
+    G,
     /* @__PURE__ */ o("h1", { style: {
       ...l.gmHeadline1,
       fontSize: `${s.headline1}px`,
-      marginBottom: `${t * 2}px`
+      marginBottom: `${n * 2}px`
     }, children: "🎊 Game Finished!" }),
     /* @__PURE__ */ m("p", { style: {
       ...l.gmBodyL,
       fontSize: `${s.bodyL}px`,
-      marginBottom: `${t * 2}px`
+      marginBottom: `${n * 2}px`
     }, children: [
       "You guessed ",
       /* @__PURE__ */ o("strong", { children: te }),
@@ -1012,20 +1015,20 @@ function Oe({
     /* @__PURE__ */ m("div", { style: {
       display: "flex",
       flexDirection: "column",
-      gap: `${t}px`,
+      gap: `${n}px`,
       alignItems: "center"
     }, children: [
       /* @__PURE__ */ o(
         "button",
         {
           onClick: () => {
-            if (!b || M === 0) {
-              y("lobby");
+            if (!w || M === 0) {
+              x("lobby");
               return;
             }
             W([]);
-            const e = Z(b, []);
-            e && (I(e), W([e]), R([]), T(0), H(1), D(0), B(null), y("game"));
+            const e = V(w, []);
+            e && (z(e), W([e]), C([]), H(0), R(1), O(0), B(null), x("game"));
           },
           onMouseEnter: (e) => {
             e.currentTarget.style.backgroundColor = "#d43a32";
@@ -1036,8 +1039,8 @@ function Oe({
           style: {
             ...l.gmButton,
             fontSize: `${s.button}px`,
-            padding: `${t}px ${t * 1.5}px`,
-            borderRadius: `${v}px`,
+            padding: `${n}px ${n * 1.5}px`,
+            borderRadius: `${$}px`,
             minWidth: "200px"
           },
           children: "Play again"
@@ -1046,7 +1049,7 @@ function Oe({
       /* @__PURE__ */ o(
         "button",
         {
-          onClick: () => y("lobby"),
+          onClick: () => x("lobby"),
           onMouseEnter: (e) => {
             e.currentTarget.style.backgroundColor = "#e5e7eb";
           },
@@ -1057,8 +1060,8 @@ function Oe({
             ...l.gmButton,
             ...l.gmButtonSecondary,
             fontSize: `${s.button}px`,
-            padding: `${t}px ${t * 1.5}px`,
-            borderRadius: `${v}px`,
+            padding: `${n}px ${n * 1.5}px`,
+            borderRadius: `${$}px`,
             minWidth: "200px"
           },
           children: "Exit"
@@ -1087,19 +1090,19 @@ function Oe({
         "div",
         {
           style: {
-            width: g ? "100%" : d || r || 1e3,
-            height: g ? "100%" : d || r || 1e3,
+            width: d ? "100%" : g || r || 1e3,
+            height: d ? "100%" : g || r || 1e3,
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
             overflow: "hidden",
-            borderRadius: g ? 0 : "20px",
+            borderRadius: d ? 0 : "20px",
             background: "#ffffff",
-            boxShadow: g ? "none" : "0 0 40px rgba(0,0,0,0.1)",
-            margin: g ? "0 auto" : "unset",
+            boxShadow: d ? "none" : "0 0 40px rgba(0,0,0,0.1)",
+            margin: d ? "0 auto" : "unset",
             position: "relative",
             // needed so absolute logo is inside the square
-            transform: g && !a ? `scale(${ne})` : void 0
+            transform: d && !a ? `scale(${ne})` : void 0
             // ✅ scale только для портретного режима мобильных
           },
           children: /* @__PURE__ */ o(
@@ -1113,7 +1116,7 @@ function Oe({
                 justifyContent: "center",
                 alignItems: "center"
               },
-              children: /* @__PURE__ */ o("div", { style: Te, children: Be() })
+              children: /* @__PURE__ */ o("div", { style: Be, children: We() })
             }
           )
         }
@@ -1122,8 +1125,8 @@ function Oe({
   );
 }
 export {
-  Oe as Game,
-  Oe as HangmanLobbyGame,
-  Oe as default
+  Ge as Game,
+  Ge as HangmanLobbyGame,
+  Ge as default
 };
 //# sourceMappingURL=speakid-hangman.es.js.map