Polish public home stats ranking copy and player id visibility

frontend/assets/css/styles.css

@@ -640,6 +640,14 @@ h2 {
 
 .release-countdown__copy .eyebrow--section {
   margin-bottom: 0;
+  border-color: rgba(210, 182, 118, 0.42);
+  background:
+    linear-gradient(180deg, rgba(82, 68, 33, 0.28), rgba(41, 49, 24, 0.62));
+  color: #e0c487;
+  font-weight: 800;
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.03),
+    0 10px 22px rgba(0, 0, 0, 0.18);
 }
 
 .release-countdown__units {
@@ -1298,11 +1306,6 @@ h2 {
   line-height: 1.35;
 }
 
-.stats-annual-player__id {
-  color: var(--muted);
-  font-size: 0.8rem;
-}
-
 .stats-annual-metric {
   color: var(--accent-warm);
   font-weight: 700;
@@ -1613,12 +1616,7 @@ h2 {
 
 .ranking-player {
   display: grid;
-  gap: 4px;
-}
-
-.ranking-player span {
-  color: var(--muted);
-  font-size: 0.82rem;
+  gap: 0;
 }
 
 .ranking-empty {

frontend/assets/js/historico-recent-live.js

@@ -83,7 +83,7 @@
       }
 
       stateNode.hidden = true;
-      if (noteNode) noteNode.textContent = "Lista dinámica de partidas registradas.";
+      if (noteNode) noteNode.textContent = "";
       metaNode.textContent = buildDynamicRecentMeta(items);
       renderDynamicRecentMatchesPage();
     } catch (error) {
@@ -92,8 +92,8 @@
       }
       recentMatchesState.items = [];
       recentMatchesState.page = 1;
-      setDynamicState(stateNode, "No se pudieron cargar las partidas recientes dinámicas.", true);
-      metaNode.textContent = "Error al leer las partidas recientes dinámicas.";
+      setDynamicState(stateNode, "No se pudieron cargar las partidas recientes dinámicas.", true);
+      metaNode.textContent = "Error al leer las partidas recientes dinámicas.";
       renderDynamicPagination();
     }
   }

frontend/assets/js/ranking.js

@@ -388,15 +388,14 @@
     );
     const hideKppColumn = metric === "kills_per_match";
 
-    return `
-      <tr>
-        <td>#${safeInt(item.ranking_position, 0)}</td>
-        <td>
-          <div class="ranking-player">
-            <strong>${escapeHtml(String(item.player_name || "Jugador sin nombre"))}</strong>
-            <span>${escapeHtml(String(item.player_id || "Sin ID"))}</span>
-          </div>
-        </td>
+      return `
+        <tr>
+          <td>#${safeInt(item.ranking_position, 0)}</td>
+          <td>
+            <div class="ranking-player">
+              <strong>${escapeHtml(String(item.player_name || "Jugador sin nombre"))}</strong>
+            </div>
+          </td>
         <td class="ranking-table__metric">${formatMetricValue(item.metric_value, metric)}</td>
         <td>${safeInt(item.kills, 0)}</td>
         <td>${safeInt(item.deaths, 0)}</td>

frontend/assets/js/stats.js

@@ -111,7 +111,14 @@
     if (!searchStateNode) {
       return;
     }
-    searchStateNode.textContent = message;
+    const normalizedMessage = String(message || "").trim();
+    searchStateNode.hidden = !normalizedMessage;
+    if (!normalizedMessage) {
+      searchStateNode.textContent = "";
+      searchStateNode.className = "stats-state stats-state--neutral";
+      return;
+    }
+    searchStateNode.textContent = normalizedMessage;
     searchStateNode.className = `stats-state stats-state--${state}`;
   }
 
@@ -296,6 +303,7 @@
     const items = normalizeArray(data.items);
     const limit = safeInt(data.limit, 0);
     const serverId = String(data.server_id || annualServerId);
+    const serverLabel = labelForStatsServer(serverId);
     const sourceMatches = safeInt(data.source_matches_count, 0);
     const generatedAt = formatDateTime(data.generated_at);
     const year = safeInt(data.year, annualDefaultYear);
@@ -313,7 +321,7 @@
 
     setAnnualState(
       "neutral",
-      `${messages.annualReadyPrefix} ${serverId}, a\u00f1o ${year}.`,
+      `${messages.annualReadyPrefix} ${serverLabel}, a\u00f1o ${year}.`,
     );
 
     annualContentNode.innerHTML = `
@@ -322,7 +330,7 @@
         <div class="stats-annual-meta">
           <article class="stats-annual-meta-item">
             <p>Servidor</p>
-            <strong>${escapeHtml(serverId)}</strong>
+            <strong>${escapeHtml(serverLabel)}</strong>
           </article>
           <article class="stats-annual-meta-item">
             <p>A\u00f1o</p>
@@ -350,7 +358,6 @@
     const rowsMarkup = items
       .map((item) => {
         const rank = safeInt(item.ranking_position, 0);
-        const playerId = escapeHtml(String(item.player_id || ""));
         const playerName = escapeHtml(String(item.player_name || "Jugador sin nombre"));
         const kills = safeInt(firstFiniteValue(item.kills, item.metric_value), 0);
         const matches = safeInt(item.matches_considered, 0);
@@ -365,7 +372,6 @@
             <td>
               <div class="stats-annual-player">
                 <strong>${playerName}</strong>
-                <span class="stats-annual-player__id">ID ${playerId}</span>
               </div>
             </td>
             <td class="stats-annual-metric">${kills}</td>
@@ -948,10 +954,7 @@
     }
 
     if (!query) {
-      setSearchState(
-        "neutral",
-        "Estado inicial: introduce al menos 4 caracteres para buscar un jugador.",
-      );
+      setSearchState("neutral", "");
       return;
     }
 
@@ -968,5 +971,19 @@
       .replaceAll('"', "&quot;")
       .replaceAll("'", "&#39;");
   }
+
+  function labelForStatsServer(serverId) {
+    const normalized = String(serverId || "").trim().toLowerCase();
+    if (normalized === "comunidad-hispana-01") {
+      return "Comunidad Hispana #01";
+    }
+    if (normalized === "comunidad-hispana-02") {
+      return "Comunidad Hispana #02";
+    }
+    if (normalized === "all" || normalized === "all-servers") {
+      return "Todos los servidores";
+    }
+    return String(serverId || "Todos los servidores");
+  }
 });