{/* Top Cyber HUD */}

🧠

SEQUENCE MEMORY LVL {level}

{statusBanner}

{/* 3 Metric Pills */}

SCORE

{score}

PROGRESS

{(sequence || []).map((_, idx) => ( ))}

BEST RECORD

{Math.max(score, bestScore)}

{/* Main Interactive Cyber Synth Pad Matrix */}

{Array.from({ length: totalCells }).map((_, idx) => { const isLit = activeCell === idx; const padCol = PAD_COLORS[idx % (PAD_COLORS || []).length]; const isWrong = isLit && cellStatus === 'wrong'; return ( ); })} {/* Game Over Overlay inside Matrix */} {phase === 'GAMEOVER' && (

💥 NEURAL LINK SEVERED

{score} PTS

Reached Level {level} ({(sequence || []).length} Pads)

)}

{/* Thumb-Zone Lifeline Controls */}

{/* Room Neural Rankings Modal */} {showLeaderboard && (

setShowLeaderboard(false)} style={{ position: 'fixed', inset: 0, background: 'rgba(5, 5, 16, 0.8)', zIndex: 100, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '16px' }} >

e.stopPropagation()} style={{ width: '100%', maxWidth: '340px', background: '#0f172a', border: '1.5px solid #00f3ff', borderRadius: '18px', padding: '16px' }} >

🏆 ROOM NEURAL RANKINGS

{(leaderboard || []).length === 0 ? (

Complete Level 1 to log the first neural link!

) : (

{(leaderboard || []).map((entry, idx) => (

#{idx + 1} {entry.name} (L{entry.level || 1}) {entry.score} pts

))}

)}

); }