🐚 {shellBalance.toLocaleString()}

); const SentinelMessage = ({ message }) => (

👁️

SENTINEL_AI {message}

); // 📱 MAIN RENDER return (

{/* 🌌 BACKGROUND EFFECTS */}

{/* 🛸 HEADER */}

ATLAS.SYS

{renderShells()}

{/* 🧭 NAVIGATION TABS */} {activeTab !== 'hub' && (

{Object.values(rounds || {}).map(round => ( ))}

)} {/* 💠 MAIN CONTENT AREA */}

{/* === HUB VIEW === */} {activeTab === 'hub' && (

🧠

WELCOME, OPERATIVE

The network is active. {(memberList || []).length} mind{(memberList || []).length !== 1 ? 's' : ''} connected. Sharpen your reasoning. Earn shells. Do not be boring.

ACTIVE PROTOCOLS

{Object.values(rounds || {}).map(round => (

setActiveTab(round.id)} style={{ padding: 16, borderRadius: 12, border: `1px solid ${THEME.border}`, background: THEME.glass.background, backdropFilter: THEME.glass.backdropFilter, cursor: 'pointer', transition: 'transform 0.2s', display: 'flex', alignItems: 'center', gap: 16, position: 'relative', overflow: 'hidden' }}>

{round.icon}

{round.title}

{round.desc}

→

{/* Holographic shine effect */}

))}

TOP OPERATIVES

{[...memberList].sort((a,b) => (b.shells || 0) - (a.shells || 0)).slice(0, 3).map((m, i) => (

{!m.avatarUrl && (i === 0 ? '👑' : '👤')}

{m.displayName}

))}

)} {/* === ROUND VIEWS (CLINIC, FIGHT, LAB) === */} {activeTab !== 'hub' && (() => { const round = rounds[activeTab]; const challenge = round.activeChallenge; const totalVotes = (challenge.options || []).reduce((sum, opt) => sum + opt.votes, 0); return (

{/* Challenge Card */}

ID: {challenge.id.toUpperCase()} LIVE

{challenge.text}

{(challenge.options || []).map(opt => { const percent = totalVotes > 0 ? (opt.votes / totalVotes) * 100 : 0; return ( ); })}

{/* Sentinel Commentary */} {showSentinel && ( )} {/* Community Feed */}

// FEED STREAM {(challenge.comments || []).length} ENTRIES

{(challenge.comments || []).slice().reverse().map((msg, i) => (

{msg.user} +{msg.shells} 🐚

{msg.text}

))}

); })()}

{/* ⌨️ INPUT AREA (Bottom Fixed) */} {activeTab !== 'hub' && (

setLocalInput(e.target.value)} placeholder={activeTab === 'lab' ? 'Enter logic correction...' : 'Submit your reasoning...'} style={{ flex: 1, background: 'rgba(255,255,255,0.05)', border: 'none', borderRadius: 8, padding: '0 16px', color: 'white', fontSize: 16, height: 48, fontFamily: THEME.fontMono }} />

)} {/* ✨ SHELL RAIN ANIMATION OVERLAY */} {shellAnimation && (

🐚

+{shellAnimation.amount}

{shellAnimation.reason.toUpperCase()}

)} {/* 🎭 CSS ANIMATIONS */}

); }