PENNIE PRESS

ROUND {activeRoundNo + 1}

IMPRESS PENNIE.

Chain it. Press it. Climb.

:{String(remaining).padStart(2, '0')}

{score.toLocaleString()} PTS

0 ? 'wobble 280ms ease both' : isCurrentValid ? 'voltage 800ms ease' : 'none', overflow: 'hidden' }} >

9 ? 22 : 29, lineHeight: 1, letterSpacing: '.08em', whiteSpace: 'nowrap', animation: currentWord ? 'ribbonRace 190ms ease both' : 'none' }}> {currentWord || 'TAP A LETTER'}

{currentWord ? isCurrentValid ? 'VOLTAGE ✓' : `${currentWord.length} TILES` : map?.copy ?? 'BUILD FAST'}

{ setIsDragging(false); event.currentTarget?.releasePointerCapture?.(event.pointerId); }} onPointerCancel={() => setIsDragging(false)} onPointerLeave={() => setIsDragging(false)} style={{ position: 'relative', width: '100%', aspectRatio: '1 / 1', marginTop: 6, background: '#151712', border: '4px solid #151712', boxShadow: '0 12px 0 #9F927A, 0 22px 38px rgba(21,23,18,.28)', touchAction: 'none', userSelect: 'none', overflow: 'hidden' }} >

{(board ?? []).map((letter, index) => { const disabled = disabledSet.has(index); const selectedPosition = (selected || []).indexOf(index); const chosen = selectedPosition >= 0; return ( ); })}

{successBurst > 0 && phase === 'playing' && (

{Array.from({ length: 10 }).map((_, index) => ( ))} {Array.from({ length: 12 }).map((_, index) => ( ))}

APPROVED

{stampedWord || 'WORD'}

{feedback.replace('APPROVED ', '') || '+0'}

)} {phase === 'finished' && (

{resultStage === 'burst' ? ( <>

FINAL PRESS

{displayScore.toLocaleString()}

PENNIE IS REVIEWING THE DECK...

) : (

ROUND RESULT {map?.name ?? 'MAP'}

{longestWord || 'NO DEAL'}

{longestWord ? 'LONGEST WORD TROPHY' : 'RUN IT BACK. FASTER.'}

{score.toLocaleString()}

POINTS

{(acceptedWords || []).length}

WORDS

)}

APPROVAL TICKER

{(acceptedWords || []).length} CLOSED

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

Your first approved word lands here. Build a chain, then hit PRESS.

) : (

{[...acceptedWords].slice(-3).reverse().map((entry, index) => (

{entry?.word ?? 'WORD'} +{entry?.points ?? 0}

))}

)} {stampedWord && feedback.startsWith('APPROVED') && (

{stampedWord}

)}

PRESSURE PODIUM

{map?.name ?? 'PRESET MAP'} SCORES

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

No score has survived {map?.name ?? 'this map'} yet. Finish the round to claim its first spot.

) : (

{(leaderboard ?? []).map((entry, index) => { const handle = entry?._user?.handle ?? ''; const name = entry?._user?.displayName ?? 'Player'; return ( ); })}

)}

PRESSURE PODIUM

{map?.name ?? 'PRESET MAP'} only. Every row is a real completed run on this exact fracture.

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

Finish the first run and own the board.

) : (

{(leaderboard ?? []).map((entry, index) => { const handle = entry?._user?.handle ?? ''; return ( ); })}

)}

IN THE ARENA

{(memberList ?? []).slice(0, 6).map((member, index) => (

{member?.displayName ?? 'You'}

{memberActivity?.[member?.id]?.lastActiveAt ? 'ACTIVE IN ARENA' : member?.role ?? 'player'}

))}

{feedback && phase === 'playing' && (

{feedback}

)}

); }