Replace ⚪ emoji with favicon.ico pokeball image in HUD ball counter

game.js

@@ -1555,7 +1555,7 @@ class Game {
     if(bar){ bar.style.width=pct+'%'; bar.style.background=pct<40?'var(--hp-green)':pct<75?'var(--hp-yellow)':'#60c8ff'; }
 
     const pbEl = document.getElementById('pokeball-count');
-    if (pbEl) pbEl.textContent = `⚪ ${this.state.pokeballs}`;
+    if (pbEl) pbEl.innerHTML = `<img src="./favicon.ico" class="pokeball-icon"> ${this.state.pokeballs}`;
 
     this.state.playerLevel = getPlayerLevel(this.state);
   }

index.html

@@ -144,7 +144,7 @@
         <span class="prog-text" id="map-prog-text">0/100</span>
       </div>
       <div class="map-right">
-        <span class="pokeball-count" id="pokeball-count" title="Pokéballs">⚪ 0</span>
+        <span class="pokeball-count" id="pokeball-count" title="Pokéballs"><img src="./favicon.ico" class="pokeball-icon"> 0</span>
         <span class="music-toggle" id="music-toggle" title="Mute/Unmute Music">🎵</span>
       </div>
     </div>

style.css

@@ -1256,3 +1256,13 @@ html, body {
   align-items:center;
   gap:1px;
 }
+
+/* ─── POKEBALL ICON ──────────────────────────────────────── */
+.pokeball-icon {
+  width:14px;
+  height:14px;
+  vertical-align:middle;
+  image-rendering:pixelated;
+  display:inline-block;
+  margin-right:2px;
+}