{/* Ambient particles */} {[...Array(6)].map((_, i) => (

))} {/* Event Overlay */} {showEvent && (

{eventContent.emoji}

{eventContent.title}

{(eventContent?.lines ?? []).map((line, i) => (

{line}

))}

)} {/* Intervention popup */} {(local?.showIntervention) && (

🤖 {local?.interventionMsg ?? ''}

)} {/* Header */}

side quests 🌙

{coopCount > 1 ? `${coopCount} co-op players` : 'solo mode'} · {getMoodLabel(localMood)}

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

0 ? -8 : 0, zIndex: 4 - i, overflow: 'hidden', }}> {m?.avatarUrl ? (

) : ( (m?.displayName ?? '?')[0] )}

))}

{/* ZONE 1: MOOD DIAL (Hero) */}

mood dial 85) ? 'drop-shadow(0 0 8px ' + moodColor + ')' : 'none', }}> {localMood < 15 ? '🌀' : localMood < 30 ? '🌊' : localMood < 45 ? '🌧️' : localMood < 55 ? '☁️' : localMood < 70 ? '🌤️' : localMood < 85 ? '✨' : '🔥'}

🌀 unhinged {localMood} transcendent 🔥

{(localMood < 15 || localMood > 85) && (

⚡ extreme mood detected · event unlocked

)}

{/* ZONE 2: DAILY QUEST */}

{currentQuest?.type ?? 'quest'} · #{(qi ?? 0) + 1}

{currentQuest?.q ?? ''}

— {currentQuest?.voice ?? ''}

{(answers || []).map((ans, i) => { const isSelected = selectedAns === i || currentStoredAnswer?.text === ans; return ( ); })}

{/* Fork your own answer */}

setLocal(p => ({ ...p, forkText: e?.target?.value ?? '' }))} placeholder="fork your own answer..." style={{ width: '100%', padding: '12px 14px', background: 'transparent', border: 'none', outline: 'none', color: '#d0d0e0', fontSize: 14, boxSizing: 'border-box', }} />

{/* Mini threads */} {(threads || []).length > 0 && (

forked threads

{(threads || []).slice(-3).map((t, i) => (

{t?.by ?? 'anon'} · {t?.text ?? ''}

))}

)}

{/* ZONE 3: Bottom vibes bar */}

{[ { emoji: '🌙', label: 'vibes', value: getMoodLabel(localMood).split(' ')[1] }, { emoji: '📝', label: 'quests', value: `${Object.keys(storedAnswers).length}/${quests.length}` }, { emoji: '🔀', label: 'forks', value: `${threads.length}` }, ].map((stat, i) => (

{stat.emoji}

{stat.value}

{stat.label}

))}

); }