there seems to be an error on the Select 5 unique characters to populate your world. screen, the button doesnt appear. Also, we can reduce it to 2 characters instead of 5

index.html

@@ -162,13 +162,13 @@
         <div class="container mx-auto px-6 py-8 h-full flex flex-col relative z-10">
             <div class="text-center mb-12">
                 <h2 class="text-5xl font-black mb-4 gradient-text">Forge Your Universe</h2>
-                <p class="text-xl text-gray-300 max-w-2xl mx-auto">Select 5 unique characters to populate your world. Each will bring their own stories and interactions to your adventure.</p>
+                <p class="text-xl text-gray-300 max-w-2xl mx-auto">Select 2 unique characters to populate your world. Each will bring their own stories and interactions to your adventure.</p>
                 <div class="mt-4 inline-flex items-center space-x-4 bg-white/5 rounded-full px-6 py-3 border border-white/10">
                     <span class="text-green-400 font-semibold" id="selected-count">0</span>
                     <span class="text-gray-400">/</span>
-                    <span class="text-gray-300">5 Characters Selected</span>
+                    <span class="text-gray-300">2 Characters Selected</span>
                 </div>
-            </div>
+</div>
             <div class="flex-1 overflow-y-auto pb-32">
                 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-8 max-w-7xl mx-auto">
                     <!-- World character cards will be dynamically inserted here -->
@@ -358,14 +358,12 @@
             const availableCharacters = characterData.filter(char => char.id !== gameState.selectedCharacter.id);
             populateWorldSelection(availableCharacters);
         }
-
         function startGame() {
-            if (gameState.selectedWorldCharacters.length < 5) {
-                alert('Please select 5 characters for your world!');
+            if (gameState.selectedWorldCharacters.length < 2) {
+                alert('Please select 2 characters for your world!');
                 return;
             }
-
-            document.getElementById('world-selection').classList.add('opacity-0', 'pointer-events-none');
+document.getElementById('world-selection').classList.add('opacity-0', 'pointer-events-none');
             document.getElementById('game-ui').classList.remove('opacity-0');
             
             // Initialize Three.js world
@@ -436,21 +434,21 @@ card.addEventListener('click', () => {
                         card.classList.remove('ring-2', 'ring-green-500');
                         card.querySelector('p').textContent = 'Click to select';
                     } else {
-                        // Select if we have less than 5
-                        if (gameState.selectedWorldCharacters.length < 5) {
-                            gameState.selectedWorldCharacters.push(character);
-                            card.classList.add('ring-2', 'ring-green-500');
-                            card.querySelector('p').textContent = 'Click to deselect';
-                        }
+                    // Select if we have less than 2
+                    if (gameState.selectedWorldCharacters.length < 2) {
+                        gameState.selectedWorldCharacters.push(character);
+                        card.classList.add('ring-2', 'ring-green-500');
+                        card.querySelector('p').textContent = 'Click to deselect';
                     }
+}
                     
                     // Update start world button
-                    if (gameState.selectedWorldCharacters.length === 5) {
-                        document.getElementById('start-world').classList.remove('opacity-0');
-                    } else {
-                        document.getElementById('start-world').classList.add('opacity-0');
-                    }
-                });
+                        if (gameState.selectedWorldCharacters.length === 2) {
+                            document.getElementById('start-world').classList.remove('opacity-0');
+                        } else {
+                            document.getElementById('start-world').classList.add('opacity-0');
+                        }
+});
                 
                 container.appendChild(card);
             });