document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : ''; } function updateMobileMenu(user) { const mobileUserInfo = document.getElementById('mobile-user-info'); const mobileLoginBtn = document.getElementById('mobile-login-btn'); const mobileLogoutBtn = document.getElementById('mobile-logout-btn'); if (user) { mobileUserInfo.style.display = 'flex'; mobileLoginBtn.style.display = 'none'; mobileLogoutBtn.style.display = 'flex'; document.getElementById('mobile-user-avatar').src = user.profile_picture || user.avatar || 'image/default-avatar.png'; document.getElementById('mobile-user-name').textContent = user.kick_username || 'User'; document.getElementById('mobile-user-points').textContent = (user.points_balance || 0).toLocaleString(); } else { mobileUserInfo.style.display = 'none'; mobileLoginBtn.style.display = 'flex'; mobileLogoutBtn.style.display = 'none'; } } document.addEventListener('click', (e) => { if (!e.target.closest('.profile-dropdown')) { document.getElementById('profile-menu').classList.remove('open'); } }); async function loadBalance() { try { const token = getAuthToken(); const headers = token ? { 'Authorization': `Bearer ${token}` } : {}; const response = await fetch(`${API_URL}/points/balance`, { headers: headers }); const data = await response.json(); if (data.success) { const formattedBalance = data.balance.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2}); document.getElementById('header-points-value').textContent = formattedBalance; document.getElementById('menu-points-value').textContent = data.balance.toLocaleString(); } } catch (e) {} } checkAuth();