{/* Ambient floating orbs */} {[0,1,2,3,4].map(i => (

))} {/* Header */}

⚡ Dub Nation

FAN LVL {fanLevel}

{/* UNSW Badge */}

@UNSW Warriors Collective

{/* HERO: Trophy Zone */}

{/* Particle burst */} {(particles || []).map(i => { const angle = (i / 12) * Math.PI * 2; const dist = 80 + Math.random() * 60; return (

); })} {/* Trophy container */}

{/* Holo ring */}

🏆

Tap to reveal

{trophyTaps} taps

{/* Revealed shard stat */} {local.activeShard !== null && (() => { const stat = fanStats?.[local.activeShard] ?? null; if (!stat) return null; return (

{stat?.emoji ?? '⭐'}

{stat?.label ?? ''}

{stat?.value ?? ''}

); })()}

{/* Zone 2: Dynasty Portal */}

{/* Holo top border */}

{/* Portal header */}

Dynasty Portal

← Swipe to explore →

{currentHighlight?.year ?? ''}

{/* Highlight card */}

{/* Big background emoji */}

🏀

🌟

{currentHighlight?.title ?? ''}

{currentHighlight?.desc ?? ''}

{/* Dot indicators */}

{(highlights || []).map((_, i) => (

setLocal(p => ({ ...p, portalIndex: i }))} style={{ width: i === portalIndex ? 24 : 8, height: 8, borderRadius: 4, background: i === portalIndex ? (currentHighlight?.color ?? '#FFD700') : 'rgba(255,255,255,0.2)', transition: 'all 0.3s ease', cursor: 'pointer' }} /> ))}

{/* Reaction bar */}

{['🔥','💛','💙','🐐','💍'].map(emoji => { const key = `${portalIndex}_${emoji}`; const count = reactions?.[key] ?? 0; return (

handleReaction(emoji)} style={{ display: 'flex', alignItems: 'center', gap: 4, background: count > 0 ? 'rgba(255,199,44,0.15)' : 'rgba(255,255,255,0.06)', borderRadius: 20, padding: '6px 12px', cursor: 'pointer', border: count > 0 ? '1px solid rgba(255,199,44,0.3)' : '1px solid rgba(255,255,255,0.08)', transition: 'all 0.2s ease', WebkitTapHighlightColor: 'transparent' }} > {emoji} {count > 0 && {count}}

); })}

{/* Zone 3: Members strip */}

{(memberList || []).slice(0, 5).map((m, i) => (

0 ? -8 : 0, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 14, fontWeight: 700, color: '#fff' }}> {!m?.avatarUrl && (m?.displayName?.[0] ?? '?')}

))}

{(memberList || []).length === 1 ? 'Solo Shrine Mode ✨' : `${memberList.length} fans vibing`}

{/* Bottom brand */}

GOLDEN STATE FOREVER 💛💙

); }