@mblinkov/whats-missing 20.0.46 → 20.0.47

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 +27 -1
  2. package/dist/whats-missing.cjs.js +3 -3
  3. package/dist/whats-missing.es.js +151 -182
  4. package/package.json +1 -1
  5. package/src/Game.tsx +136 -191
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 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
5
  name: h
6
- })), Qn = [
6
+ })), $n = [
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
+ ], qn = [
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
+ ], Kn = [
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
+ ], un = {
73
+ food: O($n, "food"),
74
+ animals: O(qn, "animals"),
75
+ toys: O(Kn, "toys")
76
+ }, On = `
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 = On, document.head.appendChild(r);
85
85
  }
86
- const ni = {
86
+ const Zn = {
87
87
  animation: "spin 1.4s linear infinite"
88
- }, d = {
88
+ }, t = {
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
+ ...Zn
222
222
  }
223
- }, ii = () => {
223
+ }, Jn = () => {
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
+ }, Qn = (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;
@@ -260,63 +260,51 @@ const ni = {
260
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
261
  return y[r.length][f.length];
262
262
  };
263
- function si({
263
+ function wi({
264
264
  gameCubeSize: r,
265
265
  screenHeight: f,
266
266
  screenWidth: y
267
267
  }) {
268
- const h = qn(null);
269
- Q(() => (ii(), () => {
268
+ const h = Nn(null);
269
+ K(() => (Jn(), () => {
270
270
  document.documentElement.style.overflow = "", document.body.style.overflow = "";
271
271
  const i = document.getElementById("whats-missing-reset");
272
272
  i && i.remove();
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, 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(() => {
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)
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
281
  $(r && r >= 320 ? r : null), _(1);
282
- else if (v)
282
+ else if (k)
283
283
  $(r && r >= 400 ? r : null), _(1);
284
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);
285
+ const Un = r ? Math.max(400, Math.min(1200, r)) : Math.min(1e3, Math.min(e, o) * 0.9);
286
+ $(Un), _(1);
287
287
  }
288
288
  };
289
289
  return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
290
290
  }, [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 () => {
291
+ const gn = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), sn = () => {
300
292
  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;
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;
310
298
  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));
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));
313
301
  };
314
- Q(() => {
315
- if (!(!z || A || k)) {
302
+ K(() => {
303
+ if (!(!z || A || S)) {
316
304
  if (I === "ready")
317
- if (wn <= 0) C("memorize");
305
+ if (nn <= 0) C("memorize");
318
306
  else {
319
- const i = setTimeout(() => dn((e) => e - 1), 1e3);
307
+ const i = setTimeout(() => en((e) => e - 1), 1e3);
320
308
  return () => clearTimeout(i);
321
309
  }
322
310
  if (I === "memorize")
@@ -328,31 +316,31 @@ function si({
328
316
  if (I === "guess") {
329
317
  if (G <= 0) {
330
318
  U(!0), L("wrong");
331
- const e = T[S].name;
332
- V((t) => [
333
- ...t,
334
- { round: M, answer: j, correct: e, result: "wrong" }
319
+ const e = T[v].name;
320
+ V((o) => [
321
+ ...o,
322
+ { round: B, answer: j, correct: e, result: "wrong" }
335
323
  ]);
336
324
  return;
337
325
  }
338
- const i = setTimeout(() => on((e) => e - 1), 1e3);
326
+ const i = setTimeout(() => tn((e) => e - 1), 1e3);
339
327
  return () => clearTimeout(i);
340
328
  }
341
329
  }
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();
346
- 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);
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);
349
337
  }, 600);
350
- }, Yn = () => M < B ? (tn((i) => i + 1), Hn()) : Y(!0), Un = () => {
351
- en(!1), Y(!1), X(null);
352
- }, Nn = Kn(
338
+ }, En = () => B < M ? (X((i) => i + 1), pn()) : Y(!0), Dn = () => {
339
+ Q(!1), Y(!1), Z(null);
340
+ }, Gn = Vn(
353
341
  () => n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? null : (
354
342
  // 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: [
343
+ /* @__PURE__ */ w("div", { style: { ...t.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ g("picture", { children: [
356
344
  /* @__PURE__ */ w(
357
345
  "source",
358
346
  {
@@ -365,7 +353,7 @@ function si({
365
353
  {
366
354
  src: window.origin + "/cloud/speakid/games/whatsmissing/logo.png",
367
355
  alt: "SPEAKID Logo",
368
- style: d.gmLogoImg,
356
+ style: t.gmLogoImg,
369
357
  loading: "lazy"
370
358
  }
371
359
  )
@@ -396,8 +384,8 @@ function si({
396
384
  "div",
397
385
  {
398
386
  style: {
399
- width: n ? "100%" : an || r || 1e3,
400
- height: n ? "100%" : an || r || 1e3,
387
+ width: n ? "100%" : hn || r || 1e3,
388
+ height: n ? "100%" : hn || r || 1e3,
401
389
  display: "flex",
402
390
  justifyContent: "center",
403
391
  alignItems: "center",
@@ -420,113 +408,113 @@ function si({
420
408
  justifyContent: "center",
421
409
  alignItems: "center"
422
410
  },
423
- 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:" }),
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:" }),
428
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: {
429
- ...d.gmButton,
417
+ ...t.gmButton,
430
418
  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
419
  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
420
  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)) }),
434
- /* @__PURE__ */ s("div", { style: { marginTop: 24 }, children: [
435
- /* @__PURE__ */ w("p", { style: d.gmBodyS, children: "Choose number of rounds:" }),
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:" }),
436
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(
437
425
  "button",
438
426
  {
439
427
  style: {
440
- ...d.gmButton,
441
- ...B === i ? d.gmButtonActive : {},
428
+ ...t.gmButton,
429
+ ...M === i ? t.gmButtonActive : {},
442
430
  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
431
  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
432
  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
433
  },
446
- onClick: () => In(i),
434
+ onClick: () => fn(i),
447
435
  children: i
448
436
  },
449
437
  i
450
438
  )) })
451
439
  ] })
452
440
  ] }),
453
- u && !z && /* @__PURE__ */ s("div", { style: d.gmCenterScreen, children: [
454
- /* @__PURE__ */ s("h1", { style: d.gmHeadline1, children: [
441
+ u && !z && /* @__PURE__ */ g("div", { style: t.gmCenterScreen, children: [
442
+ /* @__PURE__ */ g("h1", { style: t.gmHeadline1, children: [
455
443
  "Theme selected: ",
456
444
  u
457
445
  ] }),
458
- /* @__PURE__ */ s("p", { style: d.gmBodyM, children: [
446
+ /* @__PURE__ */ g("p", { style: t.gmBodyM, children: [
459
447
  "Rounds: ",
460
- B
448
+ M
461
449
  ] }),
462
450
  /* @__PURE__ */ w("button", { style: {
463
- ...d.gmButton,
451
+ ...t.gmButton,
464
452
  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
453
  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
454
  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" })
455
+ }, onClick: sn, children: "▶ Start game" })
468
456
  ] }),
469
- A && /* @__PURE__ */ s("div", { style: d.gmCenterScreen, children: [
457
+ A && /* @__PURE__ */ g("div", { style: t.gmCenterScreen, children: [
470
458
  /* @__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
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
474
462
  }, children: "Results" }),
475
- /* @__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
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
479
467
  }, children: [
480
468
  "Your score: ",
481
- Sn,
469
+ bn,
482
470
  " / ",
483
- B
471
+ M
484
472
  ] }),
485
473
  /* @__PURE__ */ w("p", { style: {
486
- ...d.gmBodyM,
474
+ ...t.gmBodyM,
487
475
  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
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
490
478
  }, children: "Yahoo! You did it! 🍬✨" }),
491
- /* @__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"
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"
495
483
  }, children: [
496
- /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ s("tr", { children: [
484
+ /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ g("tr", { children: [
497
485
  /* @__PURE__ */ w("th", { children: "Round" }),
498
486
  /* @__PURE__ */ w("th", { children: "Your Answer" }),
499
487
  /* @__PURE__ */ w("th", { children: "Correct" }),
500
488
  /* @__PURE__ */ w("th", { children: "Result" })
501
489
  ] }) }),
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" })
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" })
507
495
  ] }, e)) })
508
496
  ] }),
509
- /* @__PURE__ */ s("div", { style: {
497
+ /* @__PURE__ */ g("div", { style: {
510
498
  display: "flex",
511
499
  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
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"
513
501
  }, children: [
514
502
  /* @__PURE__ */ w("button", { style: {
515
- ...d.gmButton,
503
+ ...t.gmButton,
516
504
  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
505
  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
506
  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" }),
507
+ }, onClick: sn, children: "🔁 Play again" }),
520
508
  /* @__PURE__ */ w("button", { style: {
521
- ...d.gmButton,
509
+ ...t.gmButton,
522
510
  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
511
  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
512
  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" })
513
+ }, onClick: Dn, children: "⬅️ Choose theme" })
526
514
  ] })
527
515
  ] }),
528
- z && !A && /* @__PURE__ */ s("div", { style: d.gmGameLayout, children: [
529
- /* @__PURE__ */ s(
516
+ z && !A && /* @__PURE__ */ g("div", { style: t.gmGameLayout, children: [
517
+ /* @__PURE__ */ g(
530
518
  "div",
531
519
  {
532
520
  style: {
@@ -538,16 +526,16 @@ function si({
538
526
  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
527
  },
540
528
  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: "⏳" })
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: "⏳" })
544
532
  ] }),
545
- I === "memorize" && /* @__PURE__ */ s("p", { style: { ...d.gmBodyM, color: "#10b981" }, children: [
533
+ I === "memorize" && /* @__PURE__ */ g("p", { style: { ...t.gmBodyM, color: "#10b981" }, children: [
546
534
  "MEMORIZE (",
547
535
  E,
548
536
  ")"
549
537
  ] }),
550
- I === "guess" && !k && /* @__PURE__ */ s("p", { style: d.gmBodyM, children: [
538
+ I === "guess" && !S && /* @__PURE__ */ g("p", { style: t.gmBodyM, children: [
551
539
  "⏳ Time left: ",
552
540
  G,
553
541
  "s"
@@ -559,7 +547,7 @@ function si({
559
547
  "div",
560
548
  {
561
549
  style: {
562
- ...d.gmGrid,
550
+ ...t.gmGrid,
563
551
  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
552
  // desktop: 3 колонки фиксированного размера
565
553
  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",
@@ -570,7 +558,7 @@ function si({
570
558
  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
559
  },
572
560
  children: T.map((i, e) => {
573
- const t = S === e && I === "guess" && !k;
561
+ const o = v === e && I === "guess" && !S;
574
562
  return /* @__PURE__ */ w(
575
563
  "div",
576
564
  {
@@ -582,77 +570,58 @@ function si({
582
570
  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
571
  transition: "all 0.3s ease",
584
572
  cursor: "pointer",
585
- ...gn === "correct" && S === e ? {
573
+ ...on === "correct" && v === e ? {
586
574
  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
575
  transform: "scale(1.03)"
588
576
  } : {},
589
- ...gn === "wrong" && S === e ? {
577
+ ...on === "wrong" && v === e ? {
590
578
  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
579
  transform: "scale(1.03)"
592
580
  } : {}
593
581
  },
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
- }
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"
622
591
  }
623
- )
624
- ] })
592
+ }
593
+ )
625
594
  },
626
595
  e
627
596
  );
628
597
  })
629
598
  }
630
599
  ),
631
- /* @__PURE__ */ s("div", { style: {
600
+ /* @__PURE__ */ g("div", { style: {
632
601
  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
602
  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
603
  }, children: [
635
- I === "guess" && !k && /* @__PURE__ */ w("div", { style: {
604
+ I === "guess" && !S && /* @__PURE__ */ w("div", { style: {
636
605
  display: "flex",
637
606
  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",
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",
639
608
  alignItems: "center",
640
609
  justifyContent: "center",
641
610
  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: [
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: [
644
613
  /* @__PURE__ */ w(
645
614
  "input",
646
615
  {
647
616
  type: "text",
648
617
  placeholder: "Type the missing word",
649
618
  value: j,
650
- onChange: (i) => rn(i.target.value),
619
+ onChange: (i) => wn(i.target.value),
651
620
  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",
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",
656
625
  flex: q ? "1" : "none"
657
626
  }
658
627
  }
@@ -661,24 +630,24 @@ function si({
661
630
  "button",
662
631
  {
663
632
  style: {
664
- ...d.gmButton,
633
+ ...t.gmButton,
665
634
  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",
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",
669
638
  flexShrink: 0
670
639
  },
671
- onClick: Fn,
640
+ onClick: jn,
672
641
  disabled: N,
673
642
  children: N ? "..." : "Check"
674
643
  }
675
644
  )
676
645
  ] }) }),
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" })
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" })
682
651
  ] })
683
652
  ] })
684
653
  ] })
@@ -690,6 +659,6 @@ function si({
690
659
  );
691
660
  }
692
661
  export {
693
- si as Game,
694
- J as themes
662
+ wi as Game,
663
+ un as themes
695
664
  };