Live reactions — floating emoji reactions from viewers

[Empreiteiro]

Description

Allow viewers watching a battle to send floating emoji reactions (similar to Twitch/YouTube Live) that appear on screen for all viewers in real-time.

Details

• Reaction bar below the territory grid with 6-8 preset emoji buttons (e.g., 🔥 ⚡ 💀 🎉 👀 💪 🏆 😱)
• Floating animation: When clicked, the emoji floats upward across the territory grid with a fade-out animation, visible to all current viewers
• Rate limiting: Max 1 reaction per second per viewer (client-side throttle)
• Persistence: Reactions are ephemeral — not stored permanently, only broadcast to current viewers
• Implementation options:
  • Simple (polling): Store recent reactions (last 10s) in Netlify Blobs, viewers poll every 2-3 seconds
  • Advanced (SSE/WebSocket): Real-time push via Server-Sent Events from a Netlify Function
• Reaction counter: Small counter next to each emoji showing how many times it was sent in the last minute

Acceptance Criteria

• Reaction bar with emoji buttons visible to all viewers
• Clicking an emoji shows a floating animation on the grid
• Reactions visible to other viewers watching the same battle
• Client-side rate limiting prevents spam
• Animations are smooth and don't block interaction
• Works on mobile (tap) and desktop (click)