{/* Top VIP Casino Bar */}

♠ ROYALE 21 FELT

💰 Bankroll: ${bankroll} • Bet: ${bet}

{streak > 0 && ( 🔥 {streak}W )}

{/* Dealer Zone */}

DEALER HAND {dealerScore}

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

{!card.hidden ? ( <>

{card.label}

{card.suit}

{card.label}

) : (

♛

)}

))}

{/* Table Felt Center Ribbon */}

{message}

BLACKJACK PAYS 3 TO 2 • DEALER STANDS ON ALL 17s

{/* Player Hand Zone */}

{(playerHand || []).map((card, idx) => (

{card.label}

{card.suit}

{card.label}

))}

YOUR TOTAL 21 ? '#f87171' : playerScore === 21 ? '#4ade80' : '#fde047' }}> {playerScore}

{/* Bottom Controls & Chip Selector */}

{/* Chip Selector Strip */}

WAGER: {(CHIP_OPTIONS || []).map((chip) => { const active = bet === chip; return ( ); })} {bankroll === 0 && ( )}

{/* Action Buttons */} {gameState === 'playing' ? (

) : (

)}

{/* High Rollers Modal */} {showHighRollers && (

setShowHighRollers(false)} style={{ position: 'fixed', inset: 0, background: 'rgba(2, 44, 34, 0.8)', zIndex: 200, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '16px' }} >

e.stopPropagation()} style={{ width: '100%', maxWidth: '360px', background: '#064e3b', borderRadius: '22px', padding: '18px', border: '2px solid #fbbf24', boxShadow: '0 20px 40px rgba(0,0,0,0.6)' }} >

🏆 VIP Table Standings

{(tableSeats || []).slice(0, 6).map((s, idx) => (

#{idx + 1} {s.name} {s.id === userId ? '(You)' : ''}

${s.bankroll}

))}

)}

); }