@mblinkov/whats-missing 20.0.54 → 20.0.55

package/dist/whats-missing.es.js

@@ -1,92 +1,18 @@
-import { jsx as d, jsxs as p, Fragment as Rn } from "react/jsx-runtime";
-import { useRef as G, useEffect as q, useState as h, useMemo as di } from "react";
-const oi = window.origin + "/cloud/speakid/games/whatsmissing/", gn = (o, g) => o.map(([a, s, ...b]) => ({
-  src: `${oi}${g}/${s.replace(/\s/g, "%20")}.png`,
-  name: s,
-  aliases: b?.length ? b : void 0
-})), ri = [
-  ["apple", "apple"],
-  ["banana", "banana"],
-  ["bread", "bread"],
-  ["burger", "burger"],
-  ["cake", "cake"],
-  ["carrot", "carrot"],
-  ["cheese", "cheese"],
-  ["chicken", "chicken"],
-  ["chocolate", "chocolate"],
-  ["corn", "corn"],
-  ["donut", "donut"],
-  ["fish", "fish"],
-  ["fries", "fries"],
-  ["grapes", "grapes"],
-  ["ice_cream", "ice cream"],
-  ["milk", "milk"],
-  ["orange", "orange"],
-  ["pear", "pear"],
-  ["pizza", "pizza"],
-  ["rice", "rice"],
-  ["sandwich", "sandwich"],
-  ["soup", "soup"],
-  ["strawberry", "strawberry"],
-  ["tomato", "tomato"],
-  ["watermelon", "watermelon"]
-], hi = [
-  ["bear", "bear"],
-  ["cat", "cat"],
-  ["crocodile", "crocodile", "alligator"],
-  ["dolphin", "dolphin"],
-  ["elephant", "elephant"],
-  ["fox", "fox"],
-  ["giraffe", "giraffe"],
-  ["horse", "horse"],
-  ["kangaroo", "kangaroo"],
-  ["lion", "lion"],
-  ["monkey", "monkey"],
-  ["owl", "owl"],
-  ["panda", "panda"],
-  ["penguin", "penguin"],
-  ["squirrel", "squirrel"],
-  ["tiger", "tiger"],
-  ["tortoise", "tortoise", "turtle"],
-  ["wolf", "wolf"],
-  ["zebra", "zebra"]
-], si = [
-  ["ball", "ball"],
-  ["balloon", "balloon"],
-  ["blocks", "blocks"],
-  ["car", "car"],
-  ["doll", "doll"],
-  ["drum", "drum"],
-  ["guitar", "guitar"],
-  ["jump_rope", "jump rope"],
-  ["kite", "kite"],
-  ["paints", "paints"],
-  ["plane", "plane"],
-  ["puzzle", "puzzle"],
-  ["rocket", "rocket"],
-  ["scooter", "scooter"],
-  ["skateboard", "skateboard"],
-  ["slide", "slide"],
-  ["teddy_bear", "teddy bear"],
-  ["yo-yo", "yo-yo"],
-  ["crayons", "crayons"]
-], K = {
-  food: gn(ri, "food"),
-  animals: gn(hi, "animals"),
-  toys: gn(si, "toys")
-}, gi = `
+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 = `
   @keyframes spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
   }
 `;
 if (typeof document < "u" && !document.getElementById("spin-keyframes")) {
-  const o = document.createElement("style");
-  o.id = "spin-keyframes", o.innerHTML = gi, document.head.appendChild(o);
+  const d = document.createElement("style");
+  d.id = "spin-keyframes", d.innerHTML = hi, document.head.appendChild(d);
 }
-const ai = {
+const si = {
   animation: "spin 1.4s linear infinite"
-}, w = {
+}, o = {
   gmCenterScreen: {
     position: "relative",
     zIndex: 1,
@@ -219,11 +145,188 @@ const ai = {
   },
   gmHourglass: {
     fontSize: "42px",
-    ...ai
+    ...si
   }
-}, pi = () => {
-  const o = document.createElement("style");
-  o.id = "whats-missing-reset", o.textContent = `
+}, ai = window.origin + "/cloud/speakid/games/whatsmissing/", L = (d, a) => d.map(([g, s, ...b]) => ({
+  src: `${ai}${a}/${s.replace(/\s/g, "%20")}.png`,
+  name: s,
+  aliases: b?.length ? b : void 0
+})), gi = [
+  ["apple", "apple"],
+  ["banana", "banana"],
+  ["bread", "bread"],
+  ["burger", "burger"],
+  ["cake", "cake"],
+  ["carrot", "carrot"],
+  ["cheese", "cheese"],
+  ["chicken", "chicken"],
+  ["chocolate", "chocolate"],
+  ["corn", "corn"],
+  ["donut", "donut"],
+  ["fish", "fish"],
+  ["fries", "fries"],
+  ["grapes", "grapes"],
+  ["ice_cream", "ice cream"],
+  ["milk", "milk"],
+  ["orange", "orange"],
+  ["pear", "pear"],
+  ["pizza", "pizza"],
+  ["rice", "rice"],
+  ["sandwich", "sandwich"],
+  ["soup", "soup"],
+  ["strawberry", "strawberry"],
+  ["tomato", "tomato"],
+  ["watermelon", "watermelon"]
+], pi = [
+  ["bear", "bear"],
+  ["cat", "cat"],
+  ["crocodile", "crocodile", "alligator"],
+  ["dolphin", "dolphin"],
+  ["elephant", "elephant"],
+  ["fox", "fox"],
+  ["giraffe", "giraffe"],
+  ["horse", "horse"],
+  ["kangaroo", "kangaroo"],
+  ["lion", "lion"],
+  ["monkey", "monkey"],
+  ["owl", "owl"],
+  ["panda", "panda"],
+  ["penguin", "penguin"],
+  ["squirrel", "squirrel"],
+  ["tiger", "tiger"],
+  ["tortoise", "tortoise", "turtle"],
+  ["wolf", "wolf"],
+  ["zebra", "zebra"]
+], li = [
+  ["ball", "ball"],
+  ["balloon", "balloon"],
+  ["blocks", "blocks"],
+  ["car", "car"],
+  ["doll", "doll"],
+  ["drum", "drum"],
+  ["guitar", "guitar"],
+  ["jump_rope", "jump rope"],
+  ["kite", "kite"],
+  ["paints", "paints"],
+  ["plane", "plane"],
+  ["puzzle", "puzzle"],
+  ["rocket", "rocket"],
+  ["scooter", "scooter"],
+  ["skateboard", "skateboard"],
+  ["slide", "slide"],
+  ["teddy_bear", "teddy bear"],
+  ["yo-yo", "yo-yo"],
+  ["crayons", "crayons"]
+], ci = [
+  ["t-shirt", "T-shirt"],
+  ["dress", "dress"],
+  ["hat", "hat"],
+  ["shoes", "shoes"],
+  ["socks", "socks"],
+  ["coat", "coat"],
+  ["skirt", "skirt"],
+  ["trousers", "trousers"],
+  ["jacket", "jacket"],
+  ["scarf", "scarf"],
+  ["gloves", "gloves"],
+  ["shorts", "shorts"],
+  ["cap", "cap"],
+  ["boots", "boots"],
+  ["pyjamas", "pyjamas"]
+], xi = [
+  ["car", "car"],
+  ["bus", "bus"],
+  ["bike", "bike"],
+  ["train", "train"],
+  ["plane", "plane"],
+  ["boat", "boat"],
+  ["ship", "ship"],
+  ["helicopter", "helicopter"],
+  ["lorry", "lorry", "truck"],
+  ["taxi", "taxi"],
+  ["rocket", "rocket"],
+  ["van", "van"],
+  ["motorbike", "motorbike"],
+  ["tram", "tram"],
+  ["submarine", "submarine"]
+], Hi = [
+  ["sun", "sun"],
+  ["cloud", "cloud"],
+  ["rain", "rain"],
+  ["tree", "tree"],
+  ["flower", "flower"],
+  ["grass", "grass"],
+  ["star", "star"],
+  ["moon", "moon"],
+  ["mountain", "mountain"],
+  ["river", "river"],
+  ["rainbow", "rainbow"],
+  ["snowman", "snowman"],
+  ["snow", "snow"],
+  ["butterfly", "butterfly"],
+  ["bird", "bird"]
+], Wi = [
+  ["bed", "bed"],
+  ["table", "table"],
+  ["chair", "chair"],
+  ["door", "door"],
+  ["window", "window"],
+  ["lamp", "lamp"],
+  ["sofa", "sofa"],
+  ["clock", "clock"],
+  ["key", "key"],
+  ["phone", "phone"],
+  ["tv", "TV"],
+  ["cup", "cup"],
+  ["plate", "plate"],
+  ["mirror", "mirror"],
+  ["book", "book"]
+], mi = [
+  ["book", "book"],
+  ["pen", "pen"],
+  ["pencil", "pencil"],
+  ["bag", "bag"],
+  ["ruler", "ruler"],
+  ["rubber", "rubber", "eraser"],
+  ["desk", "desk"],
+  ["board", "board"],
+  ["crayon", "crayon"],
+  ["glue", "glue"],
+  ["scissors", "scissors"],
+  ["notebook", "notebook"],
+  ["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 = [
+  "animals",
+  "food",
+  "toys",
+  "clothes",
+  "transport",
+  "nature",
+  "home",
+  "school"
+], fi = {
+  animals: "🐶 Animals",
+  food: "🍎 Food",
+  toys: "🧸 Toys",
+  clothes: "👕 Clothes",
+  transport: "🚗 Transport",
+  nature: "🌳 Nature",
+  home: "🏠 Home",
+  school: "📚 School"
+}, yi = () => {
+  const d = document.createElement("style");
+  d.id = "whats-missing-reset", d.textContent = `
     #whats-missing-root, #whats-missing-root * {
       box-sizing: border-box;
       font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
@@ -250,12 +353,12 @@ const ai = {
       overflow: hidden !important;
     }
   `;
-  const g = document.getElementById("whats-missing-reset");
-  g && g.remove(), document.head.appendChild(o);
+  const a = document.getElementById("whats-missing-reset");
+  a && a.remove(), document.head.appendChild(d);
 };
-class li {
-  constructor(g) {
-    this.seed = g;
+class bi {
+  constructor(a) {
+    this.seed = a;
   }
   // Linear Congruential Generator (LCG)
   // Используем параметры из Numerical Recipes
@@ -263,169 +366,181 @@ class li {
     return this.seed = (this.seed * 1664525 + 1013904223) % Math.pow(2, 32), this.seed / Math.pow(2, 32);
   }
   // Генерирует случайное число от 0 до max (не включая max)
-  nextInt(g) {
-    return Math.floor(this.next() * g);
+  nextInt(a) {
+    return Math.floor(this.next() * a);
   }
 }
-const ci = (o, g) => {
-  const a = Array.from({ length: o.length + 1 }, () => Array(g.length + 1).fill(0));
-  for (let s = 0; s <= o.length; s++) a[s][0] = s;
-  for (let s = 0; s <= g.length; s++) a[0][s] = s;
-  for (let s = 1; s <= o.length; s++)
-    for (let b = 1; b <= g.length; b++)
-      a[s][b] = o[s - 1] === g[b - 1] ? a[s - 1][b - 1] : Math.min(a[s - 1][b - 1], a[s][b - 1], a[s - 1][b]) + 1;
-  return a[o.length][g.length];
-}, xi = (o) => new Promise((g) => {
-  const a = new Image();
-  a.onload = () => g(a), a.onerror = () => g(a), a.src = o;
-}), an = async (o, g) => {
-  const a = /* @__PURE__ */ new Map(), s = o.map(async (b) => {
-    const v = await xi(b);
-    a.set(b, v);
+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;
+  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) => {
+  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);
   });
-  return await Promise.allSettled(s), a;
+  return await Promise.allSettled(s), g;
 };
-function mi({
-  gameCubeSize: o,
-  screenHeight: g,
-  screenWidth: a,
+function Ti({
+  gameCubeSize: d,
+  screenHeight: a,
+  screenWidth: g,
   seed: s
 }) {
-  const b = G(null);
-  q(() => (pi(), () => {
+  const b = U(null);
+  q(() => (yi(), () => {
     document.documentElement.style.overflow = "", document.body.style.overflow = "";
     const i = document.getElementById("whats-missing-reset");
-    i && i.remove(), k.current && k.current.abort();
+    i && i.remove(), T.current && T.current.abort();
   }), []);
-  const [v, pn] = h(null), [L, ln] = h([]), [F, Mn] = h(4), [j, cn] = h(!1), [U, xn] = h(1), [z, Ln] = h(null), [P, Y] = h("ready"), [Hn, Wn] = h(10), [O, J] = h(10), [Q, mn] = h(20), [Bn, X] = h(0), [$, nn] = h(!1), [N, un] = h(""), [C, en] = h(!1), [tn, fn] = h(!1), [yn, E] = h(null), [Cn, wn] = h([]), [An, bn] = h([]), [n, jn] = h(!1), [En, V] = h(1), [In, Z] = h(null), [S, Dn] = h(!1), [l, Gn] = h(!1), [c, Fn] = h(!1), [x, Un] = h(!1), [H, Yn] = h(!1), [W, $n] = h(!1), [m, Nn] = h(!1), [u, Vn] = h(!1), [f, Zn] = h(!1), [dn, _n] = h(!1), [T, qn] = h(!1), on = G(/* @__PURE__ */ new Set()), _ = G(/* @__PURE__ */ new Map()), k = G(null), A = G(null);
+  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 ? A.current = new li(s) : A.current = null;
+    s !== void 0 ? j.current = new bi(s) : j.current = null;
   }, [s]);
-  const Kn = () => A.current ? A.current.next() : Math.random(), Sn = (i) => A.current ? A.current.nextInt(i) : Math.floor(Math.random() * i);
+  const Jn = () => j.current ? j.current.next() : Math.random(), vn = (i) => j.current ? j.current.nextInt(i) : Math.floor(Math.random() * i);
   q(() => {
     const i = () => {
-      const e = a ?? window.innerWidth, t = g ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, y = t < 700, R = e / t > 1.8, I = e === 768 && t === 1024, hn = e === 1024 && t === 768, D = e === 820 && t === 1180, M = e === 1180 && t === 820, B = e === 540 && t === 720, kn = e === 720 && t === 540, zn = e === 1024 && t === 1366, Tn = e === 1366 && t === 1024, ii = e >= 1200 && t >= 600 && !r;
-      Dn(ii), Gn(I), Fn(hn), Un(D), Yn(M), $n(B), Nn(kn), Vn(zn), Zn(Tn), qn(R);
-      const ei = r && e > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
+      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 || I || hn || D || M || B || kn || zn || Tn || S;
-      if (_n(ei), jn(r), r)
-        Z(o && o >= 320 ? o : null), V(1);
+      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)
-        Z(o && o >= 400 ? o : null), V(1);
+        O(d && d >= 400 ? d : null), V(1);
       else if (R) {
-        const sn = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
-        Z(sn), V(0.85);
+        const gn = d ? Math.max(400, Math.min(1200, d)) : Math.min(1e3, Math.min(e, t) * 0.9);
+        O(gn), V(0.85);
       } else {
-        const sn = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
-        Z(sn), V(1);
+        const gn = d ? Math.max(400, Math.min(1200, d)) : Math.min(1e3, Math.min(e, t) * 0.9);
+        O(gn), V(1);
       }
     };
     return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, [a, g, o]);
-  const rn = (i) => [...i].sort(() => Kn() - 0.5).slice(0, 6), On = (i) => {
-    k.current && k.current.abort(), k.current = new AbortController();
+  }, [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);
-    an(t, k.current.signal).then((r) => {
+    pn(t, T.current.signal).then((r) => {
       t.forEach((y) => {
-        on.current.add(y), r.has(y) && _.current.set(y, r.get(y));
+        hn.current.add(y), r.has(y) && Z.current.set(y, r.get(y));
       });
     }).catch(() => {
     });
-  }, vn = () => {
-    if (!v) return;
-    const i = rn(K[v]);
-    ln(i), cn(!0), nn(!1), xn(1), X(0), wn([]), bn([]);
+  }, 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);
-    an(e, k.current?.signal).then((t) => {
+    pn(e, T.current?.signal).then((t) => {
       e.forEach((r) => {
-        on.current.add(r), t.has(r) && _.current.set(r, t.get(r));
+        hn.current.add(r), t.has(r) && Z.current.set(r, t.get(r));
       });
     }).catch(() => {
     }), Pn(i, [], !0);
-  }, Pn = (i = L, e = An, t = !1) => {
-    const r = rn(i.length ? i : K[v]);
-    let y = Sn(r.length), R = r[y].name, I = 0;
-    for (; e.includes(R) && I < 20; )
-      y = Sn(r.length), R = r[y].name, I++;
-    if (ln(r), Ln(y), bn([...e, R]), en(!1), un(""), mn(20), E(null), v && !t) {
-      const D = rn(K[v].filter((M) => !e.includes(M.name))).map((M) => M.src);
-      an(D, k.current?.signal).then((M) => {
-        D.forEach((B) => {
-          on.current.add(B), M.has(B) && _.current.set(B, M.get(B));
+  }, 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));
         });
       }).catch(() => {
       });
     }
-    t ? (Y("ready"), Wn(10), J(10)) : (Y("memorize"), J(10));
+    t ? (_("ready"), un(10), X(10)) : (_("memorize"), X(10));
   };
   q(() => {
-    if (!(!j || $ || C)) {
-      if (P === "ready")
-        if (Hn <= 0) Y("memorize");
+    if (!(!A || $ || E)) {
+      if (v === "ready")
+        if (mn <= 0) _("memorize");
         else {
-          const i = setTimeout(() => Wn((e) => e - 1), 1e3);
+          const i = setTimeout(() => un((e) => e - 1), 1e3);
           return () => clearTimeout(i);
         }
-      if (P === "memorize")
-        if (O <= 0) Y("guess");
+      if (v === "memorize")
+        if (Q <= 0) _("guess");
         else {
-          const i = setTimeout(() => J((e) => e - 1), 1e3);
+          const i = setTimeout(() => X((e) => e - 1), 1e3);
           return () => clearTimeout(i);
         }
-      if (P === "guess") {
-        if (Q <= 0) {
-          en(!0), E("wrong");
-          const e = L[z].name, t = L[z].aliases, r = [e, ...t || []].join(", ");
-          wn((y) => [
+      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: U, answer: N, correct: r, result: "wrong" }
+            { round: Y, answer: N, correct: r, result: "wrong" }
           ]);
           return;
         }
-        const i = setTimeout(() => mn((e) => e - 1), 1e3);
+        const i = setTimeout(() => fn((e) => e - 1), 1e3);
         return () => clearTimeout(i);
       }
     }
-  }, [P, Hn, O, Q, j, $, C, L, z, U, N]);
-  const Jn = () => {
-    if (z === null || tn) return;
-    const i = L[z].name, e = L[z].aliases, t = N.toLowerCase().trim();
+  }, [
+    v,
+    mn,
+    Q,
+    nn,
+    A,
+    $,
+    E,
+    B,
+    P,
+    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((I) => I.toLowerCase()), R = [i, ...e || []].join(", ");
-    y.includes(t) ? (X((I) => I + 1), E("correct"), r = "correct") : y.some((I) => ci(t, I) === 1) ? (X((I) => I + 0.5), E("almost"), r = "almost") : (E("wrong"), r = "wrong"), wn((I) => [...I, { round: U, answer: t, correct: R, result: r }]), fn(!0), setTimeout(() => {
-      fn(!1), en(!0);
+    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 }
+    ]), bn(!0), setTimeout(() => {
+      bn(!1), on(!0);
     }, 600);
-  }, Qn = () => U < F ? (xn((i) => i + 1), Pn()) : nn(!0), Xn = () => {
-    k.current && k.current.abort(), cn(!1), nn(!1), pn(null);
-  }, ni = di(
-    () => {
-      const i = a ?? window.innerWidth, e = g ?? 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__ */ d("div", { style: { ...w.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ p("picture", { children: [
-          /* @__PURE__ */ d(
-            "source",
-            {
-              srcSet: window.origin + "/cloud/speakid/games/whatsmissing/logo.svg",
-              type: "image/svg+xml"
-            }
-          ),
-          /* @__PURE__ */ d(
-            "img",
-            {
-              src: window.origin + "/cloud/speakid/games/whatsmissing/logo.png",
-              alt: "SPEAKID Logo",
-              style: w.gmLogoImg,
-              loading: "lazy"
-            }
-          )
-        ] }) })
-      );
-    },
-    [n, a, g]
-  );
-  return /* @__PURE__ */ d(
+  }, 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(
     "div",
     {
       ref: b,
@@ -444,12 +559,12 @@ function mi({
         right: 0,
         bottom: 0
       },
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ w(
         "div",
         {
           style: {
-            width: n ? "100%" : In || o || 1e3,
-            height: n ? "100%" : In || o || 1e3,
+            width: n ? "100%" : Sn || d || 1e3,
+            height: n ? "100%" : Sn || d || 1e3,
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
@@ -460,10 +575,10 @@ function mi({
             margin: n ? "0 auto" : "unset",
             position: "relative",
             // needed so absolute logo is inside the square
-            transform: `scale(${En})`
+            transform: `scale(${Gn})`
             // ✅ Применяем масштаб для широких экранов
           },
-          children: /* @__PURE__ */ d(
+          children: /* @__PURE__ */ w(
             "div",
             {
               style: {
@@ -475,161 +590,275 @@ function mi({
                 alignItems: "center"
               },
               children: /* @__PURE__ */ p("div", { id: "whats-missing-root", children: [
-                !n && ni,
-                !v && !j && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
-                  /* @__PURE__ */ d("h1", { style: w.gmHeadline1, children: "WHAT'S MISSING?" }),
-                  /* @__PURE__ */ d("p", { style: w.gmBodyM, children: "Select a theme:" }),
-                  /* @__PURE__ */ d("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 ? "8px" : "16px" }, children: ["animals", "food", "toys"].map((i) => /* @__PURE__ */ d("button", { style: {
-                    ...w.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" : "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 ? "70px" : "auto"
-                  }, onClick: () => {
-                    pn(i), On(i);
-                  }, children: i === "animals" ? "🐶 Animals" : i === "food" ? "🍎 Food" : "🧸 Toys" }, i)) }),
+                !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__ */ d("p", { style: w.gmBodyS, children: "Choose number of rounds:" }),
-                    /* @__PURE__ */ d("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__ */ d(
-                      "button",
+                    /* @__PURE__ */ w("p", { style: o.gmBodyS, children: "Choose number of rounds:" }),
+                    /* @__PURE__ */ w(
+                      "div",
                       {
                         style: {
-                          ...w.gmButton,
-                          ...F === i ? w.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"
+                          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
                         },
-                        onClick: () => Mn(i),
-                        children: i
+                        children: [3, 4, 5].map((i) => /* @__PURE__ */ w(
+                          "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"
+                            },
+                            onClick: () => Bn(i),
+                            children: i
+                          },
+                          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"
                       },
-                      i
-                    )) })
-                  ] })
+                      onClick: () => J(2),
+                      children: "Play"
+                    }
+                  )
                 ] }),
-                v && !j && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
-                  /* @__PURE__ */ p("h1", { style: w.gmHeadline1, children: [
-                    "Theme selected: ",
-                    v
-                  ] }),
-                  /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
+                !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: ",
-                    F
+                    D
                   ] }),
-                  /* @__PURE__ */ d("button", { style: {
-                    ...w.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: vn, children: "▶ Start game" })
+                  /* @__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]
+                        },
+                        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"
+                    }
+                  )
                 ] }),
-                $ && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
-                  /* @__PURE__ */ d("h1", { style: {
-                    ...w.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" : w.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" : w.gmHeadline1.marginBottom
-                  }, children: "Results" }),
-                  /* @__PURE__ */ p("h2", { style: {
-                    ...w.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" : w.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" : w.gmHeadline3.marginBottom
-                  }, children: [
-                    "Your score: ",
-                    Bn,
-                    " / ",
-                    F
+                S && !A && /* @__PURE__ */ p("div", { style: o.gmCenterScreen, children: [
+                  /* @__PURE__ */ p("h1", { style: o.gmHeadline1, children: [
+                    "Theme selected: ",
+                    S
                   ] }),
-                  /* @__PURE__ */ d("p", { style: {
-                    ...w.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" : w.gmBodyM.marginBottom
-                  }, children: "Yahoo! You did it! 🍬✨" }),
-                  /* @__PURE__ */ p("table", { style: {
-                    ...w.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__ */ d("thead", { children: /* @__PURE__ */ p("tr", { children: [
-                      /* @__PURE__ */ d("th", { children: "Round" }),
-                      /* @__PURE__ */ d("th", { children: "Your Answer" }),
-                      /* @__PURE__ */ d("th", { children: "Correct" }),
-                      /* @__PURE__ */ d("th", { children: "Result" })
-                    ] }) }),
-                    /* @__PURE__ */ d("tbody", { children: Cn.map((i, e) => /* @__PURE__ */ p("tr", { children: [
-                      /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.round }),
-                      /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.answer || "—" }),
-                      /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.correct }),
-                      /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.result === "correct" ? "✔ Correct" : i.result === "almost" ? "◐ Almost (0.5)" : "✘ Wrong" })
-                    ] }, e)) })
+                  /* @__PURE__ */ p("p", { style: o.gmBodyM, children: [
+                    "Rounds: ",
+                    D
                   ] }),
-                  /* @__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 || S ? "12px" : "24px"
-                  }, children: [
-                    /* @__PURE__ */ d("button", { style: {
-                      ...w.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: vn, children: "🔁 Play again" }),
-                    /* @__PURE__ */ d("button", { style: {
-                      ...w.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"
+                    }
+                  )
                 ] }),
-                j && !$ && /* @__PURE__ */ p("div", { style: w.gmGameLayout, children: [
+                $ && /* @__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" : T || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "50px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "60px" : "160px",
+                        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 || T || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "15px" : "40px"
+                        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: [
-                        P === "ready" && /* @__PURE__ */ p(Rn, { children: [
-                          /* @__PURE__ */ d("h1", { style: { ...w.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
-                          /* @__PURE__ */ d("div", { style: w.gmHourglass, 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: "⏳" })
                         ] }),
-                        P === "memorize" && /* @__PURE__ */ p("p", { style: { ...w.gmBodyM, color: "#10b981" }, children: [
+                        v === "memorize" && /* @__PURE__ */ p("p", { style: { ...o.gmBodyM, color: "#10b981" }, children: [
                           "MEMORIZE (",
-                          O,
+                          Q,
                           ")"
                         ] }),
-                        P === "guess" && !C && /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
+                        v === "guess" && !E && /* @__PURE__ */ p("p", { style: o.gmBodyM, children: [
                           "⏳ Time left: ",
-                          Q,
+                          nn,
                           "s"
                         ] })
                       ]
                     }
                   ),
-                  P !== "ready" && /* @__PURE__ */ d(
+                  v !== "ready" && /* @__PURE__ */ w(
                     "div",
                     {
                       style: {
-                        ...w.gmGrid,
-                        ...T || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? { width: "100%" } : {},
+                        ...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)" : T || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "repeat(3, 150px)" : "repeat(3, 210px)",
+                        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" : T || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "150px" : "210px",
+                        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" : T || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "12px" : "20px",
+                        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" : T || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "10px" : "16px"
+                        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: L.map((i, e) => {
-                        const t = z === e && P === "guess" && !C;
-                        return /* @__PURE__ */ d(
+                      children: B.map((i, e) => {
+                        const t = P === e && v === "guess" && !E;
+                        return /* @__PURE__ */ w(
                           "div",
                           {
                             style: {
@@ -640,18 +869,18 @@ function mi({
                               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",
-                              ...yn === "correct" && z === e ? {
+                              ...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)"
                               } : {},
-                              ...yn === "wrong" && z === e ? {
+                              ...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)"
                               } : {}
                             },
                             children: !t && (() => {
-                              const r = _.current.get(i.src), y = r?.complete && r.src ? r.src : i.src;
-                              return /* @__PURE__ */ d(
+                              const r = Z.current.get(i.src), y = r?.complete && r.src ? r.src : i.src;
+                              return /* @__PURE__ */ w(
                                 "img",
                                 {
                                   src: y,
@@ -674,58 +903,77 @@ function mi({
                       })
                     }
                   ),
-                  /* @__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" : T || 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" : T || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
-                  }, children: [
-                    P === "guess" && !C && /* @__PURE__ */ d("div", { style: {
-                      display: "flex",
-                      flexDirection: dn ? "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 || S || 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 || S || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
-                    }, children: /* @__PURE__ */ p(Rn, { children: [
-                      /* @__PURE__ */ d(
-                        "input",
-                        {
-                          type: "text",
-                          placeholder: "Type the missing word",
-                          value: N,
-                          onChange: (i) => un(i.target.value),
-                          style: {
-                            ...w.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 || S || 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 || S || 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 || S || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
-                            flex: dn ? "1" : "none"
+                  /* @__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__ */ 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"
+                                }
+                              )
+                            ] })
                           }
-                        }
-                      ),
-                      /* @__PURE__ */ d(
-                        "button",
-                        {
-                          style: {
-                            ...w.gmButton,
-                            marginLeft: dn ? "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 || S || 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 || S || 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 || S || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
-                            flexShrink: 0
-                          },
-                          onClick: Jn,
-                          disabled: tn,
-                          children: tn ? "..." : "Check"
-                        }
-                      )
-                    ] }) }),
-                    C && /* @__PURE__ */ d("button", { style: {
-                      ...w.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 || S || 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 || S || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
-                    }, onClick: Qn, children: "Next round" })
-                  ] })
+                        ),
+                        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"
+                          }
+                        )
+                      ]
+                    }
+                  )
                 ] })
               ] })
             }
@@ -736,6 +984,6 @@ function mi({
   );
 }
 export {
-  mi as Game,
+  Ti as Game,
   K as themes
 };