Add mystery TV music and screen effects to trivia game

[Copilot]

Adds game show atmosphere to the trivia game with procedural music and visual effects during user input wait states.

Implementation

Mystery Music

• Web Audio API generates 5-note melodic pattern (C5→B4→A4→B4→C5)
• Loops continuously with smooth attack/decay envelopes
• No external files or network dependencies

Visual Effects

• Pulsing radial gradient spotlight on background
• Glowing box-shadow animation on container
• Scale/shadow pulse on interactive buttons and choices

State Management

• Auto-enables on welcome screen and question display
• Auto-disables on user selection (start game, answer selection)
• Cleanup in disableMysteryMode() stops audio intervals and removes CSS classes

function enableMysteryMode() {
  document.body.classList.add('mystery-active');
  document.getElementById('container').classList.add('mystery-glow');
  playMysteryMusic();  // Starts Web Audio API note sequence
}

function displayQuestion() {
  // ... question setup ...
  enableMysteryMode();  // Effects active while waiting
  
  setTimeout(() => {
    addMysteryAnimation('.choice');  // Pulse animations on choices
  }, 100);
}

function selectAnswer(button, correctAnswer) {
  disableMysteryMode();  // Effects stop on selection
  // ... answer processing ...
}

Screenshots

Welcome Screen - Mystery effects active while waiting for input:

Question Screen - All effects active (spotlight, glow, pulsing choices):

Original prompt

Modify the trivia game, to play some mystery tv music and some relevant screen effects when waiting for user inputs/selections.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[Copilot]

Copilot wasn't able to review any files in this pull request.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[yumyumtum]

Ship it!