{/* Top Header */}

📣

HUDDLEUP

1-Tap Sports Hot-Take Arena • {myTotalVotes} Judged

{/* Sport Switcher Pills */}

{[ { id: 'all', label: '🔥 All' }, { id: 'soccer', label: '⚽ Footy' }, { id: 'nba', label: '🏀 Hoops' }, { id: 'other', label: '🏎️ More' }, ].map((sp) => { const active = sportFilter === sp.id; return ( ); })}

{/* HERO HOT-TAKE ARENA CARD */}

{currentTake.badge}

{/* Big Bold Quote */}

“{currentTake.take}”

🎙️ Dropped by {currentTake.author}

{/* Live Crowd Meter */}

🔥 {firePct}% COOKING ({cardVotes.fire}) 🧊 {100 - firePct}% CAP ({cardVotes.ice})

{/* 2 Big 1-Tap Verdict Buttons */}

{/* Drop Take Button — Safely above 112px bottom overlay! */} {/* Drop Modal */} {showDropModal && (

setShowDropModal(false)} style={{ position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.8)', 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', }} >

🎙️ Drop a Sports Hot Take

{[ { id: 'soccer', label: '⚽ Footy' }, { id: 'nba', label: '🏀 Hoops' }, { id: 'other', label: '🏆 Other' }, ].map((s) => ( ))}

setNewTakeText(e.target.value)} placeholder="Write your boldest sports take..." style={{ padding: '10px', borderRadius: '12px', border: '1px solid #475569', background: '#0F172A', color: '#FFF', fontSize: '14px', }} />

)}

); }