{label} {(val ?? '').toString().padStart(3, '0')}

80 ? C.pink : C.black, transition: 'width 0.3s cubic-bezier(0.2, 0, 0, 1)' }} />

); // --- RENDERERS --- const renderHub = () => { const currentMember = memberList?.[0]; const displayName = currentMember?.displayName ?? 'GEREMY'; return (

{/* Header */}

SHUTTLE
.EXE

{s?.torqueMode ? '⚡' : '🏸'}

Status: {s?.torqueMode ? 'UNHINGED' : 'OPERATIONAL'} /// User: {displayName}

{/* Stats Grid */}

{skillRow('Agility [AGL]', skills?.agility ?? 42)} {skillRow('Logic [LOG]', skills?.logic ?? 67)} {skillRow('Chaos [ENT]', skills?.chaos ?? 88)}

{/* Actions */}

{/* Multiplayer Footer */} {isMultiplayer && (memberList || []).length > 1 && (

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

{(m.displayName || '?')[0]}

))}

{(memberList || []).length} CONNECTED

)}

); }; const renderFootwork = () => { const currentDir = s?.footworkDir ?? 0; const active = s?.footworkActive ?? false; const msg = s?.footworkMsg ?? ''; const score = s?.footworkScore ?? 0; const combo = s?.comboStreak ?? 0; return (

FRENZY

{(score ?? '').toString().padStart(4, '0')}

{/* Main Display */}

{active ? dirEmojis[currentDir] : (msg ? ((msg || []).includes('COMBO') || (msg || []).includes('NICE') ? '😎' : '💀') : '🏸')} {/* Combo Badge */} {combo > 1 && (

x{combo}

)}

{/* Instructions / Feedback */}

{active ? (

TAP {directions[currentDir].split(' ')[1]}!

) : (

{msg || 'READY?'}

)}

{/* Controls */}

{(directions || []).map((d, i) => ( ))}

{!active && ( )}

); }; const renderEngineer = () => { const qIdx = s?.engineerQ ?? 0; const currentQ = engineerQuestions?.[qIdx] ?? engineerQuestions[0]; const answers = currentQ?.a ?? []; const msg = s?.engineerMsg ?? ''; const moodle = s?.moodleError ?? false; return (

ENGINEER

{qIdx + 1}/{(engineerQuestions || []).length}

{moodle ? (

💀

FATAL ERROR

MOODLE_CRASH_DUMP_0x004

REBOOTING...

) : (

{currentQ.q}

{(answers || []).map((ans, i) => ( ))}

{msg}

)}

); }; const renderChronicle = () => { const idx = s?.chronicleIdx ?? 0; const entry = chronicles?.[idx] ?? chronicles[0]; const show = s?.showRating ?? false; const next = () => setS(prev => ({ ...prev, chronicleIdx: Math.min((chronicles || []).length - 1, idx + 1), showRating: false })); const prev = () => setS(prev => ({ ...prev, chronicleIdx: Math.max(0, idx - 1), showRating: false })); return (

CHRONICLE

{idx + 1}/{(chronicles || []).length}

{entry.title}

{entry.body}

{!show ? ( ) : (

{skillRow('Creativity', entry.creativity)} {skillRow('Logic', entry.logic)} {skillRow('Unhinged', entry.unhinged)}

>> ALGORITHM_RESULT: "{entry.unhinged > 80 ? 'CRITICALLY UNSTABLE' : 'WITHIN TOLERANCE'}"

)}

); }; if (mode === 'footwork') return renderFootwork(); if (mode === 'engineer') return renderEngineer(); if (mode === 'chronicle') return renderChronicle(); return renderHub(); }