@mblinkov/whats-missing 20.0.47 → 20.0.48

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