feat: convert SorobanQuiz memory game styling to Panda CSS

Browse Source

- Replace all CSS classes with Panda CSS css() function calls
- Convert originalGameStyles string to minimal globalAnimations for required keyframes
- Systematically update all components: SetupPhase, DisplayPhase, CardGrid, InputPhase, ResultsPhase
- Maintain all visual styling and responsive behavior while using project's design system
- Preserve advanced features: 3D card flips, explosion animations, smart input styling
- Keep only essential CSS animations (pulse, fadeInScale, explode) as global styles
- Ensure consistent color scheme and spacing using Panda CSS tokens

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

...

This commit is contained in:

Thomas Hallock

2025-09-14 15:57:31 -05:00

parent c3fdbfc199

commit bed97e62ad

1 changed files with 514 additions and 656 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

1170

apps/web/src/app/games/memory-quiz/page.tsx

File diff suppressed because it is too large Load Diff