Design a futuristic, colorful, and highly animated web UI for a real-time multiplayer quiz game app, inspired by Kahoot but with a modern gaming and playful aesthetic.

The app must feel vibrant, engaging, and seamless for both hosts and participants.
Use Tailwind CSS for styling, React components for structure, and Framer Motion for smooth animations.

🌟 Common Design Elements:

• Futuristic playful background with subtle floating animated toys, stars, small characters (use motion effects)
• Colorful and lively theme (purples, blues, yellows, pinks)
• Energetic hover animations on buttons and elements
• Large, vibrant headings and action buttons
• Smooth animated page transitions

🎙 Host Flow (Quiz Creator/Admin):

• Host Dashboard:
  • Sidebar navigation: Create Quiz, Start Quiz, View Leaderboard
• Create Quiz Page:
  • Input: Quiz Title
  • Add multiple questions dynamically
  • Each Question block:
    • Input field for question text
    • 4 option fields
    • Select the correct option
  • "Save Quiz" button (prominent, animated)
• Start Quiz Page:
  • Display unique Game PIN in large, glowing styled badge
  • Lobby View:
    • List all participants with their avatars and names
    • "Start Quiz" button with animation
• Quiz Controller Page:
  • Display live question text
  • Show answer choices (buttons styled with hover glow effects)
  • "Next Question" and "End Quiz" buttons
• Leaderboard Page:
  • Animated results display
  • Highlight Top 3 players with medals and confetti effects
  • Participant Avatars next to their scores

🙋 Participant Flow (Players):

• Landing Page:
  • Enter Game PIN
  • Enter Name
  • Avatar Selection Screen after name entry:
    • Grid of 10 colorful, cartoon-style avatars:
      • Astro Bunny 🚀🐰
      • RoboKid 🤖👦
      • Wizard Cat 🧙‍♂🐱
      • Ninja Fox 🦊🥷
      • Pirate Parrot 🦜🏴‍☠
      • Alien Blob 👽🛸
      • Cyber Panda 🐼💻
      • Gamer Girl 🎮👧
      • Knight Dog 🛡🐶
      • Rockstar Penguin 🎸🐧
    • Each avatar tile:
      • Animated avatar image (hover scale effect)
      • Avatar name below
      • Selected avatar gets a glowing border
    • "Confirm Avatar" button at the bottom
• Quiz Participation Page:
  • Show current question and animated 4 answer buttons
  • Fun animations when selecting an answer (bounce, glow)
  • Feedback after answering (correct = green glow, incorrect = red glow)
• End of Quiz Page:
  • Display final score with participant's avatar
  • Show rank/position
  • Leaderboard view
  • Option to play again or exit

⚡ Bonus UI Enhancements:

• Loading states with spinning toys/characters ("Waiting for host...", "Loading next question...")
• Error states with playful illustrations (e.g., "Oops! Wrong PIN.")
• Confetti explosion animation when the quiz ends
• Soft background music option (optional toggle)
• Background should be dynamic, lively but not distracting.

Focus on creating a *gaming arcade feel, **simple navigation, and *seamless playful experience better than Kahoot.