@mblinkov/whats-missing 20.0.55 → 20.0.56

package/dist/whats-missing.es.js

@@ -1,18 +1,18 @@
-import { jsx as w, jsxs as p, Fragment as Ln } from "react/jsx-runtime";
-import { useRef as U, useEffect as q, useState as h, useMemo as ri } from "react";
-const hi = `
+import { jsx as t, jsxs as l, Fragment as Mn } from "react/jsx-runtime";
+import { useRef as F, useEffect as _, useState as r, useMemo as Rn } from "react";
+const ri = `
   @keyframes spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
   }
 `;
 if (typeof document < "u" && !document.getElementById("spin-keyframes")) {
-  const d = document.createElement("style");
-  d.id = "spin-keyframes", d.innerHTML = hi, document.head.appendChild(d);
+  const w = document.createElement("style");
+  w.id = "spin-keyframes", w.innerHTML = ri, document.head.appendChild(w);
 }
-const si = {
+const hi = {
   animation: "spin 1.4s linear infinite"
-}, o = {
+}, e = {
   gmCenterScreen: {
     position: "relative",
     zIndex: 1,
@@ -124,8 +124,8 @@ const si = {
   // ✅ Обновлено только для качества логотипа
   gmLogoFixed: {
     position: "absolute",
-    top: "16px",
-    left: "24px",
+    top: "28px",
+    left: "16px",
     width: "120px",
     zIndex: 10,
     pointerEvents: "none",
@@ -145,13 +145,13 @@ const si = {
   },
   gmHourglass: {
     fontSize: "42px",
-    ...si
+    ...hi
   }
-}, ai = window.origin + "/cloud/speakid/games/whatsmissing/", L = (d, a) => d.map(([g, s, ...b]) => ({
-  src: `${ai}${a}/${s.replace(/\s/g, "%20")}.png`,
+}, si = window.origin + "/cloud/speakid/games/whatsmissing/", C = (w, a) => w.map(([g, s, ...p]) => ({
+  src: `${si}${a}/${s.replace(/\s/g, "%20")}.png`,
   name: s,
-  aliases: b?.length ? b : void 0
-})), gi = [
+  aliases: p?.length ? p : void 0
+})), ai = [
   ["apple", "apple"],
   ["banana", "banana"],
   ["bread", "bread"],
@@ -177,7 +177,7 @@ const si = {
   ["strawberry", "strawberry"],
   ["tomato", "tomato"],
   ["watermelon", "watermelon"]
-], pi = [
+], gi = [
   ["bear", "bear"],
   ["cat", "cat"],
   ["crocodile", "crocodile", "alligator"],
@@ -197,7 +197,7 @@ const si = {
   ["tortoise", "tortoise", "turtle"],
   ["wolf", "wolf"],
   ["zebra", "zebra"]
-], li = [
+], pi = [
   ["ball", "ball"],
   ["balloon", "balloon"],
   ["blocks", "blocks"],
@@ -217,7 +217,7 @@ const si = {
   ["teddy_bear", "teddy bear"],
   ["yo-yo", "yo-yo"],
   ["crayons", "crayons"]
-], ci = [
+], li = [
   ["t-shirt", "T-shirt"],
   ["dress", "dress"],
   ["hat", "hat"],
@@ -233,7 +233,7 @@ const si = {
   ["cap", "cap"],
   ["boots", "boots"],
   ["pyjamas", "pyjamas"]
-], xi = [
+], ci = [
   ["car", "car"],
   ["bus", "bus"],
   ["bike", "bike"],
@@ -249,7 +249,7 @@ const si = {
   ["motorbike", "motorbike"],
   ["tram", "tram"],
   ["submarine", "submarine"]
-], Hi = [
+], xi = [
   ["sun", "sun"],
   ["cloud", "cloud"],
   ["rain", "rain"],
@@ -265,7 +265,7 @@ const si = {
   ["snow", "snow"],
   ["butterfly", "butterfly"],
   ["bird", "bird"]
-], Wi = [
+], Hi = [
   ["bed", "bed"],
   ["table", "table"],
   ["chair", "chair"],
@@ -281,7 +281,7 @@ const si = {
   ["plate", "plate"],
   ["mirror", "mirror"],
   ["book", "book"]
-], mi = [
+], Wi = [
   ["book", "book"],
   ["pen", "pen"],
   ["pencil", "pencil"],
@@ -297,16 +297,16 @@ const si = {
   ["pencil_case", "pencil case"],
   ["paintbrush", "paintbrush"],
   ["backpack", "backpack"]
-], K = {
-  food: L(gi, "food"),
-  animals: L(pi, "animals"),
-  toys: L(li, "toys"),
-  clothes: L(ci, "clothes"),
-  transport: L(xi, "transport"),
-  nature: L(Hi, "nature"),
-  home: L(Wi, "home"),
-  school: L(mi, "school")
-}, ui = [
+], Q = {
+  food: C(ai, "food"),
+  animals: C(gi, "animals"),
+  toys: C(pi, "toys"),
+  clothes: C(li, "clothes"),
+  transport: C(ci, "transport"),
+  nature: C(xi, "nature"),
+  home: C(Hi, "home"),
+  school: C(Wi, "school")
+}, mi = [
   "animals",
   "food",
   "toys",
@@ -315,7 +315,7 @@ const si = {
   "nature",
   "home",
   "school"
-], fi = {
+], ui = {
   animals: "🐶 Animals",
   food: "🍎 Food",
   toys: "🧸 Toys",
@@ -324,9 +324,9 @@ const si = {
   nature: "🌳 Nature",
   home: "🏠 Home",
   school: "📚 School"
-}, yi = () => {
-  const d = document.createElement("style");
-  d.id = "whats-missing-reset", d.textContent = `
+}, fi = () => {
+  const w = document.createElement("style");
+  w.id = "whats-missing-reset", w.textContent = `
     #whats-missing-root, #whats-missing-root * {
       box-sizing: border-box;
       font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
@@ -354,9 +354,9 @@ const si = {
     }
   `;
   const a = document.getElementById("whats-missing-reset");
-  a && a.remove(), document.head.appendChild(d);
+  a && a.remove(), document.head.appendChild(w);
 };
-class bi {
+class yi {
   constructor(a) {
     this.seed = a;
   }
@@ -370,180 +370,173 @@ class bi {
     return Math.floor(this.next() * a);
   }
 }
-const ki = (d, a) => {
-  const g = Array.from({ length: d.length + 1 }, () => Array(a.length + 1).fill(0));
-  for (let s = 0; s <= d.length; s++) g[s][0] = s;
+const bi = (w, a) => {
+  const g = Array.from({ length: w.length + 1 }, () => Array(a.length + 1).fill(0));
+  for (let s = 0; s <= w.length; s++) g[s][0] = s;
   for (let s = 0; s <= a.length; s++) g[0][s] = s;
-  for (let s = 1; s <= d.length; s++)
-    for (let b = 1; b <= a.length; b++)
-      g[s][b] = d[s - 1] === a[b - 1] ? g[s - 1][b - 1] : Math.min(g[s - 1][b - 1], g[s][b - 1], g[s - 1][b]) + 1;
-  return g[d.length][a.length];
-}, Ii = (d) => new Promise((a) => {
+  for (let s = 1; s <= w.length; s++)
+    for (let p = 1; p <= a.length; p++)
+      g[s][p] = w[s - 1] === a[p - 1] ? g[s - 1][p - 1] : Math.min(g[s - 1][p - 1], g[s][p - 1], g[s - 1][p]) + 1;
+  return g[w.length][a.length];
+}, ki = (w) => new Promise((a) => {
   const g = new Image();
-  g.onload = () => a(g), g.onerror = () => a(g), g.src = d;
-}), pn = async (d, a) => {
-  const g = /* @__PURE__ */ new Map(), s = d.map(async (b) => {
-    const S = await Ii(b);
-    g.set(b, S);
+  g.onload = () => a(g), g.onerror = () => a(g), g.src = w;
+}), cn = async (w, a) => {
+  const g = /* @__PURE__ */ new Map(), s = w.map(async (p) => {
+    const S = await ki(p);
+    g.set(p, S);
   });
   return await Promise.allSettled(s), g;
 };
-function Ti({
-  gameCubeSize: d,
+function vi({
+  gameCubeSize: w,
   screenHeight: a,
   screenWidth: g,
   seed: s
 }) {
-  const b = U(null);
-  q(() => (yi(), () => {
+  const p = F(null);
+  _(() => (fi(), () => {
     document.documentElement.style.overflow = "", document.body.style.overflow = "";
     const i = document.getElementById("whats-missing-reset");
-    i && i.remove(), T.current && T.current.abort();
+    i && i.remove(), P.current && P.current.abort();
   }), []);
-  const [S, ln] = h(null), [B, cn] = h([]), [D, Bn] = h(4), [xn, J] = h(1), [A, Hn] = h(!1), [Y, Wn] = h(1), [P, Cn] = h(null), [v, _] = h("ready"), [mn, un] = h(10), [Q, X] = h(10), [nn, fn] = h(20), [An, en] = h(0), [$, tn] = h(!1), [N, yn] = h(""), [E, on] = h(!1), [wn, bn] = h(!1), [kn, G] = h(null), [En, dn] = h([]), [jn, In] = h([]), [n, Dn] = h(!1), [Gn, V] = h(1), [Sn, O] = h(null), [I, Fn] = h(!1), [l, Un] = h(!1), [c, Yn] = h(!1), [x, _n] = h(!1), [H, $n] = h(!1), [W, Nn] = h(!1), [m, Vn] = h(!1), [u, On] = h(!1), [f, Zn] = h(!1), [rn, qn] = h(!1), [z, Kn] = h(!1), hn = U(/* @__PURE__ */ new Set()), Z = U(/* @__PURE__ */ new Map()), T = U(null), j = U(null);
-  q(() => {
-    s !== void 0 ? j.current = new bi(s) : j.current = null;
+  const [S, U] = r(null), [k, D] = r([]), [G, Ln] = r(4), [xn, en] = r(1), [B, Hn] = r(!1), [Y, Wn] = r(1), [z, Cn] = r(null), [T, O] = r("ready"), [mn, un] = r(10), [tn, on] = r(10), [wn, fn] = r(20), [Bn, dn] = r(0), [V, rn] = r(!1), [N, yn] = r(""), [A, hn] = r(!1), [sn, bn] = r(!1), [kn, $] = r(null), [An, an] = r([]), [En, vn] = r([]), [n, jn] = r(!1), [Dn, Z] = r(1), [Sn, q] = r(null), [I, Gn] = r(!1), [c, $n] = r(!1), [x, Fn] = r(!1), [H, _n] = r(!1), [W, Un] = r(!1), [m, Yn] = r(!1), [u, On] = r(!1), [f, Vn] = r(!1), [y, Nn] = r(!1), [M, Zn] = r(!1), gn = F(/* @__PURE__ */ new Set()), K = F(/* @__PURE__ */ new Map()), P = F(null), E = F(null);
+  _(() => {
+    s !== void 0 ? E.current = new yi(s) : E.current = null;
   }, [s]);
-  const Jn = () => j.current ? j.current.next() : Math.random(), vn = (i) => j.current ? j.current.nextInt(i) : Math.floor(Math.random() * i);
-  q(() => {
+  const qn = () => E.current ? E.current.next() : Math.random(), In = (i) => E.current ? E.current.nextInt(i) : Math.floor(Math.random() * i);
+  _(() => {
     const i = () => {
-      const e = g ?? window.innerWidth, t = a ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, y = t < 700, R = e / t > 1.8, k = e === 768 && t === 1024, an = e === 1024 && t === 768, F = e === 820 && t === 1180, M = e === 1180 && t === 820, C = e === 540 && t === 720, zn = e === 720 && t === 540, Rn = e === 1024 && t === 1366, Mn = e === 1366 && t === 1024, ti = e >= 1200 && t >= 600 && !r;
-      Fn(ti), Un(k), Yn(an), _n(F), $n(M), Nn(C), Vn(zn), On(Rn), Zn(Mn), Kn(R);
-      const oi = r && e > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
-      t < 700 || R || // ✅ Широкие экраны
-      e === 1366 && t === 766 || e === 1366 && t === 768 || e === 1280 && t === 720 || e === 1440 && t === 900 || k || an || F || M || C || zn || Rn || Mn || I;
-      if (qn(oi), Dn(r), r)
-        O(d && d >= 320 ? d : null), V(1);
-      else if (y)
-        O(d && d >= 400 ? d : null), V(1);
+      const o = g ?? window.innerWidth, d = a ?? window.innerHeight, h = o < 768 || o === 926 && d === 428 || o === 932 && d === 430, b = d < 700, R = o / d > 1.8, v = o === 768 && d === 1024, zn = o === 1024 && d === 768, J = o === 820 && d === 1180, L = o === 1180 && d === 820, j = o === 540 && d === 720, ii = o === 720 && d === 540, ei = o === 1024 && d === 1366, ti = o === 1366 && d === 1024, oi = o >= 1200 && d >= 600 && !h;
+      if (Gn(oi), $n(v), Fn(zn), _n(J), Un(L), Yn(j), On(ii), Vn(ei), Nn(ti), Zn(R), jn(h), h)
+        q(w && w >= 320 ? w : null), Z(1);
+      else if (b)
+        q(w && w >= 400 ? w : null), Z(1);
       else if (R) {
-        const gn = d ? Math.max(400, Math.min(1200, d)) : Math.min(1e3, Math.min(e, t) * 0.9);
-        O(gn), V(0.85);
+        const ln = w ? Math.max(400, Math.min(1200, w)) : Math.min(1e3, Math.min(o, d) * 0.9);
+        q(ln), Z(0.85);
       } else {
-        const gn = d ? Math.max(400, Math.min(1200, d)) : Math.min(1e3, Math.min(e, t) * 0.9);
-        O(gn), V(1);
+        const ln = w ? Math.max(400, Math.min(1200, w)) : Math.min(1e3, Math.min(o, d) * 0.9);
+        q(ln), Z(1);
       }
     };
     return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, [g, a, d]);
-  const sn = (i) => [...i].sort(() => Jn() - 0.5).slice(0, 6), Qn = (i) => {
-    T.current && T.current.abort(), T.current = new AbortController();
-    const t = K[i].map((r) => r.src);
-    pn(t, T.current.signal).then((r) => {
-      t.forEach((y) => {
-        hn.current.add(y), r.has(y) && Z.current.set(y, r.get(y));
+  }, [g, a, w]);
+  const pn = (i) => [...i].sort(() => qn() - 0.5).slice(0, 6), Kn = (i) => {
+    P.current && P.current.abort(), P.current = new AbortController();
+    const d = Q[i].map((h) => h.src);
+    cn(d, P.current.signal).then((h) => {
+      d.forEach((b) => {
+        gn.current.add(b), h.has(b) && K.current.set(b, h.get(b));
       });
     }).catch(() => {
     });
   }, Tn = () => {
     if (!S) return;
-    const i = sn(K[S]);
-    cn(i), Hn(!0), tn(!1), Wn(1), en(0), dn([]), In([]);
-    const e = i.map((t) => t.src);
-    pn(e, T.current?.signal).then((t) => {
-      e.forEach((r) => {
-        hn.current.add(r), t.has(r) && Z.current.set(r, t.get(r));
+    const i = pn(Q[S]);
+    D(i), Hn(!0), rn(!1), Wn(1), dn(0), an([]), vn([]);
+    const o = i.map((d) => d.src);
+    cn(o, P.current?.signal).then((d) => {
+      o.forEach((h) => {
+        gn.current.add(h), d.has(h) && K.current.set(h, d.get(h));
       });
     }).catch(() => {
     }), Pn(i, [], !0);
-  }, Pn = (i = B, e = jn, t = !1) => {
-    const r = sn(i.length ? i : K[S]);
-    let y = vn(r.length), R = r[y].name, k = 0;
-    for (; e.includes(R) && k < 20; )
-      y = vn(r.length), R = r[y].name, k++;
-    if (cn(r), Cn(y), In([...e, R]), on(!1), yn(""), fn(20), G(null), S && !t) {
-      const F = sn(K[S].filter((M) => !e.includes(M.name))).map((M) => M.src);
-      pn(F, T.current?.signal).then((M) => {
-        F.forEach((C) => {
-          hn.current.add(C), M.has(C) && Z.current.set(C, M.get(C));
+  }, Pn = (i = k, o = En, d = !1) => {
+    const h = pn(i.length ? i : Q[S]);
+    let b = In(h.length), R = h[b].name, v = 0;
+    for (; o.includes(R) && v < 20; )
+      b = In(h.length), R = h[b].name, v++;
+    if (D(h), Cn(b), vn([...o, R]), hn(!1), yn(""), fn(20), $(null), S && !d) {
+      const J = pn(Q[S].filter((L) => !o.includes(L.name))).map((L) => L.src);
+      cn(J, P.current?.signal).then((L) => {
+        J.forEach((j) => {
+          gn.current.add(j), L.has(j) && K.current.set(j, L.get(j));
         });
       }).catch(() => {
       });
     }
-    t ? (_("ready"), un(10), X(10)) : (_("memorize"), X(10));
+    d ? (O("ready"), un(10), on(10)) : (O("memorize"), on(10));
   };
-  q(() => {
-    if (!(!A || $ || E)) {
-      if (v === "ready")
-        if (mn <= 0) _("memorize");
+  _(() => {
+    if (!(!B || V || A)) {
+      if (T === "ready")
+        if (mn <= 0) O("memorize");
         else {
-          const i = setTimeout(() => un((e) => e - 1), 1e3);
+          const i = setTimeout(() => un((o) => o - 1), 1e3);
           return () => clearTimeout(i);
         }
-      if (v === "memorize")
-        if (Q <= 0) _("guess");
+      if (T === "memorize")
+        if (tn <= 0) O("guess");
         else {
-          const i = setTimeout(() => X((e) => e - 1), 1e3);
+          const i = setTimeout(() => on((o) => o - 1), 1e3);
           return () => clearTimeout(i);
         }
-      if (v === "guess") {
-        if (nn <= 0) {
-          on(!0), G("wrong");
-          const e = B[P].name, t = B[P].aliases, r = [e, ...t || []].join(", ");
-          dn((y) => [
-            ...y,
-            { round: Y, answer: N, correct: r, result: "wrong" }
+      if (T === "guess") {
+        if (wn <= 0) {
+          hn(!0), $("wrong");
+          const o = k[z].name, d = k[z].aliases, h = [o, ...d || []].join(", ");
+          an((b) => [
+            ...b,
+            { round: Y, answer: N, correct: h, result: "wrong" }
           ]);
           return;
         }
-        const i = setTimeout(() => fn((e) => e - 1), 1e3);
+        const i = setTimeout(() => fn((o) => o - 1), 1e3);
         return () => clearTimeout(i);
       }
     }
   }, [
-    v,
+    T,
     mn,
-    Q,
-    nn,
-    A,
-    $,
-    E,
+    tn,
+    wn,
     B,
-    P,
+    V,
+    A,
+    k,
+    z,
     Y,
     N
   ]);
-  const Xn = () => {
-    if (P === null || wn) return;
-    const i = B[P].name, e = B[P].aliases, t = N.toLowerCase().trim();
-    let r = "wrong";
-    const y = [i, ...e || []].map((k) => k.toLowerCase()), R = [i, ...e || []].join(", ");
-    y.includes(t) ? (en((k) => k + 1), G("correct"), r = "correct") : y.some((k) => ki(t, k) === 1) ? (en((k) => k + 0.5), G("almost"), r = "almost") : (G("wrong"), r = "wrong"), dn((k) => [
-      ...k,
-      { round: Y, answer: t, correct: R, result: r }
+  const Jn = () => {
+    if (z === null || sn) return;
+    const i = k[z].name, o = k[z].aliases, d = N.toLowerCase().trim();
+    let h = "wrong";
+    const b = [i, ...o || []].map((v) => v.toLowerCase()), R = [i, ...o || []].join(", ");
+    b.includes(d) ? (dn((v) => v + 1), $("correct"), h = "correct") : b.some((v) => bi(d, v) === 1) ? (dn((v) => v + 0.5), $("almost"), h = "almost") : ($("wrong"), h = "wrong"), an((v) => [
+      ...v,
+      { round: Y, answer: d, correct: R, result: h }
     ]), bn(!0), setTimeout(() => {
-      bn(!1), on(!0);
+      bn(!1), hn(!0);
     }, 600);
-  }, ni = () => Y < D ? (Wn((i) => i + 1), Pn()) : tn(!0), ii = () => {
-    T.current && T.current.abort(), Hn(!1), tn(!1), ln(null), J(2);
-  }, ei = ri(() => {
-    const i = g ?? window.innerWidth, e = a ?? window.innerHeight, t = !n && i >= 1200 && i <= 1400;
-    return n && i > e || e < 700 && !t ? null : (
-      // ensure logo is positioned inside the square container
-      /* @__PURE__ */ w("div", { style: { ...o.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ p("picture", { children: [
-        /* @__PURE__ */ w(
-          "source",
-          {
-            srcSet: window.origin + "/cloud/speakid/games/whatsmissing/logo.svg",
-            type: "image/svg+xml"
-          }
-        ),
-        /* @__PURE__ */ w(
-          "img",
-          {
-            src: window.origin + "/cloud/speakid/games/whatsmissing/logo.png",
-            alt: "SPEAKID Logo",
-            style: o.gmLogoImg,
-            loading: "lazy"
-          }
-        )
-      ] }) })
-    );
-  }, [n, g, a]);
-  return /* @__PURE__ */ w(
+  }, Qn = () => Y < G ? (Wn((i) => i + 1), Pn()) : rn(!0), Xn = () => {
+    P.current && P.current.abort(), Hn(!1), rn(!1), U(null), en(2);
+  }, ni = Rn(() => (
+    // ensure logo is positioned inside the square container
+    /* @__PURE__ */ t("div", { style: { ...e.gmLogoFixed, position: "absolute", top: 28, left: 16, zIndex: 30 }, children: /* @__PURE__ */ l("picture", { children: [
+      /* @__PURE__ */ t(
+        "source",
+        {
+          srcSet: window.origin + "/cloud/speakid/games/whatsmissing/logo.svg",
+          type: "image/svg+xml"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "img",
+        {
+          src: window.origin + "/cloud/speakid/games/whatsmissing/logo.png",
+          alt: "SPEAKID Logo",
+          style: e.gmLogoImg,
+          loading: "lazy"
+        }
+      )
+    ] }) })
+  ), []);
+  return /* @__PURE__ */ l(
     "div",
     {
-      ref: b,
+      ref: p,
       style: {
         width: "100%",
         height: "100%",
@@ -559,423 +552,507 @@ function Ti({
         right: 0,
         bottom: 0
       },
-      children: /* @__PURE__ */ w(
-        "div",
-        {
-          style: {
-            width: n ? "100%" : Sn || d || 1e3,
-            height: n ? "100%" : Sn || d || 1e3,
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            overflow: "hidden",
-            borderRadius: n ? 0 : "20px",
-            background: "linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)",
-            boxShadow: n ? "none" : "0 0 40px rgba(0,0,0,0.1)",
-            margin: n ? "0 auto" : "unset",
-            position: "relative",
-            // needed so absolute logo is inside the square
-            transform: `scale(${Gn})`
-            // ✅ Применяем масштаб для широких экранов
-          },
-          children: /* @__PURE__ */ w(
-            "div",
-            {
-              style: {
-                transform: "translateZ(0)",
-                width: "100%",
-                height: "100%",
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center"
-              },
-              children: /* @__PURE__ */ p("div", { id: "whats-missing-root", children: [
-                !n && ei,
-                !S && !A && xn === 1 && /* @__PURE__ */ p("div", { style: o.gmCenterScreen, children: [
-                  /* @__PURE__ */ w("h1", { style: o.gmHeadline1, children: "WHAT'S MISSING?" }),
-                  /* @__PURE__ */ p("div", { style: { marginTop: 24 }, children: [
-                    /* @__PURE__ */ w("p", { style: o.gmBodyS, children: "Choose number of rounds:" }),
-                    /* @__PURE__ */ w(
+      children: [
+        ni,
+        /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              width: n ? "100%" : Sn || w || 1e3,
+              height: n ? "100%" : Sn || w || 1e3,
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              overflow: "hidden",
+              borderRadius: 0,
+              background: "transparent",
+              boxShadow: "none",
+              margin: "0 auto",
+              position: "relative",
+              // needed so absolute logo is inside the square
+              transform: `scale(${Dn})`
+              // ✅ Применяем масштаб для широких экранов
+            },
+            children: /* @__PURE__ */ t(
+              "div",
+              {
+                style: {
+                  transform: "translateZ(0)",
+                  width: "100%",
+                  height: "100%",
+                  display: "flex",
+                  justifyContent: "center",
+                  alignItems: "center"
+                },
+                children: /* @__PURE__ */ l("div", { id: "whats-missing-root", style: { position: "relative", width: "100%", height: "100%" }, children: [
+                  !S && !B && xn === 1 && /* @__PURE__ */ l("div", { style: { ...e.gmCenterScreen, transform: "none" }, children: [
+                    /* @__PURE__ */ t("h1", { style: e.gmHeadline1, children: "WHAT'S MISSING?" }),
+                    /* @__PURE__ */ l("div", { style: { marginTop: 24 }, children: [
+                      /* @__PURE__ */ t("p", { style: e.gmBodyS, children: "Choose number of rounds:" }),
+                      /* @__PURE__ */ t(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            gap: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px" : "12px",
+                            marginTop: 8
+                          },
+                          children: [3, 4, 5].map((i) => /* @__PURE__ */ t(
+                            "button",
+                            {
+                              style: {
+                                ...e.gmButton,
+                                ...G === i ? e.gmButtonActive : {},
+                                padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 12px" : "14px 28px",
+                                fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "13px" : "18px",
+                                minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "48px" : "64px"
+                              },
+                              onClick: () => Ln(i),
+                              children: i
+                            },
+                            i
+                          ))
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ t(
+                      "button",
+                      {
+                        style: {
+                          ...e.gmButton,
+                          marginTop: 24,
+                          padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "10px 20px" : "14px 30px",
+                          fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "15px" : "18px",
+                          minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "132px" : "160px"
+                        },
+                        onClick: () => en(2),
+                        children: "Play"
+                      }
+                    )
+                  ] }),
+                  !S && !B && xn === 2 && /* @__PURE__ */ l("div", { style: e.gmCenterScreen, children: [
+                    /* @__PURE__ */ t("p", { style: e.gmBodyM, children: "Select a theme:" }),
+                    /* @__PURE__ */ l("p", { style: e.gmBodyS, children: [
+                      "Rounds: ",
+                      G
+                    ] }),
+                    /* @__PURE__ */ t(
                       "div",
                       {
                         style: {
-                          display: "flex",
-                          gap: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px" : "12px",
-                          marginTop: 8
+                          display: "grid",
+                          gridTemplateColumns: n ? "repeat(2, 1fr)" : "repeat(4, 1fr)",
+                          gap: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px" : "12px",
+                          maxWidth: n ? 280 : 420,
+                          margin: "0 auto"
                         },
-                        children: [3, 4, 5].map((i) => /* @__PURE__ */ w(
+                        children: mi.map((i) => /* @__PURE__ */ t(
                           "button",
                           {
                             style: {
-                              ...o.gmButton,
-                              ...D === i ? o.gmButtonActive : {},
-                              padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px 10px" : "12px 24px",
-                              fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "16px",
-                              minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "40px" : "auto"
+                              ...e.gmButton,
+                              padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 12px" : "10px 16px",
+                              fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "14px"
                             },
-                            onClick: () => Bn(i),
-                            children: i
+                            onClick: () => {
+                              U(i), Kn(i);
+                            },
+                            children: ui[i]
                           },
                           i
                         ))
                       }
+                    ),
+                    /* @__PURE__ */ t(
+                      "button",
+                      {
+                        style: {
+                          ...e.gmButton,
+                          marginTop: 24,
+                          padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 16px" : "12px 24px",
+                          fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "14px" : "16px",
+                          minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "120px" : "auto"
+                        },
+                        onClick: () => en(1),
+                        children: "Back"
+                      }
                     )
                   ] }),
-                  /* @__PURE__ */ w(
-                    "button",
-                    {
-                      style: {
-                        ...o.gmButton,
-                        marginTop: 24,
-                        padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 16px" : "12px 24px",
-                        fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "14px" : "16px",
-                        minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "120px" : "auto"
-                      },
-                      onClick: () => J(2),
-                      children: "Play"
-                    }
-                  )
-                ] }),
-                !S && !A && xn === 2 && /* @__PURE__ */ p("div", { style: o.gmCenterScreen, children: [
-                  /* @__PURE__ */ w("p", { style: o.gmBodyM, children: "Select a theme:" }),
-                  /* @__PURE__ */ p("p", { style: o.gmBodyS, children: [
-                    "Rounds: ",
-                    D
-                  ] }),
-                  /* @__PURE__ */ w(
-                    "div",
-                    {
-                      style: {
-                        display: "grid",
-                        gridTemplateColumns: n ? "repeat(2, 1fr)" : "repeat(4, 1fr)",
-                        gap: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px" : "12px",
-                        maxWidth: n ? 280 : 420,
-                        margin: "0 auto"
-                      },
-                      children: ui.map((i) => /* @__PURE__ */ w(
-                        "button",
-                        {
-                          style: {
-                            ...o.gmButton,
-                            padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 12px" : "10px 16px",
-                            fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "14px"
-                          },
-                          onClick: () => {
-                            ln(i), Qn(i);
-                          },
-                          children: fi[i]
+                  S && !B && /* @__PURE__ */ l("div", { style: e.gmCenterScreen, children: [
+                    /* @__PURE__ */ l("h1", { style: e.gmHeadline1, children: [
+                      "Theme selected: ",
+                      S
+                    ] }),
+                    /* @__PURE__ */ l("p", { style: e.gmBodyM, children: [
+                      "Rounds: ",
+                      G
+                    ] }),
+                    /* @__PURE__ */ t(
+                      "button",
+                      {
+                        style: {
+                          ...e.gmButton,
+                          padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 16px" : "12px 24px",
+                          fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "14px" : "16px",
+                          minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "120px" : "auto"
                         },
-                        i
-                      ))
-                    }
-                  ),
-                  /* @__PURE__ */ w(
-                    "button",
-                    {
-                      style: {
-                        ...o.gmButton,
-                        marginTop: 24,
-                        padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 16px" : "12px 24px",
-                        fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "14px" : "16px",
-                        minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "120px" : "auto"
-                      },
-                      onClick: () => J(1),
-                      children: "Back"
-                    }
-                  )
-                ] }),
-                S && !A && /* @__PURE__ */ p("div", { style: o.gmCenterScreen, children: [
-                  /* @__PURE__ */ p("h1", { style: o.gmHeadline1, children: [
-                    "Theme selected: ",
-                    S
+                        onClick: Tn,
+                        children: "▶ Start game"
+                      }
+                    )
                   ] }),
-                  /* @__PURE__ */ p("p", { style: o.gmBodyM, children: [
-                    "Rounds: ",
-                    D
+                  V && /* @__PURE__ */ l("div", { style: e.gmCenterScreen, children: [
+                    /* @__PURE__ */ t(
+                      "h1",
+                      {
+                        style: {
+                          ...e.gmHeadline1,
+                          marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || u || f || y ? "0px" : e.gmHeadline1.marginTop,
+                          marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || u || f || y ? "2px" : e.gmHeadline1.marginBottom
+                        },
+                        children: "Results"
+                      }
+                    ),
+                    /* @__PURE__ */ l(
+                      "h2",
+                      {
+                        style: {
+                          ...e.gmHeadline3,
+                          marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || u || f || y ? "0px" : e.gmHeadline3.marginTop,
+                          marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || u || f || y ? "2px" : e.gmHeadline3.marginBottom
+                        },
+                        children: [
+                          "Your score: ",
+                          Bn,
+                          " / ",
+                          G
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      "p",
+                      {
+                        style: {
+                          ...e.gmBodyM,
+                          color: "#10b981",
+                          marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || u || f || y ? "0px" : "12px",
+                          marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || u || f || y ? "2px" : e.gmBodyM.marginBottom
+                        },
+                        children: "Yahoo! You did it! 🍬✨"
+                      }
+                    ),
+                    /* @__PURE__ */ l(
+                      "table",
+                      {
+                        style: {
+                          ...e.gmTable,
+                          marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || u || f || y ? "0px" : "20px",
+                          marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || u || f || y ? "4px" : "32px"
+                        },
+                        children: [
+                          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ l("tr", { children: [
+                            /* @__PURE__ */ t("th", { children: "Round" }),
+                            /* @__PURE__ */ t("th", { children: "Your Answer" }),
+                            /* @__PURE__ */ t("th", { children: "Correct" }),
+                            /* @__PURE__ */ t("th", { children: "Result" })
+                          ] }) }),
+                          /* @__PURE__ */ t("tbody", { children: An.map((i, o) => /* @__PURE__ */ l("tr", { children: [
+                            /* @__PURE__ */ t("td", { style: e.gmTableCell, children: i.round }),
+                            /* @__PURE__ */ t("td", { style: e.gmTableCell, children: i.answer || "—" }),
+                            /* @__PURE__ */ t("td", { style: e.gmTableCell, children: i.correct }),
+                            /* @__PURE__ */ t("td", { style: e.gmTableCell, children: i.result === "correct" ? "✔ Correct" : i.result === "almost" ? "◐ Almost (0.5)" : "✘ Wrong" })
+                          ] }, o)) })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ l(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          gap: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px" : "12px",
+                          marginTop: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "2px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I ? "12px" : "24px"
+                        },
+                        children: [
+                          /* @__PURE__ */ t(
+                            "button",
+                            {
+                              style: {
+                                ...e.gmButton,
+                                padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px 10px" : "12px 24px",
+                                fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "16px",
+                                minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "80px" : "auto"
+                              },
+                              onClick: Tn,
+                              children: "🔁 Play again"
+                            }
+                          ),
+                          /* @__PURE__ */ t(
+                            "button",
+                            {
+                              style: {
+                                ...e.gmButton,
+                                padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px 10px" : "12px 24px",
+                                fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "16px",
+                                minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "80px" : "auto"
+                              },
+                              onClick: Xn,
+                              children: "⬅️ Choose theme"
+                            }
+                          )
+                        ]
+                      }
+                    )
                   ] }),
-                  /* @__PURE__ */ w(
-                    "button",
-                    {
-                      style: {
-                        ...o.gmButton,
-                        padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 16px" : "12px 24px",
-                        fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "14px" : "16px",
-                        minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "120px" : "auto"
-                      },
-                      onClick: Tn,
-                      children: "▶ Start game"
-                    }
-                  )
-                ] }),
-                $ && /* @__PURE__ */ p("div", { style: o.gmCenterScreen, children: [
-                  /* @__PURE__ */ w(
-                    "h1",
-                    {
-                      style: {
-                        ...o.gmHeadline1,
-                        marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "0px" : o.gmHeadline1.marginTop,
-                        marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "2px" : o.gmHeadline1.marginBottom
-                      },
-                      children: "Results"
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "h2",
-                    {
-                      style: {
-                        ...o.gmHeadline3,
-                        marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "0px" : o.gmHeadline3.marginTop,
-                        marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "2px" : o.gmHeadline3.marginBottom
-                      },
-                      children: [
-                        "Your score: ",
-                        An,
-                        " / ",
-                        D
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ w(
-                    "p",
-                    {
-                      style: {
-                        ...o.gmBodyM,
-                        color: "#10b981",
-                        marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "0px" : "12px",
-                        marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "2px" : o.gmBodyM.marginBottom
-                      },
-                      children: "Yahoo! You did it! 🍬✨"
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "table",
-                    {
-                      style: {
-                        ...o.gmTable,
-                        marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "0px" : "20px",
-                        marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "4px" : "32px"
-                      },
-                      children: [
-                        /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ p("tr", { children: [
-                          /* @__PURE__ */ w("th", { children: "Round" }),
-                          /* @__PURE__ */ w("th", { children: "Your Answer" }),
-                          /* @__PURE__ */ w("th", { children: "Correct" }),
-                          /* @__PURE__ */ w("th", { children: "Result" })
-                        ] }) }),
-                        /* @__PURE__ */ w("tbody", { children: En.map((i, e) => /* @__PURE__ */ p("tr", { children: [
-                          /* @__PURE__ */ w("td", { style: o.gmTableCell, children: i.round }),
-                          /* @__PURE__ */ w("td", { style: o.gmTableCell, children: i.answer || "—" }),
-                          /* @__PURE__ */ w("td", { style: o.gmTableCell, children: i.correct }),
-                          /* @__PURE__ */ w("td", { style: o.gmTableCell, children: i.result === "correct" ? "✔ Correct" : i.result === "almost" ? "◐ Almost (0.5)" : "✘ Wrong" })
-                        ] }, e)) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        gap: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px" : "12px",
-                        marginTop: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "2px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I ? "12px" : "24px"
-                      },
-                      children: [
-                        /* @__PURE__ */ w(
-                          "button",
-                          {
-                            style: {
-                              ...o.gmButton,
-                              padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px 10px" : "12px 24px",
-                              fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "16px",
-                              minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "80px" : "auto"
-                            },
-                            onClick: Tn,
-                            children: "🔁 Play again"
-                          }
-                        ),
-                        /* @__PURE__ */ w(
-                          "button",
-                          {
-                            style: {
-                              ...o.gmButton,
-                              padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px 10px" : "12px 24px",
-                              fontSize: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "12px" : "16px",
-                              minWidth: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "80px" : "auto"
-                            },
-                            onClick: ii,
-                            children: "⬅️ Choose theme"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ] }),
-                A && !$ && /* @__PURE__ */ p("div", { style: o.gmGameLayout, children: [
-                  /* @__PURE__ */ p(
-                    "div",
-                    {
-                      style: {
-                        minHeight: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "45px" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "50px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "60px" : "160px",
-                        display: "flex",
-                        flexDirection: "column",
-                        justifyContent: "center",
-                        alignItems: "center",
-                        paddingTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "15px" : "40px"
-                      },
-                      children: [
-                        v === "ready" && /* @__PURE__ */ p(Ln, { children: [
-                          /* @__PURE__ */ w("h1", { style: { ...o.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
-                          /* @__PURE__ */ w("div", { style: o.gmHourglass, children: "⏳" })
-                        ] }),
-                        v === "memorize" && /* @__PURE__ */ p("p", { style: { ...o.gmBodyM, color: "#10b981" }, children: [
-                          "MEMORIZE (",
-                          Q,
-                          ")"
-                        ] }),
-                        v === "guess" && !E && /* @__PURE__ */ p("p", { style: o.gmBodyM, children: [
-                          "⏳ Time left: ",
-                          nn,
-                          "s"
-                        ] })
-                      ]
-                    }
-                  ),
-                  v !== "ready" && /* @__PURE__ */ w(
-                    "div",
-                    {
-                      style: {
-                        ...o.gmGrid,
-                        ...z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? { width: "100%" } : {},
-                        // ✅ Широкие экраны: полная ширина грида
-                        gridTemplateColumns: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "repeat(3, 1fr)" : n ? "repeat(2, 1fr)" : window.innerHeight < 700 ? "repeat(3, 1fr)" : typeof window < "u" && window.innerWidth === 1280 && window.innerHeight === 720 ? "repeat(3, 130px)" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "repeat(3, 150px)" : "repeat(3, 210px)",
-                        // desktop: 3 колонки фиксированного размера
-                        gridAutoRows: n && window.innerWidth > window.innerHeight ? "120px" : n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "100px" : n ? "150px" : window.innerHeight < 700 ? "140px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "240px" : typeof window < "u" && window.innerWidth === 1280 && window.innerHeight === 720 ? "130px" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "150px" : "210px",
-                        // desktop: стандартная высота
-                        gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "12px" : n || window.innerHeight < 700 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "24px" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "12px" : "20px",
-                        justifyItems: "center",
-                        maxWidth: n && window.innerWidth > window.innerHeight ? "90%" : n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "95%" : "100%",
-                        padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "20px" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "10px" : "16px"
-                      },
-                      children: B.map((i, e) => {
-                        const t = P === e && v === "guess" && !E;
-                        return /* @__PURE__ */ w(
-                          "div",
-                          {
-                            style: {
-                              width: "100%",
-                              height: "100%",
-                              borderRadius: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px" : "12px",
-                              overflow: "hidden",
-                              boxShadow: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "0 1px 4px rgba(0,0,0,0.1)" : "0 4px 12px rgba(0,0,0,0.15)",
-                              transition: "all 0.3s ease",
-                              cursor: "pointer",
-                              ...kn === "correct" && P === e ? {
-                                boxShadow: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "0 0 15px #10b981" : "0 0 20px #10b981",
-                                transform: "scale(1.03)"
-                              } : {},
-                              ...kn === "wrong" && P === e ? {
-                                boxShadow: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "0 0 15px #ef4444" : "0 0 20px #ef4444",
-                                transform: "scale(1.03)"
-                              } : {}
+                  B && !V && /* @__PURE__ */ l("div", { style: e.gmGameLayout, children: [
+                    /* @__PURE__ */ l(
+                      "div",
+                      {
+                        style: {
+                          minHeight: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "45px" : M || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "50px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "60px" : "160px",
+                          display: "flex",
+                          flexDirection: "column",
+                          justifyContent: "center",
+                          alignItems: "center",
+                          paddingTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || M || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "15px" : "40px"
+                        },
+                        children: [
+                          T === "ready" && /* @__PURE__ */ l(Mn, { children: [
+                            /* @__PURE__ */ t("h1", { style: { ...e.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
+                            /* @__PURE__ */ t("div", { style: e.gmHourglass, children: "⏳" })
+                          ] }),
+                          T === "memorize" && /* @__PURE__ */ l("p", { style: { ...e.gmBodyM, color: "#10b981" }, children: [
+                            "MEMORIZE (",
+                            tn,
+                            ")"
+                          ] }),
+                          T === "guess" && !A && /* @__PURE__ */ l("p", { style: e.gmBodyM, children: [
+                            "⏳ Time left: ",
+                            wn,
+                            "s"
+                          ] })
+                        ]
+                      }
+                    ),
+                    T !== "ready" && /* @__PURE__ */ t(
+                      "div",
+                      {
+                        style: {
+                          ...e.gmGrid,
+                          ...M || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? { width: "100%" } : {},
+                          // ✅ Широкие экраны: полная ширина грида
+                          gridTemplateColumns: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "repeat(3, 1fr)" : n ? "repeat(2, 1fr)" : window.innerHeight < 700 ? "repeat(3, 1fr)" : typeof window < "u" && window.innerWidth === 1280 && window.innerHeight === 720 ? "repeat(3, 130px)" : M || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "repeat(3, 150px)" : "repeat(3, 210px)",
+                          // desktop: 3 колонки фиксированного размера
+                          gridAutoRows: n && window.innerWidth > window.innerHeight ? "120px" : n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "100px" : n ? "150px" : window.innerHeight < 700 ? "140px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "240px" : typeof window < "u" && window.innerWidth === 1280 && window.innerHeight === 720 ? "130px" : M || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "150px" : "210px",
+                          // desktop: стандартная высота
+                          gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "12px" : n || window.innerHeight < 700 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "24px" : M || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "12px" : "20px",
+                          justifyItems: "center",
+                          maxWidth: n && window.innerWidth > window.innerHeight ? "90%" : n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "95%" : "100%",
+                          padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "20px" : M || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "10px" : "16px"
+                        },
+                        children: k.map((i, o) => {
+                          const d = z === o && T === "guess" && !A;
+                          return /* @__PURE__ */ t(
+                            "div",
+                            {
+                              style: {
+                                width: "100%",
+                                height: "100%",
+                                borderRadius: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px" : "12px",
+                                overflow: "hidden",
+                                backgroundColor: "#ffffff",
+                                boxShadow: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "0 1px 4px rgba(0,0,0,0.1)" : "0 4px 12px rgba(0,0,0,0.15)",
+                                transition: "all 0.3s ease",
+                                cursor: "pointer",
+                                ...kn === "correct" && z === o ? {
+                                  boxShadow: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "0 0 15px #10b981" : "0 0 20px #10b981",
+                                  transform: "scale(1.03)"
+                                } : {},
+                                ...kn === "wrong" && z === o ? {
+                                  boxShadow: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "0 0 15px #ef4444" : "0 0 20px #ef4444",
+                                  transform: "scale(1.03)"
+                                } : {}
+                              },
+                              children: !d && (() => {
+                                const h = K.current.get(i.src), b = h?.complete && h.src ? h.src : i.src;
+                                return /* @__PURE__ */ t(
+                                  "img",
+                                  {
+                                    src: b,
+                                    alt: i.name,
+                                    fetchPriority: "high",
+                                    loading: "eager",
+                                    decoding: "async",
+                                    style: {
+                                      width: "100%",
+                                      height: "100%",
+                                      objectFit: "contain",
+                                      objectPosition: "center"
+                                    }
+                                  },
+                                  `${i.src}-${h?.complete ? "loaded" : "pending"}`
+                                );
+                              })()
                             },
-                            children: !t && (() => {
-                              const r = Z.current.get(i.src), y = r?.complete && r.src ? r.src : i.src;
-                              return /* @__PURE__ */ w(
-                                "img",
-                                {
-                                  src: y,
-                                  alt: i.name,
-                                  fetchPriority: "high",
-                                  loading: "eager",
-                                  decoding: "async",
-                                  style: {
-                                    width: "100%",
-                                    height: "100%",
-                                    objectFit: "cover"
+                            o
+                          );
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ l(
+                      "div",
+                      {
+                        style: {
+                          marginTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "1px" : M || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "4px" : "16px",
+                          height: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "40px" : M || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
+                        },
+                        children: [
+                          T === "guess" && !A && /* @__PURE__ */ t(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                flexDirection: "row",
+                                flexWrap: "nowrap",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                minWidth: 0,
+                                gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "3px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
+                                width: "100%",
+                                maxWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "270px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
+                              },
+                              children: /* @__PURE__ */ l(Mn, { children: [
+                                /* @__PURE__ */ t(
+                                  "input",
+                                  {
+                                    type: "text",
+                                    placeholder: "Type the missing word",
+                                    value: N,
+                                    onChange: (i) => yn(i.target.value),
+                                    style: {
+                                      ...e.gmInput,
+                                      flex: "1 1 0",
+                                      minWidth: 0,
+                                      width: "auto",
+                                      maxWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "170px" : (window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700, "250px"),
+                                      padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "5px 6px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
+                                      boxSizing: "border-box",
+                                      fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 ? "10px" : window.innerWidth === 896 && window.innerHeight === 414 ? "11px" : window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
+                                    }
                                   }
-                                },
-                                `${i.src}-${r?.complete ? "loaded" : "pending"}`
-                              );
-                            })()
-                          },
-                          e
-                        );
-                      })
-                    }
-                  ),
-                  /* @__PURE__ */ p(
-                    "div",
-                    {
-                      style: {
-                        marginTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "1px" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "4px" : "16px",
-                        height: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "40px" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
-                      },
-                      children: [
-                        v === "guess" && !E && /* @__PURE__ */ w(
-                          "div",
-                          {
-                            style: {
-                              display: "flex",
-                              flexDirection: rn ? "row" : "column",
-                              gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "3px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
-                              alignItems: "center",
-                              justifyContent: "center",
-                              width: "100%",
-                              maxWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "270px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
-                            },
-                            children: /* @__PURE__ */ p(Ln, { children: [
-                              /* @__PURE__ */ w(
-                                "input",
-                                {
-                                  type: "text",
-                                  placeholder: "Type the missing word",
-                                  value: N,
-                                  onChange: (i) => yn(i.target.value),
-                                  style: {
-                                    ...o.gmInput,
-                                    width: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "170px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "250px" : "auto",
-                                    padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "5px 6px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
-                                    fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 ? "10px" : window.innerWidth === 896 && window.innerHeight === 414 ? "11px" : window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
-                                    flex: rn ? "1" : "none"
+                                ),
+                                /* @__PURE__ */ t(
+                                  "button",
+                                  {
+                                    style: {
+                                      ...e.gmButton,
+                                      marginLeft: 0,
+                                      padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
+                                      fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
+                                      minWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "45px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "55px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
+                                      flexShrink: 0
+                                    },
+                                    onClick: Jn,
+                                    disabled: sn,
+                                    children: sn ? "..." : "Check"
                                   }
-                                }
-                              ),
-                              /* @__PURE__ */ w(
-                                "button",
-                                {
-                                  style: {
-                                    ...o.gmButton,
-                                    marginLeft: rn ? "8px" : "0",
-                                    padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
-                                    fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
-                                    minWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "45px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "55px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
-                                    flexShrink: 0
-                                  },
-                                  onClick: Xn,
-                                  disabled: wn,
-                                  children: wn ? "..." : "Check"
-                                }
-                              )
-                            ] })
-                          }
-                        ),
-                        E && /* @__PURE__ */ w(
-                          "button",
-                          {
-                            style: {
-                              ...o.gmButton,
-                              padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
-                              fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
-                            },
-                            onClick: ni,
-                            children: "Next round"
-                          }
-                        )
-                      ]
-                    }
-                  )
+                                )
+                              ] })
+                            }
+                          ),
+                          A && /* @__PURE__ */ t(
+                            "button",
+                            {
+                              style: {
+                                ...e.gmButton,
+                                padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
+                                fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || c || x || H || W || m || u || f || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
+                              },
+                              onClick: Qn,
+                              children: "Next round"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] })
                 ] })
-              ] })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const X = 1280, nn = 720;
+function Si(w, a) {
+  const g = Math.min(w, a);
+  return w <= 768 ? Math.max(280, w - 20) : Math.max(400, Math.min(1200, g - 40));
+}
+function Pi({
+  gameCubeSize: w,
+  screenHeight: a,
+  screenWidth: g,
+  seed: s
+}) {
+  const [p, S] = r(() => ({
+    width: typeof window < "u" ? window.innerWidth : X,
+    height: typeof window < "u" ? window.innerHeight : nn
+  }));
+  _(() => {
+    const k = () => {
+      S({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    k(), window.addEventListener("resize", k), window.addEventListener("orientationchange", k);
+    const D = new ResizeObserver(k);
+    return D.observe(document.documentElement), () => {
+      window.removeEventListener("resize", k), window.removeEventListener("orientationchange", k), D.disconnect();
+    };
+  }, []);
+  const U = Rn(() => Math.min(p.width / X, p.height / nn), [p.width, p.height]);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      style: {
+        position: "relative",
+        width: "100%",
+        height: "100%",
+        overflow: "hidden"
+      },
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            left: "50%",
+            top: "50%",
+            width: `${X}px`,
+            height: `${nn}px`,
+            transform: `translate(-50%, -50%) scale(${U})`,
+            transformOrigin: "center center"
+          },
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              style: {
+                width: `${X}px`,
+                height: `${nn}px`,
+                position: "relative",
+                overflow: "hidden"
+              },
+              children: /* @__PURE__ */ t(
+                vi,
+                {
+                  gameCubeSize: w ?? Si(p.width, p.height),
+                  screenWidth: g ?? p.width,
+                  screenHeight: a ?? p.height,
+                  seed: s
+                }
+              )
             }
           )
         }
@@ -984,6 +1061,8 @@ function Ti({
   );
 }
 export {
-  Ti as Game,
-  K as themes
+  Pi as AdaptiveGameShell,
+  Pi as Game,
+  vi as RawGame,
+  Q as themes
 };