Set the Secret Word

Pick something fun! Others will ask yes/no questions to guess it.

setWordInput(e.target.value)} placeholder="Enter secret word..." style={{ width: '100%', height: 56, borderRadius: 16, border: 'none', padding: '0 20px', fontSize: 20, textAlign: 'center', marginBottom: 16, background: '#fff', color: '#333' }} />

)} {/* PLAYING: QUESTIONS LIST */} {gameState.status !== 'SETUP' && (

{(gameState.questions || []).map((q, idx) => (

{idx + 1}. {q.text} {q.answer ? (

{q.answer}

) : ( isSetter ? ( ) : ( ⏳ ) )}

Asked by {q.askedBy}

))} {/* RECENT GUESSES */} {(gameState.guesses || []).map((g) => (

{g.guessedBy} guessed "{g.text}" — ❌ Nope!

))}

)}

{/* FOOTER ACTIONS */} {gameState.status === 'PLAYING' && (

{/* Guess Input */}

setGuessInput(e.target.value)} placeholder="Guess the word!" style={{ flex: 1, height: 44, borderRadius: 22, border: '2px solid rgba(255,255,255,0.2)', background: 'rgba(255,255,255,0.1)', color: '#fff', padding: '0 16px', fontSize: 16 }} />

{/* Ask Input */}

setQuestionInput(e.target.value)} placeholder={questionsLeft > 0 ? "Ask a yes/no question..." : "No questions left!"} disabled={questionsLeft <= 0} style={{ flex: 1, height: 52, borderRadius: 16, border: 'none', background: '#fff', color: '#333', padding: '0 16px', fontSize: 16, boxShadow: '0 4px 12px rgba(0,0,0,0.2)' }} />

)} {/* ANSWER PANEL MODAL (Bottom Sheet) */} {showAnswerPanel && (

setShowAnswerPanel(null)}>

e.stopPropagation()} style={{ background: '#fff', width: '100%', maxWidth: 480, borderTopLeftRadius: 24, borderTopRightRadius: 24, padding: '24px 16px', paddingBottom: 'max(env(safe-area-inset-bottom, 20px), 24px)', animation: 'slideUp 0.3s ease-out' }} >

Answer Question

"{(gameState.questions || []).find(q => q.id === showAnswerPanel)?.text}"

{['YES', 'NO', 'MAYBE'].map(ans => ( ))}

)} {/* GRAND REVEAL / WIN OVERLAY */} {(showReveal || gameState.status === 'WON' || gameState.status === 'LOST') && (

{gameState.status === 'WON' ? '🎉' : '💀'}

{gameState.status === 'WON' ? 'CORRECT!' : 'GAME OVER'}

The secret word was:

{gameState.secretWord.toUpperCase()}

)}

); }