); const CardStyle = { background: '#fff', border: '1px solid #ccc', boxShadow: '2px 2px 0px rgba(0,0,0,0.1)', padding: 16, position: 'relative', marginBottom: 20, transform: 'rotate(0.5deg)', }; return (

{showVictory && (

MISSION
ACCOMPLISHED

THE MOVEMENT GROWS

)}

[ CLASSIFIED: CAMPUS AGITPROP ]

THE FRONT

VOL. {(allDares || []).length} {new Date().toLocaleDateString().toUpperCase()}

{['manifesto', 'rebellions', 'roster'].map(tab => ( ))}

{view === 'manifesto' && (

COLLECTIVE PROGRESS

{totalCompleted} REBELLIONS LOGGED

{(allDares || []).map((dare, i) => (

setSelectedDare(dare)} style={{ ...CardStyle, transform: `rotate(${i % 2 === 0 ? 0.8 : -0.8}deg)`, cursor: 'pointer', }} className="grassroots-btn">

{dare.category} LVL {dare.difficulty}

{dare.title}

{dare.desc.substring(0, 60)}...

{ if (dare._user?.handle) { e.stopPropagation(); openProfile(dare._user.handle); } }} style={{ fontFamily: fonts.mono, fontSize: 9, opacity: 0.6, display: 'flex', alignItems: 'center', gap: 4 }} > BY: {(dare._user?.displayName || dare.proposedBy || 'ANON').toUpperCase()}

SEIZE →

))}

)} {view === 'rebellions' && (

{(myRebellions || []).length === 0 ? (

📭

NO ACTIVE ORDERS

Check the manifesto for your next mission.

) : ( (myRebellions || []).map((reb, i) => (

{reb.dareTitle}

{reb.proofUrl &&

} {!reb.completed ? ( ) : (

VERIFIED

)}

)) )}

)} {view === 'roster' && (

SOLIDARITY LIST

{(memberList || []).map((m, i) => { const score = solidarityScores[m.id]?.count || 0; return (

openProfile(m.handle)} style={{ display: 'flex', alignItems: 'center', gap: 12, padding: '8px 0', borderBottom: i === (memberList || []).length - 1 ? 'none' : '1px solid #eee', cursor: 'pointer' }} >

{i + 1}.

{m.displayName.toUpperCase()}

{score} REBELLIONS

{score}

); })}

)}

{selectedDare && (

setSelectedDare(null)}>

e.stopPropagation()}>

MISSION BRIEFING

{selectedDare.title}

{selectedDare.desc}

)} {showPropose && (

setShowPropose(false)}>

e.stopPropagation()}>

PROPOSE NEW ACTION

TITLE setNewDare({...newDare, title: e.target.value})} style={{ width: '100%', padding: 12, border: '2px solid #2b2b2b', fontFamily: fonts.accent, textTransform: 'uppercase' }} />

DESCRIPTION

setNewDare({...newDare, desc: e.target.value})} 
                style={{ width: '100%', padding: 12, border: '2px solid #2b2b2b', fontFamily: fonts.body, minHeight: 100 }}
              />
            </div>
            <button onClick={proposeDare} style={{
              width: '100%',
              padding: 16,
              background: '#2b2b2b',
              color: '#fff',
              border: 'none',
              fontFamily: fonts.accent,
              textTransform: 'uppercase',
              boxShadow: '6px 6px 0 #D32F2F',
              cursor: 'pointer'
            }}>SUBMIT TO COLLECTIVE</button>
          </div>
        </div>
      )}

<div style={{
        position: 'fixed',
        bottom: 0,
        left: '50%',
        transform: 'translateX(-50%)',
        width: '100%',
        maxWidth: 480,
        padding: '12px 20px calc(12px + env(safe-area-inset-bottom, 0px))',
        background: 'rgba(232, 226, 210, 0.9)',
        backdropFilter: 'blur(4px)',
        borderTop: '2px solid #2b2b2b',
        zIndex: 100,
      }}>
        <button onClick={() => setShowPropose(true)} style={{
          width: '100%',
          padding: 14,
          background: '#D32F2F',
          color: '#fff',
          border: '2px solid #000',
          fontFamily: fonts.accent,
          fontSize: 14,
          textTransform: 'uppercase',
          boxShadow: '4px 4px 0 #000',
          cursor: 'pointer',
        }}>+ PROPOSE NEW CAUSE</button>
      </div>
    </div>
  );
}</article></body></html>