- add fitting icon to Mystery AI

- fix error where different suspects could have the same image

Author: TobiasMue91

games/mystery_ai.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Mystery AI: Detective</title>
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🕵️</text></svg>">
     <style>:root {
         --primary: #1a2639;
         --secondary: #3e4a61;
@@ -1459,26 +1460,24 @@ <h3>The Truth</h3>
                     caseDescription: caseData.caseDescription,
                     crimeSceneImage: caseData.crimeSceneImage || 0,
                     // Replace the current suspect mapping code with this enhanced version:
-                    suspects: caseData.suspects.map(suspect => {
-                        // Enhanced gender detection with a more comprehensive check
+                    suspects: caseData.suspects.map((suspect, index) => {
+                        // Enhanced gender detection
                         const isFemale =
                             suspect.name.includes("Ms.") ||
                             suspect.name.includes("Mrs.") ||
                             suspect.name.includes("Miss") ||
                             /\b(she|her|woman|girl|female|daughter|sister)\b/i.test(suspect.description) ||
                             /\b(she|her|woman|girl|female|daughter|sister)\b/i.test(suspect.name);
 
-                        // Simplify the image selection by creating separate arrays
-                        const maleImages = [0, 2, 4, 6]; // Even indices for male images
-                        const femaleImages = [1, 3, 5, 7]; // Odd indices for female images
-
-                        // Choose a random index from the appropriate gender array
-                        const imageIndices = isFemale ? femaleImages : maleImages;
-                        const randomIndex = imageIndices[Math.floor(Math.random() * imageIndices.length)];
+                        // Create unique image mapping by assigning images sequentially based on gender
+                        // Female suspects get odd indices (1, 3, 5, 7), male suspects get even indices (0, 2, 4, 6)
+                        const imageIndex = isFemale ?
+                            1 + (2 * (index % 4)) : // For females: 1, 3, 5, 7
+                            0 + (2 * (index % 4));  // For males: 0, 2, 4, 6
 
                         return {
                             ...suspect,
-                            imageUrl: characterImages[randomIndex]
+                            imageUrl: characterImages[imageIndex]
                         };
                     }),
                     currentSuspect: null,