@mblinkov/whats-missing 20.0.45 → 20.0.46

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