Add Sound Effects Toggle to All Games

[TechGuyTest]

Summary

Add a global sound toggle button to all games so children/parents can mute/unmute sound effects.

Tasks

• Add mute/unmute button to each game's header
• Store mute preference in localStorage (persists across games)
• Button shows current state (🔊/🔇)
• Respects prefers-reduced-motion for users who prefer less audio
• Default: unmuted (sound on)

Implementation Details

• Create shared sound toggle component
• Add to js/highscore.js or create new js/sound-toggle.js
• Each game's playSound() function checks mute state
• Button visible in all 10 games + landing page

Acceptance Criteria

• Sound toggle works in all 10 games
• Mute preference persists across page reloads
• Mute preference persists when switching between games
• Button clearly shows muted/unmuted state
• No console errors
• Works on mobile and desktop

[TechGuyTest]

Implementation Complete ✅

What Was Done

Added a global sound toggle system to all 10 games:

New Files:

• js/sound-toggle.js - Global sound toggle system
  • Persists mute preference in localStorage
  • Respects prefers-reduced-motion
  • Custom event dispatch for games
  • Toggle button with 🔊/🔇 icons

CSS:

• Added sound toggle styles to css/shared.css
  • Matches help button styling
  • Muted state with red accent
  • Hover and focus states

All 10 Games Updated:

1. 🎨 Color Match
2. 🧩 Animal Puzzle
3. 🫧 Bubble Pop
4. 🔷 Shape Builder
5. 🌸 Counting Garden
6. 🔤 Letter Explorer
7. 🎵 Music Maker
8. 🗺️ Maze Runner
9. ⭐ Star Catcher
10. 👗 Dress Up

Features:

• ✅ Sound toggle button in each game's header
• ✅ Mute preference persists across page reloads
• ✅ Mute preference persists when switching between games
• ✅ Button clearly shows muted (🔇) / unmuted (🔊) state
• ✅ Respects prefers-reduced-motion preference
• ✅ Default: unmuted (sound on)
• ✅ No console errors

Commit: d829acb

All 52 smoke tests pass! ✅

Ready for review! 🎉