\n {gameState === \"START\" && (\n

Love Quest 👸

\n Ένα παιχνίδι αποκλειστικά για εσένα!
\n
\n Πέρασε τα εμπόδια, πάτα πάνω στα τερατάκια (👾) για να τα νικήσεις,\n και έλα να με βρεις στο τέρμα!\n

\n \n

\n )}\n\n {(gameState === \"PLAYING\" || gameState === \"LOST\" ||\n gameState === \"WON\" || gameState === \"LEVEL_CLEARED\") && (\n

\n Πίστα: {currentLevel + 1} / {LEVELS.length}\n

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

Με βρήκες! 💖

\n Τα κατάφερες τέλεια στην Πίστα {currentLevel + 1}. Συνεχίζουμε;\n

\n initLevel(currentLevel + 1)}\n style={styles.button}\n >\n Επόμενη Πίστα ➡️\n \n

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

Ουπς! 🥺

\n Σκόνταψες σε ένα εμπόδιο... Αλλά εγώ θα σε πιάνω πάντα!\n

\n {/* Πατώντας εδώ, πάει isRetry = true για να γυρίσει το σκορ σωστά */}\n initLevel(currentLevel, true)}\n style={styles.button}\n >\n Try Again 🔄\n \n

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

🎉👸❤️🧑🎉

{FINAL_MESSAGE.title}

{FINAL_MESSAGE.body}

Μάζεψες {reactScore} πόντους αγάπης!

\n )}\n

\n );\n}\n\n// --- CSS Styles ---\nconst styles: { [key: string]: React.CSSProperties } = {\n page: {\n fontFamily: FONT_FAMILY,\n backgroundColor: \"#1e293b\",\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 WebkitUserSelect: \"none\",\n },\n gameContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n width: \"100%\",\n height: \"100vh\",\n position: \"relative\",\n },\n levelHeader: {\n position: \"absolute\",\n top: 10,\n right: 20,\n backgroundColor: \"rgba(255,255,255,0.7)\",\n padding: \"5px 10px\",\n borderRadius: \"10px\",\n fontWeight: \"bold\",\n zIndex: 5,\n },\n canvas: {\n display: \"block\",\n width: \"100%\",\n backgroundColor: \"#87CEEB\",\n },\n\n controlsArea: {\n flex: 1,\n backgroundColor: \"#cbd5e1\",\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n padding: \"0 25px\",\n borderTop: \"6px solid #94a3b8\",\n },\n dpad: {\n display: \"flex\",\n gap: \"15px\",\n },\n controlBtn: {\n width: \"70px\",\n height: \"70px\",\n borderRadius: \"50%\",\n backgroundColor: \"#475569\",\n border: \"4px solid #334155\",\n color: \"white\",\n fontSize: \"26px\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n boxShadow: \"0 5px 0 #1e293b\",\n cursor: \"pointer\",\n touchAction: \"none\",\n outline: \"none\",\n },\n jumpBtn: {\n width: \"90px\",\n height: \"90px\",\n backgroundColor: \"#e11d48\",\n border: \"4px solid #be123c\",\n fontSize: \"18px\",\n fontWeight: \"bold\",\n boxShadow: \"0 6px 0 #881337\",\n },\n\n overlay: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n backgroundColor: \"rgba(30, 41, 59, 0.95)\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 10,\n padding: \"20px\",\n boxSizing: \"border-box\",\n textAlign: \"center\",\n },\n title: {\n fontSize: \"36px\",\n color: \"#fb7185\",\n marginBottom: \"20px\",\n textShadow: \"2px 2px 0px #000\",\n },\n instructions: {\n fontSize: \"16px\",\n color: \"#e2e8f0\",\n lineHeight: \"1.6\",\n marginBottom: \"40px\",\n },\n button: {\n padding: \"15px 30px\",\n fontSize: \"20px\",\n backgroundColor: \"#fb7185\",\n color: \"white\",\n border: \"4px solid #fff\",\n borderRadius: \"10px\",\n cursor: \"pointer\",\n fontWeight: \"bold\",\n fontFamily: FONT_FAMILY,\n textTransform: \"uppercase\",\n },\n\n wonCard: {\n backgroundColor: \"#fff0f6\",\n padding: \"30px\",\n borderRadius: \"20px\",\n boxShadow: \"0 10px 25px rgba(0,0,0,0.5)\",\n border: `4px solid #fb7185`,\n textAlign: \"center\",\n maxWidth: \"350px\",\n },\n confetti: { fontSize: \"30px\", marginBottom: \"15px\" },\n successTitle: {\n fontSize: \"24px\",\n color: \"#e11d48\",\n marginBottom: \"15px\",\n fontWeight: \"bold\",\n },\n loveText: {\n fontSize: \"16px\",\n lineHeight: \"1.6\",\n color: \"#334155\",\n margin: \"0 0 15px 0\",\n fontStyle: \"italic\",\n },\n scoreText: {\n fontSize: \"18px\",\n color: \"#d63384\",\n fontWeight: \"bold\",\n margin: 0,\n },\n};\n\nfunction client() {\n const styleSheet = document.createElement(\"style\");\n styleSheet.type = \"text/css\";\n styleSheet.innerText = `\n body { margin: 0; display: block; min-height: 100vh; overflow: hidden; background-color: #1e293b; } \n #root { display: block; width: 100%; height: 100vh; }\n button:active { transform: translateY(4px); box-shadow: 0 0 0 transparent !important; }\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 Quest 👸\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html; charset=UTF-8\" } },\n );\n}","deleted","label",[103],"permalink","https://www.val.town/x/alexandrosgalazoulas96/mario/code/main.tsx","extension","actionData","errors"]