The Salon awaits...

Spin to reveal your fate.

) : ( <>

{currentCard?.arena} {currentCard?.mode}

The Mission

{currentCard?.text}

STAKE: {currentCard?.stake}

)} {/* Live Voting Overlay */} {view === 'voting' && (

WIN ({votes.w})LOSS ({votes.l})

The Salon is judging... 🦢

)}

{/* Result Overlay */} {view === 'result' && (

{appData.badges[(appData.badges || []).length-1].icon}

New Sigil Unlocked

{appData.badges[(appData.badges || []).length-1].name}

)}

{/* Controls */}

{view === 'home' || view === 'result' ? ( ) : ( view === 'active' && (

) )}

{/* Sigil Collection Preview (Mini) */}

{(appData.badges || []).slice().reverse().map((b, i) => (

{b.icon}

))}

); } const pillStyle = { background: '#FFF0F5', padding: '4px 12px', borderRadius: 12, fontSize: 12, fontWeight: 'bold', color: '#DB7093', border: '1px solid #FFB7C5' }; const mainBtnStyle = { width: '100%', padding: 20, borderRadius: 50, border: 'none', background: 'linear-gradient(135deg, #FF9A9E 0%, #FECFEF 100%)', color: '#FFF', fontSize: 18, fontWeight: 'bold', letterSpacing: 1, boxShadow: '0 4px 15px rgba(255, 105, 180, 0.4)', transition: 'transform 0.1s active', cursor: 'pointer' }; const actionBtnStyle = { width: '100%', padding: 16, borderRadius: 16, border: 'none', fontSize: 16, fontWeight: '600', color: '#5D4037', cursor: 'pointer', transition: 'transform 0.1s' };