Revamp Enchanted Bunny themes and butterfly wave gameplay

[Copilot]

The Enchanted Bunny app needed a more complete visual reskin system and a deeper butterfly loop. This change removes the Bunny-specific Home button, makes each theme alter scene silhouettes instead of only recoloring, and turns butterfly clearing into a wave mechanic that respawns the swarm with one extra butterfly and a new beam palette.

• Theme revamp

  • Reworked the Bunny skins so each one changes geometry across the scene, not just palette tokens.
  • Added shape variants for:
    • bunny body, head, ears, tail
    • tree canopies/trunks
    • butterfly wings
    • bushes / foreground greenery

• Butterfly wave gameplay

  • Added a lightweight challenge HUD with:
    • current wave
    • butterflies remaining
    • active beam color
  • Changed butterfly clears from per-butterfly respawn to wave-based progression:
    • clear all butterflies
    • respawn the full swarm
    • add one new butterfly
    • rotate beam colors for the next wave
  • New butterflies are created dynamically and integrated into the existing motion/targeting system.

• Navigation + UI updates

  • Removed the Bunny app’s in-page Home/back button.
  • Replaced that space with challenge status UI to support the new loop.

• Focused regression coverage

  • Updated Bunny-specific Playwright coverage to assert:
    • no Bunny Home button
    • skins change rendered shapes, not just labels/colors
    • full butterfly clears advance the wave, increase swarm size, and change beam palette
  • Removed Bunny from the shared Home-button regression list.

<section class="status-panel" aria-label="Butterfly challenge status">
  <div class="status-grid">
    <div class="status-metric">
      <span class="status-label">Wave</span>
      <span class="status-value" id="butterfly-wave-value">1</span>
    </div>
    <div class="status-metric">
      <span class="status-label">Left</span>
      <span class="status-value" id="butterfly-count-value">4</span>
    </div>
    <div class="status-metric">
      <span class="status-label">Beam</span>
      <span class="status-value" id="beam-color-value">Verdant</span>
    </div>
  </div>
</section>

• Screenshots
  • https://github.com/user-attachments/assets/227e7681-f988-4294-8f39-845f312e3f6d
  • https://github.com/user-attachments/assets/1993467b-d72b-4975-9840-6dfb07592ed8
  • https://github.com/user-attachments/assets/e7719533-c139-4d16-962b-bd1e439cf58d

Original prompt

Bunny: remove back home button; for each theme that we implemented we need to change the shapes as well, not just the color of things but things themselves; feel free to revamp the bunny completely, the trees and the butterflies, the bushes;

Also allow to kill all butterflies; once killed spawn them back plus one. Killing all butterflies changes the color of the laser beams. Feel free to add pertinent features yourself, you own this product! Don't just exit early, pour your soul into it, it's your baby and im not around.

---

⌨️ Start Copilot coding agent tasks without leaving your editor — available in VS Code, Visual Studio, JetBrains IDEs and Eclipse.