@mblinkov/whats-missing 20.0.51 → 20.0.52

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog - Последние исправления
 
+## Версия 20.0.51 - Точечный фикс 1280×720 и публикация
+
+### 🔧 Исправления
+
+- Добавлено специальное правило для разрешения 1280×720:
+  - gridTemplateColumns: `repeat(3, 130px)`
+  - gridAutoRows: `130px`
+  - Применяется только при точном совпадении размеров окна 1280×720.
+
+### 🧪 Тест-песочницы
+
+- Обновлены тестовые HTML:
+  - `test-game-full.html` — импорт ES-модуля из `dist`, панель статуса, расчёт контейнера/масштаба.
+  - `test-game.html` — UMD-React + динамический импорт `./dist/whats-missing.es.js`.
+  - Рекомендованный запуск: `python3 -m http.server 5174` и переход на `http://127.0.0.1:5174/test-game-full.html`.
+
+### 📦 Публикация
+
+- Версия поднята до `20.0.51` и опубликована в npm: `@mblinkov/whats-missing@20.0.51`.
+- Для установки: `npm i @mblinkov/whats-missing@latest`.
+
+---
+
 ## Версия 20.0.48 - Критические исправления и оптимизация загрузки
 
 ### 🔧 Критические исправления

package/dist/themes.d.ts

@@ -2,5 +2,6 @@ export type Theme = "animals" | "food" | "toys";
 export type ImageItem = {
     src: string;
     name: string;
+    aliases?: string[];
 };
 export declare const themes: Record<Theme, ImageItem[]>;

package/dist/whats-missing.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),Jn=window.origin+"/cloud/speakid/games/whatsmissing/",on=(r,f)=>r.map(([g,s])=>({src:`${Jn}${f}/${s.replace(/\s/g,"%20")}.png`,name:s})),Qn=[["apple","apple"],["banana","banana"],["bread","bread"],["burger","burger"],["cake","cake"],["carrot","carrot"],["cheese","cheese"],["chicken","chicken"],["chocolate","chocolate"],["corn","corn"],["donut","donut"],["fish","fish"],["fries","fries"],["grapes","grapes"],["ice_cream","ice cream"],["milk","milk"],["orange","orange"],["pear","pear"],["pizza","pizza"],["rice","rice"],["sandwich","sandwich"],["soup","soup"],["strawberry","strawberry"],["tomato","tomato"],["watermelon","watermelon"]],Xn=[["bear","bear"],["cat","cat"],["crocodile","crocodile","alligator"],["dolphin","dolphin"],["elephant","elephant"],["fox","fox"],["giraffe","giraffe"],["horse","horse"],["kangaroo","kangaroo"],["lion","lion"],["monkey","monkey"],["owl","owl"],["panda","panda"],["penguin","penguin"],["squirrel","squirrel"],["tiger","tiger"],["tortoise","tortoise","turtle"],["wolf","wolf"],["zebra","zebra"]],ni=[["ball","ball"],["balloon","balloon"],["blocks","blocks"],["car","car"],["doll","doll"],["drum","drum"],["guitar","guitar"],["jump_rope","jump rope"],["kite","kite"],["paints","paints"],["plane","plane"],["puzzle","puzzle"],["rocket","rocket"],["scooter","scooter"],["skateboard","skateboard"],["slide","slide"],["teddy_bear","teddy bear"],["yo-yo","yo-yo"],["crayons","crayons"]],A={food:on(Qn,"food"),animals:on(Xn,"animals"),toys:on(ni,"toys")},ii=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),Jn=window.origin+"/cloud/speakid/games/whatsmissing/",on=(r,y)=>r.map(([a,s,...g])=>({src:`${Jn}${y}/${s.replace(/\s/g,"%20")}.png`,name:s,aliases:g?.length?g:void 0})),Qn=[["apple","apple"],["banana","banana"],["bread","bread"],["burger","burger"],["cake","cake"],["carrot","carrot"],["cheese","cheese"],["chicken","chicken"],["chocolate","chocolate"],["corn","corn"],["donut","donut"],["fish","fish"],["fries","fries"],["grapes","grapes"],["ice_cream","ice cream"],["milk","milk"],["orange","orange"],["pear","pear"],["pizza","pizza"],["rice","rice"],["sandwich","sandwich"],["soup","soup"],["strawberry","strawberry"],["tomato","tomato"],["watermelon","watermelon"]],Xn=[["bear","bear"],["cat","cat"],["crocodile","crocodile","alligator"],["dolphin","dolphin"],["elephant","elephant"],["fox","fox"],["giraffe","giraffe"],["horse","horse"],["kangaroo","kangaroo"],["lion","lion"],["monkey","monkey"],["owl","owl"],["panda","panda"],["penguin","penguin"],["squirrel","squirrel"],["tiger","tiger"],["tortoise","tortoise","turtle"],["wolf","wolf"],["zebra","zebra"]],ni=[["ball","ball"],["balloon","balloon"],["blocks","blocks"],["car","car"],["doll","doll"],["drum","drum"],["guitar","guitar"],["jump_rope","jump rope"],["kite","kite"],["paints","paints"],["plane","plane"],["puzzle","puzzle"],["rocket","rocket"],["scooter","scooter"],["skateboard","skateboard"],["slide","slide"],["teddy_bear","teddy bear"],["yo-yo","yo-yo"],["crayons","crayons"]],A={food:on(Qn,"food"),animals:on(Xn,"animals"),toys:on(ni,"toys")},ii=`
   @keyframes spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
@@ -29,4 +29,4 @@
       height: 100% !important;
       overflow: hidden !important;
     }
-  `;const f=document.getElementById("whats-missing-reset");f&&f.remove(),document.head.appendChild(r)},wi=(r,f)=>{const g=Array.from({length:r.length+1},()=>Array(f.length+1).fill(0));for(let s=0;s<=r.length;s++)g[s][0]=s;for(let s=0;s<=f.length;s++)g[0][s]=s;for(let s=1;s<=r.length;s++)for(let a=1;a<=f.length;a++)g[s][a]=r[s-1]===f[a-1]?g[s-1][a-1]:Math.min(g[s-1][a-1],g[s][a-1],g[s-1][a])+1;return g[r.length][f.length]},di=r=>new Promise(f=>{const g=new Image;g.onload=()=>f(g),g.onerror=()=>f(g),g.src=r}),rn=async(r,f)=>{const g=new Map,s=r.map(async a=>{const E=await di(a);g.set(a,E)});return await Promise.allSettled(s),g};function oi({gameCubeSize:r,screenHeight:f,screenWidth:g}){const s=d.useRef(null);d.useEffect(()=>(ti(),()=>{document.documentElement.style.overflow="",document.body.style.overflow="";const e=document.getElementById("whats-missing-reset");e&&e.remove(),j.current&&j.current.abort()}),[]);const[a,E]=d.useState(null),[R,hn]=d.useState([]),[D,jn]=d.useState(4),[M,sn]=d.useState(!1),[G,gn]=d.useState(1),[P,In]=d.useState(null),[S,F]=d.useState("ready"),[an,pn]=d.useState(10),[O,V]=d.useState(10),[Z,ln]=d.useState(20),[vn,_]=d.useState(0),[U,K]=d.useState(!1),[Y,xn]=d.useState(""),[z,J]=d.useState(!1),[Q,cn]=d.useState(!1),[Hn,L]=d.useState(null),[Pn,X]=d.useState([]),[kn,Wn]=d.useState([]),[n,Tn]=d.useState(!1),[zn,$]=d.useState(1),[mn,q]=d.useState(null),[b,Rn]=d.useState(!1),[p,Mn]=d.useState(!1),[l,Ln]=d.useState(!1),[x,Bn]=d.useState(!1),[c,Cn]=d.useState(!1),[H,An]=d.useState(!1),[W,En]=d.useState(!1),[m,Dn]=d.useState(!1),[u,Gn]=d.useState(!1),[nn,Fn]=d.useState(!1),[I,Un]=d.useState(!1),en=d.useRef(new Set),N=d.useRef(new Map),j=d.useRef(null);d.useEffect(()=>{const e=()=>{const t=g??window.innerWidth,w=f??window.innerHeight,h=t<768||t===926&&w===428||t===932&&w===430,y=w<700,k=t/w>1.8,B=t===768&&w===1024,wn=t===1024&&w===768,C=t===820&&w===1180,v=t===1180&&w===820,T=t===540&&w===720,yn=t===720&&w===540,bn=t===1024&&w===1366,Sn=t===1366&&w===1024,Vn=t>=1200&&w>=600&&!h;Rn(Vn),Mn(B),Ln(wn),Bn(C),Cn(v),An(T),En(yn),Dn(bn),Gn(Sn),Un(k);const Zn=h&&t>w||h||w<700||k||t===1366&&w===766||t===1366&&w===768||t===1280&&w===720||t===1440&&w===900||B||wn||C||v||T||yn||bn||Sn||b;if(Fn(Zn),Tn(h),h)q(r&&r>=320?r:null),$(1);else if(y)q(r&&r>=400?r:null),$(1);else if(k){const dn=r?Math.max(400,Math.min(1200,r)):Math.min(1e3,Math.min(t,w)*.9);q(dn),$(.85)}else{const dn=r?Math.max(400,Math.min(1200,r)):Math.min(1e3,Math.min(t,w)*.9);q(dn),$(1)}};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[g,f,r]);const tn=e=>[...e].sort(()=>Math.random()-.5).slice(0,6),Yn=e=>{j.current&&j.current.abort(),j.current=new AbortController;const w=A[e].map(h=>h.src);rn(w,j.current.signal).then(h=>{w.forEach(y=>{en.current.add(y),h.has(y)&&N.current.set(y,h.get(y))})}).catch(()=>{})},un=()=>{if(!a)return;const e=tn(A[a]);hn(e),sn(!0),K(!1),gn(1),_(0),X([]),Wn([]);const t=e.map(w=>w.src);rn(t,j.current?.signal).then(w=>{t.forEach(h=>{en.current.add(h),w.has(h)&&N.current.set(h,w.get(h))})}).catch(()=>{}),fn(e,[],!0)},fn=(e=R,t=kn,w=!1)=>{const h=tn(e.length?e:A[a]);let y=Math.floor(Math.random()*h.length),k=h[y].name,B=0;for(;t.includes(k)&&B<20;)y=Math.floor(Math.random()*h.length),k=h[y].name,B++;if(hn(h),In(y),Wn([...t,k]),J(!1),xn(""),ln(20),L(null),a&&!w){const C=tn(A[a].filter(v=>!t.includes(v.name))).map(v=>v.src);rn(C,j.current?.signal).then(v=>{C.forEach(T=>{en.current.add(T),v.has(T)&&N.current.set(T,v.get(T))})}).catch(()=>{})}w?(F("ready"),pn(10),V(10)):(F("memorize"),V(10))};d.useEffect(()=>{if(!(!M||U||z)){if(S==="ready")if(an<=0)F("memorize");else{const e=setTimeout(()=>pn(t=>t-1),1e3);return()=>clearTimeout(e)}if(S==="memorize")if(O<=0)F("guess");else{const e=setTimeout(()=>V(t=>t-1),1e3);return()=>clearTimeout(e)}if(S==="guess"){if(Z<=0){J(!0),L("wrong");const t=R[P].name;X(w=>[...w,{round:G,answer:Y,correct:t,result:"wrong"}]);return}const e=setTimeout(()=>ln(t=>t-1),1e3);return()=>clearTimeout(e)}}},[S,an,O,Z,M,U,z,R,P,G,Y]);const $n=()=>{if(P===null||Q)return;const e=R[P].name,t=Y.toLowerCase().trim();let w="wrong";t===e?(_(h=>h+1),L("correct"),w="correct"):wi(t,e)===1?(_(h=>h+.5),L("almost"),w="almost"):(L("wrong"),w="wrong"),X(h=>[...h,{round:G,answer:t,correct:e,result:w}]),cn(!0),setTimeout(()=>{cn(!1),J(!0)},600)},qn=()=>G<D?(gn(e=>e+1),fn()):K(!0),Nn=()=>{j.current&&j.current.abort(),sn(!1),K(!1),E(null)},On=d.useMemo(()=>n&&window.innerWidth>window.innerHeight||window.innerHeight<700?null:i.jsx("div",{style:{...o.gmLogoFixed,position:"absolute",top:16,left:16,zIndex:30},children:i.jsxs("picture",{children:[i.jsx("source",{srcSet:window.origin+"/cloud/speakid/games/whatsmissing/logo.svg",type:"image/svg+xml"}),i.jsx("img",{src:window.origin+"/cloud/speakid/games/whatsmissing/logo.png",alt:"SPEAKID Logo",style:o.gmLogoImg,loading:"lazy"})]})}),[n]);return i.jsx("div",{ref:s,style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",background:"linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)",transition:"background 0.3s ease",overflow:"hidden",position:"absolute",top:0,left:0,right:0,bottom:0},children:i.jsx("div",{style:{width:n?"100%":mn||r||1e3,height:n?"100%":mn||r||1e3,display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",borderRadius:n?0:"20px",background:"linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)",boxShadow:n?"none":"0 0 40px rgba(0,0,0,0.1)",margin:n?"0 auto":"unset",position:"relative",transform:`scale(${zn})`},children:i.jsx("div",{style:{transform:"translateZ(0)",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:i.jsxs("div",{id:"whats-missing-root",children:[!n&&On,!a&&!M&&i.jsxs("div",{style:o.gmCenterScreen,children:[i.jsx("h1",{style:o.gmHeadline1,children:"WHAT'S MISSING?"}),i.jsx("p",{style:o.gmBodyM,children:"Select a theme:"}),i.jsx("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(e=>i.jsx("button",{style:{...o.gmButton,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",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",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"},onClick:()=>{E(e),Yn(e)},children:e==="animals"?"🐶 Animals":e==="food"?"🍎 Food":"🧸 Toys"},e))}),i.jsxs("div",{style:{marginTop:24},children:[i.jsx("p",{style:o.gmBodyS,children:"Choose number of rounds:"}),i.jsx("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(e=>i.jsx("button",{style:{...o.gmButton,...D===e?o.gmButtonActive:{},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",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",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"},onClick:()=>jn(e),children:e},e))})]})]}),a&&!M&&i.jsxs("div",{style:o.gmCenterScreen,children:[i.jsxs("h1",{style:o.gmHeadline1,children:["Theme selected: ",a]}),i.jsxs("p",{style:o.gmBodyM,children:["Rounds: ",D]}),i.jsx("button",{style:{...o.gmButton,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",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",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"},onClick:un,children:"▶ Start game"})]}),U&&i.jsxs("div",{style:o.gmCenterScreen,children:[i.jsx("h1",{style:{...o.gmHeadline1,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||p||l||x||c||H||W||m||u?"0px":o.gmHeadline1.marginTop,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||p||l||x||c||H||W||m||u?"2px":o.gmHeadline1.marginBottom},children:"Results"}),i.jsxs("h2",{style:{...o.gmHeadline3,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||p||l||x||c||H||W||m||u?"0px":o.gmHeadline3.marginTop,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||p||l||x||c||H||W||m||u?"2px":o.gmHeadline3.marginBottom},children:["Your score: ",vn," / ",D]}),i.jsx("p",{style:{...o.gmBodyM,color:"#10b981",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||p||l||x||c||H||W||m||u?"0px":"12px",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||p||l||x||c||H||W||m||u?"2px":o.gmBodyM.marginBottom},children:"Yahoo! You did it! 🍬✨"}),i.jsxs("table",{style:{...o.gmTable,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||p||l||x||c||H||W||m||u?"0px":"20px",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||p||l||x||c||H||W||m||u?"4px":"32px"},children:[i.jsx("thead",{children:i.jsxs("tr",{children:[i.jsx("th",{children:"Round"}),i.jsx("th",{children:"Your Answer"}),i.jsx("th",{children:"Correct"}),i.jsx("th",{children:"Result"})]})}),i.jsx("tbody",{children:Pn.map((e,t)=>i.jsxs("tr",{children:[i.jsx("td",{style:o.gmTableCell,children:e.round}),i.jsx("td",{style:o.gmTableCell,children:e.answer||"—"}),i.jsx("td",{style:o.gmTableCell,children:e.correct}),i.jsx("td",{style:o.gmTableCell,children:e.result==="correct"?"✔ Correct":e.result==="almost"?"◐ Almost (0.5)":"✘ Wrong"})]},t))})]}),i.jsxs("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:n&&window.innerWidth>window.innerHeight||n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||window.innerWidth===932&&window.innerHeight===430?"2px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b?"12px":"24px"},children:[i.jsx("button",{style:{...o.gmButton,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",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",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"},onClick:un,children:"🔁 Play again"}),i.jsx("button",{style:{...o.gmButton,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",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",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"},onClick:Nn,children:"⬅️ Choose theme"})]})]}),M&&!U&&i.jsxs("div",{style:o.gmGameLayout,children:[i.jsxs("div",{style:{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":I||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"50px":n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"60px":"160px",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",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||I||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"8px":n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"15px":"40px"},children:[S==="ready"&&i.jsxs(i.Fragment,{children:[i.jsx("h1",{style:{...o.gmHeadline1,color:"#ec4c44"},children:"GET READY"}),i.jsx("div",{style:o.gmHourglass,children:"⏳"})]}),S==="memorize"&&i.jsxs("p",{style:{...o.gmBodyM,color:"#10b981"},children:["MEMORIZE (",O,")"]}),S==="guess"&&!z&&i.jsxs("p",{style:o.gmBodyM,children:["⏳ Time left: ",Z,"s"]})]}),S!=="ready"&&i.jsx("div",{style:{...o.gmGrid,...I||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?{width:"100%"}:{},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)":I||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"repeat(3, 150px)":"repeat(3, 210px)",gridAutoRows:n&&window.innerWidth>window.innerHeight?"120px":n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"100px":n?"150px":window.innerHeight<700?"140px":typeof window<"u"&&window.devicePixelRatio>=1.25&&window.devicePixelRatio<=1.5?"240px":typeof window<"u"&&window.innerWidth===1280&&window.innerHeight===720?"130px":I||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"150px":"210px",gap:n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"12px":n||window.innerHeight<700?"8px":typeof window<"u"&&window.devicePixelRatio>=1.25&&window.devicePixelRatio<=1.5?"24px":I||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"12px":"20px",justifyItems:"center",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%",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":I||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"10px":"16px"},children:R.map((e,t)=>{const w=P===t&&S==="guess"&&!z;return i.jsx("div",{style:{width:"100%",height:"100%",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",overflow:"hidden",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)",transition:"all 0.3s ease",cursor:"pointer",...Hn==="correct"&&P===t?{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",transform:"scale(1.03)"}:{},...Hn==="wrong"&&P===t?{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",transform:"scale(1.03)"}:{}},children:!w&&(()=>{const h=N.current.get(e.src),y=h?.complete&&h.src?h.src:e.src;return i.jsx("img",{src:y,alt:e.name,fetchPriority:"high",loading:"eager",decoding:"async",style:{width:"100%",height:"100%",objectFit:"cover"}},`${e.src}-${h?.complete?"loaded":"pending"}`)})()},t)})}),i.jsxs("div",{style:{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":I||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"4px":"16px",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":I||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"50px":"80px"},children:[S==="guess"&&!z&&i.jsx("div",{style:{display:"flex",flexDirection:nn?"row":"column",gap:n&&window.innerWidth<=375&&window.innerHeight<=667||n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"3px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u?"8px":n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"6px":"12px",alignItems:"center",justifyContent:"center",width:"100%",maxWidth:n&&window.innerWidth<=375&&window.innerHeight<=667||n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"270px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"400px":"300px"},children:i.jsxs(i.Fragment,{children:[i.jsx("input",{type:"text",placeholder:"Type the missing word",value:Y,onChange:e=>xn(e.target.value),style:{...o.gmInput,width:n&&window.innerWidth<=375&&window.innerHeight<=667||n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"170px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"250px":"auto",padding:n&&window.innerWidth<=375&&window.innerHeight<=667||n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"5px 6px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"10px 12px":"12px 16px",fontSize:n&&window.innerWidth<=375&&window.innerHeight<=667||n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428?"10px":window.innerWidth===896&&window.innerHeight===414?"11px":window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"10px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"14px":"16px",flex:nn?"1":"none"}}),i.jsx("button",{style:{...o.gmButton,marginLeft:nn?"8px":"0",padding:n&&window.innerWidth<=375&&window.innerHeight<=667?"5px 8px":n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"6px 10px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"10px 16px":"12px 24px",fontSize:n&&window.innerWidth<=375&&window.innerHeight<=667?"10px":n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"11px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"14px":"16px",minWidth:n&&window.innerWidth<=375&&window.innerHeight<=667?"45px":n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"55px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"80px":"100px",flexShrink:0},onClick:$n,disabled:Q,children:Q?"...":"Check"})]})}),z&&i.jsx("button",{style:{...o.gmButton,padding:n&&window.innerWidth<=375&&window.innerHeight<=667?"5px 8px":n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"6px 10px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"10px 16px":"12px 24px",fontSize:n&&window.innerWidth<=375&&window.innerHeight<=667?"10px":n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"11px":window.innerWidth===1366&&window.innerHeight===766||window.innerWidth===1366&&window.innerHeight===768||window.innerWidth===1280&&window.innerHeight===720||window.innerWidth===1440&&window.innerHeight===900||b||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"14px":"16px"},onClick:qn,children:"Next round"})]})]})]})})})})}exports.Game=oi;exports.themes=A;
+  `;const y=document.getElementById("whats-missing-reset");y&&y.remove(),document.head.appendChild(r)},wi=(r,y)=>{const a=Array.from({length:r.length+1},()=>Array(y.length+1).fill(0));for(let s=0;s<=r.length;s++)a[s][0]=s;for(let s=0;s<=y.length;s++)a[0][s]=s;for(let s=1;s<=r.length;s++)for(let g=1;g<=y.length;g++)a[s][g]=r[s-1]===y[g-1]?a[s-1][g-1]:Math.min(a[s-1][g-1],a[s][g-1],a[s-1][g])+1;return a[r.length][y.length]},di=r=>new Promise(y=>{const a=new Image;a.onload=()=>y(a),a.onerror=()=>y(a),a.src=r}),rn=async(r,y)=>{const a=new Map,s=r.map(async g=>{const E=await di(g);a.set(g,E)});return await Promise.allSettled(s),a};function oi({gameCubeSize:r,screenHeight:y,screenWidth:a}){const s=d.useRef(null);d.useEffect(()=>(ti(),()=>{document.documentElement.style.overflow="",document.body.style.overflow="";const e=document.getElementById("whats-missing-reset");e&&e.remove(),I.current&&I.current.abort()}),[]);const[g,E]=d.useState(null),[z,hn]=d.useState([]),[D,jn]=d.useState(4),[L,sn]=d.useState(!1),[G,gn]=d.useState(1),[v,In]=d.useState(null),[j,F]=d.useState("ready"),[an,pn]=d.useState(10),[O,V]=d.useState(10),[Z,ln]=d.useState(20),[vn,_]=d.useState(0),[U,K]=d.useState(!1),[Y,xn]=d.useState(""),[M,J]=d.useState(!1),[Q,cn]=d.useState(!1),[Hn,B]=d.useState(null),[Pn,X]=d.useState([]),[kn,Wn]=d.useState([]),[n,Tn]=d.useState(!1),[zn,$]=d.useState(1),[mn,q]=d.useState(null),[S,Rn]=d.useState(!1),[p,Mn]=d.useState(!1),[l,Ln]=d.useState(!1),[x,Bn]=d.useState(!1),[c,Cn]=d.useState(!1),[H,An]=d.useState(!1),[W,En]=d.useState(!1),[m,Dn]=d.useState(!1),[u,Gn]=d.useState(!1),[nn,Fn]=d.useState(!1),[P,Un]=d.useState(!1),en=d.useRef(new Set),N=d.useRef(new Map),I=d.useRef(null);d.useEffect(()=>{const e=()=>{const t=a??window.innerWidth,w=y??window.innerHeight,h=t<768||t===926&&w===428||t===932&&w===430,f=w<700,k=t/w>1.8,b=t===768&&w===1024,wn=t===1024&&w===768,C=t===820&&w===1180,T=t===1180&&w===820,R=t===540&&w===720,yn=t===720&&w===540,bn=t===1024&&w===1366,Sn=t===1366&&w===1024,Vn=t>=1200&&w>=600&&!h;Rn(Vn),Mn(b),Ln(wn),Bn(C),Cn(T),An(R),En(yn),Dn(bn),Gn(Sn),Un(k);const Zn=h&&t>w||h||w<700||k||t===1366&&w===766||t===1366&&w===768||t===1280&&w===720||t===1440&&w===900||b||wn||C||T||R||yn||bn||Sn||S;if(Fn(Zn),Tn(h),h)q(r&&r>=320?r:null),$(1);else if(f)q(r&&r>=400?r:null),$(1);else if(k){const dn=r?Math.max(400,Math.min(1200,r)):Math.min(1e3,Math.min(t,w)*.9);q(dn),$(.85)}else{const dn=r?Math.max(400,Math.min(1200,r)):Math.min(1e3,Math.min(t,w)*.9);q(dn),$(1)}};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[a,y,r]);const tn=e=>[...e].sort(()=>Math.random()-.5).slice(0,6),Yn=e=>{I.current&&I.current.abort(),I.current=new AbortController;const w=A[e].map(h=>h.src);rn(w,I.current.signal).then(h=>{w.forEach(f=>{en.current.add(f),h.has(f)&&N.current.set(f,h.get(f))})}).catch(()=>{})},un=()=>{if(!g)return;const e=tn(A[g]);hn(e),sn(!0),K(!1),gn(1),_(0),X([]),Wn([]);const t=e.map(w=>w.src);rn(t,I.current?.signal).then(w=>{t.forEach(h=>{en.current.add(h),w.has(h)&&N.current.set(h,w.get(h))})}).catch(()=>{}),fn(e,[],!0)},fn=(e=z,t=kn,w=!1)=>{const h=tn(e.length?e:A[g]);let f=Math.floor(Math.random()*h.length),k=h[f].name,b=0;for(;t.includes(k)&&b<20;)f=Math.floor(Math.random()*h.length),k=h[f].name,b++;if(hn(h),In(f),Wn([...t,k]),J(!1),xn(""),ln(20),B(null),g&&!w){const C=tn(A[g].filter(T=>!t.includes(T.name))).map(T=>T.src);rn(C,I.current?.signal).then(T=>{C.forEach(R=>{en.current.add(R),T.has(R)&&N.current.set(R,T.get(R))})}).catch(()=>{})}w?(F("ready"),pn(10),V(10)):(F("memorize"),V(10))};d.useEffect(()=>{if(!(!L||U||M)){if(j==="ready")if(an<=0)F("memorize");else{const e=setTimeout(()=>pn(t=>t-1),1e3);return()=>clearTimeout(e)}if(j==="memorize")if(O<=0)F("guess");else{const e=setTimeout(()=>V(t=>t-1),1e3);return()=>clearTimeout(e)}if(j==="guess"){if(Z<=0){J(!0),B("wrong");const t=z[v].name,w=z[v].aliases,h=[t,...w||[]].join(", ");X(f=>[...f,{round:G,answer:Y,correct:h,result:"wrong"}]);return}const e=setTimeout(()=>ln(t=>t-1),1e3);return()=>clearTimeout(e)}}},[j,an,O,Z,L,U,M,z,v,G,Y]);const $n=()=>{if(v===null||Q)return;const e=z[v].name,t=z[v].aliases,w=Y.toLowerCase().trim();let h="wrong";const f=[e,...t||[]].map(b=>b.toLowerCase()),k=[e,...t||[]].join(", ");f.includes(w)?(_(b=>b+1),B("correct"),h="correct"):f.some(b=>wi(w,b)===1)?(_(b=>b+.5),B("almost"),h="almost"):(B("wrong"),h="wrong"),X(b=>[...b,{round:G,answer:w,correct:k,result:h}]),cn(!0),setTimeout(()=>{cn(!1),J(!0)},600)},qn=()=>G<D?(gn(e=>e+1),fn()):K(!0),Nn=()=>{I.current&&I.current.abort(),sn(!1),K(!1),E(null)},On=d.useMemo(()=>n&&window.innerWidth>window.innerHeight||window.innerHeight<700?null:i.jsx("div",{style:{...o.gmLogoFixed,position:"absolute",top:16,left:16,zIndex:30},children:i.jsxs("picture",{children:[i.jsx("source",{srcSet:window.origin+"/cloud/speakid/games/whatsmissing/logo.svg",type:"image/svg+xml"}),i.jsx("img",{src:window.origin+"/cloud/speakid/games/whatsmissing/logo.png",alt:"SPEAKID Logo",style:o.gmLogoImg,loading:"lazy"})]})}),[n]);return i.jsx("div",{ref:s,style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",background:"linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)",transition:"background 0.3s ease",overflow:"hidden",position:"absolute",top:0,left:0,right:0,bottom:0},children:i.jsx("div",{style:{width:n?"100%":mn||r||1e3,height:n?"100%":mn||r||1e3,display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",borderRadius:n?0:"20px",background:"linear-gradient(to bottom, #fff8f8 0%, #f9fafb 100%)",boxShadow:n?"none":"0 0 40px rgba(0,0,0,0.1)",margin:n?"0 auto":"unset",position:"relative",transform:`scale(${zn})`},children:i.jsx("div",{style:{transform:"translateZ(0)",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:i.jsxs("div",{id:"whats-missing-root",children:[!n&&On,!g&&!L&&i.jsxs("div",{style:o.gmCenterScreen,children:[i.jsx("h1",{style:o.gmHeadline1,children:"WHAT'S MISSING?"}),i.jsx("p",{style:o.gmBodyM,children:"Select a theme:"}),i.jsx("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(e=>i.jsx("button",{style:{...o.gmButton,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",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",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"},onClick:()=>{E(e),Yn(e)},children:e==="animals"?"🐶 Animals":e==="food"?"🍎 Food":"🧸 Toys"},e))}),i.jsxs("div",{style:{marginTop:24},children:[i.jsx("p",{style:o.gmBodyS,children:"Choose number of rounds:"}),i.jsx("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(e=>i.jsx("button",{style:{...o.gmButton,...D===e?o.gmButtonActive:{},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",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",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"},onClick:()=>jn(e),children:e},e))})]})]}),g&&!L&&i.jsxs("div",{style:o.gmCenterScreen,children:[i.jsxs("h1",{style:o.gmHeadline1,children:["Theme selected: ",g]}),i.jsxs("p",{style:o.gmBodyM,children:["Rounds: ",D]}),i.jsx("button",{style:{...o.gmButton,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",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",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"},onClick:un,children:"▶ Start game"})]}),U&&i.jsxs("div",{style:o.gmCenterScreen,children:[i.jsx("h1",{style:{...o.gmHeadline1,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||p||l||x||c||H||W||m||u?"0px":o.gmHeadline1.marginTop,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||p||l||x||c||H||W||m||u?"2px":o.gmHeadline1.marginBottom},children:"Results"}),i.jsxs("h2",{style:{...o.gmHeadline3,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||p||l||x||c||H||W||m||u?"0px":o.gmHeadline3.marginTop,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||p||l||x||c||H||W||m||u?"2px":o.gmHeadline3.marginBottom},children:["Your score: ",vn," / ",D]}),i.jsx("p",{style:{...o.gmBodyM,color:"#10b981",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||p||l||x||c||H||W||m||u?"0px":"12px",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||p||l||x||c||H||W||m||u?"2px":o.gmBodyM.marginBottom},children:"Yahoo! You did it! 🍬✨"}),i.jsxs("table",{style:{...o.gmTable,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||p||l||x||c||H||W||m||u?"0px":"20px",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||p||l||x||c||H||W||m||u?"4px":"32px"},children:[i.jsx("thead",{children:i.jsxs("tr",{children:[i.jsx("th",{children:"Round"}),i.jsx("th",{children:"Your Answer"}),i.jsx("th",{children:"Correct"}),i.jsx("th",{children:"Result"})]})}),i.jsx("tbody",{children:Pn.map((e,t)=>i.jsxs("tr",{children:[i.jsx("td",{style:o.gmTableCell,children:e.round}),i.jsx("td",{style:o.gmTableCell,children:e.answer||"—"}),i.jsx("td",{style:o.gmTableCell,children:e.correct}),i.jsx("td",{style:o.gmTableCell,children:e.result==="correct"?"✔ Correct":e.result==="almost"?"◐ Almost (0.5)":"✘ Wrong"})]},t))})]}),i.jsxs("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: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"},children:[i.jsx("button",{style:{...o.gmButton,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",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",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"},onClick:un,children:"🔁 Play again"}),i.jsx("button",{style:{...o.gmButton,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",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",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"},onClick:Nn,children:"⬅️ Choose theme"})]})]}),L&&!U&&i.jsxs("div",{style:o.gmGameLayout,children:[i.jsxs("div",{style:{minHeight:n&&window.innerWidth<=375&&window.innerHeight<=667||n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"45px":P||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"50px":n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"60px":"160px",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:n&&window.innerWidth<=375&&window.innerHeight<=667||n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428||P||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"8px":n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"15px":"40px"},children:[j==="ready"&&i.jsxs(i.Fragment,{children:[i.jsx("h1",{style:{...o.gmHeadline1,color:"#ec4c44"},children:"GET READY"}),i.jsx("div",{style:o.gmHourglass,children:"⏳"})]}),j==="memorize"&&i.jsxs("p",{style:{...o.gmBodyM,color:"#10b981"},children:["MEMORIZE (",O,")"]}),j==="guess"&&!M&&i.jsxs("p",{style:o.gmBodyM,children:["⏳ Time left: ",Z,"s"]})]}),j!=="ready"&&i.jsx("div",{style:{...o.gmGrid,...P||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?{width:"100%"}:{},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)":P||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"repeat(3, 150px)":"repeat(3, 210px)",gridAutoRows:n&&window.innerWidth>window.innerHeight?"120px":n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"100px":n?"150px":window.innerHeight<700?"140px":typeof window<"u"&&window.devicePixelRatio>=1.25&&window.devicePixelRatio<=1.5?"240px":typeof window<"u"&&window.innerWidth===1280&&window.innerHeight===720?"130px":P||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"150px":"210px",gap:n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"12px":n||window.innerHeight<700?"8px":typeof window<"u"&&window.devicePixelRatio>=1.25&&window.devicePixelRatio<=1.5?"24px":P||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"12px":"20px",justifyItems:"center",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%",padding:n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"8px":typeof window<"u"&&window.devicePixelRatio>=1.25&&window.devicePixelRatio<=1.5?"20px":P||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8?"10px":"16px"},children:z.map((e,t)=>{const w=v===t&&j==="guess"&&!M;return i.jsx("div",{style:{width:"100%",height:"100%",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",overflow:"hidden",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)",transition:"all 0.3s ease",cursor:"pointer",...Hn==="correct"&&v===t?{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",transform:"scale(1.03)"}:{},...Hn==="wrong"&&v===t?{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",transform:"scale(1.03)"}:{}},children:!w&&(()=>{const h=N.current.get(e.src),f=h?.complete&&h.src?h.src:e.src;return i.jsx("img",{src:f,alt:e.name,fetchPriority:"high",loading:"eager",decoding:"async",style:{width:"100%",height:"100%",objectFit:"cover"}},`${e.src}-${h?.complete?"loaded":"pending"}`)})()},t)})}),i.jsxs("div",{style:{marginTop:n&&window.innerWidth<=375&&window.innerHeight<=667||n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"1px":P||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"4px":"16px",height:n&&window.innerWidth<=375&&window.innerHeight<=667||n&&window.innerWidth>window.innerHeight&&window.innerHeight<=428||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"40px":P||typeof window<"u"&&window.innerWidth/window.innerHeight>1.8||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"50px":"80px"},children:[j==="guess"&&!M&&i.jsx("div",{style:{display:"flex",flexDirection:nn?"row":"column",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||p||l||x||c||H||W||m||u?"8px":n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"6px":"12px",alignItems:"center",justifyContent:"center",width:"100%",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||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"400px":"300px"},children:i.jsxs(i.Fragment,{children:[i.jsx("input",{type:"text",placeholder:"Type the missing word",value:Y,onChange:e=>xn(e.target.value),style:{...o.gmInput,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||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"250px":"auto",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||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"10px 12px":"12px 16px",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||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"14px":"16px",flex:nn?"1":"none"}}),i.jsx("button",{style:{...o.gmButton,marginLeft:nn?"8px":"0",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||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"10px 16px":"12px 24px",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||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"14px":"16px",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||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"80px":"100px",flexShrink:0},onClick:$n,disabled:Q,children:Q?"...":"Check"})]})}),M&&i.jsx("button",{style:{...o.gmButton,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||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"10px 16px":"12px 24px",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||p||l||x||c||H||W||m||u||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"14px":"16px"},onClick:qn,children:"Next round"})]})]})]})})})})}exports.Game=oi;exports.themes=A;

package/dist/whats-missing.es.js

@@ -1,8 +1,9 @@
 import { jsx as d, jsxs as p, Fragment as kn } from "react/jsx-runtime";
 import { useRef as Z, useEffect as hn, useState as h, useMemo as ii } from "react";
-const ei = window.origin + "/cloud/speakid/games/whatsmissing/", gn = (o, y) => o.map(([s, g]) => ({
-  src: `${ei}${y}/${g.replace(/\s/g, "%20")}.png`,
-  name: g
+const ei = window.origin + "/cloud/speakid/games/whatsmissing/", gn = (o, b) => o.map(([a, g, ...s]) => ({
+  src: `${ei}${b}/${g.replace(/\s/g, "%20")}.png`,
+  name: g,
+  aliases: s?.length ? s : void 0
 })), ti = [
   ["apple", "apple"],
   ["banana", "banana"],
@@ -249,48 +250,48 @@ const ri = {
       overflow: hidden !important;
     }
   `;
-  const y = document.getElementById("whats-missing-reset");
-  y && y.remove(), document.head.appendChild(o);
-}, gi = (o, y) => {
-  const s = Array.from({ length: o.length + 1 }, () => Array(y.length + 1).fill(0));
-  for (let g = 0; g <= o.length; g++) s[g][0] = g;
-  for (let g = 0; g <= y.length; g++) s[0][g] = g;
+  const b = document.getElementById("whats-missing-reset");
+  b && b.remove(), document.head.appendChild(o);
+}, gi = (o, b) => {
+  const a = Array.from({ length: o.length + 1 }, () => Array(b.length + 1).fill(0));
+  for (let g = 0; g <= o.length; g++) a[g][0] = g;
+  for (let g = 0; g <= b.length; g++) a[0][g] = g;
   for (let g = 1; g <= o.length; g++)
-    for (let a = 1; a <= y.length; a++)
-      s[g][a] = o[g - 1] === y[a - 1] ? s[g - 1][a - 1] : Math.min(s[g - 1][a - 1], s[g][a - 1], s[g - 1][a]) + 1;
-  return s[o.length][y.length];
-}, si = (o) => new Promise((y) => {
-  const s = new Image();
-  s.onload = () => y(s), s.onerror = () => y(s), s.src = o;
-}), sn = async (o, y) => {
-  const s = /* @__PURE__ */ new Map(), g = o.map(async (a) => {
-    const j = await si(a);
-    s.set(a, j);
+    for (let s = 1; s <= b.length; s++)
+      a[g][s] = o[g - 1] === b[s - 1] ? a[g - 1][s - 1] : Math.min(a[g - 1][s - 1], a[g][s - 1], a[g - 1][s]) + 1;
+  return a[o.length][b.length];
+}, si = (o) => new Promise((b) => {
+  const a = new Image();
+  a.onload = () => b(a), a.onerror = () => b(a), a.src = o;
+}), sn = async (o, b) => {
+  const a = /* @__PURE__ */ new Map(), g = o.map(async (s) => {
+    const E = await si(s);
+    a.set(s, E);
   });
-  return await Promise.allSettled(g), s;
+  return await Promise.allSettled(g), a;
 };
 function li({
   gameCubeSize: o,
-  screenHeight: y,
-  screenWidth: s
+  screenHeight: b,
+  screenWidth: a
 }) {
   const g = Z(null);
   hn(() => (hi(), () => {
     document.documentElement.style.overflow = "", document.body.style.overflow = "";
     const i = document.getElementById("whats-missing-reset");
-    i && i.remove(), v.current && v.current.abort();
+    i && i.remove(), P.current && P.current.abort();
   }), []);
-  const [a, j] = h(null), [R, an] = h([]), [D, zn] = h(4), [B, pn] = h(!1), [G, ln] = h(1), [z, Tn] = h(null), [S, F] = h("ready"), [xn, cn] = h(10), [q, K] = h(10), [O, Hn] = h(20), [Mn, J] = h(0), [U, Q] = h(!1), [Y, Wn] = h(""), [L, X] = h(!1), [nn, mn] = h(!1), [fn, C] = h(null), [Ln, en] = h([]), [Rn, un] = h([]), [n, Bn] = h(!1), [Cn, $] = h(1), [yn, N] = h(null), [I, An] = h(!1), [l, En] = h(!1), [x, jn] = h(!1), [c, Dn] = h(!1), [H, Gn] = h(!1), [W, Fn] = h(!1), [m, Un] = h(!1), [f, Yn] = h(!1), [u, $n] = h(!1), [tn, Nn] = h(!1), [P, Vn] = h(!1), wn = Z(/* @__PURE__ */ new Set()), V = Z(/* @__PURE__ */ new Map()), v = Z(null);
+  const [s, 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), [l, jn] = h(!1), [c, En] = h(!1), [x, Dn] = h(!1), [H, Gn] = h(!1), [W, Fn] = h(!1), [m, Un] = h(!1), [f, Yn] = h(!1), [u, $n] = h(!1), [tn, Nn] = h(!1), [z, Vn] = h(!1), wn = Z(/* @__PURE__ */ new Set()), V = Z(/* @__PURE__ */ new Map()), P = Z(null);
   hn(() => {
     const i = () => {
-      const e = s ?? window.innerWidth, t = y ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, b = t < 700, T = e / t > 1.8, A = e === 768 && t === 1024, on = e === 1024 && t === 768, E = e === 820 && t === 1180, k = e === 1180 && t === 820, M = e === 540 && t === 720, Sn = e === 720 && t === 540, vn = e === 1024 && t === 1366, Pn = e === 1366 && t === 1024, Jn = e >= 1200 && t >= 600 && !r;
-      An(Jn), En(A), jn(on), Dn(E), Gn(k), Fn(M), Un(Sn), Yn(vn), $n(Pn), Vn(T);
+      const e = a ?? window.innerWidth, t = b ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, y = 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;
+      An(Jn), jn(I), En(on), Dn(j), Gn(L), Fn(R), Un(Sn), Yn(vn), $n(Pn), Vn(T);
       const Qn = r && e > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
       t < 700 || T || // ✅ Широкие экраны
-      e === 1366 && t === 766 || e === 1366 && t === 768 || e === 1280 && t === 720 || e === 1440 && t === 900 || A || on || E || k || M || Sn || vn || Pn || I;
+      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;
       if (Nn(Qn), Bn(r), r)
         N(o && o >= 320 ? o : null), $(1);
-      else if (b)
+      else if (y)
         N(o && o >= 400 ? o : null), $(1);
       else if (T) {
         const rn = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
@@ -301,64 +302,64 @@ function li({
       }
     };
     return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, [s, y, o]);
+  }, [a, b, o]);
   const dn = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), Zn = (i) => {
-    v.current && v.current.abort(), v.current = new AbortController();
+    P.current && P.current.abort(), P.current = new AbortController();
     const t = _[i].map((r) => r.src);
-    sn(t, v.current.signal).then((r) => {
-      t.forEach((b) => {
-        wn.current.add(b), r.has(b) && V.current.set(b, r.get(b));
+    sn(t, P.current.signal).then((r) => {
+      t.forEach((y) => {
+        wn.current.add(y), r.has(y) && V.current.set(y, r.get(y));
       });
     }).catch(() => {
     });
   }, bn = () => {
-    if (!a) return;
-    const i = dn(_[a]);
+    if (!s) return;
+    const i = dn(_[s]);
     an(i), pn(!0), Q(!1), ln(1), J(0), en([]), un([]);
     const e = i.map((t) => t.src);
-    sn(e, v.current?.signal).then((t) => {
+    sn(e, P.current?.signal).then((t) => {
       e.forEach((r) => {
         wn.current.add(r), t.has(r) && V.current.set(r, t.get(r));
       });
     }).catch(() => {
     }), In(i, [], !0);
-  }, In = (i = R, e = Rn, t = !1) => {
-    const r = dn(i.length ? i : _[a]);
-    let b = Math.floor(Math.random() * r.length), T = r[b].name, A = 0;
-    for (; e.includes(T) && A < 20; )
-      b = Math.floor(Math.random() * r.length), T = r[b].name, A++;
-    if (an(r), Tn(b), un([...e, T]), X(!1), Wn(""), Hn(20), C(null), a && !t) {
-      const E = dn(_[a].filter((k) => !e.includes(k.name))).map((k) => k.src);
-      sn(E, v.current?.signal).then((k) => {
-        E.forEach((M) => {
-          wn.current.add(M), k.has(M) && V.current.set(M, k.get(M));
+  }, In = (i = M, e = Rn, t = !1) => {
+    const r = dn(i.length ? i : _[s]);
+    let y = Math.floor(Math.random() * r.length), T = r[y].name, I = 0;
+    for (; e.includes(T) && I < 20; )
+      y = Math.floor(Math.random() * r.length), T = r[y].name, I++;
+    if (an(r), Tn(y), un([...e, T]), X(!1), Wn(""), Hn(20), A(null), s && !t) {
+      const j = dn(_[s].filter((L) => !e.includes(L.name))).map((L) => L.src);
+      sn(j, P.current?.signal).then((L) => {
+        j.forEach((R) => {
+          wn.current.add(R), L.has(R) && V.current.set(R, L.get(R));
         });
       }).catch(() => {
       });
     }
-    t ? (F("ready"), cn(10), K(10)) : (F("memorize"), K(10));
+    t ? (F("ready"), xn(10), K(10)) : (F("memorize"), K(10));
   };
   hn(() => {
-    if (!(!B || U || L)) {
-      if (S === "ready")
-        if (xn <= 0) F("memorize");
+    if (!(!C || U || B)) {
+      if (v === "ready")
+        if (cn <= 0) F("memorize");
         else {
-          const i = setTimeout(() => cn((e) => e - 1), 1e3);
+          const i = setTimeout(() => xn((e) => e - 1), 1e3);
           return () => clearTimeout(i);
         }
-      if (S === "memorize")
+      if (v === "memorize")
         if (q <= 0) F("guess");
         else {
           const i = setTimeout(() => K((e) => e - 1), 1e3);
           return () => clearTimeout(i);
         }
-      if (S === "guess") {
+      if (v === "guess") {
         if (O <= 0) {
-          X(!0), C("wrong");
-          const e = R[z].name;
-          en((t) => [
-            ...t,
-            { round: G, answer: Y, correct: e, result: "wrong" }
+          X(!0), A("wrong");
+          const e = M[k].name, t = M[k].aliases, r = [e, ...t || []].join(", ");
+          en((y) => [
+            ...y,
+            { round: G, answer: Y, correct: r, result: "wrong" }
           ]);
           return;
         }
@@ -366,16 +367,17 @@ function li({
         return () => clearTimeout(i);
       }
     }
-  }, [S, xn, q, O, B, U, L, R, z, G, Y]);
+  }, [v, cn, q, O, C, U, B, M, k, G, Y]);
   const _n = () => {
-    if (z === null || nn) return;
-    const i = R[z].name, e = Y.toLowerCase().trim();
-    let t = "wrong";
-    e === i ? (J((r) => r + 1), C("correct"), t = "correct") : gi(e, i) === 1 ? (J((r) => r + 0.5), C("almost"), t = "almost") : (C("wrong"), t = "wrong"), en((r) => [...r, { round: G, answer: e, correct: i, result: t }]), mn(!0), setTimeout(() => {
+    if (k === null || nn) return;
+    const i = M[k].name, e = M[k].aliases, t = Y.toLowerCase().trim();
+    let r = "wrong";
+    const y = [i, ...e || []].map((I) => I.toLowerCase()), T = [i, ...e || []].join(", ");
+    y.includes(t) ? (J((I) => I + 1), A("correct"), r = "correct") : y.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(() => {
       mn(!1), X(!0);
     }, 600);
   }, qn = () => G < D ? (ln((i) => i + 1), In()) : Q(!0), Kn = () => {
-    v.current && v.current.abort(), pn(!1), Q(!1), j(null);
+    P.current && P.current.abort(), pn(!1), Q(!1), E(null);
   }, On = ii(
     () => n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? null : (
       // ensure logo is positioned inside the square container
@@ -451,7 +453,7 @@ function li({
               },
               children: /* @__PURE__ */ p("div", { id: "whats-missing-root", children: [
                 !n && On,
-                !a && !B && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
+                !s && !C && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
                   /* @__PURE__ */ d("h1", { style: w.gmHeadline1, children: "WHAT'S MISSING?" }),
                   /* @__PURE__ */ d("p", { style: w.gmBodyM, children: "Select a theme:" }),
                   /* @__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: {
@@ -460,7 +462,7 @@ function li({
                     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",
                     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"
                   }, onClick: () => {
-                    j(i), Zn(i);
+                    E(i), Zn(i);
                   }, children: i === "animals" ? "🐶 Animals" : i === "food" ? "🍎 Food" : "🧸 Toys" }, i)) }),
                   /* @__PURE__ */ p("div", { style: { marginTop: 24 }, children: [
                     /* @__PURE__ */ d("p", { style: w.gmBodyS, children: "Choose number of rounds:" }),
@@ -481,10 +483,10 @@ function li({
                     )) })
                   ] })
                 ] }),
-                a && !B && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
+                s && !C && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
                   /* @__PURE__ */ p("h1", { style: w.gmHeadline1, children: [
                     "Theme selected: ",
-                    a
+                    s
                   ] }),
                   /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
                     "Rounds: ",
@@ -500,29 +502,29 @@ function li({
                 U && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
                   /* @__PURE__ */ d("h1", { style: {
                     ...w.gmHeadline1,
-                    marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "0px" : w.gmHeadline1.marginTop,
-                    marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "2px" : w.gmHeadline1.marginBottom
+                    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 || f || u ? "0px" : w.gmHeadline1.marginTop,
+                    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 || f || u ? "2px" : w.gmHeadline1.marginBottom
                   }, children: "Results" }),
                   /* @__PURE__ */ p("h2", { style: {
                     ...w.gmHeadline3,
-                    marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "0px" : w.gmHeadline3.marginTop,
-                    marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "2px" : w.gmHeadline3.marginBottom
+                    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 || f || u ? "0px" : w.gmHeadline3.marginTop,
+                    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 || f || u ? "2px" : w.gmHeadline3.marginBottom
                   }, children: [
                     "Your score: ",
-                    Mn,
+                    Ln,
                     " / ",
                     D
                   ] }),
                   /* @__PURE__ */ d("p", { style: {
                     ...w.gmBodyM,
                     color: "#10b981",
-                    marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "0px" : "12px",
-                    marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "2px" : w.gmBodyM.marginBottom
+                    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 || f || u ? "0px" : "12px",
+                    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 || f || u ? "2px" : w.gmBodyM.marginBottom
                   }, children: "Yahoo! You did it! 🍬✨" }),
                   /* @__PURE__ */ p("table", { style: {
                     ...w.gmTable,
-                    marginTop: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "0px" : "20px",
-                    marginBottom: n && window.innerWidth > window.innerHeight || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 || l || x || c || H || W || m || f || u ? "4px" : "32px"
+                    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 || f || u ? "0px" : "20px",
+                    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 || f || u ? "4px" : "32px"
                   }, children: [
                     /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ p("tr", { children: [
                       /* @__PURE__ */ d("th", { children: "Round" }),
@@ -530,7 +532,7 @@ function li({
                       /* @__PURE__ */ d("th", { children: "Correct" }),
                       /* @__PURE__ */ d("th", { children: "Result" })
                     ] }) }),
-                    /* @__PURE__ */ d("tbody", { children: Ln.map((i, e) => /* @__PURE__ */ p("tr", { children: [
+                    /* @__PURE__ */ d("tbody", { children: Mn.map((i, e) => /* @__PURE__ */ p("tr", { children: [
                       /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.round }),
                       /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.answer || "—" }),
                       /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.correct }),
@@ -540,7 +542,7 @@ function li({
                   /* @__PURE__ */ p("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: 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"
+                    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"
                   }, children: [
                     /* @__PURE__ */ d("button", { style: {
                       ...w.gmButton,
@@ -556,29 +558,29 @@ function li({
                     }, onClick: Kn, children: "⬅️ Choose theme" })
                   ] })
                 ] }),
-                B && !U && /* @__PURE__ */ p("div", { style: w.gmGameLayout, children: [
+                C && !U && /* @__PURE__ */ p("div", { style: w.gmGameLayout, children: [
                   /* @__PURE__ */ p(
                     "div",
                     {
                       style: {
-                        minHeight: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "45px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "50px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "60px" : "160px",
+                        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" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "50px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "60px" : "160px",
                         display: "flex",
                         flexDirection: "column",
                         justifyContent: "center",
                         alignItems: "center",
-                        paddingTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "15px" : "40px"
+                        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"
                       },
                       children: [
-                        S === "ready" && /* @__PURE__ */ p(kn, { children: [
+                        v === "ready" && /* @__PURE__ */ p(kn, { children: [
                           /* @__PURE__ */ d("h1", { style: { ...w.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
                           /* @__PURE__ */ d("div", { style: w.gmHourglass, children: "⏳" })
                         ] }),
-                        S === "memorize" && /* @__PURE__ */ p("p", { style: { ...w.gmBodyM, color: "#10b981" }, children: [
+                        v === "memorize" && /* @__PURE__ */ p("p", { style: { ...w.gmBodyM, color: "#10b981" }, children: [
                           "MEMORIZE (",
                           q,
                           ")"
                         ] }),
-                        S === "guess" && !L && /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
+                        v === "guess" && !B && /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
                           "⏳ Time left: ",
                           O,
                           "s"
@@ -586,24 +588,24 @@ function li({
                       ]
                     }
                   ),
-                  S !== "ready" && /* @__PURE__ */ d(
+                  v !== "ready" && /* @__PURE__ */ d(
                     "div",
                     {
                       style: {
                         ...w.gmGrid,
-                        ...P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? { width: "100%" } : {},
+                        ...z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? { width: "100%" } : {},
                         // ✅ Широкие экраны: полная ширина грида
-                        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)" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "repeat(3, 150px)" : "repeat(3, 210px)",
+                        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)",
                         // desktop: 3 колонки фиксированного размера
-                        gridAutoRows: n && window.innerWidth > window.innerHeight ? "120px" : n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "100px" : n ? "150px" : window.innerHeight < 700 ? "140px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "240px" : typeof window < "u" && window.innerWidth === 1280 && window.innerHeight === 720 ? "130px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "150px" : "210px",
+                        gridAutoRows: n && window.innerWidth > window.innerHeight ? "120px" : n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "100px" : n ? "150px" : window.innerHeight < 700 ? "140px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "240px" : typeof window < "u" && window.innerWidth === 1280 && window.innerHeight === 720 ? "130px" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "150px" : "210px",
                         // desktop: стандартная высота
-                        gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "12px" : n || window.innerHeight < 700 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "24px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "12px" : "20px",
+                        gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "12px" : n || window.innerHeight < 700 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "24px" : z || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "12px" : "20px",
                         justifyItems: "center",
                         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%",
-                        padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "8px" : typeof window < "u" && window.devicePixelRatio >= 1.25 && window.devicePixelRatio <= 1.5 ? "20px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 ? "10px" : "16px"
+                        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"
                       },
-                      children: R.map((i, e) => {
-                        const t = z === e && S === "guess" && !L;
+                      children: M.map((i, e) => {
+                        const t = k === e && v === "guess" && !B;
                         return /* @__PURE__ */ d(
                           "div",
                           {
@@ -615,21 +617,21 @@ function li({
                               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)",
                               transition: "all 0.3s ease",
                               cursor: "pointer",
-                              ...fn === "correct" && z === e ? {
+                              ...fn === "correct" && k === e ? {
                                 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",
                                 transform: "scale(1.03)"
                               } : {},
-                              ...fn === "wrong" && z === e ? {
+                              ...fn === "wrong" && k === e ? {
                                 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",
                                 transform: "scale(1.03)"
                               } : {}
                             },
                             children: !t && (() => {
-                              const r = V.current.get(i.src), b = r?.complete && r.src ? r.src : i.src;
+                              const r = V.current.get(i.src), y = r?.complete && r.src ? r.src : i.src;
                               return /* @__PURE__ */ d(
                                 "img",
                                 {
-                                  src: b,
+                                  src: y,
                                   alt: i.name,
                                   fetchPriority: "high",
                                   loading: "eager",
@@ -650,17 +652,17 @@ function li({
                     }
                   ),
                   /* @__PURE__ */ p("div", { style: {
-                    marginTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "1px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "4px" : "16px",
-                    height: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "40px" : P || typeof window < "u" && window.innerWidth / window.innerHeight > 1.8 || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
+                    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",
+                    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"
                   }, children: [
-                    S === "guess" && !L && /* @__PURE__ */ d("div", { style: {
+                    v === "guess" && !B && /* @__PURE__ */ d("div", { style: {
                       display: "flex",
                       flexDirection: tn ? "row" : "column",
-                      gap: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "3px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
+                      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 || l || c || x || H || W || m || f || u ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
                       alignItems: "center",
                       justifyContent: "center",
                       width: "100%",
-                      maxWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "270px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
+                      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 || l || c || x || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
                     }, children: /* @__PURE__ */ p(kn, { children: [
                       /* @__PURE__ */ d(
                         "input",
@@ -671,9 +673,9 @@ function li({
                           onChange: (i) => Wn(i.target.value),
                           style: {
                             ...w.gmInput,
-                            width: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "170px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "250px" : "auto",
-                            padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "5px 6px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
-                            fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 ? "10px" : window.innerWidth === 896 && window.innerHeight === 414 ? "11px" : window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
+                            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 || l || c || x || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "250px" : "auto",
+                            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 || l || c || x || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 12px" : "12px 16px",
+                            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 || l || c || x || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
                             flex: tn ? "1" : "none"
                           }
                         }
@@ -684,9 +686,9 @@ function li({
                           style: {
                             ...w.gmButton,
                             marginLeft: tn ? "8px" : "0",
-                            padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
-                            fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
-                            minWidth: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "45px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "55px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
+                            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 || l || c || x || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
+                            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 || l || c || x || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
+                            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 || l || c || x || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
                             flexShrink: 0
                           },
                           onClick: _n,
@@ -695,10 +697,10 @@ function li({
                         }
                       )
                     ] }) }),
-                    L && /* @__PURE__ */ d("button", { style: {
+                    B && /* @__PURE__ */ d("button", { style: {
                       ...w.gmButton,
-                      padding: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "5px 8px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "6px 10px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
-                      fontSize: n && window.innerWidth <= 375 && window.innerHeight <= 667 ? "10px" : n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "11px" : window.innerWidth === 1366 && window.innerHeight === 766 || window.innerWidth === 1366 && window.innerHeight === 768 || window.innerWidth === 1280 && window.innerHeight === 720 || window.innerWidth === 1440 && window.innerHeight === 900 || I || l || x || c || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
+                      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 || l || c || x || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "10px 16px" : "12px 24px",
+                      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 || l || c || x || H || W || m || f || u || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px"
                     }, onClick: qn, children: "Next round" })
                   ] })
                 ] })

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@mblinkov/whats-missing",
- "version": "20.0.51",
+ "version": "20.0.52",
  "description": "A memory game component for React - Guess what's missing from a collection of images",
  "main": "dist/whats-missing.cjs.js",
  "module": "dist/whats-missing.es.js",