@mblinkov/whats-missing 20.0.46 → 20.0.48

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