fix guessing bug

src/components/GameContainer.tsx

@@ -20,6 +20,7 @@ const normalizeWord = (word: string): string => {
   return word.normalize('NFD')
     .replace(/[\u0300-\u036f]/g, '')
     .toLowerCase()
+    .replace(/[^a-z]/g, '') // just match on lowercase chars, remove everything else
     .trim();
 };
 
@@ -180,11 +181,11 @@ export const GameContainer = () => {
       const sentenceString = finalSentence.join(' ');
       const guess = await guessWord(sentenceString, language);
       setAiGuess(guess);
-      
+
       // Save game result in the background
       saveGameResult(finalSentence, guess, guess.toLowerCase() === currentWord.toLowerCase())
         .catch(error => console.error('Background save failed:', error));
-      
+
       setGameState("showing-guess");
     } catch (error) {
       console.error('Error getting AI guess:', error);
@@ -300,6 +301,7 @@ export const GameContainer = () => {
             sessionId={sessionId}
             currentTheme={currentTheme}
             onHighScoreDialogChange={setIsHighScoreDialogOpen}
+            normalizeWord={normalizeWord}
           />
         )}
       </motion.div>

src/components/game/GuessDisplay.tsx

@@ -26,6 +26,7 @@ interface GuessDisplayProps {
   sessionId: string;
   currentTheme: string;
   onHighScoreDialogChange?: (isOpen: boolean) => void;
+  normalizeWord: (word: string) => string;
 }
 
 export const GuessDisplay = ({
@@ -40,6 +41,7 @@ export const GuessDisplay = ({
   sessionId,
   currentTheme,
   onHighScoreDialogChange,
+  normalizeWord,
 }: GuessDisplayProps) => {
   const [showConfirmDialog, setShowConfirmDialog] = useState(false);
   const [hasSubmittedScore, setHasSubmittedScore] = useState(false);
@@ -54,7 +56,7 @@ export const GuessDisplay = ({
     setShowConfirmDialog(show);
   };
 
-  const isGuessCorrect = () => aiGuess.toLowerCase() === currentWord.toLowerCase();
+  const isGuessCorrect = () => normalizeWord(aiGuess) === normalizeWord(currentWord);
 
   const handleScoreSubmitted = () => {
     setHasSubmittedScore(true);
@@ -70,17 +72,17 @@ export const GuessDisplay = ({
       animate={{ opacity: 1 }}
       className="text-center relative space-y-6"
     >
-      <RoundHeader 
-        successfulRounds={currentScore} 
+      <RoundHeader
+        successfulRounds={currentScore}
         onBack={onBack}
         showConfirmDialog={showConfirmDialog}
         setShowConfirmDialog={handleSetShowConfirmDialog}
       />
 
       <WordDisplay currentWord={currentWord} />
-      
+
       <GuessDescription sentence={sentence} aiGuess={aiGuess} />
-      
+
       <GuessResult aiGuess={aiGuess} isCorrect={isGuessCorrect()} />
 
       <ActionButtons

src/i18n/translations/de.ts

@@ -12,6 +12,7 @@ export const de = {
     aiDelayed: "Die KI ist derzeit beschäftigt. Bitte versuche es gleich noch einmal.",
     invalidWord: "Ungültiges Wort",
     cantUseTargetWord: "Verwende nicht das geheime Wort",
+    shorterWord: "Verwende ein kürzeres Wort",
     lettersOnly: "Bitte nur Buchstaben verwenden",
     singleWordOnly: "Bitte nur ein Wort eingeben",
     leaveGameTitle: "Spiel verlassen?",

src/i18n/translations/es.ts

@@ -12,6 +12,7 @@ export const es = {
     aiDelayed: "La IA está ocupada en este momento. Por favor, inténtalo de nuevo en un momento.",
     invalidWord: "Palabra inválida",
     cantUseTargetWord: "No uses la palabra secreta",
+    shorterWord: "Usa una palabra más corta",
     lettersOnly: "Por favor, usa solo letras",
     singleWordOnly: "Por favor, ingresa solo una palabra",
     leaveGameTitle: "¿Salir del juego?",

src/i18n/translations/fr.ts

@@ -11,6 +11,7 @@ export const fr = {
     aiDelayed: "L'IA est actuellement occupée. Veuillez réessayer dans un moment.",
     invalidWord: "Mot invalide",
     cantUseTargetWord: "N'utilisez pas le mot secret",
+    shorterWord: "Utilisez un mot plus court",
     lettersOnly: "Veuillez utiliser uniquement des lettres",
     singleWordOnly: "Veuillez entrer un seul mot",
     leaveGameTitle: "Quitter le jeu ?",

src/i18n/translations/it.ts

@@ -12,6 +12,7 @@ export const it = {
     aiDelayed: "L'IA è attualmente occupata. Riprova tra un momento.",
     invalidWord: "Parola non valida",
     cantUseTargetWord: "Non usare la parola segreta",
+    shorterWord: "Usa una parola più corta",
     lettersOnly: "Usa solo lettere",
     singleWordOnly: "Inserisci una sola parola",
     leaveGameTitle: "Lasciare il gioco?",