{/* HEADER / SPHERE */}

IDENTITY LABYRINTH

setTouchStart(e.touches[0].clientX)} onTouchEnd={handleSwipe} onClick={() => setAppData({ ...appData, personaIndex: (appData.personaIndex + 1) % (archetypes || []).length })} style={{ ...neu(false), width: 140, height: 140, borderRadius: '50%', margin: '0 auto', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)', cursor: 'pointer', position: 'relative', overflow: 'hidden' }}>

{['🧩', '🧭', '🔮', '🔭'][appData.personaIndex % 4]} {currentType.name}

Swipe sphere to shift persona

{/* SNAKE / PATH */}

{(appData.nodes || []).map((node, i) => (

{/* CONNECTOR */}

{/* NODE CARD */}

setActiveId(activeId === node.id ? null : node.id)} style={{ ...neu(activeId === node.id, activeId === node.id), padding: 20, transform: activeId === node.id ? 'scale(1.02)' : 'scale(1)', transition: 'all 0.3s ease', cursor: 'pointer' }}>

{node.icon} {node.title}

{activeId === node.id && (

{node.detail}

{['🔥','✨','👏'].map(emoji => ( { e.stopPropagation(); toggleLike(node.id, e); }} style={{ fontSize: 20, padding: 10, ...neu(false), borderRadius: '50%' }}>{emoji} ))}

)}

))}

); }