CODE RED!

ABORT MISSION! 🏃‍♀️💨

)} {/* HEADER */}

Red Flags

{isMultiplayer ? '👯‍♀️ Council in session' : '💅 Your drama log'}

{/* MAIN LIST */}

{(sagas || []).map(saga => (

{/* Accent bar based on danger level */}

3 ? '#ff0000' : (saga.count || 0) > 1 ? neonYellow : neonCyan }} />

{saga.emoji}

{saga.title}

{/* Reactions Display */} {(saga.reactions || []).map((r, i) => ( {r.emoji} ))}

{/* Quick Reactions Bar */}

{['👀', '💀', '💅', '🔥', '🤮'].map(emoji => ( ))}

))}

{/* FLOATING ACTION BUTTON */}

{/* NEW SAGA MODAL */} {isAdding && (

New Plot Twist

setNewSagaTitle(e.target.value)} placeholder="What did they do this time?" autoFocus style={{ width: '100%', background: 'rgba(255,255,255,0.1)', border: 'none', borderRadius: 12, padding: 16, color: '#fff', fontSize: 18, marginBottom: 16, outline: 'none' }} />

{['🚩', '🚨', '🗑️', '🤡', '👻'].map(emoji => ( ))}

)} {/* DOSSIER MODAL */} {isDossierOpen && (

The Dossier 📁

Current Status

10 ? '#ff0000' : neonCyan, textShadow: '0 0 20px rgba(0,0,0,0.5)' }}>{dangerLevel}

10 ? '#ff0000' : neonCyan, height: '100%', transition: 'width 1s cubic-bezier(0.4, 0, 0.2, 1)' }} />

{totalFlags} total red flags logged

🏆

Biggest Offender

{topRedFlag?.title || 'None yet'}

👯‍♀️

Council Members

{(memberList || []).length} Besties

{totalFlags < 5 ? "You're doing okay, sweetie." : totalFlags < 15 ? "Keep your eyes open and your running shoes ready." : "BESTIE. HE IS NOT THE ONE. RUN."}

)}

); }