{/* Clean Top Header */}

🕵️

LIE REVEAL{' '} 2 Truths 1 Lie

Tap the 1 statement you think is a LIE

{/* HERO CASE DOSSIER CARD */}

{/* Case Header */}

{currentCase.avatar || '🕵️'}

CASE #{(caseIdx % (allCases || []).length) + 1}/{(allCases || []).length} • {currentCase.topic}

{currentCase.author}

{/* 3 Big Tappable Statement Cards */}

{(currentCase.statements || []).map((stmt, idx) => { const isLie = idx === currentCase.lieIndex; const isPicked = pickedIdx === idx; let border = '1px solid rgba(148, 163, 184, 0.25)'; let bg = 'rgba(30, 41, 59, 0.72)'; let badgeText = `#${idx + 1}`; let badgeBg = 'rgba(255,255,255,0.1)'; if (pickedIdx !== null) { if (isLie) { border = '2px solid #10B981'; bg = 'rgba(16, 185, 129, 0.18)'; badgeText = '🤥 LIE'; badgeBg = '#10B981'; } else if (isPicked) { border = '2px solid #F43F5E'; bg = 'rgba(244, 63, 94, 0.18)'; badgeText = '✓ TRUTH'; badgeBg = '#F43F5E'; } } return ( ); })}

{/* Reveal Banner or Prompt */} {pickedIdx !== null ? (

{pickedIdx === currentCase.lieIndex ? '🎯 BUSTED THE LIE! ' : '😅 FOOLED! '} {currentCase.reveal}

) : null}

{/* Bottom Action Bar — Safely above the 112px feed overlay! */} {/* Add Bluff Modal */} {showCreateModal && (

setShowCreateModal(false)} style={{ position: 'fixed', inset: 0, background: 'rgba(3, 7, 18, 0.85)', zIndex: 70, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '18px', }} >

e.stopPropagation()} style={{ width: '100%', maxWidth: '350px', background: '#1E293B', borderRadius: '20px', padding: '16px', display: 'flex', flexDirection: 'column', gap: '10px', }} >

🎭 Drop Your Bluff Card

setTruth1(e.target.value)} placeholder="✓ Truth #1..." style={{ padding: '10px', borderRadius: '10px', border: '1px solid #475569', background: '#0F172A', color: '#FFF', fontSize: '13px', }} /> setTruth2(e.target.value)} placeholder="✓ Truth #2..." style={{ padding: '10px', borderRadius: '10px', border: '1px solid #475569', background: '#0F172A', color: '#FFF', fontSize: '13px', }} /> setLieInput(e.target.value)} placeholder="🤥 Your Convincing Lie..." style={{ padding: '10px', borderRadius: '10px', border: '1px solid #F43F5E', background: '#0F172A', color: '#FFF', fontSize: '13px', }} />

)} {/* Ranks Modal */} {showRanksModal && (

setShowRanksModal(false)} style={{ position: 'fixed', inset: 0, background: 'rgba(3, 7, 18, 0.85)', zIndex: 70, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '18px', }} >

e.stopPropagation()} style={{ width: '100%', maxWidth: '340px', background: '#1E293B', borderRadius: '20px', padding: '16px', display: 'flex', flexDirection: 'column', gap: '10px', }} >

🏆 Top Lie Detectors

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

Spot a lie to claim #1 on the detective board!

) : ( (leaderboard || []).map((entry, idx) => (

#{idx + 1} {entry.name} {entry.score} pts

)) )}

)}

); }