{/* Ink bloom overlay */} {ink && (

)} {/* Header */}

✦ MMXXV ✦

The Split

{/* Progress dots */}

{(dilemmas || []).map((d, i) => { const a = answers?.[d.id]; return (

{/* Brass Scale */}

✦

{/* Roman numeral */}

DILEMMA · {['I','II','III','IV','V','VI','VII','VIII','IX','X'][idx]}

{/* Question card */}

❦

“{current.q}”

{/* Consensus reveal */} {currentAnswer && (

ARCHIVAL CONSENSUS

{current.consensus}% · {current.a} {current.b} · {100 - current.consensus}%

)} {/* Choices */}

{[{ k: 'a', text: current.a, phil: current.aPhil, col: burgundy }, { k: 'b', text: current.b, phil: current.bPhil, col: '#1C2541' }].map(opt => { const chosen = currentAnswer === opt.k; const notChosen = currentAnswer && !chosen; return ( ); })}

{/* Nav */}

{answerCount} of {(dilemmas || []).length} answered

{/* Crew panel */} {showCrew && (

✦ THE ASSEMBLY ✦

{(memberList || []).map((m, i) => { const mId = m?.id ?? m?.userId ?? `m${i}`; const mHandle = m?.handle ?? null; const mName = m?.displayName || m?.name || 'Anonymous'; const mAvatar = m?.avatarUrl || m?.profileImageUrl || null; const mVotes = isMultiplayer ? Object.keys(appData?.[`votes_${mId}`]?.answers ?? {}).length : (mId === user?.id ? answerCount : 0); const mSig = (() => { const mAnswers = isMultiplayer ? (appData?.[`votes_${mId}`]?.answers ?? {}) : (mId === user?.id ? answers : {}); let alignScore = 0; let count = 0; (dilemmas || []).forEach(d => { const ans = mAnswers?.[d.id]; if (!ans) return; count++; if ((d.consensus < 50) === (ans === 'a')) alignScore++; }); const alignment = count > 0 ? Math.round((alignScore / count) * 100) : null; if (alignment === null) return null; if (alignment >= 75) return 'Chorus Keeper'; if (alignment >= 55) return 'Quiet Consensus'; if (alignment >= 40) return 'Split Mind'; if (alignment >= 20) return 'Whispered Heretic'; return 'Beautiful Contrarian'; })(); return (

mHandle && openProfile(mHandle)} style={{ width: 40, height: 40, borderRadius: '50%', border: `1.5px solid ${gold}66`, background: mAvatar ? `url(${mAvatar}) center/cover` : '#1a1612', flexShrink: 0, cursor: mHandle ? 'pointer' : 'default', display: 'flex', alignItems: 'center', justifyContent: 'center', color: gold, fontSize: 16, }} > {!mAvatar && '✦'}

mHandle && openProfile(mHandle)} style={{ fontFamily: "'Playfair Display', serif", fontSize: 14, color: cream, fontWeight: 700, cursor: mHandle ? 'pointer' : 'default', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', }} >{mName}

{mSig && (

{mSig}

)}

{mVotes}

ANSWERED

); })}

)} {/* Seal / Signature modal */} {showSeal && (

{/* Constellation */}

{(dilemmas || []).map((d, i) => { const a = answers?.[d.id]; if (!a) return null; const angle = (i / (dilemmas || []).length) * Math.PI * 2; const r = 70 + (a === 'a' ? 15 : -10); const x = 50 + (Math.cos(angle) * r) / 2.2; const y = 50 + (Math.sin(angle) * r) / 2.2; return (

); })}

✦ YOUR CONSTELLATION ✦

DOCTRINE

{sig.doctrine}

{/* Spectrum */}

CONSENSUSCONTRARIAN

✦

{sig.alignment}% aligned · {100 - sig.alignment}% heretic

{/* Traits */} {(sig.traits || []).length > 0 && (

✦ ANSWER PATTERN ✦

{(sig.traits || []).map((t, i) => ( {t} ))}

)} {/* Share */}

)}

); }