- **Logic Branch:** Hybrid. The core loop (Swiping) is Deterministic. The social layer (Chat) is AI-Native. - **Gen_Text Necessity:** Yes, required for dynamic roleplay chat with anime characters. - **Visual Strategy:** Using TailwindCSS (CDN) for layout reliability and FontAwesome (CDN) for icons. Using dynamic image generation via Pollinations (embedded in IMG tags) for character visuals as a lightweight solution for the "100 characters" requirement, allowing for "actual" character approximations without 100 synchronous API calls. - **Fixes:** 1. Refactored Dark Mode using CSS variables on the `html` tag for higher reliability. 2. Hard-coded a robust list of 30+ "Real" Anime characters (Cowboy Bebop, Naruto, etc.) and a generator for the rest to reach 100. 3. Fixed "Start Swiping" by ensuring DOM readiness and error handling in the event listener. 4. Restored and Expanded Flags (Green/Red) to be prominent in the UI. Dating Sim / Swiping Game 1. **Onboarding Layer:** User Profile Creation & Preferences (Deterministic). 2. **Matching Layer:** Deck Management & Swipe Logic (Deterministic). 3. **Social Layer:** Chat Interface with LLM Persona (AI-Native). 4. **Progression Layer:** Relationship meter & Date unlocks (State Machine). Hybrid Touch/Mouse for Swiping (Tinder-style). Text Input for Chat. - Swiping: Instant visual feedback via CSS Transforms. - Chat: Optimistic UI updates followed by async `gen_text` responses. - Customize Profile (Name, Job, Personality, Flags). - Swipe Left (Pass) / Swipe Right (Like). - View Detailed Profile (Bio, expanded Flags). - Chat with Matches (Roleplay). - Unmatch/Redo. - Must select Name before starting. - Theme toggling must persist. - Characters must be recognizable anime figures. 1. **Setup:** User enters details, selects flags, toggles theme. 2. **Discovery:** User sees a card stack of Anime Characters. 3. **Action:** User swipes right on "Spike Spiegel". 4. **Match:** "It's a Match!" overlay appears. 5. **Interaction:** User chats. System generates "Cool, whatever happens, happens" style text. - **Aesthetic:** Modern "Dating App" UI (Clean rounded corners, shadows, floaty interactions). - **Juice:** Spring physics on cards, particle effects on match, smooth transitions for dark mode. - **Palette:** Dynamic. Primary Red/Pink for light mode, Neon Pink/Grey for dark mode. Anime Swiper: Ultimate Edition Anime Swiper: Ultimate

Anime Swiper

Ultimate Edition

Dark Mode
Anime Swiper

Summoning Characters...

ANIME

Name

Job • Age

Green Flags

Red Flags

About

Matches
Name Online