ATLAS

ROUNDS & REASON

{/* SHELL COUNTER */}

🐚 {getShellCount(user.id)}

{/* 🧬 MODE SELECTOR */}

{(MODES || []).map(mode => ( ))}

{/* 🎯 MAIN STAGE - ACTIVE ROUND */}

{/* HOLOGRAPHIC CARD */}

{/* IRIDESCENT SHIMMER OVERLAY */}

{/* QUESTION TYPE BADGE */}

m.id === activeMode)?.color}22`, border: `1px solid ${MODES.find(m => m.id === activeMode)?.color}44`, color: (MODES || []).find(m => m.id === activeMode)?.color, fontSize: 10, fontWeight: 700, textTransform: 'uppercase', marginBottom: 16, letterSpacing: '1px' }}> {activeMode} // {currentRound.type}

{/* QUESTION TEXT */}

{currentRound.q}

{/* OPTIONS */}

{(currentRound.opts || []).map((opt, idx) => { const isSelected = myVote === idx; const showResult = hasVoted; const isCorrect = opt.correct; // Dynamic styles based on state let bg = 'rgba(255,255,255,0.05)'; let border = 'rgba(255,255,255,0.1)'; let color = '#fff'; if (showResult) { if (isCorrect) { border = '#00FF88'; bg = 'rgba(0, 255, 136, 0.1)'; } else if (isSelected && !isCorrect) { border = '#FF0055'; bg = 'rgba(255, 0, 85, 0.1)'; } } else if (isSelected) { border = THEME.primary; } return ( ); })}

{/* 🤖 AI FEEDBACK OVERLAY */} {feedback && (

AI ANALYSIS // {feedback.amount > 0 ? '+' : ''}{feedback.amount} SHELLS

"{feedback.msg}"

{!isMultiplayer &&

Loading next round...

}

)}

{/* 👥 MULTIPLAYER / SOCIAL FOOTER */}

ACTIVE MINDS ({(activeMembers || []).length})

{(activeMembers || []).map(member => (

openProfile(member.handle)} style={{ flexShrink: 0, textAlign: 'center', opacity: userVotes[member.id] !== undefined ? 1 : 0.5, transition: 'opacity 0.3s' }} >

{ e.currentTarget.style.display = 'none'; }} /> {/* Status Indicator */} {userVotes[member.id] !== undefined && (

)}

{member.displayName.split(' ')[0]}

))} {/* SHARE BUTTON */}

{/* Next Round Trigger (Manual override for impatient users) */} {hasVoted && isMultiplayer && ( )}

{/* 🔮 ANIMATION STYLES */}

); }