add streak indicator and prevent concatenated word selection

index.html

@@ -28,7 +28,10 @@
                 <div class="paper-content">
                     <div class="flex justify-between items-center mb-4">
                         <div id="book-info" class="biblio-info"></div>
-                        <div id="round-info" class="round-badge px-3 py-1 rounded-full text-sm"></div>
+                        <div class="flex gap-2 items-center">
+                            <div id="streak-info" class="round-badge px-3 py-1 rounded-full text-sm hidden"></div>
+                            <div id="round-info" class="round-badge px-3 py-1 rounded-full text-sm"></div>
+                        </div>
                     </div>
                     <div id="contextualization" class="context-box mb-4 p-3 rounded-lg"></div>
                     <div id="passage-content" class="prose max-w-none mb-6"></div>
@@ -59,7 +62,7 @@
                 Show Hints
             </button>
             <div class="controls-divider"></div>
-            <button id="leaderboard-btn" class="leaderboard-footer-btn" title="View leaderboard">
+            <button type="button" id="leaderboard-btn" class="leaderboard-footer-btn" title="View leaderboard">
                 🏅
             </button>
         </div>

src/aiService.js

@@ -242,7 +242,7 @@ class OpenRouterService {
               content: 'Select words for a cloze exercise. Return ONLY a JSON array of words, nothing else.'
             }, {
               role: 'user',
-              content: `Select ${count} ${level <= 2 ? 'easy' : level <= 4 ? 'medium' : 'challenging'} words (${wordLengthConstraint}) from this passage. Choose meaningful nouns, verbs, or adjectives. Avoid capitalized words and proper nouns.
+              content: `Select ${count} ${level <= 2 ? 'easy' : level <= 4 ? 'medium' : 'challenging'} words (${wordLengthConstraint}) from this passage. Choose meaningful nouns, verbs, or adjectives. Avoid capitalized words and proper nouns. NEVER select concatenated words like "fromthe", "tothe", "andthe", "hewas", "shewas" - these should be two separate words.
 
 Passage: "${passage}"`
             }],
@@ -382,6 +382,12 @@ Passage: "${passage}"`
                 return false;
               }
 
+              // Reject obvious concatenated words like "fromthe", "tothe", etc.
+              if (/^(from|to|and)(the|a)$/i.test(cleanWord)) {
+                console.log(`🚫 Rejected concatenated word: "${word}"`);
+                return false;
+              }
+
               // Check if word exists as non-capitalized word after position 10 (matches game engine)
               if (!passageWordMap.has(cleanWord.toLowerCase())) {
                 return false;
@@ -524,7 +530,7 @@ Passage: "${passage}"`
             content: 'Process passages for cloze exercises. Return ONLY a JSON object.'
           }, {
             role: 'user',
-            content: `Select ${blanksPerPassage} ${level <= 2 ? 'easy' : level <= 4 ? 'medium' : 'challenging'} words (${wordLengthConstraint}) from each passage.
+            content: `Select ${blanksPerPassage} ${level <= 2 ? 'easy' : level <= 4 ? 'medium' : 'challenging'} words (${wordLengthConstraint}) from each passage. NEVER select concatenated words like "fromthe", "tothe", "andthe", "hewas", "shewas" - these should be two separate words.
 
 Passage 1 ("${book1.title}" by ${book1.author}):
 ${passage1}

src/app.js

@@ -16,6 +16,7 @@ class App {
       stickyControls: document.getElementById('sticky-controls'),
       bookInfo: document.getElementById('book-info'),
       roundInfo: document.getElementById('round-info'),
+      streakInfo: document.getElementById('streak-info'),
       contextualization: document.getElementById('contextualization'),
       passageContent: document.getElementById('passage-content'),
       hintsSection: document.getElementById('hints-section'),
@@ -82,6 +83,9 @@ class App {
 
     this.elements.roundInfo.innerHTML = levelInfo;
 
+    // Update streak display
+    this.updateStreakDisplay();
+
     // Show contextualization from AI agent
     this.elements.contextualization.innerHTML = `
       <div class="flex items-start gap-2">
@@ -192,6 +196,21 @@ class App {
     // Show next button and hide submit button
     this.elements.submitBtn.style.display = 'none';
     this.elements.nextBtn.classList.remove('hidden');
+
+    // Update streak display after processing results
+    this.updateStreakDisplay();
+  }
+
+  updateStreakDisplay() {
+    const stats = this.game.leaderboardService.getPlayerStats();
+    const currentStreak = stats.currentStreak;
+    
+    if (currentStreak > 0) {
+      this.elements.streakInfo.innerHTML = `🔥 ${currentStreak} streak`;
+      this.elements.streakInfo.classList.remove('hidden');
+    } else {
+      this.elements.streakInfo.classList.add('hidden');
+    }
   }
 
   highlightAnswers(results) {