improved lobby button

src/client/Client.ts

@@ -72,7 +72,7 @@ class Client {
             lobbyButton.classList.toggle('highlighted', this.isLobbyHighlighted);
         }
 
-        if (nameElement) nameElement.textContent = `Lobby ${lobby.id}`;
+        if (nameElement) nameElement.textContent = `Game ${lobby.id}`;
         if (timerElement) {
             const timeRemaining = Math.max(0, Math.floor((lobby.startTime - Date.now()) / 1000));
             timerElement.textContent = `Starts in: ${timeRemaining}s`;

src/client/styles.css

@@ -91,17 +91,20 @@ h1 {
 }
 
 .lobby-name {
-    font-size: 36px;
+    font-size: 52px;
     margin-bottom: 20px;
+    color: #000000;
 }
 
 .lobby-timer {
-    font-size: 28px;
+    font-size: 36px;
     margin-bottom: 20px;
+    color: #000000;
+
 }
 
 .player-count {
-    font-size: 24px;
+    font-size: 36px;
     color: #000000;
 }