feature: emoji sets

templates/room.html

···
             </ul>
         </div>
     </div>
+
+    <details>
+        <summary>Confetti Style</summary>
+        <fieldset>
+            <label>
+                <input type="radio" name="confetti-style" value="classic" checked>
+                Classic (Raised Hands + Tada)
+            </label>
+            <label>
+                <input type="radio" name="confetti-style" value="fabulous">
+                Fabulous (Rainbow Hearts)
+            </label>
+            <label>
+                <input type="radio" name="confetti-style" value="honk">
+                Honk (Goose)
+            </label>
+        </fieldset>
+    </details>
 </article>
 
 <style>
···
     ws.send(JSON.stringify({type: 'high_five', payload: {subject: subjectDID}}));
 }
 
-// Fire confetti with raising hands and tada emoji when a high-five occurs
+// Confetti style configurations
+const confettiStyles = {
+    classic: {
+        emojis: ['\u{1F64C}', '\u{1F389}'],  // Raising hands and tada
+        colors: ['#ff6b6b', '#feca57', '#48dbfb', '#ff9ff3', '#54a0ff']
+    },
+    fabulous: {
+        emojis: ['\u{1F9E1}', '\u{1F49B}', '\u{1F49A}', '\u{1F499}', '\u{1F49C}'],  // Rainbow hearts: orange, yellow, green, blue, purple
+        colors: ['#E40303', '#FF8C00', '#FFED00', '#008026', '#24408E', '#732982']  // Rainbow pride colors
+    },
+    honk: {
+        emojis: ['\u{1FABF}'],  // Goose
+        colors: ['#FF6600', '#FFAA00', '#FFFFFF', '#888888', '#000000']  // Orange, white, gray, black (goose colors)
+    }
+};
+
+function getConfettiStyle() {
+    const selected = document.querySelector('input[name="confetti-style"]:checked');
+    return selected ? selected.value : 'classic';
+}
+
+function initConfettiStyleSelector() {
+    // Load saved preference
+    const saved = localStorage.getItem('confettiStyle') || 'classic';
+    const radio = document.querySelector('input[name="confetti-style"][value="' + saved + '"]');
+    if (radio) radio.checked = true;
+
+    // Save on change
+    document.querySelectorAll('input[name="confetti-style"]').forEach(radio => {
+        radio.addEventListener('change', function() {
+            localStorage.setItem('confettiStyle', this.value);
+        });
+    });
+}
+
+// Fire confetti when a high-five occurs
 function fireHighFiveConfetti() {
-    const emojis = ['\u{1F64C}', '\u{1F389}'];  // Raising hands and tada
+    const style = confettiStyles[getConfettiStyle()];
     const defaults = {
         spread: 360,
         ticks: 100,
         gravity: 0.5,
         decay: 0.94,
         startVelocity: 30,
-        colors: ['#ff6b6b', '#feca57', '#48dbfb', '#ff9ff3', '#54a0ff']
+        colors: style.colors
     };
 
     // Fire emoji confetti from multiple positions
···
             shapes: ['emoji'],
             shapeOptions: {
                 emoji: {
-                    value: emojis
+                    value: style.emojis
                 }
             },
             origin: { x: Math.random(), y: Math.random() - 0.2 }
···
     return div.innerHTML;
 }
 
-// Start connection when page loads
+// Initialize on page load
+initConfettiStyleSelector();
 connect();
 </script>
 {{end}}