Mobile · Answer reveal · v2
The 3-second reveal moment
Shows right after the user taps their answer. Correct-answer state rendered (user got it right at 2× multiplier). Other answers dim, the correct one lights up green, IQ earned displays, fun fact teaches, auto-advance to next question in 2 seconds.
8:06 🔋 87%
+200 this round
Correct!
+100 IQ 50 base × 2×
🏀 NBA
Which player holds the record for most NBA Finals MVP awards?
A
Michael Jordan
Your pick ✓
43%
B
LeBron James
28%
C
Kareem Abdul-Jabbar
19%
D
Bill Russell
10%
💡
Did you know
MJ won 6 Finals MVPs — and each came in a championship season. He's the only player to win Finals MVP in every Finals appearance.
Next question in 0:02
Design Mechanics
Ambient glow — green radial gradient top fills the frame on correct; shifts to red-tinted on wrong. Signals outcome before words.
Progress dot just-filled — pops in with a scale bounce so user feels the advance.
Celebration bar replaces the countdown timer. Left: "Correct!" with ✓ icon. Right: +100 IQ (big) + math caption "50 base × 2×" — makes the multiplier effect explicit.
Answer reveal — all 5 data pieces per row — (1) points/multiplier math in celebration bar, (2) multiplier also shown there, (3) user's pick tagged with purple/green "Your pick ✓" badge, (4) correct answer lights green with filled green progress bar along the bottom edge, (5) public % on every answer (right-aligned tabular figure) plus thin filled bar showing relative pick distribution.
Fun fact panel — purple-tinted, lightbulb icon, "DID YOU KNOW" eyebrow. Teaches something memorable. 2-3 sentences. This is the retention mechanic (edutainment) and makes wrong-answers less punitive.
Auto-advance — 2-second countdown with 3 animated dots. User never has to tap; trivia flows forward.
Wrong-answer variant — red glow, celebration bar becomes "Not this time · −50 IQ · 2×", fun fact still teaches but with "The answer was..." framing. No shame, just the fact.