An Interactive Application Design for Mobile. ### Analysis Procedural Detective RPG / Text Adventure **Micro Interaction:** - **Navigation & Investigation:** Users tap grid buttons to travel between cyberpunk locations, investigate scenes for clues, and interrogate suspects. - **Dialogue & Input:** Users interact via pre-set dialogue options or free-text queries to AI personas (Captain, Suspects, Partner). - **Feedback:** Text logs appear with typewriter effects or fade-ins. Specific types of info (Evidence, Dialogue, System) have distinct color coding (Cyan, Pink, Green, Orange). **Meso Flow:** - **The Case Loop:** The player loads a procedural case (Theft, Murder, Terrorism), travels to locations to find evidence (which is randomized in location but logically consistent with the narrative), analyzes items in the lab, and builds a mental model of the crime. - **Deduction:** The player must cross-reference alibis, physical evidence (DNA, fingerprints), and motives to identify the true culprit among 3 suspects. - **Resource Management:** Time is the constraint. Every action advances the clock. **Macro Experience:** - **Career Progression:** Successfully solving cases "clears" them. The game is designed for infinite replayability with randomized variables (Location of evidence, Culprit identity, flavor text) generated from a structured dataset. - **Narrative Depth:** The integration of LLM calls allows for dynamic, non-deterministic interrogations, making every playthrough feel like a unique episode of a TV show. **Aesthetic:** "High-Tech, Low-Life" Cyberpunk terminal interface. - **Visuals:** Dark background (`#050508`), neon accents (Cyan/Pink), scanline overlays, and monospaced fonts (`Courier New`) to simulate a CRT monitor. - **Layout:** Fixed viewport app-like structure. - **Header:** Sticky top bar with Case ID and Clock. - **Log:** Scrollable central terminal for narrative output. - **Controls:** Fixed bottom grid for primary actions to ensure thumb-reachability on mobile. - **Feedback:** "Juice" includes CRT flicker animations, color-coded borders for different message types, and immediate button feedback. The "Overlay" system handles complex menus (Inventory, Travel) without leaving the main screen context. ### Code ```html