@mblinkov/whats-missing 0.0.9 → 20.0.1

package/dist/whats-missing.es.js

@@ -1,304 +1,793 @@
-import { jsxs as a, Fragment as rs, jsx as e } from "react/jsx-runtime";
-import { useState as n, useEffect as X } from "react";
-const ns = "_gmCenterScreen_skj5s_19", as = "_gmGameLayout_skj5s_19", cs = "_gmHeadline1_skj5s_34", gs = "_gmHeadline2_skj5s_35", is = "_gmHeadline3_skj5s_36", ls = "_gmBodyL_skj5s_38", ms = "_gmBodyM_skj5s_39", ds = "_gmBodyS_skj5s_40", hs = "_gmButton_skj5s_43", ps = "_gmActive_skj5s_58", js = "_gmLogoFixed_skj5s_64", us = "_gmProgressContainer_skj5s_76", As = "_gmProgressBar_skj5s_84", ks = "_gmGrid_skj5s_91", ws = "_gmCard_skj5s_102", ys = "_gmHop_skj5s_121", Cs = "_gmCorrect_skj5s_123", fs = "_gmWrong_skj5s_128", Es = "_gmFade_skj5s_139", Ts = "_gmFadeIn_skj5s_1", Bs = "_gmPulse_skj5s_145", Fs = "_gmTable_skj5s_148", Rs = "_gmAlmost_skj5s_159", Ss = "_gmInput_skj5s_163", t = {
-  gmCenterScreen: ns,
-  gmGameLayout: as,
-  gmHeadline1: cs,
-  gmHeadline2: gs,
-  gmHeadline3: is,
-  gmBodyL: ls,
-  gmBodyM: ms,
-  gmBodyS: ds,
-  gmButton: hs,
-  gmActive: ps,
-  gmLogoFixed: js,
-  gmProgressContainer: us,
-  gmProgressBar: As,
-  gmGrid: ks,
-  gmCard: ws,
-  gmHop: ys,
-  gmCorrect: Cs,
-  gmWrong: fs,
-  gmFade: Es,
-  gmFadeIn: Ts,
-  gmPulse: Bs,
-  gmTable: Fs,
-  gmAlmost: Rs,
-  gmInput: Ss
-}, Ls = "data:image/png;base64,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", V = {
-  animals: [
-    "src/assets/Animals/bear.jpg",
-    "src/assets/Animals/cat.png",
-    "src/assets/Animals/crocodile.jpg",
-    "src/assets/Animals/dolphin.jpg",
-    "src/assets/Animals/elephant.jpg",
-    "src/assets/Animals/fox.jpg",
-    "src/assets/Animals/giraffe.jpg",
-    "src/assets/Animals/horse.jpg",
-    "src/assets/Animals/kangaroo.jpg",
-    "src/assets/Animals/lion.jpg",
-    "src/assets/Animals/monkey.jpg",
-    "src/assets/Animals/owl.jpg",
-    "src/assets/Animals/panda.jpg",
-    "src/assets/Animals/penguin.jpg",
-    "src/assets/Animals/rabbit.jpg",
-    "src/assets/Animals/squirrel.jpg",
-    "src/assets/Animals/tiger.png",
-    "src/assets/Animals/tortoise.jpg",
-    "src/assets/Animals/wolf.png",
-    "src/assets/Animals/zebra.jpg"
-  ],
-  food: [
-    "src/assets/Food/apple.jpg",
-    "src/assets/Food/banana.jpg",
-    "src/assets/Food/bread.jpg",
-    "src/assets/Food/carrot.jpg",
-    "src/assets/Food/cake.jpg",
-    "src/assets/Food/pizza.jpg",
-    "src/assets/Food/rice.jpg",
-    "src/assets/Food/burger.jpg",
-    "src/assets/Food/cheese.jpg",
-    "src/assets/Food/chocolate.jpg",
-    "src/assets/Food/strawberry.jpg",
-    "src/assets/Food/orange.jpg",
-    "src/assets/Food/pear.jpg",
-    "src/assets/Food/watermelon.jpg",
-    "src/assets/Food/ice cream.jpg",
-    "src/assets/Food/soup.jpg",
-    "src/assets/Food/chicken.jpg",
-    "src/assets/Food/fish.jpg",
-    "src/assets/Food/fries.jpg",
-    "src/assets/Food/tomato.jpg",
-    "src/assets/Food/milk.jpg",
-    "src/assets/Food/grapes.jpg",
-    "src/assets/Food/corn.jpg",
-    "src/assets/Food/donut.jpg",
-    "src/assets/Food/sandwich.jpg"
-  ],
-  toys: [
-    "src/assets/Toys/ball.jpg",
-    "src/assets/Toys/balloon.jpg",
-    "src/assets/Toys/blocks.jpg",
-    "src/assets/Toys/car.jpg",
-    "src/assets/Toys/doll.jpg",
-    "src/assets/Toys/drum.jpg",
-    "src/assets/Toys/guitar.jpg",
-    "src/assets/Toys/jump rope.jpg",
-    "src/assets/Toys/kite.jpg",
-    "src/assets/Toys/paints.jpg",
-    "src/assets/Toys/plane.jpg",
-    "src/assets/Toys/puzzle.jpg",
-    "src/assets/Toys/scooter.jpg",
-    "src/assets/Toys/rocket.jpg",
-    "src/assets/Toys/skateboard.jpg",
-    "src/assets/Toys/slide.jpg",
-    "src/assets/Toys/teddy bear.jpg",
-    "src/assets/Toys/train.jpg",
-    "src/assets/Toys/crayons.jpg",
-    "src/assets/Toys/yo-yo.jpg"
-  ]
-}, W = (c) => (c.split("/").pop() || "").replace(/\.(jpg|png|jpeg|webp)$/i, "").toLowerCase(), Us = (c, l) => {
-  const g = Array.from(
-    { length: c.length + 1 },
-    () => Array(l.length + 1).fill(0)
-  );
-  for (let r = 0; r <= c.length; r++) g[r][0] = r;
-  for (let r = 0; r <= l.length; r++) g[0][r] = r;
-  for (let r = 1; r <= c.length; r++)
-    for (let i = 1; i <= l.length; i++)
-      g[r][i] = c[r - 1] === l[i - 1] ? g[r - 1][i - 1] : Math.min(g[r - 1][i - 1], g[r][i - 1], g[r - 1][i]) + 1;
-  return g[c.length][l.length];
+import de, { useEffect as ne, useState as f } from "react";
+var ee = { exports: {} }, D = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ae;
+function ue() {
+  if (ae) return D;
+  ae = 1;
+  var a = Symbol.for("react.transitional.element"), p = Symbol.for("react.fragment");
+  function u(s, i, h) {
+    var x = null;
+    if (h !== void 0 && (x = "" + h), i.key !== void 0 && (x = "" + i.key), "key" in i) {
+      h = {};
+      for (var v in i)
+        v !== "key" && (h[v] = i[v]);
+    } else h = i;
+    return i = h.ref, {
+      $$typeof: a,
+      type: s,
+      key: x,
+      ref: i !== void 0 ? i : null,
+      props: h
+    };
+  }
+  return D.Fragment = p, D.jsx = u, D.jsxs = u, D;
+}
+var G = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ie;
+function me() {
+  return ie || (ie = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === H ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case E:
+          return "Fragment";
+        case L:
+          return "Profiler";
+        case M:
+          return "StrictMode";
+        case A:
+          return "Suspense";
+        case F:
+          return "SuspenseList";
+        case R:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case V:
+            return "Portal";
+          case te:
+            return e.displayName || "Context";
+          case J:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case W:
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case O:
+            return n = e.displayName || null, n !== null ? n : a(e.type) || "Memo";
+          case P:
+            n = e._payload, e = e._init;
+            try {
+              return a(e(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function p(e) {
+      return "" + e;
+    }
+    function u(e) {
+      try {
+        p(e);
+        var n = !1;
+      } catch {
+        n = !0;
+      }
+      if (n) {
+        n = console;
+        var l = n.error, d = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
+          n,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          d
+        ), p(e);
+      }
+    }
+    function s(e) {
+      if (e === E) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === P)
+        return "<...>";
+      try {
+        var n = a(e);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var e = _.A;
+      return e === null ? null : e.getOwner();
+    }
+    function h() {
+      return Error("react-stack-top-frame");
+    }
+    function x(e) {
+      if (Y.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function v(e, n) {
+      function l() {
+        Z || (Z = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          n
+        ));
+      }
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
+        configurable: !0
+      });
+    }
+    function C() {
+      var e = a(this.type);
+      return I[e] || (I[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function U(e, n, l, d, z, $) {
+      var m = l.ref;
+      return e = {
+        $$typeof: N,
+        type: e,
+        key: n,
+        props: l,
+        _owner: d
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: C
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: z
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: $
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function y(e, n, l, d, z, $) {
+      var m = n.children;
+      if (m !== void 0)
+        if (d)
+          if (X(m)) {
+            for (d = 0; d < m.length; d++)
+              q(m[d]);
+            Object.freeze && Object.freeze(m);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else q(m);
+      if (Y.call(n, "key")) {
+        m = a(e);
+        var k = Object.keys(n).filter(function(c) {
+          return c !== "key";
+        });
+        d = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", S[m + d] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          d,
+          m,
+          k,
+          m
+        ), S[m + d] = !0);
+      }
+      if (m = null, l !== void 0 && (u(l), m = "" + l), x(n) && (u(n.key), m = "" + n.key), "key" in n) {
+        l = {};
+        for (var r in n)
+          r !== "key" && (l[r] = n[r]);
+      } else l = n;
+      return m && v(
+        l,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), U(
+        e,
+        m,
+        l,
+        i(),
+        z,
+        $
+      );
+    }
+    function q(e) {
+      g(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === P && (e._payload.status === "fulfilled" ? g(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function g(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === N;
+    }
+    var T = de, N = Symbol.for("react.transitional.element"), V = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), M = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), te = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), _ = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, X = Array.isArray, j = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    T = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var Z, I = {}, Q = T.react_stack_bottom_frame.bind(
+      T,
+      h
+    )(), B = j(s(h)), S = {};
+    G.Fragment = E, G.jsx = function(e, n, l) {
+      var d = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return y(
+        e,
+        n,
+        l,
+        !1,
+        d ? Error("react-stack-top-frame") : Q,
+        d ? j(s(e)) : B
+      );
+    }, G.jsxs = function(e, n, l) {
+      var d = 1e4 > _.recentlyCreatedOwnerStacks++;
+      return y(
+        e,
+        n,
+        l,
+        !0,
+        d ? Error("react-stack-top-frame") : Q,
+        d ? j(s(e)) : B
+      );
+    };
+  })()), G;
+}
+var le;
+function fe() {
+  return le || (le = 1, process.env.NODE_ENV === "production" ? ee.exports = ue() : ee.exports = me()), ee.exports;
+}
+var t = fe();
+const pe = window.origin + "/cloud/speakid/games/whatsmissing/", oe = (a, p) => a.map(([u, s]) => ({
+  src: `${pe}${p}/${s.replace(/\s/g, "%20")}.png`,
+  name: s
+})), ge = [
+  ["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"]
+], he = [
+  ["bear", "bear"],
+  ["cat", "cat"],
+  ["crocodile", "crocodile"],
+  ["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"],
+  ["wolf", "wolf"],
+  ["zebra", "zebra"]
+], xe = [
+  ["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"]
+], ce = {
+  food: oe(ge, "food"),
+  animals: oe(he, "animals"),
+  toys: oe(xe, "toys")
+}, be = `
+  @keyframes spin {
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+  }
+`;
+if (typeof document < "u" && !document.getElementById("spin-keyframes")) {
+  const a = document.createElement("style");
+  a.id = "spin-keyframes", a.innerHTML = be, document.head.appendChild(a);
+}
+const ye = {
+  animation: "spin 1.4s linear infinite"
+}, o = {
+  gmCenterScreen: {
+    position: "relative",
+    zIndex: 1,
+    minHeight: "100vh",
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    textAlign: "center",
+    color: "#1f2937",
+    padding: "24px 16px",
+    boxSizing: "border-box",
+    transform: "translateY(20px)"
+    // чуть вниз, чтобы компенсировать логотип
+  },
+  gmHeadline1: {
+    fontWeight: 700,
+    fontSize: "clamp(28px, 4vw, 40px)",
+    lineHeight: "110%"
+  },
+  gmHeadline3: {
+    fontWeight: 600,
+    fontSize: "18px",
+    lineHeight: "130%"
+  },
+  gmBodyM: {
+    fontWeight: 400,
+    fontSize: "16px",
+    lineHeight: "140%"
+  },
+  gmBodyS: {
+    fontWeight: 400,
+    fontSize: "14px",
+    lineHeight: "140%",
+    color: "#6b7280"
+  },
+  gmButton: {
+    fontFamily: '"Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans"',
+    fontWeight: 600,
+    fontSize: "16px",
+    padding: "10px 16px",
+    borderRadius: "12px",
+    border: "1px solid #e5e7eb",
+    background: "#ec4c44",
+    color: "#ffffff",
+    cursor: "pointer",
+    boxShadow: "0 6px 18px rgba(236, 76, 68, .18)",
+    transition: "transform .06s ease, box-shadow .2s ease, background .2s ease, opacity .2s ease"
+  },
+  gmButtonActive: {
+    background: "#333",
+    color: "#fff"
+  },
+  gmGameLayout: {
+    position: "relative",
+    width: "100%",
+    maxWidth: "600px",
+    // ограничение ширины для мобильных
+    minHeight: "100vh",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    textAlign: "center",
+    color: "#1f2937",
+    padding: "16px 8px",
+    margin: "0 auto"
+  },
+  gmGrid: {
+    width: "100%",
+    maxWidth: "calc(210px * 3 + 20px * 2)",
+    margin: "0 auto",
+    display: "grid",
+    gridTemplateColumns: "repeat(3, 210px)",
+    gridAutoRows: "210px",
+    gap: "20px",
+    justifyContent: "center"
+  },
+  gmCard: {
+    border: "1px solid #e5e7eb",
+    borderRadius: "16px",
+    background: "#f9f9f9",
+    aspectRatio: "1 / 1",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    transition: "transform .2s ease, box-shadow .2s ease, border-color .2s ease"
+  },
+  gmCorrect: {
+    border: "2px solid #10b981",
+    boxShadow: "0 0 18px rgba(16,185,129,.45)",
+    background: "#ecfdf5"
+  },
+  gmWrong: {
+    border: "2px solid #ec4c44",
+    boxShadow: "0 0 18px rgba(236,76,68,.35)",
+    background: "#fef2f2"
+  },
+  gmInput: {
+    padding: "6px 10px",
+    borderRadius: "6px",
+    border: "1px solid #ccc",
+    fontSize: "16px",
+    fontFamily: '"Geist", system-ui',
+    width: "160px"
+  },
+  gmTable: {
+    marginTop: "20px",
+    marginBottom: "32px",
+    borderCollapse: "collapse",
+    width: "100%",
+    maxWidth: "520px",
+    tableLayout: "fixed",
+    textAlign: "center"
+  },
+  gmTableCell: {
+    padding: "8px 12px",
+    borderBottom: "1px solid #e5e7eb",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  },
+  gmLogoFixed: {
+    position: "sticky",
+    top: "16px",
+    left: "20px",
+    zIndex: 9999,
+    background: "white",
+    padding: "4px 8px",
+    borderRadius: "8px"
+  },
+  gmLogoImg: {
+    height: "clamp(28px, 5vw, 40px)",
+    width: "auto"
+  },
+  gmHourglass: {
+    fontSize: "42px",
+    ...ye
+  }
+}, we = window.origin + "/cloud/speakid/games/whatsmissing/logo.png", Te = () => {
+  const a = document.createElement("style");
+  a.textContent = `
+    html, body, #root {
+      margin: 0;
+      padding: 0;
+      height: 100%;
+    }
+    *, *::before, *::after {
+      box-sizing: border-box;
+    }
+    body {
+      font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
+      background-color: #fff;
+      color: #1f2937;
+    }
+    button, input {
+      font-family: inherit;
+      outline: none;
+      border: none;
+      background: none;
+    }
+    img {
+      max-width: 100%;
+      height: auto;
+      display: block;
+      user-select: none;
+    }
+    @keyframes spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+  `, document.head.appendChild(a);
+}, je = (a, p) => {
+  const u = Array.from({ length: a.length + 1 }, () => Array(p.length + 1).fill(0));
+  for (let s = 0; s <= a.length; s++) u[s][0] = s;
+  for (let s = 0; s <= p.length; s++) u[0][s] = s;
+  for (let s = 1; s <= a.length; s++)
+    for (let i = 1; i <= p.length; i++)
+      u[s][i] = a[s - 1] === p[i - 1] ? u[s - 1][i - 1] : Math.min(u[s - 1][i - 1], u[s][i - 1], u[s - 1][i]) + 1;
+  return u[a.length][p.length];
 };
-function Is() {
-  const [c, l] = n(null), [g, r] = n([]), [i, K] = n(4), [u, U] = n(!1), [p, b] = n(1), [h, _] = n(null), [j, w] = n("ready"), [v, x] = n(3), [I, y] = n(7), [N, T] = n(0), [C, B] = n(!1), [D, H] = n(20), [f, P] = n(""), [A, F] = n(!1), [R, Q] = n(!1), [J, k] = n(
-    null
-  ), [Z, S] = n([]), [q, G] = n([]), [$, ss] = n(!1);
-  X(() => {
-    const s = () => ss(window.innerWidth < 768);
-    return s(), window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
+function Re() {
+  ne(() => {
+    Te();
   }, []);
-  const Y = (s) => [...s].sort(() => Math.random() - 0.5).slice(0, 6), M = () => {
-    if (!c) return;
-    const s = Y(V[c]);
-    r(s), U(!0), B(!1), b(1), T(0), S([]), G([]), O(s, [], !0);
-  }, O = (s = g, o = q, d = !1) => {
-    const m = Y(s.length ? s : V[c]);
-    let E = Math.floor(Math.random() * m.length), L = m[E], z = 0;
-    for (; o.includes(L) && z < 20; )
-      E = Math.floor(Math.random() * m.length), L = m[E], z++;
-    r(m), _(E), G([...o, L]), F(!1), P(""), H(20), k(null), d ? (w("ready"), x(3), y(7)) : (w("memorize"), y(7));
+  const [a, p] = f(null), [u, s] = f([]), [i, h] = f(4), [x, v] = f(!1), [C, U] = f(1), [y, q] = f(null), [g, T] = f("ready"), [N, V] = f(3), [E, M] = f(7), [L, J] = f(20), [te, W] = f(0), [A, F] = f(!1), [O, P] = f(""), [R, H] = f(!1), [_, Y] = f(!1), [X, j] = f(null), [Z, I] = f([]), [Q, B] = f([]), [S, e] = f(!1);
+  ne(() => {
+    const r = () => e(window.innerWidth < 768);
+    return r(), window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
+  }, []);
+  const n = (r) => [...r].sort(() => Math.random() - 0.5).slice(0, 6), l = () => {
+    if (!a) return;
+    const r = n(ce[a]);
+    s(r), v(!0), F(!1), U(1), W(0), I([]), B([]), d(r, [], !0);
+  }, d = (r = u, c = Q, w = !1) => {
+    const b = n(r.length ? r : ce[a]);
+    let K = Math.floor(Math.random() * b.length), re = b[K].name, se = 0;
+    for (; c.includes(re) && se < 20; )
+      K = Math.floor(Math.random() * b.length), re = b[K].name, se++;
+    s(b), q(K), B([...c, re]), H(!1), P(""), J(20), j(null), w ? (T("ready"), V(3), M(7)) : (T("memorize"), M(7));
   };
-  X(() => {
-    if (!(!u || C || A)) {
-      if (j === "ready")
-        if (v <= 0)
-          w("memorize"), y(7);
+  ne(() => {
+    if (!(!x || A || R)) {
+      if (g === "ready")
+        if (N <= 0)
+          T("memorize");
         else {
-          const s = setTimeout(() => x((o) => o - 1), 1e3);
-          return () => clearTimeout(s);
+          const r = setTimeout(() => V((c) => c - 1), 1e3);
+          return () => clearTimeout(r);
         }
-      if (j === "memorize")
-        if (I <= 0)
-          w("guess");
+      if (g === "memorize")
+        if (E <= 0)
+          T("guess");
         else {
-          const s = setTimeout(() => y((o) => o - 1), 1e3);
-          return () => clearTimeout(s);
+          const r = setTimeout(() => M((c) => c - 1), 1e3);
+          return () => clearTimeout(r);
         }
-      if (j === "guess") {
-        if (D <= 0) {
-          F(!0), k("wrong");
-          const o = W(g[h]);
-          S((d) => [
-            ...d,
-            { round: p, answer: f, correct: o, result: "wrong" }
+      if (g === "guess") {
+        if (L <= 0) {
+          H(!0), j("wrong");
+          const c = u[y].name;
+          I((w) => [
+            ...w,
+            { round: C, answer: O, correct: c, result: "wrong" }
           ]);
           return;
         }
-        const s = setTimeout(() => H((o) => o - 1), 1e3);
-        return () => clearTimeout(s);
+        const r = setTimeout(() => J((c) => c - 1), 1e3);
+        return () => clearTimeout(r);
       }
     }
   }, [
-    j,
-    v,
-    I,
-    D,
+    g,
+    N,
+    E,
+    L,
+    x,
+    A,
+    R,
     u,
+    y,
     C,
-    A,
-    g,
-    h,
-    p,
-    f
+    O
   ]);
-  const es = () => {
-    if (h === null || R) return;
-    const s = W(g[h]), o = f.toLowerCase().trim();
-    let d = "wrong";
-    o === s ? (T((m) => m + 1), k("correct"), d = "correct") : Us(o, s) === 1 ? (T((m) => m + 0.5), k("almost"), d = "almost") : (k("wrong"), d = "wrong"), S((m) => [
-      ...m,
-      { round: p, answer: o, correct: s, result: d }
-    ]), Q(!0), setTimeout(() => {
-      Q(!1), F(!0);
+  const z = () => {
+    if (y === null || _) return;
+    const r = u[y].name, c = O.toLowerCase().trim();
+    let w = "wrong";
+    c === r ? (W((b) => b + 1), j("correct"), w = "correct") : je(c, r) === 1 ? (W((b) => b + 0.5), j("almost"), w = "almost") : (j("wrong"), w = "wrong"), I((b) => [
+      ...b,
+      { round: C, answer: c, correct: r, result: w }
+    ]), Y(!0), setTimeout(() => {
+      Y(!1), H(!0);
     }, 600);
-  }, ts = () => {
-    p < i ? (b((s) => s + 1), O()) : B(!0);
-  }, os = () => {
-    U(!1), B(!1), l(null);
-  };
-  return /* @__PURE__ */ a(rs, { children: [
-    !$ && /* @__PURE__ */ e(() => /* @__PURE__ */ e("div", { className: t.gmLogoFixed, children: /* @__PURE__ */ e("img", { src: Ls, alt: "SPEAKID Logo" }) }), {}),
-    !c && !u && /* @__PURE__ */ a("div", { className: t.gmCenterScreen, children: [
-      /* @__PURE__ */ e("h1", { className: t.gmHeadline1, children: "WHAT'S MISSING?" }),
-      /* @__PURE__ */ e("p", { className: t.gmBodyM, children: "Select a theme:" }),
-      /* @__PURE__ */ a("div", { style: { display: "flex", gap: 16 }, children: [
-        /* @__PURE__ */ e("button", { className: t.gmButton, onClick: () => l("animals"), children: "🐶 Animals" }),
-        /* @__PURE__ */ e("button", { className: t.gmButton, onClick: () => l("food"), children: "🍎 Food" }),
-        /* @__PURE__ */ e("button", { className: t.gmButton, onClick: () => l("toys"), children: "🧸 Toys" })
-      ] }),
-      /* @__PURE__ */ a("div", { style: { marginTop: 24 }, children: [
-        /* @__PURE__ */ e("p", { className: t.gmBodyS, children: "Choose number of rounds:" }),
-        /* @__PURE__ */ e("div", { style: { display: "flex", gap: 12, marginTop: 8 }, children: [3, 4, 5].map((s) => /* @__PURE__ */ e(
+  }, $ = () => C < i ? (U((r) => r + 1), d()) : F(!0), m = () => {
+    v(!1), F(!1), p(null);
+  }, k = () => /* @__PURE__ */ t.jsx("div", { style: o.gmLogoFixed, children: /* @__PURE__ */ t.jsx("img", { src: we, alt: "SPEAKID Logo", style: o.gmLogoImg }) });
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    !S && /* @__PURE__ */ t.jsx(k, {}),
+    !a && !x && /* @__PURE__ */ t.jsxs("div", { style: o.gmCenterScreen, children: [
+      /* @__PURE__ */ t.jsx("h1", { style: o.gmHeadline1, children: "WHAT'S MISSING?" }),
+      /* @__PURE__ */ t.jsx("p", { style: o.gmBodyM, children: "Select a theme:" }),
+      /* @__PURE__ */ t.jsx("div", { style: { display: "flex", gap: 16 }, children: ["animals", "food", "toys"].map((r) => /* @__PURE__ */ t.jsx("button", { style: o.gmButton, onClick: () => p(r), children: r === "animals" ? "🐶 Animals" : r === "food" ? "🍎 Food" : "🧸 Toys" }, r)) }),
+      /* @__PURE__ */ t.jsxs("div", { style: { marginTop: 24 }, children: [
+        /* @__PURE__ */ t.jsx("p", { style: o.gmBodyS, children: "Choose number of rounds:" }),
+        /* @__PURE__ */ t.jsx("div", { style: { display: "flex", gap: 12, marginTop: 8 }, children: [3, 4, 5].map((r) => /* @__PURE__ */ t.jsx(
           "button",
           {
-            className: `${t.gmButton} ${i === s ? t.gmActive : ""}`,
-            onClick: () => K(s),
-            children: s
+            style: {
+              ...o.gmButton,
+              ...i === r ? o.gmButtonActive : {}
+            },
+            onClick: () => h(r),
+            children: r
           },
-          s
+          r
         )) })
       ] })
     ] }),
-    c && !u && /* @__PURE__ */ a("div", { className: t.gmCenterScreen, children: [
-      /* @__PURE__ */ a("h1", { className: t.gmHeadline1, children: [
+    a && !x && /* @__PURE__ */ t.jsxs("div", { style: o.gmCenterScreen, children: [
+      /* @__PURE__ */ t.jsxs("h1", { style: o.gmHeadline1, children: [
         "Theme selected: ",
-        c
+        a
+      ] }),
+      /* @__PURE__ */ t.jsxs("p", { style: o.gmBodyM, children: [
+        "Rounds: ",
+        i
       ] }),
-      /* @__PURE__ */ e("button", { className: t.gmButton, onClick: M, children: "▶ Start game" })
+      /* @__PURE__ */ t.jsx("button", { style: o.gmButton, onClick: l, children: "▶ Start game" })
     ] }),
-    C && /* @__PURE__ */ a("div", { className: t.gmCenterScreen, children: [
-      /* @__PURE__ */ e("h1", { className: t.gmHeadline1, children: "Results" }),
-      /* @__PURE__ */ a("h2", { className: t.gmHeadline3, children: [
+    A && /* @__PURE__ */ t.jsxs("div", { style: o.gmCenterScreen, children: [
+      /* @__PURE__ */ t.jsx("h1", { style: o.gmHeadline1, children: "Results" }),
+      /* @__PURE__ */ t.jsxs("h2", { style: o.gmHeadline3, children: [
         "Your score: ",
-        N,
+        te,
         " / ",
         i
       ] }),
-      /* @__PURE__ */ a("table", { className: t.gmTable, children: [
-        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { children: [
-          /* @__PURE__ */ e("th", { children: "Round" }),
-          /* @__PURE__ */ e("th", { children: "Your Answer" }),
-          /* @__PURE__ */ e("th", { children: "Correct" }),
-          /* @__PURE__ */ e("th", { children: "Result" })
+      /* @__PURE__ */ t.jsxs("table", { style: o.gmTable, children: [
+        /* @__PURE__ */ t.jsx("thead", { children: /* @__PURE__ */ t.jsxs("tr", { children: [
+          /* @__PURE__ */ t.jsx("th", { children: "Round" }),
+          /* @__PURE__ */ t.jsx("th", { children: "Your Answer" }),
+          /* @__PURE__ */ t.jsx("th", { children: "Correct" }),
+          /* @__PURE__ */ t.jsx("th", { children: "Result" })
         ] }) }),
-        /* @__PURE__ */ e("tbody", { children: Z.map((s, o) => /* @__PURE__ */ a("tr", { children: [
-          /* @__PURE__ */ e("td", { children: s.round }),
-          /* @__PURE__ */ e("td", { children: s.answer || "—" }),
-          /* @__PURE__ */ e("td", { children: s.correct }),
-          /* @__PURE__ */ e("td", { className: t[`gm${s.result.charAt(0).toUpperCase() + s.result.slice(1)}`], children: s.result })
-        ] }, o)) })
+        /* @__PURE__ */ t.jsx("tbody", { children: Z.map((r, c) => /* @__PURE__ */ t.jsxs("tr", { children: [
+          /* @__PURE__ */ t.jsx("td", { style: o.gmTableCell, children: r.round }),
+          /* @__PURE__ */ t.jsx("td", { style: o.gmTableCell, children: r.answer || "—" }),
+          /* @__PURE__ */ t.jsx("td", { style: o.gmTableCell, children: r.correct }),
+          /* @__PURE__ */ t.jsx("td", { style: o.gmTableCell, children: r.result === "correct" ? "✔ Correct" : r.result === "almost" ? "◐ Almost (0.5)" : "✘ Wrong" })
+        ] }, c)) })
       ] }),
-      /* @__PURE__ */ a("div", { style: { display: "flex", gap: 12, marginTop: 24 }, children: [
-        /* @__PURE__ */ e("button", { className: t.gmButton, onClick: M, children: "🔁 Play again" }),
-        /* @__PURE__ */ e("button", { className: t.gmButton, onClick: os, children: "⬅️ Choose theme" })
+      /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 12, marginTop: 24 }, children: [
+        /* @__PURE__ */ t.jsx("button", { style: o.gmButton, onClick: l, children: "🔁 Play again" }),
+        /* @__PURE__ */ t.jsx("button", { style: o.gmButton, onClick: m, children: "⬅️ Choose theme" })
       ] })
     ] }),
-    u && !C && /* @__PURE__ */ a("div", { className: t.gmGameLayout, children: [
-      /* @__PURE__ */ e("div", { className: t.gmProgressContainer, children: /* @__PURE__ */ e(
+    x && !A && /* @__PURE__ */ t.jsxs("div", { style: o.gmGameLayout, children: [
+      /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: t.gmProgressBar,
-          style: { width: `${p / i * 100}%` }
+          style: {
+            minHeight: 160,
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "center"
+          },
+          children: [
+            g === "ready" && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+              /* @__PURE__ */ t.jsx("h1", { style: { ...o.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
+              /* @__PURE__ */ t.jsx("div", { style: o.gmHourglass, children: "⏳" })
+            ] }),
+            g === "memorize" && /* @__PURE__ */ t.jsxs("p", { style: { ...o.gmBodyM, color: "#10b981" }, children: [
+              "MEMORIZE (",
+              E,
+              ")"
+            ] }),
+            g === "guess" && !R && /* @__PURE__ */ t.jsxs("p", { style: o.gmBodyM, children: [
+              "⏳ Time left: ",
+              L,
+              "s"
+            ] })
+          ]
         }
-      ) }),
-      /* @__PURE__ */ a("h2", { className: t.gmHeadline3, children: [
-        "Round ",
-        p,
-        " of ",
-        i,
-        " — Score: ",
-        N
-      ] }),
-      /* @__PURE__ */ e("div", { className: t.gmGrid, children: g.map((s, o) => {
-        const d = h === o && j === "guess" && !A;
-        return /* @__PURE__ */ e(
-          "div",
-          {
-            className: `${t.gmCard} ${J === "correct" && h === o ? t.gmCorrect : ""} ${J === "wrong" && h === o ? t.gmWrong : ""}`,
-            children: !d && /* @__PURE__ */ e("img", { src: s, alt: `img-${o}` })
+      ),
+      g !== "ready" && /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          style: {
+            ...o.gmGrid,
+            gridTemplateColumns: S ? "repeat(2, 1fr)" : "repeat(3, 210px)",
+            gridAutoRows: S ? "150px" : "210px",
+            gap: S ? "12px" : "20px",
+            justifyItems: "center",
+            // 🔹 увеличение только при >2000px
+            ...window.innerWidth > 2e3 ? {
+              gridTemplateColumns: "repeat(3, 260px)",
+              gridAutoRows: "260px",
+              gap: "28px"
+            } : {},
+            ...window.innerWidth > 2560 ? {
+              gridTemplateColumns: "repeat(3, 300px)",
+              gridAutoRows: "300px",
+              gap: "32px"
+            } : {}
           },
-          o
-        );
-      }) }),
-      /* @__PURE__ */ a("div", { style: { marginTop: 16, height: 80 }, children: [
-        j === "guess" && !A && /* @__PURE__ */ a("div", { children: [
-          /* @__PURE__ */ e(
+          children: u.map((r, c) => {
+            const w = y === c && g === "guess" && !R;
+            return /* @__PURE__ */ t.jsx(
+              "div",
+              {
+                style: {
+                  ...o.gmCard,
+                  ...X === "correct" && y === c ? o.gmCorrect : {},
+                  ...X === "wrong" && y === c ? o.gmWrong : {}
+                },
+                children: !w && /* @__PURE__ */ t.jsx(
+                  "img",
+                  {
+                    src: r.src,
+                    alt: r.name,
+                    style: {
+                      width: "100%",
+                      height: "100%",
+                      objectFit: "cover"
+                    }
+                  }
+                )
+              },
+              c
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ t.jsxs("div", { style: { marginTop: 16, height: 80 }, children: [
+        g === "guess" && !R && /* @__PURE__ */ t.jsxs("div", { children: [
+          /* @__PURE__ */ t.jsx(
             "input",
             {
               type: "text",
               placeholder: "Type the missing word",
-              value: f,
-              onChange: (s) => P(s.target.value),
-              className: t.gmInput
+              value: O,
+              onChange: (r) => P(r.target.value),
+              style: o.gmInput
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t.jsx(
             "button",
             {
-              className: t.gmButton,
-              onClick: es,
-              disabled: R,
-              style: { marginLeft: 8 },
-              children: R ? "..." : "Check"
+              style: { ...o.gmButton, marginLeft: 8 },
+              onClick: z,
+              disabled: _,
+              children: _ ? "..." : "Check"
             }
           )
         ] }),
-        A && /* @__PURE__ */ e("button", { className: t.gmButton, onClick: ts, children: "Next round" })
+        R && /* @__PURE__ */ t.jsx("button", { style: o.gmButton, onClick: $, children: "Next round" })
       ] })
     ] })
   ] });
 }
 export {
-  Is as Game,
-  V as themes
+  Re as Game,
+  ce as themes
 };