{/* Body */}

{/* Face */}

{isDead ? 'X_X' : config.face}

{/* Hat */}

{config.hat}

{/* Hands (Cute little nubs) */}

{/* Shadow */}

); // ═══════════════════════════════════════════════════════════════ // 📱 RENDER // ═══════════════════════════════════════════════════════════════ return (

{/* VIEW: MAIN ARENA */} {view === 'ARENA' && (

{/* Header */}

PUFF BRAWL

Tap fighter to customize

{/* Main Stage */}

{/* My Fighter */}

setView('CUSTOMIZE')} style={{ cursor: 'pointer', textAlign: 'center' }}>

YOU (Wins: {myFighter.wins || 0})

{/* VS Badge */}

{/* Opponent Preview (AI or Friend) */}

CHALLENGER

{/* Actions */}

{isMultiplayer && ( )}

{/* Multiplayer Lobby / Friends Strip */} {(memberList || []).length > 1 && (

{(memberList || []).filter(m => m.id !== user.id).map(m => (

startBattle({ name: m.displayName, color: COLORS[Math.floor(Math.random()*(COLORS || []).length)], face: 'ಠ_ಠ', hat: '👑' })} style={{ minWidth: 70, display: 'flex', flexDirection: 'column', alignItems: 'center', cursor: 'pointer' }} >

{m.avatarUrl ?

: 👤}

{m.displayName}

))}

)}

)} {/* VIEW: CUSTOMIZE */} {view === 'CUSTOMIZE' && (

Color

{(COLORS || []).map(c => (

saveFighter({ color: c })} style={{ width: 44, height: 44, borderRadius: '50%', backgroundColor: c, border: myFighter.color === c ? '4px solid #333' : '2px solid transparent', flexShrink: 0 }} /> ))}

Face

{(FACES || []).map(f => ( ))}

Hat

{(HATS || []).map(h => ( ))}

)} {/* VIEW: BATTLE */} {view === 'BATTLE' && (

{/* Battle Header */}

YOU

{myPower}

{battleState === 'COUNTDOWN' ? countdown : battleState === 'CHARGING' ? chargeTime.toFixed(1) : battleState === 'RESOLUTION' ? '!!!' : '0.0'}

THEM

{battleState === 'RESOLUTION' ? opponentPower : '?'}

{/* Fighters Arena */}

{/* ME */}

{/* OPPONENT */}

{/* VS Burst effect */} {battleState === 'COUNTDOWN' && (

{countdown}

)}

{/* Interaction Area */}

{battleState === 'COUNTDOWN' && (

Ready...

)} {battleState === 'CHARGING' && ( )} {battleState === 'RESOLUTION' && (

{winner === 'ME' ? 'VICTORY! 🏆' : 'K.O.! 😵'}

{winner === 'ME' ? 'You smashed them!' : 'Better luck next time!'}

)}

); }