@mblinkov/whats-missing 20.0.48 → 20.0.49

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"),Kn=window.origin+"/cloud/speakid/games/whatsmissing/",tn=(r,u)=>r.map(([f,h])=>({src:`${Kn}${u}/${h.replace(/\s/g,"%20")}.png`,name:h})),Zn=[["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"]],Jn=[["bear","bear"],["cat","cat"],["crocodile","crocodile"],["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"],["wolf","wolf"],["zebra","zebra"]],Qn=[["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"]],B={food:tn(Zn,"food"),animals:tn(Jn,"animals"),toys:tn(Qn,"toys")},Xn=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),Kn=window.origin+"/cloud/speakid/games/whatsmissing/",dn=(r,f)=>r.map(([g,s])=>({src:`${Kn}${f}/${s.replace(/\s/g,"%20")}.png`,name:s})),Zn=[["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"]],Jn=[["bear","bear"],["cat","cat"],["crocodile","crocodile"],["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"],["wolf","wolf"],["zebra","zebra"]],Qn=[["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"]],C={food:dn(Zn,"food"),animals:dn(Jn,"animals"),toys:dn(Qn,"toys")},Xn=`
   @keyframes spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
@@ -29,4 +29,4 @@
       height: 100% !important;
       overflow: hidden !important;
     }
-  `;const u=document.getElementById("whats-missing-reset");u&&u.remove(),document.head.appendChild(r)},ei=(r,u)=>{const f=Array.from({length:r.length+1},()=>Array(u.length+1).fill(0));for(let h=0;h<=r.length;h++)f[h][0]=h;for(let h=0;h<=u.length;h++)f[0][h]=h;for(let h=1;h<=r.length;h++)for(let m=1;m<=u.length;m++)f[h][m]=r[h-1]===u[m-1]?f[h-1][m-1]:Math.min(f[h-1][m-1],f[h][m-1],f[h-1][m])+1;return f[r.length][u.length]};function ti({gameCubeSize:r,screenHeight:u,screenWidth:f}){const h=d.useRef(null);d.useEffect(()=>(ii(),()=>{document.documentElement.style.overflow="",document.body.style.overflow="";const e=document.getElementById("whats-missing-reset");e&&e.remove(),S.current&&S.current.abort()}),[]);const[m,wn]=d.useState(null),[T,dn]=d.useState([]),[C,bn]=d.useState(4),[z,on]=d.useState(!1),[A,rn]=d.useState(1),[I,Sn]=d.useState(null),[b,E]=d.useState("ready"),[hn,sn]=d.useState(3),[Y,q]=d.useState(10),[$,gn]=d.useState(20),[jn,N]=d.useState(0),[D,O]=d.useState(!1),[G,an]=d.useState(""),[v,V]=d.useState(!1),[_,pn]=d.useState(!1),[ln,R]=d.useState(null),[In,K]=d.useState([]),[vn,xn]=d.useState([]),[n,Pn]=d.useState(!1),[kn,F]=d.useState(1),[cn,U]=d.useState(null),[y,Tn]=d.useState(!1),[g,zn]=d.useState(!1),[a,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),[Z,Dn]=d.useState(!1),J=d.useRef(new Set),S=d.useRef(null);d.useEffect(()=>{const e=()=>{const t=f??window.innerWidth,w=u??window.innerHeight,s=t<768||t===926&&w===428||t===932&&w===430,P=w<700,k=t/w>1.8,M=t===768&&w===1024,nn=t===1024&&w===768,L=t===820&&w===1180,j=t===1180&&w===820,mn=t===540&&w===720,un=t===720&&w===540,fn=t===1024&&w===1366,yn=t===1366&&w===1024,Nn=t>=1200&&w>=600&&!s;Tn(Nn),zn(M),Rn(nn),Mn(L),Ln(j),Bn(mn),Cn(un),An(fn),En(yn);const On=s&&t>w||s||w<700||k||t===1366&&w===766||t===1366&&w===768||t===1280&&w===720||t===1440&&w===900||M||nn||L||j||mn||un||fn||yn||y;if(Dn(On),Pn(s),s)U(r&&r>=320?r:null),F(1);else if(P)U(r&&r>=400?r:null),F(1);else if(k){const en=r?Math.max(400,Math.min(1200,r)):Math.min(1e3,Math.min(t,w)*.9);U(en),F(.85)}else{const en=r?Math.max(400,Math.min(1200,r)):Math.min(1e3,Math.min(t,w)*.9);U(en),F(1)}};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[f,u,r]);const Q=e=>[...e].sort(()=>Math.random()-.5).slice(0,6),Gn=e=>new Promise(t=>{const w=new Image;w.onload=()=>t(),w.onerror=()=>t(),w.src=e}),X=async(e,t)=>{const w=e.map(s=>Gn(s));await Promise.allSettled(w)},Fn=e=>{S.current&&S.current.abort(),S.current=new AbortController;const w=B[e].map(s=>s.src);X(w,S.current.signal).then(()=>{w.forEach(s=>J.current.add(s))}).catch(()=>{})},Hn=()=>{if(!m)return;const e=Q(B[m]);dn(e),on(!0),O(!1),rn(1),N(0),K([]),xn([]);const t=e.map(w=>w.src);X(t,S.current?.signal).then(()=>{t.forEach(w=>J.current.add(w))}).catch(()=>{}),Wn(e,[],!0)},Wn=(e=T,t=vn,w=!1)=>{const s=Q(e.length?e:B[m]);let P=Math.floor(Math.random()*s.length),k=s[P].name,M=0;for(;t.includes(k)&&M<20;)P=Math.floor(Math.random()*s.length),k=s[P].name,M++;if(dn(s),Sn(P),xn([...t,k]),V(!1),an(""),gn(20),R(null),m&&!w){const L=Q(B[m].filter(j=>!t.includes(j.name))).map(j=>j.src);X(L,S.current?.signal).then(()=>{L.forEach(j=>J.current.add(j))}).catch(()=>{})}w?(E("ready"),sn(5),q(10)):(E("memorize"),q(10))};d.useEffect(()=>{if(!(!z||D||v)){if(b==="ready")if(hn<=0)E("memorize");else{const e=setTimeout(()=>sn(t=>t-1),1e3);return()=>clearTimeout(e)}if(b==="memorize")if(Y<=0)E("guess");else{const e=setTimeout(()=>q(t=>t-1),1e3);return()=>clearTimeout(e)}if(b==="guess"){if($<=0){V(!0),R("wrong");const t=T[I].name;K(w=>[...w,{round:A,answer:G,correct:t,result:"wrong"}]);return}const e=setTimeout(()=>gn(t=>t-1),1e3);return()=>clearTimeout(e)}}},[b,hn,Y,$,z,D,v,T,I,A,G]);const Un=()=>{if(I===null||_)return;const e=T[I].name,t=G.toLowerCase().trim();let w="wrong";t===e?(N(s=>s+1),R("correct"),w="correct"):ei(t,e)===1?(N(s=>s+.5),R("almost"),w="almost"):(R("wrong"),w="wrong"),K(s=>[...s,{round:A,answer:t,correct:e,result:w}]),pn(!0),setTimeout(()=>{pn(!1),V(!0)},600)},Yn=()=>A<C?(rn(e=>e+1),Wn()):O(!0),qn=()=>{on(!1),O(!1),wn(null)},$n=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:h,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%":cn||r||1e3,height:n?"100%":cn||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(${kn})`},children:i.jsx("div",{style:{transform:"none",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:i.jsxs("div",{id:"whats-missing-root",children:[!n&&$n,!m&&!z&&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:()=>{wn(e),Fn(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,...C===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:()=>bn(e),children:e},e))})]})]}),m&&!z&&i.jsxs("div",{style:o.gmCenterScreen,children:[i.jsxs("h1",{style:o.gmHeadline1,children:["Theme selected: ",m]}),i.jsxs("p",{style:o.gmBodyM,children:["Rounds: ",C]}),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:Hn,children:"▶ Start game"})]}),D&&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||g||a||p||l||x||c||H||W?"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||g||a||p||l||x||c||H||W?"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||g||a||p||l||x||c||H||W?"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||g||a||p||l||x||c||H||W?"2px":o.gmHeadline3.marginBottom},children:["Your score: ",jn," / ",C]}),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||g||a||p||l||x||c||H||W?"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||g||a||p||l||x||c||H||W?"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||g||a||p||l||x||c||H||W?"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||g||a||p||l||x||c||H||W?"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:In.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||y?"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:Hn,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:qn,children:"⬅️ Choose theme"})]})]}),z&&!D&&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":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?"8px":n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"15px":"40px"},children:[b==="ready"&&i.jsxs(i.Fragment,{children:[i.jsx("h1",{style:{...o.gmHeadline1,color:"#ec4c44"},children:"GET READY"}),i.jsx("div",{style:o.gmHourglass,children:"⏳"})]}),b==="memorize"&&i.jsxs("p",{style:{...o.gmBodyM,color:"#10b981"},children:["MEMORIZE (",Y,")"]}),b==="guess"&&!v&&i.jsxs("p",{style:o.gmBodyM,children:["⏳ Time left: ",$,"s"]})]}),b!=="ready"&&i.jsx("div",{style:{...o.gmGrid,gridTemplateColumns:n&&window.innerWidth>window.innerHeight||n&&window.innerWidth<=375&&window.innerHeight<=667?"repeat(3, 1fr)":n?"repeat(2, 1fr)":window.innerHeight<700?"repeat(3, 1fr)":"repeat(3, 210px)",gridAutoRows:n&&window.innerWidth>window.innerHeight?"120px":n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"100px":n?"150px":window.innerHeight<700?"140px":typeof window<"u"&&window.devicePixelRatio>=1.25&&window.devicePixelRatio<=1.5?"240px":"210px",gap:n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"12px":n||window.innerHeight<700?"8px":typeof window<"u"&&window.devicePixelRatio>=1.25&&window.devicePixelRatio<=1.5?"24px":"20px",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":"16px"},children:T.map((e,t)=>{const w=I===t&&b==="guess"&&!v;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",...ln==="correct"&&I===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)"}:{},...ln==="wrong"&&I===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&&i.jsx("img",{src:e.src,alt:e.name,style:{width:"100%",height:"100%",objectFit:"cover"}})},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":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":n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"50px":"80px"},children:[b==="guess"&&!v&&i.jsx("div",{style:{display:"flex",flexDirection:Z?"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||y||g||a||p||l||x||c||H||W?"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||y||g||a||p||l||x||c||H||W||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:G,onChange:e=>an(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||y||g||a||p||l||x||c||H||W||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||y||g||a||p||l||x||c||H||W||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||y||g||a||p||l||x||c||H||W||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"14px":"16px",flex:Z?"1":"none"}}),i.jsx("button",{style:{...o.gmButton,marginLeft:Z?"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||y||g||a||p||l||x||c||H||W||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||y||g||a||p||l||x||c||H||W||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||y||g||a||p||l||x||c||H||W||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"80px":"100px",flexShrink:0},onClick:Un,disabled:_,children:_?"...":"Check"})]})}),v&&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||y||g||a||p||l||x||c||H||W||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||y||g||a||p||l||x||c||H||W||n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"14px":"16px"},onClick:Yn,children:"Next round"})]})]})]})})})})}exports.Game=ti;exports.themes=B;
+  `;const f=document.getElementById("whats-missing-reset");f&&f.remove(),document.head.appendChild(r)},ei=(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]},ti=r=>new Promise(f=>{const g=new Image;g.onload=()=>f(g),g.onerror=()=>f(g),g.src=r}),on=async(r,f)=>{const g=new Map,s=r.map(async a=>{const A=await ti(a);g.set(a,A)});return await Promise.allSettled(s),g};function wi({gameCubeSize:r,screenHeight:f,screenWidth:g}){const s=d.useRef(null);d.useEffect(()=>(ii(),()=>{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,A]=d.useState(null),[z,rn]=d.useState([]),[E,Sn]=d.useState(4),[R,hn]=d.useState(!1),[D,sn]=d.useState(1),[v,jn]=d.useState(null),[S,G]=d.useState("ready"),[gn,an]=d.useState(10),[N,O]=d.useState(10),[V,pn]=d.useState(20),[In,_]=d.useState(0),[F,K]=d.useState(!1),[U,ln]=d.useState(""),[k,Z]=d.useState(!1),[J,xn]=d.useState(!1),[cn,M]=d.useState(null),[vn,Q]=d.useState([]),[Pn,Hn]=d.useState([]),[n,kn]=d.useState(!1),[Tn,Y]=d.useState(1),[Wn,$]=d.useState(null),[b,zn]=d.useState(!1),[p,Rn]=d.useState(!1),[l,Mn]=d.useState(!1),[x,Ln]=d.useState(!1),[c,Bn]=d.useState(!1),[H,Cn]=d.useState(!1),[W,An]=d.useState(!1),[m,En]=d.useState(!1),[u,Dn]=d.useState(!1),[X,Gn]=d.useState(!1),[di,oi]=d.useState(!1),nn=d.useRef(new Set),q=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,T=t/w>1.8,L=t===768&&w===1024,tn=t===1024&&w===768,B=t===820&&w===1180,I=t===1180&&w===820,P=t===540&&w===720,fn=t===720&&w===540,yn=t===1024&&w===1366,bn=t===1366&&w===1024,Nn=t>=1200&&w>=600&&!h;zn(Nn),Rn(L),Mn(tn),Ln(B),Bn(I),Cn(P),An(fn),En(yn),Dn(bn);const On=h&&t>w||h||w<700||T||t===1366&&w===766||t===1366&&w===768||t===1280&&w===720||t===1440&&w===900||L||tn||B||I||P||fn||yn||bn||b;if(Gn(On),kn(h),h)$(r&&r>=320?r:null),Y(1);else if(y)$(r&&r>=400?r:null),Y(1);else if(T){const wn=r?Math.max(400,Math.min(1200,r)):Math.min(1e3,Math.min(t,w)*.9);$(wn),Y(.85)}else{const wn=r?Math.max(400,Math.min(1200,r)):Math.min(1e3,Math.min(t,w)*.9);$(wn),Y(1)}};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[g,f,r]);const en=e=>[...e].sort(()=>Math.random()-.5).slice(0,6),Fn=e=>{j.current&&j.current.abort(),j.current=new AbortController;const w=C[e].map(h=>h.src);on(w,j.current.signal).then(h=>{w.forEach(y=>{nn.current.add(y),h.has(y)&&q.current.set(y,h.get(y))})}).catch(()=>{})},mn=()=>{if(!a)return;const e=en(C[a]);rn(e),hn(!0),K(!1),sn(1),_(0),Q([]),Hn([]);const t=e.map(w=>w.src);on(t,j.current?.signal).then(w=>{t.forEach(h=>{nn.current.add(h),w.has(h)&&q.current.set(h,w.get(h))})}).catch(()=>{}),un(e,[],!0)},un=(e=z,t=Pn,w=!1)=>{const h=en(e.length?e:C[a]);let y=Math.floor(Math.random()*h.length),T=h[y].name,L=0;for(;t.includes(T)&&L<20;)y=Math.floor(Math.random()*h.length),T=h[y].name,L++;if(rn(h),jn(y),Hn([...t,T]),Z(!1),ln(""),pn(20),M(null),a&&!w){const B=en(C[a].filter(I=>!t.includes(I.name))).map(I=>I.src);on(B,j.current?.signal).then(I=>{B.forEach(P=>{nn.current.add(P),I.has(P)&&q.current.set(P,I.get(P))})}).catch(()=>{})}w?(G("ready"),an(10),O(10)):(G("memorize"),O(10))};d.useEffect(()=>{if(!(!R||F||k)){if(S==="ready")if(gn<=0)G("memorize");else{const e=setTimeout(()=>an(t=>t-1),1e3);return()=>clearTimeout(e)}if(S==="memorize")if(N<=0)G("guess");else{const e=setTimeout(()=>O(t=>t-1),1e3);return()=>clearTimeout(e)}if(S==="guess"){if(V<=0){Z(!0),M("wrong");const t=z[v].name;Q(w=>[...w,{round:D,answer:U,correct:t,result:"wrong"}]);return}const e=setTimeout(()=>pn(t=>t-1),1e3);return()=>clearTimeout(e)}}},[S,gn,N,V,R,F,k,z,v,D,U]);const Un=()=>{if(v===null||J)return;const e=z[v].name,t=U.toLowerCase().trim();let w="wrong";t===e?(_(h=>h+1),M("correct"),w="correct"):ei(t,e)===1?(_(h=>h+.5),M("almost"),w="almost"):(M("wrong"),w="wrong"),Q(h=>[...h,{round:D,answer:t,correct:e,result:w}]),xn(!0),setTimeout(()=>{xn(!1),Z(!0)},600)},Yn=()=>D<E?(sn(e=>e+1),un()):K(!0),$n=()=>{j.current&&j.current.abort(),hn(!1),K(!1),A(null)},qn=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%":Wn||r||1e3,height:n?"100%":Wn||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(${Tn})`},children:i.jsx("div",{style:{transform:"none",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:i.jsxs("div",{id:"whats-missing-root",children:[!n&&qn,!a&&!R&&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:()=>{A(e),Fn(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,...E===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:()=>Sn(e),children:e},e))})]})]}),a&&!R&&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: ",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 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:mn,children:"▶ Start game"})]}),F&&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: ",In," / ",E]}),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:vn.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:mn,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:$n,children:"⬅️ Choose theme"})]})]}),R&&!F&&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":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?"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 (",N,")"]}),S==="guess"&&!k&&i.jsxs("p",{style:o.gmBodyM,children:["⏳ Time left: ",V,"s"]})]}),S!=="ready"&&i.jsx("div",{style:{...o.gmGrid,gridTemplateColumns:n&&window.innerWidth>window.innerHeight||n&&window.innerWidth<=375&&window.innerHeight<=667?"repeat(3, 1fr)":n?"repeat(2, 1fr)":window.innerHeight<700?"repeat(3, 1fr)":"repeat(3, 210px)",gridAutoRows:n&&window.innerWidth>window.innerHeight?"120px":n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"100px":n?"150px":window.innerHeight<700?"140px":typeof window<"u"&&window.devicePixelRatio>=1.25&&window.devicePixelRatio<=1.5?"240px":"210px",gap:n&&window.innerWidth<=375&&window.innerHeight<=667||window.innerWidth===896&&window.innerHeight===414||window.innerWidth===844&&window.innerHeight===390||window.innerWidth===926&&window.innerHeight===428?"12px":n||window.innerHeight<700?"8px":typeof window<"u"&&window.devicePixelRatio>=1.25&&window.devicePixelRatio<=1.5?"24px":"20px",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":"16px"},children:z.map((e,t)=>{const w=v===t&&S==="guess"&&!k;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",...cn==="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)"}:{},...cn==="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=q.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":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":n&&window.innerWidth>window.innerHeight||window.innerHeight<700?"50px":"80px"},children:[S==="guess"&&!k&&i.jsx("div",{style:{display:"flex",flexDirection:X?"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:U,onChange:e=>ln(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:X?"1":"none"}}),i.jsx("button",{style:{...o.gmButton,marginLeft:X?"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:Un,disabled:J,children:J?"...":"Check"})]})}),k&&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:Yn,children:"Next round"})]})]})]})})})})}exports.Game=wi;exports.themes=C;

package/dist/whats-missing.es.js

@@ -1,8 +1,8 @@
-import { jsx as d, jsxs as s, Fragment as vn } from "react/jsx-runtime";
-import { useRef as wn, useEffect as dn, useState as o, useMemo as Xn } from "react";
-const ni = window.origin + "/cloud/speakid/games/whatsmissing/", on = (r, f) => r.map(([y, h]) => ({
-  src: `${ni}${f}/${h.replace(/\s/g, "%20")}.png`,
-  name: h
+import { jsx as d, jsxs as p, Fragment as Pn } from "react/jsx-runtime";
+import { useRef as V, useEffect as rn, useState as h, useMemo as Xn } from "react";
+const ni = window.origin + "/cloud/speakid/games/whatsmissing/", hn = (o, y) => o.map(([s, g]) => ({
+  src: `${ni}${y}/${g.replace(/\s/g, "%20")}.png`,
+  name: g
 })), ii = [
   ["apple", "apple"],
   ["banana", "banana"],
@@ -69,10 +69,10 @@ const ni = window.origin + "/cloud/speakid/games/whatsmissing/", on = (r, f) =>
   ["teddy_bear", "teddy bear"],
   ["yo-yo", "yo-yo"],
   ["crayons", "crayons"]
-], Y = {
-  food: on(ii, "food"),
-  animals: on(ei, "animals"),
-  toys: on(ti, "toys")
+], _ = {
+  food: hn(ii, "food"),
+  animals: hn(ei, "animals"),
+  toys: hn(ti, "toys")
 }, wi = `
   @keyframes spin {
     from { transform: rotate(0deg); }
@@ -80,8 +80,8 @@ const ni = window.origin + "/cloud/speakid/games/whatsmissing/", on = (r, f) =>
   }
 `;
 if (typeof document < "u" && !document.getElementById("spin-keyframes")) {
-  const r = document.createElement("style");
-  r.id = "spin-keyframes", r.innerHTML = wi, document.head.appendChild(r);
+  const o = document.createElement("style");
+  o.id = "spin-keyframes", o.innerHTML = wi, document.head.appendChild(o);
 }
 const di = {
   animation: "spin 1.4s linear infinite"
@@ -221,8 +221,8 @@ const di = {
     ...di
   }
 }, oi = () => {
-  const r = document.createElement("style");
-  r.id = "whats-missing-reset", r.textContent = `
+  const o = document.createElement("style");
+  o.id = "whats-missing-reset", o.textContent = `
     #whats-missing-root, #whats-missing-root * {
       box-sizing: border-box;
       font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
@@ -249,128 +249,137 @@ const di = {
       overflow: hidden !important;
     }
   `;
-  const f = document.getElementById("whats-missing-reset");
-  f && f.remove(), document.head.appendChild(r);
-}, ri = (r, f) => {
-  const y = Array.from({ length: r.length + 1 }, () => Array(f.length + 1).fill(0));
-  for (let h = 0; h <= r.length; h++) y[h][0] = h;
-  for (let h = 0; h <= f.length; h++) y[0][h] = h;
-  for (let h = 1; h <= r.length; h++)
-    for (let u = 1; u <= f.length; u++)
-      y[h][u] = r[h - 1] === f[u - 1] ? y[h - 1][u - 1] : Math.min(y[h - 1][u - 1], y[h][u - 1], y[h - 1][u]) + 1;
-  return y[r.length][f.length];
+  const y = document.getElementById("whats-missing-reset");
+  y && y.remove(), document.head.appendChild(o);
+}, ri = (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;
+  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];
+}, hi = (o) => new Promise((y) => {
+  const s = new Image();
+  s.onload = () => y(s), s.onerror = () => y(s), s.src = o;
+}), gn = async (o, y) => {
+  const s = /* @__PURE__ */ new Map(), g = o.map(async (a) => {
+    const E = await hi(a);
+    s.set(a, E);
+  });
+  return await Promise.allSettled(g), s;
 };
-function si({
-  gameCubeSize: r,
-  screenHeight: f,
-  screenWidth: y
+function li({
+  gameCubeSize: o,
+  screenHeight: y,
+  screenWidth: s
 }) {
-  const h = wn(null);
-  dn(() => (oi(), () => {
+  const g = V(null);
+  rn(() => (oi(), () => {
     document.documentElement.style.overflow = "", document.body.style.overflow = "";
     const i = document.getElementById("whats-missing-reset");
-    i && i.remove(), S.current && S.current.abort();
+    i && i.remove(), v.current && v.current.abort();
   }), []);
-  const [u, rn] = o(null), [M, hn] = o([]), [A, Pn] = o(4), [L, gn] = o(!1), [E, sn] = o(1), [P, kn] = o(null), [I, j] = o("ready"), [an, pn] = o(3), [$, N] = o(10), [V, ln] = o(20), [zn, _] = o(0), [D, q] = o(!1), [G, xn] = o(""), [k, K] = o(!1), [O, cn] = o(!1), [Hn, R] = o(null), [Tn, Z] = o([]), [Mn, Wn] = o([]), [n, Ln] = o(!1), [Rn, F] = o(1), [mn, U] = o(null), [b, Bn] = o(!1), [a, Cn] = o(!1), [p, An] = o(!1), [l, En] = o(!1), [x, jn] = o(!1), [c, Dn] = o(!1), [H, Gn] = o(!1), [W, Fn] = o(!1), [m, Un] = o(!1), [J, Yn] = o(!1), Q = wn(/* @__PURE__ */ new Set()), S = wn(null);
-  dn(() => {
+  const [a, E] = h(null), [L, sn] = h([]), [j, kn] = h(4), [R, an] = h(!1), [D, pn] = h(1), [k, zn] = h(null), [S, G] = h("ready"), [ln, xn] = h(10), [q, K] = h(10), [O, cn] = h(20), [Tn, Z] = h(0), [F, J] = h(!1), [U, Hn] = h(""), [T, Q] = h(!1), [X, Wn] = h(!1), [mn, B] = h(null), [Mn, nn] = h([]), [Ln, fn] = h([]), [n, Rn] = h(!1), [Bn, Y] = h(1), [un, $] = h(null), [I, Cn] = h(!1), [l, An] = h(!1), [x, En] = h(!1), [c, jn] = h(!1), [H, Dn] = h(!1), [W, Gn] = h(!1), [m, Fn] = h(!1), [f, Un] = h(!1), [u, Yn] = h(!1), [en, $n] = h(!1), [gi, si] = h(!1), tn = V(/* @__PURE__ */ new Set()), N = V(/* @__PURE__ */ new Map()), v = V(null);
+  rn(() => {
     const i = () => {
-      const e = y ?? window.innerWidth, t = f ?? window.innerHeight, g = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, z = t < 700, T = e / t > 1.8, B = e === 768 && t === 1024, en = e === 1024 && t === 768, C = e === 820 && t === 1180, v = e === 1180 && t === 820, yn = e === 540 && t === 720, bn = e === 720 && t === 540, In = e === 1024 && t === 1366, Sn = e === 1366 && t === 1024, On = e >= 1200 && t >= 600 && !g;
-      Bn(On), Cn(B), An(en), En(C), jn(v), Dn(yn), Gn(bn), Fn(In), Un(Sn);
-      const Zn = g && e > t || g || // ✅ ВСЕ мобильные устройства (включая portrait)
-      t < 700 || T || // ✅ Широкие экраны
-      e === 1366 && t === 766 || e === 1366 && t === 768 || e === 1280 && t === 720 || e === 1440 && t === 900 || B || en || C || v || yn || bn || In || Sn || b;
-      if (Yn(Zn), Ln(g), g)
-        U(r && r >= 320 ? r : null), F(1);
-      else if (z)
-        U(r && r >= 400 ? r : null), F(1);
-      else if (T) {
-        const tn = r ? Math.max(400, Math.min(1200, r)) : Math.min(1e3, Math.min(e, t) * 0.9);
-        U(tn), F(0.85);
+      const e = s ?? window.innerWidth, t = y ?? window.innerHeight, r = e < 768 || e === 926 && t === 428 || e === 932 && t === 430, b = t < 700, M = e / t > 1.8, C = e === 768 && t === 1024, dn = e === 1024 && t === 768, A = e === 820 && t === 1180, P = e === 1180 && t === 820, z = e === 540 && t === 720, In = e === 720 && t === 540, Sn = e === 1024 && t === 1366, vn = e === 1366 && t === 1024, On = e >= 1200 && t >= 600 && !r;
+      Cn(On), An(C), En(dn), jn(A), Dn(P), Gn(z), Fn(In), Un(Sn), Yn(vn);
+      const Zn = r && e > t || r || // ✅ ВСЕ мобильные устройства (включая portrait)
+      t < 700 || M || // ✅ Широкие экраны
+      e === 1366 && t === 766 || e === 1366 && t === 768 || e === 1280 && t === 720 || e === 1440 && t === 900 || C || dn || A || P || z || In || Sn || vn || I;
+      if ($n(Zn), Rn(r), r)
+        $(o && o >= 320 ? o : null), Y(1);
+      else if (b)
+        $(o && o >= 400 ? o : null), Y(1);
+      else if (M) {
+        const on = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
+        $(on), Y(0.85);
       } else {
-        const tn = r ? Math.max(400, Math.min(1200, r)) : Math.min(1e3, Math.min(e, t) * 0.9);
-        U(tn), F(1);
+        const on = o ? Math.max(400, Math.min(1200, o)) : Math.min(1e3, Math.min(e, t) * 0.9);
+        $(on), Y(1);
       }
     };
     return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, [y, f, r]);
-  const X = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), $n = (i) => new Promise((e) => {
-    const t = new Image();
-    t.onload = () => e(), t.onerror = () => e(), t.src = i;
-  }), nn = async (i, e) => {
-    const t = i.map((g) => $n(g));
-    await Promise.allSettled(t);
-  }, Nn = (i) => {
-    S.current && S.current.abort(), S.current = new AbortController();
-    const t = Y[i].map((g) => g.src);
-    nn(t, S.current.signal).then(() => {
-      t.forEach((g) => Q.current.add(g));
+  }, [s, y, o]);
+  const wn = (i) => [...i].sort(() => Math.random() - 0.5).slice(0, 6), Nn = (i) => {
+    v.current && v.current.abort(), v.current = new AbortController();
+    const t = _[i].map((r) => r.src);
+    gn(t, v.current.signal).then((r) => {
+      t.forEach((b) => {
+        tn.current.add(b), r.has(b) && N.current.set(b, r.get(b));
+      });
     }).catch(() => {
     });
-  }, un = () => {
-    if (!u) return;
-    const i = X(Y[u]);
-    hn(i), gn(!0), q(!1), sn(1), _(0), Z([]), Wn([]);
+  }, yn = () => {
+    if (!a) return;
+    const i = wn(_[a]);
+    sn(i), an(!0), J(!1), pn(1), Z(0), nn([]), fn([]);
     const e = i.map((t) => t.src);
-    nn(e, S.current?.signal).then(() => {
-      e.forEach((t) => Q.current.add(t));
+    gn(e, v.current?.signal).then((t) => {
+      e.forEach((r) => {
+        tn.current.add(r), t.has(r) && N.current.set(r, t.get(r));
+      });
     }).catch(() => {
-    }), fn(i, [], !0);
-  }, fn = (i = M, e = Mn, t = !1) => {
-    const g = X(i.length ? i : Y[u]);
-    let z = Math.floor(Math.random() * g.length), T = g[z].name, B = 0;
-    for (; e.includes(T) && B < 20; )
-      z = Math.floor(Math.random() * g.length), T = g[z].name, B++;
-    if (hn(g), kn(z), Wn([...e, T]), K(!1), xn(""), ln(20), R(null), u && !t) {
-      const C = X(Y[u].filter((v) => !e.includes(v.name))).map((v) => v.src);
-      nn(C, S.current?.signal).then(() => {
-        C.forEach((v) => Q.current.add(v));
+    }), bn(i, [], !0);
+  }, bn = (i = L, e = Ln, t = !1) => {
+    const r = wn(i.length ? i : _[a]);
+    let b = Math.floor(Math.random() * r.length), M = r[b].name, C = 0;
+    for (; e.includes(M) && C < 20; )
+      b = Math.floor(Math.random() * r.length), M = r[b].name, C++;
+    if (sn(r), zn(b), fn([...e, M]), Q(!1), Hn(""), cn(20), B(null), a && !t) {
+      const A = wn(_[a].filter((P) => !e.includes(P.name))).map((P) => P.src);
+      gn(A, v.current?.signal).then((P) => {
+        A.forEach((z) => {
+          tn.current.add(z), P.has(z) && N.current.set(z, P.get(z));
+        });
       }).catch(() => {
       });
     }
-    t ? (j("ready"), pn(5), N(10)) : (j("memorize"), N(10));
+    t ? (G("ready"), xn(10), K(10)) : (G("memorize"), K(10));
   };
-  dn(() => {
-    if (!(!L || D || k)) {
-      if (I === "ready")
-        if (an <= 0) j("memorize");
+  rn(() => {
+    if (!(!R || F || T)) {
+      if (S === "ready")
+        if (ln <= 0) G("memorize");
         else {
-          const i = setTimeout(() => pn((e) => e - 1), 1e3);
+          const i = setTimeout(() => xn((e) => e - 1), 1e3);
           return () => clearTimeout(i);
         }
-      if (I === "memorize")
-        if ($ <= 0) j("guess");
+      if (S === "memorize")
+        if (q <= 0) G("guess");
         else {
-          const i = setTimeout(() => N((e) => e - 1), 1e3);
+          const i = setTimeout(() => K((e) => e - 1), 1e3);
           return () => clearTimeout(i);
         }
-      if (I === "guess") {
-        if (V <= 0) {
-          K(!0), R("wrong");
-          const e = M[P].name;
-          Z((t) => [
+      if (S === "guess") {
+        if (O <= 0) {
+          Q(!0), B("wrong");
+          const e = L[k].name;
+          nn((t) => [
             ...t,
-            { round: E, answer: G, correct: e, result: "wrong" }
+            { round: D, answer: U, correct: e, result: "wrong" }
           ]);
           return;
         }
-        const i = setTimeout(() => ln((e) => e - 1), 1e3);
+        const i = setTimeout(() => cn((e) => e - 1), 1e3);
         return () => clearTimeout(i);
       }
     }
-  }, [I, an, $, V, L, D, k, M, P, E, G]);
+  }, [S, ln, q, O, R, F, T, L, k, D, U]);
   const Vn = () => {
-    if (P === null || O) return;
-    const i = M[P].name, e = G.toLowerCase().trim();
+    if (k === null || X) return;
+    const i = L[k].name, e = U.toLowerCase().trim();
     let t = "wrong";
-    e === i ? (_((g) => g + 1), R("correct"), t = "correct") : ri(e, i) === 1 ? (_((g) => g + 0.5), R("almost"), t = "almost") : (R("wrong"), t = "wrong"), Z((g) => [...g, { round: E, answer: e, correct: i, result: t }]), cn(!0), setTimeout(() => {
-      cn(!1), K(!0);
+    e === i ? (Z((r) => r + 1), B("correct"), t = "correct") : ri(e, i) === 1 ? (Z((r) => r + 0.5), B("almost"), t = "almost") : (B("wrong"), t = "wrong"), nn((r) => [...r, { round: D, answer: e, correct: i, result: t }]), Wn(!0), setTimeout(() => {
+      Wn(!1), Q(!0);
     }, 600);
-  }, _n = () => E < A ? (sn((i) => i + 1), fn()) : q(!0), qn = () => {
-    gn(!1), q(!1), rn(null);
+  }, _n = () => D < j ? (pn((i) => i + 1), bn()) : J(!0), qn = () => {
+    v.current && v.current.abort(), an(!1), J(!1), E(null);
   }, Kn = Xn(
     () => n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? null : (
       // ensure logo is positioned inside the square container
-      /* @__PURE__ */ d("div", { style: { ...w.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ s("picture", { children: [
+      /* @__PURE__ */ d("div", { style: { ...w.gmLogoFixed, position: "absolute", top: 16, left: 16, zIndex: 30 }, children: /* @__PURE__ */ p("picture", { children: [
         /* @__PURE__ */ d(
           "source",
           {
@@ -394,7 +403,7 @@ function si({
   return /* @__PURE__ */ d(
     "div",
     {
-      ref: h,
+      ref: g,
       style: {
         width: "100%",
         height: "100%",
@@ -414,8 +423,8 @@ function si({
         "div",
         {
           style: {
-            width: n ? "100%" : mn || r || 1e3,
-            height: n ? "100%" : mn || r || 1e3,
+            width: n ? "100%" : un || o || 1e3,
+            height: n ? "100%" : un || o || 1e3,
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
@@ -426,7 +435,7 @@ function si({
             margin: n ? "0 auto" : "unset",
             position: "relative",
             // needed so absolute logo is inside the square
-            transform: `scale(${Rn})`
+            transform: `scale(${Bn})`
             // ✅ Применяем масштаб для широких экранов
           },
           children: /* @__PURE__ */ d(
@@ -440,9 +449,9 @@ function si({
                 justifyContent: "center",
                 alignItems: "center"
               },
-              children: /* @__PURE__ */ s("div", { id: "whats-missing-root", children: [
+              children: /* @__PURE__ */ p("div", { id: "whats-missing-root", children: [
                 !n && Kn,
-                !u && !L && /* @__PURE__ */ s("div", { style: w.gmCenterScreen, children: [
+                !a && !R && /* @__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: {
@@ -451,94 +460,94 @@ function si({
                     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: () => {
-                    rn(i), Nn(i);
+                    E(i), Nn(i);
                   }, children: i === "animals" ? "🐶 Animals" : i === "food" ? "🍎 Food" : "🧸 Toys" }, i)) }),
-                  /* @__PURE__ */ s("div", { style: { marginTop: 24 }, children: [
+                  /* @__PURE__ */ p("div", { style: { marginTop: 24 }, children: [
                     /* @__PURE__ */ d("p", { style: w.gmBodyS, children: "Choose number of rounds:" }),
                     /* @__PURE__ */ d("div", { style: { display: "flex", gap: n && window.innerWidth > window.innerHeight || n && window.innerWidth <= 375 && window.innerHeight <= 667 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 || window.innerWidth === 932 && window.innerHeight === 430 ? "6px" : "12px", marginTop: 8 }, children: [3, 4, 5].map((i) => /* @__PURE__ */ d(
                       "button",
                       {
                         style: {
                           ...w.gmButton,
-                          ...A === i ? w.gmButtonActive : {},
+                          ...j === i ? w.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: () => Pn(i),
+                        onClick: () => kn(i),
                         children: i
                       },
                       i
                     )) })
                   ] })
                 ] }),
-                u && !L && /* @__PURE__ */ s("div", { style: w.gmCenterScreen, children: [
-                  /* @__PURE__ */ s("h1", { style: w.gmHeadline1, children: [
+                a && !R && /* @__PURE__ */ p("div", { style: w.gmCenterScreen, children: [
+                  /* @__PURE__ */ p("h1", { style: w.gmHeadline1, children: [
                     "Theme selected: ",
-                    u
+                    a
                   ] }),
-                  /* @__PURE__ */ s("p", { style: w.gmBodyM, children: [
+                  /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
                     "Rounds: ",
-                    A
+                    j
                   ] }),
                   /* @__PURE__ */ d("button", { style: {
                     ...w.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" })
+                  }, onClick: yn, children: "▶ Start game" })
                 ] }),
-                D && /* @__PURE__ */ s("div", { style: w.gmCenterScreen, children: [
+                F && /* @__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 || a || p || l || x || c || H || W || m ? "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 || a || p || l || x || c || H || W || m ? "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 || 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
                   }, children: "Results" }),
-                  /* @__PURE__ */ s("h2", { style: {
+                  /* @__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 || a || p || l || x || c || H || W || m ? "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 || a || p || l || x || c || H || W || m ? "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 || 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
                   }, children: [
                     "Your score: ",
-                    zn,
+                    Tn,
                     " / ",
-                    A
+                    j
                   ] }),
                   /* @__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 || a || p || l || x || c || H || W || m ? "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 || a || p || l || x || c || H || W || m ? "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 || 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
                   }, children: "Yahoo! You did it! 🍬✨" }),
-                  /* @__PURE__ */ s("table", { style: {
+                  /* @__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 || a || p || l || x || c || H || W || m ? "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 || a || p || l || x || c || H || W || m ? "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 || 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"
                   }, children: [
-                    /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ s("tr", { children: [
+                    /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ p("tr", { children: [
                       /* @__PURE__ */ d("th", { children: "Round" }),
                       /* @__PURE__ */ d("th", { children: "Your Answer" }),
                       /* @__PURE__ */ d("th", { children: "Correct" }),
                       /* @__PURE__ */ d("th", { children: "Result" })
                     ] }) }),
-                    /* @__PURE__ */ d("tbody", { children: Tn.map((i, e) => /* @__PURE__ */ s("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 }),
                       /* @__PURE__ */ d("td", { style: w.gmTableCell, children: i.result === "correct" ? "✔ Correct" : i.result === "almost" ? "◐ Almost (0.5)" : "✘ Wrong" })
                     ] }, e)) })
                   ] }),
-                  /* @__PURE__ */ s("div", { style: {
+                  /* @__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 || b ? "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 || I ? "12px" : "24px"
                   }, children: [
                     /* @__PURE__ */ d("button", { style: {
                       ...w.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" }),
+                    }, onClick: yn, children: "🔁 Play again" }),
                     /* @__PURE__ */ d("button", { style: {
                       ...w.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",
@@ -547,8 +556,8 @@ function si({
                     }, onClick: qn, children: "⬅️ Choose theme" })
                   ] })
                 ] }),
-                L && !D && /* @__PURE__ */ s("div", { style: w.gmGameLayout, children: [
-                  /* @__PURE__ */ s(
+                R && !F && /* @__PURE__ */ p("div", { style: w.gmGameLayout, children: [
+                  /* @__PURE__ */ p(
                     "div",
                     {
                       style: {
@@ -560,24 +569,24 @@ function si({
                         paddingTop: n && window.innerWidth <= 375 && window.innerHeight <= 667 || n && window.innerWidth > window.innerHeight && window.innerHeight <= 428 || window.innerWidth === 896 && window.innerHeight === 414 || window.innerWidth === 844 && window.innerHeight === 390 || window.innerWidth === 926 && window.innerHeight === 428 ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "15px" : "40px"
                       },
                       children: [
-                        I === "ready" && /* @__PURE__ */ s(vn, { children: [
+                        S === "ready" && /* @__PURE__ */ p(Pn, { children: [
                           /* @__PURE__ */ d("h1", { style: { ...w.gmHeadline1, color: "#ec4c44" }, children: "GET READY" }),
                           /* @__PURE__ */ d("div", { style: w.gmHourglass, children: "⏳" })
                         ] }),
-                        I === "memorize" && /* @__PURE__ */ s("p", { style: { ...w.gmBodyM, color: "#10b981" }, children: [
+                        S === "memorize" && /* @__PURE__ */ p("p", { style: { ...w.gmBodyM, color: "#10b981" }, children: [
                           "MEMORIZE (",
-                          $,
+                          q,
                           ")"
                         ] }),
-                        I === "guess" && !k && /* @__PURE__ */ s("p", { style: w.gmBodyM, children: [
+                        S === "guess" && !T && /* @__PURE__ */ p("p", { style: w.gmBodyM, children: [
                           "⏳ Time left: ",
-                          V,
+                          O,
                           "s"
                         ] })
                       ]
                     }
                   ),
-                  I !== "ready" && /* @__PURE__ */ d(
+                  S !== "ready" && /* @__PURE__ */ d(
                     "div",
                     {
                       style: {
@@ -591,8 +600,8 @@ function si({
                         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" : "16px"
                       },
-                      children: M.map((i, e) => {
-                        const t = P === e && I === "guess" && !k;
+                      children: L.map((i, e) => {
+                        const t = k === e && S === "guess" && !T;
                         return /* @__PURE__ */ d(
                           "div",
                           {
@@ -604,59 +613,66 @@ function si({
                               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 === e ? {
+                              ...mn === "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)"
                               } : {},
-                              ...Hn === "wrong" && P === e ? {
+                              ...mn === "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 && /* @__PURE__ */ d(
-                              "img",
-                              {
-                                src: i.src,
-                                alt: i.name,
-                                style: {
-                                  width: "100%",
-                                  height: "100%",
-                                  objectFit: "cover"
-                                }
-                              }
-                            )
+                            children: !t && (() => {
+                              const r = N.current.get(i.src), b = r?.complete && r.src ? r.src : i.src;
+                              return /* @__PURE__ */ d(
+                                "img",
+                                {
+                                  src: b,
+                                  alt: i.name,
+                                  fetchPriority: "high",
+                                  loading: "eager",
+                                  decoding: "async",
+                                  style: {
+                                    width: "100%",
+                                    height: "100%",
+                                    objectFit: "cover"
+                                  }
+                                },
+                                `${i.src}-${r?.complete ? "loaded" : "pending"}`
+                              );
+                            })()
                           },
                           e
                         );
                       })
                     }
                   ),
-                  /* @__PURE__ */ s("div", { style: {
+                  /* @__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" : 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" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "50px" : "80px"
                   }, children: [
-                    I === "guess" && !k && /* @__PURE__ */ d("div", { style: {
+                    S === "guess" && !T && /* @__PURE__ */ d("div", { style: {
                       display: "flex",
-                      flexDirection: J ? "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 || a || p || l || x || c || H || W || m ? "8px" : n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "6px" : "12px",
+                      flexDirection: en ? "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",
                       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 || a || p || l || x || c || H || W || m || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "400px" : "300px"
-                    }, children: /* @__PURE__ */ s(vn, { children: [
+                      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"
+                    }, children: /* @__PURE__ */ p(Pn, { children: [
                       /* @__PURE__ */ d(
                         "input",
                         {
                           type: "text",
                           placeholder: "Type the missing word",
-                          value: G,
-                          onChange: (i) => xn(i.target.value),
+                          value: U,
+                          onChange: (i) => Hn(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 || b || a || p || l || x || c || H || W || m || 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 || a || p || l || x || c || H || W || m || 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 || a || p || l || x || c || H || W || m || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "14px" : "16px",
-                            flex: J ? "1" : "none"
+                            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",
+                            flex: en ? "1" : "none"
                           }
                         }
                       ),
@@ -665,22 +681,22 @@ function si({
                         {
                           style: {
                             ...w.gmButton,
-                            marginLeft: J ? "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 || a || p || l || x || c || H || W || m || 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 || a || p || l || x || c || H || W || m || 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 || a || p || l || x || c || H || W || m || n && window.innerWidth > window.innerHeight || window.innerHeight < 700 ? "80px" : "100px",
+                            marginLeft: en ? "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",
                             flexShrink: 0
                           },
                           onClick: Vn,
-                          disabled: O,
-                          children: O ? "..." : "Check"
+                          disabled: X,
+                          children: X ? "..." : "Check"
                         }
                       )
                     ] }) }),
-                    k && /* @__PURE__ */ d("button", { style: {
+                    T && /* @__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 || b || a || p || l || x || c || H || W || m || 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 || a || p || l || x || c || H || W || m || 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 || 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"
                     }, onClick: _n, children: "Next round" })
                   ] })
                 ] })
@@ -693,6 +709,6 @@ function si({
   );
 }
 export {
-  si as Game,
-  Y as themes
+  li as Game,
+  _ as themes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@mblinkov/whats-missing",
- "version": "20.0.48",
+ "version": "20.0.49",
  "main": "dist/whats-missing.umd.js",
  "module": "dist/whats-missing.es.js",
  "types": "dist/index.d.ts",

package/src/Game.tsx

@@ -69,6 +69,27 @@ const levenshtein = (a: string, b: string) => {
   return dp[a.length][b.length];
 };
 
+// ✅ Preload utilities
+const preloadImage = (src: string): Promise<HTMLImageElement> => {
+  return new Promise((resolve) => {
+    // ✅ Проверяем, не загружена ли уже картинка
+    const img = new Image();
+    img.onload = () => resolve(img);
+    img.onerror = () => resolve(img); // Continue even on error, но img все равно создан
+    img.src = src;
+  });
+};
+
+const preloadImages = async (urls: string[], signal?: AbortSignal): Promise<Map<string, HTMLImageElement>> => {
+  const imageMap = new Map<string, HTMLImageElement>();
+  const promises = urls.map(async (url) => {
+    const img = await preloadImage(url);
+    imageMap.set(url, img);
+  });
+  await Promise.allSettled(promises);
+  return imageMap;
+};
+
 export default function Game({
   gameCubeSize,
   screenHeight,
@@ -107,7 +128,7 @@ export default function Game({
   const [currentRound, setCurrentRound] = useState(1);
   const [hiddenIndex, setHiddenIndex] = useState<number | null>(null);
   const [phase, setPhase] = useState<"ready" | "memorize" | "guess">("ready");
-  const [readyTime, setReadyTime] = useState(3);
+  const [readyTime, setReadyTime] = useState(10);
   const [memorizeTime, setMemorizeTime] = useState(10);
   const [timeLeft, setTimeLeft] = useState(20);
   const [score, setScore] = useState(0);
@@ -131,9 +152,11 @@ export default function Game({
   const [isIPadProPortrait, setIsIPadProPortrait] = useState(false);
   const [isIPadProLandscape, setIsIPadProLandscape] = useState(false);
   const [isHorizontalLayout, setIsHorizontalLayout] = useState(false);
+  const [isWideScreen, setIsWideScreen] = useState(false);
   
   // ✅ Система предзагрузки изображений
   const preloadedUrls = useRef<Set<string>>(new Set());
+  const preloadedImages = useRef<Map<string, HTMLImageElement>>(new Map());
   const abortController = useRef<AbortController | null>(null);
 
   // ✅ адаптив под мобилки, планшеты и десктоп
@@ -271,21 +294,6 @@ export default function Game({
   const getRandomSix = (arr: ImageItem[]) =>
     [...arr].sort(() => Math.random() - 0.5).slice(0, 6);
 
-  // ✅ Утилиты предзагрузки
-  const preloadImage = (src: string): Promise<void> => {
-    return new Promise((resolve) => {
-      const img = new Image();
-      img.onload = () => resolve();
-      img.onerror = () => resolve(); // Continue even on error
-      img.src = src;
-    });
-  };
-
-  const preloadImages = async (urls: string[], signal?: AbortSignal): Promise<void> => {
-    const promises = urls.map(url => preloadImage(url));
-    await Promise.allSettled(promises);
-  };
-
   // ✅ Функция предзагрузки темы
   const startThemePreload = (themeName: Theme) => {
     // Cancel previous preload
@@ -300,9 +308,14 @@ export default function Game({
     const themeImages = themes[themeName];
     const urls = themeImages.map(item => item.src);
     
-    preloadImages(urls, abortController.current.signal).then(() => {
+    preloadImages(urls, abortController.current.signal).then((imageMap) => {
       // Mark as preloaded
-      urls.forEach(url => preloadedUrls.current.add(url));
+      urls.forEach(url => {
+        preloadedUrls.current.add(url);
+        if (imageMap.has(url)) {
+          preloadedImages.current.set(url, imageMap.get(url)!);
+        }
+      });
     }).catch(() => {
       // Ignore abort errors
     });
@@ -321,8 +334,13 @@ export default function Game({
     
     // ✅ Preload current round images
     const urls = selected.map(item => item.src);
-    preloadImages(urls, abortController.current?.signal).then(() => {
-      urls.forEach(url => preloadedUrls.current.add(url));
+    preloadImages(urls, abortController.current?.signal).then((imageMap) => {
+      urls.forEach(url => {
+        preloadedUrls.current.add(url);
+        if (imageMap.has(url)) {
+          preloadedImages.current.set(url, imageMap.get(url)!);
+        }
+      });
     }).catch(() => {
       // Ignore abort errors
     });
@@ -352,8 +370,13 @@ export default function Game({
     if (theme && !isFirst) {
       const nextPool = getRandomSix(themes[theme].filter(item => !used.includes(item.name)));
       const nextUrls = nextPool.map(item => item.src);
-      preloadImages(nextUrls, abortController.current?.signal).then(() => {
-        nextUrls.forEach(url => preloadedUrls.current.add(url));
+      preloadImages(nextUrls, abortController.current?.signal).then((imageMap) => {
+        nextUrls.forEach(url => {
+          preloadedUrls.current.add(url);
+          if (imageMap.has(url)) {
+            preloadedImages.current.set(url, imageMap.get(url)!);
+          }
+        });
       }).catch(() => {
         // Ignore abort errors
       });
@@ -361,7 +384,7 @@ export default function Game({
     
     if (isFirst) {
       setPhase("ready");
-      setReadyTime(5); // Увеличено с 3 до 5
+      setReadyTime(10); // Увеличено до 10 секунд для VPN/медленных соединений
       setMemorizeTime(10);
     } else {
       setPhase("memorize");
@@ -430,6 +453,11 @@ export default function Game({
     currentRound < rounds ? (setCurrentRound((r) => r + 1), startRound()) : setFinished(true);
 
   const exitGame = () => {
+    // ✅ Cancel any ongoing preloads
+    if (abortController.current) {
+      abortController.current.abort();
+    }
+    
     setStarted(false);
     setFinished(false);
     setTheme(null);
@@ -819,17 +847,30 @@ export default function Game({
                               : {}),
                           }}
                         >
-                          {!isHidden && (
-                            <img
-                              src={file.src}
-                              alt={file.name}
-                              style={{
-                                width: "100%",
-                                height: "100%",
-                                objectFit: "cover",
-                              }}
-                            />
-                          )}
+                          {!isHidden && (() => {
+                            // ✅ Используем уже загруженный объект Image чтобы браузер взял из кеша
+                            const preloadedImg = preloadedImages.current.get(file.src);
+                            // Используем src из уже загруженного объекта или оригинальный URL
+                            const imgSrc = preloadedImg?.complete && preloadedImg.src 
+                              ? preloadedImg.src 
+                              : file.src;
+                            
+                            return (
+                              <img
+                                key={`${file.src}-${preloadedImg?.complete ? 'loaded' : 'pending'}`}
+                                src={imgSrc}
+                                alt={file.name}
+                                fetchPriority="high"
+                                loading="eager"
+                                decoding="async"
+                                style={{
+                                  width: "100%",
+                                  height: "100%",
+                                  objectFit: "cover",
+                                }}
+                              />
+                            );
+                          })()}
                         </div>
                       );
                     })}