# Lobby layout for programs

Every lobby and summary button in the 360×640 frame, in frame pixels. To click one, multiply by your scale and add the canvas corner, as in SKILL.md "Canvas and coordinates".

A point (cx, cy) in frame pixels hits a button if x ≤ cx < x + w and y ≤ cy < y + h. Press and release on the same button.

Each button has its own colour across the whole lobby, so colour alone tells buttons and screens apart. A grey button (`#55557a`) is unavailable: don't click it.

The bottom strip holds one Match-3 card with PRACTICE on the left and FREE ROOM on the right, like the Block puzzle and Golf cards.

The header has a MORE GAMES button on the right. It opens a second screen with Tile Trio (PRACTICE and FREE ROOM) and 2048 (PRACTICE only); BACK returns to the main screen. The FREE ROOMS LEFT line is on both screens.

Changed on 9 October: tilematch_practice and g2048_practice moved to the more games screen; match3_room is back at (188, 568); new buttons: more_games and tilematch_room. Find buttons by colour, not by remembered coordinates.

## Main screen

| Button | x | y | w | h | Colour |
| --- | --- | --- | --- | --- | --- |
| `blocks_practice` | 36 | 240 | 136 | 56 | `#48c048` |
| `blocks_room` | 188 | 240 | 136 | 56 | `#4878e8` |
| `golf_practice` | 36 | 456 | 136 | 56 | `#30c8c8` |
| `golf_room` | 188 | 456 | 136 | 56 | `#e8d038` |
| `match3_practice` | 36 | 568 | 136 | 56 | `#ece6d6` |
| `match3_room` | 188 | 568 | 136 | 56 | `#e8c8ff` |
| `more_games` | 200 | 20 | 136 | 56 | `#a0b0c8` |

## More games screen

| Button | x | y | w | h | Colour |
| --- | --- | --- | --- | --- | --- |
| `tilematch_practice` | 36 | 240 | 136 | 56 | `#ffb0b0` |
| `tilematch_room` | 188 | 240 | 136 | 56 | `#ffc890` |
| `g2048_practice` | 36 | 456 | 136 | 56 | `#d8f8a0` |
| `back` | 110 | 560 | 140 | 56 | `#e04848` |

## Refusal screen

| Button | x | y | w | h | Colour |
| --- | --- | --- | --- | --- | --- |
| `back` | 110 | 440 | 140 | 56 | `#e04848` |

## Refusal: practice limit

| Button | x | y | w | h | Colour |
| --- | --- | --- | --- | --- | --- |
| `back` | 110 | 440 | 140 | 56 | `#e04848` |
| `free_room` | 110 | 512 | 140 | 56 | `#e868b8` |

## Practice summary

| Button | x | y | w | h | Colour |
| --- | --- | --- | --- | --- | --- |
| `lobby` | 20 | 566 | 150 | 56 | `#f08a24` |
| `play_again` | 190 | 566 | 150 | 56 | `#a058e0` |

## Room summary

| Button | x | y | w | h | Colour |
| --- | --- | --- | --- | --- | --- |
| `lobby` | 105 | 566 | 150 | 56 | `#f08a24` |

This page is built by the same code that draws the lobby, so it always matches the frame. It describes buttons only, never the game.