Screen layouts · 390 × 844

Seven screens, one table

Composed entirely from the components already built — nothing new is invented here. Each frame is the real 390×844 target, not a scaled mock, so anything that doesn't fit is visible as a problem rather than hidden by a wider canvas.

Home → Match Found → Card Selection → Swap (optional) → Reveal → 1-1 swap → Match Result

Three cards do not fit flat at 390 — the fan is a fit rule, not a flourish

content width = 390 − (2 × 16 gutter) = 358px flat row at full size = (3 × 112) + (2 × 16 gap) = 368px → overflows by 10px fan = (3 × 101) − (2 × 18 overlap) + rotation spread ≈ 285px → fits, 73px spare

The rule: hand cards are width: clamp(84px, 26vw, 112px), overlapped by 18px via negative margins and rotated ±7° about their bottom edge, with the outer two pushed down 7px so the arc reads as a held hand. At 390 that resolves to 101px cards. The 73px of slack is deliberate: it absorbs the selected card's 14px lift and its gold glow without clipping. Below 320px the clamp floor takes over and the fan overlap increases to 24px. The four pool cards use the small 72px variant flat — (4 × 72) + (3 × 8) = 312px, comfortably inside 358.

The flow

Streak 4
KO You ELO 1482 · 37W 24L

Ten cards. Three each. Four face down. Best of three takes the pot.

Choose a table
Quick match10.00

Best of three against the next player in the queue.

Ranked25.00

Rated match. Wins and losses move your ELO.

Daily ladder50.00

Opens 18:00 · eight players, single elimination.

Your bet10.00 Pot20.00 To winner19.00
1 · Home Streak sits top-right where it stays visible on every screen. Stakes are stated before the commit button, never after.
Streak 4
Match found
KO You ELO 1482
VS
MR m_rustaveli ELO 1519
3s
Dealing in
Stake each10.00 Pot20.00 Rake1.00
2 · Match Found Both chips plus the VS divider. Rake is disclosed here — the last screen before money is committed.
You0 0Opp
1 2 3
5s
m_rustaveli is choosing
Three Chances Three Chances Three Chances
Undrawn · face down ⇄ Swap 0.20
1? 2? 3? 4?
Your hand — tap to select
9Three Chances 5Three Chances 2Three Chances
3 · Card Selection — the main screen The four undrawn cards are face down — you swap by position, not by value. Swap affordance sits on the pool header. Fanned hand at 101px; opponent's hidden hand is a count.
You0 0Opp
123
5s
9Three Chances 5Three Chances 2Three Chances

Pre-game · before round 1

Take a blind swap?

Dropping the 2 for slot 1 — face down. You won't see it until you commit.

Your hand — dropping 2
9Three Chances 5Three Chances 2Three Chances
Undrawn pool — face down · pick a slot
1? 2? 3? 4?
Swap fee · 2% of your bet · win or lose 0.20
4 · Swap (optional branch) Sheet rises from the bottom over a blurred table. The hand stays partly visible so the player keeps their bearings.
✓You1 0Opp
✓ 2 3
⇄ Used
Round 1
✓ 10 Three Chances You
VS
✗ 6 Three Chances m_rustaveli
✓ Round won
10 ← 2 You swapped before round 1 You drew 10 · returned 2 · fee 0.20
Next round in 3s
5 · Reveal Both cards at 124px — the largest they ever appear. Winner and loser carry ring, glyph and badge shape.
Streak 5
✓ You win
✓ ✗ ✓
Rating 1506 ▲ +24
Pot20.00 Rake−1.00 Swap fee−0.20 Paid out19.00

Five in a row — your next win pays a 10% bonus.

6 · Match Result Pips all spent in the header. Streak hits 5 and arms — stated in words, not just colour. Full money breakdown including the swap fee.

Optional screens

04:12
Daily ladder · closes in 4h 12m
Entry50.00 Prize pool1,240 Players26
Standings
1t_kazbegi420.00
2n_vardzia280.00
3m_rustaveli160.00
4You90.00
5s_ushguli60.00
6d_gergeti—
7l_mtskheta—

Two more wins moves you to 3rd.

7 · Daily Ladder (optional) Your row is gold-bordered and never scrolls out of the visible eight. Prize column stops where the money stops.
Share this match ⇄ 1 swap
8 · Replay / Share card (optional) Built to be screenshotted: the whole match reads in one glance, and the swap is the headline because it is the interesting decision.