Design rules the code must not break

The spec is .context/designs/mobile/. When a screen and its wireframe disagree, the wireframe wins.

1. Blue is the table and pink is the imposter, and nothing else is. Not a pack, not a status, not a button.
2. Violet is the one action colour. Yellow is money and nothing else.
3. The bottom bar holds only the way forward, and nothing on it appears or disappears. A step that cannot be taken yet is drawn switched off, with the reason as its label. A screen with no way forward has no bottom bar.
4. The way out of a screen is always an icon button at the top-left (the TopBar). In a round or a room it asks before it ends anything. Back never leaves a round silently. A sheet has no top bar, so it keeps its close button beside its action.
5. A card is held to be read and hides on release. Passing the phone on is only possible once the card has been looked at.
6. A raised thing has a 2px edge and a hard 4px shadow; a flat thing has neither. If it looks like a sticker it can be pressed.
7. A locked pack is shown, never hidden, and opens what it holds before it asks for money.
8. No price is ever a literal. It comes from the store or it is not shown.
9. Nobody's phone holds a word that is not theirs. Online, a Cloud Function deals; the host is a player like any other.