mejoras ui

client/src/views/DemoGame.vue

@@ -18,7 +18,7 @@
         <div class="meta">
           <div>Sala: <code>{{ roomId }}</code></div>
           <div>Ronda: {{ currentRound }}/3</div>
-          <div>Estado: <span class="badge">{{ gameStatus }}</span></div>
+          <div>Estado: <span class="badge">{{ gameStatusDisplay }}</span></div>
         </div>
         <div class="variant-selector">
           <button
@@ -217,6 +217,18 @@ const myRole = computed(() => {
   return me?.role || '';
 });
 
+// Traducir el estado del juego al español
+const gameStatusDisplay = computed(() => {
+  const statusMap: Record<string, string> = {
+    'waiting': 'Esperando',
+    'playing': 'Jugando',
+    'paused': 'Pausado',
+    'finished': 'Finalizado',
+    'ready': 'Listo'
+  };
+  return statusMap[gameStatus.value.toLowerCase()] || gameStatus.value;
+});
+
   const roundState = computed(() => ({
     // tick to recompute when non-ref state fields change via forceUpdate()
     _tick: refreshTick.value,

client/src/views/Lobby.vue

@@ -7,7 +7,7 @@
         </button>
       </div>
       <h1 class="title">🎮 Snatch Game</h1>
-      <div class="subtitle">Batalla Competitiva de Clics</div>
+      <div class="subtitle">Arena de intercambio social</div>
 
       <div class="player-section">
         <div class="name-input-group">