@mblinkov/whats-missing 20.0.47 → 20.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +477 -1
  2. package/dist/whats-missing.cjs.js +3 -3
  3. package/dist/whats-missing.es.js +265 -215
  4. package/package.json +1 -1
  5. package/src/Game.tsx +138 -14
package/dist/whats-missing.es.js CHANGED
@@ -1,9 +1,9 @@
1
- import { jsx as w, jsxs as g, Fragment as mn } from "react/jsx-runtime";
2
- import { useRef as Nn, useEffect as K, useState as d, useMemo as Vn } from "react";
3
- const _n = window.origin + "/cloud/speakid/games/whatsmissing/", O = (r, f) => r.map(([y, h]) => ({
4
- src: `${_n}${f}/${h.replace(/\s/g, "%20")}.png`,
5
- name: h
6
- })), $n = [
1
+ import { jsx as d, jsxs as p, Fragment as Pn } from "react/jsx-runtime";
2
+ import { useRef as V, useEffect as rn, useState as h, useMemo as Xn } from "react";
3
+ const ni = window.origin + "/cloud/speakid/games/whatsmissing/", hn = (o, y) => o.map(([s, g]) => ({
4
+ src: `${ni}${y}/${g.replace(/\s/g, "%20")}.png`,
5
+ name: g
6
+ })), ii = [
7
7
  ["apple", "apple"],
8
8
  ["banana", "banana"],
9
9
  ["bread", "bread"],
@@ -29,7 +29,7 @@ const _n = window.origin + "/cloud/speakid/games/whatsmissing/", O = (r, f) => r
29
29
  ["strawberry", "strawberry"],
30
30
  ["tomato", "tomato"],
31
31
  ["watermelon", "watermelon"]
32
- ], qn = [
32
+ ], ei = [
33
33
  ["bear", "bear"],
34
34
  ["cat", "cat"],
35
35
  ["crocodile", "crocodile"],
@@ -49,7 +49,7 @@ const _n = window.origin + "/cloud/speakid/games/whatsmissing/", O = (r, f) => r
49
49
  ["tortoise", "tortoise"],
50
50
  ["wolf", "wolf"],
51
51
  ["zebra", "zebra"]
52
- ], Kn = [
52
+ ], ti = [
53
53
  ["ball", "ball"],
54
54
  ["balloon", "balloon"],
55
55
  ["blocks", "blocks"],
@@ -69,23 +69,23 @@ const _n = window.origin + "/cloud/speakid/games/whatsmissing/", O = (r, f) => r
69
69
  ["teddy_bear", "teddy bear"],
70
70
  ["yo-yo", "yo-yo"],
71
71
  ["crayons", "crayons"]
72
- ], un = {
73
- food: O($n, "food"),
74
- animals: O(qn, "animals"),
75
- toys: O(Kn, "toys")
76
- }, On = `
72
+ ], _ = {
73
+ food: hn(ii, "food"),
74
+ animals: hn(ei, "animals"),
75
+ toys: hn(ti, "toys")
76
+ }, wi = `
77
77
  @keyframes spin {
78
78
  from { transform: rotate(0deg); }
79
79
  to { transform: rotate(360deg); }
80
80
  }
81
81
  `;
82
82
  if (typeof document < "u" && !document.getElementById("spin-keyframes")) {
83
- const r = document.createElement("style");
84
- r.id = "spin-keyframes", r.innerHTML = On, document.head.appendChild(r);
83
+ const o = document.createElement("style");
84
+ o.id = "spin-keyframes", o.innerHTML = wi, document.head.appendChild(o);
85
85
  }
86
- const Zn = {
86
+ const di = {
87
87
  animation: "spin 1.4s linear infinite"
88
- }, t = {
88
+ }, w = {
89
89
  gmCenterScreen: {
90
90
  position: "relative",
91
91
  zIndex: 1,
@@ -218,11 +218,11 @@ const Zn = {
218
218
  },
219
219
  gmHourglass: {
220
220
  fontSize: "42px",
221
- ...Zn
221
+ ...di
222
222
  }
223
- }, Jn = () => {
224
- const r = document.createElement("style");
225
- r.id = "whats-missing-reset", r.textContent = `
223
+ }, oi = () => {
224
+ const o = document.createElement("style");
225
+ o.id = "whats-missing-reset", o.textContent = `
226
226
  #whats-missing-root, #whats-missing-root * {
227
227
  box-sizing: border-box;
228
228
  font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
@@ -249,111 +249,150 @@ const Zn = {
249
249
  overflow: hidden !important;
250
250
  }
251
251
  `;
252
- const f = document.getElementById("whats-missing-reset");
253
- f && f.remove(), document.head.appendChild(r);
254
- }, Qn = (r, f) => {
255
- const y = Array.from({ length: r.length + 1 }, () => Array(f.length + 1).fill(0));
256
- for (let h = 0; h <= r.length; h++) y[h][0] = h;
257
- for (let h = 0; h <= f.length; h++) y[0][h] = h;
258
- for (let h = 1; h <= r.length; h++)
259
- for (let u = 1; u <= f.length; u++)
260
- y[h][u] = r[h - 1] === f[u - 1] ? y[h - 1][u - 1] : Math.min(y[h - 1][u - 1], y[h][u - 1], y[h - 1][u]) + 1;
261
- return y[r.length][f.length];
252
+ const y = document.getElementById("whats-missing-reset");
253
+ y && y.remove(), document.head.appendChild(o);
254
+ }, ri = (o, y) => {
255
+ const s = Array.from({ length: o.length + 1 }, () => Array(y.length + 1).fill(0));
256
+ for (let g = 0; g <= o.length; g++) s[g][0] = g;
257
+ for (let g = 0; g <= y.length; g++) s[0][g] = g;
258
+ for (let g = 1; g <= o.length; g++)
259
+ for (let a = 1; a <= y.length; a++)
260
+ s[g][a] = o[g - 1] === y[a - 1] ? s[g - 1][a - 1] : Math.min(s[g - 1][a - 1], s[g][a - 1], s[g - 1][a]) + 1;
261
+ return s[o.length][y.length];
262
+ }, hi = (o) => new Promise((y) => {
263
+ const s = new Image();
264
+ s.onload = () => y(s), s.onerror = () => y(s), s.src = o;
265
+ }), gn = async (o, y) => {
266
+ const s = /* @__PURE__ */ new Map(), g = o.map(async (a) => {
267
+ const E = await hi(a);
268
+ s.set(a, E);
269
+ });
270
+ return await Promise.allSettled(g), s;
262
271
  };
263
- function wi({
264
- gameCubeSize: r,
265
- screenHeight: f,
266
- screenWidth: y
272
+ function li({
273
+ gameCubeSize: o,
274
+ screenHeight: y,
275
+ screenWidth: s
267
276
  }) {
268
- const h = Nn(null);
269
- K(() => (Jn(), () => {
277
+ const g = V(null);
278
+ rn(() => (oi(), () => {
270
279
  document.documentElement.style.overflow = "", document.body.style.overflow = "";
271
280
  const i = document.getElementById("whats-missing-reset");
272
- i && i.remove();
281
+ i && i.remove(), v.current && v.current.abort();
273
282
  }), []);
274
- const [u, Z] = d(null), [T, J] = d([]), [M, fn] = d(4), [z, Q] = d(!1), [B, X] = d(1), [v, yn] = d(null), [I, C] = d("ready"), [nn, en] = d(3), [E, D] = d(10), [G, tn] = d(20), [bn, F] = d(0), [A, Y] = d(!1), [j, wn] = d(""), [S, U] = d(!1), [N, dn] = d(!1), [on, L] = d(null), [In, V] = d([]), [vn, rn] = d([]), [n, Sn] = d(!1), [Xn, _] = d(1), [hn, $] = d(null), [b, kn] = d(!1), [s, Pn] = d(!1), [p, Tn] = d(!1), [a, zn] = d(!1), [l, Ln] = d(!1), [x, Rn] = d(!1), [H, Mn] = d(!1), [c, Bn] = d(!1), [W, Cn] = d(!1), [q, An] = d(!1);
275
- K(() => {
283
+ const [a, E] = h(null), [L, sn] = h([]), [j, kn] = h(4), [R, an] = h(!1), [D, pn] = h(1), [k, zn] = h(null), [S, G] = h("ready"), [ln, xn] = h(10), [q, K] = h(10), [O, cn] = h(20), [Tn, Z] = h(0), [F, J] = h(!1), [U, Hn] = h(""), [T, Q] = h(!1), [X, Wn] = h(!1), [mn, B] = h(null), [Mn, nn] = h([]), [Ln, fn] = h([]), [n, Rn] = h(!1), [Bn, Y] = h(1), [un, $] = h(null), [I, Cn] = h(!1), [l, An] = h(!1), [x, En] = h(!1), [c, jn] = h(!1), [H, Dn] = h(!1), [W, Gn] = h(!1), [m, Fn] = h(!1), [f, Un] = h(!1), [u, Yn] = h(!1), [en, $n] = h(!1), [gi, si] = h(!1), tn = V(/* @__PURE__ */ new Set()), N = V(/* @__PURE__ */ new Map()), v = V(null);
284
+ rn(() => {
276
285
  const i = () => {
277
- const e = y ?? window.innerWidth, o = f ?? window.innerHeight, m = e < 768 || e === 926 && o === 428 || e === 932 && o === 430, k = o < 700, P = e === 768 && o === 1024, R = e === 1024 && o === 768, an = e === 820 && o === 1180, ln = e === 1180 && o === 820, xn = e === 540 && o === 720, Hn = e === 720 && o === 540, cn = e === 1024 && o === 1366, Wn = e === 1366 && o === 1024, Fn = e >= 1200 && o >= 600 && !m;
278
- kn(Fn), Pn(P), Tn(R), zn(an), Ln(ln), Rn(xn), Mn(Hn), Bn(cn), Cn(Wn);
279
- const Yn = m && e > o || o < 700 || e === 1366 && o === 766 || e === 1366 && o === 768 || e === 1280 && o === 720 || e === 1440 && o === 900 || P || R || an || ln || xn || Hn || cn || Wn || b;
280
- if (An(Yn), Sn(m), m)
281
- $(r && r >= 320 ? r : null), _(1);
282
- else if (k)
283
- $(r && r >= 400 ? r : null), _(1);
284
- else {
285
- const Un = r ? Math.max(400, Math.min(1200, r)) : Math.min(1e3, Math.min(e, o) * 0.9);
286
- $(Un), _(1);
286
+ const e = s ?? window.innerWidth, t = y ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, b = t < 700, M = e / t > 1.8, C = e === 768 && t === 1024, dn = e === 1024 && t === 768, A = e === 820 && t === 1180, P = e === 1180 && t === 820, z = e === 540 && t === 720, In = e === 720 && t === 540, Sn = e === 1024 && t === 1366, vn = e === 1366 && t === 1024, On = e >= 1200 && t >= 600 && !r;
287
+ Cn(On), An(C), En(dn), jn(A), Dn(P), Gn(z), Fn(In), Un(Sn), Yn(vn);
288
+ const Zn = r && e > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
289
+ t < 700 || M || // ✅ Широкие экраны
290
+ e === 1366 && t === 766 || e === 1366 && t === 768 || e === 1280 && t === 720 || e === 1440 && t === 900 || C || dn || A || P || z || In || Sn || vn || I;
291
+ if ($n(Zn), Rn(r), r)
292
+ $(o && o >= 320 ? o : null), Y(1);
293
+ else if (b)
294
+ $(o && o >= 400 ? o : null), Y(1);
295
+ else if (M) {
296
+ const on = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
297
+ $(on), Y(0.85);
298
+ } else {
299
+ const on = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
300
+ $(on), Y(1);
287
301
  }
288
302
  };
289
303
  return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
290
- }, [y, f, r]);
291
- const gn = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), sn = () => {
292
- if (!u) return;
293
- const i = gn(un[u]);
294
- J(i), Q(!0), Y(!1), X(1), F(0), V([]), rn([]), pn(i, [], !0);
295
- }, pn = (i = T, e = vn, o = !1) => {
296
- const m = gn(i.length ? i : un[u]);
297
- let k = Math.floor(Math.random() * m.length), P = m[k].name, R = 0;
298
- for (; e.includes(P) && R < 20; )
299
- k = Math.floor(Math.random() * m.length), P = m[k].name, R++;
300
- J(m), yn(k), rn([...e, P]), U(!1), wn(""), tn(20), L(null), o ? (C("ready"), en(3), D(10)) : (C("memorize"), D(10));
304
+ }, [s, y, o]);
305
+ const wn = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), Nn = (i) => {
306
+ v.current && v.current.abort(), v.current = new AbortController();
307
+ const t = _[i].map((r) => r.src);
308
+ gn(t, v.current.signal).then((r) => {
309
+ t.forEach((b) => {
310
+ tn.current.add(b), r.has(b) && N.current.set(b, r.get(b));
311
+ });
312
+ }).catch(() => {
313
+ });
314
+ }, yn = () => {
315
+ if (!a) return;
316
+ const i = wn(_[a]);
317
+ sn(i), an(!0), J(!1), pn(1), Z(0), nn([]), fn([]);
318
+ const e = i.map((t) => t.src);
319
+ gn(e, v.current?.signal).then((t) => {
320
+ e.forEach((r) => {
321
+ tn.current.add(r), t.has(r) && N.current.set(r, t.get(r));
322
+ });
323
+ }).catch(() => {
324
+ }), bn(i, [], !0);
325
+ }, bn = (i = L, e = Ln, t = !1) => {
326
+ const r = wn(i.length ? i : _[a]);
327
+ let b = Math.floor(Math.random() * r.length), M = r[b].name, C = 0;
328
+ for (; e.includes(M) && C < 20; )
329
+ b = Math.floor(Math.random() * r.length), M = r[b].name, C++;
330
+ if (sn(r), zn(b), fn([...e, M]), Q(!1), Hn(""), cn(20), B(null), a && !t) {
331
+ const A = wn(_[a].filter((P) => !e.includes(P.name))).map((P) => P.src);
332
+ gn(A, v.current?.signal).then((P) => {
333
+ A.forEach((z) => {
334
+ tn.current.add(z), P.has(z) && N.current.set(z, P.get(z));
335
+ });
336
+ }).catch(() => {
337
+ });
338
+ }
339
+ t ? (G("ready"), xn(10), K(10)) : (G("memorize"), K(10));
301
340
  };
302
- K(() => {
303
- if (!(!z || A || S)) {
304
- if (I === "ready")
305
- if (nn <= 0) C("memorize");
341
+ rn(() => {
342
+ if (!(!R || F || T)) {
343
+ if (S === "ready")
344
+ if (ln <= 0) G("memorize");
306
345
  else {
307
- const i = setTimeout(() => en((e) => e - 1), 1e3);
346
+ const i = setTimeout(() => xn((e) => e - 1), 1e3);
308
347
  return () => clearTimeout(i);
309
348
  }
310
- if (I === "memorize")
311
- if (E <= 0) C("guess");
349
+ if (S === "memorize")
350
+ if (q <= 0) G("guess");
312
351
  else {
313
- const i = setTimeout(() => D((e) => e - 1), 1e3);
352
+ const i = setTimeout(() => K((e) => e - 1), 1e3);
314
353
  return () => clearTimeout(i);
315
354
  }
316
- if (I === "guess") {
317
- if (G <= 0) {
318
- U(!0), L("wrong");
319
- const e = T[v].name;
320
- V((o) => [
321
- ...o,
322
- { round: B, answer: j, correct: e, result: "wrong" }
355
+ if (S === "guess") {
356
+ if (O <= 0) {
357
+ Q(!0), B("wrong");
358
+ const e = L[k].name;
359
+ nn((t) => [
360
+ ...t,
361
+ { round: D, answer: U, correct: e, result: "wrong" }
323
362
  ]);
324
363
  return;
325
364
  }
326
- const i = setTimeout(() => tn((e) => e - 1), 1e3);
365
+ const i = setTimeout(() => cn((e) => e - 1), 1e3);
327
366
  return () => clearTimeout(i);
328
367
  }
329
368
  }
330
- }, [I, nn, E, G, z, A, S, T, v, B, j]);
331
- const jn = () => {
332
- if (v === null || N) return;
333
- const i = T[v].name, e = j.toLowerCase().trim();
334
- let o = "wrong";
335
- e === i ? (F((m) => m + 1), L("correct"), o = "correct") : Qn(e, i) === 1 ? (F((m) => m + 0.5), L("almost"), o = "almost") : (L("wrong"), o = "wrong"), V((m) => [...m, { round: B, answer: e, correct: i, result: o }]), dn(!0), setTimeout(() => {
336
- dn(!1), U(!0);
369
+ }, [S, ln, q, O, R, F, T, L, k, D, U]);
370
+ const Vn = () => {
371
+ if (k === null || X) return;
372
+ const i = L[k].name, e = U.toLowerCase().trim();
373
+ let t = "wrong";
374
+ e === i ? (Z((r) => r + 1), B("correct"), t = "correct") : ri(e, i) === 1 ? (Z((r) => r + 0.5), B("almost"), t = "almost") : (B("wrong"), t = "wrong"), nn((r) => [...r, { round: D, answer: e, correct: i, result: t }]), Wn(!0), setTimeout(() => {
375
+ Wn(!1), Q(!0);
337
376
  }, 600);
338
- }, En = () => B < M ? (X((i) => i + 1), pn()) : Y(!0), Dn = () => {
339
- Q(!1), Y(!1), Z(null);
340
- }, Gn = Vn(
377
+ }, _n = () => D < j ? (pn((i) => i + 1), bn()) : J(!0), qn = () => {
378
+ v.current && v.current.abort(), an(!1), J(!1), E(null);
379
+ }, Kn = Xn(
341
380
  () => n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? null : (
342
381
  // ensure logo is positioned inside the square container
343
- /* @__PURE__ */ w("div", { style: { ...t.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ g("picture", { children: [
344
- /* @__PURE__ */ w(
382
+ /* @__PURE__ */ d("div", { style: { ...w.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ p("picture", { children: [
383
+ /* @__PURE__ */ d(
345
384
  "source",
346
385
  {
347
386
  srcSet: window.origin + "/cloud/speakid/games/whatsmissing/logo.svg",
348
387
  type: "image/svg+xml"
349
388
  }
350
389
  ),
351
- /* @__PURE__ */ w(
390
+ /* @__PURE__ */ d(
352
391
  "img",
353
392
  {
354
393
  src: window.origin + "/cloud/speakid/games/whatsmissing/logo.png",
355
394
  alt: "SPEAKID Logo",
356
- style: t.gmLogoImg,
395
+ style: w.gmLogoImg,
357
396
  loading: "lazy"
358
397
  }
359
398
  )
@@ -361,10 +400,10 @@ function wi({
361
400
  ),
362
401
  [n]
363
402
  );
364
- return /* @__PURE__ */ w(
403
+ return /* @__PURE__ */ d(
365
404
  "div",
366
405
  {
367
- ref: h,
406
+ ref: g,
368
407
  style: {
369
408
  width: "100%",
370
409
  height: "100%",
@@ -380,12 +419,12 @@ function wi({
380
419
  right: 0,
381
420
  bottom: 0
382
421
  },
383
- children: /* @__PURE__ */ w(
422
+ children: /* @__PURE__ */ d(
384
423
  "div",
385
424
  {
386
425
  style: {
387
- width: n ? "100%" : hn || r || 1e3,
388
- height: n ? "100%" : hn || r || 1e3,
426
+ width: n ? "100%" : un || o || 1e3,
427
+ height: n ? "100%" : un || o || 1e3,
389
428
  display: "flex",
390
429
  justifyContent: "center",
391
430
  alignItems: "center",
@@ -394,10 +433,12 @@ function wi({
394
433
  background: "linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)",
395
434
  boxShadow: n ? "none" : "0 0 40px rgba(0,0,0,0.1)",
396
435
  margin: n ? "0 auto" : "unset",
397
- position: "relative"
436
+ position: "relative",
398
437
  // needed so absolute logo is inside the square
438
+ transform: `scale(${Bn})`
439
+ // ✅ Применяем масштаб для широких экранов
399
440
  },
400
- children: /* @__PURE__ */ w(
441
+ children: /* @__PURE__ */ d(
401
442
  "div",
402
443
  {
403
444
  style: {
@@ -408,113 +449,115 @@ function wi({
408
449
  justifyContent: "center",
409
450
  alignItems: "center"
410
451
  },
411
- children: /* @__PURE__ */ g("div", { id: "whats-missing-root", children: [
412
- !n && Gn,
413
- !u && !z && /* @__PURE__ */ g("div", { style: t.gmCenterScreen, children: [
414
- /* @__PURE__ */ w("h1", { style: t.gmHeadline1, children: "WHAT'S MISSING?" }),
415
- /* @__PURE__ */ w("p", { style: t.gmBodyM, children: "Select a theme:" }),
416
- /* @__PURE__ */ w("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__ */ w("button", { style: {
417
- ...t.gmButton,
452
+ children: /* @__PURE__ */ p("div", { id: "whats-missing-root", children: [
453
+ !n && Kn,
454
+ !a && !R && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
455
+ /* @__PURE__ */ d("h1", { style: w.gmHeadline1, children: "WHAT'S MISSING?" }),
456
+ /* @__PURE__ */ d("p", { style: w.gmBodyM, children: "Select a theme:" }),
457
+ /* @__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: {
458
+ ...w.gmButton,
418
459
  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",
419
460
  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",
420
461
  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"
421
- }, onClick: () => Z(i), children: i === "animals" ? "🐶 Animals" : i === "food" ? "🍎 Food" : "🧸 Toys" }, i)) }),
422
- /* @__PURE__ */ g("div", { style: { marginTop: 24 }, children: [
423
- /* @__PURE__ */ w("p", { style: t.gmBodyS, children: "Choose number of rounds:" }),
424
- /* @__PURE__ */ w("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__ */ w(
462
+ }, onClick: () => {
463
+ E(i), Nn(i);
464
+ }, children: i === "animals" ? "🐶 Animals" : i === "food" ? "🍎 Food" : "🧸 Toys" }, i)) }),
465
+ /* @__PURE__ */ p("div", { style: { marginTop: 24 }, children: [
466
+ /* @__PURE__ */ d("p", { style: w.gmBodyS, children: "Choose number of rounds:" }),
467
+ /* @__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(
425
468
  "button",
426
469
  {
427
470
  style: {
428
- ...t.gmButton,
429
- ...M === i ? t.gmButtonActive : {},
471
+ ...w.gmButton,
472
+ ...j === i ? w.gmButtonActive : {},
430
473
  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",
431
474
  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",
432
475
  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"
433
476
  },
434
- onClick: () => fn(i),
477
+ onClick: () => kn(i),
435
478
  children: i
436
479
  },
437
480
  i
438
481
  )) })
439
482
  ] })
440
483
  ] }),
441
- u && !z && /* @__PURE__ */ g("div", { style: t.gmCenterScreen, children: [
442
- /* @__PURE__ */ g("h1", { style: t.gmHeadline1, children: [
484
+ a && !R && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
485
+ /* @__PURE__ */ p("h1", { style: w.gmHeadline1, children: [
443
486
  "Theme selected: ",
444
- u
487
+ a
445
488
  ] }),
446
- /* @__PURE__ */ g("p", { style: t.gmBodyM, children: [
489
+ /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
447
490
  "Rounds: ",
448
- M
491
+ j
449
492
  ] }),
450
- /* @__PURE__ */ w("button", { style: {
451
- ...t.gmButton,
493
+ /* @__PURE__ */ d("button", { style: {
494
+ ...w.gmButton,
452
495
  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",
453
496
  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",
454
497
  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"
455
- }, onClick: sn, children: "▶ Start game" })
498
+ }, onClick: yn, children: "▶ Start game" })
456
499
  ] }),
457
- A && /* @__PURE__ */ g("div", { style: t.gmCenterScreen, children: [
458
- /* @__PURE__ */ w("h1", { style: {
459
- ...t.gmHeadline1,
460
- 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 || s || p || a || l || x || H || c || W ? "0px" : t.gmHeadline1.marginTop,
461
- 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 || s || p || a || l || x || H || c || W ? "2px" : t.gmHeadline1.marginBottom
500
+ F && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
501
+ /* @__PURE__ */ d("h1", { style: {
502
+ ...w.gmHeadline1,
503
+ 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 || x || c || H || W || m || f || u ? "0px" : w.gmHeadline1.marginTop,
504
+ 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 || x || c || H || W || m || f || u ? "2px" : w.gmHeadline1.marginBottom
462
505
  }, children: "Results" }),
463
- /* @__PURE__ */ g("h2", { style: {
464
- ...t.gmHeadline3,
465
- 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 || s || p || a || l || x || H || c || W ? "0px" : t.gmHeadline3.marginTop,
466
- 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 || s || p || a || l || x || H || c || W ? "2px" : t.gmHeadline3.marginBottom
506
+ /* @__PURE__ */ p("h2", { style: {
507
+ ...w.gmHeadline3,
508
+ 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 || x || c || H || W || m || f || u ? "0px" : w.gmHeadline3.marginTop,
509
+ 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 || x || c || H || W || m || f || u ? "2px" : w.gmHeadline3.marginBottom
467
510
  }, children: [
468
511
  "Your score: ",
469
- bn,
512
+ Tn,
470
513
  " / ",
471
- M
514
+ j
472
515
  ] }),
473
- /* @__PURE__ */ w("p", { style: {
474
- ...t.gmBodyM,
516
+ /* @__PURE__ */ d("p", { style: {
517
+ ...w.gmBodyM,
475
518
  color: "#10b981",
476
- 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 || s || p || a || l || x || H || c || W ? "0px" : "12px",
477
- 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 || s || p || a || l || x || H || c || W ? "2px" : t.gmBodyM.marginBottom
519
+ 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 || x || c || H || W || m || f || u ? "0px" : "12px",
520
+ 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 || x || c || H || W || m || f || u ? "2px" : w.gmBodyM.marginBottom
478
521
  }, children: "Yahoo! You did it! 🍬✨" }),
479
- /* @__PURE__ */ g("table", { style: {
480
- ...t.gmTable,
481
- 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 || s || p || a || l || x || H || c || W ? "0px" : "20px",
482
- 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 || s || p || a || l || x || H || c || W ? "4px" : "32px"
522
+ /* @__PURE__ */ p("table", { style: {
523
+ ...w.gmTable,
524
+ 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 || x || c || H || W || m || f || u ? "0px" : "20px",
525
+ 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 || x || c || H || W || m || f || u ? "4px" : "32px"
483
526
  }, children: [
484
- /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ g("tr", { children: [
485
- /* @__PURE__ */ w("th", { children: "Round" }),
486
- /* @__PURE__ */ w("th", { children: "Your Answer" }),
487
- /* @__PURE__ */ w("th", { children: "Correct" }),
488
- /* @__PURE__ */ w("th", { children: "Result" })
527
+ /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ p("tr", { children: [
528
+ /* @__PURE__ */ d("th", { children: "Round" }),
529
+ /* @__PURE__ */ d("th", { children: "Your Answer" }),
530
+ /* @__PURE__ */ d("th", { children: "Correct" }),
531
+ /* @__PURE__ */ d("th", { children: "Result" })
489
532
  ] }) }),
490
- /* @__PURE__ */ w("tbody", { children: In.map((i, e) => /* @__PURE__ */ g("tr", { children: [
491
- /* @__PURE__ */ w("td", { style: t.gmTableCell, children: i.round }),
492
- /* @__PURE__ */ w("td", { style: t.gmTableCell, children: i.answer || "—" }),
493
- /* @__PURE__ */ w("td", { style: t.gmTableCell, children: i.correct }),
494
- /* @__PURE__ */ w("td", { style: t.gmTableCell, children: i.result === "correct" ? "✔ Correct" : i.result === "almost" ? "◐ Almost (0.5)" : "✘ Wrong" })
533
+ /* @__PURE__ */ d("tbody", { children: Mn.map((i, e) => /* @__PURE__ */ p("tr", { children: [
534
+ /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.round }),
535
+ /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.answer || "—" }),
536
+ /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.correct }),
537
+ /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.result === "correct" ? "✔ Correct" : i.result === "almost" ? "◐ Almost (0.5)" : "✘ Wrong" })
495
538
  ] }, e)) })
496
539
  ] }),
497
- /* @__PURE__ */ g("div", { style: {
540
+ /* @__PURE__ */ p("div", { style: {
498
541
  display: "flex",
499
542
  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",
500
- 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 || b ? "12px" : "24px"
543
+ 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"
501
544
  }, children: [
502
- /* @__PURE__ */ w("button", { style: {
503
- ...t.gmButton,
545
+ /* @__PURE__ */ d("button", { style: {
546
+ ...w.gmButton,
504
547
  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",
505
548
  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",
506
549
  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"
507
- }, onClick: sn, children: "🔁 Play again" }),
508
- /* @__PURE__ */ w("button", { style: {
509
- ...t.gmButton,
550
+ }, onClick: yn, children: "🔁 Play again" }),
551
+ /* @__PURE__ */ d("button", { style: {
552
+ ...w.gmButton,
510
553
  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",
511
554
  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",
512
555
  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"
513
- }, onClick: Dn, children: "⬅️ Choose theme" })
556
+ }, onClick: qn, children: "⬅️ Choose theme" })
514
557
  ] })
515
558
  ] }),
516
- z && !A && /* @__PURE__ */ g("div", { style: t.gmGameLayout, children: [
517
- /* @__PURE__ */ g(
559
+ R && !F && /* @__PURE__ */ p("div", { style: w.gmGameLayout, children: [
560
+ /* @__PURE__ */ p(
518
561
  "div",
519
562
  {
520
563
  style: {
@@ -526,28 +569,28 @@ function wi({
526
569
  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 ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "15px" : "40px"
527
570
  },
528
571
  children: [
529
- I === "ready" && /* @__PURE__ */ g(mn, { children: [
530
- /* @__PURE__ */ w("h1", { style: { ...t.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
531
- /* @__PURE__ */ w("div", { style: t.gmHourglass, children: "⏳" })
572
+ S === "ready" && /* @__PURE__ */ p(Pn, { children: [
573
+ /* @__PURE__ */ d("h1", { style: { ...w.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
574
+ /* @__PURE__ */ d("div", { style: w.gmHourglass, children: "⏳" })
532
575
  ] }),
533
- I === "memorize" && /* @__PURE__ */ g("p", { style: { ...t.gmBodyM, color: "#10b981" }, children: [
576
+ S === "memorize" && /* @__PURE__ */ p("p", { style: { ...w.gmBodyM, color: "#10b981" }, children: [
534
577
  "MEMORIZE (",
535
- E,
578
+ q,
536
579
  ")"
537
580
  ] }),
538
- I === "guess" && !S && /* @__PURE__ */ g("p", { style: t.gmBodyM, children: [
581
+ S === "guess" && !T && /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
539
582
  "⏳ Time left: ",
540
- G,
583
+ O,
541
584
  "s"
542
585
  ] })
543
586
  ]
544
587
  }
545
588
  ),
546
- I !== "ready" && /* @__PURE__ */ w(
589
+ S !== "ready" && /* @__PURE__ */ d(
547
590
  "div",
548
591
  {
549
592
  style: {
550
- ...t.gmGrid,
593
+ ...w.gmGrid,
551
594
  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)" : "repeat(3, 210px)",
552
595
  // desktop: 3 колонки фиксированного размера
553
596
  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" : "210px",
@@ -557,9 +600,9 @@ function wi({
557
600
  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%",
558
601
  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" : "16px"
559
602
  },
560
- children: T.map((i, e) => {
561
- const o = v === e && I === "guess" && !S;
562
- return /* @__PURE__ */ w(
603
+ children: L.map((i, e) => {
604
+ const t = k === e && S === "guess" && !T;
605
+ return /* @__PURE__ */ d(
563
606
  "div",
564
607
  {
565
608
  style: {
@@ -570,84 +613,91 @@ function wi({
570
613
  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)",
571
614
  transition: "all 0.3s ease",
572
615
  cursor: "pointer",
573
- ...on === "correct" && v === e ? {
616
+ ...mn === "correct" && k === e ? {
574
617
  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",
575
618
  transform: "scale(1.03)"
576
619
  } : {},
577
- ...on === "wrong" && v === e ? {
620
+ ...mn === "wrong" && k === e ? {
578
621
  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",
579
622
  transform: "scale(1.03)"
580
623
  } : {}
581
624
  },
582
- children: !o && /* @__PURE__ */ w(
583
- "img",
584
- {
585
- src: i.src,
586
- alt: i.name,
587
- style: {
588
- width: "100%",
589
- height: "100%",
590
- objectFit: "cover"
591
- }
592
- }
593
- )
625
+ children: !t && (() => {
626
+ const r = N.current.get(i.src), b = r?.complete && r.src ? r.src : i.src;
627
+ return /* @__PURE__ */ d(
628
+ "img",
629
+ {
630
+ src: b,
631
+ alt: i.name,
632
+ fetchPriority: "high",
633
+ loading: "eager",
634
+ decoding: "async",
635
+ style: {
636
+ width: "100%",
637
+ height: "100%",
638
+ objectFit: "cover"
639
+ }
640
+ },
641
+ `${i.src}-${r?.complete ? "loaded" : "pending"}`
642
+ );
643
+ })()
594
644
  },
595
645
  e
596
646
  );
597
647
  })
598
648
  }
599
649
  ),
600
- /* @__PURE__ */ g("div", { style: {
650
+ /* @__PURE__ */ p("div", { style: {
601
651
  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" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "4px" : "16px",
602
652
  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" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
603
653
  }, children: [
604
- I === "guess" && !S && /* @__PURE__ */ w("div", { style: {
654
+ S === "guess" && !T && /* @__PURE__ */ d("div", { style: {
605
655
  display: "flex",
606
- flexDirection: q ? "row" : "column",
607
- 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 || b || s || p || a || l || x || H || c || W ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
656
+ flexDirection: en ? "row" : "column",
657
+ 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 || x || c || H || W || m || f || u ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
608
658
  alignItems: "center",
609
659
  justifyContent: "center",
610
660
  width: "100%",
611
- 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 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
612
- }, children: /* @__PURE__ */ g(mn, { children: [
613
- /* @__PURE__ */ w(
661
+ 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 || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
662
+ }, children: /* @__PURE__ */ p(Pn, { children: [
663
+ /* @__PURE__ */ d(
614
664
  "input",
615
665
  {
616
666
  type: "text",
617
667
  placeholder: "Type the missing word",
618
- value: j,
619
- onChange: (i) => wn(i.target.value),
668
+ value: U,
669
+ onChange: (i) => Hn(i.target.value),
620
670
  style: {
621
- ...t.gmInput,
622
- 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 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "250px" : "auto",
623
- 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 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
624
- 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 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
625
- flex: q ? "1" : "none"
671
+ ...w.gmInput,
672
+ 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 || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "250px" : "auto",
673
+ 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 || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
674
+ 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 || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
675
+ flex: en ? "1" : "none"
626
676
  }
627
677
  }
628
678
  ),
629
- /* @__PURE__ */ w(
679
+ /* @__PURE__ */ d(
630
680
  "button",
631
681
  {
632
682
  style: {
633
- ...t.gmButton,
634
- marginLeft: q ? "8px" : "0",
635
- 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 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
636
- 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 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
637
- 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 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
683
+ ...w.gmButton,
684
+ marginLeft: en ? "8px" : "0",
685
+ 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 || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
686
+ 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 || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
687
+ 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 || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
638
688
  flexShrink: 0
639
689
  },
640
- onClick: jn,
641
- disabled: N,
642
- children: N ? "..." : "Check"
690
+ onClick: Vn,
691
+ disabled: X,
692
+ children: X ? "..." : "Check"
643
693
  }
644
694
  )
645
695
  ] }) }),
646
- S && /* @__PURE__ */ w("button", { style: {
647
- ...t.gmButton,
648
- 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 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
649
- 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 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
650
- }, onClick: En, children: "Next round" })
696
+ T && /* @__PURE__ */ d("button", { style: {
697
+ ...w.gmButton,
698
+ 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 || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
699
+ 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 || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
700
+ }, onClick: _n, children: "Next round" })
651
701
  ] })
652
702
  ] })
653
703
  ] })
@@ -659,6 +709,6 @@ function wi({
659
709
  );
660
710
  }
661
711
  export {
662
- wi as Game,
663
- un as themes
712
+ li as Game,
713
+ _ as themes
664
714
  };