Merge live_mode into wc2026_v2.js (loaded after app_v2.js, has access to all functions)"

static/live_mode.js

@@ -1,43 +1,25 @@
 // === HOMEPAGE LIVE MODE ===
-// All sections refresh automatically when user is on homepage
-// Livescore: 60s, Featured match: 30s, Hot topics: 300s, Hashtag: if visible
-
+// All sections auto-refresh: livescore 60s, featured 60s, WC2026 90s
 let _liveInterval = null;
-let _liveCount = 0;
-
 function startHomepageLive() {
   if (_liveInterval) clearInterval(_liveInterval);
   _liveInterval = setInterval(async () => {
-    // Only refresh when homepage is active
     if (!document.getElementById('view-home')?.classList.contains('active')) return;
-    _liveCount++;
-    
-    // Livescore: every 60s
-    if (_liveCount % 1 === 0) {
-      const activeTab = document.querySelector('.ls-tab.active');
-      if (activeTab) {
-        const tab = activeTab.dataset.tab;
-        if (tab) loadLivescore(tab);
-      }
-    }
-    
-    // Featured match: every 30s (every other tick)
-    if (_liveCount % 1 === 0) {
-      try {
-        const f = await fetch('/api/livescore/featured').then(r => r.json()).catch(() => null);
-        if (f && f.home) {
-          const el = document.querySelector('.featured-match');
-          if (el) {
-            const sc = f.status === 'live' ? '' : 'upcoming';
-            const st = f.status === 'live' ? `🔴 ${f.minute || 'LIVE'}` : `⏰ ${f.time}`;
-            el.innerHTML = `<div class="fm-league">${f.league}</div><div class="fm-teams"><div class="fm-team"><img src="${f.home_logo}" onerror="this.style.display='none'"><span>${f.home}</span></div><div class="fm-score">${f.score || 'VS'}</div><div class="fm-team"><img src="${f.away_logo}" onerror="this.style.display='none'"><span>${f.away}</span></div></div><div class="fm-status ${sc}">${st}</div>`;
-          }
+    // Refresh livescore (active tab)
+    const lsTab = document.querySelector('.ls-tab.active');
+    if (lsTab && lsTab.dataset.tab) loadLivescore(lsTab.dataset.tab);
+    // Refresh featured match
+    try {
+      const f = await fetch('/api/livescore/featured').then(r => r.json()).catch(() => null);
+      if (f && f.home) {
+        const el = document.querySelector('.featured-match');
+        if (el) {
+          const sc = f.status === 'live' ? '' : 'upcoming';
+          const st = f.status === 'live' ? `🔴 ${f.minute || 'LIVE'}` : `⏰ ${f.time}`;
+          el.innerHTML = `<div class="fm-league">${f.league}</div><div class="fm-teams"><div class="fm-team"><img src="${f.home_logo}" onerror="this.style.display='none'"><span>${f.home}</span></div><div class="fm-score">${f.score || 'VS'}</div><div class="fm-team"><img src="${f.away_logo}" onerror="this.style.display='none'"><span>${f.away}</span></div></div><div class="fm-status ${sc}">${st}</div>`;
         }
-      } catch(e) {}
-    }
-    
-  }, 60000); // 60 seconds base interval
+      }
+    } catch(e) {}
+  }, 60000);
 }
-
-// Start LIVE mode after page loads
-setTimeout(startHomepageLive, 5000);
+setTimeout(startHomepageLive, 8000);