[{"_1":2,"_133":-5,"_134":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_132":-5,"_129":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_5":41,"_52":53,"_54":55,"_56":38,"_57":58,"_59":55,"_60":17,"_61":17,"_62":63,"_64":65,"_66":67,"_68":69,"_84":-5,"_85":17,"_86":87,"_129":29,"_130":131},"id","b5ad63b67892bd33a9f5","isMyApp",false,"name","moonpaws","description","A mystical pet nurturing sanctuary where cosmic companions evolve through leaf chimes and lunar prisms. Your digital pets don't just grow—they transform the universe around them!","brief","","isLive",true,"tags",[],"cover","https://cdn.dev.fun/snapshot/b5ad63b67892bd33a9f5/52227_f281ced2.webp","cdnUrl","createdAt",["D",1743948432227],"updatedAt",["D",1744236159416],"lastCommitId",["B","52232"],"tier",1,"credits",-127,{"_14":42,"_43":44,"_45":-5,"_46":44,"_47":48,"_49":-5,"_50":51},"08611484-2819-4020-a4b9-828686cebb0a","uniqueId","H74sCH89qCbJo8WfpbVhomK8mKXSPstwvd8YnzzrbsL3","username","solanaWallet","displayName","H74...sL3","bio","avatar","/avatar.svg","commitCount",33,"forkCount",0,"likeCount","runsCount",206,"visitorCount","isArchived","isRenamed","contractAddress","HnQNmoY2Ew42RtjKQ3YGWPByi145deF7cmMQsJiopump","code","import { useState, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nconst PetAvatar = ({\n pet,\n size = \"text-4xl\",\n className = \"\"\n}) => {\n if ((pet.id === 1 || pet.id === 2 || pet.id === 3) && pet.customImage) {\n return {pet.name}

{\n e.target.onerror = null;\n e.target.innerText = pet.image;\n }} />;\n }\n return {pet.image};\n};\nexport default function App() {\n const [resources, setResources] = useState({\n leafChimes: 100,\n stardust: 50,\n lunarPrism: 5\n });\n const [showLevelUpAnimation, setShowLevelUpAnimation] = useState(null);\n const elementTypes = {\n solar: {\n name: \"Solar\",\n icon: \"☀️\",\n beats: \"lunar\"\n },\n lunar: {\n name: \"Lunar\",\n icon: \"🌙\",\n beats: \"wild\"\n },\n wild: {\n name: \"Wild\",\n icon: \"🍃\",\n beats: \"solar\"\n }\n };\n const [showEvolutionModal, setShowEvolutionModal] = useState(false);\n const [evolutionData, setEvolutionData] = useState(null);\n const [evolutionAnimation, setEvolutionAnimation] = useState(false);\n const [evolutionStats, setEvolutionStats] = useState(null);\n const [activeModule, setActiveModule] = useState(null);\n const [activeSection, setActiveSection] = useState('fusion');\n const [activeCodexFilter, setActiveCodexFilter] = useState(\"all\");\n const [selectedPetDetails, setSelectedPetDetails] = useState(null);\n const [battleState, setBattleState] = useState({\n playerPet: null,\n enemyPet: null,\n playerHP: 100,\n enemyHP: 100,\n turn: 0,\n battleLog: [],\n isPlayerTurn: true,\n damageDealt: 0,\n damageReceived: 0,\n isBattleOver: false,\n result: null,\n rewards: null,\n battleAnimation: null,\n traitTriggered: null,\n skillCooldowns: {},\n activeSkill: null,\n elementalEffect: null\n });\n const [itemsInventory, setItemsInventory] = useState([{\n id: \"food001\",\n name: \"Cosmic Carrot\",\n icon: \"🥕\",\n quantity: 8,\n type: \"food\",\n description: \"A healthy carrot grown in zero gravity.\",\n usableIn: [\"pet-nurturing\"],\n effect: {\n hungerRestore: 15,\n moodBoost: 0\n },\n currency: \"leafChimes\",\n cost: 3\n }, {\n id: \"food002\",\n name: \"Nebula Jerky\",\n icon: \"🥩\",\n quantity: 5,\n type: \"food\",\n description: \"Chewy treat made from cosmic energy.\",\n usableIn: [\"pet-nurturing\"],\n effect: {\n hungerRestore: 25,\n moodBoost: 0\n },\n currency: \"leafChimes\",\n cost: 5\n }, {\n id: \"food003\",\n name: \"Starcake\",\n icon: \"🍰\",\n quantity: 3,\n type: \"food\",\n description: \"Sweet dessert that glows with celestial energy.\",\n usableIn: [\"pet-nurturing\"],\n effect: {\n hungerRestore: 10,\n moodBoost: 5\n },\n currency: \"stardust\",\n cost: 2\n }, {\n id: \"food004\",\n name: \"Astro Carrot\",\n icon: \"🥕\",\n quantity: 4,\n type: \"food\",\n description: \"Special carrot grown in asteroid soil.\",\n usableIn: [\"pet-nurturing\"],\n effect: {\n hungerRestore: 20,\n moodBoost: 3\n },\n currency: \"leafChimes\",\n cost: 4\n }, {\n id: \"food005\",\n name: \"Voidfish\",\n icon: \"🐟\",\n quantity: 2,\n type: \"food\",\n description: \"Mysterious fish from the depths of space.\",\n usableIn: [\"pet-nurturing\"],\n effect: {\n hungerRestore: 30,\n moodBoost: 2\n },\n currency: \"leafChimes\",\n cost: 6\n }, {\n id: \"clean001\",\n name: \"Stardust Brush\",\n icon: \"🧹\",\n quantity: 3,\n type: \"cleaning\",\n description: \"Brush made of cosmic particles that removes dirt.\",\n usableIn: [\"pet-nurturing\"],\n effect: {\n cleanlinessRestore: 50\n },\n currency: \"stardust\",\n cost: 3\n }, {\n id: \"clean002\",\n name: \"Lunar Soap\",\n icon: \"🧼\",\n quantity: 2,\n type: \"cleaning\",\n description: \"Soap that glows with the light of the moon.\",\n usableIn: [\"pet-nurturing\"],\n effect: {\n cleanlinessRestore: 100\n },\n currency: \"lunarPrism\",\n cost: 1\n }, {\n id: \"synth001\",\n name: \"Star Essence\",\n icon: \"✨\",\n quantity: 3,\n type: \"synthesis\",\n description: \"Essential material for pet synthesis.\",\n usableIn: [\"pet-synthesis\"],\n effect: {\n synthesisPower: 1\n },\n currency: \"stardust\",\n cost: 10\n }, {\n id: \"synth002\",\n name: \"Cosmic Shard\",\n icon: \"💎\",\n quantity: 1,\n type: \"synthesis\",\n description: \"Rare material that boosts synthesis success.\",\n usableIn: [\"pet-synthesis\"],\n effect: {\n synthesisPower: 3\n },\n currency: \"lunarPrism\",\n cost: 1\n }, {\n id: \"special001\",\n name: \"Moonlight Potion\",\n icon: \"🧪\",\n quantity: 1,\n type: \"special\",\n description: \"Special potion that enhances all pet stats.\",\n usableIn: [\"pet-nurturing\"],\n effect: {\n hungerRestore: 50,\n cleanlinessRestore: 50,\n moodBoost: 50\n },\n currency: \"lunarPrism\",\n cost: 2\n }]);\n const [activeItemCategory, setActiveItemCategory] = useState(\"all\");\n const [petTraits] = useState([{\n id: 1,\n name: \"Gluttonous\",\n icon: \"🍖\",\n effect: \"Eats more but gains more satisfaction\",\n rarity: \"common\"\n }, {\n id: 2,\n name: \"Lucky\",\n icon: \"✨\",\n effect: \"Higher chance of rare items in battle\",\n rarity: \"rare\"\n }, {\n id: 3,\n name: \"Lazy\",\n icon: \"💤\",\n effect: \"Less active but mood declines slower\",\n rarity: \"common\"\n }, {\n id: 4,\n name: \"Energetic\",\n icon: \"⚡\",\n effect: \"Faster hunger decay but better battle performance\",\n rarity: \"uncommon\"\n }, {\n id: 5,\n name: \"Curious\",\n icon: \"🔍\",\n effect: \"Finds extra resources occasionally\",\n rarity: \"uncommon\"\n }, {\n id: 6,\n name: \"Friendly\",\n icon: \"❤️\",\n effect: \"Gets mood boost when playing\",\n rarity: \"common\"\n }, {\n id: 7,\n name: \"Mystic\",\n icon: \"🔮\",\n effect: \"Can see hidden cosmic patterns\",\n rarity: \"rare\"\n }, {\n id: 8,\n name: \"Brave\",\n icon: \"🛡️\",\n effect: \"Better performance in battles\",\n rarity: \"uncommon\"\n }, {\n id: 9,\n name: \"Smart\",\n icon: \"🧠\",\n effect: \"Learns new skills faster\",\n rarity: \"rare\"\n }, {\n id: 10,\n name: \"Shy\",\n icon: \"🙈\",\n effect: \"Slower to warm up but very loyal\",\n rarity: \"common\"\n }]);\n const [secretFusions] = useState([{\n parent1: \"Star Bunny\",\n parent2: \"Shadow Lynx\",\n result: {\n type: \"Moon Lynx\",\n image: \"🐆\",\n rarity: \"Rare\"\n }\n }, {\n parent1: \"Moon Wolf\",\n parent2: \"Star Bunny\",\n result: {\n type: \"Cosmic Howler\",\n image: \"🐕\",\n rarity: \"Uncommon\"\n }\n }, {\n parent1: \"Moon Wolf\",\n parent2: \"Shadow Lynx\",\n result: {\n type: \"Void Hunter\",\n image: \"🦊\",\n rarity: \"Rare\"\n }\n }, {\n parent1: \"Star Serpent\",\n parent2: \"Moon Wolf\",\n result: {\n type: \"Celestial Drake\",\n image: \"🐉\",\n rarity: \"Epic\"\n }\n }, {\n parent1: \"Nebula Fox\",\n parent2: \"Star Serpent\",\n result: {\n type: \"Astral Kitsune\",\n image: \"🦊\",\n rarity: \"Legendary\"\n }\n }]);\n const [useStarEssence, setUseStarEssence] = useState(false);\n const [fusionLog, setFusionLog] = useState([]);\n const [fusionResult, setFusionResult] = useState(null);\n const [personalities] = useState([{\n id: 1,\n name: \"Gluttonous\",\n icon: \"🍖\",\n effect: \"Gains more mood from feeding\",\n moodMultiplier: {\n feed: 2.0,\n clean: 1.0,\n play: 1.0\n },\n decayMultiplier: 1.0\n }, {\n id: 2,\n name: \"Clean Freak\",\n icon: \"🧽\",\n effect: \"Gains more mood from cleaning\",\n moodMultiplier: {\n feed: 1.0,\n clean: 2.0,\n play: 1.0\n },\n decayMultiplier: 1.0\n }, {\n id: 3,\n name: \"Lazy\",\n icon: \"💤\",\n effect: \"Loses mood slower over time\",\n moodMultiplier: {\n feed: 1.0,\n clean: 1.0,\n play: 1.0\n },\n decayMultiplier: 0.7\n }, {\n id: 4,\n name: \"Moody\",\n icon: \"🌀\",\n effect: \"Mood drops faster but gains are doubled\",\n moodMultiplier: {\n feed: 2.0,\n clean: 2.0,\n play: 2.0\n },\n decayMultiplier: 1.5\n }, {\n id: 5,\n name: \"Friendly\",\n icon: \"🧡\",\n effect: \"Mood affects other pets nearby\",\n moodMultiplier: {\n feed: 1.0,\n clean: 1.0,\n play: 1.5\n },\n decayMultiplier: 1.0\n }]);\n const [evolutionItems] = useState([{\n id: \"moon-crystal\",\n name: \"Moon Crystal\",\n icon: \"💎\",\n description: \"A rare crystal formed from lunar energy, required for advanced evolutions\",\n rarity: \"Rare\"\n }, {\n id: \"starloop-seed\",\n name: \"Starloop Seed\",\n icon: \"🌱\",\n description: \"A seed that contains the essence of cosmic stars, allows certain evolutions\",\n rarity: \"Rare\"\n }, {\n id: \"void-essence\",\n name: \"Void Essence\",\n icon: \"🌑\",\n description: \"Dark energy crystallized into a physical form, powers shadow evolutions\",\n rarity: \"Epic\"\n }]);\n const [, setEvolutionStages] = useState({\n viewingStage: 0,\n maxStage: 2,\n selectedStage: 0\n });\n const [eventLog, setEventLog] = useState([]);\n const [showPetAction, setShowPetAction] = useState(null);\n const [bondLevelUp, setBondLevelUp] = useState(null);\n const [dailyInteractions, setDailyInteractions] = useState({});\n const [pets, setPets] = useState([{\n id: 1,\n name: \"Lunara\",\n level: 10,\n type: \"Moon Wolf\",\n image: \"🐺\",\n customImage: \"https://media-hosting.imagekit.io/cd558f261ddc433b/05b44deb-1a06-4ed6-adf7-0e0a694b808a-modified.png?Expires=1838632251&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=zajQuPCVEg8lgMn2DPdRIf6Jnwi9jfwq2~JrPLm-7vQjbOYp15-SH9FEd0azW3mhzD1ZUIUJQJ0e45MNKOYbPhq-f-yoESNDnCaJo6CcUrra2EYK-76waczxD~M4yCJIs~cB-PYisPBWBxj9yKKa7cXQfVurgxRNxBx3gSEE3LvGBLHnk3mjj~aHaC16Yl3MuIJU66hdt8LLdUHsE239jG620J~mog5JDfqorJlqR09iWXTbu619JpALwtX3RNY8befvx0aL77UkhOBG2sH4zAoa4g76XgTPe6u5g3yOCg1JU-Ekn3NEwb96yA4xf8WD4YwKbiTfIlhqUfs-a1GNeA__\",\n hunger: 70,\n cleanliness: 90,\n mood: 85,\n xp: 0,\n xpToNext: 1000,\n favoriteFood: \"Nebula Jerky\",\n description: \"Gentle, prefers quiet places\",\n hungerDecayRate: 1.0,\n moodRecoveryRate: 1.0,\n attack: 10,\n defense: 8,\n traits: [1, 8],\n personality: 1,\n lastMoodUpdate: new Date().toISOString(),\n moodState: \"happy\",\n rarity: \"Common\",\n isMutated: false,\n canEvolve: true,\n evolutionStage: 0,\n element: \"lunar\",\n bondLevel: 3,\n bondPoints: 75,\n bondPointsToNext: 100,\n lastBondUpdate: new Date().toISOString(),\n skills: [{\n id: \"lunar-strike\",\n name: \"Lunar Strike\",\n description: \"Deals 150% base damage with lunar energy\",\n icon: \"🌙\",\n cooldown: 2,\n element: \"lunar\",\n damage: 1.5\n }, {\n id: \"howl\",\n name: \"Wolf Howl\",\n description: \"Increases attack for 2 turns\",\n icon: \"🐺\",\n cooldown: 3,\n element: \"wild\",\n isBuff: true,\n effect: \"attack\",\n value: 1.25,\n duration: 2\n }],\n evolutionForms: [{\n stage: 1,\n name: \"Eclipse Alpha\",\n type: \"Eclipse Alpha\",\n image: \"🐺✨\",\n description: \"First evolution of Lunara with lunar energy flowing through its fur\",\n rarity: \"Rare\",\n growthStats: {\n attack: 5,\n defense: 7,\n moodRecovery: 0.5,\n hungerDecay: -0.2,\n rarityScore: 2\n },\n requiredTrait: 8,\n resources: {\n stardust: 50,\n lunarPrism: 5\n }\n }, {\n stage: 2,\n name: \"Celestial Emissary\",\n type: \"Celestial Emissary\",\n image: \"🐺🌟\",\n description: \"Final evolution of Lunara, a majestic wolf with power over cosmic forces\",\n rarity: \"Epic\",\n growthStats: {\n attack: 12,\n defense: 15,\n moodRecovery: 1.0,\n hungerDecay: -0.5,\n rarityScore: 4\n },\n requiredTrait: 8,\n resources: {\n stardust: 120,\n lunarPrism: 10,\n specialItems: [{\n id: \"moon-crystal\",\n quantity: 1\n }]\n }\n }]\n }, {\n id: 2,\n name: \"Nebby\",\n level: 10,\n type: \"Star Bunny\",\n image: \"🐇\",\n customImage: \"https://media-hosting.imagekit.io/0c9664b83096458d/246cf88e-58a1-42d7-8b7c-4d312029fc7a-modified.png?Expires=1838632251&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=l2I-pFOVwoHznDfAVSxwGtrQ~pYMG2u-IQZ7CRsOQuzeYSy-k1I59xRG2mNlNMDuxdlej56KAPJ~TsZ3Gf-xJslzdFD9Cyh2aM812~OVWPXVOqYAXLWa90cbbv-vEks9YGXHDCgtkViwJt1SK2s4BwCx6hVHLae~EqEthx1nviSAuG~s33OEpjXBKPJsFoie06EVCDixVHHjZGZWQANQTa931dOrWD69b68njQoDjUO-sD0NFg-JnlmC9e2DJ9tOr0op4jEueI8pPB5kFdjUruDVAv8i4gM6vDCrAFQ5JQydcH6uEFlMLTUtBqZIyIxywUoHJ9IvM84pbFlK5R6tRw__\",\n hunger: 60,\n cleanliness: 75,\n mood: 90,\n xp: 0,\n xpToNext: 1000,\n favoriteFood: \"Astro Carrot\",\n description: \"Bouncy, loves to play\",\n hungerDecayRate: 1.2,\n moodRecoveryRate: 1.5,\n attack: 8,\n defense: 7,\n traits: [4, 5],\n personality: 3,\n lastMoodUpdate: new Date().toISOString(),\n moodState: \"happy\",\n rarity: \"Common\",\n isMutated: false,\n canEvolve: true,\n evolutionStage: 0,\n element: \"solar\",\n bondLevel: 4,\n bondPoints: 85,\n bondPointsToNext: 100,\n lastBondUpdate: new Date().toISOString(),\n skills: [{\n id: \"star-hop\",\n name: \"Star Hop\",\n description: \"Bounces through stars, dealing 125% damage\",\n icon: \"⭐\",\n cooldown: 1,\n element: \"solar\",\n damage: 1.25\n }, {\n id: \"carrot-shield\",\n name: \"Carrot Shield\",\n description: \"Creates a shield reducing damage by 50% for 1 turn\",\n icon: \"🥕\",\n cooldown: 3,\n element: \"wild\",\n isBuff: true,\n effect: \"defense\",\n value: 1.5,\n duration: 1\n }],\n evolutionForms: [{\n stage: 1,\n name: \"Nebulite Nebby\",\n type: \"Nebulite Nebby\",\n image: \"🐇✨\",\n description: \"First evolution of Nebby with star energy enhancing its powers\",\n rarity: \"Rare\",\n growthStats: {\n attack: 7,\n defense: 4,\n moodRecovery: 0.3,\n hungerDecay: -0.3,\n rarityScore: 2\n },\n requiredTrait: 4,\n resources: {\n stardust: 30,\n lunarPrism: 4\n }\n }, {\n stage: 2,\n name: \"Gravitytail Nebby\",\n type: \"Gravitytail Nebby\",\n image: \"🐇🌟\",\n description: \"Final evolution of Nebby, able to manipulate space and gravity\",\n rarity: \"Epic\",\n growthStats: {\n attack: 10,\n defense: 9,\n moodRecovery: 0.8,\n hungerDecay: -0.5,\n rarityScore: 4\n },\n requiredTrait: 4,\n resources: {\n stardust: 80,\n lunarPrism: 7,\n specialItems: [{\n id: \"starloop-seed\",\n quantity: 1\n }]\n }\n }]\n }, {\n id: 3,\n name: \"Zyntar\",\n level: 10,\n type: \"Shadow Lynx\",\n image: \"🐈‍⬛\",\n customImage: \"https://media-hosting.imagekit.io/fbe023feac004271/f009bf1a-0f78-49af-8ad3-fc8fd64b91e6-modified.png?Expires=1838633611&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=Dhgb0-kuYMI0XvVpnoSzSaOoU0Zswz4YYS1Lh2yS3ef7LDedsRf01jqnXTdhiw8wDC1aOXF2t6i-Ie1ZUBvk7AgsRCYpS-pwRWZQ6wlv~i7bHiSqRbcSsraBFZg-BszkgQOMDoW0dC3HG8aBlSrSFxusWsRuqKnNnLLgNpgh8Ynoe-sDid9Nstz6R3XqyhU75fUOjsfZy9DBCv6e7VsAg51AS~zpvcj9duRbfM9vHtrjyy3e1fhUrTq5Re6s0odMNhsOOGYDmGILG5wHFRj5EZ6NYHR2k3wzCtRpMo1iD49CBwgptXAXmlCn31q5pQ3sY50zTA9QZ~3Gth-FIvw7yQ__\",\n hunger: 80,\n cleanliness: 60,\n mood: 40,\n xp: 0,\n xpToNext: 1000,\n favoriteFood: \"Voidfish\",\n description: \"Mysterious, low starting mood\",\n hungerDecayRate: 0.8,\n moodRecoveryRate: 0.7,\n attack: 12,\n defense: 6,\n traits: [3, 7],\n personality: 4,\n lastMoodUpdate: new Date().toISOString(),\n moodState: \"unhappy\",\n rarity: \"Uncommon\",\n isMutated: false,\n requiresRitual: true,\n canEvolve: true,\n evolutionStage: 0,\n element: \"lunar\",\n bondLevel: 1,\n bondPoints: 30,\n bondPointsToNext: 100,\n lastBondUpdate: new Date().toISOString(),\n skills: [{\n id: \"shadow-pounce\",\n name: \"Shadow Pounce\",\n description: \"Pounces from shadows for 175% damage\",\n icon: \"🌑\",\n cooldown: 3,\n element: \"lunar\",\n damage: 1.75\n }, {\n id: \"void-gaze\",\n name: \"Void Gaze\",\n description: \"Weakens enemy, reducing their attack by 30% for 2 turns\",\n icon: \"👁️\",\n cooldown: 4,\n element: \"wild\",\n isDebuff: true,\n effect: \"attack\",\n value: 0.7,\n duration: 2\n }],\n evolutionForms: [{\n stage: 1,\n name: \"Resonant Zyntar\",\n type: \"Resonant Form\",\n image: \"🐆✨\",\n description: \"A special form of Zyntar that requires an emotional bond ritual to unlock\",\n rarity: \"Epic\",\n growthStats: {\n attack: 10,\n defense: 8,\n moodRecovery: 0.6,\n hungerDecay: -0.1,\n rarityScore: 3\n },\n requiredTrait: 7,\n resources: {\n stardust: 60,\n lunarPrism: 6,\n specialCondition: \"Pet must be in 'happy' mood state for 3 consecutive days\"\n }\n }, {\n stage: 2,\n name: \"Void Hunter\",\n type: \"Void Hunter\",\n image: \"🐆🌑\",\n description: \"Final evolution of Zyntar, able to travel through shadow dimensions\",\n rarity: \"Legendary\",\n growthStats: {\n attack: 15,\n defense: 12,\n moodRecovery: 1.0,\n hungerDecay: -0.3,\n rarityScore: 5\n },\n requiredTrait: 7,\n resources: {\n stardust: 150,\n lunarPrism: 12,\n specialItems: [{\n id: \"void-essence\",\n quantity: 1\n }]\n }\n }]\n }]);\n const [selectedPetId, setSelectedPetId] = useState(1);\n const [showFoodPanel, setShowFoodPanel] = useState(false);\n const [actionCooldowns, setActionCooldowns] = useState({\n feed: false,\n clean: false,\n play: false\n });\n const [petAnimation, setPetAnimation] = useState(null);\n const [foodItems] = useState([{\n id: 1,\n name: \"Cosmic Carrot\",\n icon: \"🥕\",\n cost: 3,\n currency: \"leafChimes\",\n hungerRestore: 15,\n moodBoost: 0,\n description: \"A glowing carrot from the edge of the galaxy\"\n }, {\n id: 2,\n name: \"Nebula Jerky\",\n icon: \"🥩\",\n cost: 5,\n currency: \"leafChimes\",\n hungerRestore: 25,\n moodBoost: 0,\n description: \"Chewy treat made from cosmic energy\"\n }, {\n id: 3,\n name: \"Starcake\",\n icon: \"🍰\",\n cost: 2,\n currency: \"stardust\",\n hungerRestore: 10,\n moodBoost: 5,\n description: \"Sweet dessert that glows with celestial energy\"\n }, {\n id: 4,\n name: \"Astro Carrot\",\n icon: \"🥕\",\n cost: 4,\n currency: \"leafChimes\",\n hungerRestore: 20,\n moodBoost: 3,\n description: \"Special carrot grown in asteroid soil\"\n }, {\n id: 5,\n name: \"Voidfish\",\n icon: \"🐟\",\n cost: 6,\n currency: \"leafChimes\",\n hungerRestore: 30,\n moodBoost: 2,\n description: \"Mysterious fish from the depths of space\"\n }]);\n const [activeShopCategory, setActiveShopCategory] = useState(\"all\");\n const [purchaseAnimation, setPurchaseAnimation] = useState(null);\n const [shopItems, setShopItems] = useState([{\n id: 1,\n name: \"Cosmic Carrot\",\n cost: 5,\n currency: \"leafChimes\",\n effect: \"+15% Hunger (used in nurturing)\",\n image: \"🥕\",\n category: \"utility\",\n type: \"food\",\n inventoryType: \"food\",\n hungerRestore: 15,\n moodBoost: 0,\n rarity: \"common\"\n }, {\n id: 2,\n name: \"Nebula Jerky\",\n cost: 8,\n currency: \"leafChimes\",\n effect: \"+25% Hunger (premium food)\",\n image: \"🥩\",\n category: \"utility\",\n type: \"food\",\n inventoryType: \"food\",\n hungerRestore: 25,\n moodBoost: 0,\n rarity: \"common\"\n }, {\n id: 3,\n name: \"Star Cake\",\n cost: 7,\n currency: \"stardust\",\n effect: \"+20% Hunger and +10% Mood\",\n image: \"🍰\",\n category: \"utility\",\n type: \"food\",\n inventoryType: \"food\",\n hungerRestore: 20,\n moodBoost: 10,\n rarity: \"uncommon\"\n }, {\n id: 4,\n name: \"Star Cleanser\",\n cost: 3,\n currency: \"stardust\",\n effect: \"+30% Cleanliness (basic tool)\",\n image: \"🧼\",\n category: \"utility\",\n type: \"tool\",\n inventoryType: \"cleaning\",\n cleanlinessRestore: 30,\n rarity: \"common\"\n }, {\n id: 5,\n name: \"Cosmic Bath\",\n cost: 10,\n currency: \"leafChimes\",\n effect: \"+50% Cleanliness (better cleaning)\",\n image: \"🛁\",\n category: \"utility\",\n type: \"tool\",\n inventoryType: \"cleaning\",\n cleanlinessRestore: 50,\n rarity: \"common\"\n }, {\n id: 6,\n name: \"Lunar Soap\",\n cost: 1,\n currency: \"lunarPrism\",\n effect: \"+100% Cleanliness (full clean)\",\n image: \"🧽\",\n category: \"utility\",\n type: \"tool\",\n inventoryType: \"cleaning\",\n cleanlinessRestore: 100,\n rarity: \"uncommon\"\n }, {\n id: 7,\n name: \"Prism Dust\",\n cost: 10,\n currency: \"stardust\",\n secondaryCost: 1,\n secondaryCurrency: \"lunarPrism\",\n effect: \"Required for rare synthesis\",\n image: \"✨\",\n category: \"functional\",\n type: \"fusion\",\n inventoryType: \"synthesis\",\n synthesisPower: 3,\n rarity: \"uncommon\"\n }, {\n id: 8,\n name: \"Star Essence\",\n cost: 15,\n currency: \"leafChimes\",\n effect: \"Increases fusion success rate\",\n image: \"💎\",\n category: \"functional\",\n type: \"fusion\",\n inventoryType: \"synthesis\",\n synthesisPower: 1,\n rarity: \"common\"\n }, {\n id: 9,\n name: \"Trait Scroll\",\n cost: 15,\n currency: \"stardust\",\n secondaryCost: 20,\n secondaryCurrency: \"leafChimes\",\n effect: \"Random trait applied to pet\",\n image: \"🎁\",\n category: \"mystery\",\n type: \"special\",\n inventoryType: \"special\",\n rarity: \"uncommon\"\n }, {\n id: 10,\n name: \"Luna Orb\",\n cost: 1,\n currency: \"lunarPrism\",\n effect: \"Instantly levels up any pet\",\n image: \"🔮\",\n category: \"mystery\",\n type: \"special\",\n inventoryType: \"special\",\n rarity: \"uncommon\"\n }, {\n id: 11,\n name: \"Lunar Catalyst\",\n cost: 25,\n currency: \"stardust\",\n secondaryCost: 1,\n secondaryCurrency: \"lunarPrism\",\n effect: \"Doubles bond gain for 24 hours\",\n image: \"🌙\",\n category: \"functional\",\n type: \"special\",\n inventoryType: \"special\",\n rarity: \"rare\",\n stock: 2,\n maxStock: 2,\n availableUntil: new Date(new Date().setHours(24, 0, 0, 0)).toISOString(),\n addedOn: new Date().toISOString(),\n purchaseLimit: 1,\n purchaseCooldown: \"day\"\n }, {\n id: 12,\n name: \"Synthesis Bloom\",\n cost: 50,\n currency: \"stardust\",\n effect: \"Guarantees mutation in next synthesis\",\n image: \"🧬\",\n category: \"functional\",\n type: \"fusion\",\n inventoryType: \"synthesis\",\n rarity: \"rare\",\n stock: 1,\n maxStock: 1,\n availableUntil: new Date(new Date().setHours(24, 0, 0, 0)).toISOString(),\n addedOn: new Date().toISOString(),\n purchaseLimit: 1,\n purchaseCooldown: \"week\"\n }, {\n id: 13,\n name: \"Astral Food Pack\",\n cost: 20,\n currency: \"leafChimes\",\n effect: \"Contains 5 random food items\",\n image: \"📦\",\n category: \"mystery\",\n type: \"special\",\n inventoryType: \"special\",\n rarity: \"uncommon\",\n stock: 3,\n maxStock: 3,\n availableUntil: new Date(new Date().setHours(24, 0, 0, 0)).toISOString()\n }, {\n id: 14,\n name: \"Luminous Pet Glow\",\n cost: 100,\n currency: \"stardust\",\n effect: \"Adds magical glow effect to a pet\",\n image: \"✨\",\n category: \"cosmetic\",\n type: \"cosmetic\",\n inventoryType: \"cosmetic\",\n rarity: \"epic\",\n stock: 1,\n maxStock: 1,\n availableUntil: new Date(new Date().setDate(new Date().getDate() + 7)).toISOString(),\n addedOn: new Date().toISOString(),\n purchaseLimit: 1,\n purchaseCooldown: \"month\"\n }, {\n id: 15,\n name: \"Void Essence\",\n cost: 2,\n currency: \"lunarPrism\",\n effect: \"Required for shadow pet evolutions\",\n image: \"🌑\",\n category: \"functional\",\n type: \"evolution\",\n inventoryType: \"special\",\n rarity: \"epic\",\n stock: 1,\n maxStock: 1,\n availableUntil: new Date(new Date().setDate(new Date().getDate() + 3)).toISOString(),\n addedOn: new Date(new Date().setDate(new Date().getDate() - 2)).toISOString()\n }, {\n id: 16,\n name: \"Mystery Charm Box\",\n cost: 30,\n currency: \"stardust\",\n secondaryCost: 1,\n secondaryCurrency: \"lunarPrism\",\n effect: \"Contains a random cosmetic or special item\",\n image: \"🎭\",\n category: \"mystery\",\n type: \"special\",\n inventoryType: \"special\",\n rarity: \"rare\",\n stock: 2,\n maxStock: 2,\n availableUntil: new Date(new Date().setHours(24, 0, 0, 0)).toISOString()\n }]);\n const [codexEntries, setCodexEntries] = useState([{\n id: 1,\n name: \"Moon Wolf\",\n description: \"A mystical wolf that howls at the moon\",\n discovered: true,\n image: \"🐺\",\n rarity: \"Common\",\n evolvesFrom: null,\n evolvesTo: [13, 16],\n evolutionStage: 0\n }, {\n id: 2,\n name: \"Star Bunny\",\n description: \"A fluffy rabbit that jumps between stars\",\n discovered: true,\n image: \"🐇\",\n rarity: \"Common\",\n evolvesFrom: null,\n evolvesTo: [14, 17],\n evolutionStage: 0\n }, {\n id: 3,\n name: \"Shadow Lynx\",\n description: \"A mysterious feline that prowls in darkness\",\n discovered: true,\n image: \"🐈‍⬛\",\n rarity: \"Uncommon\",\n evolvesFrom: null,\n evolvesTo: [15, 18],\n evolutionStage: 0\n }, {\n id: 4,\n name: \"Star Serpent\",\n description: \"A cosmic serpent that slithers through constellations\",\n discovered: false,\n image: \"🐍\",\n rarity: \"Uncommon\"\n }, {\n id: 5,\n name: \"Nebula Fox\",\n description: \"A playful fox with fur that shimmers like distant stars\",\n discovered: false,\n image: \"🦊\",\n rarity: \"Uncommon\"\n }, {\n id: 6,\n name: \"Moon Lynx\",\n description: \"A graceful cosmic feline with lunar patterns\",\n discovered: false,\n image: \"🐆\",\n rarity: \"Rare\"\n }, {\n id: 7,\n name: \"Cosmic Howler\",\n description: \"A melodious canine that sings to the stars\",\n discovered: false,\n image: \"🐕\",\n rarity: \"Uncommon\"\n }, {\n id: 8,\n name: \"Void Hunter\",\n description: \"A stealthy predator that moves between shadows\",\n discovered: false,\n image: \"🦊\",\n rarity: \"Rare\"\n }, {\n id: 9,\n name: \"Celestial Drake\",\n description: \"A majestic creature born from cosmic energies\",\n discovered: false,\n image: \"🐉\",\n rarity: \"Epic\"\n }, {\n id: 10,\n name: \"Astral Kitsune\",\n description: \"A mythical fox with nine cosmic tails\",\n discovered: false,\n image: \"🦊\",\n rarity: \"Legendary\",\n evolvesFrom: null,\n evolvesTo: null\n }, {\n id: 11,\n name: \"Lunar Owl\",\n description: \"A wise owl with feathers that glow in moonlight\",\n discovered: false,\n image: \"🦉\",\n rarity: \"Rare\",\n evolvesFrom: null,\n evolvesTo: null\n }, {\n id: 12,\n name: \"Cosmic Turtle\",\n description: \"A slow-moving turtle with a shell that contains universes\",\n discovered: false,\n image: \"🐢\",\n rarity: \"Epic\",\n evolvesFrom: null,\n evolvesTo: null\n }, {\n id: 13,\n name: \"Eclipse Alpha\",\n description: \"First evolution of Lunara with lunar energy flowing through its fur\",\n discovered: false,\n image: \"🐺✨\",\n rarity: \"Rare\",\n evolvesFrom: 1,\n evolvesTo: [16],\n evolutionStage: 1,\n requiredTrait: 8\n }, {\n id: 14,\n name: \"Nebulite Nebby\",\n description: \"First evolution of Nebby with star energy enhancing its powers\",\n discovered: false,\n image: \"🐇✨\",\n rarity: \"Rare\",\n evolvesFrom: 2,\n evolvesTo: [17],\n evolutionStage: 1,\n requiredTrait: 4\n }, {\n id: 15,\n name: \"Resonant Zyntar\",\n description: \"A special form of Zyntar that requires an emotional bond ritual to unlock\",\n discovered: false,\n image: \"🐆✨\",\n rarity: \"Epic\",\n evolvesFrom: 3,\n evolvesTo: [18],\n evolutionStage: 1,\n requiredTrait: 7\n }, {\n id: 16,\n name: \"Celestial Emissary\",\n description: \"Final evolution of Lunara, a majestic wolf with power over cosmic forces\",\n discovered: false,\n image: \"🐺🌟\",\n rarity: \"Epic\",\n evolvesFrom: 13,\n evolvesTo: null,\n evolutionStage: 2,\n requiredTrait: 8\n }, {\n id: 17,\n name: \"Gravitytail Nebby\",\n description: \"Final evolution of Nebby, able to manipulate space and gravity\",\n discovered: false,\n image: \"🐇🌟\",\n rarity: \"Epic\",\n evolvesFrom: 14,\n evolvesTo: null,\n evolutionStage: 2,\n requiredTrait: 4\n }, {\n id: 18,\n name: \"Void Hunter\",\n description: \"Final evolution of Zyntar, able to travel through shadow dimensions\",\n discovered: false,\n image: \"🐆🌑\",\n rarity: \"Legendary\",\n evolvesFrom: 15,\n evolvesTo: null,\n evolutionStage: 2,\n requiredTrait: 7\n }]);\n const [battleEnemies] = useState([{\n id: 1,\n name: \"Shadow Pup\",\n level: 1,\n health: 50,\n attack: 5,\n image: \"🐕\",\n type: \"Shadow Beast\",\n traits: [3, 8],\n rarity: \"Common\",\n element: \"lunar\",\n skills: [{\n id: \"shadow-bite\",\n name: \"Shadow Bite\",\n description: \"A bite infused with shadow energy\",\n icon: \"🌑\",\n cooldown: 2,\n element: \"lunar\",\n damage: 1.3\n }]\n }, {\n id: 2,\n name: \"Void Kitty\",\n level: 2,\n health: 75,\n attack: 8,\n image: \"🐈\",\n type: \"Void Creature\",\n traits: [4, 7],\n rarity: \"Uncommon\",\n element: \"wild\",\n skills: [{\n id: \"wild-scratch\",\n name: \"Wild Scratch\",\n description: \"Scratches with wild energy\",\n icon: \"🍃\",\n cooldown: 2,\n element: \"wild\",\n damage: 1.4\n }]\n }, {\n id: 3,\n name: \"Cosmic Dragon\",\n level: 5,\n health: 200,\n attack: 15,\n image: \"🐉\",\n type: \"Celestial Beast\",\n traits: [1, 8],\n rarity: \"Epic\",\n element: \"solar\",\n skills: [{\n id: \"solar-breath\",\n name: \"Solar Breath\",\n description: \"Breathes solar fire\",\n icon: \"☀️\",\n cooldown: 3,\n element: \"solar\",\n damage: 1.8\n }, {\n id: \"cosmic-roar\",\n name: \"Cosmic Roar\",\n description: \"Weakens all enemies\",\n icon: \"🌠\",\n cooldown: 4,\n element: \"solar\",\n isDebuff: true,\n effect: \"defense\",\n value: 0.6,\n duration: 2\n }]\n }, {\n id: 4,\n name: \"Star Serpent\",\n level: 3,\n health: 100,\n attack: 10,\n image: \"🐍\",\n type: \"Astral Reptile\",\n traits: [5, 9],\n rarity: \"Rare\",\n element: \"solar\",\n skills: [{\n id: \"star-coil\",\n name: \"Star Coil\",\n description: \"Wraps enemy in stellar energy\",\n icon: \"⭐\",\n cooldown: 2,\n element: \"solar\",\n damage: 1.5\n }]\n }, {\n id: 5,\n name: \"Lunar Fox\",\n level: 4,\n health: 120,\n attack: 12,\n image: \"🦊\",\n type: \"Moon Beast\",\n traits: [2, 10],\n rarity: \"Rare\",\n element: \"lunar\",\n skills: [{\n id: \"moon-dash\",\n name: \"Moon Dash\",\n description: \"Dashes with moon energy\",\n icon: \"🌙\",\n cooldown: 2,\n element: \"lunar\",\n damage: 1.6\n }]\n }]);\n const [ritualTasks, setRitualTasks] = useState([]);\n const [lastTaskRefreshDate, setLastTaskRefreshDate] = useState(null);\n const taskTemplates = [{\n type: \"nurture\",\n descriptions: [\"Feed {target} pets today\", \"Clean {target} pets today\", \"Play with a pet {target} times\"],\n rewards: [{\n type: \"leafChimes\",\n amount: 25\n }, {\n type: \"stardust\",\n amount: 15\n }],\n icons: [\"🍽️\", \"🧼\", \"🎯\"],\n targetRange: [1, 3]\n }, {\n type: \"synthesis\",\n descriptions: [\"Synthesize {target} new pet\", \"Use {target} fusion materials\"],\n rewards: [{\n type: \"stardust\",\n amount: 35\n }, {\n type: \"lunarPrism\",\n amount: 1\n }],\n icons: [\"🧬\", \"✨\"],\n targetRange: [1, 1]\n }, {\n type: \"evolution\",\n descriptions: [\"Evolve {target} pet to a new form\"],\n rewards: [{\n type: \"lunarPrism\",\n amount: 2\n }, {\n type: \"special\",\n item: \"Star Essence\",\n icon: \"💎\"\n }],\n icons: [\"⭐\"],\n targetRange: [1, 1]\n }, {\n type: \"battle\",\n descriptions: [\"Win {target} battle in the arena\", \"Deal {target}+ damage in battle\", \"Battle with {target} different pets\"],\n rewards: [{\n type: \"stardust\",\n amount: 30\n }, {\n type: \"leafChimes\",\n amount: 40\n }],\n icons: [\"⚔️\", \"🔥\", \"🛡️\"],\n targetRange: [1, 3]\n }, {\n type: \"codex\",\n descriptions: [\"Discover {target} new pet species\", \"View {target} pets in your codex\"],\n rewards: [{\n type: \"stardust\",\n amount: 25\n }, {\n type: \"special\",\n item: \"Cosmic Shard\",\n icon: \"💎\"\n }],\n icons: [\"📘\", \"🔍\"],\n targetRange: [1, 2]\n }, {\n type: \"collection\",\n descriptions: [\"Have {target} pets with the same trait\", \"Own {target} pets of Uncommon or higher rarity\"],\n rewards: [{\n type: \"lunarPrism\",\n amount: 1\n }, {\n type: \"special\",\n item: \"Trait Scroll\",\n icon: \"🎁\"\n }],\n icons: [\"✨\", \"🌟\"],\n targetRange: [2, 3]\n }];\n const generateRandomTask = id => {\n const templateIndex = Math.floor(Math.random() * taskTemplates.length);\n const template = taskTemplates[templateIndex];\n const descIndex = Math.floor(Math.random() * template.descriptions.length);\n const iconIndex = Math.floor(Math.random() * template.icons.length);\n const rewardIndex = Math.floor(Math.random() * template.rewards.length);\n const target = Math.floor(Math.random() * (template.targetRange[1] - template.targetRange[0] + 1)) + template.targetRange[0];\n const taskDescription = template.descriptions[descIndex].replace('{target}', target);\n const isRare = Math.random() < 0.1;\n const reward = {\n ...template.rewards[rewardIndex]\n };\n if (isRare) {\n reward.amount = reward.type === \"lunarPrism\" ? reward.amount + 1 : Math.floor(reward.amount * 1.5);\n }\n return {\n id: `task${id}`,\n description: taskDescription,\n type: template.type,\n icon: template.icons[iconIndex],\n target: target,\n progress: 0,\n reward: reward,\n completed: false,\n claimed: false,\n isRare: isRare\n };\n };\n const refreshTasks = () => {\n const now = new Date();\n setLastTaskRefreshDate(now.toISOString());\n const newTasks = [];\n for (let i = 0; i < 4; i++) {\n newTasks.push(generateRandomTask(i + 1));\n }\n setRitualTasks(newTasks);\n };\n const rerollTask = taskId => {\n if (resources.stardust >= 5) {\n setResources(prev => ({\n ...prev,\n stardust: prev.stardust - 5\n }));\n setRitualTasks(prevTasks => {\n const taskIndex = prevTasks.findIndex(task => task.id === taskId);\n if (taskIndex === -1) return prevTasks;\n const newTasks = [...prevTasks];\n newTasks[taskIndex] = generateRandomTask(parseInt(taskId.replace('task', '')));\n return newTasks;\n });\n }\n };\n const updateTaskProgress = (taskType, amount = 1) => {\n setRitualTasks(prevTasks => {\n return prevTasks.map(task => {\n if (task.type === taskType && !task.completed && !task.claimed) {\n const newProgress = task.progress + amount;\n const completed = newProgress >= task.target;\n return {\n ...task,\n progress: newProgress,\n completed: completed\n };\n }\n return task;\n });\n });\n };\n const claimTaskReward = taskId => {\n setRitualTasks(prevTasks => {\n const allOthersClaimed = prevTasks.every(t => t.id === taskId || t.completed && t.claimed);\n const taskToUpdate = prevTasks.find(t => t.id === taskId);\n if (taskToUpdate && taskToUpdate.completed && !taskToUpdate.claimed) {\n if (taskToUpdate.reward.type === \"leafChimes\" || taskToUpdate.reward.type === \"stardust\" || taskToUpdate.reward.type === \"lunarPrism\") {\n setResources(prev => ({\n ...prev,\n [taskToUpdate.reward.type]: prev[taskToUpdate.reward.type] + taskToUpdate.reward.amount\n }));\n } else if (taskToUpdate.reward.type === \"special\") {\n const specialItem = {\n id: `special${Date.now()}`,\n name: taskToUpdate.reward.item,\n icon: taskToUpdate.reward.icon,\n quantity: 1,\n type: \"special\",\n description: \"A special item received as a ritual task reward.\",\n usableIn: [\"pet-nurturing\", \"pet-synthesis\"]\n };\n setItemsInventory(prev => [...prev, specialItem]);\n }\n if (allOthersClaimed && prevTasks.length > 0) {\n setTimeout(() => {\n setResources(prev => ({\n ...prev,\n lunarPrism: prev.lunarPrism + 1\n }));\n }, 800);\n }\n }\n return prevTasks.map(task => {\n if (task.id === taskId && task.completed && !task.claimed) {\n return {\n ...task,\n claimed: true\n };\n }\n return task;\n });\n });\n };\n useEffect(() => {\n const checkTaskRefresh = () => {\n const now = new Date();\n if (ritualTasks.length === 0 || !lastTaskRefreshDate) {\n refreshTasks();\n return;\n }\n const lastRefresh = new Date(lastTaskRefreshDate);\n if (now.toDateString() !== lastRefresh.toDateString()) {\n refreshTasks();\n const notification = {\n message: \"New Ritual Tasks have arrived!\",\n type: \"info\",\n duration: 5000\n };\n console.log(notification.message);\n }\n };\n checkTaskRefresh();\n const interval = setInterval(checkTaskRefresh, 60 * 60 * 1000);\n const handleFocus = () => checkTaskRefresh();\n window.addEventListener('focus', handleFocus);\n return () => {\n clearInterval(interval);\n window.removeEventListener('focus', handleFocus);\n };\n }, [lastTaskRefreshDate]);\n useEffect(() => {\n const updateTasksOnActions = () => {\n if (activeModule === 'nurturing') {\n const trackNurturingAction = () => {\n if (actionCooldowns.feed || actionCooldowns.clean || actionCooldowns.play) {\n updateTaskProgress('nurture');\n }\n };\n trackNurturingAction();\n }\n if (battleState.isBattleOver && battleState.result === 'victory') {\n updateTaskProgress('battle');\n }\n if (fusionLog.length > 0) {\n updateTaskProgress('synthesis');\n }\n if (selectedPetDetails) {\n updateTaskProgress('codex');\n }\n const checkCollectionTasks = () => {\n const petsWithLuckyTrait = pets.filter(pet => pet.traits.includes(2)).length;\n const rareOrHigherPets = pets.filter(pet => pet.rarity !== \"Common\").length;\n setRitualTasks(prevTasks => {\n return prevTasks.map(task => {\n if (task.type === 'collection' && !task.completed) {\n let progress = 0;\n if (task.description.includes('same trait')) {\n progress = petsWithLuckyTrait;\n } else if (task.description.includes('rarity')) {\n progress = rareOrHigherPets;\n }\n const completed = progress >= task.target;\n return {\n ...task,\n progress: progress,\n completed: completed\n };\n }\n return task;\n });\n });\n };\n checkCollectionTasks();\n };\n updateTasksOnActions();\n }, [actionCooldowns, battleState.isBattleOver, fusionLog.length, selectedPetDetails, pets]);\n const selectedPet = pets.find(pet => pet.id === selectedPetId) || pets[0];\n const [selectedEnemy, setSelectedEnemy] = useState(null);\n const [selectedPets, setSelectedPets] = useState([]);\n const ParticleEffect = () => {\n return

\n {[...Array(15)].map((_, i) => )}\n

;\n };\n const handleModuleClick = module => {\n setActiveModule(module);\n if (Math.random() > 0.7) {\n const randomAmount = Math.floor(Math.random() * 5) + 1;\n const randomResource = [\"leafChimes\", \"stardust\", \"lunarPrism\"][Math.floor(Math.random() * 2)];\n setResources(prev => ({\n ...prev,\n [randomResource]: prev[randomResource] + (randomResource === \"lunarPrism\" ? 1 : randomAmount)\n }));\n }\n };\n const canBuyItem = item => {\n if (resources[item.currency] < item.cost) return false;\n if (item.secondaryCurrency && resources[item.secondaryCurrency] < item.secondaryCost) return false;\n if (item.stock !== undefined && item.stock <= 0) return false;\n if (item.availableUntil && new Date(item.availableUntil) < new Date()) return false;\n const today = new Date().toDateString();\n const purchaseHistory = localStorage.getItem(`purchaseHistory_${item.id}_${today}`);\n if (item.purchaseLimit && purchaseHistory && parseInt(purchaseHistory) >= item.purchaseLimit) return false;\n return true;\n };\n const handleBuyItem = item => {\n if (!canBuyItem(item)) return;\n setResources(prev => ({\n ...prev,\n [item.currency]: prev[item.currency] - item.cost\n }));\n if (item.secondaryCurrency) {\n setResources(prev => ({\n ...prev,\n [item.secondaryCurrency]: prev[item.secondaryCurrency] - item.secondaryCost\n }));\n }\n const inventoryItemId = `${item.inventoryType}${item.id.toString().padStart(3, '0')}`;\n const existingItem = itemsInventory.find(i => i.id === inventoryItemId);\n if (existingItem) {\n setItemsInventory(prev => prev.map(i => i.id === inventoryItemId ? {\n ...i,\n quantity: i.quantity + 1\n } : i));\n } else {\n const newItem = {\n id: inventoryItemId,\n name: item.name,\n icon: item.image,\n quantity: 1,\n type: item.inventoryType,\n description: item.effect,\n usableIn: item.type === \"fusion\" ? [\"pet-synthesis\"] : item.type === \"cosmetic\" ? [\"pet-customization\"] : [\"pet-nurturing\"],\n currency: item.currency,\n cost: item.cost,\n rarity: item.rarity,\n effect: {}\n };\n if (item.type === \"food\") {\n newItem.effect.hungerRestore = item.hungerRestore;\n newItem.effect.moodBoost = item.moodBoost;\n } else if (item.type === \"tool\") {\n newItem.effect.cleanlinessRestore = item.cleanlinessRestore;\n } else if (item.type === \"fusion\") {\n newItem.effect.synthesisPower = item.synthesisPower;\n }\n setItemsInventory(prev => [...prev, newItem]);\n }\n if (item.stock !== undefined) {\n setShopItems(prev => prev.map(shopItem => shopItem.id === item.id ? {\n ...shopItem,\n stock: shopItem.stock - 1\n } : shopItem));\n }\n if (item.purchaseLimit) {\n const today = new Date().toDateString();\n const purchaseHistory = localStorage.getItem(`purchaseHistory_${item.id}_${today}`) || 0;\n localStorage.setItem(`purchaseHistory_${item.id}_${today}`, parseInt(purchaseHistory) + 1);\n }\n setPurchaseAnimation(item.id);\n setTimeout(() => setPurchaseAnimation(null), 1000);\n setEventLog(prev => [{\n message: `You purchased ${item.name} from the Obscura Market.`,\n type: item.rarity === \"rare\" || item.rarity === \"epic\" || item.rarity === \"legendary\" ? \"special\" : \"info\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n if (item.name === \"Stardust Treat\") {\n updatePetStats(selectedPetId, {\n mood: Math.min(selectedPet.mood + 20, 100)\n });\n } else if (item.name === \"Cosmic Bath\") {\n updatePetStats(selectedPetId, {\n cleanliness: 100\n });\n } else if (item.name === \"Luna Orb\") {\n updatePetStats(selectedPetId, {\n level: selectedPet.level + 1\n });\n } else if (item.name === \"Lunar Catalyst\") {\n setEventLog(prev => [{\n message: \"Lunar Catalyst activated! Bond gain doubled for 24 hours.\",\n type: \"special\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n } else if (item.name === \"Mystery Charm Box\" || item.name === \"Astral Food Pack\") {\n setTimeout(() => {\n const rewards = item.name === \"Mystery Charm Box\" ? [\"Cosmic Aura\", \"Starlight Collar\", \"Moon Phase Nest\", \"Nebula Paint\"][Math.floor(Math.random() * 4)] : [\"Cosmic Carrot\", \"Nebula Jerky\", \"Star Cake\", \"Astro Carrot\", \"Voidfish\"][Math.floor(Math.random() * 5)];\n setEventLog(prev => [{\n message: `You opened ${item.name} and found: ${rewards}!`,\n type: \"special\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n }, 1500);\n }\n };\n useEffect(() => {\n const refreshShopItems = () => {\n setShopItems(prev => prev.map(item => {\n if (item.availableUntil) {\n if (item.purchaseCooldown === \"day\") {\n return {\n ...item,\n stock: item.maxStock,\n availableUntil: new Date(new Date().setHours(24, 0, 0, 0)).toISOString()\n };\n }\n }\n return item;\n }));\n const randomChance = Math.random();\n if (randomChance < 0.3 && !shopItems.some(item => item.id === 17)) {\n setShopItems(prev => [...prev, {\n id: 17,\n name: \"Cosmic Resonator\",\n cost: 75,\n currency: \"stardust\",\n secondaryCost: 2,\n secondaryCurrency: \"lunarPrism\",\n effect: \"Triple chance of trait inheritance in fusion\",\n image: \"🔮\",\n category: \"functional\",\n type: \"fusion\",\n inventoryType: \"synthesis\",\n rarity: \"legendary\",\n stock: 1,\n maxStock: 1,\n availableUntil: new Date(new Date().setHours(48, 0, 0, 0)).toISOString(),\n addedOn: new Date().toISOString(),\n purchaseLimit: 1,\n purchaseCooldown: \"week\"\n }]);\n setEventLog(prev => [{\n message: \"A legendary item has appeared in the Obscura Market!\",\n type: \"special\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n }\n };\n const checkMidnight = () => {\n const now = new Date();\n if (now.getHours() === 0 && now.getMinutes() === 0) {\n refreshShopItems();\n }\n };\n const interval = setInterval(checkMidnight, 60000);\n return () => clearInterval(interval);\n }, [shopItems]);\n const startBattle = (playerPet, enemyPet) => {\n const scaledEnemyLevel = Math.max(enemyPet.level, Math.floor(playerPet.level * 0.8));\n const scaledEnemyHealth = Math.floor(enemyPet.health * (scaledEnemyLevel / enemyPet.level));\n const scaledEnemyAttack = Math.floor(enemyPet.attack * (scaledEnemyLevel / enemyPet.level));\n const initialCooldowns = {};\n if (playerPet.skills) {\n playerPet.skills.forEach(skill => {\n initialCooldowns[skill.id] = 0;\n });\n }\n const isPlayerFirstTurn = checkFastTrait(playerPet, enemyPet);\n setBattleState({\n playerPet: playerPet,\n enemyPet: {\n ...enemyPet,\n level: scaledEnemyLevel,\n health: scaledEnemyHealth,\n attack: scaledEnemyAttack\n },\n playerHP: 100,\n enemyHP: 100,\n turn: 1,\n battleLog: [`${playerPet.name} challenges ${enemyPet.name}!`],\n isPlayerTurn: isPlayerFirstTurn,\n damageDealt: 0,\n damageReceived: 0,\n isBattleOver: false,\n result: null,\n rewards: null,\n battleAnimation: null,\n traitTriggered: null,\n skillCooldowns: initialCooldowns,\n activeSkill: null,\n elementalEffect: null,\n playerBuffs: [],\n enemyBuffs: [],\n playerDebuffs: [],\n enemyDebuffs: []\n });\n setSelectedEnemy(null);\n if (!isPlayerFirstTurn) {\n setTimeout(() => {\n enemyAttack();\n }, 800);\n setTimeout(() => {\n setBattleState(prevState => {\n if (!prevState.isPlayerTurn && !prevState.isBattleOver) {\n return {\n ...prevState,\n isPlayerTurn: true,\n battleLog: [...prevState.battleLog, \"Enemy hesitated and lost their turn!\"]\n };\n }\n return prevState;\n });\n }, 5000);\n }\n };\n const handleViewPetDetails = pet => {\n setSelectedPetDetails(pet);\n };\n const checkFastTrait = (playerPet, enemyPet) => {\n const playerHasFastTrait = playerPet.traits.includes(4);\n const enemyHasFastTrait = enemyPet.traits.includes(4);\n if (playerHasFastTrait && !enemyHasFastTrait) {\n return Math.random() < 0.2 ? true : Math.random() < 0.5;\n } else if (!playerHasFastTrait && enemyHasFastTrait) {\n return Math.random() < 0.2 ? false : Math.random() < 0.5;\n } else {\n return Math.random() < 0.5;\n }\n };\n const useSkill = skillId => {\n if (battleState.isBattleOver || !battleState.isPlayerTurn) return;\n if (battleState.skillCooldowns[skillId] > 0) return;\n const skill = battleState.playerPet.skills.find(s => s.id === skillId);\n if (!skill) return;\n let newState = {\n ...battleState\n };\n newState.skillCooldowns = {\n ...newState.skillCooldowns,\n [skillId]: skill.cooldown\n };\n if (skill.isBuff) {\n newState.playerBuffs = [...newState.playerBuffs.filter(b => b.effect !== skill.effect), {\n name: skill.name,\n effect: skill.effect,\n value: skill.value,\n duration: skill.duration,\n icon: skill.icon\n }];\n newState.battleLog = [...newState.battleLog, `${battleState.playerPet.name} uses ${skill.name}!`, `${skill.effect === \"attack\" ? \"Attack\" : \"Defense\"} increased by ${Math.round((skill.value - 1) * 100)}% for ${skill.duration} turns!`];\n } else if (skill.isDebuff) {\n newState.enemyDebuffs = [...newState.enemyDebuffs.filter(b => b.effect !== skill.effect), {\n name: skill.name,\n effect: skill.effect,\n value: skill.value,\n duration: skill.duration,\n icon: skill.icon\n }];\n newState.battleLog = [...newState.battleLog, `${battleState.playerPet.name} uses ${skill.name}!`, `Enemy ${skill.effect === \"attack\" ? \"Attack\" : \"Defense\"} reduced by ${Math.round((1 - skill.value) * 100)}% for ${skill.duration} turns!`];\n } else {\n const {\n damage,\n isCritical,\n elementalBonus\n } = calculateSkillDamage(battleState.playerPet, \"player\", skill);\n const enemyBlocked = checkStubborn(battleState.enemyPet);\n const actualDamage = enemyBlocked ? 0 : damage;\n const newEnemyHP = Math.max(0, battleState.enemyHP - actualDamage);\n let logEntry = `${battleState.playerPet.name} uses ${skill.name} for ${actualDamage} damage!`;\n if (elementalBonus > 0) {\n logEntry = `${battleState.playerPet.name} uses ${skill.name} for ${actualDamage} damage! ${elementTypes[skill.element].icon} Super effective!`;\n newState.elementalEffect = \"advantage\";\n } else if (elementalBonus < 0) {\n logEntry = `${battleState.playerPet.name} uses ${skill.name} for ${actualDamage} damage! Not very effective...`;\n newState.elementalEffect = \"disadvantage\";\n }\n if (isCritical) {\n logEntry = `${battleState.playerPet.name} uses ${skill.name} for a CRITICAL ${actualDamage} damage! ✨`;\n newState.traitTriggered = \"lucky\";\n }\n if (enemyBlocked) {\n logEntry = `${battleState.enemyPet.name} blocks ${skill.name}! 🛡️`;\n newState.traitTriggered = \"stubborn\";\n }\n newState.battleLog = [...newState.battleLog, logEntry];\n newState.enemyHP = newEnemyHP;\n newState.damageDealt += actualDamage;\n newState.battleAnimation = \"playerAttack\";\n newState.activeSkill = skillId;\n }\n if (newState.enemyHP <= 0) {\n const rewards = calculateRewards(battleState.playerPet, battleState.enemyPet);\n newState.battleLog = [...newState.battleLog, `${battleState.enemyPet.name} is defeated!`];\n newState.isBattleOver = true;\n newState.result = \"victory\";\n newState.rewards = rewards;\n setBattleState(newState);\n setResources(prev => ({\n ...prev,\n stardust: prev.stardust + rewards.stardust,\n leafChimes: prev.leafChimes + rewards.leafChimes,\n lunarPrism: prev.lunarPrism + rewards.lunarPrism\n }));\n return;\n }\n const hasDoubleAttack = checkEnergeticTrait(battleState.playerPet);\n if (hasDoubleAttack && !skill.isBuff && !skill.isDebuff) {\n const {\n damage: secondDamage\n } = calculateSkillDamage(battleState.playerPet, \"player\", skill, 0.7);\n const newEnemyHPAfterSecond = Math.max(0, newState.enemyHP - secondDamage);\n newState.battleLog = [...newState.battleLog, `${battleState.playerPet.name} attacks again for ${secondDamage} damage! ⚡`];\n newState.enemyHP = newEnemyHPAfterSecond;\n newState.damageDealt += secondDamage;\n newState.traitTriggered = \"energetic\";\n if (newEnemyHPAfterSecond <= 0) {\n const rewards = calculateRewards(battleState.playerPet, battleState.enemyPet);\n newState.battleLog = [...newState.battleLog, `${battleState.enemyPet.name} is defeated!`];\n newState.isBattleOver = true;\n newState.result = \"victory\";\n newState.rewards = rewards;\n setBattleState(newState);\n setResources(prev => ({\n ...prev,\n stardust: prev.stardust + rewards.stardust,\n leafChimes: prev.leafChimes + rewards.leafChimes,\n lunarPrism: prev.lunarPrism + rewards.lunarPrism\n }));\n return;\n }\n }\n newState.isPlayerTurn = false;\n setBattleState(newState);\n const enemyTurnTimer = setTimeout(() => {\n enemyAttack();\n }, 1000);\n const turnRecoveryTimer = setTimeout(() => {\n if (!battleState.isPlayerTurn && !battleState.isBattleOver) {\n console.log(\"Turn recovery: Enemy turn timed out after skill use\");\n setBattleState(prev => ({\n ...prev,\n isPlayerTurn: true,\n battleLog: [...prev.battleLog, \"Enemy hesitated and lost their turn!\"],\n battleAnimation: null,\n traitTriggered: null\n }));\n }\n }, 5000);\n return () => {\n clearTimeout(enemyTurnTimer);\n clearTimeout(turnRecoveryTimer);\n };\n };\n const attackEnemy = () => {\n if (battleState.isBattleOver) return;\n setBattleState(prevState => {\n if (!prevState.isPlayerTurn) return prevState;\n let newState = {\n ...prevState\n };\n const {\n damage,\n isCritical\n } = calculateDamage(prevState.playerPet, \"player\");\n const enemyBlocked = checkStubborn(prevState.enemyPet);\n const actualDamage = enemyBlocked ? 0 : damage;\n const newEnemyHP = Math.max(0, prevState.enemyHP - actualDamage);\n let logEntry = `${prevState.playerPet.name} attacks for ${actualDamage} damage!`;\n if (isCritical) {\n logEntry = `${prevState.playerPet.name} lands a CRITICAL hit for ${actualDamage} damage! ✨`;\n newState.traitTriggered = \"lucky\";\n }\n if (enemyBlocked) {\n logEntry = `${prevState.enemyPet.name} blocks the attack! 🛡️`;\n newState.traitTriggered = \"stubborn\";\n }\n newState.battleLog = [...newState.battleLog, logEntry];\n newState.enemyHP = newEnemyHP;\n newState.damageDealt += actualDamage;\n newState.battleAnimation = \"playerAttack\";\n newState.activeSkill = null;\n if (newEnemyHP <= 0) {\n const rewards = calculateRewards(prevState.playerPet, prevState.enemyPet);\n newState.battleLog = [...newState.battleLog, `${prevState.enemyPet.name} is defeated!`];\n newState.isBattleOver = true;\n newState.result = \"victory\";\n newState.rewards = rewards;\n setTimeout(() => {\n setResources(prev => ({\n ...prev,\n stardust: prev.stardust + rewards.stardust,\n leafChimes: prev.leafChimes + rewards.leafChimes,\n lunarPrism: prev.lunarPrism + rewards.lunarPrism\n }));\n }, 0);\n return newState;\n }\n const hasDoubleAttack = checkEnergeticTrait(prevState.playerPet);\n if (hasDoubleAttack) {\n const {\n damage: secondDamage\n } = calculateDamage(prevState.playerPet, \"player\", 0.7);\n const newEnemyHPAfterSecond = Math.max(0, newEnemyHP - secondDamage);\n newState.battleLog = [...newState.battleLog, `${prevState.playerPet.name} attacks again for ${secondDamage} damage! ⚡`];\n newState.enemyHP = newEnemyHPAfterSecond;\n newState.damageDealt += secondDamage;\n newState.traitTriggered = \"energetic\";\n if (newEnemyHPAfterSecond <= 0) {\n const rewards = calculateRewards(prevState.playerPet, prevState.enemyPet);\n newState.battleLog = [...newState.battleLog, `${prevState.enemyPet.name} is defeated!`];\n newState.isBattleOver = true;\n newState.result = \"victory\";\n newState.rewards = rewards;\n setTimeout(() => {\n setResources(prev => ({\n ...prev,\n stardust: prev.stardust + rewards.stardust,\n leafChimes: prev.leafChimes + rewards.leafChimes,\n lunarPrism: prev.lunarPrism + rewards.lunarPrism\n }));\n }, 0);\n return newState;\n }\n }\n newState.isPlayerTurn = false;\n setTimeout(() => {\n enemyAttack();\n }, 1000);\n setTimeout(() => {\n setBattleState(prev => {\n if (!prev.isPlayerTurn && !prev.isBattleOver) {\n console.log(\"Turn recovery: Enemy turn timed out\");\n return {\n ...prev,\n isPlayerTurn: true,\n battleLog: [...prev.battleLog, \"Enemy hesitated and lost their turn!\"],\n battleAnimation: null,\n traitTriggered: null\n };\n }\n return prev;\n });\n }, 5000);\n return newState;\n });\n };\n const handleRetreat = () => {\n if (resources.stardust < 10) return;\n setResources(prev => ({\n ...prev,\n stardust: prev.stardust - 10\n }));\n if (battleState.playerPet) {\n updatePetStats(battleState.playerPet.id, {\n mood: Math.max(0, pets.find(p => p.id === battleState.playerPet.id)?.mood - 5 || 0)\n });\n }\n setBattleState(prev => ({\n ...prev,\n battleLog: [...prev.battleLog, \"You retreated from battle. The enemy wins.\"],\n isBattleOver: true,\n result: \"retreat\",\n isPlayerTurn: false\n }));\n };\n const enemyAttack = () => {\n setBattleState(currentState => {\n if (currentState.isBattleOver) return currentState;\n let newState = {\n ...currentState\n };\n Object.keys(newState.skillCooldowns).forEach(skillId => {\n if (newState.skillCooldowns[skillId] > 0) {\n newState.skillCooldowns[skillId] -= 1;\n }\n });\n newState.playerBuffs = newState.playerBuffs.map(buff => ({\n ...buff,\n duration: buff.duration - 1\n })).filter(buff => buff.duration > 0);\n newState.enemyBuffs = newState.enemyBuffs.map(buff => ({\n ...buff,\n duration: buff.duration - 1\n })).filter(buff => buff.duration > 0);\n newState.playerDebuffs = newState.playerDebuffs.map(debuff => ({\n ...debuff,\n duration: debuff.duration - 1\n })).filter(debuff => debuff.duration > 0);\n newState.enemyDebuffs = newState.enemyDebuffs.map(debuff => ({\n ...debuff,\n duration: debuff.duration - 1\n })).filter(debuff => debuff.duration > 0);\n let useBasicAttack = true;\n let chosenSkill = null;\n if (currentState.enemyPet && currentState.enemyPet.skills && currentState.enemyPet.skills.length > 0) {\n if (Math.random() < 0.7) {\n chosenSkill = currentState.enemyPet.skills[Math.floor(Math.random() * currentState.enemyPet.skills.length)];\n useBasicAttack = false;\n }\n }\n if (useBasicAttack) {\n const {\n damage\n } = calculateDamage(currentState.enemyPet, \"enemy\");\n const playerBlocked = checkStubborn(currentState.playerPet);\n const actualDamage = playerBlocked ? 0 : damage;\n const newPlayerHP = Math.max(0, currentState.playerHP - actualDamage);\n let logEntry = `${currentState.enemyPet.name} attacks for ${actualDamage} damage!`;\n if (playerBlocked) {\n logEntry = `${currentState.playerPet.name} blocks the attack! 🛡️`;\n newState.traitTriggered = \"stubborn\";\n }\n newState.battleLog = [...newState.battleLog, logEntry];\n newState.playerHP = newPlayerHP;\n newState.damageReceived += actualDamage;\n newState.battleAnimation = \"enemyAttack\";\n } else if (chosenSkill) {\n const {\n damage,\n elementalBonus\n } = calculateSkillDamage(currentState.enemyPet, \"enemy\", chosenSkill);\n const playerBlocked = checkStubborn(currentState.playerPet);\n const actualDamage = playerBlocked ? 0 : damage;\n const newPlayerHP = Math.max(0, currentState.playerHP - actualDamage);\n let logEntry = `${currentState.enemyPet.name} uses ${chosenSkill.name} for ${actualDamage} damage!`;\n if (elementalBonus > 0) {\n logEntry = `${currentState.enemyPet.name} uses ${chosenSkill.name} for ${actualDamage} damage! ${elementTypes[chosenSkill.element].icon} Super effective!`;\n } else if (elementalBonus < 0) {\n logEntry = `${currentState.enemyPet.name} uses ${chosenSkill.name} for ${actualDamage} damage! Not very effective...`;\n }\n if (playerBlocked) {\n logEntry = `${currentState.playerPet.name} blocks ${chosenSkill.name}! 🛡️`;\n newState.traitTriggered = \"stubborn\";\n }\n newState.battleLog = [...newState.battleLog, logEntry];\n newState.playerHP = newPlayerHP;\n newState.damageReceived += actualDamage;\n newState.battleAnimation = \"enemyAttack\";\n }\n newState.turn = currentState.turn + 1;\n if (newState.playerHP <= 0) {\n newState.battleLog = [...newState.battleLog, `${currentState.playerPet.name} is defeated!`];\n newState.isBattleOver = true;\n newState.result = \"defeat\";\n return newState;\n }\n const hasDoubleAttack = checkEnergeticTrait(currentState.enemyPet);\n if (hasDoubleAttack) {\n const {\n damage: secondDamage\n } = calculateDamage(currentState.enemyPet, \"enemy\", 0.7);\n const playerBlockedSecond = checkStubborn(currentState.playerPet);\n const actualSecondDamage = playerBlockedSecond ? 0 : secondDamage;\n const newPlayerHPAfterSecond = Math.max(0, newState.playerHP - actualSecondDamage);\n let secondLogEntry = `${currentState.enemyPet.name} attacks again for ${actualSecondDamage} damage! ⚡`;\n if (playerBlockedSecond) {\n secondLogEntry = `${currentState.playerPet.name} blocks the second attack! 🛡️`;\n }\n newState.battleLog = [...newState.battleLog, secondLogEntry];\n newState.playerHP = newPlayerHPAfterSecond;\n newState.damageReceived += actualSecondDamage;\n newState.traitTriggered = \"energetic\";\n if (newPlayerHPAfterSecond <= 0) {\n newState.battleLog = [...newState.battleLog, `${currentState.playerPet.name} is defeated!`];\n newState.isBattleOver = true;\n newState.result = \"defeat\";\n return newState;\n }\n }\n newState.isPlayerTurn = true;\n newState.battleAnimation = null;\n newState.traitTriggered = null;\n console.log(\"Enemy turn complete, switching to player turn\");\n return newState;\n });\n };\n const calculateDamage = (attacker, side, multiplier = 1) => {\n const attackBuffs = side === \"player\" ? battleState.playerBuffs.filter(b => b.effect === \"attack\") : battleState.enemyBuffs.filter(b => b.effect === \"attack\");\n const attackDebuffs = side === \"player\" ? battleState.playerDebuffs.filter(d => d.effect === \"attack\") : battleState.enemyDebuffs.filter(d => d.effect === \"attack\");\n const buffMultiplier = attackBuffs.reduce((total, buff) => total * buff.value, 1);\n const debuffMultiplier = attackDebuffs.reduce((total, debuff) => total * debuff.value, 1);\n const baseDamage = Math.floor(Math.random() * 5 + attacker.level * 3) * multiplier * buffMultiplier * debuffMultiplier;\n let isCritical = false;\n if (attacker.traits.includes(1)) {\n const criticalRoll = Math.random();\n if (criticalRoll < 0.1) {\n isCritical = true;\n return {\n damage: Math.floor(baseDamage * 2),\n isCritical\n };\n }\n }\n return {\n damage: Math.floor(baseDamage),\n isCritical\n };\n };\n const calculateSkillDamage = (attacker, side, skill, multiplier = 1) => {\n let elementalBonus = 0;\n if (skill.element && attacker.element) {\n const attackerElement = attacker.element;\n const defenderElement = side === \"player\" ? battleState.enemyPet ? battleState.enemyPet.element : null : battleState.playerPet ? battleState.playerPet.element : null;\n if (defenderElement && elementTypes[attackerElement] && elementTypes[attackerElement].beats === defenderElement) {\n elementalBonus = 0.25;\n } else if (defenderElement && elementTypes[defenderElement] && elementTypes[defenderElement].beats === attackerElement) {\n elementalBonus = -0.25;\n }\n }\n const attackBuffs = side === \"player\" ? battleState.playerBuffs.filter(b => b.effect === \"attack\") : battleState.enemyBuffs.filter(b => b.effect === \"attack\");\n const attackDebuffs = side === \"player\" ? battleState.playerDebuffs.filter(d => d.effect === \"attack\") : battleState.enemyDebuffs.filter(d => d.effect === \"attack\");\n const buffMultiplier = attackBuffs.reduce((total, buff) => total * buff.value, 1);\n const debuffMultiplier = attackDebuffs.reduce((total, debuff) => total * debuff.value, 1);\n const baseDamage = Math.floor(skill.damage * (Math.random() * 5 + attacker.level * 3)) * multiplier * buffMultiplier * debuffMultiplier * (1 + elementalBonus);\n let isCritical = false;\n if (attacker.traits.includes(1)) {\n const criticalRoll = Math.random();\n if (criticalRoll < 0.1) {\n isCritical = true;\n return {\n damage: Math.floor(baseDamage * 2),\n isCritical,\n elementalBonus\n };\n }\n }\n return {\n damage: Math.floor(baseDamage),\n isCritical,\n elementalBonus\n };\n };\n const checkStubborn = pet => {\n if (pet.traits.includes(3)) {\n return Math.random() < 0.1;\n }\n return false;\n };\n const checkEnergeticTrait = pet => {\n if (pet.traits.includes(2)) {\n return Math.random() < 0.15;\n }\n return false;\n };\n const calculateRewards = (playerPet, enemyPet) => {\n const baseStardust = enemyPet.level * 5;\n const baseLeafChimes = enemyPet.level * 10;\n const baseLunarPrism = Math.random() > 0.7 ? 1 : 0;\n const hasBrightTrait = playerPet.traits.includes(5);\n const brightMultiplier = hasBrightTrait ? 1.1 : 1;\n const rarityMultiplier = enemyPet.rarity === \"Legendary\" ? 2.0 : enemyPet.rarity === \"Epic\" ? 1.5 : enemyPet.rarity === \"Rare\" ? 1.2 : enemyPet.rarity === \"Uncommon\" ? 1.1 : 1.0;\n const stardust = Math.floor(baseStardust * brightMultiplier * rarityMultiplier);\n const leafChimes = Math.floor(baseLeafChimes * brightMultiplier * rarityMultiplier);\n const lunarPrism = baseLunarPrism;\n const rareItemChance = 0.05 * rarityMultiplier * (hasBrightTrait ? 1.1 : 1);\n const hasRareItem = Math.random() < rareItemChance;\n return {\n stardust,\n leafChimes,\n lunarPrism,\n hasRareItem,\n hasBrightBonus: hasBrightTrait\n };\n };\n const resetBattle = () => {\n if (battleState.isBattleOver && battleState.playerPet) {\n if (battleState.result === 'victory') {\n gainXP(battleState.playerPet.id, 50);\n } else if (battleState.result === 'defeat') {\n gainXP(battleState.playerPet.id, 20);\n }\n }\n setBattleState({\n playerPet: null,\n enemyPet: null,\n playerHP: 100,\n enemyHP: 100,\n turn: 0,\n battleLog: [],\n isPlayerTurn: true,\n damageDealt: 0,\n damageReceived: 0,\n isBattleOver: false,\n result: null,\n rewards: null,\n battleAnimation: null,\n traitTriggered: null,\n skillCooldowns: {},\n activeSkill: null,\n elementalEffect: null,\n playerBuffs: [],\n enemyBuffs: [],\n playerDebuffs: [],\n enemyDebuffs: []\n });\n };\n const selectPetForSynthesis = pet => {\n if (selectedPets.includes(pet)) {\n setSelectedPets(prev => prev.filter(p => p.id !== pet.id));\n } else if (selectedPets.length < 2) {\n setSelectedPets(prev => [...prev, pet]);\n }\n };\n const findCommonTraits = (pet1, pet2) => {\n return pet1.traits.filter(trait => pet2.traits.includes(trait));\n };\n const synthesizePets = () => {\n setFusionResult(null);\n const hasStarEssence = itemsInventory.find(item => item.name === \"Star Essence\" && item.quantity > 0);\n const synthMaterial = itemsInventory.find(item => item.type === \"synthesis\" && item.quantity > 0);\n if (selectedPets.length !== 2) return;\n if (!(synthMaterial || resources.stardust >= 30)) return;\n if (selectedPets.some(pet => pet.moodState === \"unhappy\" || pet.moodState === \"sad\")) {\n setFusionResult({\n success: false,\n message: \"Fusion failed! Your pets need to be in a better mood to fuse successfully.\"\n });\n return;\n }\n if (synthMaterial) {\n setItemsInventory(prev => prev.map(item => item.id === synthMaterial.id ? {\n ...item,\n quantity: item.quantity - 1\n } : item));\n } else {\n setResources(prev => ({\n ...prev,\n stardust: prev.stardust - 30\n }));\n }\n const baseSuccessRate = 70;\n const boostedSuccessRate = 90;\n const successChance = useStarEssence ? boostedSuccessRate : baseSuccessRate;\n const randomSuccess = Math.random() * 100;\n if (randomSuccess > successChance) {\n setFusionResult({\n success: false,\n message: \"Fusion failed! Resources consumed but no pet was created.\"\n });\n return;\n }\n if (useStarEssence && hasStarEssence) {\n setItemsInventory(prev => prev.map(item => item.name === \"Star Essence\" ? {\n ...item,\n quantity: item.quantity - 1\n } : item));\n }\n const parent1 = selectedPets[0];\n const parent2 = selectedPets[1];\n const commonTraits = findCommonTraits(parent1, parent2);\n const allParentTraits = [...new Set([...parent1.traits, ...parent2.traits])];\n const traitSources = {};\n let traitsToInherit = [];\n if (useStarEssence) {\n if (commonTraits.length > 0) {\n const commonTrait = commonTraits[0];\n traitsToInherit.push(commonTrait);\n traitSources[commonTrait] = \"shared\";\n }\n if (traitsToInherit.length < 2 && allParentTraits.length > traitsToInherit.length) {\n const remainingTraits = allParentTraits.filter(t => !traitsToInherit.includes(t));\n const sortedTraits = [...remainingTraits].sort((a, b) => {\n const traitA = petTraits.find(t => t.id === a);\n const traitB = petTraits.find(t => t.id === b);\n const rarityScore = trait => {\n if (!trait) return 0;\n return trait.rarity === \"rare\" ? 3 : trait.rarity === \"uncommon\" ? 2 : 1;\n };\n return rarityScore(traitB) - rarityScore(traitA);\n });\n if (sortedTraits.length > 0) {\n const selectedTrait = sortedTraits[0];\n traitsToInherit.push(selectedTrait);\n if (parent1.traits.includes(selectedTrait) && parent2.traits.includes(selectedTrait)) {\n traitSources[selectedTrait] = \"shared\";\n } else if (parent1.traits.includes(selectedTrait)) {\n traitSources[selectedTrait] = \"parent1\";\n } else {\n traitSources[selectedTrait] = \"parent2\";\n }\n }\n }\n } else {\n if (commonTraits.length > 0 && Math.random() < 0.7) {\n const commonTrait = commonTraits[0];\n traitsToInherit.push(commonTrait);\n traitSources[commonTrait] = \"shared\";\n } else if (allParentTraits.length > 0) {\n const randomIndex = Math.floor(Math.random() * allParentTraits.length);\n const selectedTrait = allParentTraits[randomIndex];\n traitsToInherit.push(selectedTrait);\n if (parent1.traits.includes(selectedTrait) && parent2.traits.includes(selectedTrait)) {\n traitSources[selectedTrait] = \"shared\";\n } else if (parent1.traits.includes(selectedTrait)) {\n traitSources[selectedTrait] = \"parent1\";\n } else {\n traitSources[selectedTrait] = \"parent2\";\n }\n }\n }\n const mutationChance = Math.random() * 100;\n const isMutated = mutationChance <= (useStarEssence ? 5 : 3);\n if (isMutated && traitsToInherit.length < 2) {\n const availableTraits = petTraits.filter(trait => !allParentTraits.includes(trait.id)).map(trait => trait.id);\n if (availableTraits.length > 0) {\n const randomTrait = availableTraits[Math.floor(Math.random() * availableTraits.length)];\n traitsToInherit.push(randomTrait);\n traitSources[randomTrait] = \"mutation\";\n }\n }\n const parentTypes = [selectedPets[0].type, selectedPets[1].type].sort();\n const secretRecipe = secretFusions.find(recipe => recipe.parent1 === parentTypes[0] && recipe.parent2 === parentTypes[1] || recipe.parent1 === parentTypes[1] && recipe.parent2 === parentTypes[0]);\n let petType, petImage, petRarity;\n if (secretRecipe) {\n petType = secretRecipe.result.type;\n petImage = secretRecipe.result.image;\n petRarity = secretRecipe.result.rarity;\n } else {\n petType = Math.random() > 0.7 ? \"Star Serpent\" : \"Nebula Fox\";\n petImage = petType === \"Star Serpent\" ? \"🐍\" : \"🦊\";\n petRarity = Math.random() > 0.8 ? \"Uncommon\" : \"Common\";\n }\n if (isMutated) {\n petRarity = petRarity === \"Common\" ? \"Uncommon\" : petRarity === \"Uncommon\" ? \"Rare\" : petRarity === \"Rare\" ? \"Epic\" : \"Legendary\";\n }\n const newPet = {\n id: pets.length + 1,\n name: isMutated ? `★ ${petType.split(' ')[0]}${Math.floor(Math.random() * 100)}` : `${petType.split(' ')[0]}${Math.floor(Math.random() * 1000)}`,\n level: 1,\n type: petType,\n image: petImage,\n hunger: 100,\n cleanliness: 100,\n mood: 100,\n moodState: \"happy\",\n lastMoodUpdate: new Date().toISOString(),\n favoriteFood: foodItems[Math.floor(Math.random() * foodItems.length)].name,\n description: isMutated ? \"A rare mutated cosmic companion\" : \"Newly synthesized cosmic companion\",\n hungerDecayRate: 1.0 + (Math.random() * 0.4 - 0.2),\n moodRecoveryRate: 1.0 + (Math.random() * 0.4 - 0.2),\n traits: traitsToInherit,\n personality: Math.floor(Math.random() * personalities.length) + 1,\n rarity: petRarity,\n isMutated: isMutated,\n traitSources: traitSources\n };\n setPets(prev => [...prev, newPet]);\n if (newPet.type) {\n setCodexEntries(prev => prev.map(entry => entry.name === newPet.type ? {\n ...entry,\n discovered: true,\n image: newPet.image\n } : entry));\n }\n setFusionLog(prev => [...prev, {\n id: Date.now(),\n parents: [selectedPets[0].name, selectedPets[1].name],\n parentTypes: [selectedPets[0].type, selectedPets[1].type],\n child: newPet.name,\n childType: newPet.type,\n isMutated: isMutated,\n usedStarEssence: useStarEssence,\n inheritedTraits: traitsToInherit.map(id => ({\n id,\n source: traitSources[id]\n })),\n timestamp: Date.now()\n }]);\n setFusionResult({\n success: true,\n pet: newPet,\n message: secretRecipe ? \"Secret fusion discovered!\" : isMutated ? \"Mutation detected!\" : \"Fusion successful!\",\n isSecret: !!secretRecipe,\n isMutated: isMutated,\n usedStarEssence: useStarEssence,\n traitSources: traitSources\n });\n setSelectedPets([]);\n setUseStarEssence(false);\n updateTaskProgress('synthesis');\n };\n const calculateXpToNext = level => {\n return level * 100;\n };\n const gainXP = (petId, amount) => {\n setPets(prevPets => {\n return prevPets.map(pet => {\n if (pet.id === petId) {\n if (pet.level >= 10 && !pet.isEvolved) {\n return pet;\n }\n const newXp = pet.xp + amount;\n if (newXp >= pet.xpToNext) {\n const newLevel = pet.level + 1;\n setShowLevelUpAnimation({\n petId: pet.id,\n petName: pet.name,\n newLevel: newLevel,\n timestamp: Date.now()\n });\n return {\n ...pet,\n level: newLevel,\n xp: 0,\n xpToNext: calculateXpToNext(newLevel),\n attack: pet.attack + 1,\n defense: pet.defense + 1\n };\n } else {\n return {\n ...pet,\n xp: newXp\n };\n }\n }\n return pet;\n });\n });\n };\n const updatePetStats = (petId, newStats) => {\n setPets(prevPets => prevPets.map(pet => pet.id === petId ? {\n ...pet,\n ...newStats\n } : pet));\n };\n const checkEvolution = pet => {\n if (!pet.evolutionForms || pet.evolutionForms.length === 0) return false;\n const nextEvolution = pet.evolutionForms[pet.evolutionStage];\n if (!nextEvolution) return false;\n if (pet.level < 10) return false;\n if (nextEvolution.requiredTrait && !pet.traits.includes(nextEvolution.requiredTrait)) {\n return false;\n }\n if (pet.evolutionStage >= pet.evolutionForms.length) return false;\n if (pet.moodState === \"unhappy\" || pet.moodState === \"sad\") {\n return false;\n }\n if (pet.requiresRitual && nextEvolution.resources.specialCondition) {}\n const resources_required = nextEvolution.resources;\n if (resources.stardust < resources_required.stardust || resources.lunarPrism < resources_required.lunarPrism) {\n return false;\n }\n if (resources_required.specialItems && resources_required.specialItems.length > 0) {}\n return true;\n };\n const evolveSelectedPet = () => {\n if (!selectedPet || !checkEvolution(selectedPet)) return;\n const nextEvolution = selectedPet.evolutionForms[selectedPet.evolutionStage];\n setEvolutionData({\n pet: selectedPet,\n evolvedForm: nextEvolution,\n nextStage: selectedPet.evolutionStage + 1\n });\n setEvolutionStages(prev => ({\n ...prev,\n viewingStage: selectedPet.evolutionStage + 1,\n selectedStage: selectedPet.evolutionStage + 1\n }));\n setShowEvolutionModal(true);\n };\n const confirmEvolution = () => {\n const nextEvolution = selectedPet.evolutionForms[selectedPet.evolutionStage];\n const resources_required = nextEvolution.resources;\n setResources(prev => ({\n ...prev,\n stardust: prev.stardust - resources_required.stardust,\n lunarPrism: prev.lunarPrism - resources_required.lunarPrism\n }));\n setEvolutionAnimation(true);\n const growthStats = nextEvolution.growthStats;\n setEvolutionStats(growthStats);\n setTimeout(() => {\n const evolvedPet = {\n ...selectedPet,\n name: nextEvolution.name,\n type: nextEvolution.type,\n image: nextEvolution.image,\n level: 1,\n xp: 0,\n xpToNext: calculateXpToNext(1),\n hunger: 100,\n cleanliness: 100,\n mood: 100,\n description: nextEvolution.description,\n rarity: nextEvolution.rarity,\n canEvolve: selectedPet.evolutionStage + 1 < selectedPet.evolutionForms.length,\n evolutionStage: selectedPet.evolutionStage + 1,\n attack: selectedPet.attack + growthStats.attack,\n defense: selectedPet.defense + growthStats.defense,\n moodRecoveryRate: selectedPet.moodRecoveryRate + growthStats.moodRecovery,\n hungerDecayRate: selectedPet.hungerDecayRate + growthStats.hungerDecay,\n isEvolved: true,\n evolutionSource: selectedPet.name,\n battleStats: {\n baseHp: (selectedPet.battleStats?.baseHp || 100) + growthStats.defense * 5,\n baseAttack: (selectedPet.battleStats?.baseAttack || 10) + growthStats.attack\n }\n };\n setPets(prevPets => prevPets.map(pet => pet.id === selectedPet.id ? evolvedPet : pet));\n const codexEntry = codexEntries.find(entry => entry.name === nextEvolution.name);\n if (codexEntry) {\n setCodexEntries(prev => prev.map(entry => entry.id === codexEntry.id ? {\n ...entry,\n discovered: true\n } : entry));\n }\n setTimeout(() => {\n setEvolutionAnimation(false);\n setShowEvolutionModal(false);\n setEvolutionData(null);\n setEvolutionStats(null);\n updateTaskProgress('evolution');\n }, 2500);\n }, 1500);\n };\n const openFoodPanel = () => {\n setShowFoodPanel(true);\n };\n const closeFoodPanel = () => {\n setShowFoodPanel(false);\n };\n const feedPet = food => {\n const inventoryFood = itemsInventory.find(item => item.name === food.name && item.quantity > 0);\n if (selectedPet.moodState === \"sad\") {\n setPetAnimation('sad');\n setTimeout(() => setPetAnimation(null), 1500);\n return;\n }\n const today = new Date().toDateString();\n const petInteractions = dailyInteractions[today] || {};\n const petFeedCount = petInteractions[`feed_${selectedPetId}`] || 0;\n if (petFeedCount >= 3) {\n setEventLog(prev => [{\n message: `${selectedPet.name} can't eat anymore today. Try again tomorrow!`,\n type: \"warning\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n return;\n }\n if (inventoryFood && !actionCooldowns.feed) {\n const personality = getPersonality(selectedPet.personality);\n const isFavorite = food.name === selectedPet.favoriteFood;\n const hungerBonus = isFavorite ? 10 : 0;\n const baseMoodBonus = isFavorite ? 20 : food.moodBoost;\n const moodBonus = baseMoodBonus * personality.moodMultiplier.feed;\n const newMood = Math.min(selectedPet.mood + moodBonus, 100);\n const newMoodState = getMoodState(newMood);\n const bondBonus = isFavorite ? 2 : 1;\n updateBondLevel(selectedPetId, bondBonus);\n updatePetStats(selectedPetId, {\n hunger: Math.min(selectedPet.hunger + food.hungerRestore + hungerBonus, 100),\n mood: newMood,\n moodState: newMoodState,\n lastMoodUpdate: new Date().toISOString()\n });\n const moodMessage = newMood > selectedPet.mood + 15 ? `${selectedPet.name} is delighted by the meal! Mood increased significantly.` : `${selectedPet.name} enjoys the food. Mood improved.`;\n setEventLog(prev => [{\n message: moodMessage,\n type: \"mood\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n setDailyInteractions(prev => {\n const today = new Date().toDateString();\n const updatedInteractions = {\n ...prev\n };\n if (!updatedInteractions[today]) updatedInteractions[today] = {};\n updatedInteractions[today][`feed_${selectedPetId}`] = (updatedInteractions[today][`feed_${selectedPetId}`] || 0) + 1;\n return updatedInteractions;\n });\n gainXP(selectedPetId, 10);\n setItemsInventory(prev => prev.map(item => item.id === inventoryFood.id ? {\n ...item,\n quantity: item.quantity - 1\n } : item));\n if (moodBonus > 5) {\n setPetAnimation(personality.id === 1 ? 'feedGluttonous' : isFavorite ? 'favorite' : 'eating');\n setShowPetAction({\n petId: selectedPetId,\n action: 'love',\n text: isFavorite ? 'Favorite food!' : 'Yummy!'\n });\n } else {\n setPetAnimation('eating');\n }\n setTimeout(() => setPetAnimation(null), 1500);\n setTimeout(() => setShowPetAction(null), 2000);\n setActionCooldowns(prev => ({\n ...prev,\n feed: true\n }));\n setTimeout(() => {\n setActionCooldowns(prev => ({\n ...prev,\n feed: false\n }));\n }, 1000);\n setShowFoodPanel(false);\n updateTaskProgress('nurture');\n } else if (resources[food.currency] >= food.cost && !actionCooldowns.feed) {\n const personality = getPersonality(selectedPet.personality);\n const isFavorite = food.name === selectedPet.favoriteFood;\n const hungerBonus = isFavorite ? 10 : 0;\n const baseMoodBonus = isFavorite ? 20 : food.moodBoost;\n const moodBonus = baseMoodBonus * personality.moodMultiplier.feed;\n const newMood = Math.min(selectedPet.mood + moodBonus, 100);\n const newMoodState = getMoodState(newMood);\n const bondBonus = isFavorite ? 2 : 1;\n updateBondLevel(selectedPetId, bondBonus);\n updatePetStats(selectedPetId, {\n hunger: Math.min(selectedPet.hunger + food.hungerRestore + hungerBonus, 100),\n mood: newMood,\n moodState: newMoodState,\n lastMoodUpdate: new Date().toISOString()\n });\n setEventLog(prev => [{\n message: `${selectedPet.name} enjoys the food and feels better!`,\n type: \"mood\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n setDailyInteractions(prev => {\n const today = new Date().toDateString();\n const updatedInteractions = {\n ...prev\n };\n if (!updatedInteractions[today]) updatedInteractions[today] = {};\n updatedInteractions[today][`feed_${selectedPetId}`] = (updatedInteractions[today][`feed_${selectedPetId}`] || 0) + 1;\n return updatedInteractions;\n });\n setResources(prev => ({\n ...prev,\n [food.currency]: prev[food.currency] - food.cost\n }));\n if (moodBonus > 5) {\n setPetAnimation(personality.id === 1 ? 'feedGluttonous' : isFavorite ? 'favorite' : 'eating');\n setShowPetAction({\n petId: selectedPetId,\n action: 'love',\n text: isFavorite ? 'Favorite food!' : 'Yummy!'\n });\n } else {\n setPetAnimation('eating');\n }\n setTimeout(() => setPetAnimation(null), 1500);\n setTimeout(() => setShowPetAction(null), 2000);\n setActionCooldowns(prev => ({\n ...prev,\n feed: true\n }));\n setTimeout(() => {\n setActionCooldowns(prev => ({\n ...prev,\n feed: false\n }));\n }, 1000);\n setShowFoodPanel(false);\n updateTaskProgress('nurture');\n }\n };\n const cleanPet = () => {\n if (selectedPet.moodState === \"sad\") {\n setPetAnimation('sad');\n setTimeout(() => setPetAnimation(null), 1500);\n return;\n }\n const today = new Date().toDateString();\n const petInteractions = dailyInteractions[today] || {};\n const petCleanCount = petInteractions[`clean_${selectedPetId}`] || 0;\n if (petCleanCount >= 3) {\n setEventLog(prev => [{\n message: `${selectedPet.name} is clean enough for today. Try again tomorrow!`,\n type: \"warning\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n return;\n }\n const cleaningItem = itemsInventory.find(item => item.type === \"cleaning\" && item.quantity > 0);\n if (cleaningItem && !actionCooldowns.clean) {\n const personality = getPersonality(selectedPet.personality);\n const baseMoodBonus = 5;\n const moodBonus = baseMoodBonus * personality.moodMultiplier.clean;\n const newMood = Math.min(selectedPet.mood + moodBonus, 100);\n const newMoodState = getMoodState(newMood);\n updateBondLevel(selectedPetId, 1);\n updatePetStats(selectedPetId, {\n cleanliness: Math.min(selectedPet.cleanliness + cleaningItem.effect.cleanlinessRestore, 100),\n mood: newMood,\n moodState: newMoodState,\n lastMoodUpdate: new Date().toISOString()\n });\n setEventLog(prev => [{\n message: `${selectedPet.name} feels refreshed and clean!`,\n type: \"mood\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n setDailyInteractions(prev => {\n const today = new Date().toDateString();\n const updatedInteractions = {\n ...prev\n };\n if (!updatedInteractions[today]) updatedInteractions[today] = {};\n updatedInteractions[today][`clean_${selectedPetId}`] = (updatedInteractions[today][`clean_${selectedPetId}`] || 0) + 1;\n return updatedInteractions;\n });\n gainXP(selectedPetId, 5);\n setItemsInventory(prev => prev.map(item => item.id === cleaningItem.id ? {\n ...item,\n quantity: item.quantity - 1\n } : item));\n setPetAnimation(personality.id === 2 ? 'cleanFreak' : 'cleaning');\n setShowPetAction({\n petId: selectedPetId,\n action: 'sparkle',\n text: 'So fresh!'\n });\n setTimeout(() => setPetAnimation(null), 1500);\n setTimeout(() => setShowPetAction(null), 2000);\n setActionCooldowns(prev => ({\n ...prev,\n clean: true\n }));\n setTimeout(() => {\n setActionCooldowns(prev => ({\n ...prev,\n clean: false\n }));\n }, 1000);\n updateTaskProgress('nurture');\n } else if (resources.stardust >= 3 && !actionCooldowns.clean) {\n const personality = getPersonality(selectedPet.personality);\n const baseMoodBonus = 5;\n const moodBonus = baseMoodBonus * personality.moodMultiplier.clean;\n const newMood = Math.min(selectedPet.mood + moodBonus, 100);\n const newMoodState = getMoodState(newMood);\n updateBondLevel(selectedPetId, 1);\n updatePetStats(selectedPetId, {\n cleanliness: 100,\n mood: newMood,\n moodState: newMoodState,\n lastMoodUpdate: new Date().toISOString()\n });\n setEventLog(prev => [{\n message: `${selectedPet.name} is squeaky clean now!`,\n type: \"mood\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n setDailyInteractions(prev => {\n const today = new Date().toDateString();\n const updatedInteractions = {\n ...prev\n };\n if (!updatedInteractions[today]) updatedInteractions[today] = {};\n updatedInteractions[today][`clean_${selectedPetId}`] = (updatedInteractions[today][`clean_${selectedPetId}`] || 0) + 1;\n return updatedInteractions;\n });\n setResources(prev => ({\n ...prev,\n stardust: prev.stardust - 3\n }));\n setPetAnimation(personality.id === 2 ? 'cleanFreak' : 'cleaning');\n setShowPetAction({\n petId: selectedPetId,\n action: 'sparkle',\n text: 'Sparkling clean!'\n });\n setTimeout(() => setPetAnimation(null), 1500);\n setTimeout(() => setShowPetAction(null), 2000);\n setActionCooldowns(prev => ({\n ...prev,\n clean: true\n }));\n setTimeout(() => {\n setActionCooldowns(prev => ({\n ...prev,\n clean: false\n }));\n }, 1000);\n updateTaskProgress('nurture');\n }\n };\n const playWithPet = () => {\n if (selectedPet.moodState === \"sad\") {\n setPetAnimation('sad');\n setTimeout(() => setPetAnimation(null), 1500);\n return;\n }\n const today = new Date().toDateString();\n const petInteractions = dailyInteractions[today] || {};\n const petPlayCount = petInteractions[`play_${selectedPetId}`] || 0;\n if (petPlayCount >= 3) {\n setEventLog(prev => [{\n message: `${selectedPet.name} is tired of playing. Try again tomorrow!`,\n type: \"warning\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n return;\n }\n if (!actionCooldowns.play) {\n const personality = getPersonality(selectedPet.personality);\n const baseMoodBonus = 15;\n const moodBonus = baseMoodBonus * personality.moodMultiplier.play * selectedPet.moodRecoveryRate;\n const newMood = Math.min(selectedPet.mood + moodBonus, 100);\n const newMoodState = getMoodState(newMood);\n updateBondLevel(selectedPetId, 2);\n updatePetStats(selectedPetId, {\n mood: newMood,\n moodState: newMoodState,\n hunger: Math.max(selectedPet.hunger - 5, 0),\n lastMoodUpdate: new Date().toISOString()\n });\n const moodMessage = newMood > 80 ? `${selectedPet.name} is having a blast playing with you!` : `${selectedPet.name} enjoys your attention.`;\n setEventLog(prev => [{\n message: moodMessage,\n type: \"mood\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n setDailyInteractions(prev => {\n const today = new Date().toDateString();\n const updatedInteractions = {\n ...prev\n };\n if (!updatedInteractions[today]) updatedInteractions[today] = {};\n updatedInteractions[today][`play_${selectedPetId}`] = (updatedInteractions[today][`play_${selectedPetId}`] || 0) + 1;\n return updatedInteractions;\n });\n gainXP(selectedPetId, 15);\n setPetAnimation(personality.id === 5 ? 'playFriendly' : 'playing');\n if (selectedPet.bondLevel >= 3) {\n setShowPetAction({\n petId: selectedPetId,\n action: 'play',\n text: selectedPet.bondLevel >= 4 ? 'Best friends!' : 'So much fun!'\n });\n } else {\n setShowPetAction({\n petId: selectedPetId,\n action: 'happy',\n text: 'Fun time!'\n });\n }\n setTimeout(() => setPetAnimation(null), 1500);\n setTimeout(() => setShowPetAction(null), 2000);\n setActionCooldowns(prev => ({\n ...prev,\n play: true\n }));\n setTimeout(() => {\n setActionCooldowns(prev => ({\n ...prev,\n play: false\n }));\n }, 1000);\n updateTaskProgress('nurture');\n }\n };\n const petPet = () => {\n if (selectedPet.moodState === \"sad\") {\n setPetAnimation('sad');\n setTimeout(() => setPetAnimation(null), 1500);\n return;\n }\n const today = new Date().toDateString();\n const petInteractions = dailyInteractions[today] || {};\n const petPetCount = petInteractions[`pet_${selectedPetId}`] || 0;\n if (petPetCount >= 5) {\n setEventLog(prev => [{\n message: `${selectedPet.name} needs some space. Try again tomorrow!`,\n type: \"warning\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n return;\n }\n let animationType = 'petted';\n if (selectedPet.bondLevel >= 4) {\n animationType = 'bondPet';\n } else if (selectedPet.bondLevel >= 2) {\n animationType = 'happyPet';\n }\n const bondMultiplier = 1 + selectedPet.bondLevel * 0.1;\n const moodBonus = 5 * bondMultiplier;\n const newMood = Math.min(selectedPet.mood + moodBonus, 100);\n const newMoodState = getMoodState(newMood);\n updateBondLevel(selectedPetId, 1);\n updatePetStats(selectedPetId, {\n mood: newMood,\n moodState: newMoodState,\n lastMoodUpdate: new Date().toISOString()\n });\n let petMessage = `${selectedPet.name} enjoys the attention!`;\n if (selectedPet.bondLevel >= 4) {\n petMessage = `${selectedPet.name} is deeply bonded with you!`;\n } else if (selectedPet.bondLevel >= 2) {\n petMessage = `${selectedPet.name} trusts you more every day.`;\n }\n setEventLog(prev => [{\n message: petMessage,\n type: \"bond\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n setDailyInteractions(prev => {\n const today = new Date().toDateString();\n const updatedInteractions = {\n ...prev\n };\n if (!updatedInteractions[today]) updatedInteractions[today] = {};\n updatedInteractions[today][`pet_${selectedPetId}`] = (updatedInteractions[today][`pet_${selectedPetId}`] || 0) + 1;\n return updatedInteractions;\n });\n setPetAnimation(animationType);\n const actionTexts = ['Nice pet!', 'Enjoying it!', 'So soothing!', 'Best friends!', 'Cosmic bond!'];\n setShowPetAction({\n petId: selectedPetId,\n action: 'love',\n text: actionTexts[Math.min(selectedPet.bondLevel, 4)]\n });\n setTimeout(() => setPetAnimation(null), 1500);\n setTimeout(() => setShowPetAction(null), 2000);\n gainXP(selectedPetId, 2);\n };\n const updateBondLevel = (petId, points) => {\n setPets(prevPets => {\n return prevPets.map(pet => {\n if (pet.id === petId) {\n const today = new Date().toDateString();\n const petInteractions = dailyInteractions[today] || {};\n const totalBondPoints = petInteractions[`bond_${petId}`] || 0;\n if (totalBondPoints >= 20) {\n return pet;\n }\n setDailyInteractions(prev => {\n const updatedInteractions = {\n ...prev\n };\n if (!updatedInteractions[today]) updatedInteractions[today] = {};\n updatedInteractions[today][`bond_${petId}`] = (updatedInteractions[today][`bond_${petId}`] || 0) + points;\n return updatedInteractions;\n });\n const moodMultiplier = pet.mood >= 80 ? 1.2 : pet.mood >= 50 ? 1.0 : pet.mood >= 20 ? 0.8 : 0.5;\n const adjustedPoints = points * moodMultiplier;\n const newBondPoints = pet.bondPoints + adjustedPoints;\n let newBondLevel = pet.bondLevel;\n let newBondPointsToNext = pet.bondPointsToNext;\n let leveledUp = false;\n if (newBondLevel < 5 && newBondPoints >= pet.bondPointsToNext) {\n newBondLevel++;\n newBondPoints = newBondPoints - pet.bondPointsToNext;\n newBondPointsToNext = calculateBondPointsToNext(newBondLevel);\n leveledUp = true;\n setBondLevelUp({\n petId: pet.id,\n petName: pet.name,\n newLevel: newBondLevel,\n timestamp: Date.now()\n });\n setEventLog(prev => [{\n message: `${pet.name}'s bond with you has deepened to level ${newBondLevel}!`,\n type: \"bond\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n }\n return {\n ...pet,\n bondPoints: newBondLevel < 5 ? newBondPoints : pet.bondPoints,\n bondLevel: newBondLevel,\n bondPointsToNext: newBondPointsToNext,\n lastBondUpdate: new Date().toISOString()\n };\n }\n return pet;\n });\n });\n };\n const getMoodState = mood => {\n if (mood >= 80) return \"happy\";\n if (mood >= 50) return \"neutral\";\n if (mood >= 20) return \"unhappy\";\n return \"sad\";\n };\n const getMoodIcon = mood => {\n if (mood >= 80) return \"😊\";\n if (mood >= 50) return \"🙂\";\n if (mood >= 20) return \"😕\";\n return \"😢\";\n };\n const getMoodEffects = moodState => {\n switch (moodState) {\n case \"happy\":\n return {\n effect: \"Bonus to synthesis/fusion outcome & resource yields\",\n color: \"text-green-400\"\n };\n case \"neutral\":\n return {\n effect: \"No effect\",\n color: \"text-gray-300\"\n };\n case \"unhappy\":\n return {\n effect: \"Cannot evolve or perform fusion\",\n color: \"text-orange-400\"\n };\n case \"sad\":\n return {\n effect: \"Pet refuses interaction\",\n color: \"text-red-400\"\n };\n default:\n return {\n effect: \"\",\n color: \"\"\n };\n }\n };\n const getBondEffects = bondLevel => {\n switch (bondLevel) {\n case 0:\n return {\n effect: \"No bond established yet\",\n color: \"text-gray-400\"\n };\n case 1:\n return {\n effect: \"Basic interactions unlocked\",\n color: \"text-blue-300\"\n };\n case 2:\n return {\n effect: \"+5% resource yields\",\n color: \"text-green-300\"\n };\n case 3:\n return {\n effect: \"+10% resource yields, glowing visual effects\",\n color: \"text-purple-300\"\n };\n case 4:\n return {\n effect: \"+15% resource yields, rare interaction animations\",\n color: \"text-pink-300\"\n };\n case 5:\n return {\n effect: \"+25% resource yields, cosmic bond aura\",\n color: \"text-yellow-300\"\n };\n default:\n return {\n effect: \"\",\n color: \"\"\n };\n }\n };\n const calculateBondPointsToNext = bondLevel => {\n return bondLevel < 5 ? 100 : null;\n };\n const getPersonality = personalityId => {\n return personalities.find(p => p.id === personalityId) || personalities[0];\n };\n const selectPet = petId => {\n setSelectedPetId(petId);\n };\n useEffect(() => {\n const interval = setInterval(() => {\n const now = new Date();\n setPets(prevPets => {\n const updatedPets = prevPets.map(pet => {\n const personality = getPersonality(pet.personality);\n const timeSinceLastUpdate = new Date(now) - new Date(pet.lastMoodUpdate);\n const minutesPassed = timeSinceLastUpdate / (1000 * 60);\n const moodDecay = minutesPassed * 0.3 * personality.decayMultiplier;\n const newHunger = Math.max(pet.hunger - pet.hungerDecayRate * 0.1, 0);\n const newCleanliness = Math.max(pet.cleanliness - 0.5, 0);\n const newMood = Math.max(pet.mood - moodDecay, 0);\n const oldMoodState = pet.moodState;\n const newMoodState = getMoodState(newMood);\n const significantMoodDrop = oldMoodState !== newMoodState && newMoodState === \"unhappy\";\n if (significantMoodDrop) {\n setEventLog(prev => [{\n message: `${pet.name} is feeling unhappy. They need attention!`,\n type: \"warning\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n }\n const timeSinceLastBondUpdate = new Date(now) - new Date(pet.lastBondUpdate);\n const daysSinceLastBondUpdate = timeSinceLastBondUpdate / (1000 * 60 * 60 * 24);\n let bondDecay = 0;\n if (daysSinceLastBondUpdate > 3) {\n bondDecay = Math.floor(daysSinceLastBondUpdate / 3);\n }\n return {\n ...pet,\n hunger: newHunger,\n cleanliness: newCleanliness,\n mood: newMood,\n moodState: newMoodState,\n lastMoodUpdate: now.toISOString(),\n bondPoints: Math.max(0, pet.bondPoints - (bondDecay > 0 ? 5 : 0)),\n lastBondUpdate: bondDecay > 0 ? now.toISOString() : pet.lastBondUpdate\n };\n });\n const unhappyPets = updatedPets.filter(pet => pet.moodState === \"unhappy\" || pet.moodState === \"sad\").length;\n if (unhappyPets >= 2) {\n setEventLog(prev => {\n if (prev.length === 0 || prev[0].type !== \"alert\") {\n return [{\n message: `${unhappyPets} of your pets are feeling down! Consider spending time with them.`,\n type: \"alert\",\n timestamp: new Date().toISOString()\n }, ...prev];\n }\n return prev;\n });\n }\n return updatedPets;\n });\n }, 10000);\n const midnightCheck = setInterval(() => {\n const now = new Date();\n if (now.getHours() === 0 && now.getMinutes() === 0) {\n setDailyInteractions(prev => {\n const currentDay = now.toDateString();\n if (prev[currentDay]) return prev;\n setEventLog(prev => [{\n message: \"A new day has begun! Daily interaction limits have been reset.\",\n type: \"info\",\n timestamp: new Date().toISOString()\n }, ...prev]);\n return {\n [currentDay]: {}\n };\n });\n }\n }, 60000);\n return () => {\n clearInterval(interval);\n clearInterval(midnightCheck);\n };\n }, []);\n const TaskRewardIcon = ({\n reward\n }) => {\n if (reward.type === \"leafChimes\") {\n return

\n 🍃\n {reward.amount}\n

;\n } else if (reward.type === \"stardust\") {\n return

\n ✨\n {reward.amount}\n

;\n } else if (reward.type === \"lunarPrism\") {\n return

\n 🌙\n {reward.amount}\n

;\n } else if (reward.type === \"special\") {\n return

\n {reward.icon}\n {reward.item}\n

;\n }\n return null;\n };\n const RewardClaimButton = ({\n task,\n claimTaskReward\n }) => {\n const [claiming, setClaiming] = useState(false);\n const handleClaim = () => {\n setClaiming(true);\n claimTaskReward(task.id);\n setTimeout(() => setClaiming(false), 1500);\n };\n return \n {}\n Claim Reward\n \n {}\n {claiming &&

\n {}\n {task.reward.type === \"leafChimes\" && }\n {task.reward.type === \"stardust\" && }\n {task.reward.type === \"lunarPrism\" && }\n {task.reward.type === \"special\" && }\n \n \n Claimed!\n \n

}\n ;\n };\n const AnimatedRewardParticles = ({\n icon,\n color\n }) => {\n return <>\n {[...Array(8)].map((_, i) => \n {icon}\n )}\n ;\n };\n const getTraitSourceDisplay = (traitId, sources) => {\n if (!sources) return \"\";\n const source = sources[traitId];\n if (source === \"shared\") return \"Shared\";\n if (source === \"parent1\") return \"From Parent A\";\n if (source === \"parent2\") return \"From Parent B\";\n if (source === \"mutation\") return \"Mutation\";\n return \"\";\n };\n return

\n \n \n {}\n \n {showLevelUpAnimation && {\n setTimeout(() => setShowLevelUpAnimation(null), 500);\n }}>\n \n \n LEVEL UP!\n \n

\n {showLevelUpAnimation.petName} reached level {showLevelUpAnimation.newLevel}!\n

\n \n }\n \n \n {}\n \n {showEvolutionModal && \n \n {!evolutionAnimation ? <>\n

\n Lunar Ascension: Evolution Phase {evolutionData?.nextStage}\n

\n \n

{evolutionData?.pet.name}

Level {evolutionData?.pet.level}

\n {evolutionData?.pet.rarity}\n

\n \n

\n \n →\n \n

\n Evolution {evolutionData?.pet.evolutionStage + 1}\n

\n \n

\n {evolutionData?.evolvedForm?.image}\n \n

{evolutionData?.evolvedForm?.name}

Level 1

\n {evolutionData?.evolvedForm?.rarity}\n

\n \n

Evolution Benefits

Attack:

\n {evolutionData?.pet.attack || 0}\n →\n {(evolutionData?.pet.attack || 0) + evolutionData?.evolvedForm?.growthStats.attack}\n (+{evolutionData?.evolvedForm?.growthStats.attack})\n

\n \n

Defense:

\n {evolutionData?.pet.defense || 0}\n →\n {(evolutionData?.pet.defense || 0) + evolutionData?.evolvedForm?.growthStats.defense}\n (+{evolutionData?.evolvedForm?.growthStats.defense})\n

\n \n

Mood Recovery:

\n {evolutionData?.pet.moodRecoveryRate.toFixed(1)}\n →\n {(evolutionData?.pet.moodRecoveryRate + evolutionData?.evolvedForm?.growthStats.moodRecovery).toFixed(1)}\n (+{evolutionData?.evolvedForm?.growthStats.moodRecovery})\n

\n \n

Hunger Rate:

\n {evolutionData?.pet.hungerDecayRate.toFixed(1)}\n →\n {(evolutionData?.pet.hungerDecayRate + evolutionData?.evolvedForm?.growthStats.hungerDecay).toFixed(1)}\n ({evolutionData?.evolvedForm?.growthStats.hungerDecay})\n

\n \n

Rarity Score:

\n {evolutionData?.pet.rarity === \"Common\" ? 1 : evolutionData?.pet.rarity === \"Uncommon\" ? 2 : evolutionData?.pet.rarity === \"Rare\" ? 3 : evolutionData?.pet.rarity === \"Epic\" ? 4 : 5}\n →\n +{evolutionData?.evolvedForm?.growthStats.rarityScore} Stars\n

\n \n

\n Your pet will become more powerful but will return to level 1.\n

\n {evolutionData?.evolvedForm?.description}\n

\n \n

Evolution Cost:

\n {evolutionData?.evolvedForm?.resources?.stardust > 0 &&

\n ✨\n {evolutionData.evolvedForm.resources.stardust} Stardust\n

}\n \n {evolutionData?.evolvedForm?.resources?.lunarPrism > 0 &&

\n 🌙\n {evolutionData.evolvedForm.resources.lunarPrism} Lunar Prism\n

}\n \n {evolutionData?.evolvedForm?.resources?.specialItems?.map((item, index) =>

\n \n {evolutionItems.find(i => i.id === item.id)?.icon || \"💎\"}\n \n {item.quantity} {evolutionItems.find(i => i.id === item.id)?.name || \"Special Item\"}\n

)}\n \n {evolutionData?.evolvedForm?.resources?.specialCondition &&

\n 🌠\n {evolutionData.evolvedForm.resources.specialCondition}\n

}\n

\n \n

\n setShowEvolutionModal(false)}>\n Cancel\n \n \n Lunar Ascension\n \n

\n :

\n \n {evolutionData?.pet && }\n \n \n \n {[...Array(40)].map((_, i) => )}\n \n \n \n {[...Array(20)].map((_, i) => )}\n \n \n \n 🌙\n \n

\n \n \n {evolutionData?.evolvedForm?.image}\n \n \n \n \n 🎉 Lunar Ascension Complete!\n \n \n \n

\n {evolutionData?.pet.name} evolved into {evolutionData?.evolvedForm?.name}!\n

\n \n {evolutionStats &&

+{evolutionStats.attack} Attack ↑

+{evolutionStats.defense} Defense ↑

+{evolutionStats.moodRecovery} Mood Recovery ↑

\n {evolutionStats.hungerDecay < 0 &&

{evolutionStats.hungerDecay} Hunger Decay ↑

}\n

}\n \n

}\n \n }\n \n \n

\n \n \n \n \n

\n \n 🍃\n {resources.leafChimes} Leaf Chimes\n \n \n \n ✨\n {resources.stardust} Stardust\n \n \n \n 🌙\n {resources.lunarPrism} Lunar Prism\n \n

\n \n

\n \n 🌙 MoonPaws 🐾\n \n \n {activeModule === null ? \n handleModuleClick('nurturing')} color=\"from-purple-500 to-indigo-600\" />\n \n handleModuleClick('synthesis')} color=\"from-blue-500 to-teal-600\" />\n \n handleModuleClick('battle')} color=\"from-red-500 to-yellow-600\" />\n \n handleModuleClick('shop')} color=\"from-green-500 to-teal-600\" />\n \n handleModuleClick('inventory')} color=\"from-pink-500 to-purple-600\" />\n \n handleModuleClick('codex')} color=\"from-yellow-500 to-orange-600\" />\n \n handleModuleClick('rituals')} color=\"from-indigo-500 to-blue-600\" />\n :

\n {activeModule === 'nurturing' && '🐾 Pet Nurturing'}\n {activeModule === 'synthesis' && activeSection === 'fusion' ? '🧬 Pet Synthesis' : '📒 Fusion Codex'}\n {activeModule === 'battle' && '⚔️ Battle Arena'}\n {activeModule === 'shop' && '🛒 Celestial Shop'}\n {activeModule === 'inventory' && '📦 Cosmic Inventory'}\n {activeModule === 'codex' && '📘 Cosmic Codex'}\n {activeModule === 'rituals' && '📅 Daily Ritual Tasks'}\n

\n setActiveModule(null)}>\n ← Back\n \n

\n \n {activeModule === 'nurturing' &&

Pet Nurturing

\n \n setEventLog([])} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n 📜\n Clear Events\n \n

\n \n \n {bondLevelUp && {\n setTimeout(() => setBondLevelUp(null), 500);\n }}>\n \n \n BOND LEVEL UP!\n \n

\n {bondLevelUp.petName}'s bond has deepened to level {bondLevelUp.newLevel}!\n

\n {getBondEffects(bondLevelUp.newLevel).effect}\n

\n \n }\n \n \n

\n {pets.map(pet => selectPet(pet.id)}>\n

\n \n {pet.level >= 10 && checkEvolution(pet) && \n ✨\n }\n

{pet.name}

Lvl {pet.level} · {getMoodIcon(pet.mood)}

\n {getPersonality(pet.personality).icon}\n \n ♥ {pet.favoriteFood.split(' ')[0]}\n \n

\n )}\n

\n \n

\n \n \n {petAnimation && \n {petAnimation === 'favorite' &&

\n {[...Array(8)].map((_, i) => \n ✨\n )}\n

}\n \n {petAnimation === 'cleaning' &&

\n {[...Array(5)].map((_, i) => \n 🫧\n )}\n

}\n \n {petAnimation === 'cleanFreak' &&

\n {[...Array(8)].map((_, i) => \n {i % 2 === 0 ? '🫧' : '✨'}\n )}\n

}\n \n {petAnimation === 'feedGluttonous' &&

\n \n 🍖 Yum!\n \n

}\n \n {petAnimation === 'playFriendly' &&

\n {[...Array(5)].map((_, i) => \n {i % 3 === 0 ? '❤️' : i % 3 === 1 ? '✨' : '🧡'}\n )}\n

}\n \n {petAnimation === 'sad' &&

\n \n 😢 Not now...\n \n

}\n }\n \n

\n \n

\n {selectedPet.name} - Level {selectedPet.level} \n {getMoodIcon(selectedPet.mood)}\n

\n \n

{selectedPet.type} - {selectedPet.description}

\n \n

\n {getPersonality(selectedPet.personality).icon}\n {getPersonality(selectedPet.personality).name}\n

\n\n {}\n {selectedPet.level < 10 || selectedPet.isEvolved ?

\n XP\n {selectedPet.xp} / {selectedPet.xpToNext}\n

\n \n

\n ✨\n Maximum level reached - Ready for evolution!\n

}\n \n

\n Favorite food: {selectedPet.favoriteFood} {selectedPet.favoriteFood === \"Cosmic Carrot\" ? \"🥕\" : selectedPet.favoriteFood === \"Nebula Jerky\" ? \"🥩\" : selectedPet.favoriteFood === \"Starcake\" ? \"🍰\" : selectedPet.favoriteFood === \"Astro Carrot\" ? \"🥕\" : selectedPet.favoriteFood === \"Voidfish\" ? \"🐟\" : \"\"}\n

\n \n

\n Personality: \n \n {getPersonality(selectedPet.personality).effect}\n \n \n

\n \n

\n \n Mood: {getMoodEffects(selectedPet.moodState).effect}\n \n \n Bond: {getBondEffects(selectedPet.bondLevel).effect}\n \n

\n \n

\n \n \n \n

\n \n

\n {showPetAction && showPetAction.petId === selectedPetId && \n

\n {showPetAction.text}\n

\n }\n \n

\n\n

\n {Array(5).fill(0).map((_, i) => = 5 ? 'text-yellow-300' : 'text-blue-300' : 'text-gray-600'}`}>\n {i < selectedPet.bondLevel ? selectedPet.bondLevel >= 5 ? '✨' : '🌕' : '🌑'}\n )}\n

\n \n {selectedPet.bondLevel < 5 &&

\n Bond\n {selectedPet.bondPoints} / {selectedPet.bondPointsToNext}\n

\n \n

}\n \n

\n \n \n \n \n \n {selectedPet && selectedPet.level >= 10 && checkEvolution(selectedPet) && \n \n }\n

\n \n {}\n

Pet Journal

\n {eventLog.length > 0 ?

\n {eventLog.slice(0, 10).map((event, index) => \n {event.message}\n

\n {new Date(event.timestamp).toLocaleTimeString()}\n

\n )}\n

📝

\n No events yet. Interact with your pet!\n

}\n

\n \n {selectedPet && selectedPet.level >= 10 && !checkEvolution(selectedPet) && selectedPet.evolutionForms &&

\n {selectedPet.evolutionStage >= selectedPet.evolutionForms.length ?

Maximum evolution stage reached

: selectedPet.evolutionForms[selectedPet.evolutionStage] && !selectedPet.traits.includes(selectedPet.evolutionForms[selectedPet.evolutionStage].requiredTrait) ?

Evolution requires {petTraits.find(t => t.id === selectedPet.evolutionForms[selectedPet.evolutionStage].requiredTrait)?.icon} {petTraits.find(t => t.id === selectedPet.evolutionForms[selectedPet.evolutionStage].requiredTrait)?.name} trait

: selectedPet.evolutionForms[selectedPet.evolutionStage] && (resources.stardust < selectedPet.evolutionForms[selectedPet.evolutionStage].resources.stardust || resources.lunarPrism < selectedPet.evolutionForms[selectedPet.evolutionStage].resources.lunarPrism) ?

Evolution requires {selectedPet.evolutionForms[selectedPet.evolutionStage].resources.stardust} ✨ Stardust and {selectedPet.evolutionForms[selectedPet.evolutionStage].resources.lunarPrism} 🌙 Lunar Prism

: selectedPet.requiresRitual ?

This pet requires a special ritual for evolution

Unable to evolve right now

}\n

}\n \n {showFoodPanel && \n \n

Select Food

\n \n

\n {foodItems.map(food => = food.cost ? 'border-purple-500 hover:bg-purple-900 hover:bg-opacity-30' : 'border-gray-700 opacity-50 cursor-not-allowed'}`} whileHover={resources[food.currency] >= food.cost ? {\n scale: 1.02\n } : {}} whileTap={resources[food.currency] >= food.cost ? {\n scale: 0.98\n } : {}} onClick={() => resources[food.currency] >= food.cost && feedPet(food)}>\n

{food.icon}

\n {food.name}\n {food.name === selectedPet.favoriteFood && Favorite! ⭐}\n

{food.description}

\n +{food.hungerRestore}% Hunger\n {food.moodBoost > 0 && +{food.moodBoost}% Mood}\n

\n {food.cost} {food.currency === 'leafChimes' ? '🍃' : '✨'}\n

\n )}\n

\n \n }\n

}\n \n {activeModule === 'synthesis' &&

\n setActiveSection('fusion')}>\n 🧬\n Fusion Lab\n \n \n setActiveSection('fusionLog')}>\n 📒\n Fusion Codex\n \n

\n \n {activeSection === 'fusion' ?

Select two pets to synthesize a new cosmic companion (Costs 30 ✨)

\n \n {}\n {fusionResult && \n

\n {fusionResult.success ? fusionResult.message : \"Fusion Failed\"}\n

\n \n {fusionResult.success ?

\n \n

\n {fusionResult.pet.name}\n

\n {fusionResult.pet.type} - {fusionResult.pet.rarity}\n

\n \n {fusionResult.pet.traits.length > 0 &&

\n {fusionResult.pet.traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n const source = getTraitSourceDisplay(traitId, fusionResult.traitSources);\n return trait ?

\n {trait.icon}\n {trait.name}\n {fusionResult.usedStarEssence && ✨}\n ({source})\n

: null;\n })}\n

}\n \n \n

\n Your fusion attempt failed! The stardust was consumed, but no pet was created.\n

\n \n

}\n }\n \n

Parent A

\n {selectedPets[0] ?

\n \n

{selectedPets[0].name}

{selectedPets[0].type} - Lvl {selectedPets[0].level}

\n {selectedPets[0].traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n return trait ?

\n {trait.icon}\n {trait.name}\n

: null;\n })}\n

\n \n {selectedPets[0].rarity}\n \n

\n Select a pet\n

}\n

\n \n

\n = 30 ? useStarEssence ? 'bg-gradient-to-r from-blue-300 to-purple-400 hover:from-blue-200 hover:to-purple-300 text-black' : 'bg-gradient-to-r from-yellow-300 to-purple-400 hover:from-yellow-200 hover:to-purple-300 text-black' : 'bg-gray-600 text-gray-400 cursor-not-allowed'}`} whileHover={selectedPets.length === 2 && resources.stardust >= 30 ? {\n scale: 1.05\n } : {}} whileTap={selectedPets.length === 2 && resources.stardust >= 30 ? {\n scale: 0.95\n } : {}} onClick={synthesizePets} disabled={selectedPets.length !== 2 || resources.stardust < 30}>\n Synthesize\n

\n 30 ✨ {useStarEssence && \"+ 1 💎\"}\n

\n {useStarEssence ? \"90% Success\" : \"70% Success\"}\n

\n \n \n {}\n {selectedPets.length === 2 &&

\n item.name === \"Star Essence\" && item.quantity > 0) ? '' : 'opacity-50'}`}>\n

\n {\n if (itemsInventory.find(item => item.name === \"Star Essence\" && item.quantity > 0)) {\n setUseStarEssence(!useStarEssence);\n }\n }} disabled={!itemsInventory.find(item => item.name === \"Star Essence\" && item.quantity > 0)} />\n

\n Use Star Essence\n

\n \n

\n {itemsInventory.find(item => item.name === \"Star Essence\") ? `(${itemsInventory.find(item => item.name === \"Star Essence\").quantity})` : '(0)'}\n

\n +20% success chance • Better trait inheritance\n

}\n \n

\n \n

Parent B

\n {selectedPets[1] ?

\n \n

{selectedPets[1].name}

{selectedPets[1].type} - Lvl {selectedPets[1].level}

\n {selectedPets[1].traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n return trait ?

\n {trait.icon}\n {trait.name}\n

: null;\n })}\n

\n \n {selectedPets[1].rarity}\n \n

\n Select a pet\n

}\n

\n \n

\n {pets.map(pet => selectPetForSynthesis(pet)}>\n

\n {pet.isMutated && '★'}\n

{pet.name}

\n {pet.type} - Lvl {pet.level}\n

\n {pet.traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n return trait ? {trait.icon} : null;\n })}\n

\n )}\n

Record of your pet fusions and their results

\n \n

\n {codexEntries.filter(entry => entry.name !== \"Cosmic Wolf\" && entry.name !== \"Moon Rabbit\").map(entry => \n

\n {entry.discovered ? entry.image : '❓'}\n

\n {entry.discovered ? entry.name : '???'}\n

\n {entry.discovered ? entry.description : 'Not yet discovered'}\n

\n {entry.discovered && fusionLog.some(log => log.childType === entry.name) &&

\n First created by fusing: \n {(() => {\n const firstFusion = fusionLog.find(log => log.childType === entry.name);\n return firstFusion ? \n {firstFusion.parentTypes.join(' + ')}\n : null;\n })()}\n

}\n

\n )}\n \n {codexEntries.filter(entry => entry.name !== \"Cosmic Wolf\" && entry.name !== \"Moon Rabbit\").length === 0 &&

\n Synthesize pets to discover new species!\n

}\n

\n \n

Recent Fusions

\n {fusionLog.length > 0 ?

\n {[...fusionLog].reverse().map(fusion =>

\n {fusion.parents.join(' + ')}\n →\n \n {fusion.child} {fusion.isMutated && '★'}\n \n {fusion.usedStarEssence && \n ✨ Boosted\n }\n

\n {new Date(fusion.timestamp).toLocaleTimeString()}\n

\n {fusion.inheritedTraits && fusion.inheritedTraits.length > 0 &&

\n Traits:\n {fusion.inheritedTraits.map(({\n id,\n source\n }) => {\n const trait = petTraits.find(t => t.id === id);\n return trait ? \n {trait.icon} {trait.name} \n \n ({source === \"shared\" ? \"Shared\" : source === \"parent1\" ? \"Parent A\" : source === \"parent2\" ? \"Parent B\" : \"Mutation\"})\n \n : null;\n })}\n

}\n

)}\n

\n No fusion records yet. Start synthesizing!\n

}\n

}\n \n {activeModule === 'battle' &&

\n {!battleState.playerPet && !selectedEnemy ? <>\n

Select one of your pets for battle

\n \n

\n {pets.map(pet => setSelectedEnemy(pet)}>\n

\n {pet.image} {pet.isMutated && '★'}\n

{pet.name}

\n {pet.type} • Level {pet.level}\n

\n {pet.traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n return trait ?

\n {trait.icon}\n

: null;\n })}\n

\n \n {pet.rarity}\n \n

\n )}\n

\n : !battleState.playerPet && selectedEnemy ? <>\n

Select an opponent for {selectedEnemy.name}

\n setSelectedEnemy(null)}>\n ← Back\n \n

\n \n

\n {selectedEnemy.image}\n

{selectedEnemy.name}

Level {selectedEnemy.level} {selectedEnemy.type}

\n {selectedEnemy.traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n return trait ?

\n {trait.icon}\n

: null;\n })}\n

\n \n

Choose an opponent for {selectedEnemy.name} to battle:

\n \n

\n {battleEnemies.map(enemy => startBattle(selectedEnemy, enemy)}>\n

\n {typeof enemy.image === 'string' ? enemy.image : }\n

{enemy.name}

Level {enemy.level} • {enemy.type}

\n {enemy.traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n return trait ?

\n {trait.icon}\n

: null;\n })}\n

\n \n {enemy.rarity}\n \n

\n )}\n

\n :

\n {}\n

\n \n {typeof battleState.enemyPet.image === 'string' ? {battleState.enemyPet.image} : }\n \n

{battleState.enemyPet.name}

Level {battleState.enemyPet.level} • {battleState.enemyPet.type}

\n \n {}\n

\n HP\n {battleState.enemyHP}/100\n

\n \n

\n \n {}\n

\n {battleState.enemyPet.traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n const isActive = battleState.traitTriggered === (traitId === 1 ? \"lucky\" : traitId === 2 ? \"energetic\" : traitId === 3 ? \"stubborn\" : traitId === 4 ? \"fast\" : traitId === 5 ? \"bright\" : \"\");\n return trait ? \n {trait.icon}\n : null;\n })}\n

\n \n {}\n

\n {battleState.isBattleOver ? \n

\n {battleState.result === 'victory' ? '🏆 Victory!' : battleState.result === 'retreat' ? '🏳️ Retreat!' : '💔 Defeat!'}\n

\n \n

Battle lasted {battleState.turn} turns

Damage dealt: {battleState.damageDealt}

Damage received: {battleState.damageReceived}

\n {battleState.result === 'retreat' &&

Paid 10 ✨ stardust for retreat

}\n

\n \n {battleState.result === 'victory' && battleState.rewards &&

Rewards:

\n 🍃 {battleState.rewards.leafChimes}\n

\n ✨ {battleState.rewards.stardust}\n

\n {battleState.rewards.lunarPrism > 0 &&

\n 🌙 {battleState.rewards.lunarPrism}\n

}\n

\n \n

\n ⭐ {battleState.result === 'victory' ? '+50 XP' : '+20 XP'}\n

\n \n {battleState.rewards.hasRareItem &&

\n 🎁 Rare item found!\n

}\n \n {battleState.rewards.hasBrightBonus &&

\n 🌟 Bright trait bonus applied!\n

}\n

}\n \n

\n {\n resetBattle();\n setSelectedEnemy(null);\n }}>\n Return to Arena\n \n \n {battleState.result === 'victory' && {\n const randomIndex = Math.floor(Math.random() * battleEnemies.length);\n startBattle(battleState.playerPet, battleEnemies[randomIndex]);\n }}>\n Fight Again\n }\n

\n :

\n {battleState.battleLog.map((log, i) => \n {log}\n )}\n

}\n \n {!battleState.isBattleOver && <>\n

\n \n {battleState.isPlayerTurn ? '🗡️ Basic Attack' : 'Enemy Turn...'}\n \n \n {battleState.playerPet && battleState.playerPet.skills && battleState.isPlayerTurn &&

\n {battleState.playerPet.skills.map(skill => 0 ? 'bg-gray-700 text-gray-500 cursor-not-allowed' : battleState.isPlayerTurn ? 'bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-500 hover:to-purple-500 text-white' : 'bg-gray-700 text-gray-400 cursor-not-allowed'}`} whileHover={battleState.isPlayerTurn && battleState.skillCooldowns[skill.id] === 0 ? {\n scale: 1.02\n } : {}} whileTap={battleState.isPlayerTurn && battleState.skillCooldowns[skill.id] === 0 ? {\n scale: 0.98\n } : {}} onClick={() => useSkill(skill.id)} disabled={!battleState.isPlayerTurn || battleState.skillCooldowns[skill.id] > 0}>\n

\n {skill.icon}\n

{skill.name}

{skill.description}

\n {battleState.skillCooldowns[skill.id] > 0 &&

\n Cooldown: {battleState.skillCooldowns[skill.id]}\n

}\n \n {}\n

\n {elementTypes[skill.element]?.icon}\n

\n \n {}\n {battleState.skillCooldowns[skill.id] > 0 &&

{battleState.skillCooldowns[skill.id]}

}\n )}\n

}\n \n {}\n = 10 ? 'border-red-500 text-red-400 hover:bg-red-900 hover:bg-opacity-30' : 'border-gray-600 text-gray-500 cursor-not-allowed'}`} whileHover={resources.stardust >= 10 ? {\n scale: 1.02\n } : {}} whileTap={resources.stardust >= 10 ? {\n scale: 0.98\n } : {}} onClick={handleRetreat} disabled={resources.stardust < 10}>\n 🏳️ Retreat (Costs 10 ✨)\n \n

\n }\n \n

Turn {battleState.turn} • {battleState.isPlayerTurn ? \"Your Turn\" : \"Enemy Turn\"}

\n \n {}\n

\n {battleState.playerBuffs.map((buff, index) =>

\n {buff.icon}\n {buff.duration}\n

)}\n \n {battleState.enemyDebuffs.map((debuff, index) =>

\n {debuff.icon}\n {debuff.duration}\n

)}\n

\n \n {}\n

\n \n \n \n

\n {battleState.playerPet.name}\n \n {elementTypes[battleState.playerPet.element]?.icon}\n \n

Level {battleState.playerPet.level} • {battleState.playerPet.type}

\n \n {}\n

\n HP\n {battleState.playerHP}/100\n

\n \n

\n \n {}\n

\n {battleState.playerPet.traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n const isActive = battleState.traitTriggered === (traitId === 1 ? \"lucky\" : traitId === 2 ? \"energetic\" : traitId === 3 ? \"stubborn\" : traitId === 4 ? \"fast\" : traitId === 5 ? \"bright\" : \"\");\n return trait ? \n {trait.icon}\n : null;\n })}\n

}\n

}\n \n {activeModule === 'shop' &&

🌌 Obscura Market

\n Next refresh:\n {new Date(new Date().setHours(24, 0, 0, 0)).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n })}\n

\n {\n const toast = {\n message: \"The Obscura Market has been refreshed with new mysterious items!\",\n type: \"info\",\n timestamp: new Date().toISOString()\n };\n setEventLog(prev => [toast, ...prev]);\n }}>\n 🔄\n Refresh\n \n

\n \n

\n \"Cosmic treasures from across the universe, available for a limited time...\"\n

\n \n

\n setActiveShopCategory(\"all\")} />\n setActiveShopCategory(\"utility\")} />\n setActiveShopCategory(\"functional\")} />\n setActiveShopCategory(\"mystery\")} />\n setActiveShopCategory(\"cosmetic\")} />\n

\n \n

\n {shopItems.filter(item => {\n if (activeShopCategory !== \"all\" && item.category !== activeShopCategory) return false;\n if (item.stock !== undefined && item.stock <= 0) return false;\n if (item.availableUntil && new Date(item.availableUntil) < new Date()) return false;\n return true;\n }).map(item => {\n const isNew = item.addedOn && new Date() - new Date(item.addedOn) < 24 * 60 * 60 * 1000;\n const isRare = item.rarity === \"rare\" || item.rarity === \"epic\" || item.rarity === \"legendary\";\n const isLimited = item.stock !== undefined;\n const expiringSoon = item.availableUntil && new Date(item.availableUntil) - new Date() < 2 * 60 * 60 * 1000 && new Date(item.availableUntil) - new Date() > 0;\n return \n {}\n {purchaseAnimation === item.id && \n \n Purchased!\n \n }\n \n {}\n {isNew && \n NEW\n }\n \n {}\n {isRare && \n

\n {item.rarity.toUpperCase()}\n

\n }\n \n

\n {}\n \n {item.image}\n \n \n {}\n

{item.name}

\n \n {}\n

{item.effect}

\n \n {}\n

\n {item.cost} {item.currency === 'leafChimes' ? '🍃' : item.currency === 'stardust' ? '✨' : '🌙'}\n

\n \n {item.secondaryCurrency &&

\n {item.secondaryCost} {item.secondaryCurrency === 'leafChimes' ? '🍃' : item.secondaryCurrency === 'stardust' ? '✨' : '🌙'}\n

}\n

\n \n {}\n {isLimited &&

\n Available:\n \n {item.stock} left\n \n

\n \n

}\n \n {expiringSoon &&

\n \n Expires soon!\n \n

}\n \n {item.purchaseCooldown &&

\n Limit: {item.purchaseLimit} per {item.purchaseCooldown}\n

}\n \n {}\n handleBuyItem(item)} disabled={!canBuyItem(item)}>\n {canBuyItem(item) ? 'Buy' : 'Not Enough Resources'}\n \n

\n ;\n })}\n

\n \n {shopItems.filter(item => activeShopCategory === \"all\" || item.category === activeShopCategory).length === 0 &&

\n \n 🔮\n \n

The merchant is restocking...

No items available in this category at the moment.

}\n

}\n \n {activeModule === 'inventory' &&

\n setActiveItemCategory(\"all\")} />\n setActiveItemCategory(\"food\")} />\n setActiveItemCategory(\"cleaning\")} />\n setActiveItemCategory(\"synthesis\")} />\n setActiveItemCategory(\"special\")} />\n

\n \n

\n {itemsInventory.filter(item => activeItemCategory === \"all\" || item.type === activeItemCategory).map(item => 0 ? 'border-purple-500 shadow-[0_0_15px_rgba(168,85,247,0.3)]' : 'border-gray-700 opacity-60'}`} whileHover={{\n scale: 1.02\n }}>\n

{item.icon}

{item.name}

0 ? 'text-purple-300' : 'text-gray-500'}`}>\n Quantity: {item.quantity}\n

{item.description}

\n {item.usableIn.includes(\"pet-nurturing\") &&

Used for pet care

}\n {item.usableIn.includes(\"pet-synthesis\") &&

Used for synthesis

}\n

\n )}\n

\n \n {itemsInventory.filter(item => activeItemCategory === \"all\" || item.type === activeItemCategory).length === 0 &&

\n No items found in this category. Visit the shop to purchase more!\n

}\n

}\n \n {activeModule === 'codex' &&

Collection Progress

\n {codexEntries.filter(entry => entry.discovered).length} / {codexEntries.length} pets discovered\n

\n entry.discovered).length / codexEntries.length * 100}%`\n }} transition={{\n duration: 1\n }}>\n

\n \n

\n setActiveCodexFilter(\"all\")} />\n setActiveCodexFilter(\"discovered\")} />\n setActiveCodexFilter(\"undiscovered\")} />\n setActiveCodexFilter(\"base\")} />\n setActiveCodexFilter(\"stage1\")} />\n setActiveCodexFilter(\"stage2\")} />\n setActiveCodexFilter(\"rare\")} />\n

\n \n

\n {codexEntries.filter(entry => {\n if (activeCodexFilter === \"discovered\") return entry.discovered;\n if (activeCodexFilter === \"undiscovered\") return !entry.discovered;\n if (activeCodexFilter === \"base\") return entry.evolutionStage === 0;\n if (activeCodexFilter === \"stage1\") return entry.evolutionStage === 1;\n if (activeCodexFilter === \"stage2\") return entry.evolutionStage === 2;\n if (activeCodexFilter === \"common\") return entry.discovered && (entry.rarity === \"Common\" || !entry.rarity);\n if (activeCodexFilter === \"rare\") return entry.discovered && entry.rarity && entry.rarity !== \"Common\";\n return true;\n }).map(entry => handleViewPetDetails(entry)}>\n {entry.evolutionStage > 0 && entry.discovered &&

\n {entry.evolutionStage === 1 ? \"⭐\" : \"🌟\"}\n

}\n

\n {}\n {entry.discovered && entry.name === \"Moon Wolf\" ?

p.id === 1)?.customImage} alt=\"Lunara\" className=\"object-cover w-16 h-16 rounded-full mx-auto\" onError={e => {\n e.target.onerror = null;\n e.target.innerText = entry.image;\n }} /> : entry.discovered && entry.name === \"Star Bunny\" ?

p.id === 2)?.customImage} alt=\"Nebby\" className=\"object-cover w-16 h-16 rounded-full mx-auto\" onError={e => {\n e.target.onerror = null;\n e.target.innerText = entry.image;\n }} /> : entry.discovered && entry.name === \"Shadow Lynx\" ?

p.id === 3)?.customImage} alt=\"Zyntar\" className=\"object-cover w-16 h-16 rounded-full mx-auto\" onError={e => {\n e.target.onerror = null;\n e.target.innerText = entry.image;\n }} /> : {entry.image}}\n

\n {entry.discovered ? entry.name : '???'}\n

\n {entry.discovered &&

\n {entry.rarity === \"Legendary\" &&

★★★★★

}\n {entry.rarity === \"Epic\" &&

★★★★☆

}\n {entry.rarity === \"Rare\" &&

★★★☆☆

}\n {entry.rarity === \"Uncommon\" &&

★★☆☆☆

}\n {(!entry.rarity || entry.rarity === \"Common\") &&

★☆☆☆☆

}\n

\n {entry.discovered ? entry.description : 'Not yet discovered'}\n

\n )}\n

\n \n {selectedPetDetails && \n \n

Pet Details

\n \n

\n \n {selectedPetDetails.discovered ?

\n {selectedPetDetails.name === \"Moon Wolf\" ?

p.id === 1)?.customImage} alt=\"Lunara\" className=\"object-cover w-24 h-24 rounded-full\" onError={e => {\n e.target.onerror = null;\n e.target.innerText = selectedPetDetails.image;\n }} /> : selectedPetDetails.name === \"Star Bunny\" ?

p.id === 2)?.customImage} alt=\"Nebby\" className=\"object-cover w-24 h-24 rounded-full\" onError={e => {\n e.target.onerror = null;\n e.target.innerText = selectedPetDetails.image;\n }} /> : selectedPetDetails.name === \"Shadow Lynx\" ?

p.id === 3)?.customImage} alt=\"Zyntar\" className=\"object-cover w-24 h-24 rounded-full\" onError={e => {\n e.target.onerror = null;\n e.target.innerText = selectedPetDetails.image;\n }} /> : {selectedPetDetails.image}}\n

\n \n

{selectedPetDetails.name}

\n \n

\n {selectedPetDetails.rarity === \"Legendary\" &&

★★★★★ Legendary

}\n {selectedPetDetails.rarity === \"Epic\" &&

★★★★☆ Epic

}\n {selectedPetDetails.rarity === \"Rare\" &&

★★★☆☆ Rare

}\n {selectedPetDetails.rarity === \"Uncommon\" &&

★★☆☆☆ Uncommon

}\n {(!selectedPetDetails.rarity || selectedPetDetails.rarity === \"Common\") &&

★☆☆☆☆ Common

}\n

\n \n

{selectedPetDetails.description}

\n \n {selectedPetDetails.evolutionStage > 0 &&

\n \n Evolution Stage: {selectedPetDetails.evolutionStage} / 2\n \n

}\n \n {}\n {selectedPetDetails.evolvesFrom &&

Evolution Chain

\n {codexEntries.find(entry => entry.id === selectedPetDetails.evolvesFrom)?.discovered ?

\n \n {codexEntries.find(entry => entry.id === selectedPetDetails.evolvesFrom)?.image}\n \n \n {codexEntries.find(entry => entry.id === selectedPetDetails.evolvesFrom)?.name}\n \n

: Unknown Base Form}\n →\n

\n {selectedPetDetails.image}\n {selectedPetDetails.name}\n

}\n \n {selectedPetDetails.evolvesTo && selectedPetDetails.evolvesTo.length > 0 &&

Lunar Ascension Path

\n {selectedPetDetails.evolvesTo.map(id =>

\n {selectedPetDetails.image}\n {selectedPetDetails.name}\n

\n →\n {codexEntries.find(entry => entry.id === id)?.discovered ?

\n \n {codexEntries.find(entry => entry.id === id)?.image}\n \n \n {codexEntries.find(entry => entry.id === id)?.name}\n \n

\n ??? (Level 10 required\n {codexEntries.find(entry => entry.id === id)?.requiredTrait && \n + {petTraits.find(t => t.id === codexEntries.find(entry => entry.id === id)?.requiredTrait)?.icon} trait\n }\n )\n

}\n

)}\n

}\n \n {}\n {pets.find(p => p.type === selectedPetDetails.name) &&

Favorite Food:

\n {pets.find(p => p.type === selectedPetDetails.name).favoriteFood}\n

\n \n

Traits:

\n {pets.find(p => p.type === selectedPetDetails.name).traits.map(traitId => {\n const trait = petTraits.find(t => t.id === traitId);\n return trait ? {trait.icon} : null;\n })}\n

}\n \n {}\n {fusionLog.find(log => log.childType === selectedPetDetails.name) &&

\n Origin: Fusion\n \n {(() => {\n const fusion = fusionLog.find(log => log.childType === selectedPetDetails.name);\n return fusion ? fusion.parentTypes.join(' + ') : '';\n })()}\n \n

}\n

❓

Undiscovered Pet

You haven't discovered this pet yet.

This pet may be obtained through pet synthesis...

}\n \n }\n

}\n\n {activeModule === 'rituals' &&

\n 📜\n Daily Ritual Tasks\n

\n Daily Reset:\n \n {new Date().toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n }).replace(/AM|PM/i, '')}\n \n

\n \n

\n Completion: \n \n {ritualTasks.filter(task => task.completed && task.claimed).length} / {ritualTasks.length} tasks completed\n \n

\n \n

\n task.completed && task.claimed).length / ritualTasks.length * 100}%`\n }} transition={{\n duration: 0.8\n }} />\n

\n \n {ritualTasks.filter(task => task.completed && task.claimed).length === ritualTasks.length && \n

\n ✨\n All tasks complete! \n 🎁\n Bonus: +1 Lunar Prism!\n

\n }\n

\n\n

\n {ritualTasks.map(task => \n {task.isRare && !task.claimed &&

\n Rare Task ✨\n

}\n \n

{task.icon}

\n \n

{task.description}

\n \n

\n \n \n {task.progress} / {task.target}\n \n

\n \n

\n Reward:\n \n

\n \n

\n {!task.claimed && task.completed ? : task.claimed ? \n ✓Claimed\n : \n In progress...\n }\n \n {!task.completed && !task.claimed && = 5 ? 'bg-purple-700 hover:bg-purple-600' : 'bg-gray-700 cursor-not-allowed'}`} whileHover={resources.stardust >= 5 ? {\n scale: 1.1\n } : {}} whileTap={resources.stardust >= 5 ? {\n scale: 0.9\n } : {}} onClick={() => resources.stardust >= 5 && rerollTask(task.id)} title=\"Reroll task (costs 5 ✨)\" disabled={resources.stardust < 5}>\n 🔄\n }\n

\n )}\n

\n \n {ritualTasks.length === 0 &&

\n \n 📜\n \n

Loading daily tasks...

New tasks will appear soon!

}\n \n

\n 🌙\n About Daily Rituals\n

\n \n

Complete daily tasks to earn rewards and strengthen your cosmic bond with your pets.

\n \n

🕛

Daily Reset

New tasks refresh every day at midnight

\n \n

✨

Rare Tasks

Gold-bordered tasks offer special rewards

\n \n

🔄

Reroll Option

Change a task for 5 ✨ Stardust

\n \n

🎁

Bonus Rewards

Complete all tasks for a special bonus!

}\n

;\n}\nconst ModuleButton = ({\n icon,\n title,\n description,\n onClick,\n color,\n className = ''\n}) => {\n return \n

{icon}

{title}

{description}

\n ;\n};\nconst StatusBar = ({\n label,\n value,\n color,\n className = ''\n}) => {\n return

\n {label}\n {value}%\n

;\n};\nconst ActionButton = ({\n label,\n icon,\n onClick,\n disabled = false,\n cost = null,\n className = ''\n}) => {\n return \n {icon}\n {label}\n {cost && {cost}}\n ;\n};\nconst CategoryButton = ({\n label,\n icon,\n active,\n onClick\n}) => {\n return \n {icon}\n {label}\n ;\n};","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"react-router-dom\":\"6.18.0\",\"lucide-react\":\"0.441.0\",\"recharts\":\"2.8.0\",\"socket.io-client\":\"4.7.1\",\"zod\":\"3.22.4\"}}","token",{"_18":70,"_71":70,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_82":38,"_83":38,"_62":63},"MoonPaws","symbol","price",0.00000449,"marketcap",4678.51094844,"image","https://pump.mypinata.cloud/ipfs/QmeordysZFDRHzVX3DGXcNwFbSGjDkDi8FATHrqXnzZtWD?img-width=256&img-dpr=2","website","https://dev.fun/p/b5ad63b67892bd33a9f5","twitter","https://x.com/PetsDoFun","devCount","appCount","upstreamApp","isLordOfDev","analytics",[88,92,94,96,98,100,102,104,106,108,110,112,114,116,118,120,122,124,126,128],{"_89":90,"_91":55},"day","2025-04-03","runCount",{"_89":93,"_91":55},"2025-04-04",{"_89":95,"_91":55},"2025-04-05",{"_89":97,"_91":55},"2025-04-06",{"_89":99,"_91":55},"2025-04-07",{"_89":101,"_91":55},"2025-04-08",{"_89":103,"_91":55},"2025-04-09",{"_89":105,"_91":55},"2025-04-10",{"_89":107,"_91":55},"2025-04-11",{"_89":109,"_91":55},"2025-04-12",{"_89":111,"_91":55},"2025-04-13",{"_89":113,"_91":55},"2025-04-14",{"_89":115,"_91":55},"2025-04-15",{"_89":117,"_91":55},"2025-04-16",{"_89":97,"_91":119},10,{"_89":99,"_91":121},74,{"_89":101,"_91":123},103,{"_89":103,"_91":125},13,{"_89":105,"_91":127},5,{"_89":115,"_91":38},"snapshot","ogImage","https://cdn.dev.fun/og/image/b5ad63b67892bd33a9f5/33bb08db.webp","commitDetail","actionData","errors"]