{/* Top Marquee */}

{bannerText} {bannerText} {bannerText}

{/* Header Structure mimicking MSCHF grid */}

{/* Top bar with logo and info */}

CAMPUS WORLD RECORDS

A database of campus superiority measured in arbitrary units.

{/* Tab Navigation grid */}

{['feed', 'legends'].map(tab => ( ))}

{/* Main Content Area */}

{/* Warning / Share Banner */}

!!! CHALLENGE OTHERS !!!

SHARE LINK ↗

{activeTab === 'feed' ? (

{(records || []).map((record, i) => (

{/* Image / Emoji Area */}

{/* Dark overlay + dot matrix for images */} {record.image &&

} {record.image &&

} {record.isDemo && (

DEMO_DATA

)}

{record.emoji}

{/* Floating value box */}

CURRENT RECORD {record.value} {record.unit}

{/* Data Area */}

{record.name}

HELD BY:

{record.holder}

{(record.history || []).length > 0 && (

BROKEN {(record.history || []).length} TIMES

)}

))}

) : (

LEADERBOARD

MOST_RECORDS_HELD

{(legends || []).map((legend, i) => (

{i + 1}

{legend.name}

{legend.count} CROWNS

))}

)}

{/* Fixed Bottom Bar */}

{/* Modal Overlay */} {(selectedRecord || showAddRecord) && (

{ setSelectedRecord(null); setShowAddRecord(false); setShowResult(null); }}>

e.stopPropagation()}> {/* Modal Header */}

{selectedRecord ? 'NEW_ATTEMPT.EXE' : 'CREATE_RECORD.EXE'}

{selectedRecord ? (

{selectedRecord.emoji}

{selectedRecord.name}

TARGET: {selectedRecord.value} {selectedRecord.unit}

{showResult ? (

{showResult === 'success' ? 'SUCCESS' : 'FAILED'}

{showResult === 'success' ? 'DATA OVERWRITTEN.' : 'INSUFFICIENT SKILL LEVEL.'}

) : ( <>

INPUT_VALUE ({selectedRecord.unit}): setAttemptValue(e.target.value)} style={{ ...s.input, width: '100%', padding: '15px', fontSize: '24px', textAlign: 'center', color: c.navy }} />

)}

) : (

EMOJI_ICON:

{['🏆','👟','💪','🍜','⌨️','🧘','📚','🎮','🍕','🔥','🎯','🏃','🧠','☕','🎤'].map(e => (

setNewRecordEmoji(e)} style={{ fontSize: '24px', padding: '10px', border: newRecordEmoji === e ? `2px solid ${c.navy}` : '1px solid #ccc', background: newRecordEmoji === e ? c.accentYellow : '#f5f5f5', cursor: 'pointer', flexShrink: 0 }}> {e}

))}

RECORD_NAME: setNewRecordName(e.target.value)} style={{ ...s.input, width: '100%', padding: '12px', textTransform: 'uppercase', color: c.navy }} />

INITIAL_VALUE: setNewRecordValue(e.target.value)} style={{ ...s.input, width: '100%', padding: '12px', color: c.navy }} />

UNIT: setNewRecordUnit(e.target.value)} style={{ ...s.input, width: '100%', padding: '12px', textTransform: 'uppercase', color: c.navy }} />

WIN_CONDITION:

)}

)} {/* Global Alert Banner */} {showNewRecordBanner && (

NEW RECORD
ESTABLISHED

DATABASE_UPDATED

)}

); }