Pulse & Chaos

🎀 {(memberList || []).length} {(memberList || []).length === 1 ? 'dreamer' : 'dreamers'} playing · {completedTotal} dares completed 💫

{/* === ZONE 1: CHAOS WHEEL === */}

{/* Wheel */}

{/* Lace border */}

{/* Wheel segments */}

{/* Inner emojis */} {(dares || []).slice(0, 8).map((d, i) => (

{d.emoji}

))} {/* Center */}

{state.spinning ? '💫' : '🎀'}

{/* Pointer */}

▼

{/* Spin button */}

{/* === ZONE 2: DARE RIBBON / MIRROR === */}

{/* Dare Ribbon */} {state.selectedDare && !state.mirrorActive && (

{state.selectedDare.emoji}

🎀 ribbon-spun dare 🎀

{state.selectedDare.text}

)} {/* Mirror Reaction */} {state.mirrorActive && state.mirrorReaction && (

{/* Mirror ornaments */}

👑

🎀

🪞

the coquette mirror says

"{state.mirrorReaction.text}"

tap to dismiss 💋

)} {/* Idle state prompt */} {!state.selectedDare && !state.mirrorActive && (

🎀

Spin the wheel, darling...
let chaos decide your fate ✨

)}

{/* === ZONE 3: CHARM COLLECTION === */}

{state.showCollection && (

{(allCharms || []).length === 0 && (

Complete dares to collect charms! 🎀

)} {(allCharms || []).map((charm, i) => (

e.currentTarget.style.transform = 'scale(0.85) rotate(-5deg)'} onPointerUp={e => e.currentTarget.style.transform = 'scale(1) rotate(0deg)'} onPointerLeave={e => e.currentTarget.style.transform = 'scale(1) rotate(0deg)'} >{charm?.emoji ?? '🎀'}

))}

)} {/* Players ribbon (multiplayer) */} {(memberList || []).length > 1 && (

{(memberList || []).map((m, i) => (

{m?.avatarUrl ? (

) : ( 🎀 )} {m?.displayName ?? 'Dreamer'}

))}

)} {appData?.lastPlayer && (

Last dare by {appData.lastPlayer} 💋

)}

{/* Bottom lace decoration */}

· · 🎀 · · 🫧 · · 🎀 · ·

); }