@mblinkov/whats-missing 20.0.44 → 20.0.45

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