diff --git a/game.js b/game.js
index fc0da0a..dd55f38 100644
--- a/game.js
+++ b/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);
   }
diff --git a/index.html b/index.html
index c140eb4..66fe5db 100644
--- a/index.html
+++ b/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>
diff --git a/music.mp3 b/music.mp3
index 822a1d8..f736949 100644
Binary files a/music.mp3 and b/music.mp3 differ
diff --git a/style.css b/style.css
index 451c1fd..d6cc732 100644
--- a/style.css
+++ b/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;
+}