🚨 UTS IMPOSTER 🚨

The ultimate test of campus knowledge!

STATUS: {isMultiplayer ? `Ready to connect with ${memberList.length} surfers.` : 'Offline mode active. Bots standing by.'}

{/* Member list / social surface */}

👥 CONNECTED SURFERS ({(memberList || []).length})

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

m.handle && openProfile && openProfile(m.handle)} style={{ display: 'flex', alignItems: 'center', gap: '8px', cursor: m.handle ? 'pointer' : 'default', padding: '4px 6px', background: m.id === user?.id ? '#E0E0FF' : 'transparent', border: '1px solid #C0C0C0' }} > {m.avatarUrl ? (

) : (

{(m.displayName || m.name || '?')[0]}

)} {m.displayName || m.name || 'Anonymous'}{m.id === user?.id ? ' (You)' : ''} {m.handle && profile}

))}

You are visitor number:

{visitorCount}

)} {gameState === 'playing' && (

Connection Established...

TOP SECRET

YOUR TOPIC IS:

{myTopic}

({amIImposter ? "You are the Imposter! Blend in!" : "Find the imposter who doesn't know this!"})

Chat Log:

{(hints || []).length === 0 ? ( Waiting for messages... ) : ( (hints || []).map((hint, i) => (

{hint._user?.profileImageUrl ? (

) : (

{(hint._user?.displayName || '?')[0]}

)}

hint._user?.handle && openProfile && openProfile(hint._user.handle)} > <{hint._user?.displayName || 'Unknown'}> {hint.text}

)) )}

{!hasSubmittedHint ? (

setHintInput(e.target.value)} placeholder="Type your hint here..." />

) : (

✓ Hint sent! Waiting for others...

)} {allHintsSubmitted && isHost && ( )}

)} {gameState === 'voting' && (

Emergency Meeting!

WHO IS THE IMPOSTER?

Click a name below to cast your vote:

{(activePlayers || []).map(p => { const isMe = p.id === user?.id; const isSelected = votes[user?.id] === p.id; return (

{p.handle && !p.isBot && ( openProfile && openProfile(p.handle)} style={{ fontSize: '12px', color: '#0000FF', textDecoration: 'underline', cursor: 'pointer', fontFamily: '"Courier New", Courier, monospace', whiteSpace: 'nowrap' }} >profile )}

); })}

{hasVoted && (

Vote registered! Waiting for results...

)} {allVotesSubmitted && isHost && ( )}

)} {gameState === 'reveal' && (

RESULTS

The Imposter was...

{(activePlayers || []).find(p => p.id === imposterId)?.displayName || 'Unknown'}

Their topic was: {imposterTopic}

Votes Cast:

{Object.entries(votes || {}).map(([voterId, targetId]) => { const voterPlayer = (activePlayers || []).find(p => p.id === voterId); const voter = voterPlayer?.displayName || voterPlayer?.name || 'Unknown'; const voterHandle = voterPlayer?.handle; const target = (activePlayers || []).find(p => p.id === targetId)?.displayName || 'Unknown'; const isCorrect = targetId === imposterId; return (

voterHandle && !voterPlayer?.isBot && openProfile && openProfile(voterHandle)} >{voter} voted for {target} {isCorrect ? [CORRECT!] : [WRONG]}

); })}

{isHost && ( )}

)}

); }