Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based game called "Martial Outpost," where players manage a finite power resource system that includes oxygen, radiation shielding, and research points. Players will send out adorable rovers with kitty faces to gather resources to refuel a rocket within a limited timeframe of one month. The game features live data reflecting various conditions affecting the gameplay, such as activity levels and radiation, adding an element of strategy and resource management.

## CORE FEATURES
1. **Resource Management**: Players must balance oxygen, radiation shielding, and research points to optimize rover missions and ensure the outpost's survival.
2. **Rover Missions**: Players can deploy rovers to gather resources, with each mission affecting the available power and presenting unique challenges based on the current conditions.
3. **Live Data Dashboard**: A real-time display of the outpost's status, including power usage, radiation levels, and mission progress, allowing players to make informed decisions.
4. **Mission Timer**: A countdown timer indicating the remaining time for the one-month mission, creating urgency and strategic gameplay.
5. **Customization Options**: Players can customize their rovers and outpost aesthetics, enhancing personal engagement with the game.
6. **Interactive Tutorial**: A guided introduction for new players to understand game mechanics and objectives efficiently.

## 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**: A single-page layout divided into sections for resource management, rover missions, live data dashboard, and player stats, ensuring a straightforward navigation experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (if necessary for state management).

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create Core Components**: Develop components for the resource management panel, rover mission interface, and live data dashboard.
4. **Implement State Management**: Utilize Redux or Context API to manage the application state, including power resources and rover missions.
5. **Design Layout**: Structure the layout using Tailwind CSS, adhering to the minimalist design specifications.
6. **Integrate Live Data**: Implement a system to update and display live data related to power usage, resource collection, and mission status.
7. **Testing and Optimization**: Conduct thorough testing for responsiveness and user experience, optimizing performance where necessary.

## USER EXPERIENCE
Players will engage with the game through intuitive controls for managing resources and deploying rovers. The live data dashboard will provide real-time feedback, allowing players to adjust their strategies dynamically. Interaction will be seamless, with a focus on clear visual cues and straightforward navigation to enhance the overall gaming experience. The minimalist design will ensure that players can focus on gameplay without distraction.