@mblinkov/whats-missing 20.0.53 → 20.0.55

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 (6) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/Game.d.ts +3 -1
  3. package/dist/themes.d.ts +1 -1
  4. package/dist/whats-missing.cjs.js +3 -3
  5. package/dist/whats-missing.es.js +639 -371
  6. package/package.json +42 -42
package/dist/whats-missing.es.js CHANGED
@@ -1,92 +1,18 @@
1
- import { jsx as d, jsxs as p, Fragment as kn } from "react/jsx-runtime";
2
- import { useRef as Z, useEffect as hn, useState as h, useMemo as ii } from "react";
3
- const ei = window.origin + "/cloud/speakid/games/whatsmissing/", gn = (o, l) => o.map(([s, g, ...a]) => ({
4
- src: `${ei}${l}/${g.replace(/\s/g, "%20")}.png`,
5
- name: g,
6
- aliases: a?.length ? a : void 0
7
- })), ti = [
8
- ["apple", "apple"],
9
- ["banana", "banana"],
10
- ["bread", "bread"],
11
- ["burger", "burger"],
12
- ["cake", "cake"],
13
- ["carrot", "carrot"],
14
- ["cheese", "cheese"],
15
- ["chicken", "chicken"],
16
- ["chocolate", "chocolate"],
17
- ["corn", "corn"],
18
- ["donut", "donut"],
19
- ["fish", "fish"],
20
- ["fries", "fries"],
21
- ["grapes", "grapes"],
22
- ["ice_cream", "ice cream"],
23
- ["milk", "milk"],
24
- ["orange", "orange"],
25
- ["pear", "pear"],
26
- ["pizza", "pizza"],
27
- ["rice", "rice"],
28
- ["sandwich", "sandwich"],
29
- ["soup", "soup"],
30
- ["strawberry", "strawberry"],
31
- ["tomato", "tomato"],
32
- ["watermelon", "watermelon"]
33
- ], wi = [
34
- ["bear", "bear"],
35
- ["cat", "cat"],
36
- ["crocodile", "crocodile", "alligator"],
37
- ["dolphin", "dolphin"],
38
- ["elephant", "elephant"],
39
- ["fox", "fox"],
40
- ["giraffe", "giraffe"],
41
- ["horse", "horse"],
42
- ["kangaroo", "kangaroo"],
43
- ["lion", "lion"],
44
- ["monkey", "monkey"],
45
- ["owl", "owl"],
46
- ["panda", "panda"],
47
- ["penguin", "penguin"],
48
- ["squirrel", "squirrel"],
49
- ["tiger", "tiger"],
50
- ["tortoise", "tortoise", "turtle"],
51
- ["wolf", "wolf"],
52
- ["zebra", "zebra"]
53
- ], di = [
54
- ["ball", "ball"],
55
- ["balloon", "balloon"],
56
- ["blocks", "blocks"],
57
- ["car", "car"],
58
- ["doll", "doll"],
59
- ["drum", "drum"],
60
- ["guitar", "guitar"],
61
- ["jump_rope", "jump rope"],
62
- ["kite", "kite"],
63
- ["paints", "paints"],
64
- ["plane", "plane"],
65
- ["puzzle", "puzzle"],
66
- ["rocket", "rocket"],
67
- ["scooter", "scooter"],
68
- ["skateboard", "skateboard"],
69
- ["slide", "slide"],
70
- ["teddy_bear", "teddy bear"],
71
- ["yo-yo", "yo-yo"],
72
- ["crayons", "crayons"]
73
- ], _ = {
74
- food: gn(ti, "food"),
75
- animals: gn(wi, "animals"),
76
- toys: gn(di, "toys")
77
- }, oi = `
1
+ import { jsx as w, jsxs as p, Fragment as Ln } from "react/jsx-runtime";
2
+ import { useRef as U, useEffect as q, useState as h, useMemo as ri } from "react";
3
+ const hi = `
78
4
  @keyframes spin {
79
5
  from { transform: rotate(0deg); }
80
6
  to { transform: rotate(360deg); }
81
7
  }
82
8
  `;
83
9
  if (typeof document < "u" && !document.getElementById("spin-keyframes")) {
84
- const o = document.createElement("style");
85
- o.id = "spin-keyframes", o.innerHTML = oi, document.head.appendChild(o);
10
+ const d = document.createElement("style");
11
+ d.id = "spin-keyframes", d.innerHTML = hi, document.head.appendChild(d);
86
12
  }
87
- const ri = {
13
+ const si = {
88
14
  animation: "spin 1.4s linear infinite"
89
- }, w = {
15
+ }, o = {
90
16
  gmCenterScreen: {
91
17
  position: "relative",
92
18
  zIndex: 1,
@@ -219,11 +145,188 @@ const ri = {
219
145
  },
220
146
  gmHourglass: {
221
147
  fontSize: "42px",
222
- ...ri
148
+ ...si
223
149
  }
224
- }, hi = () => {
225
- const o = document.createElement("style");
226
- o.id = "whats-missing-reset", o.textContent = `
150
+ }, ai = window.origin + "/cloud/speakid/games/whatsmissing/", L = (d, a) => d.map(([g, s, ...b]) => ({
151
+ src: `${ai}${a}/${s.replace(/\s/g, "%20")}.png`,
152
+ name: s,
153
+ aliases: b?.length ? b : void 0
154
+ })), gi = [
155
+ ["apple", "apple"],
156
+ ["banana", "banana"],
157
+ ["bread", "bread"],
158
+ ["burger", "burger"],
159
+ ["cake", "cake"],
160
+ ["carrot", "carrot"],
161
+ ["cheese", "cheese"],
162
+ ["chicken", "chicken"],
163
+ ["chocolate", "chocolate"],
164
+ ["corn", "corn"],
165
+ ["donut", "donut"],
166
+ ["fish", "fish"],
167
+ ["fries", "fries"],
168
+ ["grapes", "grapes"],
169
+ ["ice_cream", "ice cream"],
170
+ ["milk", "milk"],
171
+ ["orange", "orange"],
172
+ ["pear", "pear"],
173
+ ["pizza", "pizza"],
174
+ ["rice", "rice"],
175
+ ["sandwich", "sandwich"],
176
+ ["soup", "soup"],
177
+ ["strawberry", "strawberry"],
178
+ ["tomato", "tomato"],
179
+ ["watermelon", "watermelon"]
180
+ ], pi = [
181
+ ["bear", "bear"],
182
+ ["cat", "cat"],
183
+ ["crocodile", "crocodile", "alligator"],
184
+ ["dolphin", "dolphin"],
185
+ ["elephant", "elephant"],
186
+ ["fox", "fox"],
187
+ ["giraffe", "giraffe"],
188
+ ["horse", "horse"],
189
+ ["kangaroo", "kangaroo"],
190
+ ["lion", "lion"],
191
+ ["monkey", "monkey"],
192
+ ["owl", "owl"],
193
+ ["panda", "panda"],
194
+ ["penguin", "penguin"],
195
+ ["squirrel", "squirrel"],
196
+ ["tiger", "tiger"],
197
+ ["tortoise", "tortoise", "turtle"],
198
+ ["wolf", "wolf"],
199
+ ["zebra", "zebra"]
200
+ ], li = [
201
+ ["ball", "ball"],
202
+ ["balloon", "balloon"],
203
+ ["blocks", "blocks"],
204
+ ["car", "car"],
205
+ ["doll", "doll"],
206
+ ["drum", "drum"],
207
+ ["guitar", "guitar"],
208
+ ["jump_rope", "jump rope"],
209
+ ["kite", "kite"],
210
+ ["paints", "paints"],
211
+ ["plane", "plane"],
212
+ ["puzzle", "puzzle"],
213
+ ["rocket", "rocket"],
214
+ ["scooter", "scooter"],
215
+ ["skateboard", "skateboard"],
216
+ ["slide", "slide"],
217
+ ["teddy_bear", "teddy bear"],
218
+ ["yo-yo", "yo-yo"],
219
+ ["crayons", "crayons"]
220
+ ], ci = [
221
+ ["t-shirt", "T-shirt"],
222
+ ["dress", "dress"],
223
+ ["hat", "hat"],
224
+ ["shoes", "shoes"],
225
+ ["socks", "socks"],
226
+ ["coat", "coat"],
227
+ ["skirt", "skirt"],
228
+ ["trousers", "trousers"],
229
+ ["jacket", "jacket"],
230
+ ["scarf", "scarf"],
231
+ ["gloves", "gloves"],
232
+ ["shorts", "shorts"],
233
+ ["cap", "cap"],
234
+ ["boots", "boots"],
235
+ ["pyjamas", "pyjamas"]
236
+ ], xi = [
237
+ ["car", "car"],
238
+ ["bus", "bus"],
239
+ ["bike", "bike"],
240
+ ["train", "train"],
241
+ ["plane", "plane"],
242
+ ["boat", "boat"],
243
+ ["ship", "ship"],
244
+ ["helicopter", "helicopter"],
245
+ ["lorry", "lorry", "truck"],
246
+ ["taxi", "taxi"],
247
+ ["rocket", "rocket"],
248
+ ["van", "van"],
249
+ ["motorbike", "motorbike"],
250
+ ["tram", "tram"],
251
+ ["submarine", "submarine"]
252
+ ], Hi = [
253
+ ["sun", "sun"],
254
+ ["cloud", "cloud"],
255
+ ["rain", "rain"],
256
+ ["tree", "tree"],
257
+ ["flower", "flower"],
258
+ ["grass", "grass"],
259
+ ["star", "star"],
260
+ ["moon", "moon"],
261
+ ["mountain", "mountain"],
262
+ ["river", "river"],
263
+ ["rainbow", "rainbow"],
264
+ ["snowman", "snowman"],
265
+ ["snow", "snow"],
266
+ ["butterfly", "butterfly"],
267
+ ["bird", "bird"]
268
+ ], Wi = [
269
+ ["bed", "bed"],
270
+ ["table", "table"],
271
+ ["chair", "chair"],
272
+ ["door", "door"],
273
+ ["window", "window"],
274
+ ["lamp", "lamp"],
275
+ ["sofa", "sofa"],
276
+ ["clock", "clock"],
277
+ ["key", "key"],
278
+ ["phone", "phone"],
279
+ ["tv", "TV"],
280
+ ["cup", "cup"],
281
+ ["plate", "plate"],
282
+ ["mirror", "mirror"],
283
+ ["book", "book"]
284
+ ], mi = [
285
+ ["book", "book"],
286
+ ["pen", "pen"],
287
+ ["pencil", "pencil"],
288
+ ["bag", "bag"],
289
+ ["ruler", "ruler"],
290
+ ["rubber", "rubber", "eraser"],
291
+ ["desk", "desk"],
292
+ ["board", "board"],
293
+ ["crayon", "crayon"],
294
+ ["glue", "glue"],
295
+ ["scissors", "scissors"],
296
+ ["notebook", "notebook"],
297
+ ["pencil_case", "pencil case"],
298
+ ["paintbrush", "paintbrush"],
299
+ ["backpack", "backpack"]
300
+ ], K = {
301
+ food: L(gi, "food"),
302
+ animals: L(pi, "animals"),
303
+ toys: L(li, "toys"),
304
+ clothes: L(ci, "clothes"),
305
+ transport: L(xi, "transport"),
306
+ nature: L(Hi, "nature"),
307
+ home: L(Wi, "home"),
308
+ school: L(mi, "school")
309
+ }, ui = [
310
+ "animals",
311
+ "food",
312
+ "toys",
313
+ "clothes",
314
+ "transport",
315
+ "nature",
316
+ "home",
317
+ "school"
318
+ ], fi = {
319
+ animals: "🐶 Animals",
320
+ food: "🍎 Food",
321
+ toys: "🧸 Toys",
322
+ clothes: "👕 Clothes",
323
+ transport: "🚗 Transport",
324
+ nature: "🌳 Nature",
325
+ home: "🏠 Home",
326
+ school: "📚 School"
327
+ }, yi = () => {
328
+ const d = document.createElement("style");
329
+ d.id = "whats-missing-reset", d.textContent = `
227
330
  #whats-missing-root, #whats-missing-root * {
228
331
  box-sizing: border-box;
229
332
  font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
@@ -250,165 +353,197 @@ const ri = {
250
353
  overflow: hidden !important;
251
354
  }
252
355
  `;
253
- const l = document.getElementById("whats-missing-reset");
254
- l && l.remove(), document.head.appendChild(o);
255
- }, gi = (o, l) => {
256
- const s = Array.from({ length: o.length + 1 }, () => Array(l.length + 1).fill(0));
257
- for (let g = 0; g <= o.length; g++) s[g][0] = g;
258
- for (let g = 0; g <= l.length; g++) s[0][g] = g;
259
- for (let g = 1; g <= o.length; g++)
260
- for (let a = 1; a <= l.length; a++)
261
- s[g][a] = o[g - 1] === l[a - 1] ? s[g - 1][a - 1] : Math.min(s[g - 1][a - 1], s[g][a - 1], s[g - 1][a]) + 1;
262
- return s[o.length][l.length];
263
- }, si = (o) => new Promise((l) => {
264
- const s = new Image();
265
- s.onload = () => l(s), s.onerror = () => l(s), s.src = o;
266
- }), sn = async (o, l) => {
267
- const s = /* @__PURE__ */ new Map(), g = o.map(async (a) => {
268
- const E = await si(a);
269
- s.set(a, E);
356
+ const a = document.getElementById("whats-missing-reset");
357
+ a && a.remove(), document.head.appendChild(d);
358
+ };
359
+ class bi {
360
+ constructor(a) {
361
+ this.seed = a;
362
+ }
363
+ // Linear Congruential Generator (LCG)
364
+ // Используем параметры из Numerical Recipes
365
+ next() {
366
+ return this.seed = (this.seed * 1664525 + 1013904223) % Math.pow(2, 32), this.seed / Math.pow(2, 32);
367
+ }
368
+ // Генерирует случайное число от 0 до max (не включая max)
369
+ nextInt(a) {
370
+ return Math.floor(this.next() * a);
371
+ }
372
+ }
373
+ const ki = (d, a) => {
374
+ const g = Array.from({ length: d.length + 1 }, () => Array(a.length + 1).fill(0));
375
+ for (let s = 0; s <= d.length; s++) g[s][0] = s;
376
+ for (let s = 0; s <= a.length; s++) g[0][s] = s;
377
+ for (let s = 1; s <= d.length; s++)
378
+ for (let b = 1; b <= a.length; b++)
379
+ g[s][b] = d[s - 1] === a[b - 1] ? g[s - 1][b - 1] : Math.min(g[s - 1][b - 1], g[s][b - 1], g[s - 1][b]) + 1;
380
+ return g[d.length][a.length];
381
+ }, Ii = (d) => new Promise((a) => {
382
+ const g = new Image();
383
+ g.onload = () => a(g), g.onerror = () => a(g), g.src = d;
384
+ }), pn = async (d, a) => {
385
+ const g = /* @__PURE__ */ new Map(), s = d.map(async (b) => {
386
+ const S = await Ii(b);
387
+ g.set(b, S);
270
388
  });
271
- return await Promise.allSettled(g), s;
389
+ return await Promise.allSettled(s), g;
272
390
  };
273
- function li({
274
- gameCubeSize: o,
275
- screenHeight: l,
276
- screenWidth: s
391
+ function Ti({
392
+ gameCubeSize: d,
393
+ screenHeight: a,
394
+ screenWidth: g,
395
+ seed: s
277
396
  }) {
278
- const g = Z(null);
279
- hn(() => (hi(), () => {
397
+ const b = U(null);
398
+ q(() => (yi(), () => {
280
399
  document.documentElement.style.overflow = "", document.body.style.overflow = "";
281
400
  const i = document.getElementById("whats-missing-reset");
282
- i && i.remove(), P.current && P.current.abort();
401
+ i && i.remove(), T.current && T.current.abort();
283
402
  }), []);
284
- const [a, E] = h(null), [M, an] = h([]), [D, zn] = h(4), [C, pn] = h(!1), [G, ln] = h(1), [k, Tn] = h(null), [v, F] = h("ready"), [cn, xn] = h(10), [q, K] = h(10), [O, Hn] = h(20), [Ln, J] = h(0), [U, Q] = h(!1), [Y, Wn] = h(""), [B, X] = h(!1), [nn, mn] = h(!1), [fn, A] = h(null), [Mn, en] = h([]), [Rn, un] = h([]), [n, Bn] = h(!1), [Cn, $] = h(1), [yn, N] = h(null), [S, An] = h(!1), [c, jn] = h(!1), [x, En] = h(!1), [H, Dn] = h(!1), [W, Gn] = h(!1), [m, Fn] = h(!1), [f, Un] = h(!1), [u, Yn] = h(!1), [y, $n] = h(!1), [tn, Nn] = h(!1), [z, Vn] = h(!1), wn = Z(/* @__PURE__ */ new Set()), V = Z(/* @__PURE__ */ new Map()), P = Z(null);
285
- hn(() => {
403
+ const [S, ln] = h(null), [B, cn] = h([]), [D, Bn] = h(4), [xn, J] = h(1), [A, Hn] = h(!1), [Y, Wn] = h(1), [P, Cn] = h(null), [v, _] = h("ready"), [mn, un] = h(10), [Q, X] = h(10), [nn, fn] = h(20), [An, en] = h(0), [$, tn] = h(!1), [N, yn] = h(""), [E, on] = h(!1), [wn, bn] = h(!1), [kn, G] = h(null), [En, dn] = h([]), [jn, In] = h([]), [n, Dn] = h(!1), [Gn, V] = h(1), [Sn, O] = h(null), [I, Fn] = h(!1), [l, Un] = h(!1), [c, Yn] = h(!1), [x, _n] = h(!1), [H, $n] = h(!1), [W, Nn] = h(!1), [m, Vn] = h(!1), [u, On] = h(!1), [f, Zn] = h(!1), [rn, qn] = h(!1), [z, Kn] = h(!1), hn = U(/* @__PURE__ */ new Set()), Z = U(/* @__PURE__ */ new Map()), T = U(null), j = U(null);
404
+ q(() => {
405
+ s !== void 0 ? j.current = new bi(s) : j.current = null;
406
+ }, [s]);
407
+ const Jn = () => j.current ? j.current.next() : Math.random(), vn = (i) => j.current ? j.current.nextInt(i) : Math.floor(Math.random() * i);
408
+ q(() => {
286
409
  const i = () => {
287
- const e = s ?? window.innerWidth, t = l ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, b = t < 700, T = e / t > 1.8, I = e === 768 && t === 1024, on = e === 1024 && t === 768, j = e === 820 && t === 1180, L = e === 1180 && t === 820, R = e === 540 && t === 720, Sn = e === 720 && t === 540, vn = e === 1024 && t === 1366, Pn = e === 1366 && t === 1024, Jn = e >= 1200 && t >= 600 && !r;
288
- An(Jn), jn(I), En(on), Dn(j), Gn(L), Fn(R), Un(Sn), Yn(vn), $n(Pn), Vn(T);
289
- const Qn = r && e > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
290
- t < 700 || T || // ✅ Широкие экраны
291
- e === 1366 && t === 766 || e === 1366 && t === 768 || e === 1280 && t === 720 || e === 1440 && t === 900 || I || on || j || L || R || Sn || vn || Pn || S;
292
- if (Nn(Qn), Bn(r), r)
293
- N(o && o >= 320 ? o : null), $(1);
294
- else if (b)
295
- N(o && o >= 400 ? o : null), $(1);
296
- else if (T) {
297
- const rn = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
298
- N(rn), $(0.85);
410
+ const e = g ?? window.innerWidth, t = a ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, y = t < 700, R = e / t > 1.8, k = e === 768 && t === 1024, an = e === 1024 && t === 768, F = e === 820 && t === 1180, M = e === 1180 && t === 820, C = e === 540 && t === 720, zn = e === 720 && t === 540, Rn = e === 1024 && t === 1366, Mn = e === 1366 && t === 1024, ti = e >= 1200 && t >= 600 && !r;
411
+ Fn(ti), Un(k), Yn(an), _n(F), $n(M), Nn(C), Vn(zn), On(Rn), Zn(Mn), Kn(R);
412
+ const oi = r && e > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
413
+ t < 700 || R || // ✅ Широкие экраны
414
+ e === 1366 && t === 766 || e === 1366 && t === 768 || e === 1280 && t === 720 || e === 1440 && t === 900 || k || an || F || M || C || zn || Rn || Mn || I;
415
+ if (qn(oi), Dn(r), r)
416
+ O(d && d >= 320 ? d : null), V(1);
417
+ else if (y)
418
+ O(d && d >= 400 ? d : null), V(1);
419
+ else if (R) {
420
+ const gn = d ? Math.max(400, Math.min(1200, d)) : Math.min(1e3, Math.min(e, t) * 0.9);
421
+ O(gn), V(0.85);
299
422
  } else {
300
- const rn = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
301
- N(rn), $(1);
423
+ const gn = d ? Math.max(400, Math.min(1200, d)) : Math.min(1e3, Math.min(e, t) * 0.9);
424
+ O(gn), V(1);
302
425
  }
303
426
  };
304
427
  return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
305
- }, [s, l, o]);
306
- const dn = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), Zn = (i) => {
307
- P.current && P.current.abort(), P.current = new AbortController();
308
- const t = _[i].map((r) => r.src);
309
- sn(t, P.current.signal).then((r) => {
310
- t.forEach((b) => {
311
- wn.current.add(b), r.has(b) && V.current.set(b, r.get(b));
428
+ }, [g, a, d]);
429
+ const sn = (i) => [...i].sort(() => Jn() - 0.5).slice(0, 6), Qn = (i) => {
430
+ T.current && T.current.abort(), T.current = new AbortController();
431
+ const t = K[i].map((r) => r.src);
432
+ pn(t, T.current.signal).then((r) => {
433
+ t.forEach((y) => {
434
+ hn.current.add(y), r.has(y) && Z.current.set(y, r.get(y));
312
435
  });
313
436
  }).catch(() => {
314
437
  });
315
- }, bn = () => {
316
- if (!a) return;
317
- const i = dn(_[a]);
318
- an(i), pn(!0), Q(!1), ln(1), J(0), en([]), un([]);
438
+ }, Tn = () => {
439
+ if (!S) return;
440
+ const i = sn(K[S]);
441
+ cn(i), Hn(!0), tn(!1), Wn(1), en(0), dn([]), In([]);
319
442
  const e = i.map((t) => t.src);
320
- sn(e, P.current?.signal).then((t) => {
443
+ pn(e, T.current?.signal).then((t) => {
321
444
  e.forEach((r) => {
322
- wn.current.add(r), t.has(r) && V.current.set(r, t.get(r));
445
+ hn.current.add(r), t.has(r) && Z.current.set(r, t.get(r));
323
446
  });
324
447
  }).catch(() => {
325
- }), In(i, [], !0);
326
- }, In = (i = M, e = Rn, t = !1) => {
327
- const r = dn(i.length ? i : _[a]);
328
- let b = Math.floor(Math.random() * r.length), T = r[b].name, I = 0;
329
- for (; e.includes(T) && I < 20; )
330
- b = Math.floor(Math.random() * r.length), T = r[b].name, I++;
331
- if (an(r), Tn(b), un([...e, T]), X(!1), Wn(""), Hn(20), A(null), a && !t) {
332
- const j = dn(_[a].filter((L) => !e.includes(L.name))).map((L) => L.src);
333
- sn(j, P.current?.signal).then((L) => {
334
- j.forEach((R) => {
335
- wn.current.add(R), L.has(R) && V.current.set(R, L.get(R));
448
+ }), Pn(i, [], !0);
449
+ }, Pn = (i = B, e = jn, t = !1) => {
450
+ const r = sn(i.length ? i : K[S]);
451
+ let y = vn(r.length), R = r[y].name, k = 0;
452
+ for (; e.includes(R) && k < 20; )
453
+ y = vn(r.length), R = r[y].name, k++;
454
+ if (cn(r), Cn(y), In([...e, R]), on(!1), yn(""), fn(20), G(null), S && !t) {
455
+ const F = sn(K[S].filter((M) => !e.includes(M.name))).map((M) => M.src);
456
+ pn(F, T.current?.signal).then((M) => {
457
+ F.forEach((C) => {
458
+ hn.current.add(C), M.has(C) && Z.current.set(C, M.get(C));
336
459
  });
337
460
  }).catch(() => {
338
461
  });
339
462
  }
340
- t ? (F("ready"), xn(10), K(10)) : (F("memorize"), K(10));
463
+ t ? (_("ready"), un(10), X(10)) : (_("memorize"), X(10));
341
464
  };
342
- hn(() => {
343
- if (!(!C || U || B)) {
465
+ q(() => {
466
+ if (!(!A || $ || E)) {
344
467
  if (v === "ready")
345
- if (cn <= 0) F("memorize");
468
+ if (mn <= 0) _("memorize");
346
469
  else {
347
- const i = setTimeout(() => xn((e) => e - 1), 1e3);
470
+ const i = setTimeout(() => un((e) => e - 1), 1e3);
348
471
  return () => clearTimeout(i);
349
472
  }
350
473
  if (v === "memorize")
351
- if (q <= 0) F("guess");
474
+ if (Q <= 0) _("guess");
352
475
  else {
353
- const i = setTimeout(() => K((e) => e - 1), 1e3);
476
+ const i = setTimeout(() => X((e) => e - 1), 1e3);
354
477
  return () => clearTimeout(i);
355
478
  }
356
479
  if (v === "guess") {
357
- if (O <= 0) {
358
- X(!0), A("wrong");
359
- const e = M[k].name, t = M[k].aliases, r = [e, ...t || []].join(", ");
360
- en((b) => [
361
- ...b,
362
- { round: G, answer: Y, correct: r, result: "wrong" }
480
+ if (nn <= 0) {
481
+ on(!0), G("wrong");
482
+ const e = B[P].name, t = B[P].aliases, r = [e, ...t || []].join(", ");
483
+ dn((y) => [
484
+ ...y,
485
+ { round: Y, answer: N, correct: r, result: "wrong" }
363
486
  ]);
364
487
  return;
365
488
  }
366
- const i = setTimeout(() => Hn((e) => e - 1), 1e3);
489
+ const i = setTimeout(() => fn((e) => e - 1), 1e3);
367
490
  return () => clearTimeout(i);
368
491
  }
369
492
  }
370
- }, [v, cn, q, O, C, U, B, M, k, G, Y]);
371
- const _n = () => {
372
- if (k === null || nn) return;
373
- const i = M[k].name, e = M[k].aliases, t = Y.toLowerCase().trim();
493
+ }, [
494
+ v,
495
+ mn,
496
+ Q,
497
+ nn,
498
+ A,
499
+ $,
500
+ E,
501
+ B,
502
+ P,
503
+ Y,
504
+ N
505
+ ]);
506
+ const Xn = () => {
507
+ if (P === null || wn) return;
508
+ const i = B[P].name, e = B[P].aliases, t = N.toLowerCase().trim();
374
509
  let r = "wrong";
375
- const b = [i, ...e || []].map((I) => I.toLowerCase()), T = [i, ...e || []].join(", ");
376
- b.includes(t) ? (J((I) => I + 1), A("correct"), r = "correct") : b.some((I) => gi(t, I) === 1) ? (J((I) => I + 0.5), A("almost"), r = "almost") : (A("wrong"), r = "wrong"), en((I) => [...I, { round: G, answer: t, correct: T, result: r }]), mn(!0), setTimeout(() => {
377
- mn(!1), X(!0);
510
+ const y = [i, ...e || []].map((k) => k.toLowerCase()), R = [i, ...e || []].join(", ");
511
+ y.includes(t) ? (en((k) => k + 1), G("correct"), r = "correct") : y.some((k) => ki(t, k) === 1) ? (en((k) => k + 0.5), G("almost"), r = "almost") : (G("wrong"), r = "wrong"), dn((k) => [
512
+ ...k,
513
+ { round: Y, answer: t, correct: R, result: r }
514
+ ]), bn(!0), setTimeout(() => {
515
+ bn(!1), on(!0);
378
516
  }, 600);
379
- }, qn = () => G < D ? (ln((i) => i + 1), In()) : Q(!0), Kn = () => {
380
- P.current && P.current.abort(), pn(!1), Q(!1), E(null);
381
- }, On = ii(
382
- () => {
383
- const i = s ?? window.innerWidth, e = l ?? window.innerHeight, t = !n && i >= 1200 && i <= 1400;
384
- return n && i > e || e < 700 && !t ? null : (
385
- // ensure logo is positioned inside the square container
386
- /* @__PURE__ */ d("div", { style: { ...w.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ p("picture", { children: [
387
- /* @__PURE__ */ d(
388
- "source",
389
- {
390
- srcSet: window.origin + "/cloud/speakid/games/whatsmissing/logo.svg",
391
- type: "image/svg+xml"
392
- }
393
- ),
394
- /* @__PURE__ */ d(
395
- "img",
396
- {
397
- src: window.origin + "/cloud/speakid/games/whatsmissing/logo.png",
398
- alt: "SPEAKID Logo",
399
- style: w.gmLogoImg,
400
- loading: "lazy"
401
- }
402
- )
403
- ] }) })
404
- );
405
- },
406
- [n, s, l]
407
- );
408
- return /* @__PURE__ */ d(
517
+ }, ni = () => Y < D ? (Wn((i) => i + 1), Pn()) : tn(!0), ii = () => {
518
+ T.current && T.current.abort(), Hn(!1), tn(!1), ln(null), J(2);
519
+ }, ei = ri(() => {
520
+ const i = g ?? window.innerWidth, e = a ?? window.innerHeight, t = !n && i >= 1200 && i <= 1400;
521
+ return n && i > e || e < 700 && !t ? null : (
522
+ // ensure logo is positioned inside the square container
523
+ /* @__PURE__ */ w("div", { style: { ...o.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ p("picture", { children: [
524
+ /* @__PURE__ */ w(
525
+ "source",
526
+ {
527
+ srcSet: window.origin + "/cloud/speakid/games/whatsmissing/logo.svg",
528
+ type: "image/svg+xml"
529
+ }
530
+ ),
531
+ /* @__PURE__ */ w(
532
+ "img",
533
+ {
534
+ src: window.origin + "/cloud/speakid/games/whatsmissing/logo.png",
535
+ alt: "SPEAKID Logo",
536
+ style: o.gmLogoImg,
537
+ loading: "lazy"
538
+ }
539
+ )
540
+ ] }) })
541
+ );
542
+ }, [n, g, a]);
543
+ return /* @__PURE__ */ w(
409
544
  "div",
410
545
  {
411
- ref: g,
546
+ ref: b,
412
547
  style: {
413
548
  width: "100%",
414
549
  height: "100%",
@@ -424,12 +559,12 @@ function li({
424
559
  right: 0,
425
560
  bottom: 0
426
561
  },
427
- children: /* @__PURE__ */ d(
562
+ children: /* @__PURE__ */ w(
428
563
  "div",
429
564
  {
430
565
  style: {
431
- width: n ? "100%" : yn || o || 1e3,
432
- height: n ? "100%" : yn || o || 1e3,
566
+ width: n ? "100%" : Sn || d || 1e3,
567
+ height: n ? "100%" : Sn || d || 1e3,
433
568
  display: "flex",
434
569
  justifyContent: "center",
435
570
  alignItems: "center",
@@ -440,10 +575,10 @@ function li({
440
575
  margin: n ? "0 auto" : "unset",
441
576
  position: "relative",
442
577
  // needed so absolute logo is inside the square
443
- transform: `scale(${Cn})`
578
+ transform: `scale(${Gn})`
444
579
  // ✅ Применяем масштаб для широких экранов
445
580
  },
446
- children: /* @__PURE__ */ d(
581
+ children: /* @__PURE__ */ w(
447
582
  "div",
448
583
  {
449
584
  style: {
@@ -455,113 +590,227 @@ function li({
455
590
  alignItems: "center"
456
591
  },
457
592
  children: /* @__PURE__ */ p("div", { id: "whats-missing-root", children: [
458
- !n && On,
459
- !a && !C && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
460
- /* @__PURE__ */ d("h1", { style: w.gmHeadline1, children: "WHAT'S MISSING?" }),
461
- /* @__PURE__ */ d("p", { style: w.gmBodyM, children: "Select a theme:" }),
462
- /* @__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: {
463
- ...w.gmButton,
464
- padding: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "8px 12px" : "12px 24px",
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",
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 ? "70px" : "auto"
467
- }, onClick: () => {
468
- E(i), Zn(i);
469
- }, children: i === "animals" ? "🐶 Animals" : i === "food" ? "🍎 Food" : "🧸 Toys" }, i)) }),
593
+ !n && ei,
594
+ !S && !A && xn === 1 && /* @__PURE__ */ p("div", { style: o.gmCenterScreen, children: [
595
+ /* @__PURE__ */ w("h1", { style: o.gmHeadline1, children: "WHAT'S MISSING?" }),
470
596
  /* @__PURE__ */ p("div", { style: { marginTop: 24 }, children: [
471
- /* @__PURE__ */ d("p", { style: w.gmBodyS, children: "Choose number of rounds:" }),
472
- /* @__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(
473
- "button",
597
+ /* @__PURE__ */ w("p", { style: o.gmBodyS, children: "Choose number of rounds:" }),
598
+ /* @__PURE__ */ w(
599
+ "div",
474
600
  {
475
601
  style: {
476
- ...w.gmButton,
477
- ...D === i ? w.gmButtonActive : {},
478
- 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",
479
- 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",
480
- 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"
602
+ display: "flex",
603
+ 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",
604
+ marginTop: 8
481
605
  },
482
- onClick: () => zn(i),
483
- children: i
606
+ children: [3, 4, 5].map((i) => /* @__PURE__ */ w(
607
+ "button",
608
+ {
609
+ style: {
610
+ ...o.gmButton,
611
+ ...D === i ? o.gmButtonActive : {},
612
+ 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",
613
+ 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",
614
+ 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"
615
+ },
616
+ onClick: () => Bn(i),
617
+ children: i
618
+ },
619
+ i
620
+ ))
621
+ }
622
+ )
623
+ ] }),
624
+ /* @__PURE__ */ w(
625
+ "button",
626
+ {
627
+ style: {
628
+ ...o.gmButton,
629
+ marginTop: 24,
630
+ 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",
631
+ 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",
632
+ 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"
484
633
  },
485
- i
486
- )) })
487
- ] })
634
+ onClick: () => J(2),
635
+ children: "Play"
636
+ }
637
+ )
488
638
  ] }),
489
- a && !C && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
490
- /* @__PURE__ */ p("h1", { style: w.gmHeadline1, children: [
491
- "Theme selected: ",
492
- a
493
- ] }),
494
- /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
639
+ !S && !A && xn === 2 && /* @__PURE__ */ p("div", { style: o.gmCenterScreen, children: [
640
+ /* @__PURE__ */ w("p", { style: o.gmBodyM, children: "Select a theme:" }),
641
+ /* @__PURE__ */ p("p", { style: o.gmBodyS, children: [
495
642
  "Rounds: ",
496
643
  D
497
644
  ] }),
498
- /* @__PURE__ */ d("button", { style: {
499
- ...w.gmButton,
500
- 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",
501
- 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",
502
- 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"
503
- }, onClick: bn, children: "▶ Start game" })
645
+ /* @__PURE__ */ w(
646
+ "div",
647
+ {
648
+ style: {
649
+ display: "grid",
650
+ gridTemplateColumns: n ? "repeat(2, 1fr)" : "repeat(4, 1fr)",
651
+ 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" : "12px",
652
+ maxWidth: n ? 280 : 420,
653
+ margin: "0 auto"
654
+ },
655
+ children: ui.map((i) => /* @__PURE__ */ w(
656
+ "button",
657
+ {
658
+ style: {
659
+ ...o.gmButton,
660
+ 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" : "10px 16px",
661
+ 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" : "14px"
662
+ },
663
+ onClick: () => {
664
+ ln(i), Qn(i);
665
+ },
666
+ children: fi[i]
667
+ },
668
+ i
669
+ ))
670
+ }
671
+ ),
672
+ /* @__PURE__ */ w(
673
+ "button",
674
+ {
675
+ style: {
676
+ ...o.gmButton,
677
+ marginTop: 24,
678
+ 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",
679
+ 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",
680
+ 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"
681
+ },
682
+ onClick: () => J(1),
683
+ children: "Back"
684
+ }
685
+ )
504
686
  ] }),
505
- U && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
506
- /* @__PURE__ */ d("h1", { style: {
507
- ...w.gmHeadline1,
508
- marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || f || u || y ? "0px" : w.gmHeadline1.marginTop,
509
- marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || f || u || y ? "2px" : w.gmHeadline1.marginBottom
510
- }, children: "Results" }),
511
- /* @__PURE__ */ p("h2", { style: {
512
- ...w.gmHeadline3,
513
- 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 || c || x || H || W || m || f || u || y ? "0px" : w.gmHeadline3.marginTop,
514
- 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 || c || x || H || W || m || f || u || y ? "2px" : w.gmHeadline3.marginBottom
515
- }, children: [
516
- "Your score: ",
517
- Ln,
518
- " / ",
519
- D
687
+ S && !A && /* @__PURE__ */ p("div", { style: o.gmCenterScreen, children: [
688
+ /* @__PURE__ */ p("h1", { style: o.gmHeadline1, children: [
689
+ "Theme selected: ",
690
+ S
520
691
  ] }),
521
- /* @__PURE__ */ d("p", { style: {
522
- ...w.gmBodyM,
523
- color: "#10b981",
524
- marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || f || u || y ? "0px" : "12px",
525
- marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || c || x || H || W || m || f || u || y ? "2px" : w.gmBodyM.marginBottom
526
- }, children: "Yahoo! You did it! 🍬✨" }),
527
- /* @__PURE__ */ p("table", { style: {
528
- ...w.gmTable,
529
- 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 || c || x || H || W || m || f || u || y ? "0px" : "20px",
530
- 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 || c || x || H || W || m || f || u || y ? "4px" : "32px"
531
- }, children: [
532
- /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ p("tr", { children: [
533
- /* @__PURE__ */ d("th", { children: "Round" }),
534
- /* @__PURE__ */ d("th", { children: "Your Answer" }),
535
- /* @__PURE__ */ d("th", { children: "Correct" }),
536
- /* @__PURE__ */ d("th", { children: "Result" })
537
- ] }) }),
538
- /* @__PURE__ */ d("tbody", { children: Mn.map((i, e) => /* @__PURE__ */ p("tr", { children: [
539
- /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.round }),
540
- /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.answer || "—" }),
541
- /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.correct }),
542
- /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.result === "correct" ? "✔ Correct" : i.result === "almost" ? "◐ Almost (0.5)" : "✘ Wrong" })
543
- ] }, e)) })
692
+ /* @__PURE__ */ p("p", { style: o.gmBodyM, children: [
693
+ "Rounds: ",
694
+ D
544
695
  ] }),
545
- /* @__PURE__ */ p("div", { style: {
546
- display: "flex",
547
- 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",
548
- 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 || S ? "12px" : "24px"
549
- }, children: [
550
- /* @__PURE__ */ d("button", { style: {
551
- ...w.gmButton,
552
- 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",
553
- 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",
554
- 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"
555
- }, onClick: bn, children: "🔁 Play again" }),
556
- /* @__PURE__ */ d("button", { style: {
557
- ...w.gmButton,
558
- 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",
559
- 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",
560
- 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"
561
- }, onClick: Kn, children: "⬅️ Choose theme" })
562
- ] })
696
+ /* @__PURE__ */ w(
697
+ "button",
698
+ {
699
+ style: {
700
+ ...o.gmButton,
701
+ 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",
702
+ 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",
703
+ 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"
704
+ },
705
+ onClick: Tn,
706
+ children: "▶ Start game"
707
+ }
708
+ )
563
709
  ] }),
564
- C && !U && /* @__PURE__ */ p("div", { style: w.gmGameLayout, children: [
710
+ $ && /* @__PURE__ */ p("div", { style: o.gmCenterScreen, children: [
711
+ /* @__PURE__ */ w(
712
+ "h1",
713
+ {
714
+ style: {
715
+ ...o.gmHeadline1,
716
+ marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "0px" : o.gmHeadline1.marginTop,
717
+ marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "2px" : o.gmHeadline1.marginBottom
718
+ },
719
+ children: "Results"
720
+ }
721
+ ),
722
+ /* @__PURE__ */ p(
723
+ "h2",
724
+ {
725
+ style: {
726
+ ...o.gmHeadline3,
727
+ marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "0px" : o.gmHeadline3.marginTop,
728
+ marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "2px" : o.gmHeadline3.marginBottom
729
+ },
730
+ children: [
731
+ "Your score: ",
732
+ An,
733
+ " / ",
734
+ D
735
+ ]
736
+ }
737
+ ),
738
+ /* @__PURE__ */ w(
739
+ "p",
740
+ {
741
+ style: {
742
+ ...o.gmBodyM,
743
+ color: "#10b981",
744
+ marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "0px" : "12px",
745
+ marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "2px" : o.gmBodyM.marginBottom
746
+ },
747
+ children: "Yahoo! You did it! 🍬✨"
748
+ }
749
+ ),
750
+ /* @__PURE__ */ p(
751
+ "table",
752
+ {
753
+ style: {
754
+ ...o.gmTable,
755
+ marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "0px" : "20px",
756
+ marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || c || x || H || W || m || u || f ? "4px" : "32px"
757
+ },
758
+ children: [
759
+ /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ p("tr", { children: [
760
+ /* @__PURE__ */ w("th", { children: "Round" }),
761
+ /* @__PURE__ */ w("th", { children: "Your Answer" }),
762
+ /* @__PURE__ */ w("th", { children: "Correct" }),
763
+ /* @__PURE__ */ w("th", { children: "Result" })
764
+ ] }) }),
765
+ /* @__PURE__ */ w("tbody", { children: En.map((i, e) => /* @__PURE__ */ p("tr", { children: [
766
+ /* @__PURE__ */ w("td", { style: o.gmTableCell, children: i.round }),
767
+ /* @__PURE__ */ w("td", { style: o.gmTableCell, children: i.answer || "—" }),
768
+ /* @__PURE__ */ w("td", { style: o.gmTableCell, children: i.correct }),
769
+ /* @__PURE__ */ w("td", { style: o.gmTableCell, children: i.result === "correct" ? "✔ Correct" : i.result === "almost" ? "◐ Almost (0.5)" : "✘ Wrong" })
770
+ ] }, e)) })
771
+ ]
772
+ }
773
+ ),
774
+ /* @__PURE__ */ p(
775
+ "div",
776
+ {
777
+ style: {
778
+ display: "flex",
779
+ 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",
780
+ marginTop: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "2px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I ? "12px" : "24px"
781
+ },
782
+ children: [
783
+ /* @__PURE__ */ w(
784
+ "button",
785
+ {
786
+ style: {
787
+ ...o.gmButton,
788
+ 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",
789
+ 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",
790
+ 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"
791
+ },
792
+ onClick: Tn,
793
+ children: "🔁 Play again"
794
+ }
795
+ ),
796
+ /* @__PURE__ */ w(
797
+ "button",
798
+ {
799
+ style: {
800
+ ...o.gmButton,
801
+ 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",
802
+ 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",
803
+ 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"
804
+ },
805
+ onClick: ii,
806
+ children: "⬅️ Choose theme"
807
+ }
808
+ )
809
+ ]
810
+ }
811
+ )
812
+ ] }),
813
+ A && !$ && /* @__PURE__ */ p("div", { style: o.gmGameLayout, children: [
565
814
  /* @__PURE__ */ p(
566
815
  "div",
567
816
  {
@@ -574,28 +823,28 @@ function li({
574
823
  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 || z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "15px" : "40px"
575
824
  },
576
825
  children: [
577
- v === "ready" && /* @__PURE__ */ p(kn, { children: [
578
- /* @__PURE__ */ d("h1", { style: { ...w.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
579
- /* @__PURE__ */ d("div", { style: w.gmHourglass, children: "⏳" })
826
+ v === "ready" && /* @__PURE__ */ p(Ln, { children: [
827
+ /* @__PURE__ */ w("h1", { style: { ...o.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
828
+ /* @__PURE__ */ w("div", { style: o.gmHourglass, children: "⏳" })
580
829
  ] }),
581
- v === "memorize" && /* @__PURE__ */ p("p", { style: { ...w.gmBodyM, color: "#10b981" }, children: [
830
+ v === "memorize" && /* @__PURE__ */ p("p", { style: { ...o.gmBodyM, color: "#10b981" }, children: [
582
831
  "MEMORIZE (",
583
- q,
832
+ Q,
584
833
  ")"
585
834
  ] }),
586
- v === "guess" && !B && /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
835
+ v === "guess" && !E && /* @__PURE__ */ p("p", { style: o.gmBodyM, children: [
587
836
  "⏳ Time left: ",
588
- O,
837
+ nn,
589
838
  "s"
590
839
  ] })
591
840
  ]
592
841
  }
593
842
  ),
594
- v !== "ready" && /* @__PURE__ */ d(
843
+ v !== "ready" && /* @__PURE__ */ w(
595
844
  "div",
596
845
  {
597
846
  style: {
598
- ...w.gmGrid,
847
+ ...o.gmGrid,
599
848
  ...z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? { width: "100%" } : {},
600
849
  // ✅ Широкие экраны: полная ширина грида
601
850
  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)" : typeof window < "u" && window.innerWidth === 1280 && window.innerHeight === 720 ? "repeat(3, 130px)" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "repeat(3, 150px)" : "repeat(3, 210px)",
@@ -607,9 +856,9 @@ function li({
607
856
  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%",
608
857
  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" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "10px" : "16px"
609
858
  },
610
- children: M.map((i, e) => {
611
- const t = k === e && v === "guess" && !B;
612
- return /* @__PURE__ */ d(
859
+ children: B.map((i, e) => {
860
+ const t = P === e && v === "guess" && !E;
861
+ return /* @__PURE__ */ w(
613
862
  "div",
614
863
  {
615
864
  style: {
@@ -620,21 +869,21 @@ function li({
620
869
  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)",
621
870
  transition: "all 0.3s ease",
622
871
  cursor: "pointer",
623
- ...fn === "correct" && k === e ? {
872
+ ...kn === "correct" && P === e ? {
624
873
  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",
625
874
  transform: "scale(1.03)"
626
875
  } : {},
627
- ...fn === "wrong" && k === e ? {
876
+ ...kn === "wrong" && P === e ? {
628
877
  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",
629
878
  transform: "scale(1.03)"
630
879
  } : {}
631
880
  },
632
881
  children: !t && (() => {
633
- const r = V.current.get(i.src), b = r?.complete && r.src ? r.src : i.src;
634
- return /* @__PURE__ */ d(
882
+ const r = Z.current.get(i.src), y = r?.complete && r.src ? r.src : i.src;
883
+ return /* @__PURE__ */ w(
635
884
  "img",
636
885
  {
637
- src: b,
886
+ src: y,
638
887
  alt: i.name,
639
888
  fetchPriority: "high",
640
889
  loading: "eager",
@@ -654,58 +903,77 @@ function li({
654
903
  })
655
904
  }
656
905
  ),
657
- /* @__PURE__ */ p("div", { style: {
658
- 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" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "4px" : "16px",
659
- 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" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
660
- }, children: [
661
- v === "guess" && !B && /* @__PURE__ */ d("div", { style: {
662
- display: "flex",
663
- flexDirection: tn ? "row" : "column",
664
- 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 || S || c || x || H || W || m || f || u || y ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
665
- alignItems: "center",
666
- justifyContent: "center",
667
- width: "100%",
668
- 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 || S || c || x || H || W || m || f || u || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
669
- }, children: /* @__PURE__ */ p(kn, { children: [
670
- /* @__PURE__ */ d(
671
- "input",
672
- {
673
- type: "text",
674
- placeholder: "Type the missing word",
675
- value: Y,
676
- onChange: (i) => Wn(i.target.value),
677
- style: {
678
- ...w.gmInput,
679
- 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 || S || c || x || H || W || m || f || u || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "250px" : "auto",
680
- 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 || S || c || x || H || W || m || f || u || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
681
- 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 || S || c || x || H || W || m || f || u || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
682
- flex: tn ? "1" : "none"
906
+ /* @__PURE__ */ p(
907
+ "div",
908
+ {
909
+ style: {
910
+ 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" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "4px" : "16px",
911
+ 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" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
912
+ },
913
+ children: [
914
+ v === "guess" && !E && /* @__PURE__ */ w(
915
+ "div",
916
+ {
917
+ style: {
918
+ display: "flex",
919
+ flexDirection: rn ? "row" : "column",
920
+ gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "3px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
921
+ alignItems: "center",
922
+ justifyContent: "center",
923
+ width: "100%",
924
+ maxWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "270px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
925
+ },
926
+ children: /* @__PURE__ */ p(Ln, { children: [
927
+ /* @__PURE__ */ w(
928
+ "input",
929
+ {
930
+ type: "text",
931
+ placeholder: "Type the missing word",
932
+ value: N,
933
+ onChange: (i) => yn(i.target.value),
934
+ style: {
935
+ ...o.gmInput,
936
+ width: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "170px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "250px" : "auto",
937
+ padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "5px 6px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
938
+ fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 ? "10px" : window.innerWidth === 896 && window.innerHeight === 414 ? "11px" : window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
939
+ flex: rn ? "1" : "none"
940
+ }
941
+ }
942
+ ),
943
+ /* @__PURE__ */ w(
944
+ "button",
945
+ {
946
+ style: {
947
+ ...o.gmButton,
948
+ marginLeft: rn ? "8px" : "0",
949
+ padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
950
+ fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
951
+ minWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "45px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "55px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
952
+ flexShrink: 0
953
+ },
954
+ onClick: Xn,
955
+ disabled: wn,
956
+ children: wn ? "..." : "Check"
957
+ }
958
+ )
959
+ ] })
683
960
  }
684
- }
685
- ),
686
- /* @__PURE__ */ d(
687
- "button",
688
- {
689
- style: {
690
- ...w.gmButton,
691
- marginLeft: tn ? "8px" : "0",
692
- 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 || S || c || x || H || W || m || f || u || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
693
- 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 || S || c || x || H || W || m || f || u || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
694
- 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 || S || c || x || H || W || m || f || u || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
695
- flexShrink: 0
696
- },
697
- onClick: _n,
698
- disabled: nn,
699
- children: nn ? "..." : "Check"
700
- }
701
- )
702
- ] }) }),
703
- B && /* @__PURE__ */ d("button", { style: {
704
- ...w.gmButton,
705
- 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 || S || c || x || H || W || m || f || u || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
706
- 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 || S || c || x || H || W || m || f || u || y || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
707
- }, onClick: qn, children: "Next round" })
708
- ] })
961
+ ),
962
+ E && /* @__PURE__ */ w(
963
+ "button",
964
+ {
965
+ style: {
966
+ ...o.gmButton,
967
+ padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
968
+ fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || c || x || H || W || m || u || f || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
969
+ },
970
+ onClick: ni,
971
+ children: "Next round"
972
+ }
973
+ )
974
+ ]
975
+ }
976
+ )
709
977
  ] })
710
978
  ] })
711
979
  }
@@ -716,6 +984,6 @@ function li({
716
984
  );
717
985
  }
718
986
  export {
719
- li as Game,
720
- _ as themes
987
+ Ti as Game,
988
+ K as themes
721
989
  };