Mobile · Exit confirm modal
Don't lose what you've built
Appears when a user taps the × during active trivia or predictor gameplay. Blurs/dims the round behind so they remember what they're about to walk away from. Shows the exact IQ at stake (not a generic warning). Primary action is to stay; destructive (leave) is secondary.
Design Mechanics · Exit Confirm Modal
Dimmed + blurred backdrop — the active round dims and blurs behind the modal. User sees exactly what they're about to abandon — partial progress visible as a ghost.
Red warning icon — ⚠️ in a red-tinted circle with glow. Unambiguous signal that something's at risk.
Headline asks, doesn't declare — "Leave the round?" (question, not statement). Invites them to reconsider rather than accusing.
Specific stakes, not generic — "You'll lose your +200 IQ progress and break your 4-day streak". The real numbers beat any abstract warning. Loss aversion.
Primary action = stay — "Keep Playing" gets the brand-gradient treatment (visually the "yes" button). The leave option is the secondary destructive-red button. Default bias keeps them in.
Buttons stack vertically — not side-by-side. Reinforces that they're different weight actions. Side-by-side can cause thumb-accidents where Leave and Keep feel equivalent.
Tap outside modal cancels — equivalent to "Keep Playing". Reinforces the safe-default.
No modal when picks are already locked — if user has finished the round (post-reveal) the × just closes cleanly, no warning needed.
Variant for predictor — "Leave this pick? You've already locked YES at 2×. Your pick stays active — you just won't see the reveal live." Makes clear that leaving predictor is lighter-weight than leaving trivia mid-round.