Expand leaderboards to top 5 per card; tighten EVA card spacing

Each card now shows 5 models (EVA = 5 Accuracy + 5 Experience) with
placeholder rows for the not-yet-sourced entries. Reduced EVA card
vertical spacing (split gap, padding, row gaps) to shorten it.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

index.html

@@ -214,6 +214,15 @@
 </div>
 <span class="text-infinite-blue text-sm font-bold text-right tabular-nums">28.6</span>
 </div>
+<!-- Runner 5 -->
+<div class="grid grid-cols-[20px_1fr_100px_45px] items-center gap-3">
+<span class="text-on-surface-variant text-xs tabular-nums font-medium">5</span>
+<span class="text-on-surface text-sm font-medium">Model Five (placeholder)</span>
+<div class="h-1.5 w-full bg-infinite-soft rounded-full overflow-hidden">
+<div class="h-full fill-infinite rounded-full" style="width: 70%;"></div>
+</div>
+<span class="text-infinite-blue text-sm font-bold text-right tabular-nums">26.0</span>
+</div>
 </div>
 <div class="mt-8 pt-6 border-t border-border-subtle">
 <a class="text-infinite-blue font-bold text-sm hover:text-[#006DAA] transition-colors flex items-center gap-2 group" href="https://enterpriseops-gym.github.io/#leaderboard" target="_blank" rel="noopener">
@@ -235,7 +244,7 @@
 </span>
 <span class="text-on-surface-variant text-xs font-medium bg-surface-muted px-2 py-0.5 rounded">voice agents · accuracy and experience</span>
 </div>
-<div class="space-y-10">
+<div class="space-y-6">
 <!-- Accuracy Split -->
 <div>
 <div class="flex justify-between items-baseline mb-3">
@@ -250,14 +259,14 @@
 </span>
 </span>
 </div>
-<div class="bg-[#f2f0ff] border-l-4 border-bright-indigo rounded-lg p-3 flex justify-between items-center mb-4">
+<div class="bg-[#f2f0ff] border-l-4 border-bright-indigo rounded-lg p-3 flex justify-between items-center mb-3">
 <div>
 <div class="text-infinite-blue font-bold text-base leading-tight">Nova + GPT-5.4 + Sonic</div>
 <div class="text-on-surface-variant text-[11px] font-medium">Mixed Models · Cascade</div>
 </div>
 <span class="text-infinite-blue font-bold text-2xl tabular-nums">0.41</span>
 </div>
-<div class="space-y-3">
+<div class="space-y-2.5">
 <div class="grid grid-cols-[18px_1fr_80px_35px] items-center gap-2 text-xs">
 <span class="text-on-surface-variant tabular-nums font-medium">2</span>
 <span class="text-on-surface font-medium truncate">Claude Opus 4.5</span>
@@ -274,10 +283,26 @@
 </div>
 <span class="text-infinite-blue font-bold text-right tabular-nums">0.31</span>
 </div>
+<div class="grid grid-cols-[18px_1fr_80px_35px] items-center gap-2 text-xs">
+<span class="text-on-surface-variant tabular-nums font-medium">4</span>
+<span class="text-on-surface font-medium truncate">Model Four (placeholder)</span>
+<div class="h-1 w-full bg-indigo-soft rounded-full overflow-hidden">
+<div class="h-full fill-indigo rounded-full" style="width: 71%;"></div>
+</div>
+<span class="text-infinite-blue font-bold text-right tabular-nums">0.29</span>
+</div>
+<div class="grid grid-cols-[18px_1fr_80px_35px] items-center gap-2 text-xs">
+<span class="text-on-surface-variant tabular-nums font-medium">5</span>
+<span class="text-on-surface font-medium truncate">Model Five (placeholder)</span>
+<div class="h-1 w-full bg-indigo-soft rounded-full overflow-hidden">
+<div class="h-full fill-indigo rounded-full" style="width: 68%;"></div>
+</div>
+<span class="text-infinite-blue font-bold text-right tabular-nums">0.28</span>
+</div>
 </div>
 </div>
 <!-- Experience Split -->
-<div class="pt-8 border-t border-dashed border-border-subtle">
+<div class="pt-6 border-t border-dashed border-border-subtle">
 <div class="flex justify-between items-baseline mb-3">
 <span class="font-mono text-[10px] text-[#006DAA] uppercase tracking-[0.15em] font-bold">EVA-Experience</span>
 <span class="flex items-center gap-1">
@@ -290,14 +315,14 @@
 </span>
 </span>
 </div>
-<div class="bg-[#f0f9ff] border-l-4 border-bright-blue rounded-lg p-3 flex justify-between items-center mb-4">
+<div class="bg-[#f0f9ff] border-l-4 border-bright-blue rounded-lg p-3 flex justify-between items-center mb-3">
 <div>
 <div class="text-infinite-blue font-bold text-base leading-tight">Gemini Live</div>
 <div class="text-on-surface-variant text-[11px] font-medium">Google · Speech-to-Speech</div>
 </div>
 <span class="text-infinite-blue font-bold text-2xl tabular-nums">0.49</span>
 </div>
-<div class="space-y-3">
+<div class="space-y-2.5">
 <div class="grid grid-cols-[18px_1fr_80px_35px] items-center gap-2 text-xs">
 <span class="text-on-surface-variant tabular-nums font-medium">2</span>
 <span class="text-on-surface font-medium truncate">GPT-Realtime</span>
@@ -314,6 +339,22 @@
 </div>
 <span class="text-infinite-blue font-bold text-right tabular-nums">0.43</span>
 </div>
+<div class="grid grid-cols-[18px_1fr_80px_35px] items-center gap-2 text-xs">
+<span class="text-on-surface-variant tabular-nums font-medium">4</span>
+<span class="text-on-surface font-medium truncate">Model Four (placeholder)</span>
+<div class="h-1 w-full bg-blue-soft rounded-full overflow-hidden">
+<div class="h-full fill-blue rounded-full" style="width: 84%;"></div>
+</div>
+<span class="text-infinite-blue font-bold text-right tabular-nums">0.41</span>
+</div>
+<div class="grid grid-cols-[18px_1fr_80px_35px] items-center gap-2 text-xs">
+<span class="text-on-surface-variant tabular-nums font-medium">5</span>
+<span class="text-on-surface font-medium truncate">Model Five (placeholder)</span>
+<div class="h-1 w-full bg-blue-soft rounded-full overflow-hidden">
+<div class="h-full fill-blue rounded-full" style="width: 80%;"></div>
+</div>
+<span class="text-infinite-blue font-bold text-right tabular-nums">0.39</span>
+</div>
 </div>
 </div>
 </div>