Add 1 files

index.html

@@ -386,7 +386,7 @@
                         Level: <span id="memoryGameLevel">1</span>/10
                     </div>
                     <div class="bg-purple-100 px-3 py-1 rounded-full">
-                        Attempts: <span id="memoryAttempts">3</span>
+                        Attempts: <span id="memoryAttempts">10</span>
                     </div>
                     <button onclick="closeGame('memory')" class="text-gray-500 hover:text-gray-700">
                         <i class="fas fa-times"></i>
@@ -421,7 +421,7 @@
                         Level: <span id="sequenceGameLevel">1</span>/10
                     </div>
                     <div class="bg-green-100 px-3 py-1 rounded-full">
-                        Attempts: <span id="sequenceAttempts">3</span>
+                        Attempts: <span id="sequenceAttempts">10</span>
                     </div>
                     <button onclick="closeGame('sequence')" class="text-gray-500 hover:text-gray-700">
                         <i class="fas fa-times"></i>
@@ -465,7 +465,7 @@
                         Level: <span id="differenceGameLevel">1</span>/10
                     </div>
                     <div class="bg-yellow-100 px-3 py-1 rounded-full">
-                        Attempts: <span id="differenceAttempts">3</span>
+                        Attempts: <span id="differenceAttempts">10</span>
                     </div>
                     <button onclick="closeGame('difference')" class="text-gray-500 hover:text-gray-700">
                         <i class="fas fa-times"></i>
@@ -501,7 +501,7 @@
     </div>
 
     <!-- Word Finder Puzzle Game Modal -->
-    <div id="wordfinderModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center hidden z-50">
+    <div id="wordfinderModal" class="flex inset-0 bg-black bg-opacity-50 items-center justify-center hidden z-50 fixed">
         <div class="bg-white rounded-xl p-6 w-full max-w-4xl max-h-screen overflow-y-auto">
             <div class="flex justify-between items-center mb-6">
                 <h2 class="text-2xl font-bold text-indigo-700">Word Finder Puzzle</h2>
@@ -510,7 +510,7 @@
                         Level: <span id="wordfinderGameLevel">1</span>/10
                     </div>
                     <div class="bg-indigo-100 px-3 py-1 rounded-full">
-                        Attempts: <span id="wordfinderAttempts">3</span>
+                        Attempts: <span id="wordfinderAttempts">10</span>
                     </div>
                     <button onclick="closeGame('wordfinder')" class="text-gray-500 hover:text-gray-700">
                         <i class="fas fa-times"></i>
@@ -599,10 +599,10 @@
                 wordfinder: { level: 1, score: 0, locked: false }
             },
             attempts: {
-                memory: 3,
-                sequence: 3,
-                difference: 3,
-                wordfinder: 3
+                memory: 10,
+                sequence: 10,
+                difference: 10,
+                wordfinder: 10
             }
         };
 
@@ -705,8 +705,8 @@
         function startGame(gameType) {
             gameState.currentGame = gameType;
             
-            // Reset attempts for this game
-            gameState.attempts[gameType] = 3;
+            // Reset attempts for this game to 10
+            gameState.attempts[gameType] = 10;
             
             // Show the appropriate modal
             document.getElementById(`${gameType}Modal`).classList.remove('hidden');