Update index.html

index.html

@@ -54,6 +54,7 @@
         .question {
             margin-bottom: 20px;
             font-size: 1.2em;
+            color: #fff;
         }
 
         .options {
@@ -83,12 +84,53 @@
             top: 10px;
             right: 10px;
             font-size: 1.2em;
+            color: #fff;
         }
 
         .glitch {
             animation: glitch 0.5s infinite;
         }
 
+        #endScreen {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 1000;
+            justify-content: center;
+            align-items: center;
+            font-size: 4em;
+            text-align: center;
+            font-weight: bold;
+            text-shadow: 0 0 20px currentColor;
+        }
+
+        .victory {
+            background: #000;
+            color: #0f0;
+            animation: pulse 1s infinite;
+        }
+
+        .defeat {
+            background: #f00;
+            color: #fff;
+            animation: flash 0.2s infinite;
+        }
+
+        @keyframes pulse {
+            0% { opacity: 1; }
+            50% { opacity: 0.7; }
+            100% { opacity: 1; }
+        }
+
+        @keyframes flash {
+            0% { opacity: 1; }
+            50% { opacity: 0.8; }
+            100% { opacity: 1; }
+        }
+
         @keyframes glitch {
             0% { transform: translate(-50%, -50%) skew(0deg); }
             20% { transform: translate(-52%, -50%) skew(2deg); }
@@ -104,7 +146,7 @@
             left: 0;
             width: 100%;
             height: 2px;
-            background: rgba(0, 255, 0, 0.2);
+            background: rgba(255, 255, 255, 0.1);
             animation: scan 6s linear infinite;
         }
 
@@ -126,6 +168,7 @@
         <div id="question" class="question"></div>
         <div id="options" class="options"></div>
     </div>
+    <div id="endScreen"></div>
 
     <script>
         const matrix = document.getElementById('matrix');
@@ -179,17 +222,36 @@
                 correct: 1
             },
             {
-                question: "Which is not a prime number?",
-                options: ["2", "3", "4", "7"],
+                question: "Identify the pattern: AABABC?",
+                options: ["A", "B", "C", "D"],
                 correct: 2
             },
             {
-                question: "Solve: (√144 × 2) ÷ 4",
-                options: ["6", "12", "24", "3"],
+                question: "Which fraction is largest?",
+                options: ["3/4", "2/3", "5/8", "7/10"],
                 correct: 0
+            },
+            {
+                question: "What comes next: 1, 11, 21, 1211, ?",
+                options: ["2221", "111221", "22111", "11211"],
+                correct: 1
             }
         ];
 
+        function showEndScreen(victory) {
+            const endScreen = document.getElementById('endScreen');
+            endScreen.style.display = 'flex';
+            endScreen.className = victory ? 'victory' : 'defeat';
+            endScreen.innerHTML = victory ? 
+                'Successfully installed trojan.exe' :
+                'ROBOT DETECTED!<br>ACCESS REJECTED!!';
+            
+            setTimeout(() => {
+                endScreen.style.display = 'none';
+                resetGame();
+            }, 3000);
+        }
+
         document.getElementById('title').addEventListener('click', startGame);
 
         function startGame() {
@@ -218,15 +280,13 @@
             if(correct) {
                 score++;
                 if(score >= 10) {
-                    alert('Congratulations! You proved you are human!');
-                    resetGame();
+                    showEndScreen(true);
                     return;
                 }
             } else {
                 lives--;
                 if(lives <= 0) {
-                    alert('Game Over! You must be a robot!');
-                    resetGame();
+                    showEndScreen(false);
                     return;
                 }
             }