@mblinkov/whats-missing 20.0.45 → 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 +245 -0
  2. package/dist/whats-missing.cjs.js +3 -3
  3. package/dist/whats-missing.es.js +177 -171
  4. package/package.json +1 -1
  5. package/src/Game.tsx +176 -131
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 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
- })), Nn = [
6
+ })), $n = [
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
+ ], qn = [
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
+ ], Kn = [
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
+ ], 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); }
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 = On, document.head.appendChild(r);
85
85
  }
86
- const qn = {
86
+ const Zn = {
87
87
  animation: "spin 1.4s linear infinite"
88
- }, e = {
88
+ }, t = {
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
+ ...Zn
222
222
  }
223
- }, Kn = () => {
224
- const o = document.createElement("style");
225
- o.textContent = `
223
+ }, Jn = () => {
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,99 @@ 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
+ }, Qn = (r, f) => {
255
+ const y = Array.from({ length: r.length + 1 }, () => Array(f.length + 1).fill(0));
256
+ for (let h = 0; h <= r.length; h++) y[h][0] = h;
257
+ for (let h = 0; h <= f.length; h++) y[0][h] = h;
258
+ for (let h = 1; h <= r.length; h++)
259
+ for (let u = 1; u <= f.length; u++)
260
+ y[h][u] = r[h - 1] === f[u - 1] ? y[h - 1][u - 1] : Math.min(y[h - 1][u - 1], y[h][u - 1], y[h - 1][u]) + 1;
261
+ return y[r.length][f.length];
260
262
  };
261
- function ii({
262
- gameCubeSize: o,
263
- screenHeight: b,
263
+ function wi({
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 = Nn(null);
269
+ K(() => (Jn(), () => {
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, 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(() => {
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);
276
- else if (v)
277
- $(o && o >= 400 ? o : null), _(1);
277
+ const e = y ?? window.innerWidth, o = f ?? window.innerHeight, m = e < 768 || e === 926 && o === 428 || e === 932 && o === 430, k = o < 700, P = e === 768 && o === 1024, R = e === 1024 && o === 768, an = e === 820 && o === 1180, ln = e === 1180 && o === 820, xn = e === 540 && o === 720, Hn = e === 720 && o === 540, cn = e === 1024 && o === 1366, Wn = e === 1366 && o === 1024, Fn = e >= 1200 && o >= 600 && !m;
278
+ kn(Fn), Pn(P), Tn(R), zn(an), Ln(ln), Rn(xn), Mn(Hn), Bn(cn), Cn(Wn);
279
+ const Yn = m && e > o || o < 700 || e === 1366 && o === 766 || e === 1366 && o === 768 || e === 1280 && o === 720 || e === 1440 && o === 900 || P || R || an || ln || xn || Hn || cn || Wn || b;
280
+ if (An(Yn), Sn(m), m)
281
+ $(r && r >= 320 ? r : null), _(1);
282
+ else if (k)
283
+ $(r && r >= 400 ? r : null), _(1);
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 Un = r ? Math.max(400, Math.min(1200, r)) : Math.min(1e3, Math.min(e, o) * 0.9);
286
+ $(Un), _(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 gn = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), sn = () => {
292
+ if (!u) return;
293
+ const i = gn(un[u]);
294
+ J(i), Q(!0), Y(!1), X(1), F(0), V([]), rn([]), pn(i, [], !0);
295
+ }, pn = (i = T, e = vn, o = !1) => {
296
+ const m = gn(i.length ? i : un[u]);
297
+ let k = Math.floor(Math.random() * m.length), P = m[k].name, R = 0;
298
+ for (; e.includes(P) && R < 20; )
299
+ k = Math.floor(Math.random() * m.length), P = m[k].name, R++;
300
+ J(m), yn(k), rn([...e, P]), U(!1), wn(""), tn(20), L(null), o ? (C("ready"), en(3), D(10)) : (C("memorize"), D(10));
295
301
  };
296
- q(() => {
297
- if (!(!z || R || k)) {
302
+ K(() => {
303
+ if (!(!z || A || S)) {
298
304
  if (I === "ready")
299
- if (X <= 0) B("memorize");
305
+ if (nn <= 0) C("memorize");
300
306
  else {
301
- const i = setTimeout(() => nn((t) => t - 1), 1e3);
307
+ const i = setTimeout(() => en((e) => e - 1), 1e3);
302
308
  return () => clearTimeout(i);
303
309
  }
304
310
  if (I === "memorize")
305
- if (D <= 0) B("guess");
311
+ if (E <= 0) C("guess");
306
312
  else {
307
- const i = setTimeout(() => E((t) => t - 1), 1e3);
313
+ const i = setTimeout(() => D((e) => e - 1), 1e3);
308
314
  return () => clearTimeout(i);
309
315
  }
310
316
  if (I === "guess") {
311
317
  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" }
318
+ U(!0), L("wrong");
319
+ const e = T[v].name;
320
+ V((o) => [
321
+ ...o,
322
+ { round: B, answer: j, correct: e, result: "wrong" }
317
323
  ]);
318
324
  return;
319
325
  }
320
- const i = setTimeout(() => en((t) => t - 1), 1e3);
326
+ const i = setTimeout(() => tn((e) => e - 1), 1e3);
321
327
  return () => clearTimeout(i);
322
328
  }
323
329
  }
324
- }, [I, X, D, G, z, R, k, T, S, C, A]);
325
- const zn = () => {
326
- 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);
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);
331
337
  }, 600);
332
- }, Pn = () => C < M ? (Q((i) => i + 1), sn()) : Y(!0), Ln = () => {
333
- J(!1), Y(!1), O(null);
334
- }, Mn = Yn(
338
+ }, En = () => B < M ? (X((i) => i + 1), pn()) : Y(!0), Dn = () => {
339
+ Q(!1), Y(!1), Z(null);
340
+ }, Gn = Vn(
335
341
  () => n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? null : (
336
342
  // 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: [
343
+ /* @__PURE__ */ w("div", { style: { ...t.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ g("picture", { children: [
338
344
  /* @__PURE__ */ w(
339
345
  "source",
340
346
  {
@@ -347,7 +353,7 @@ function ii({
347
353
  {
348
354
  src: window.origin + "/cloud/speakid/games/whatsmissing/logo.png",
349
355
  alt: "SPEAKID Logo",
350
- style: e.gmLogoImg,
356
+ style: t.gmLogoImg,
351
357
  loading: "lazy"
352
358
  }
353
359
  )
@@ -378,8 +384,8 @@ function ii({
378
384
  "div",
379
385
  {
380
386
  style: {
381
- width: n ? "100%" : rn || o || 1e3,
382
- height: n ? "100%" : rn || o || 1e3,
387
+ width: n ? "100%" : hn || r || 1e3,
388
+ height: n ? "100%" : hn || r || 1e3,
383
389
  display: "flex",
384
390
  justifyContent: "center",
385
391
  alignItems: "center",
@@ -402,113 +408,113 @@ function ii({
402
408
  justifyContent: "center",
403
409
  alignItems: "center"
404
410
  },
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:" }),
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:" }),
410
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: {
411
- ...e.gmButton,
417
+ ...t.gmButton,
412
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",
413
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",
414
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"
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:" }),
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:" }),
418
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(
419
425
  "button",
420
426
  {
421
427
  style: {
422
- ...e.gmButton,
423
- ...M === i ? e.gmButtonActive : {},
428
+ ...t.gmButton,
429
+ ...M === i ? t.gmButtonActive : {},
424
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",
425
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",
426
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"
427
433
  },
428
- onClick: () => ln(i),
434
+ onClick: () => fn(i),
429
435
  children: i
430
436
  },
431
437
  i
432
438
  )) })
433
439
  ] })
434
440
  ] }),
435
- m && !z && /* @__PURE__ */ c("div", { style: e.gmCenterScreen, children: [
436
- /* @__PURE__ */ c("h1", { style: e.gmHeadline1, children: [
441
+ u && !z && /* @__PURE__ */ g("div", { style: t.gmCenterScreen, children: [
442
+ /* @__PURE__ */ g("h1", { style: t.gmHeadline1, children: [
437
443
  "Theme selected: ",
438
- m
444
+ u
439
445
  ] }),
440
- /* @__PURE__ */ c("p", { style: e.gmBodyM, children: [
446
+ /* @__PURE__ */ g("p", { style: t.gmBodyM, children: [
441
447
  "Rounds: ",
442
448
  M
443
449
  ] }),
444
450
  /* @__PURE__ */ w("button", { style: {
445
- ...e.gmButton,
451
+ ...t.gmButton,
446
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",
447
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",
448
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"
449
- }, onClick: gn, children: "▶ Start game" })
455
+ }, onClick: sn, children: "▶ Start game" })
450
456
  ] }),
451
- R && /* @__PURE__ */ c("div", { style: e.gmCenterScreen, children: [
457
+ A && /* @__PURE__ */ g("div", { style: t.gmCenterScreen, children: [
452
458
  /* @__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
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
456
462
  }, 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
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
461
467
  }, children: [
462
468
  "Your score: ",
463
- Hn,
469
+ bn,
464
470
  " / ",
465
471
  M
466
472
  ] }),
467
473
  /* @__PURE__ */ w("p", { style: {
468
- ...e.gmBodyM,
474
+ ...t.gmBodyM,
469
475
  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
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
472
478
  }, 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"
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"
477
483
  }, children: [
478
- /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ c("tr", { children: [
484
+ /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ g("tr", { children: [
479
485
  /* @__PURE__ */ w("th", { children: "Round" }),
480
486
  /* @__PURE__ */ w("th", { children: "Your Answer" }),
481
487
  /* @__PURE__ */ w("th", { children: "Correct" }),
482
488
  /* @__PURE__ */ w("th", { children: "Result" })
483
489
  ] }) }),
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)) })
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" })
495
+ ] }, e)) })
490
496
  ] }),
491
- /* @__PURE__ */ c("div", { style: {
497
+ /* @__PURE__ */ g("div", { style: {
492
498
  display: "flex",
493
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",
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"
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"
495
501
  }, children: [
496
502
  /* @__PURE__ */ w("button", { style: {
497
- ...e.gmButton,
503
+ ...t.gmButton,
498
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",
499
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",
500
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"
501
- }, onClick: gn, children: "🔁 Play again" }),
507
+ }, onClick: sn, children: "🔁 Play again" }),
502
508
  /* @__PURE__ */ w("button", { style: {
503
- ...e.gmButton,
509
+ ...t.gmButton,
504
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",
505
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",
506
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"
507
- }, onClick: Ln, children: "⬅️ Choose theme" })
513
+ }, onClick: Dn, children: "⬅️ Choose theme" })
508
514
  ] })
509
515
  ] }),
510
- z && !R && /* @__PURE__ */ c("div", { style: e.gmGameLayout, children: [
511
- /* @__PURE__ */ c(
516
+ z && !A && /* @__PURE__ */ g("div", { style: t.gmGameLayout, children: [
517
+ /* @__PURE__ */ g(
512
518
  "div",
513
519
  {
514
520
  style: {
@@ -520,16 +526,16 @@ function ii({
520
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"
521
527
  },
522
528
  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: "⏳" })
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: "⏳" })
526
532
  ] }),
527
- I === "memorize" && /* @__PURE__ */ c("p", { style: { ...e.gmBodyM, color: "#10b981" }, children: [
533
+ I === "memorize" && /* @__PURE__ */ g("p", { style: { ...t.gmBodyM, color: "#10b981" }, children: [
528
534
  "MEMORIZE (",
529
- D,
535
+ E,
530
536
  ")"
531
537
  ] }),
532
- I === "guess" && !k && /* @__PURE__ */ c("p", { style: e.gmBodyM, children: [
538
+ I === "guess" && !S && /* @__PURE__ */ g("p", { style: t.gmBodyM, children: [
533
539
  "⏳ Time left: ",
534
540
  G,
535
541
  "s"
@@ -541,18 +547,18 @@ function ii({
541
547
  "div",
542
548
  {
543
549
  style: {
544
- ...e.gmGrid,
550
+ ...t.gmGrid,
545
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)",
546
552
  // 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",
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",
548
554
  // 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",
555
+ 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
556
  justifyItems: "center",
551
557
  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"
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"
553
559
  },
554
- children: T.map((i, t) => {
555
- const r = S === t && I === "guess" && !k;
560
+ children: T.map((i, e) => {
561
+ const o = v === e && I === "guess" && !S;
556
562
  return /* @__PURE__ */ w(
557
563
  "div",
558
564
  {
@@ -564,16 +570,16 @@ function ii({
564
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)",
565
571
  transition: "all 0.3s ease",
566
572
  cursor: "pointer",
567
- ...dn === "correct" && S === t ? {
573
+ ...on === "correct" && v === e ? {
568
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",
569
575
  transform: "scale(1.03)"
570
576
  } : {},
571
- ...dn === "wrong" && S === t ? {
577
+ ...on === "wrong" && v === e ? {
572
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",
573
579
  transform: "scale(1.03)"
574
580
  } : {}
575
581
  },
576
- children: !r && /* @__PURE__ */ w(
582
+ children: !o && /* @__PURE__ */ w(
577
583
  "img",
578
584
  {
579
585
  src: i.src,
@@ -586,37 +592,37 @@ function ii({
586
592
  }
587
593
  )
588
594
  },
589
- t
595
+ e
590
596
  );
591
597
  })
592
598
  }
593
599
  ),
594
- /* @__PURE__ */ c("div", { style: {
600
+ /* @__PURE__ */ g("div", { style: {
595
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",
596
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"
597
603
  }, children: [
598
- I === "guess" && !k && /* @__PURE__ */ w("div", { style: {
604
+ I === "guess" && !S && /* @__PURE__ */ w("div", { style: {
599
605
  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",
606
+ flexDirection: q ? "row" : "column",
607
+ gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "3px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || b || s || p || a || l || x || H || c || W ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
602
608
  alignItems: "center",
603
609
  justifyContent: "center",
604
610
  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: [
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: [
607
613
  /* @__PURE__ */ w(
608
614
  "input",
609
615
  {
610
616
  type: "text",
611
617
  placeholder: "Type the missing word",
612
- value: A,
618
+ value: j,
613
619
  onChange: (i) => wn(i.target.value),
614
620
  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"
621
+ ...t.gmInput,
622
+ width: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "170px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "250px" : "auto",
623
+ padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "5px 6px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
624
+ fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 ? "10px" : window.innerWidth === 896 && window.innerHeight === 414 ? "11px" : window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
625
+ flex: q ? "1" : "none"
620
626
  }
621
627
  }
622
628
  ),
@@ -624,24 +630,24 @@ function ii({
624
630
  "button",
625
631
  {
626
632
  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",
633
+ ...t.gmButton,
634
+ marginLeft: q ? "8px" : "0",
635
+ padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
636
+ fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
637
+ minWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "45px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "55px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || b || s || p || a || l || x || H || c || W || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
632
638
  flexShrink: 0
633
639
  },
634
- onClick: zn,
640
+ onClick: jn,
635
641
  disabled: N,
636
642
  children: N ? "..." : "Check"
637
643
  }
638
644
  )
639
645
  ] }) }),
640
- 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" })
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" })
645
651
  ] })
646
652
  ] })
647
653
  ] })
@@ -653,6 +659,6 @@ function ii({
653
659
  );
654
660
  }
655
661
  export {
656
- ii as Game,
657
- an as themes
662
+ wi as Game,
663
+ un as themes
658
664
  };