The user wants me to create a single-page web app that:
1. Generates a random maze using the recursive-backtracker algorithm
2. Displays it on a canvas
3. Animates either an A-star or BFS solver finding the path from start to finish

All code should be in one self-contained HTML file with inline CSS and JavaScript. No external resources or network requests.

Let me break this down:
1. Create the HTML structure with a canvas
2. Add CSS styling in a style tag
3. Add JavaScript that:
   - Implements recursive-backtracker maze generation
   - Implements either A-star or BFS pathfinding
   - Animates the solver
   - Renders everything on canvas

I'll go with A-star as it's more interesting and commonly used for pathfinding.

The recursive-backtracker algorithm works by:
1. Start with a grid of cells, all walls intact
2. Pick a starting cell and mark it as visited
3. While there are unvisited cells:
   - Get the current cell's unvisited neighbors
   - If there are unvisited neighbors:
     - Choose one randomly
     - Remove the wall between current and chosen cell
     - Push current cell to stack
     - Make chosen cell the current cell
   - Else:
     - Pop from stack to backtrack

A-star algorithm works by:
1. Start with open set containing start node
2. While open set is not empty:
   - Get node with lowest f_score (f = g + h)
   - If it's the goal, reconstruct path
   - Move node from open to closed set
   - Check all neighbors
   - If neighbor not in closed set and better path found, update it

I'll create a complete HTML file with all this functionality.

Perfect! I've created a complete single-page web app that includes:

1. **Maze Generation**: Uses the recursive-backtracker algorithm to generate random mazes
2. **A* Pathfinding**: Implements the A* algorithm to find the shortest path from start to finish
3. **Animation**: Shows the exploration process and final path in real-time
4. **Modern UI**: Clean, responsive design with gradient backgrounds and smooth animations
5. **Interactive Controls**: Buttons to generate new mazes, solve them, and clear paths
6. **Visual Legend**: Shows what different colors represent

Key features:
- Self-contained HTML file with inline CSS and JavaScript
- No external dependencies or network requests
- Responsive design that works on different screen sizes
- Smooth animations showing the A* algorithm exploring the maze
- Color-coded visualization (start=green, end=red, explored=blue, final path=yellow)
- Real-time feedback and status updates

The maze generation uses the recursive-backtracker algorithm which creates perfect mazes (with exactly one path between any two points). The A* algorithm efficiently finds the shortest path using Manhattan distance as the heuristic.

The app is ready to run - just open the index.html file in any web browser!