\n {/* UI Elements */}\n {(gameState === \"PLAYING\" || gameState === \"GAMEOVER\") && (\n

\n Καρδιές: {score} / {WIN_SCORE}\n

\n\n

\n {unlockedWord}\n

\n )}\n\n 500 ? 500 : window.innerWidth}\n height={500}\n style={styles.canvas}\n />\n\n {gameState === \"START\" && (\n

Love Flyer 🕊️

\n Πάτα την οθόνη για να πετάξεις.
\n Μάζεψε {WIN_SCORE} ❤️ για να διαβάσεις το μήνυμα!
\n Πρόσεχε τα σύννεφα... ☁️\n

\n \n

\n )}\n\n {gameState === \"GAMEOVER\" && (\n

Ουπς! 🥺

\n Χτύπησες σε σύννεφο...
\n Αλλά η αγάπη μου δεν σταματάει!\n

\n \n

\n )}\n\n {gameState === \"WON\" && (\n

🎉🕊️❤️🏆

{FINAL_MESSAGE.title}

{FINAL_MESSAGE.body}

\n )}\n

\n );\n}\n\n// --- CSS Styles ---\nconst styles: { [key: string]: React.CSSProperties } = {\n page: {\n fontFamily: FONT_BODY,\n backgroundColor: \"#bae6fd\",\n minHeight: \"100vh\",\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n margin: 0,\n overflow: \"hidden\",\n touchAction: \"none\",\n userSelect: \"none\",\n position: \"relative\",\n },\n canvas: {\n backgroundColor: \"#7dd3fc\",\n boxShadow: \"0 10px 30px rgba(0,0,0,0.1)\",\n borderRadius: \"20px\",\n display: \"block\",\n zIndex: 1,\n },\n\n uiOverlay: {\n position: \"absolute\",\n top: \"20px\",\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n zIndex: 10,\n pointerEvents: \"none\",\n },\n scoreBoard: {\n backgroundColor: \"rgba(255, 255, 255, 0.8)\",\n padding: \"8px 15px\",\n borderRadius: \"20px\",\n fontWeight: \"bold\",\n color: \"#0369a1\",\n marginBottom: \"10px\",\n fontSize: \"14px\",\n },\n wordDisplay: {\n fontFamily: FONT_DISPLAY,\n fontSize: \"32px\",\n fontWeight: \"bold\",\n color: \"#fff\",\n textShadow: \"2px 2px 10px rgba(214, 51, 132, 0.8)\",\n textTransform: \"uppercase\",\n letterSpacing: \"2px\",\n transition: \"all 0.3s ease-in-out\",\n backgroundColor: \"rgba(255, 255, 255, 0.2)\",\n padding: \"5px 20px\",\n borderRadius: \"15px\",\n backdropFilter: \"blur(5px)\",\n },\n\n overlay: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n backgroundColor: \"rgba(3, 105, 161, 0.85)\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 20,\n padding: \"20px\",\n boxSizing: \"border-box\",\n textAlign: \"center\",\n color: \"white\",\n },\n title: { fontSize: \"32px\", marginBottom: \"15px\" },\n instructions: { fontSize: \"16px\", lineHeight: \"1.6\", marginBottom: \"30px\" },\n button: {\n padding: \"12px 35px\",\n fontSize: \"18px\",\n backgroundColor: \"#f43f5e\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"50px\",\n cursor: \"pointer\",\n fontWeight: \"bold\",\n fontFamily: FONT_BODY,\n },\n wonCard: {\n backgroundColor: \"white\",\n padding: \"25px\",\n borderRadius: \"25px\",\n boxShadow: \"0 20px 50px rgba(0,0,0,0.3)\",\n width: \"90%\",\n maxWidth: \"380px\",\n color: \"#334155\",\n maxHeight: \"85vh\",\n overflowY: \"auto\",\n },\n confetti: { fontSize: \"35px\", marginBottom: \"15px\" },\n successTitle: { color: \"#f43f5e\", fontSize: \"22px\", marginBottom: \"12px\" },\n loveText: { fontSize: \"15px\", lineHeight: \"1.6\", fontStyle: \"italic\" },\n};\n\n// --- Client / Server Setup ---\nfunction client() {\n const styleSheet = document.createElement(\"style\");\n styleSheet.type = \"text/css\";\n styleSheet.innerText = `\n @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=Share+Tech+Mono&display=swap');\n body { margin: 0; background-color: #bae6fd; }\n button:active { transform: scale(0.95); }\n `;\n document.head.appendChild(styleSheet);\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n \n Love Flyer 🕊️\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html; charset=UTF-8\" } },\n );\n}","deleted","label",[62],"8fa28800-4a67-11f1-9721-ee650bb23af1","README.md","019e04a5-6107-75a0-9fab-fab9efab55f1",1,["D",1778194407602],"Hello!!! \n\nFeel free to mess around with this val and make it your own :). Just click on \"Fork\" in the top right.\n\nYou can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!\n\nHave fun with it and hopefully your crush says yes hehe.",[81],{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":93,"_17":33,"_73":24,"_75":85,"_77":50,"_78":-5,"_90":94,"_18":95},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":89,"_17":31,"_73":74,"_75":76,"_77":50,"_78":-5,"_90":91,"_18":92},["D",1778200591136],"children",[],[62],["D",1778194407602],[],[81],"8f95a392-4a67-11f1-9721-ee650bb23af1",["D",1778194407602],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c201a-c6d5-73df-9c72-e5a567918c20","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c201a-c6d5-73df-9c72-eb12f876751d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_138":134},"org",{"_11":12,"_132":-5,"_133":134,"_102":103,"_135":136,"_137":50},"branch",{"_17":69,"_13":16,"_35":67,"_41":96,"_44":36,"_45":43,"_129":52,"_130":42,"_131":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5ODYyMzhDV3h6QnVKc2dNaFN0akxjMUJSaCJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":96,"_13":14,"_37":182,"_48":-5,"_98":50,"_51":52,"_99":52,"_100":-5,"_101":-5,"_102":103,"_104":64,"_105":71,"_106":-5,"_107":-5,"_108":33,"_55":109,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":115,"_117":118,"_119":118,"_120":118,"_121":115,"_122":115,"_123":183,"_125":184,"_127":185,"_49":50},[176,177],"files",[176,177],"counts",{"_167":33,"_168":83,"_169":33,"_34":170,"_171":172},[163,164],"upstreamProject",{"_35":42,"_13":58,"_100":-5,"_101":-5,"_51":52,"_123":161},"upstreamBranch",{"_35":36,"_37":159,"_39":160,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],["D",1739338420215],{"_11":54,"_138":162},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":84,"_17":33,"_73":24,"_75":85,"_77":50,"_78":-5,"_18":166},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":72,"_17":31,"_73":74,"_75":76,"_77":50,"_78":-5,"_18":165},[62],[81],"pulls","branches","forks",{"_173":33,"_175":33},"connections",{"_173":33,"_174":33},"count","unfilledCount","emptyCount",{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":93,"_17":33,"_73":24,"_75":85,"_77":50,"_78":-5,"_90":180,"_18":181},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":89,"_17":31,"_73":74,"_75":76,"_77":50,"_78":-5,"_90":178,"_18":179},[],[62],[],[81],["D",1778194407602],{"_11":12,"_138":134},{"_11":12,"_132":-5,"_133":134,"_102":103,"_135":136,"_137":50},{"_17":69,"_13":16,"_35":67,"_41":96,"_44":36,"_45":43,"_129":52,"_130":42,"_131":56,"_57":14,"_53":12},"ctx",{"_123":-5,"_156":219,"_220":221,"_222":223,"_224":50,"_225":50,"_226":50,"_227":71,"_228":-5,"_229":-7,"_230":-7,"_231":33,"_232":50,"_233":50,"_234":-5,"_235":50,"_236":50,"_237":50,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":16,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code