2048 Puzzle Game

Build the classic 2048 puzzle game using HTML5, CSS3, and JavaScript. Create a 4x4 grid where numbered tiles combine when they match. Implement smooth tile sliding animations in four directions (up, down, left, right) using CSS transforms and transitions. Add tile merging animations with scale effects when tiles combine. Generate new tiles (2 or 4) in random empty positions after each move with spawn animations. Implement win condition when a 2048 tile is created with option to continue playing. Add lose condition detection when no valid moves remain. Include a current score display that updates with each merge, and a best score tracker using localStorage. Implement an undo move feature (limited to 3-5 undos). Add swipe gesture support for mobile devices using touch events. Include keyboard arrow key controls for desktop. Create tile designs with different colors for each number value (2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048, and beyond). Add smooth animations for all tile movements and combinations. Include a new game button and a reset best score option. Implement game state persistence so users can resume after closing the browser. Add different grid size options: 3x3 (easy), 4x4 (classic), 5x5 (hard), and 6x6 (expert). Include game mode variations like Fibonacci mode (1, 2, 3, 5, 8...) or Threes mode. Add achievement system for reaching specific tiles or scores. Create detailed statistics tracking: total games, wins, highest tile reached, and total score. Include a tutorial overlay for first-time players. Add sound effects for moves, merges, winning, and losing (with mute toggle). Implement particle effects for tile merges and winning. Create a clean, modern responsive design that works beautifully on all devices. Add dark mode option. Include accessibility features with keyboard navigation and screen reader support.