diff --git a/src/_includes/game-stats.njk b/src/_includes/game-stats.njk
index d5d15f8..4ac9108 100644
--- a/src/_includes/game-stats.njk
+++ b/src/_includes/game-stats.njk
@@ -97,7 +97,7 @@
         </button>
 
         {# Achievement badges — shown when earned, read from localStorage #}
-        <div id="achievement-badges" class="hidden sm:flex items-center gap-1 ml-1">
+        <div id="achievement-badges" class="hidden items-center gap-1 ml-1">
         </div>
     </div>
 </div>
@@ -118,10 +118,12 @@
   // Achievement badges
   var badgeContainer = document.getElementById("achievement-badges");
   if (!badgeContainer) return;
+  badgeContainer.innerHTML = "";
   var earned = {};
   try { earned = JSON.parse(localStorage.getItem("gameAchievements") || "{}"); } catch (_) {}
   var icons = { first_blood: "🩸", code_wizard: "🧙", duelist: "⚔️" };
   var labels = { first_blood: "First Blood", code_wizard: "Code Wizard", duelist: "Duelist" };
+  var badgeCount = 0;
   Object.keys(icons).forEach(function (id) {
     if (earned[id]) {
       var badge = document.createElement("span");
@@ -129,7 +131,9 @@
       badge.className = "text-sm cursor-help";
       badge.textContent = icons[id];
       badgeContainer.appendChild(badge);
+      badgeCount += 1;
     }
   });
+  badgeContainer.classList.toggle("sm:flex", badgeCount > 0);
 })();
 </script>