From ef846c895bb6dcebe18b69e2e50c5b4e1e79606a Mon Sep 17 00:00:00 2001
From: evanpelle <evanpelle@gmail.com>
Date: Thu, 19 Mar 2026 20:00:33 -0700
Subject: [PATCH] make ffa the large game card

---
 src/client/GameModeSelector.ts | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/client/GameModeSelector.ts b/src/client/GameModeSelector.ts
index 012cfe27d..e80047a6c 100644
--- a/src/client/GameModeSelector.ts
+++ b/src/client/GameModeSelector.ts
@@ -147,21 +147,17 @@ export class GameModeSelector extends LitElement {
           class="grid grid-cols-1 sm:grid-cols-[2fr_1fr] gap-4 sm:h-[min(24rem,40vh)]"
         >
           <!-- Left col: main card (desktop only) -->
-          ${special
+          ${ffa
             ? html`<div class="hidden sm:block">
-                ${this.renderSpecialLobbyCard(special)}
+                ${this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))}
               </div>`
-            : ffa
-              ? html`<div class="hidden sm:block">
-                  ${this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))}
-                </div>`
-              : nothing}
+            : nothing}
 
-          <!-- Right col: FFA + teams (desktop only) -->
+          <!-- Right col: special + teams (desktop only) -->
           <div class="hidden sm:flex sm:flex-col sm:gap-4">
-            ${special && ffa
+            ${special
               ? html`<div class="flex-1 min-h-0">
-                  ${this.renderLobbyCard(ffa, this.getLobbyTitle(ffa))}
+                  ${this.renderSpecialLobbyCard(special)}
                 </div>`
               : nothing}
             ${teams