🎲 BLACK JACK YAY...

); } const myPlayer = appData.players[myId] || { chips: 0, bet: 0, hand: [] }; const isMyTurn = appData.phase === 'playing' && myPlayer.status === 'playing'; return (

{/* 🎩 DEALER AREA */}

{/* App Title */}

BLACK JACK YAY

DEALER STANDS ON 17

🤵

{(appData.dealerHand || []).map((card, i) => (

{(appData.dealerHand || []).length > 0 && (

{(appData.phase === 'betting' || appData.phase === 'playing') && (appData.dealerHand || []).length > 1 ? getCardValue(appData.dealerHand[0]) : getHandScore(appData.dealerHand)}

)}

{/* 📜 OPPONENTS */}

{Object.values(appData.players || {}) .filter(p => p.id !== myId) .map(p => (

p.handle && openProfile(p.handle)} style={{ width: 32, height: 32, borderRadius: '50%', background: '#ddd', overflow: 'hidden', cursor: p.handle ? 'pointer' : 'default' }} > {p.avatar ?

: 👤}

{p.name}

Chips: {p.chips}

{(p.hand || []).map((c, i) => )}

))}

{/* 👤 PLAYER AREA */}

CHIPS

🟡 {myPlayer.chips}

{appData.roundResult?.[myId] && (

{appData.roundResult[myId].toUpperCase()}!

)}

{myPlayer.hand?.length > 0 ? ( (myPlayer.hand || []).map((card, i) => ) ) : (

✋

)}

{myPlayer.hand?.length > 0 && (

{getHandScore(myPlayer.hand)}

)}

BET

💰 {myPlayer.bet}

{appData.phase === 'betting' && ( <> )} {appData.phase === 'playing' && ( <> {isMyTurn ? ( <> ) : (

{myPlayer.status === 'blackjack' ? '✨ BLACKJACK!' : myPlayer.status === 'busted' ? '💥 BUSTED!' : myPlayer.status === 'stand' ? '✅ STAND' : 'Waiting...'}

)} )} {(appData.phase === 'dealer' || appData.phase === 'payout') && ( )}

); }