{/* ⚡ AMBIENT BACKGROUND EFFECTS */}

{/* ⚡ HEADER */}

NEVER HAVE I EVER

{isMultiplayer && ( )}

🍹 {currentState.scores[user.id] || 0}

{/* ⚡ MAIN GAME AREA */}

{/* ⚡ HOLOGRAPHIC STATEMENT */}

// STATEMENT_ID_{(currentState.currentCardIndex ?? '').toString().padStart(3, '0')}

{currentQuestion}

{/* ⚡ CONFESSION CIRCLE / AVATARS */}

{/* Group Labels when people have voted */} {(haveCount > 0 || haventCount > 0) && ( <>

SAFE ({haventCount})

DRINK ({haveCount})

)} {(memberList || []).map((member, i) => { const pos = getMemberPosition(member.id); const isMe = member.id === user.id; // Calculate visuals based on position let transform = 'translate(-50%, -50%)'; let left = '50%'; let borderColor = 'rgba(255,255,255,0.2)'; let glow = 'none'; if (pos === 'left') { // Haven't - Stacked Left left = `${10 + (i % 3) * 5}%`; borderColor = THEME.cyan; glow = `0 0 15px ${THEME.cyan}`; } else if (pos === 'right') { // Have - Stacked Right left = `${90 - (i % 3) * 5}%`; borderColor = THEME.pink; glow = `0 0 15px ${THEME.pink}`; } else { // Center - Floating left = `${50 + (i - (memberList.length-1)/2) * 10}%`; } return (

openProfile(member.handle)} style={{ position: 'absolute', left, top: '50%', transform, transition: 'all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)', zIndex: isMe ? 20 : 10, cursor: 'pointer' }} >

{!member.avatarUrl && 👤}

{/* Name Tag */}

{member.displayName}

{/* Status Indicator bubble */} {pos !== 'center' && (

{pos === 'right' ? '🍷' : '😇'}

)}

); })}

{/* ⚡ CONTROLS & INPUTS */}

{/* REACTION BUTTONS */}

{/* NEXT BUTTON (Shows when user has voted) */}

{currentState.responses[user.id] ? ( ) : (

MAKE YOUR CHOICE TO PROCEED

)}

{/* SUBMIT FORM */}

setNewQuestionInput(e.target.value)} placeholder="Add UMich 'Never Have I Ever'..." style={{ flex: 1, background: 'transparent', border: 'none', color: 'white', fontSize: 14, outline: 'none', fontFamily: THEME.font }} />

{/* ⚡ PARTICLE EFFECTS LAYER */} {showConfetti && (

{(particles || []).map((p) => (

))}

)}

); }