feat: Implement "You've outperformed X% of players" feature

index.html

@@ -98,7 +98,7 @@
           <p id="game-over-message" class="text-lg text-gray-500">
             You found 0 fake insects in 25 seconds.
           </p>
-          <p class="text-md text-gray-500">You've outperformed 97% of players.</p>
+          <p id="performance-percentage" class="text-md text-gray-500">You've outperformed 0% of players.</p>
         </div>
 
         <button
@@ -207,6 +207,12 @@
       scoreElement.textContent = score;
     }
 
+    function calculatePerformancePercentage(score) {
+      const topScore = 35;
+      const percentage = Math.min(100, Math.max(0, (score / topScore) * 100));
+      return Math.round(percentage);
+    }
+
     function endGame(reason) {
       clearInterval(timer);
       document.getElementById('countdown-sound').pause();
@@ -220,6 +226,8 @@
       } else {
         gameOverReasonElement.textContent = "You clicked a real insect!";
       }
+      const performancePercentage = calculatePerformancePercentage(score);
+      document.getElementById('performance-percentage').textContent = `You've outperformed ${performancePercentage}% of players.`;
       gameOverOverlay.classList.remove('hidden');
     }