How to Build a Memory Card Game with Lovable

Build a memory card matching game with the following features:

GAME SETUP:
- Start screen with difficulty selection: Easy (4x3 grid, 6 pairs), Medium (4x4 grid, 8 pairs), Hard (6x4 grid, 12 pairs)
- Cards use emoji icons as their face images (animals: 🐶🐱🐭🐹🐰🦊🐻🐼🐨🐯🦁🐮)
- Shuffle card positions randomly at the start of each game
- All cards start face down

GAME MECHANICS:
- Click a card to flip it face up with a smooth 3D flip animation
- Click a second card to flip it too
- If the two flipped cards match, they stay face up and get a brief green glow
- If they don't match, both flip back face down after 1 second
- Player cannot click more than 2 cards at a time (disable clicks while comparing)
- Player cannot click an already-matched card
- Game ends when all pairs are matched

TRACKING:
- Move counter: increments by 1 for each pair of cards flipped (not each individual card)
- Timer: starts when the first card is flipped, stops when all pairs are matched
- Display both prominently above the game grid

WIN SCREEN:
- When all pairs are matched, show a victory screen with:
  - "You Win!" message
  - Number of moves taken
  - Time taken (formatted as mm:ss)
  - Star rating: 3 stars if moves <= pairs + 2, 2 stars if moves <= pairs + 5, 1 star otherwise
  - "Play Again" button (same difficulty) and "Change Difficulty" button

UI DESIGN:
- Card backs should be a solid color (teal) with a "?" in the center
- Card faces show the emoji large and centered on a white background
- Cards have rounded corners and a subtle drop shadow
- Grid is centered on the page with equal spacing between cards
- Clean white background with a top bar showing moves, timer, and a restart button
- Fully responsive: cards should resize on mobile to fit the screen width
- Smooth, satisfying flip animation with a 3D perspective effect

Improve the match animation: when two cards match, they should both do a brief scale-up bounce (grow to 110% then back to 100%), get a green border, and a small sparkle particle effect should burst from each card. When cards don't match, add a subtle red flash before they flip back. When the last pair is matched, all matched cards should do a wave animation (each card bounces up sequentially from top-left to bottom-right) before the win screen appears.

Add a theme selector on the start screen with 4 options: Animals (emoji animals), Food (emoji food items: 🍕🍔🌮🍣🍩🎂🍎🍉🥑🍿🧁🍪), Flags (country flag emojis: 🇺🇸🇬🇧🇫🇷🇩🇪🇯🇵🇧🇷🇦🇺🇨🇦🇮🇹🇪🇸🇲🇽🇰🇷), and Shapes (geometric shapes with different colors: red circle, blue square, green triangle, yellow star, purple diamond, orange hexagon, pink heart, cyan pentagon, etc rendered as colored CSS shapes not emoji). Show the selected theme name during gameplay. Each theme should have at least 12 unique items for the hardest difficulty.

Add a combo system: if the player finds 2 or more matches in a row without a mismatch, show a combo counter ("2x Combo!", "3x Combo!") that floats up from the matched cards in large bold text. Each consecutive match increases the combo. A mismatch resets it to 0. On the win screen, show the best combo achieved. If the player clears the board with zero mismatches, show a special "Perfect Memory!" message with a gold animation.

Add sound effects using the Web Audio API (no external files needed). Play a soft card flip sound when turning a card over, a bright chime when two cards match, a gentle "whomp" when cards don't match and flip back, a celebratory jingle on the win screen, and a special sound for combos of 3 or higher. For the "Perfect Memory" achievement, play a distinct fanfare. Add a sound toggle button (speaker icon) in the top bar. Sounds should be muted by default.

Optimize for mobile under 768px: cards should fill the available screen width with equal spacing (8px gap), minimum card size 60px, the stats bar (moves, timer, restart) should be compact and single-line, and the start screen buttons should be full-width and stacked vertically. Add a subtle tap feedback: cards should scale down slightly (95%) on touch and bounce back. Ensure the grid doesn't require scrolling on standard phone screens (adjust card sizes accordingly for the Hard 6x4 grid). Lock to portrait orientation recommendation.

Add an "Expert" difficulty: 6x5 grid (15 pairs) with a twist — after 3 seconds of being face up, matched pairs fade out and disappear from the grid, making it harder to remember the remaining card positions. Cards should slide together to fill gaps after a pair disappears.

Add a "Time Attack" mode: the player has 60 seconds to clear the entire board. Show a large countdown timer at the top. If time runs out, show how many pairs were found out of the total. Add a pulsing red border effect when under 10 seconds remaining. Track the fastest completion time for each difficulty and show it as "Best Time" on the start screen.

Add entrance animations: when the game starts, cards should fly in from random positions and land in their grid spots with a satisfying thud. Add a subtle floating animation to unflipped cards (very gentle up and down bob). When the player hovers over a card (desktop), show a slight tilt in the direction of the mouse. Add a screen-wide confetti effect on the win screen.

Save best scores (fewest moves and fastest time) per difficulty level and theme to localStorage. On the start screen, show a "Best Scores" section with a table: difficulty, theme, best moves, best time, and star rating. Highlight new records with a "NEW!" badge that appears for 5 seconds after the win screen.

Add a local two-player mode where players take turns on the same device. Player 1 and Player 2 alternate turns. A match gives the current player an extra turn. Track each player's matched pairs separately. Show whose turn it is with a highlighted player indicator at the top. At the end, the player with more pairs wins. Show both players' results on the win screen. Use different border colors (blue for P1, red for P2) on matched cards.