speakid-hangman 1.0.5 → 1.0.7

package/dist/speakid-hangman.es.js

@@ -1,5 +1,5 @@
-import { jsx as n, jsxs as u, Fragment as O } from "react/jsx-runtime";
-import { useState as m, useMemo as X, useCallback as le, useEffect as de } 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 he } from "react";
 const a = {
   gmCenterScreen: {
     position: "relative",
@@ -202,16 +202,16 @@ const a = {
     display: "block"
   }
 };
-function Se({
-  mistakes: r,
-  maxMistakes: U,
-  size: D = 200
+function He({
+  mistakes: i,
+  maxMistakes: J,
+  size: _ = 200
 }) {
-  const l = D, g = D * 1.25, b = Math.max(3, D / 100), T = 10 * (l / 200), f = 240 * (g / 250), x = 150 * (l / 200), y = 80 * (l / 200), K = 20 * (g / 250), G = 240 * (g / 250), w = 80 * (l / 200), Q = 20 * (g / 250), $ = 150 * (l / 200), B = 150 * (l / 200), M = 20 * (g / 250), z = 50 * (g / 250), v = 150 * (l / 200), W = 70 * (g / 250), N = 20 * (l / 200), S = 150 * (l / 200), q = 90 * (g / 250), E = 150 * (g / 250), h = 150 * (l / 200), F = 110 * (g / 250), p = 130 * (l / 200), C = 130 * (g / 250), J = 150 * (l / 200), H = 110 * (g / 250), ce = 170 * (l / 200), L = 130 * (g / 250), ee = 150 * (l / 200), _ = 150 * (g / 250), d = 130 * (l / 200), te = 190 * (g / 250), I = 150 * (l / 200), ne = 150 * (g / 250), s = 170 * (l / 200), V = 190 * (g / 250), c = r === 0 || r <= U * 0.5 ? "#1f2937" : r <= U * 0.75 ? "#f59e0b" : "#ec4c44";
-  return /* @__PURE__ */ u(
+  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), me = 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 = i === 0 || i <= J * 0.5 ? "#1f2937" : i <= J * 0.75 ? "#f59e0b" : "#ec4c44";
+  return /* @__PURE__ */ h(
     "svg",
     {
-      width: l,
+      width: c,
       height: g,
       viewBox: "0 0 200 250",
       style: {
@@ -225,129 +225,129 @@ function Se({
         // ✅ Включение аппаратного ускорения на iOS
       },
       children: [
-        r > 0 && /* @__PURE__ */ n(
+        i > 0 && /* @__PURE__ */ o(
           "line",
           {
-            x1: T,
-            y1: f,
-            x2: x,
-            y2: f,
-            stroke: c,
-            strokeWidth: b
+            x1: C,
+            y1: x,
+            x2: y,
+            y2: x,
+            stroke: k,
+            strokeWidth: w
           }
         ),
-        r > 1 && /* @__PURE__ */ n(
+        i > 1 && /* @__PURE__ */ o(
           "line",
           {
-            x1: y,
-            y1: K,
-            x2: y,
-            y2: G,
-            stroke: c,
-            strokeWidth: b
+            x1: b,
+            y1: ee,
+            x2: b,
+            y2: N,
+            stroke: k,
+            strokeWidth: w
           }
         ),
-        r > 2 && /* @__PURE__ */ n(
+        i > 2 && /* @__PURE__ */ o(
           "line",
           {
-            x1: w,
-            y1: Q,
-            x2: $,
-            y2: Q,
-            stroke: c,
-            strokeWidth: b
+            x1: M,
+            y1: P,
+            x2: L,
+            y2: P,
+            stroke: k,
+            strokeWidth: w
           }
         ),
-        r > 3 && /* @__PURE__ */ n(
+        i > 3 && /* @__PURE__ */ o(
           "line",
           {
-            x1: B,
-            y1: M,
-            x2: B,
-            y2: z,
-            stroke: c,
-            strokeWidth: b
+            x1: H,
+            y1: v,
+            x2: H,
+            y2: I,
+            stroke: k,
+            strokeWidth: w
           }
         ),
-        r > 4 && /* @__PURE__ */ n(
+        i > 4 && /* @__PURE__ */ o(
           "circle",
           {
-            cx: v,
-            cy: W,
-            r: N,
-            stroke: c,
+            cx: F,
+            cy: R,
+            r: V,
+            stroke: k,
             fill: "none",
-            strokeWidth: b
+            strokeWidth: w
           }
         ),
-        r > 5 && /* @__PURE__ */ n(
+        i > 5 && /* @__PURE__ */ o(
           "line",
           {
-            x1: S,
-            y1: q,
-            x2: S,
-            y2: E,
-            stroke: c,
-            strokeWidth: b
+            x1: T,
+            y1: te,
+            x2: T,
+            y2: A,
+            stroke: k,
+            strokeWidth: w
           }
         ),
-        r > 6 && /* @__PURE__ */ n(
+        i > 6 && /* @__PURE__ */ o(
           "line",
           {
-            x1: h,
-            y1: F,
+            x1: f,
+            y1: B,
             x2: p,
-            y2: C,
-            stroke: c,
-            strokeWidth: b
+            y2: O,
+            stroke: k,
+            strokeWidth: w
           }
         ),
-        r > 7 && /* @__PURE__ */ n(
+        i > 7 && /* @__PURE__ */ o(
           "line",
           {
-            x1: J,
-            y1: H,
-            x2: ce,
-            y2: L,
-            stroke: c,
-            strokeWidth: b
+            x1: ne,
+            y1: E,
+            x2: me,
+            y2: z,
+            stroke: k,
+            strokeWidth: w
           }
         ),
-        r > 8 && /* @__PURE__ */ n(
+        i > 8 && /* @__PURE__ */ o(
           "line",
           {
-            x1: ee,
-            y1: _,
+            x1: oe,
+            y1: Z,
             x2: d,
-            y2: te,
-            stroke: c,
-            strokeWidth: b
+            y2: re,
+            stroke: k,
+            strokeWidth: w
           }
         ),
-        r > 9 && /* @__PURE__ */ n(
+        i > 9 && /* @__PURE__ */ o(
           "line",
           {
-            x1: I,
-            y1: ne,
-            x2: s,
-            y2: V,
-            stroke: c,
-            strokeWidth: b
+            x1: j,
+            y1: ie,
+            x2: u,
+            y2: ae,
+            stroke: k,
+            strokeWidth: w
           }
         )
       ]
     }
   );
 }
-function Te({
-  gameCubeSize: r = 400,
-  screenHeight: U = 800,
-  screenWidth: D = 800,
-  logoUrl: l,
+function Ye({
+  gameCubeSize: i = 400,
+  screenHeight: J = 800,
+  screenWidth: _ = 800,
+  logoUrl: c,
   showLogo: g = !0,
-  baseURL: b
+  baseURL: w
 } = {}) {
-  const T = {
+  const C = {
     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"],
@@ -365,133 +365,130 @@ function Te({
     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"]
-  }, [f, x] = m("lobby"), [y, K] = m(""), [G] = m("Normal"), [w, Q] = m(0), [$, B] = m(1), [M, z] = m(""), [v, W] = m([]), [N, S] = m(0), [q, E] = m(0), [h, F] = m(null), [p, C] = m(null), [J, H] = m(1), [ce, L] = m([]), ee = G === "Easy" ? 8 : G === "Normal" ? 6 : 4, _ = b || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman` : "/cloud/speakid/games/hangman"), [d, te] = m(!1), [I, ne] = m(!1), s = X(() => {
-    const e = (p || r || 1e3) / 400;
+  }, [x, y] = m("lobby"), [b, ee] = m(""), [N] = m("Normal"), [M, P] = m(0), [L, H] = m(1), [v, I] = m(""), [F, R] = m([]), [V, T] = m(0), [te, A] = m(0), [f, B] = m(null), [p, O] = m(null), [ne, E] = m(1), [me, z] = m([]), 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] = m(!1), [j, ie] = m(!1), [u, ae] = m(!1), [$, k] = m(!1), s = Q(() => {
+    const e = (p || i || 1e3) / 400, t = u ? 0.8 : 1, r = $ ? 0.9 : 1, l = t * r;
     return {
-      headline1: d ? Math.max(24, Math.min(30, 30 * e)) : Math.max(28, Math.min(32, 32 * e)),
+      headline1: d ? Math.max(24, Math.min(30, 30 * e * l)) : Math.max(28, Math.min(32, 32 * e * r)),
       // Desktop: 32px
-      headline2: Math.max(20, Math.min(28, 24 * e)),
+      headline2: Math.max(20, Math.min(28, 24 * e * l)),
       // Desktop: 24px
-      headline3: d ? Math.max(14, Math.min(18, 16 * e)) : Math.max(20, Math.min(26, 24 * e)),
+      headline3: d ? Math.max(14, Math.min(18, 16 * e * l)) : Math.max(20, Math.min(26, 24 * e * l)),
       // Desktop: 24px
-      bodyL: Math.max(14, Math.min(20, 18 * e)),
+      bodyL: Math.max(14, Math.min(20, 18 * e * l)),
       // Desktop: 18px
-      bodyM: d ? Math.max(12, Math.min(16, 14 * e)) : Math.max(14, Math.min(18, 16 * e)),
+      bodyM: d ? Math.max(12, Math.min(16, 14 * e * l)) : Math.max(14, Math.min(18, 16 * e * l)),
       // Desktop: 16px
-      bodyS: d ? Math.max(10, Math.min(14, 12 * e)) : Math.max(12, Math.min(16, 14 * e)),
+      bodyS: d ? Math.max(10, Math.min(14, 12 * e * l)) : Math.max(12, Math.min(16, 14 * e * l)),
       // Desktop: 14px
-      wordDisplay: Math.max(18, Math.min(32, 26 * e)),
+      wordDisplay: Math.max(18, Math.min(32, 26 * e * l)),
       // Адаптивный размер
-      button: Math.max(12, Math.min(18, 16 * e))
+      button: Math.max(12, Math.min(18, 16 * e * l))
       // Desktop: 16px
     };
-  }, [d, p, r]), V = X(() => {
-    const e = (p || r || 1e3) / 400;
-    return I ? Math.max(8, Math.min(12, 10 * e)) : Math.max(12, Math.min(24, 16 * e));
-  }, [I, p, r]), o = X(() => {
-    const e = (p || r || 1e3) / 400;
-    return I ? Math.max(3, Math.min(6, 5 * e)) : Math.max(4, Math.min(12, 8 * e));
-  }, [I, p, r]), c = X(() => {
-    const e = (p || r || 1e3) / 400;
-    return Math.max(6, Math.min(10, 8 * e));
-  }, [p, r]), he = (e, t) => e.split("").every((i) => t.includes(i)), me = (e, t) => e.split("").map((i) => t.includes(i) ? i : "_").join(" "), fe = (e) => "abcdefghijklmnopqrstuvwxyz".split("").filter((i) => !e.includes(i)), Z = (e, t = []) => {
-    var P;
-    if (!e || !T[e]) {
-      const k = Object.keys(T)[0];
-      return ((P = T[k]) == null ? void 0 : P[0]) || "";
+  }, [d, p, i, u, $]), fe = Q(() => {
+    const e = (p || i || 1e3) / 400, t = u ? 0.65 : 1, r = $ ? 0.85 : 1;
+    return j ? Math.max(8, Math.min(12, 10 * e)) : Math.max(12, Math.min(24, 16 * e)) * t * r;
+  }, [j, p, i, u, $]), n = Q(() => {
+    const e = (p || i || 1e3) / 400, t = u ? 0.65 : 1, r = $ ? 0.85 : 1;
+    return j ? Math.max(3, Math.min(6, 5 * e)) : Math.max(4, Math.min(12, 8 * e)) * t * r;
+  }, [j, p, i, u, $]), S = Q(() => {
+    const e = (p || i || 1e3) / 400, t = $ ? 0.9 : 1;
+    return Math.max(6, Math.min(10, 8 * e * t));
+  }, [p, i, $]), we = (e, t) => e.split("").every((r) => t.includes(r)), ke = (e, t) => e.split("").map((r) => t.includes(r) ? r : "_").join(" "), Me = (e) => "abcdefghijklmnopqrstuvwxyz".split("").filter((r) => !e.includes(r)), U = (e, t = []) => {
+    var q;
+    if (!e || !C[e]) {
+      const W = Object.keys(C)[0];
+      return ((q = C[W]) == null ? void 0 : q[0]) || "";
     }
-    const i = T[e];
-    if (!i || i.length === 0)
+    const r = C[e];
+    if (!r || r.length === 0)
       return "";
-    const R = i.filter((k) => !t.includes(k)), j = R.length > 0 ? R : i;
-    if (j.length === 0)
+    const l = r.filter((W) => !t.includes(W)), Y = l.length > 0 ? l : r;
+    if (Y.length === 0)
       return "";
-    let A;
+    let D;
     if (typeof crypto < "u" && crypto.getRandomValues) {
-      const k = new Uint32Array(1);
-      crypto.getRandomValues(k);
-      const ue = k[0] / 4294967295;
-      A = Math.floor(ue * j.length);
+      const W = new Uint32Array(1);
+      crypto.getRandomValues(W);
+      const ge = W[0] / 4294967295;
+      D = Math.floor(ge * Y.length);
     } else
-      A = Math.floor(Math.random() * j.length);
-    return j[A];
-  }, xe = () => {
-    if (!y) return;
-    L([]);
-    const e = Z(y, []);
+      D = Math.floor(Math.random() * Y.length);
+    return Y[D];
+  }, $e = () => {
+    if (!b) return;
+    z([]);
+    const e = U(b, []);
     if (!e) {
-      x("category");
+      y("category");
       return;
     }
-    z(e), L([e]), W([]), S(0), B(1), E(0), F(null), x("game");
-  }, oe = le((e) => {
-    if (f !== "game" || h !== null) return;
+    I(e), z([e]), R([]), T(0), H(1), A(0), B(null), y("game");
+  }, se = ue((e) => {
+    if (x !== "game" || f !== null) return;
     const t = e.toLowerCase();
-    /^[a-z]$/.test(t) && (W((i) => i.includes(t) ? i : [...i, t]), z((i) => (i && !i.includes(t) && S((R) => R + 1), i)));
-  }, [f, h]), re = le((e) => {
-    oe(e.key);
-  }, [oe]);
-  de(() => {
-    if (f === "game")
-      return window.addEventListener("keydown", re), () => window.removeEventListener("keydown", re);
-  }, [f, re]);
-  const ye = M ? me(M, v) : "", ge = M ? he(M, v) : !1, pe = N >= 10, be = fe(v), ie = le(() => {
-    if (!y || $ >= w) {
-      x("result");
+    /^[a-z]$/.test(t) && (R((r) => r.includes(t) ? r : [...r, t]), I((r) => (r && !r.includes(t) && T((l) => l + 1), r)));
+  }, [x, f]), le = ue((e) => {
+    se(e.key);
+  }, [se]);
+  he(() => {
+    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(() => {
+    if (!b || L >= M) {
+      y("result");
       return;
     }
-    B((e) => e + 1), L((e) => {
-      const t = Z(y, e);
-      return t ? (z(t), [...e, t]) : e;
-    }), W([]), S(0), F(null);
-  }, [y, $, w]);
-  de(() => {
-    if (ge && h === null) {
-      F("win"), E((t) => t + 1);
+    H((e) => e + 1), z((e) => {
+      const t = U(b, e);
+      return t ? (I(t), [...e, t]) : e;
+    }), R([]), T(0), B(null);
+  }, [b, L, M]);
+  he(() => {
+    if (xe && f === null) {
+      B("win"), A((t) => t + 1);
       const e = setTimeout(() => {
-        ie();
+        ce();
       }, 2e3);
       return () => clearTimeout(e);
     }
-    if (pe && h === null) {
-      F("lose");
+    if (ye && f === null) {
+      B("lose");
       const e = setTimeout(() => {
-        ie();
+        ce();
       }, 2e3);
       return () => clearTimeout(e);
     }
-  }, [ge, pe, h, ie]);
-  const ke = () => {
-    if (!y || $ >= w) {
-      x("result");
+  }, [xe, ye, f, ce]);
+  const Le = () => {
+    if (!b || L >= M) {
+      y("result");
       return;
     }
-    B((e) => e + 1), L((e) => {
-      const t = Z(y, e);
-      return t ? (z(t), [...e, t]) : e;
-    }), W([]), S(0), F(null);
+    H((e) => e + 1), z((e) => {
+      const t = U(b, e);
+      return t ? (I(t), [...e, t]) : e;
+    }), R([]), T(0), B(null);
   };
-  de(() => {
+  he(() => {
     const e = () => {
-      const t = window.innerWidth, i = window.innerHeight, R = t < 768 || t === 926 && i === 428 || t === 932 && i === 430, j = i < 700, A = t / i > 1.8, P = t === 1024 && i === 600;
-      if (te(R), ne(P), r && r >= 320) {
-        const ve = Math.max(320, Math.min(1200, r));
-        C(ve), H(1);
-      } else if (R)
-        C(null), H(1);
-      else if (j)
-        C(null), H(1);
-      else if (A) {
-        const k = Math.min(1e3, Math.min(t, i) * 0.9);
-        C(k), H(0.85);
-      } else {
-        const k = Math.min(1e3, Math.min(t, i) * 0.9);
-        C(k), H(1);
+      const t = window.innerWidth, r = window.innerHeight, l = t < 768 || t === 926 && r === 428 || t === 932 && r === 430, Y = r < 700, D = t / r > 1.8, q = t === 1024 && r === 600, W = l && t > r, ge = t >= 1200 && t <= 1400;
+      if (re(l), ie(q), ae(W), k(ge), l)
+        O(null), E(1);
+      else if (Y)
+        O(null), E(1);
+      else {
+        const ze = t - 80, We = r - 80, be = Math.min(ze, We);
+        let pe;
+        i && i >= 320 ? pe = Math.min(i, be) : pe = Math.min(1e3, be * 0.9);
+        const Ce = Math.max(400, Math.min(1200, pe));
+        O(Ce), E(D ? 0.85 : 1);
       }
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, [r]);
-  const se = `
+  }, [i]);
+  const K = `
     <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0.2;">
       <!-- Каракули мелками и фломастерами -->
       
@@ -535,35 +532,36 @@ function Te({
       <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>
-  `, we = !d && typeof window < "u" && window.innerWidth >= 768 && window.innerWidth < 1024, ae = !d && g && (f !== "game" || we), Me = {
+  `, Fe = !d && typeof window < "u" && window.innerWidth >= 768 && window.innerWidth < 1024, de = !d && g && (x !== "game" || Fe), Te = {
     ...a.gmCenterScreen,
     width: "100%",
     height: "100%",
-    padding: `${V}px`,
-    paddingTop: ae ? "60px" : `${V}px`,
+    padding: `${fe}px`,
+    paddingTop: de ? "60px" : `${fe}px`,
     // ✅ Резервируем место под логотип (16px top + 28px высота + 16px отступ)
-    overflow: "auto",
+    overflow: $ ? "hidden" : "auto",
+    // ✅ Для разрешений 1200-1400 убираем скролл
     position: "relative",
     boxSizing: "border-box",
     background: "transparent"
-  }, Y = X(
+  }, X = Q(
     () => {
       const e = window.innerWidth, t = window.innerHeight;
-      if (d && e > t || t < 700 || !ae)
+      if (d && e > t || t < 700 || !de)
         return null;
-      const i = l || (typeof window < "u" && window.origin ? `${window.origin}/cloud/speakid/games/hangman/logo` : "/cloud/speakid/games/hangman/logo");
-      return /* @__PURE__ */ n("div", { style: a.gmLogoFixed, children: /* @__PURE__ */ u("picture", { children: [
-        /* @__PURE__ */ n(
+      const r = 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__ */ h("picture", { children: [
+        /* @__PURE__ */ o(
           "source",
           {
-            srcSet: `${i}.svg`,
+            srcSet: `${r}.svg`,
             type: "image/svg+xml"
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           "img",
           {
-            src: `${i}.png`,
+            src: `${r}.png`,
             alt: "SPEAKID Logo",
             style: a.gmLogoImg,
             loading: "lazy"
@@ -571,28 +569,28 @@ function Te({
         )
       ] }) });
     },
-    [d, ae, l, f]
-  ), $e = () => f === "lobby" ? /* @__PURE__ */ u(O, { children: [
-    Y,
-    /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: { __html: se } }),
-    /* @__PURE__ */ n("h1", { style: {
+    [d, de, c, x]
+  ), Be = () => x === "lobby" ? /* @__PURE__ */ h(G, { children: [
+    X,
+    /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
+    /* @__PURE__ */ o("h1", { style: {
       ...a.gmHeadline1,
       fontSize: `${s.headline1}px`,
-      marginBottom: `${o * 3}px`,
+      marginBottom: `${n * 3}px`,
       position: "relative",
       zIndex: 1
     }, children: "HANGMAN" }),
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ h(
       "button",
       {
-        onClick: () => x("category"),
+        onClick: () => y("category"),
         style: {
           fontFamily: '"Onest", system-ui, sans-serif',
           fontWeight: 500,
           // Medium для более заметности
           fontSize: `${s.button}px`,
-          padding: `${o * 1.2}px ${o * 3}px`,
-          borderRadius: `${c * 1.5}px`,
+          padding: `${n * 1.2}px ${n * 3}px`,
+          borderRadius: `${S * 1.5}px`,
           position: "relative",
           zIndex: 1,
           display: "flex",
@@ -616,7 +614,7 @@ function Te({
           e.currentTarget.style.transform = "translateY(0)";
         },
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ o(
             "svg",
             {
               width: `${s.button * 1.3}px`,
@@ -624,8 +622,8 @@ function Te({
               viewBox: "0 0 24 24",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              style: { display: "block", marginRight: `${o}px` },
-              children: /* @__PURE__ */ n(
+              style: { display: "block", marginRight: `${n}px` },
+              children: /* @__PURE__ */ o(
                 "path",
                 {
                   d: "M8 5V19L19 12L8 5Z",
@@ -635,11 +633,11 @@ function Te({
               )
             }
           ),
-          /* @__PURE__ */ n("span", { style: { fontWeight: 500 }, children: "PLAY" })
+          /* @__PURE__ */ o("span", { style: { fontWeight: 500 }, children: "PLAY" })
         ]
       }
     ),
-    /* @__PURE__ */ u("div", { style: {
+    /* @__PURE__ */ h("div", { style: {
       position: "absolute",
       top: "50%",
       left: "50%",
@@ -649,34 +647,34 @@ function Te({
       pointerEvents: "none",
       zIndex: 0
     }, children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         "img",
         {
-          src: `${_}/sun.png`,
+          src: `${Z}/sun.png`,
           alt: "Sun",
           style: {
             position: "absolute",
             left: d ? "-10%" : "5%",
             top: "20%",
             width: "auto",
-            height: d ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((p || r || 1e3) * 0.33, 300)}px`,
+            height: d ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((p || i || 1e3) * 0.33, 300)}px`,
             maxHeight: "33vh",
             objectFit: "contain",
             opacity: 0.6
           }
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         "img",
         {
-          src: `${_}/character.png`,
+          src: `${Z}/character.png`,
           alt: "Hangman character",
           style: {
             position: "absolute",
             right: d ? "5%" : "10%",
             bottom: "10%",
             width: "auto",
-            height: d ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((p || r || 1e3) * 0.33, 300)}px`,
+            height: d ? `${Math.min(window.innerHeight * 0.33, 200)}px` : `${Math.min((p || i || 1e3) * 0.33, 300)}px`,
             maxHeight: "33vh",
             objectFit: "contain",
             opacity: 0.6
@@ -684,13 +682,13 @@ function Te({
         }
       )
     ] })
-  ] }) : f === "category" ? /* @__PURE__ */ u(O, { children: [
-    Y,
-    /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: { __html: se } }),
-    /* @__PURE__ */ n(
+  ] }) : x === "category" ? /* @__PURE__ */ h(G, { children: [
+    X,
+    /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
+    /* @__PURE__ */ o(
       "button",
       {
-        onClick: () => x("lobby"),
+        onClick: () => y("lobby"),
         onMouseEnter: (e) => {
           e.currentTarget.style.backgroundColor = "#e5e7eb";
         },
@@ -701,8 +699,8 @@ function Te({
           ...a.gmButton,
           ...a.gmButtonSecondary,
           fontSize: `${s.button}px`,
-          padding: `${o}px ${o * 1.5}px`,
-          borderRadius: `${c}px`,
+          padding: `${n}px ${n * 1.5}px`,
+          borderRadius: `${S}px`,
           position: "absolute",
           top: "52px",
           // ✅ Под логотипом (16px top логотипа + 28px высота логотипа + 8px отступ)
@@ -713,11 +711,11 @@ function Te({
         children: "←"
       }
     ),
-    /* @__PURE__ */ n("div", { style: { ...a.gmButtonGroup, gap: `${o}px`, marginBottom: `${o * 3}px`, marginTop: `${o * 4}px`, position: "relative", zIndex: 1 }, children: Object.keys(T).map((e) => /* @__PURE__ */ n(
+    /* @__PURE__ */ o("div", { style: { ...a.gmButtonGroup, gap: `${n}px`, marginBottom: `${n * 3}px`, marginTop: `${n * 4}px`, position: "relative", zIndex: 1 }, children: Object.keys(C).map((e) => /* @__PURE__ */ o(
       "button",
       {
         onClick: () => {
-          K(e), x("rounds");
+          ee(e), y("rounds");
         },
         onMouseEnter: (t) => {
           t.currentTarget.style.backgroundColor = "#f0f0f0", t.currentTarget.style.borderColor = "#1f2937", t.currentTarget.style.transform = "scale(1.05)";
@@ -729,10 +727,10 @@ function Te({
           fontFamily: '"Onest", system-ui, sans-serif',
           fontWeight: 500,
           fontSize: `${s.button}px`,
-          padding: `${o * 1.2}px ${o * 2}px`,
-          borderRadius: `${c * 2}px`,
+          padding: `${n * 1.2}px ${n * 2}px`,
+          borderRadius: `${S * 2}px`,
           // Более округлые для облачков
-          margin: `${o / 2}px`,
+          margin: `${n / 2}px`,
           background: "transparent",
           border: "2px solid #e5e7eb",
           color: "#1f2937",
@@ -744,13 +742,13 @@ function Te({
       },
       e
     )) })
-  ] }) : f === "rounds" ? /* @__PURE__ */ u(O, { children: [
-    Y,
-    /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: { __html: se } }),
-    /* @__PURE__ */ n(
+  ] }) : x === "rounds" ? /* @__PURE__ */ h(G, { children: [
+    X,
+    /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
+    /* @__PURE__ */ o(
       "button",
       {
-        onClick: () => x("category"),
+        onClick: () => y("category"),
         onMouseEnter: (e) => {
           e.currentTarget.style.backgroundColor = "#e5e7eb";
         },
@@ -761,8 +759,8 @@ function Te({
           ...a.gmButton,
           ...a.gmButtonSecondary,
           fontSize: `${s.button}px`,
-          padding: `${o}px ${o * 1.5}px`,
-          borderRadius: `${c}px`,
+          padding: `${n}px ${n * 1.5}px`,
+          borderRadius: `${S}px`,
           position: "absolute",
           top: "52px",
           // ✅ Под логотипом (16px top логотипа + 28px высота логотипа + 8px отступ)
@@ -773,12 +771,12 @@ function Te({
         children: "←"
       }
     ),
-    /* @__PURE__ */ n("h1", { style: { ...a.gmHeadline1, fontSize: `${s.headline1}px`, marginBottom: `${o * 2}px`, position: "relative", zIndex: 1 }, children: "Choose rounds" }),
-    /* @__PURE__ */ n("div", { style: { ...a.gmButtonGroup, gap: `${o}px`, marginBottom: `${o * 3}px`, position: "relative", zIndex: 1 }, children: [1, 3, 5].map((e) => /* @__PURE__ */ n(
+    /* @__PURE__ */ o("h1", { style: { ...a.gmHeadline1, fontSize: `${s.headline1}px`, marginBottom: `${n * 2}px`, position: "relative", zIndex: 1 }, children: "Choose rounds" }),
+    /* @__PURE__ */ o("div", { style: { ...a.gmButtonGroup, gap: `${n}px`, marginBottom: `${n * 3}px`, position: "relative", zIndex: 1 }, children: [1, 3, 5].map((e) => /* @__PURE__ */ o(
       "button",
       {
         onClick: () => {
-          Q(e), xe();
+          P(e), $e();
         },
         onMouseEnter: (t) => {
           t.currentTarget.style.backgroundColor = "#f0f0f0", t.currentTarget.style.borderColor = "#1f2937", t.currentTarget.style.transform = "scale(1.05)";
@@ -790,10 +788,10 @@ function Te({
           fontFamily: '"Onest", system-ui, sans-serif',
           fontWeight: 500,
           fontSize: `${s.button}px`,
-          padding: `${o * 1.2}px ${o * 2}px`,
-          borderRadius: `${c * 2}px`,
+          padding: `${n * 1.2}px ${n * 2}px`,
+          borderRadius: `${S * 2}px`,
           // Более округлые для облачков
-          margin: `${o / 2}px`,
+          margin: `${n / 2}px`,
           background: "transparent",
           border: "2px solid #e5e7eb",
           color: "#1f2937",
@@ -805,97 +803,108 @@ function Te({
       },
       e
     )) })
-  ] }) : f === "game" ? /* @__PURE__ */ u(O, { children: [
-    Y,
-    /* @__PURE__ */ u("div", { style: {
+  ] }) : x === "game" ? /* @__PURE__ */ h(G, { children: [
+    X,
+    !u && /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: K } }),
+    " ",
+    /* @__PURE__ */ h("div", { style: {
       ...a.gmInfoBox,
-      padding: `${o * 0.8}px`,
-      marginBottom: `${o * 0.5}px`,
-      maxWidth: `${(p || r) * 0.9}px`
+      padding: `${u ? n * 0.6 : n * 0.8}px`,
+      // ✅ Уменьшаем padding в landscape
+      marginBottom: `${u ? n * 0.3 : n * 0.5}px`,
+      // ✅ Уменьшаем margin в landscape
+      maxWidth: `${(p || i) * 0.9}px`
     }, children: [
-      /* @__PURE__ */ u("h3", { style: { ...a.gmHeadline3, fontSize: `${s.headline3}px`, marginBottom: `${o * 0.5}px` }, children: [
+      /* @__PURE__ */ h("h3", { style: { ...a.gmHeadline3, fontSize: `${s.headline3}px`, marginBottom: `${n * 0.5}px` }, children: [
         "Category: ",
-        y
+        b
       ] }),
-      /* @__PURE__ */ u("p", { style: { ...a.gmBodyM, fontSize: `${s.bodyM}px`, marginBottom: "0px" }, children: [
+      /* @__PURE__ */ h("p", { style: { ...a.gmBodyM, fontSize: `${s.bodyM}px`, marginBottom: "0px" }, children: [
         "Round ",
-        $,
+        L,
         " of ",
-        w
+        M
       ] })
     ] }),
-    M && /* @__PURE__ */ u("p", { style: {
+    v && /* @__PURE__ */ h("p", { style: {
       ...a.gmBodyS,
       fontSize: `${s.bodyS}px`,
-      marginTop: `${o * 0.5}px`,
-      marginBottom: `${o}px`
+      marginTop: `${u ? n * 0.3 : n * 0.5}px`,
+      // ✅ Уменьшаем margin в landscape
+      marginBottom: `${u ? n * 0.5 : n}px`
+      // ✅ Уменьшаем margin в landscape
     }, children: [
       "I am thinking of a word that is ",
-      /* @__PURE__ */ n("strong", { children: M.length }),
+      /* @__PURE__ */ o("strong", { children: v.length }),
       " letters long"
     ] }),
-    /* @__PURE__ */ n("div", { style: {
-      margin: `${o}px 0`,
+    /* @__PURE__ */ o("div", { style: {
+      margin: `${u ? n * 0.5 : n}px 0`,
+      // ✅ Уменьшаем margin в landscape
       display: "flex",
       justifyContent: "center",
       alignItems: "center"
-    }, children: /* @__PURE__ */ n(
-      Se,
+    }, children: /* @__PURE__ */ o(
+      He,
       {
-        mistakes: N,
-        maxMistakes: ee,
-        size: I ? Math.max(80, Math.min(110, (p || r) * 0.16)) : d ? 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))
+        mistakes: V,
+        maxMistakes: oe,
+        size: j ? Math.max(80, Math.min(110, (p || i) * 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 || i) * 0.2))
       }
     ) }),
-    /* @__PURE__ */ n("div", { style: {
+    /* @__PURE__ */ o("div", { style: {
       ...a.gmWordDisplay,
       fontSize: `${Math.max(16, Math.min(24, s.wordDisplay * 0.9))}px`,
-      margin: `${o}px 0`,
-      letterSpacing: `${o * 0.8}px`,
+      margin: `${u ? n * 0.5 : n}px 0`,
+      // ✅ Уменьшаем margin в landscape
+      letterSpacing: `${n * 0.8}px`,
       minHeight: `${Math.max(16, Math.min(24, s.wordDisplay * 0.9)) * 1.2}px`
-    }, children: ye || "Loading..." }),
-    /* @__PURE__ */ u("div", { style: {
+    }, children: Se || "Loading..." }),
+    /* @__PURE__ */ h("div", { style: {
       ...a.gmInfoBox,
-      padding: `${o}px`,
-      marginTop: `${o}px`,
-      marginBottom: `${o}px`,
-      maxWidth: `${(p || r) * 0.95}px`
+      padding: `${u ? n * 0.6 : n}px`,
+      // ✅ Уменьшаем padding в landscape
+      marginTop: `${u ? n * 0.5 : n}px`,
+      // ✅ Уменьшаем margin в landscape
+      marginBottom: `${u ? n * 0.5 : n}px`,
+      // ✅ Уменьшаем margin в landscape
+      maxWidth: `${(p || i) * 0.95}px`
     }, children: [
-      /* @__PURE__ */ n("p", { style: {
+      /* @__PURE__ */ o("p", { style: {
         ...a.gmBodyS,
         fontSize: `${s.bodyS}px`,
-        marginBottom: `${o}px`,
+        marginBottom: `${n}px`,
         fontWeight: 500
         // Medium
       }, children: "Available letters:" }),
-      /* @__PURE__ */ n("div", { style: {
+      /* @__PURE__ */ o("div", { style: {
         display: "flex",
         flexWrap: "wrap",
-        gap: `${o / 3}px`,
+        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: be.map((e) => /* @__PURE__ */ n(
+      }, children: ve.map((e) => /* @__PURE__ */ o(
         "button",
         {
-          onClick: () => oe(e),
-          disabled: h !== null,
+          onClick: () => se(e),
+          disabled: f !== null,
           onMouseEnter: (t) => {
-            h === null && (t.currentTarget.style.backgroundColor = "#e5e7eb", t.currentTarget.style.cursor = "pointer");
+            f === null && (t.currentTarget.style.backgroundColor = "#e5e7eb", t.currentTarget.style.cursor = "pointer");
           },
           onMouseLeave: (t) => {
-            h === null && (t.currentTarget.style.backgroundColor = "#f9f9f9", t.currentTarget.style.cursor = "pointer");
+            f === null && (t.currentTarget.style.backgroundColor = "#f9f9f9", t.currentTarget.style.cursor = "pointer");
           },
           style: {
-            padding: `${o / 4}px ${o / 3}px`,
-            borderRadius: `${c * 0.5}px`,
+            padding: `${n / 4}px ${n / 3}px`,
+            borderRadius: `${S * 0.5}px`,
             background: "#f9f9f9",
             color: "#1f2937",
             border: "1px solid #e5e7eb",
-            minWidth: `${Math.max(o * 1.5, (p || r) * 0.04)}px`,
+            minWidth: `${Math.max(n * 1.5, (p || i) * 0.04)}px`,
             textAlign: "center",
             display: "inline-block",
-            cursor: h === null ? "pointer" : "default",
+            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"
@@ -905,32 +914,32 @@ function Te({
         e
       )) })
     ] }),
-    v.length > 0 && /* @__PURE__ */ n("div", { style: {
+    F.length > 0 && /* @__PURE__ */ o("div", { style: {
       ...a.gmGuessedLetters,
       fontSize: `${Math.max(10, Math.min(12, s.bodyS * 0.85))}px`,
-      marginTop: `${o * 0.5}px`,
+      marginTop: `${n * 0.5}px`,
       marginBottom: "2px"
-    }, children: /* @__PURE__ */ u("span", { style: { color: "#6b7280" }, children: [
+    }, children: /* @__PURE__ */ h("span", { style: { color: "#6b7280" }, children: [
       "Guessed letters: ",
-      /* @__PURE__ */ n("strong", { children: v.join(", ") })
+      /* @__PURE__ */ o("strong", { children: F.join(", ") })
     ] }) }),
-    h === "win" && /* @__PURE__ */ n("div", { style: {
+    f === "win" && /* @__PURE__ */ o("div", { style: {
       ...a.gmStatusWin,
       fontSize: `${s.bodyL}px`,
       margin: "2px 0"
     }, children: "🎉 You won this round!" }),
-    h === "lose" && /* @__PURE__ */ u("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__ */ n("strong", { children: M })
+      /* @__PURE__ */ o("strong", { children: v })
     ] }),
-    h !== null && $ < w && /* @__PURE__ */ n("div", { style: { marginTop: "2px", marginBottom: `${o}px` }, children: /* @__PURE__ */ n(
+    f !== null && L < M && /* @__PURE__ */ o("div", { style: { marginTop: "2px", marginBottom: `${n}px` }, children: /* @__PURE__ */ o(
       "button",
       {
-        onClick: ke,
+        onClick: Le,
         onMouseEnter: (e) => {
           e.currentTarget.style.backgroundColor = "#d43a32";
         },
@@ -940,16 +949,16 @@ function Te({
         style: {
           ...a.gmButton,
           fontSize: `${Math.max(11, Math.min(14, s.button * 0.85))}px`,
-          padding: `${o * 0.6}px ${o * 1.2}px`,
-          borderRadius: `${c}px`
+          padding: `${n * 0.6}px ${n * 1.2}px`,
+          borderRadius: `${S}px`
         },
         children: "NEXT"
       }
     ) }),
-    h !== null && $ >= w && /* @__PURE__ */ n("div", { style: { marginTop: "2px", marginBottom: `${o}px` }, children: /* @__PURE__ */ n(
+    f !== null && L >= M && /* @__PURE__ */ o("div", { style: { marginTop: "2px", marginBottom: `${n}px` }, children: /* @__PURE__ */ o(
       "button",
       {
-        onClick: () => x("result"),
+        onClick: () => y("result"),
         onMouseEnter: (e) => {
           e.currentTarget.style.backgroundColor = "#d43a32";
         },
@@ -959,53 +968,53 @@ function Te({
         style: {
           ...a.gmButton,
           fontSize: `${s.button}px`,
-          padding: `${o}px ${o * 1.5}px`,
-          borderRadius: `${c}px`
+          padding: `${n}px ${n * 1.5}px`,
+          borderRadius: `${S}px`
         },
         children: "View results"
       }
     ) }),
-    h === null && v.length === 0 && /* @__PURE__ */ n("p", { style: {
+    f === null && F.length === 0 && /* @__PURE__ */ o("p", { style: {
       ...a.gmBodyS,
       fontSize: `${s.bodyS}px`,
-      marginTop: `${o}px`,
-      marginBottom: `${o}px`
+      marginTop: `${n}px`,
+      marginBottom: `${n}px`
     }, children: "Type a letter on your keyboard" })
-  ] }) : f === "result" ? /* @__PURE__ */ u(O, { children: [
-    Y,
-    /* @__PURE__ */ n("h1", { style: {
+  ] }) : x === "result" ? /* @__PURE__ */ h(G, { children: [
+    X,
+    /* @__PURE__ */ o("h1", { style: {
       ...a.gmHeadline1,
       fontSize: `${s.headline1}px`,
-      marginBottom: `${o * 2}px`
+      marginBottom: `${n * 2}px`
     }, children: "🎊 Game Finished!" }),
-    /* @__PURE__ */ u("p", { style: {
+    /* @__PURE__ */ h("p", { style: {
       ...a.gmBodyL,
       fontSize: `${s.bodyL}px`,
-      marginBottom: `${o * 2}px`
+      marginBottom: `${n * 2}px`
     }, children: [
       "You guessed ",
-      /* @__PURE__ */ n("strong", { children: q }),
+      /* @__PURE__ */ o("strong", { children: te }),
       " out of ",
-      /* @__PURE__ */ n("strong", { children: w }),
+      /* @__PURE__ */ o("strong", { children: M }),
       " words correctly."
     ] }),
-    /* @__PURE__ */ u("div", { style: {
+    /* @__PURE__ */ h("div", { style: {
       display: "flex",
       flexDirection: "column",
-      gap: `${o}px`,
+      gap: `${n}px`,
       alignItems: "center"
     }, children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         "button",
         {
           onClick: () => {
-            if (!y || w === 0) {
-              x("lobby");
+            if (!b || M === 0) {
+              y("lobby");
               return;
             }
-            L([]);
-            const e = Z(y, []);
-            e && (z(e), L([e]), W([]), S(0), B(1), E(0), F(null), x("game"));
+            z([]);
+            const e = U(b, []);
+            e && (I(e), z([e]), R([]), T(0), H(1), A(0), B(null), y("game"));
           },
           onMouseEnter: (e) => {
             e.currentTarget.style.backgroundColor = "#d43a32";
@@ -1016,17 +1025,17 @@ function Te({
           style: {
             ...a.gmButton,
             fontSize: `${s.button}px`,
-            padding: `${o}px ${o * 1.5}px`,
-            borderRadius: `${c}px`,
+            padding: `${n}px ${n * 1.5}px`,
+            borderRadius: `${S}px`,
             minWidth: "200px"
           },
           children: "Play again"
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         "button",
         {
-          onClick: () => x("lobby"),
+          onClick: () => y("lobby"),
           onMouseEnter: (e) => {
             e.currentTarget.style.backgroundColor = "#e5e7eb";
           },
@@ -1037,8 +1046,8 @@ function Te({
             ...a.gmButton,
             ...a.gmButtonSecondary,
             fontSize: `${s.button}px`,
-            padding: `${o}px ${o * 1.5}px`,
-            borderRadius: `${c}px`,
+            padding: `${n}px ${n * 1.5}px`,
+            borderRadius: `${S}px`,
             minWidth: "200px"
           },
           children: "Exit"
@@ -1046,7 +1055,7 @@ function Te({
       )
     ] })
   ] }) : null;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -1063,12 +1072,12 @@ function Te({
         right: 0,
         bottom: 0
       },
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ o(
         "div",
         {
           style: {
-            width: d ? "100%" : p || r || 1e3,
-            height: d ? "100%" : p || r || 1e3,
+            width: d ? "100%" : p || i || 1e3,
+            height: d ? "100%" : p || i || 1e3,
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
@@ -1079,9 +1088,9 @@ function Te({
             margin: d ? "0 auto" : "unset",
             position: "relative",
             // needed so absolute logo is inside the square
-            transform: `scale(${J})`
+            transform: `scale(${ne})`
           },
-          children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ o(
             "div",
             {
               style: {
@@ -1092,7 +1101,7 @@ function Te({
                 justifyContent: "center",
                 alignItems: "center"
               },
-              children: /* @__PURE__ */ n("div", { style: Me, children: $e() })
+              children: /* @__PURE__ */ o("div", { style: Te, children: Be() })
             }
           )
         }
@@ -1101,8 +1110,8 @@ function Te({
   );
 }
 export {
-  Te as Game,
-  Te as HangmanLobbyGame,
-  Te as default
+  Ye as Game,
+  Ye as HangmanLobbyGame,
+  Ye as default
 };
 //# sourceMappingURL=speakid-hangman.es.js.map