@mblinkov/whats-missing 20.0.48 → 20.0.50

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