- PageFrame: parchment-background frame with title, diamond-rule divider,
scrollable content area, and optional bottom-pinned footer slot
- PrimaryButton: shared full-width button (light blue, drop shadow, pressed
state via translateY + shadow reduction) — used by TitleScreen and PlayerSetup
- Global button base in index.css ensures touch-friendly sizing everywhere
- TitleScreen consolidated to use PrimaryButton instead of its own button style
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Gradient background spans the full window on body; the 1rem-inset frame
provides the black border and rounded corners as a transparent overlay.
"Black" and "7" are typographically separated, with "7" oversized.
New Game button is full-width, light blue, pinned to the bottom.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Four screens (Title, Player Setup, Score Sheet, Enter Scores) wired together
via a simple useState state machine. Auto-resumes to Score Sheet if a game
exists in localStorage under the key 'currentGame'.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sets up Vite + React + TypeScript with vite-plugin-pwa for offline support.
Adds app icon (line-drawn 7 on black) in all required sizes with a generation script.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
randrews