SportsIQ — Phase 4

Implement the 3-screen mobile architecture. The app has 3 screens navigated by horizontal swipe: Play ← → Result ← → Leaderboard. No bottom tab bar. Trivia is always running as the default — users always have something to play.

📄 Full spec doc (Google Docs)
Navigation Structure
Replace the 4-tab navigator with a 3-page horizontal swipe layout. The persistent header sits above all 3 pages.
File to change: app/(app)/(tabs)/_layout.tsx
Replace Tabs navigator with a PagerView or horizontal ScrollView with 3 pages. Remove tabBarStyle entirely.
Persistent header with the SportsIQ logo (left) and IQ chip (right) sits above all 3 pages. The IQ chip tap opens the Settings modal. This header is always visible on all screens.

Swipe indicator: 3 dots at the bottom showing which screen is active (like stories pagination).
Navigation Shell
9:41●●●
2,450 IQ
Swipe pages
SCREEN 1
PLAY
index.tsx
SCREEN 2
RESULT
ResultScreen.tsx
SCREEN 3
LEADERS
Leaderboard.tsx
Tap IQ chip → Settings modal
SettingsModal.tsx
Screen 1 — Play
app/(app)/(tabs)/index.tsx Review AI changes

The Play screen has two states. Trivia is always running — games every 30 seconds — so users always have something when they open the app. When a live sports game is available, a pick card appears above the trivia game.
Default state (most of the time): No live sports game. Show the TriviaGame component immediately.
Trivia auto-cycles every 30 seconds. Import components/TriviaGame.tsx — it's already fully wired to the socket.
When a live game is available: Show a pick card at the top, trivia below.
Pick card taps open app/(app)/pick-card.tsx (full-screen modal or push route).
State A — Trivia Lobby (default)
9:41●●●
2,450 IQ
Sports Trivia
New game starting in...
24
JM
SK
RT
+9
12 players waiting
10 questions · 15 seconds each
Sports, Pop Culture, Music
Ready — Game starts in 24s
State B — Trivia In Progress
9:41●●●
2,450 IQ
Question 4 of 109s left
⚡ 900 IQ ↓ ticking
Which NFL team has the most Super Bowl wins of all time?
New England Patriots 18%
✓ Pittsburgh Steelers 41%
San Francisco 49ers 29%
Dallas Cowboys 12%
State D — Multiplier Pick
9:41●●●
2,450 IQ
Question 4 of 106s left
⚡ 600 IQ ↓ ticking
Which NFL team has the most Super Bowl wins of all time?
New England Patriots 18%
✓ Pittsburgh Steelers 41%
San Francisco 49ers 29%
Dallas Cowboys 12%
Risk multiplier?
1.5×
300 IQ
2×
600 IQ
3×
1,200 IQ
State C — Live Game Available
9:41●●●
2,450 IQ
🏈 Live Game — Make Your Pick
Chiefs vs Raiders
Will the Chiefs win tonight's game?
YES — Chiefs win
NO — Raiders win
SportsIQ Signal:
62% YES
Sports Trivia
Next game in 18s · 8 players waiting
Play →
Screen 2 — Result
app/(app)/pick-result.tsx AI-written — review before using

Shows the status of the user's current pick. If no pick is active, shows today's trivia score and recent results. This screen needs to become swipe page 2 (currently it's a push route).
State A — Pending (game not started)
9:41●●●
2,450 IQ
🔒
Pick Locked
Chiefs to win · 2× multiplier
Game starts in 4h 22m
If you win:
+100 IQ
If you lose: −50 IQ
🌎 Currently ranked #847 globally
Swipe left to see the leaderboard
State B — Win
9:41●●●
2,550 IQ
🏆
You called it!
+100 IQ
Chiefs won · 2× multiplier · 62% also picked YES
2,550
Total IQ
🔥 8
Win streak
#782
Global rank
📤 Share this win
Make another pick →
State C — Loss
9:41●●●
2,400 IQ
😬
Tough one
−25 IQ
Raiders pulled it off
57% of players also got this wrong
Your IQ never fully disappears
Losses reduce weekly IQ only.
Lifetime IQ always goes up with wins.
Play trivia to earn IQ back →
Screen 3 — Leaderboard
app/(app)/(tabs)/leaderboard.tsx Mostly wired

The leaderboard already has Friends / My Bar / Global tabs with real API calls. Review the endpoints it calls and wire them up. Friends tab can use mock data for Phase 4.
Friends Tab (show picks right away)
9:41●●●
2,450 IQ
👥 Friends
🍺 My Bar
🌎 Global
1
Me
You 🔥8
Chiefs WIN · 2× · just now
2,450
2
JM
Jake M.
Chiefs WIN · 1× · 2m ago
2,380
3
SK
Sarah K.
Raiders WIN · 1× · 5m ago
2,210
4
RT
Ryan T.
Playing trivia · 4m ago
1,950
Global Tab
9:41●●●
2,450 IQ
👥 Friends
🍺 My Bar
🌎 Global
KD
🥉 3rd
Kevin D.
14,200
MJ
🥇 1st
Mike J.
18,850
AL
🥈 2nd
Amy L.
16,400
#847
You
You
Top 8% this week
2,450
Settings Modal
components/SettingsModal.tsx AI-written — review before using

Slides up from the bottom when user taps the IQ chip in the persistent header. Available on all 3 screens.
Settings Sheet
9:41●●●
2,450 IQ ▲
Your Stats
158-89
Record
64%
Win Rate
🔥23
Streak
#847
Rank
Notifications
Game Day alerts
Social (friends' picks)
Streak reminder (6pm)
Account & Privacy →
Sign out
File Map
Quick reference for what to touch and what to leave alone.
🔧 Modify these

app/(app)/(tabs)/_layout.tsx — swap tabs for swipe nav

app/(app)/(tabs)/index.tsx — Play screen (trivia default + picks when live). Heavy AI additions — Isaac's call whether to keep or rewrite.

app/(app)/pick-result.tsx — make this swipe page 2 instead of a push route

app/(app)/(tabs)/leaderboard.tsx — already mostly wired, wire backend endpoints
✅ Already built — review & use

components/TriviaGame.tsx — DO NOT MODIFY. Import and render on Play screen.

components/SettingsModal.tsx — AI-written, review before using. Trigger from IQ chip tap.

app/(app)/pick-card.tsx — AI-written Pick Card UI. Review and wire to backend.

app/(app)/(tabs)/user.tsx — may no longer need its own tab if Settings is a modal
IQ Scoring (for backend):
Win 1× = +50 IQ  |  Loss 1× = −25 IQ
Win 2× = +100 IQ  |  Loss 2× = −50 IQ
Win 5× = +250 IQ  |  Loss 5× = −125 IQ (Pro only — can lock for Phase 4)

Plain English picks rule: Never show "Chiefs -6.5". Always show "Will the Chiefs win?" — a question anyone can answer.