[hendrikmelse]

Summary

• Editing players now happens in its own modal. The player list card is display-only. On touch screens the keyboard stays up while the modal is open, and the modal only moves out of its way when it would be covered (and stays there when the keyboard goes).
• Header: Home, Edit players and fullscreen are in one row, which frees up room for the player list.
• Game title is removed from the UI (it stays in the data model). Starting a new game no longer shows an undo toast.
• Color picker: same layout on desktop as on phones, centered on the swatch it is for, with a Done button on phones.
• Mobile tabs: pressing the selected tab shows the player list on its own (its own "no tab selected" state, showing total scores). The table takes the list's room. Tabs slide, drop and resize with animation, in the direction they are moving.
• Player list: scrolls smoothly to center the active player, the round heading and scores slide when the round changes, and a score bounces when it is saved.
• Keypad: keys show their press animation for keyboard input.
• Also a favicon, and a "While iterating" note in CLAUDE.md.

Test plan

• npm run lint, format:check, typecheck, test (327 tests) and build pass
• Try the edit dialog on a phone: keyboard stays up, tapping a name puts the cursor in it without selecting, the dialog stays clear of the keyboard
• Try the mobile tab animations (slide up, drop, the card growing for the table, pressing the selected tab) on a phone
• Check the desktop layout: header row, tab slide-in, color picker position

The animations and keyboard behavior are not covered by the tests, as jsdom cannot show them.

🤖 Generated with Claude Code