\n {inTrainingMode ? \n \n Training {currentPuzzleIndex + 1} of {trainingPuzzles.length}\n : \n \n Puzzle {currentPuzzleIndex + 1} of {activePuzzles.length}\n }\n

\n\n \n {isSolved &&

\n \n Solved\n

}\n \n \n {}\n \n ✨\n \n \n ✨\n \n \n {}\n

\n {currentPuzzle.emoji}\n \n {}\n

\n \n \n {inTrainingMode && showingTrainingAnswer ? \n

\n This emoji combination means:\n

\n = 1 ? 1 : 0,\n scale: trainingAnimationStep >= 1 ? 1 : 0.8\n }} transition={{\n duration: 0.5\n }}>\n {currentPuzzle.answer}\n \n {currentPuzzle.hint && = 2 ? 1 : 0,\n height: trainingAnimationStep >= 2 ? 'auto' : 0\n }} transition={{\n duration: 0.5\n }}>\n Hint: {currentPuzzle.hint}\n }\n = 3 ? 1 : 0\n }} transition={{\n duration: 0.5\n }}>\n Learning {currentPuzzleIndex + 1} of {trainingPuzzles.length}...\n \n : }\n \n \n {message && \n \n {message}\n \n }\n \n \n \n {showAnswer && \n Answer: {currentPuzzle.answer}\n }\n \n \n {!inTrainingMode &&

\n {!isSolved &&

\n HINTS: {hintsUsed}/{currentPuzzle.answer.length}\n

}\n \n

\n = currentPuzzle.answer.length || !inTrainingMode && score <= 0} whileHover={!isSolved && hintsUsed < currentPuzzle.answer.length ? {\n scale: 1.02\n } : {}} whileTap={!isSolved && hintsUsed < currentPuzzle.answer.length ? {\n scale: 0.98\n } : {}}>\n \n Hint\n {!inTrainingMode && (-1)}\n \n \n \n \n Skip\n \n

}\n \n \n \n

\n \n 🎯\n \n \n \n \n \n \n

Score

\n \n {score}\n \n \n \n \n

Streak

\n \n {streak}\n \n {streak >= 3 && \n 🔥\n }\n \n \n \n

Solved

\n {solvedPuzzles.length}/{puzzles.length}\n

\n \n \n \n 🏅\n \n

\n \n

\n \n \n Reset\n \n \n {\n fetchLeaderboard();\n setShowLeaderboard(true);\n }} className=\"flex items-center gap-2 text-sm bg-gradient-to-r from-amber-50 to-yellow-50 border border-amber-200 text-amber-700 px-4 py-2.5 rounded-lg transition-colors shadow-sm\" whileHover={{\n scale: 1.02,\n boxShadow: \"0 4px 6px -1px rgba(0, 0, 0, 0.1)\"\n }} whileTap={{\n scale: 0.98\n }}>\n \n Leaderboard\n \n \n setShowShareModal(true)} className=\"flex items-center gap-2 text-sm bg-gradient-to-r from-blue-50 to-cyan-50 border border-blue-200 text-blue-700 px-4 py-2.5 rounded-lg transition-colors shadow-sm\" whileHover={{\n scale: 1.02,\n boxShadow: \"0 4px 6px -1px rgba(0, 0, 0, 0.1)\"\n }} whileTap={{\n scale: 0.98\n }}>\n \n Tweet\n \n \n {!inTrainingMode && solvedPuzzles.length > 0 && !challengeId && \n \n Challenge Friend\n }\n

\n \n

\n \n Daily Leaderboard\n

\n \n Share Your Score\n

\n \n Challenge a Friend\n

\n Edit Your Username\n

say something