{% load static %}
{% if music_track %}
<script>
document.addEventListener('DOMContentLoaded', function () {
  const topDoc = window.top.document;
  let audio = topDoc.getElementById('bg-music');
  if (!audio) {
    audio = topDoc.createElement('audio');
    audio.id = 'bg-music';
    audio.autoplay = true;
    audio.loop = true;
    audio.src = "{% static music_track %}";
    topDoc.body.appendChild(audio);

    // --- CONTINUITY: restore playback position ---
    const savedTime = localStorage.getItem('bg_music_time');
    if (savedTime) {
      audio.currentTime = parseFloat(savedTime) || 0;
    }

    audio.play().catch(err => console.log("Autoplay blocked:", err));

    // --- CONTINUITY: save playback position ---
    audio.addEventListener('timeupdate', function () {
      localStorage.setItem('bg_music_time', audio.currentTime);
    });
  }
});
</script>
{% endif %}