Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Flameforge is a single-player web-based mobile strategy game designed for a dark fantasy world. Players will manage a ruined settlement, gathering resources, training troops, and engaging in simulated battles against AI-controlled enemies. The game aims to provide an immersive experience while prioritizing mobile usability and responsive design.

## CORE FEATURES
1. **Settlement Management**: Players can build and upgrade various structures within their settlement to improve resource production, troop training, and hero recruitment.
2. **World Map Exploration**: An expansive, interactive world map allows players to scout and attack AI-controlled bot bases, monsters, and gather resources.
3. **Hero System**: Players can recruit and upgrade heroes who lead their troops and enhance combat effectiveness.
4. **Resource Management**: Players must collect and manage resources like food, wood, and iron to sustain their settlement and troops.
5. **Combat System**: A straightforward combat mechanic that involves scouting, selecting targets, and engaging in battles with AI enemies.
6. **Quest System**: Players receive quests that guide them through gameplay and reward them for completing specific objectives.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The layout should be mobile-first with a bottom navigation bar for easy access to the main screens, a top HUD displaying essential resources, and a draggable/zoomable map interface.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: localStorage or IndexedDB for saving progress

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React app with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Design the layout**: Create the main layout structure, including the bottom navigation and top HUD for resource display.
3. **Implement the settlement management features**: Build components for building structures, displaying upgrade options, and managing resources.
4. **Create the world map**: Develop a zoomable and draggable world map interface that displays AI bot bases, monsters, and resource tiles.
5. **Develop the combat system**: Implement the mechanics for scouting and attacking AI targets, including battle reports and loot systems.
6. **Add the hero and troop systems**: Implement components for recruiting and upgrading heroes and training troops.
7. **Integrate the quest system**: Create a quest management component that tracks player objectives and rewards.
8. **Implement local storage**: Create functions to save and load game state using localStorage or IndexedDB.

## USER EXPERIENCE
Users will navigate through a bottom navigation bar to access different sections of the game, including their settlement, world map, heroes, and reports. Engaging with the world map will allow players to scout and target AI bases, while the settlement management interface will provide options to upgrade buildings and manage resources. The game should feel dynamic, with smooth transitions and responsive touch interactions to enhance the mobile experience.