{/* HEADER */}

BLOCK
ORBIT

💎 {points}

openProfile(user.handle)} style={{ width: 48, height: 48, borderRadius: '50%', border: '3px solid ' + c, overflow: 'hidden', background: '#ddd' }}> {user.avatarUrl &&

}

{/* MAP */}

{[1, 2, 3].map(i => (

))}

{mode === 'help' && (quests || []).map(q => (

setSelected(q)} style={{ position: 'absolute', left: q.x + '%', top: q.y + '%', transform: 'translate(-50%, -50%)', cursor: 'pointer' }}>

{q.type === 'quest' ? '🆘' : '🎁'}

))} {mode === 'knowledge' && (know || []).map(k => (

setSelected({...k, type: 'knowledge'})} style={{ position: 'absolute', left: k.x + '%', top: k.y + '%', transform: 'translate(-50%, -50%)', background: 'white', padding: 8, border: '2px solid ' + colors.knowledge, borderRadius: '10px 10px 10px 0', fontSize: 12, fontWeight: 'bold' }}> 🧠 {k.text}

))} {mode === 'mischief' && nudge && (

🏀

PICKUP GAME

)}

{/* NAV */}

{['help', 'knowledge', 'mischief'].map(m => ( ))}

{/* FAB */} {mode === 'help' && ( )} {/* MODALS */} {selected && (

setSelected(null)} style={{ flex: 1, background: 'rgba(0,0,0,0.5)' }} />

{selected.title || selected.text}

Posted by {selected.user || 'Neighbor'}

{selected.type !== 'knowledge' && ( )}

)} {posting && (

BLOCKORBIT

PICKUP GAME

{selected.title || selected.text}

BLOCK
ORBIT