\n {!category ? (\n

Choose a Category

\n {Object.keys(IMAGE_SETS).map(cat => (\n \n ))}\n

\n ) : gameOver ? (\n

🎉 Congratulations! 🎉

You completed the {category} category!

Your score: {score}

\n \n

\n ) : (\n

Level {level}

Find the {targetImage.name}

\n {images.map((image) => (\n

handleImageSelect(image)}\n >\n

{image.name}

\n ))}\n

\n )}\n

\n );\n}\n\nfunction App() {\n return (\n

Image Match Game 🎮

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Image Match Game\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n text-align: center;\n background-color: #f0f0f0;\n}\n\n.game-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\n.category-selection button {\n margin: 10px;\n padding: 10px 20px;\n font-size: 18px;\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n}\n\n.image-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.image-card {\n border: 2px solid #ddd;\n padding: 10px;\n cursor: pointer;\n transition: transform 0.3s;\n}\n\n.image-card:hover {\n transform: scale(1.05);\n}\n\n.image-card.selected {\n border-color: green;\n background-color: #e6ffe6;\n}\n\n.image-card img {\n max-width: 200px;\n max-height: 200px;\n}\n\n.game-over {\n background-color: #4CAF50;\n color: white;\n padding: 20px;\n border-radius: 10px;\n}\n`;","deleted","label","children",[],[152],"files",[150],"counts",{"_172":32,"_173":137,"_174":32,"_175":32},"pulls","branches","forks","envVars","contents",[178],{"_102":151,"_95":152,"_153":114,"_154":-5,"_155":138,"_156":137,"_157":116,"_104":179,"_99":32,"_159":160,"_161":162,"_163":22,"_164":-5,"_98":180},["D",1739942189466],[152],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":190,"_176":195,"_198":-7,"_199":-5,"_200":-5,"_168":201,"_205":206},{"_102":103,"_95":96,"_104":191,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":192,"_132":193,"_135":194,"_147":22},["D",1746227979151],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[196],{"_102":151,"_95":152,"_153":114,"_154":-5,"_155":138,"_156":137,"_157":116,"_104":179,"_99":32,"_159":160,"_161":162,"_163":22,"_164":-5,"_98":197},[152],"readme","upstream","pull",[202],{"_102":151,"_95":152,"_153":114,"_154":-5,"_155":138,"_156":137,"_157":116,"_104":158,"_99":32,"_159":160,"_161":162,"_163":22,"_164":-5,"_165":203,"_98":204},[],[152],"previews",[202],"actionData","errors"]