{isMultiplayer ? 'Movie Night Feast' : 'Prosperity Picker'}

{/* 🎡 WHEEL CONTAINER */}

{/* POINTER (Top Center) */}

🔻

{/* THE WHEEL */}

{/* CENTER KNOB */}

🧧

{/* SPIN BUTTON */}

{/* 📜 MOVIE LIST (Bottom Sheet) */}

📜 The Scroll of Titles ({(movies || []).length})

{(movies || []).map(m => (

{m.title}

))} {(movies || []).length === 0 &&

Add some movies to spin!

}

{/* 🏆 WINNER MODAL */} {showWinnerModal && lastWinner && (

setShowWinnerModal(false)}>

e.stopPropagation()} style={{ background: `linear-gradient(135deg, ${THEME.red}, ${THEME.burgundy})`, padding: 32, borderRadius: 32, border: `4px solid ${THEME.gold}`, textAlign: 'center', boxShadow: `0 0 50px ${THEME.gold}80`, animation: 'popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)', maxWidth: 320, width: '100%' }} >

🎉

The Fates Have Spoken

{lastWinner.title}

Suggested by {lastWinner.addedByName || 'a wise friend'}

)} {/* ➕ ADD MODAL */} {showAddModal && (

setShowAddModal(false)}>

e.stopPropagation()} style={{ background: '#fff', width: '100%', maxWidth: 480, borderTopLeftRadius: 24, borderTopRightRadius: 24, padding: 24, paddingBottom: 'calc(env(safe-area-inset-bottom, 20px) + 24px)', animation: 'slideUp 0.3s ease-out' }} >

🧧 Add to the Wheel

setNewMovieTitle(e.target.value)} placeholder="Movie Title..." onKeyDown={e => e.key === 'Enter' && addMovie()} style={{ flex: 1, height: 48, borderRadius: 12, border: '1px solid #ddd', padding: '0 16px', fontSize: 16 }} />

)} {/* Global Styles for Animations */}

); }