Fix mobile overflow and narrator regressions

Author: web3blind

app/index.html

@@ -170,7 +170,7 @@
 
     <!-- UI Components -->
     <script src="js/ui/sound.js?v=20260711c"></script>
-    <script src="js/ui/components/progress-bar.js?v=20260711d"></script>
+    <script src="js/ui/components/progress-bar.js?v=20260712b"></script>
     <script src="js/ui/components/toast.js?v=20260711b"></script>
     <script src="js/ui/components/modal.js"></script>
     <script src="js/ui/components/nav.js"></script>

app/js/ui/components/progress-bar.js

@@ -40,6 +40,11 @@ var ProgressBar = (function() {
         var shownMax = (typeof displayMax !== 'undefined') ? displayMax : max;
         el.setAttribute('aria-valuenow', shownValue);
         el.setAttribute('aria-valuemax', shownMax);
+        var label = el.getAttribute('aria-label') || '';
+        var labelName = label.split(' ')[0] || '';
+        if (labelName) {
+            el.setAttribute('aria-label', labelName + ' ' + shownValue + ' of ' + shownMax);
+        }
         var fill = el.querySelector('.progress-fill');
         if (fill) fill.style.width = pct + '%';
         var text = el.querySelector('.progress-text');

app/sw.js

@@ -1,5 +1,5 @@
 // Viz Magic — Service Worker
-var CACHE_NAME = 'viz-magic-v34';
+var CACHE_NAME = 'viz-magic-v35';
 var ASSETS = [
     '/',
     '/index.html',

tests/player-bug-regressions.test.js

@@ -335,7 +335,7 @@ test('high-traffic UI narration, screen announcements, and inventory stat labels
 
 test('service worker updates quickly and keeps navigations network-first', function () {
   const swJs = read('app/sw.js');
-  assert.ok(/viz-magic-v34/.test(swJs), 'service worker cache version should be bumped');
+  assert.ok(/viz-magic-v35/.test(swJs), 'service worker cache version should be bumped');
   assert.ok(/self\.skipWaiting\(\)/.test(swJs), 'service worker should activate new cache without waiting for all tabs to close');
   assert.ok(/self\.clients\.claim\(\)/.test(swJs), 'service worker should claim clients after activation');
   assert.ok(/event\.request\.mode === 'navigate'[\s\S]*fetch\(event\.request\)/.test(swJs), 'navigation requests should prefer network to avoid stale cached index');
@@ -382,7 +382,7 @@ test('mobile entry helpers cover keyboard paste, home-screen shortcut, nav parit
   assert.ok(/SoundManager\.setVolume\(sfxVolume \/ 100\)/.test(read('app/js/ui/screens/settings.js')), 'settings should apply stored SFX volume on render');
   assert.ok(/localStorage\.setItem\(STORAGE_PREFIX \+ 'sfx_volume'/.test(read('app/js/ui/sound.js')), 'sound manager should persist SFX volume');
   assert.ok(/var volume = _getStoredNumber\('sfx_volume', 0\.5\)/.test(read('app/js/ui/sound.js')), 'sound manager should restore persisted SFX volume');
-  assert.ok(/viz-magic-v34/.test(read('app/sw.js')), 'service worker cache should be bumped for UI changes');
+  assert.ok(/viz-magic-v35/.test(read('app/sw.js')), 'service worker cache should be bumped for UI changes');
 });
 
 
@@ -393,6 +393,7 @@ test('home dashboard uses Denis-approved visual scales and keeps real mana perce
   assert.ok(/displayMax:HOME_XP_DISPLAY_MAX/.test(homeJs), 'XP bar should show the visual XP scale');
   assert.ok(/ProgressBar\.update\('mana-bar', currentEnergy \/ 100, 100\)/.test(homeJs), 'mana should remain real VIZ energy as 0-100 percent');
   assert.ok(/displayValue/.test(read('app/js/ui/components/progress-bar.js')), 'progress bar should separate real ratio from displayed scale');
+  assert.ok(/setAttribute\('aria-label'/.test(read('app/js/ui/components/progress-bar.js')), 'progress update should refresh aria label for screen readers');
 });
 
 test('narrator and install instructions are actionable, not silent toggles or transient toasts', function () {