[{"_1":2,"_128":-5,"_129":-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,"_127":-5,"_124":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":17,"_23":24,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_5":40,"_51":39,"_52":53,"_54":53,"_55":56,"_57":53,"_58":59,"_60":17,"_61":62,"_63":64,"_65":66,"_67":68,"_84":-5,"_85":17,"_86":87,"_124":27,"_125":126},"id","234cec3027112ea73071","isMyApp",false,"name","ribbiting_realms","description","Command your amphibian army in this deliciously medieval pixel kingdom where frogs wield swords, dragons bathe in hot springs, and your decisions shape a croaking empire! Every tadpole has the potential to become a legendary knight in your gloriously absurd quest for pond domination.","isLive","tags",[25],"👑","cover","https://cdn.dev.fun/snapshot/234cec3027112ea73071/40332_8abab113.webp","cdnUrl","https://cdn.dev.fun/app/234cec3027112ea73071/40332","createdAt",["D",1743001510351],"updatedAt",["D",1743248871482],"lastCommitId",["B","40332"],"tier",1,"credits",20,{"_14":41,"_42":43,"_44":-5,"_45":43,"_46":47,"_48":-5,"_49":50},"1cbfc503-5451-4331-90ea-d4fcfdb66423","uniqueId","JBD7oYJpGnj1CMfqD9992wbwgT9U84JDDsXgxmtEWzFN","username","solanaWallet","displayName","JBD...zFN","bio","avatar","/avatar.svg","commitCount","forkCount",0,"likeCount","runsCount",570,"visitorCount","isArchived",true,"isRenamed","contractAddress","9zzptx4Mhj48DhuFrDa33DJiofPzHLMd8GiKoxtDpump","code","import { useState, useEffect } from 'react';\nexport default function App() {\n const [activeScreen, setActiveScreen] = useState('main');\n const [resources, setResources] = useState({\n dragonScales: 250,\n wheat: 500,\n manaCrystals: 75\n });\n const [hotSpringSlots, setHotSpringSlots] = useState([null, null, null]);\n const [waterTemperature, setWaterTemperature] = useState('medium');\n const [activeBuffs, setActiveBuffs] = useState([]);\n const [noEffectCount, setNoEffectCount] = useState(0);\n const [buildings, setBuildings] = useState({\n frogSanctum: {\n level: 1,\n frogs: [],\n unlocked: true,\n eggIncubator: {\n slots: 1,\n currentEggs: [],\n nurseAssigned: false\n },\n geneticLibrary: {\n unlocked: false,\n discoveredRecipes: []\n },\n upgrades: {\n warmerNest: false,\n blessedFont: false,\n dragonBloodCauldron: false,\n chaosFusion: false\n }\n },\n arcaneSpire: {\n level: 1,\n researchPoints: 0,\n unlocked: true,\n activeElement: null,\n elementalBuffs: {\n fire: false,\n water: false,\n wind: false,\n earth: false\n },\n elementalCooldown: null,\n elementalUseTime: null,\n spellsCast: 0,\n timeCompression: false\n },\n bazaarPlaza: {\n level: 1,\n inventory: [],\n unlocked: true\n },\n dragonHotSpring: {\n level: 1,\n boostActive: false,\n unlocked: true\n }\n });\n const [frogs, setFrogs] = useState([{\n id: 1,\n name: \"Sir Hopsalot\",\n stars: 1,\n type: \"Mudling\",\n health: 10,\n stamina: 10,\n equipment: null\n }, {\n id: 2,\n name: \"Lady Croaksalot\",\n stars: 1,\n type: \"Mudling\",\n health: 10,\n stamina: 10,\n equipment: null\n }, {\n id: 3,\n name: \"Duke Ribbington\",\n stars: 1,\n type: \"Mudling\",\n health: 10,\n stamina: 10,\n equipment: null\n }]);\n const [expeditions, setExpeditions] = useState([]);\n const [selectedFrogs, setSelectedFrogs] = useState([]);\n const [synthesisActive, setSynthesisActive] = useState(false);\n const [eggs, setEggs] = useState([{\n id: 1,\n type: \"Common Egg\",\n timeRemaining: 300,\n starChance: {\n 1: 70,\n 2: 25,\n 3: 5\n },\n icon: \"🥚\"\n }, {\n id: 2,\n type: \"Rare Egg\",\n timeRemaining: 600,\n starChance: {\n 1: 40,\n 2: 50,\n 3: 10\n },\n icon: \"🥚\"\n }]);\n const [incubatingEggs, setIncubatingEggs] = useState([]);\n const [selectedEgg, setSelectedEgg] = useState(null);\n const [selectedCatalyst, setSelectedCatalyst] = useState(null);\n const [secretRunes, setSecretRunes] = useState(0);\n const [sanctumTab, setSanctumTab] = useState(\"incubator\");\n const [geneLibrary, setGeneLibrary] = useState([{\n id: 1,\n name: \"Mudling to Alchemist\",\n ingredients: \"3x 1★ Mudling + Wheat\",\n discovered: true,\n result: \"2★ Alchemist\"\n }, {\n id: 2,\n name: \"Alchemist to Paladin\",\n ingredients: \"3x 2★ Alchemist + Wheat\",\n discovered: true,\n result: \"3★ Paladin\"\n }, {\n id: 3,\n name: \"Secret Dragon Knight Path\",\n ingredients: \"3x 2★ Alchemist + Dragon Blood\",\n discovered: false,\n result: \"3★ Dragon Knight\"\n }]);\n const [sanctumUpgrades, setSanctumUpgrades] = useState({\n level: 1,\n warmerNest: false,\n blessedFont: false,\n dragonBloodCauldron: false,\n chaosFusion: false\n });\n const [shopItems, setShopItems] = useState([{\n id: 1,\n name: \"Rusty Sword\",\n effect: \"+2 Attack\",\n cost: 50,\n type: \"Equipment\",\n icon: \"⚔️\"\n }, {\n id: 2,\n name: \"Leather Shield\",\n effect: \"+3 Defense\",\n cost: 75,\n type: \"Equipment\",\n icon: \"🛡️\"\n }, {\n id: 3,\n name: \"Health Potion\",\n effect: \"Restore 5 Health\",\n cost: 30,\n type: \"Potion\",\n icon: \"🧪\"\n }, {\n id: 4,\n name: \"Chrono Pocket Watch\",\n effect: \"Reroll expedition rewards\",\n cost: 80,\n type: \"Curio\",\n icon: \"⏱️\"\n }, {\n id: 5,\n name: \"Alchemist's Poison Apple\",\n effect: \"50% chance for ★+1/-1 during synthesis\",\n cost: 120,\n type: \"Curio\",\n icon: \"🍎\"\n }]);\n const [events, setEvents] = useState([{\n id: 1,\n title: \"Bandit Siege\",\n description: \"Bandits are attacking your kingdom!\",\n choices: [\"Pay 500 Wheat\", \"Fight (Risk frog injuries)\"]\n }, {\n id: 2,\n title: \"Mystic Oracle\",\n description: \"A mysterious oracle has appeared!\",\n choices: [\"Spend 30 DS to preview weather\", \"Ignore\"]\n }]);\n const [activeEvent, setActiveEvent] = useState(null);\n const [notifications, setNotifications] = useState([]);\n const [dailyTasks, setDailyTasks] = useState([{\n id: 1,\n description: \"Complete 3 expeditions\",\n progress: 0,\n target: 3,\n completed: false\n }, {\n id: 2,\n description: \"Harvest 500 Wheat\",\n progress: 0,\n target: 500,\n completed: false\n }, {\n id: 3,\n description: \"Win 1 PVP match\",\n progress: 0,\n target: 1,\n completed: false\n }]);\n const [achievements, setAchievements] = useState({\n categories: [{\n id: 'warmonger',\n name: 'Warmonger',\n icon: '⚔️',\n unlocked: true\n }, {\n id: 'explorer',\n name: 'Explorer',\n icon: '🌌',\n unlocked: true\n }, {\n id: 'alchemist',\n name: 'Alchemist',\n icon: '🧪',\n unlocked: true\n }, {\n id: 'capitalist',\n name: 'Capitalist',\n icon: '💰',\n unlocked: true\n }, {\n id: 'actor',\n name: 'Actor',\n icon: '🎭',\n unlocked: true\n }, {\n id: 'nightwalker',\n name: 'Nightwalker',\n icon: '🌙',\n unlocked: true\n }, {\n id: 'mystic',\n name: 'Mystic',\n icon: '🔮',\n unlocked: true\n }, {\n id: 'darkpath',\n name: 'Dark Path',\n icon: '💀',\n unlocked: true\n }],\n medals: [{\n id: 1,\n categoryId: 'warmonger',\n name: 'Frontline Soldier',\n description: 'Defeat 100 foes',\n tier: 'bronze',\n progress: 45,\n target: 100,\n unlocked: false,\n globalRate: '24.7%'\n }, {\n id: 2,\n categoryId: 'warmonger',\n name: 'Naked Dragon Slayer',\n description: 'Kill a dragon without armor',\n tier: 'bronze',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '5.2%',\n hidden: true\n }, {\n id: 3,\n categoryId: 'warmonger',\n name: 'Dragon Nest Conqueror',\n description: 'Solo a dragon nest',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.3%'\n }, {\n id: 4,\n categoryId: 'explorer',\n name: 'Terrain Surveyor',\n description: 'Visit 5 different zones',\n tier: 'bronze',\n progress: 3,\n target: 5,\n unlocked: false,\n globalRate: '38.1%'\n }, {\n id: 5,\n categoryId: 'explorer',\n name: 'Backwards Trailblazer',\n description: 'Complete a map in reverse order',\n tier: 'silver',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '7.6%',\n hidden: true\n }, {\n id: 6,\n categoryId: 'explorer',\n name: 'Lost Continent Discoverer',\n description: 'Find the mythical lost continent',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.8%'\n }, {\n id: 7,\n categoryId: 'alchemist',\n name: 'Fusion Enthusiast',\n description: 'Complete 50 frog fusions',\n tier: 'bronze',\n progress: 12,\n target: 50,\n unlocked: false,\n globalRate: '22.3%'\n }, {\n id: 8,\n categoryId: 'alchemist',\n name: 'Tactical Downgrade',\n description: 'Intentionally create a lower star frog',\n tier: 'silver',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '4.1%',\n hidden: true\n }, {\n id: 9,\n categoryId: 'alchemist',\n name: 'Chaos Fusion Master',\n description: 'Create a 5★ frog through chaos fusion',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.2%'\n }, {\n id: 10,\n categoryId: 'capitalist',\n name: 'Pocket Change',\n description: 'Earn 10,000 coins',\n tier: 'bronze',\n progress: 4350,\n target: 10000,\n unlocked: false,\n globalRate: '33.7%'\n }, {\n id: 11,\n categoryId: 'capitalist',\n name: 'Black Market Monopolist',\n description: 'Own all black market exclusive items',\n tier: 'silver',\n progress: 2,\n target: 15,\n unlocked: false,\n globalRate: '2.9%',\n hidden: true\n }, {\n id: 12,\n categoryId: 'capitalist',\n name: 'Economic Apocalypse',\n description: 'Crash the market by owning 90% of all resources',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.1%'\n }, {\n id: 13,\n categoryId: 'actor',\n name: 'Costume Collector',\n description: 'Obtain 10 different frog costumes',\n tier: 'bronze',\n progress: 3,\n target: 10,\n unlocked: false,\n globalRate: '17.5%'\n }, {\n id: 14,\n categoryId: 'actor',\n name: 'Flirtatious Diplomat',\n description: 'Flirt with all NPCs at least once',\n tier: 'silver',\n progress: 0,\n target: 25,\n unlocked: false,\n globalRate: '3.3%',\n hidden: true\n }, {\n id: 15,\n categoryId: 'actor',\n name: 'Secret Ending Discoverer',\n description: 'Unlock the secret romantic ending',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.4%'\n }, {\n id: 16,\n categoryId: 'nightwalker',\n name: 'Midnight Logger',\n description: 'Log in at midnight 3 times',\n tier: 'bronze',\n progress: 1,\n target: 3,\n unlocked: false,\n globalRate: '28.9%'\n }, {\n id: 17,\n categoryId: 'nightwalker',\n name: 'Committed Night Owl',\n description: 'Play for 7 consecutive nights',\n tier: 'silver',\n progress: 0,\n target: 7,\n unlocked: false,\n globalRate: '5.6%',\n hidden: true\n }, {\n id: 18,\n categoryId: 'nightwalker',\n name: 'Eternal Night Ruler',\n description: 'Disable day/night cycle for 3 days',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.5%'\n }, {\n id: 19,\n categoryId: 'mystic',\n name: 'Fortune Seeker',\n description: 'Consult the oracle 5 times',\n tier: 'bronze',\n progress: 2,\n target: 5,\n unlocked: false,\n globalRate: '26.4%'\n }, {\n id: 20,\n categoryId: 'mystic',\n name: 'Fate Defier',\n description: 'Avoid 3 predicted disasters',\n tier: 'silver',\n progress: 0,\n target: 3,\n unlocked: false,\n globalRate: '4.7%',\n hidden: true\n }, {\n id: 21,\n categoryId: 'mystic',\n name: 'Causality Hacker',\n description: 'Alter the timeline to prevent a kingdom-wide disaster',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.2%'\n }, {\n id: 22,\n categoryId: 'darkpath',\n name: 'Necessary Sacrifice',\n description: 'Sacrifice a frog for the greater good',\n tier: 'bronze',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '18.2%'\n }, {\n id: 23,\n categoryId: 'darkpath',\n name: 'Betrayal',\n description: 'Sacrifice a friend\\'s frog during a plague event',\n tier: 'silver',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '2.1%',\n hidden: true\n }, {\n id: 24,\n categoryId: 'darkpath',\n name: 'Villain Era',\n description: 'Complete the villain storyline',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.3%'\n }, {\n id: 25,\n categoryId: 'alchemist',\n name: 'Frog Philosopher',\n description: 'Idle for 24 hours straight',\n tier: 'bronze',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '14.7%'\n }, {\n id: 26,\n categoryId: 'alchemist',\n name: 'Reverse Lucky',\n description: 'Get 10 lowest-tier fusion results in a row',\n tier: 'bronze',\n progress: 0,\n target: 10,\n unlocked: false,\n globalRate: '8.3%'\n }, {\n id: 27,\n categoryId: 'warmonger',\n name: 'Speedrun God',\n description: 'Unlock all basic buildings in 30 minutes',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.2%'\n }, {\n id: 28,\n categoryId: 'mystic',\n name: 'Element Zen',\n description: 'Sustain 4 opposing auras for 24 hours',\n tier: 'gold',\n progress: 0,\n target: 1,\n unlocked: false,\n globalRate: '0.1%'\n }, {\n id: 29,\n categoryId: 'actor',\n name: 'UI Saboteur',\n description: 'Trigger all error popups',\n tier: 'silver',\n progress: 2,\n target: 7,\n unlocked: false,\n globalRate: '1.9%',\n hidden: true\n }, {\n id: 30,\n categoryId: 'nightwalker',\n name: 'Pause Champion',\n description: 'Accumulate 8 hours of paused game time',\n tier: 'silver',\n progress: 0,\n target: 28800,\n unlocked: false,\n globalRate: '3.4%'\n }],\n unlockedMedals: [{\n id: 31,\n categoryId: 'warmonger',\n name: 'First Blood',\n description: 'Defeat your first enemy',\n tier: 'bronze',\n unlocked: true,\n globalRate: '87.5%'\n }, {\n id: 32,\n categoryId: 'explorer',\n name: 'First Steps',\n description: 'Leave your starting zone',\n tier: 'bronze',\n unlocked: true,\n globalRate: '94.2%'\n }, {\n id: 33,\n categoryId: 'alchemist',\n name: 'Apprentice Alchemist',\n description: 'Complete your first fusion',\n tier: 'bronze',\n unlocked: true,\n globalRate: '76.9%'\n }, {\n id: 34,\n categoryId: 'capitalist',\n name: 'First Coin',\n description: 'Earn your first dragon scale',\n tier: 'bronze',\n unlocked: true,\n globalRate: '98.7%'\n }],\n toggledMedals: [],\n selectedCategory: 'warmonger',\n lavaBarClicks: 0,\n heatLevel: 0,\n loreFragments: 3,\n medalEvolutions: []\n });\n const [weatherEffect, setWeatherEffect] = useState(\"sunny\");\n const [time, setTime] = useState(\"day\");\n const [shopFilter, setShopFilter] = useState(\"all\");\n const [spireTab, setSpireTab] = useState(\"runeWeaving\");\n const [baseRunes, setBaseRunes] = useState([{\n id: 1,\n type: \"fire\",\n symbol: \"🔥\",\n unlocked: true\n }, {\n id: 2,\n type: \"water\",\n symbol: \"🌊\",\n unlocked: true\n }, {\n id: 3,\n type: \"wind\",\n symbol: \"🌪️\",\n unlocked: true\n }, {\n id: 4,\n type: \"lightning\",\n symbol: \"⚡\",\n unlocked: true\n }, {\n id: 5,\n type: \"dark\",\n symbol: \"🌑\",\n unlocked: true\n }]);\n const [spellRecipes, setSpellRecipes] = useState([{\n id: 1,\n name: \"Steam Cloud\",\n runes: [\"fire\", \"water\"],\n effect: \"Speed up crop growth +10%\",\n manaCost: 15,\n unlocked: true\n }, {\n id: 2,\n name: \"Tornado\",\n runes: [\"wind\", \"wind\", \"lightning\"],\n effect: \"Clear expedition obstacles\",\n manaCost: 25,\n unlocked: true\n }, {\n id: 3,\n name: \"Wildfire\",\n runes: [\"fire\", \"fire\", \"wind\"],\n effect: \"Destroy enemy structures in PVP\",\n manaCost: 30,\n unlocked: false\n }, {\n id: 4,\n name: \"Dark Tempest\",\n runes: [\"wind\", \"dark\", \"lightning\"],\n effect: \"Increase rare drop rate +20%\",\n manaCost: 40,\n unlocked: false\n }, {\n id: 5,\n name: \"Monsoon\",\n runes: [\"water\", \"water\", \"wind\"],\n effect: \"Double wheat production for 1 hour\",\n manaCost: 35,\n unlocked: false\n }]);\n const [selectedRunes, setSelectedRunes] = useState([]);\n const [activeSpells, setActiveSpells] = useState([]);\n const [timelineEvents, setTimelineEvents] = useState([{\n id: 1,\n time: Date.now() + 4 * 60 * 60 * 1000,\n type: \"merchantVisit\",\n title: \"Merchant Visit\",\n description: \"A special merchant will arrive with rare items\",\n revealed: false\n }, {\n id: 2,\n time: Date.now() + 12 * 60 * 60 * 1000,\n type: \"dragonAttack\",\n title: \"Dragon Attack\",\n description: \"A fierce dragon will attack the kingdom\",\n revealed: false\n }, {\n id: 3,\n time: Date.now() + 24 * 60 * 60 * 1000,\n type: \"harvest\",\n title: \"Bountiful Harvest\",\n description: \"Crops yield double wheat\",\n revealed: false\n }]);\n const [rewindsRemaining, setRewindsRemaining] = useState(3);\n const [experimentalMode, setExperimentalMode] = useState(false);\n const [overloadWarning, setOverloadWarning] = useState(false);\n const [failedCombinations, setFailedCombinations] = useState(0);\n useEffect(() => {\n const timer = setInterval(() => {\n setResources(prev => ({\n ...prev,\n wheat: prev.wheat + buildings.frogSanctum.level\n }));\n }, 5000);\n return () => clearInterval(timer);\n }, [buildings.frogSanctum.level]);\n useEffect(() => {\n const eventTimer = setInterval(() => {\n if (!activeEvent && Math.random() > 0.7) {\n const randomEvent = events[Math.floor(Math.random() * events.length)];\n setActiveEvent(randomEvent);\n }\n }, 30000);\n return () => clearInterval(eventTimer);\n }, [activeEvent, events]);\n useEffect(() => {\n const weatherTimer = setInterval(() => {\n const weathers = [\"sunny\", \"rainy\", \"stormy\", \"foggy\"];\n setWeatherEffect(weathers[Math.floor(Math.random() * weathers.length)]);\n }, 60000);\n return () => clearInterval(weatherTimer);\n }, []);\n useEffect(() => {\n const dayNightTimer = setInterval(() => {\n setTime(prev => prev === \"day\" ? \"night\" : \"day\");\n }, 120000);\n return () => clearInterval(dayNightTimer);\n }, []);\n useEffect(() => {\n if (buildings.arcaneSpire.elementalUseTime && buildings.arcaneSpire.activeElement) {\n const elapsedTime = Date.now() - buildings.arcaneSpire.elementalUseTime;\n if (elapsedTime > 24 * 60 * 60 * 1000) {\n setOverloadWarning(true);\n addNotification(\"⚠️ Elemental Overload Warning! Debuffs will be doubled if not reset soon!\", \"warning\");\n }\n }\n }, [buildings.arcaneSpire.elementalUseTime, buildings.arcaneSpire.activeElement]);\n const startExpedition = duration => {\n if (selectedFrogs.length === 0) {\n addNotification(\"Select at least one frog for the expedition!\");\n return;\n }\n let rewards, event;\n if (duration === 1) {\n rewards = {\n wheat: 50,\n items: [\"Rusty Dagger\"]\n };\n event = \"Goblin Ambush\";\n } else if (duration === 10) {\n rewards = {\n dragonScales: 10,\n items: [\"Legendary Blueprint\"]\n };\n event = \"Ancient Dragon Ruins\";\n } else {\n rewards = {\n specialOffer: \"Trade 200 Wheat for Obsidian Frog Egg\"\n };\n event = \"Black Market Caravan\";\n }\n const expedition = {\n id: Date.now(),\n frogs: selectedFrogs,\n duration,\n event,\n rewards,\n startTime: Date.now(),\n completed: false\n };\n const updatedFrogs = frogs.filter(frog => !selectedFrogs.includes(frog.id));\n setFrogs(updatedFrogs);\n setExpeditions([...expeditions, expedition]);\n setSelectedFrogs([]);\n addNotification(`Expedition to ${event} started!`);\n };\n const synthesizeFrogs = () => {\n if (selectedFrogs.length !== 3) {\n addNotification(\"Select exactly 3 frogs for synthesis!\");\n return;\n }\n const selectedFrogObjects = frogs.filter(frog => selectedFrogs.includes(frog.id));\n const allSameStars = selectedFrogObjects.every(frog => frog.stars === selectedFrogObjects[0].stars);\n if (!allSameStars) {\n addNotification(\"All frogs must have the same star rating!\");\n return;\n }\n if (resources.wheat < 100) {\n addNotification(\"Not enough wheat! Need 100 wheat for synthesis.\");\n return;\n }\n let successChance = 0.5;\n let criticalSuccess = false;\n let hiddenPath = false;\n if (selectedCatalyst) {\n if (selectedCatalyst === \"starDust\") {\n successChance += 0.2;\n } else if (selectedCatalyst === \"dragonScale\") {\n hiddenPath = true;\n }\n }\n const currentHour = new Date().getHours();\n const isFullMoonEvent = currentHour >= 19 && currentHour < 24;\n if (isFullMoonEvent) {\n successChance = 1;\n addNotification(\"Full Moon Event active! Synthesis guaranteed to succeed!\");\n }\n if (secretRunes >= 20) {\n criticalSuccess = Math.random() < 0.5;\n setSecretRunes(0);\n }\n const allSameType = selectedFrogObjects.every(frog => frog.type === selectedFrogObjects[0].type);\n if (allSameType) {\n successChance += 0.1;\n addNotification(\"Bloodline Resonance activated! +10% success chance\");\n }\n if (buildings.arcaneSpire.elementalBuffs.wind) {\n successChance += 0.15;\n addNotification(\"🌪️ Wind Element Boost: +15% Critical Success Chance!\");\n }\n const success = Math.random() < successChance;\n if (success) {\n const starRating = selectedFrogObjects[0].stars + 1;\n let newType;\n if (hiddenPath && starRating === 3) {\n newType = \"Dragon Knight\";\n } else if (starRating === 2) {\n newType = \"Alchemist\";\n } else if (starRating === 3) {\n newType = \"Paladin\";\n } else {\n newType = \"Elder Sage\";\n }\n const newFrog = {\n id: Date.now(),\n name: `${getRandomName()} the ${newType}`,\n stars: starRating,\n type: newType,\n health: 10 + starRating * 5,\n stamina: 10 + starRating * 3,\n equipment: null,\n specialTraits: hiddenPath ? [\"Fire Resistance\"] : [],\n combatPower: 100 * starRating,\n luck: criticalSuccess ? 20 : 10\n };\n const updatedFrogs = frogs.filter(frog => !selectedFrogs.includes(frog.id));\n setFrogs([...updatedFrogs, newFrog]);\n const recipeExists = geneLibrary.some(recipe => recipe.result === `${starRating}★ ${newType}` && recipe.discovered);\n if (!recipeExists) {\n const newRecipe = {\n id: Date.now(),\n name: `${selectedFrogObjects[0].type} to ${newType}`,\n ingredients: `3x ${selectedFrogObjects[0].stars}★ ${selectedFrogObjects[0].type} + ${selectedCatalyst ? \"Dragon Blood\" : \"Wheat\"}`,\n discovered: true,\n result: `${starRating}★ ${newType}`\n };\n setGeneLibrary([...geneLibrary, newRecipe]);\n }\n if (criticalSuccess) {\n addNotification(`✨ CRITICAL SUCCESS! Created a magnificent ${starRating}-star ${newType}!`, \"critical\");\n } else {\n addNotification(`Synthesis successful! Created a ${starRating}-star ${newType}!`);\n }\n } else {\n addNotification(\"Synthesis failed! Frogs and wheat were consumed.\");\n const cookieAmount = Math.floor(Math.random() * 3) + 1;\n addNotification(`Received ${cookieAmount} frog cookies as consolation.`);\n }\n setResources(prev => ({\n ...prev,\n wheat: prev.wheat - 100\n }));\n setSelectedFrogs([]);\n setSelectedCatalyst(null);\n setSynthesisActive(false);\n };\n const purchaseItem = itemId => {\n const item = shopItems.find(item => item.id === itemId);\n if (!item) return;\n if (resources.dragonScales < item.cost) {\n addNotification(`Not enough Dragon Scales! Need ${item.cost} DS.`);\n return;\n }\n setResources(prev => ({\n ...prev,\n dragonScales: prev.dragonScales - item.cost\n }));\n addNotification(`Purchased ${item.name}!`);\n };\n const upgradeBuilding = buildingKey => {\n const buildingCost = buildings[buildingKey].level * 50;\n if (resources.dragonScales < buildingCost) {\n addNotification(`Not enough Dragon Scales! Need ${buildingCost} DS.`);\n return;\n }\n setBuildings(prev => ({\n ...prev,\n [buildingKey]: {\n ...prev[buildingKey],\n level: prev[buildingKey].level + 1\n }\n }));\n setResources(prev => ({\n ...prev,\n dragonScales: prev.dragonScales - buildingCost\n }));\n addNotification(`Upgraded ${buildingKey} to level ${buildings[buildingKey].level + 1}!`);\n };\n const handleEventChoice = (choice, eventId) => {\n const event = events.find(e => e.id === eventId);\n if (!event) return;\n if (event.title === \"Bandit Siege\") {\n if (choice === \"Pay 500 Wheat\") {\n if (resources.wheat >= 500) {\n setResources(prev => ({\n ...prev,\n wheat: prev.wheat - 500\n }));\n addNotification(\"Paid off the bandits. Your kingdom is safe!\");\n } else {\n addNotification(\"Not enough wheat to pay the bandits!\");\n }\n } else {\n if (Math.random() > 0.5) {\n const updatedFrogs = [...frogs];\n const randomFrog = updatedFrogs[Math.floor(Math.random() * updatedFrogs.length)];\n randomFrog.health = Math.max(1, randomFrog.health - 5);\n setFrogs(updatedFrogs);\n addNotification(`Bandits defeated, but ${randomFrog.name} was injured!`);\n } else {\n addNotification(\"Victory! Your frogs defeated the bandits!\");\n setResources(prev => ({\n ...prev,\n dragonScales: prev.dragonScales + 20\n }));\n }\n }\n } else if (event.title === \"Mystic Oracle\") {\n if (choice === \"Spend 30 DS to preview weather\") {\n if (resources.dragonScales >= 30) {\n setResources(prev => ({\n ...prev,\n dragonScales: prev.dragonScales - 30\n }));\n const weathers = [\"sunny\", \"rainy\", \"stormy\", \"foggy\"];\n const nextWeather = weathers[Math.floor(Math.random() * weathers.length)];\n addNotification(`The oracle predicts ${nextWeather} weather soon!`);\n } else {\n addNotification(\"Not enough Dragon Scales for the oracle!\");\n }\n } else {\n addNotification(\"You ignored the mysterious oracle.\");\n }\n }\n setActiveEvent(null);\n };\n const addNotification = (message, type = \"normal\") => {\n const newNotification = {\n id: Date.now(),\n message,\n type\n };\n setNotifications(prev => [...prev, newNotification]);\n setTimeout(() => {\n setNotifications(prev => prev.filter(n => n.id !== newNotification.id));\n }, 3000);\n };\n const startEggIncubation = eggId => {\n const egg = eggs.find(e => e.id === eggId);\n if (!egg) return;\n const maxSlots = sanctumUpgrades.warmerNest ? 2 : 1;\n if (incubatingEggs.length >= maxSlots) {\n addNotification(\"No incubator slots available!\");\n return;\n }\n setEggs(prev => prev.filter(e => e.id !== eggId));\n setIncubatingEggs(prev => [...prev, {\n ...egg,\n startTime: Date.now(),\n endTime: Date.now() + egg.timeRemaining * 1000\n }]);\n addNotification(`Started incubating ${egg.type}!`);\n };\n const speedUpIncubation = eggId => {\n const cost = 10;\n if (resources.dragonScales < cost) {\n addNotification(`Not enough Dragon Scales! Need ${cost} DS.`);\n return;\n }\n setIncubatingEggs(prev => prev.map(egg => {\n if (egg.id === eggId) {\n const newTimeRemaining = Math.max(0, egg.timeRemaining - 60);\n return {\n ...egg,\n timeRemaining: newTimeRemaining,\n endTime: egg.startTime + newTimeRemaining * 1000\n };\n }\n return egg;\n }));\n setResources(prev => ({\n ...prev,\n dragonScales: prev.dragonScales - cost\n }));\n addNotification(\"Incubation accelerated by 1 minute!\");\n };\n const hatchEgg = eggId => {\n const egg = incubatingEggs.find(e => e.id === eggId);\n if (!egg) return;\n if (Date.now() < egg.endTime) {\n addNotification(\"Egg is not ready to hatch yet!\");\n return;\n }\n let starRating = 1;\n const roll = Math.random() * 100;\n let cumulative = 0;\n const starChance = {\n ...egg.starChance\n };\n if (sanctumUpgrades.blessedFont) {\n for (let star = 2; star <= 3; star++) {\n if (starChance[star]) {\n starChance[star] += 15;\n starChance[1] -= 15 / 2;\n }\n }\n }\n for (let star = 1; star <= 3; star++) {\n cumulative += starChance[star];\n if (roll <= cumulative) {\n starRating = star;\n break;\n }\n }\n let type = \"Mudling\";\n if (starRating === 2) type = \"Alchemist\";\n if (starRating === 3) type = \"Paladin\";\n const isCritical = Math.random() < 0.05;\n const newFrog = {\n id: Date.now(),\n name: `${getRandomName()} the ${type}`,\n stars: starRating,\n type,\n health: 10 + starRating * 5,\n stamina: 10 + starRating * 3,\n equipment: null,\n shiny: isCritical,\n combatPower: 100 * starRating * (isCritical ? 1.5 : 1),\n luck: isCritical ? 20 : 10\n };\n setFrogs(prev => [...prev, newFrog]);\n setIncubatingEggs(prev => prev.filter(e => e.id !== eggId));\n if (isCritical) {\n addNotification(`✨ CRITICAL HATCH! A shiny ${starRating}-star ${type} was born!`, \"critical\");\n } else {\n addNotification(`Egg hatched into a ${starRating}-star ${type}!`);\n }\n };\n const assignNurseFrog = frogId => {\n const frog = frogs.find(f => f.id === frogId);\n if (!frog) return;\n setBuildings(prev => ({\n ...prev,\n frogSanctum: {\n ...prev.frogSanctum,\n eggIncubator: {\n ...prev.frogSanctum.eggIncubator,\n nurseAssigned: true,\n nurseFrogId: frogId\n }\n }\n }));\n setFrogs(prev => prev.filter(f => f.id !== frogId));\n addNotification(`${frog.name} assigned as a nurse frog! Egg incubation speed +50%`);\n };\n const clickRune = () => {\n setSecretRunes(prev => prev + 1);\n if (secretRunes === 19) {\n addNotification(\"🔮 Secret Rune Ritual Completed! 1 hour of increased critical synthesis chance!\", \"critical\");\n }\n };\n const upgradeSanctum = () => {\n const currentLevel = sanctumUpgrades.level;\n const upgradeCost = currentLevel * 100;\n if (resources.dragonScales < upgradeCost) {\n addNotification(`Not enough Dragon Scales! Need ${upgradeCost} DS.`);\n return;\n }\n const newLevel = currentLevel + 1;\n const newUpgrades = {\n ...sanctumUpgrades,\n level: newLevel\n };\n if (newLevel === 3) newUpgrades.warmerNest = true;\n if (newLevel === 5) newUpgrades.blessedFont = true;\n if (newLevel === 5) newUpgrades.dragonBloodCauldron = true;\n if (newLevel === 10) newUpgrades.chaosFusion = true;\n setSanctumUpgrades(newUpgrades);\n setResources(prev => ({\n ...prev,\n dragonScales: prev.dragonScales - upgradeCost\n }));\n setBuildings(prev => ({\n ...prev,\n frogSanctum: {\n ...prev.frogSanctum,\n level: newLevel\n }\n }));\n addNotification(`Frog Sanctum upgraded to level ${newLevel}!`);\n if (newLevel === 3) addNotification(\"Warmer Nest unlocked! Can incubate 2 eggs simultaneously.\");\n if (newLevel === 5) addNotification(\"Blessed Font unlocked! +15% chance for higher star frogs.\");\n if (newLevel === 5) addNotification(\"Dragon Blood Cauldron unlocked! New synthesis recipes available.\");\n if (newLevel === 10) addNotification(\"Chaos Fusion unlocked! Cross-species synthesis now possible.\");\n };\n const selectRune = runeId => {\n const rune = baseRunes.find(r => r.id === runeId);\n if (rune) {\n if (selectedRunes.length < 3) {\n setSelectedRunes(prev => [...prev, rune]);\n } else {\n addNotification(\"You can select a maximum of 3 runes at a time.\");\n }\n }\n };\n const clearRunes = () => {\n setSelectedRunes([]);\n setExperimentalMode(false);\n };\n const castSpell = () => {\n const runeTypes = selectedRunes.map(r => r.type);\n const recipeMatch = spellRecipes.find(recipe => recipe.unlocked && recipe.runes.length === runeTypes.length && recipe.runes.every(r => runeTypes.includes(r)) && runeTypes.every(r => recipe.runes.includes(r)));\n if (recipeMatch) {\n if (resources.manaCrystals < recipeMatch.manaCost) {\n addNotification(`Not enough Mana Crystals! Need ${recipeMatch.manaCost} crystals.`);\n return;\n }\n setResources(prev => ({\n ...prev,\n manaCrystals: prev.manaCrystals - recipeMatch.manaCost\n }));\n setActiveSpells(prev => [...prev, {\n ...recipeMatch,\n timeActivated: Date.now(),\n duration: 3600000\n }]);\n setBuildings(prev => ({\n ...prev,\n arcaneSpire: {\n ...prev.arcaneSpire,\n spellsCast: prev.arcaneSpire.spellsCast + 1\n }\n }));\n addNotification(`✨ Successfully cast ${recipeMatch.name}! ${recipeMatch.effect}`, \"spell\");\n setSelectedRunes([]);\n } else if (experimentalMode) {\n if (resources.manaCrystals < 20) {\n addNotification(\"Not enough Mana Crystals! Need 20 crystals for experimental casting.\");\n return;\n }\n setResources(prev => ({\n ...prev,\n manaCrystals: prev.manaCrystals - 20\n }));\n const outcome = Math.random();\n if (outcome < 0.4) {\n const randomBonus = Math.floor(Math.random() * 50) + 10;\n setResources(prev => ({\n ...prev,\n wheat: prev.wheat + randomBonus\n }));\n addNotification(`✨ Experimental spell produced ${randomBonus} wheat!`, \"spell\");\n } else if (outcome < 0.7) {\n addNotification(\"The runes fizzle with energy but nothing happens...\");\n } else {\n const updatedFrogs = [...frogs];\n updatedFrogs.forEach(frog => {\n frog.stamina = Math.max(1, frog.stamina - 2);\n });\n setFrogs(updatedFrogs);\n addNotification(\"⚠️ Spell backfired! All frogs lost 2 stamina.\", \"warning\");\n setFailedCombinations(prev => prev + 1);\n if (failedCombinations + 1 >= 10) {\n addNotification(\"🌀 CHAOS GATE OPENED! A boss has appeared for a limited time!\", \"critical\");\n setFailedCombinations(0);\n }\n }\n setSelectedRunes([]);\n setExperimentalMode(false);\n } else {\n addNotification(\"Unknown rune combination. Switch to Experimental Mode to try it anyway.\");\n }\n };\n const toggleExperimentalMode = () => {\n setExperimentalMode(!experimentalMode);\n if (!experimentalMode) {\n addNotification(\"⚠️ Experimental Mode activated! Unpredictable results may occur.\", \"warning\");\n }\n };\n const revealEvent = eventId => {\n const cost = 20;\n if (resources.dragonScales < cost) {\n addNotification(`Not enough Dragon Scales! Need ${cost} DS.`);\n return;\n }\n setResources(prev => ({\n ...prev,\n dragonScales: prev.dragonScales - cost\n }));\n setTimelineEvents(prev => prev.map(event => event.id === eventId ? {\n ...event,\n revealed: true\n } : event));\n addNotification(\"Event details revealed through clairvoyance!\");\n };\n const useRewind = () => {\n if (rewindsRemaining <= 0) {\n addNotification(\"No rewinds remaining today!\");\n return;\n }\n setRewindsRemaining(prev => prev - 1);\n addNotification(\"⏪ Time rewind successful! Last action undone.\", \"spell\");\n };\n const toggleTimeCompression = () => {\n if (!buildings.arcaneSpire.timeCompression) {\n if (resources.manaCrystals < 30) {\n addNotification(\"Not enough Mana Crystals! Need 30 crystals to activate Time Compression.\");\n return;\n }\n setResources(prev => ({\n ...prev,\n manaCrystals: prev.manaCrystals - 30\n }));\n setBuildings(prev => ({\n ...prev,\n arcaneSpire: {\n ...prev.arcaneSpire,\n timeCompression: true\n }\n }));\n addNotification(\"⏳ Time Compression activated! Production speed doubled.\", \"spell\");\n } else {\n setBuildings(prev => ({\n ...prev,\n arcaneSpire: {\n ...prev.arcaneSpire,\n timeCompression: false\n }\n }));\n addNotification(\"Time Compression deactivated.\");\n }\n };\n const activateElement = element => {\n if (buildings.arcaneSpire.elementalCooldown && Date.now() < buildings.arcaneSpire.elementalCooldown) {\n const remainingTimeHours = Math.ceil((buildings.arcaneSpire.elementalCooldown - Date.now()) / (60 * 60 * 1000));\n addNotification(`Element switch on cooldown for ${remainingTimeHours} more hours.`);\n return;\n }\n if (buildings.arcaneSpire.activeElement === element) {\n setBuildings(prev => ({\n ...prev,\n arcaneSpire: {\n ...prev.arcaneSpire,\n activeElement: null,\n elementalBuffs: {\n fire: false,\n water: false,\n wind: false,\n earth: false\n },\n elementalCooldown: Date.now() + 6 * 60 * 60 * 1000,\n elementalUseTime: null\n }\n }));\n setOverloadWarning(false);\n addNotification(`${element.charAt(0).toUpperCase() + element.slice(1)} element deactivated.`);\n return;\n }\n const newElementalBuffs = {\n fire: false,\n water: false,\n wind: false,\n earth: false\n };\n newElementalBuffs[element] = true;\n setBuildings(prev => ({\n ...prev,\n arcaneSpire: {\n ...prev.arcaneSpire,\n activeElement: element,\n elementalBuffs: newElementalBuffs,\n elementalUseTime: Date.now()\n }\n }));\n const elementEffects = {\n fire: {\n buff: \"+30% forging speed\",\n debuff: \"-20% crop yield\"\n },\n water: {\n buff: \"2x frog recovery rate\",\n debuff: \"+25% expedition ambushes\"\n },\n wind: {\n buff: \"+15% synthesis crit rate\",\n debuff: \"+10% upkeep costs\"\n },\n earth: {\n buff: \"1.5x defense durability\",\n debuff: \"-15% frog movement speed\"\n }\n };\n addNotification(`${element.charAt(0).toUpperCase() + element.slice(1)} element activated! ${elementEffects[element].buff}, but ${elementEffects[element].debuff}.`, \"spell\");\n };\n function getRandomName() {\n const prefixes = [\"Sir\", \"Lady\", \"Duke\", \"Count\", \"Baron\", \"Lord\", \"Knight\", \"Squire\"];\n const names = [\"Hops\", \"Croak\", \"Ribbit\", \"Leap\", \"Pond\", \"Green\", \"Lily\", \"Toad\"];\n const suffixes = [\"the Brave\", \"the Bold\", \"the Mighty\", \"the Wise\", \"the Swift\", \"the Slimy\"];\n return `${prefixes[Math.floor(Math.random() * prefixes.length)]} ${names[Math.floor(Math.random() * names.length)]}${Math.random() > 0.5 ? ` ${suffixes[Math.floor(Math.random() * suffixes.length)]}` : ''}`;\n }\n const MainScreen = () =>

🐉 {resources.dragonScales}

🌾 {resources.wheat}

⏳ {expeditions.filter(e => !e.completed).length}

\n \n

setActiveScreen('frogSanctum')}>\n

Frog Sanctum

setActiveScreen('arcaneSpire')}>\n

Arcane Spire

setActiveScreen('bazaarPlaza')}>\n

Bazaar Plaza

setActiveScreen('dragonHotSpring')}>\n

Dragon Hot Spring

\n \n

\n \n \n \n \n

\n \n

\n \n \n \n

\n \n {activeEvent &&

{activeEvent.title}

{activeEvent.description}

\n {activeEvent.choices.map((choice, index) => )}\n

}\n

;\n const TerritoryScreen = () =>

Territory Management

\n {Object.entries(buildings).map(([key, building]) =>

{key.replace(/([A-Z])/g, ' $1').replace(/^./, str => str.toUpperCase())}

Level: {building.level}

\n \n \n \n

)}\n

\n \n \n \n

\n \n

;\n const FrogScreen = () =>

Frog Management

\n \n {synthesisActive ?

Frog Synthesis

Select 3 frogs of the same star rating to synthesize a higher-star frog.

Cost: 100 Wheat

\n {selectedFrogs.length > 0 ? frogs.filter(frog => selectedFrogs.includes(frog.id)).map(frog =>

{\"⭐\".repeat(frog.stars)}

{frog.name}

{frog.type}

) :

Select 3 frogs

}\n

\n \n \n

}\n \n

\n {frogs.map(frog =>

{\n if (synthesisActive) {\n if (selectedFrogs.includes(frog.id)) {\n setSelectedFrogs(prev => prev.filter(id => id !== frog.id));\n } else if (selectedFrogs.length < 3) {\n setSelectedFrogs(prev => [...prev, frog.id]);\n }\n }\n }}>\n

🐸

{\"⭐\".repeat(frog.stars)}

{frog.name}

{frog.type}

❤️ {frog.health}

⚡ {frog.stamina}

\n {frog.equipment ?

{frog.equipment.icon}

No gear

}\n

\n \n \n

)}\n

\n \n

;\n const ExpeditionScreen = () =>

Expedition Preparation

\n \n

startExpedition(1)}>\n

👺

Goblin Camp

1 min

startExpedition(10)}>\n

🏛️

Ancient Ruins

10 min

startExpedition(5)}>\n

🏪

Black Market

5 min

\n \n

Select Your Team

\n {frogs.map(frog =>

{\n if (selectedFrogs.includes(frog.id)) {\n setSelectedFrogs(prev => prev.filter(id => id !== frog.id));\n } else if (selectedFrogs.length < 3) {\n setSelectedFrogs(prev => [...prev, frog.id]);\n }\n }}>\n

🐸

{frog.name}

\n {\"⭐\".repeat(frog.stars)}\n ❤️ {frog.health}\n

)}\n

\n \n

Active Expeditions

\n {expeditions.filter(e => !e.completed).length > 0 ?

\n {expeditions.filter(e => !e.completed).map(expedition =>

{expedition.event}

\n Time left: {Math.max(0, Math.floor((expedition.startTime + expedition.duration * 60000 - Date.now()) / 60000))} min\n

\n \n

)}\n

No active expeditions

}\n

\n \n \n

;\n const ShopScreen = () =>

Bazaar Plaza

\n \n

\n \n \n \n \n

\n \n

\n {shopItems.filter(item => shopFilter === 'all' || item.type === shopFilter).map(item =>

{item.icon}

{item.name}

{item.effect}

🐉 {item.cost}

\n \n

)}\n

\n \n

Special Offers

🥚

Obsidian Frog Egg

Hatch a rare type of frog

🐉 300

Offer ends in: 1h 23m

\n \n

\n \n \n

;\n const EventsScreen = () =>

Events & Tasks

\n \n

Daily Tasks

\n {dailyTasks.map(task =>

{task.description}

{task.progress}/{task.target}

\n {task.completed && }\n

)}\n

\n \n

Seasonal Events

🎃

Pumpkin Festival

Carve pumpkins to scare away ghosts!

\n \n

Achievements

🌾

Wheat Tycoon

Harvest 10,000 Wheat in 24hrs

1,500/10,000

⚔️

Underdog Hero

Defeat a 5★ frog using 1★ frogs

0/1

\n \n \n

;\n const AchievementsScreen = () => {\n const [viewingMedal, setViewingMedal] = useState(null);\n const [showMedalScene, setShowMedalScene] = useState(false);\n const [slotToToggle, setSlotToToggle] = useState(null);\n const handleMedalClick = medal => {\n setViewingMedal(medal);\n setShowMedalScene(true);\n setTimeout(() => {\n setShowMedalScene(false);\n }, 3000);\n };\n const handleCategorySelect = categoryId => {\n setAchievements(prev => ({\n ...prev,\n selectedCategory: categoryId\n }));\n };\n const toggleMedalInSlot = slotIndex => {\n if (!viewingMedal) return;\n setAchievements(prev => {\n const newToggled = [...prev.toggledMedals];\n newToggled[slotIndex] = viewingMedal.id;\n let newHeatLevel = 0;\n if (newToggled.length >= 3 && newToggled.some(id => prev.medals.find(m => m.id === id)?.categoryId === 'warmonger') && newToggled.some(id => prev.medals.find(m => m.id === id)?.categoryId === 'explorer') && newToggled.some(id => prev.medals.find(m => m.id === id)?.categoryId === 'mystic')) {\n newHeatLevel += 3;\n addNotification(\"🔥 Warmonger + Explorer + Mystic synergy activated! +30% enemy spawn, 2x loot quality\", \"achievement\");\n }\n if (newToggled.length >= 3 && newToggled.some(id => prev.medals.find(m => m.id === id)?.categoryId === 'capitalist') && newToggled.some(id => prev.medals.find(m => m.id === id)?.categoryId === 'darkpath') && newToggled.some(id => prev.medals.find(m => m.id === id)?.categoryId === 'nightwalker')) {\n newHeatLevel += 3;\n addNotification(\"🔥 Capitalist + Dark Path + Nightwalker synergy activated! 3x prices, can buy others' frogs\", \"achievement\");\n }\n if (newToggled.length >= 3 && newToggled.some(id => prev.medals.find(m => m.id === id)?.categoryId === 'alchemist') && newToggled.some(id => prev.medals.find(m => m.id === id)?.categoryId === 'actor') && newToggled.some(id => prev.medals.find(m => m.id === id)?.categoryId === 'explorer')) {\n newHeatLevel += 3;\n addNotification(\"🔥 Alchemist + Actor + Explorer synergy activated! Failed fusions create joke items\", \"achievement\");\n }\n return {\n ...prev,\n toggledMedals: newToggled,\n heatLevel: newHeatLevel\n };\n });\n setSlotToToggle(null);\n };\n const handleLavaBarClick = () => {\n setAchievements(prev => {\n const newClickCount = prev.lavaBarClicks + 1;\n if (newClickCount === 10) {\n addNotification(\"🔥 Pyromaniac achievement unlocked! Your interface is burning!\", \"achievement\");\n }\n return {\n ...prev,\n lavaBarClicks: newClickCount\n };\n });\n };\n const getMedalColor = tier => {\n switch (tier) {\n case 'bronze':\n return '#CD7F32';\n case 'silver':\n return '#C0C0C0';\n case 'gold':\n return '#FFD700';\n default:\n return '#CD7F32';\n }\n };\n const getMedalSynergyStyling = categoryId => {\n if (!achievements.toggledMedals || achievements.toggledMedals.length === 0) return {};\n const hasCategory = achievements.toggledMedals.some(id => {\n const medal = [...achievements.medals, ...achievements.unlockedMedals].find(m => m.id === id);\n return medal && medal.categoryId === categoryId;\n });\n if (hasCategory) {\n if (categoryId === 'warmonger' || categoryId === 'capitalist' || categoryId === 'alchemist') {\n return {\n boxShadow: '0 0 15px #F44336'\n };\n } else if (categoryId === 'explorer' || categoryId === 'nightwalker' || categoryId === 'actor') {\n return {\n boxShadow: '0 0 15px #2196F3'\n };\n } else {\n return {\n boxShadow: '0 0 15px #9C27B0'\n };\n }\n }\n return {};\n };\n const categoryMedals = [...achievements.medals, ...achievements.unlockedMedals].filter(medal => medal.categoryId === achievements.selectedCategory).sort((a, b) => {\n if (a.unlocked !== b.unlocked) return a.unlocked ? -1 : 1;\n const tierOrder = {\n bronze: 1,\n silver: 2,\n gold: 3\n };\n return tierOrder[a.tier] - tierOrder[b.tier];\n });\n return

Medal Hall Eternal Glory

\n \n

\n {achievements.categories.map(category =>

handleCategorySelect(category.id)} style={getMedalSynergyStyling(category.id)}>\n

{category.icon}

{category.name}

)}\n

\n \n

Achievement Progress

\n {achievements.categories.map((category, index) => {\n const totalInCategory = [...achievements.medals, ...achievements.unlockedMedals].filter(medal => medal.categoryId === category.id).length;\n const unlockedInCategory = [...achievements.medals, ...achievements.unlockedMedals].filter(medal => medal.categoryId === category.id && medal.unlocked).length;\n const percentage = unlockedInCategory / totalInCategory;\n const angle = 360 * percentage;\n return

;\n })}\n

\n {Math.floor(getTotalCompletionPercentage())}%\n

\n \n

\n {categoryMedals.map(medal =>

handleMedalClick(medal)} style={{\n backgroundColor: getMedalColor(medal.tier),\n ...getMedalSynergyStyling(medal.categoryId)\n }}>\n

{achievements.categories.find(c => c.id === medal.categoryId).icon}

{medal.name}

\n {!medal.unlocked && !medal.hidden &&

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

}\n {medal.hidden && !medal.unlocked &&

?????

}\n

)}\n

\n \n

= 10 ? 'lavaOverflow 2s infinite' : 'none'\n }} />\n

\n {Array.from({\n length: 8\n }).map((_, i) =>

)}\n

\n \n

Medal Toggle Slots

\n {[0, 1, 2].map(index => {\n const medalId = achievements.toggledMedals[index];\n const medal = medalId ? [...achievements.medals, ...achievements.unlockedMedals].find(m => m.id === medalId) : null;\n return

setSlotToToggle(index === slotToToggle ? null : index)}>\n {medal ?

\n {achievements.categories.find(c => c.id === medal.categoryId).icon}\n

{medal.name}

\n +\n

Click to assign

}\n

;\n })}\n

\n \n {slotToToggle !== null && viewingMedal &&

\n \n

}\n \n

🔥 Heat Level: {achievements.heatLevel}

\n \n

📜 Lore Fragments: {achievements.loreFragments}/12

\n Unlock hidden achievements to discover more of the story\n

\n \n

Medal Showcase

\n Selected medals are visible to your friends\n

\n {achievements.toggledMedals.map((medalId, index) => {\n if (!medalId) return null;\n const medal = [...achievements.medals, ...achievements.unlockedMedals].find(m => m.id === medalId);\n if (!medal) return null;\n return

\n {achievements.categories.find(c => c.id === medal.categoryId).icon}\n

{medal.name}

\n {medal.globalRate} of players\n

;\n })}\n

\n \n {viewingMedal &&

\n {achievements.categories.find(c => c.id === viewingMedal.categoryId).icon}\n {achievements.categories.find(c => c.id === viewingMedal.categoryId).name}\n

{capitalizeFirstLetter(viewingMedal.tier)}

\n \n

{viewingMedal.name}

{viewingMedal.description}

\n \n {!viewingMedal.unlocked && !viewingMedal.hidden &&

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

}\n \n

Rarity:

{viewingMedal.globalRate} of players unlocked this

\n \n {showMedalScene &&

\n {viewingMedal.categoryId === 'warmonger' &&

}\n {viewingMedal.categoryId === 'explorer' &&

}\n {viewingMedal.categoryId === 'alchemist' &&

}\n {viewingMedal.categoryId === 'capitalist' &&

}\n {viewingMedal.categoryId === 'actor' &&

}\n {viewingMedal.categoryId === 'nightwalker' &&

}\n {viewingMedal.categoryId === 'mystic' &&

}\n {viewingMedal.categoryId === 'darkpath' &&

}\n

}\n \n

\n \n {slotToToggle !== null && }\n

}\n \n \n

;\n function capitalizeFirstLetter(string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n }\n function getCategoryColor(categoryId) {\n const colors = {\n warmonger: '#F44336',\n explorer: '#2196F3',\n alchemist: '#4CAF50',\n capitalist: '#FFC107',\n actor: '#9C27B0',\n nightwalker: '#673AB7',\n mystic: '#00BCD4',\n darkpath: '#616161'\n };\n return colors[categoryId] || '#9C27B0';\n }\n function getTotalCompletionPercentage() {\n const totalMedals = achievements.medals.length + achievements.unlockedMedals.length;\n const unlockedCount = achievements.unlockedMedals.length + achievements.medals.filter(medal => medal.unlocked).length;\n return unlockedCount / totalMedals * 100;\n }\n };\n const ArcaneSpireScreen = () => {\n useEffect(() => {\n const spellCheckInterval = setInterval(() => {\n setActiveSpells(prev => prev.filter(spell => {\n const isActive = Date.now() < spell.timeActivated + spell.duration;\n if (!isActive) {\n addNotification(`${spell.name} spell has worn off.`);\n }\n return isActive;\n }));\n }, 10000);\n return () => clearInterval(spellCheckInterval);\n }, []);\n const getSpellTimeRemaining = spell => {\n const elapsed = Date.now() - spell.timeActivated;\n const remaining = Math.max(0, spell.duration - elapsed);\n return Math.floor(remaining / 60000);\n };\n return

Arcane Spire Level {buildings.arcaneSpire.level}

\n \n

Mana

💧 {resources.manaCrystals}

\n \n {buildings.arcaneSpire.activeElement &&

\n {buildings.arcaneSpire.activeElement === 'fire' && '🔥'}\n {buildings.arcaneSpire.activeElement === 'water' && '🌊'}\n {buildings.arcaneSpire.activeElement === 'wind' && '🌪️'}\n {buildings.arcaneSpire.activeElement === 'earth' && '🪨'}\n

{buildings.arcaneSpire.activeElement.charAt(0).toUpperCase() + buildings.arcaneSpire.activeElement.slice(1)}

}\n \n {activeSpells.length > 0 &&

✨

{activeSpells.length}

}\n \n {buildings.arcaneSpire.timeCompression &&

⏳

}\n

\n \n

\n \n \n \n

\n \n

\n {spireTab === 'runeWeaving' &&

Rune Library

\n {baseRunes.map(rune =>

rune.unlocked && selectRune(rune.id)}>\n

{rune.symbol}

{rune.type}

)}\n

\n \n

\n Experimental casting allows untested rune combinations with unpredictable results.\n

\n \n

Failed Combinations: {failedCombinations}/10

\n {failedCombinations >= 7 ? \"⚠️ Chaos energy building...\" : \"\"}\n

\n \n

Casting Circle

\n \n

\n {selectedRunes.map((rune, index) =>

{rune.symbol}

)}\n

\n \n {selectedRunes.length > 0 &&

\n {(() => {\n const runeTypes = selectedRunes.map(r => r.type);\n const recipeMatch = spellRecipes.find(recipe => recipe.unlocked && recipe.runes.length === runeTypes.length && recipe.runes.every(r => runeTypes.includes(r)) && runeTypes.every(r => recipe.runes.includes(r)));\n if (recipeMatch) {\n return <>\n

{recipeMatch.name}

{recipeMatch.effect}

{recipeMatch.manaCost} Mana

\n ;\n } else if (experimentalMode) {\n return <>\n

Unknown Spell

Unpredictable effects

20 Mana

\n ;\n } else {\n return

Unknown combination

;\n }\n })()}\n

}\n

\n \n

\n \n \n

\n \n

Spell Codex

\n {spellRecipes.filter(spell => spell.unlocked).map(spell =>

{spell.name}

{spell.manaCost} 💧

{spell.effect}

\n {spell.runes.map((runeType, index) =>

\n {runeType === 'fire' && '🔥'}\n {runeType === 'water' && '🌊'}\n {runeType === 'wind' && '🌪️'}\n {runeType === 'lightning' && '⚡'}\n {runeType === 'dark' && '🌑'}\n

)}\n

\n \n {activeSpells.length > 0 &&

Active Spells

\n {activeSpells.map(spell =>

{spell.name}

\n {getSpellTimeRemaining(spell)} min remaining\n

{spell.effect}

)}\n

}\n \n {activeSpells.length === 0 &&

No active spells

Cast a spell to enhance your kingdom

}\n

}\n \n {spireTab === 'chronoObservatory' &&

\n \n \n \n \n

\n Rewinds reset at midnight. Current time: {new Date().toLocaleTimeString()}\n

\n \n

Future Events Timeline

Now

\n {timelineEvents.map(event => {\n const timeFromNow = event.time - Date.now();\n const hoursFromNow = Math.max(0, Math.floor(timeFromNow / (60 * 60 * 1000)));\n const position = Math.min(95, Math.max(5, hoursFromNow / 48 * 100));\n return

\n {event.type === 'merchantVisit' && '🛒'}\n {event.type === 'dragonAttack' && '🐉'}\n {event.type === 'harvest' && '🌾'}\n

{hoursFromNow}h

\n \n {event.revealed ?

{event.title}

{event.description}

: }\n

;\n })}\n

\n {Array.from({\n length: 49\n }).map((_, i) =>

\n {i % 6 === 0 &&

{i}h

}\n

)}\n

\n \n

Crisis Simulation

Test your defenses against future threats to prepare your kingdom.

\n \n

🐉

Dragon Attack

Difficulty: Hard

\n \n

🦠

Frog Plague

Difficulty: Medium

\n \n

👑

Royal Rebellion

Difficulty: Extreme

\n \n

Temporal Effects

\n \n {buildings.arcaneSpire.timeCompression ?

⏳ Time Compression

2x production speed, 2x resource cost

Active

No active temporal effects

}\n \n

Temporal Laws

Law of Equivalence

All time alterations require equivalent energy exchange

Law of Causality

Preventing one event may trigger unforeseen consequences

}\n \n {spireTab === 'elementalResonance' &&

activateElement('fire')}>\n

🔥

Fire

\n \n

activateElement('water')}>\n

🌊

Water

\n \n

activateElement('wind')}>\n

🌪️

Wind

\n \n

activateElement('earth')}>\n

🪨

Earth

\n \n

Element Effects

\n \n

Element

Buff

Debuff

{overloadWarning ? 'OVERLOAD' : 'Status'}

\n \n

🔥 Fire

+30% forging speed

-20% crop yield

{buildings.arcaneSpire.elementalBuffs.fire ? 'Active' : 'Inactive'}

\n \n

🌊 Water

2x frog recovery rate

+25% expedition ambushes

{buildings.arcaneSpire.elementalBuffs.water ? 'Active' : 'Inactive'}

\n \n

🌪️ Wind

+15% synthesis crit rate

+10% upkeep costs

{buildings.arcaneSpire.elementalBuffs.wind ? 'Active' : 'Inactive'}

\n \n

🪨 Earth

1.5x defense durability

-15% frog movement speed

{buildings.arcaneSpire.elementalBuffs.earth ? 'Active' : 'Inactive'}

\n \n {buildings.arcaneSpire.elementalCooldown && Date.now() < buildings.arcaneSpire.elementalCooldown &&

\n Element switch on cooldown: {Math.ceil((buildings.arcaneSpire.elementalCooldown - Date.now()) / (60 * 60 * 1000))} hours remaining\n

}\n \n {overloadWarning &&

\n ⚠️ ELEMENTAL OVERLOAD WARNING! Using the same element for over 24 hours has doubled the debuff effects.\n

}\n \n

Elemental Rules

Elements have a 6-hour cooldown when switching
24h continuous use triggers Elemental Overload (debuffs doubled)
Only one element can be active at a time

\n \n

Resonance Field

\n \n {buildings.arcaneSpire.activeElement ?

\n {buildings.arcaneSpire.activeElement.charAt(0).toUpperCase() + buildings.arcaneSpire.activeElement.slice(1)} Resonance\n

\n Active for: {buildings.arcaneSpire.elementalUseTime ? Math.floor((Date.now() - buildings.arcaneSpire.elementalUseTime) / (60 * 60 * 1000)) : 0} hours\n

\n {buildings.arcaneSpire.activeElement === 'fire' && 'Your kingdom burns with productive energy'}\n {buildings.arcaneSpire.activeElement === 'water' && 'Your frogs recover swiftly in the healing waters'}\n {buildings.arcaneSpire.activeElement === 'wind' && 'The winds of fortune enhance your synthesis'}\n {buildings.arcaneSpire.activeElement === 'earth' && 'Your defenses stand firm as the mountains'}\n

No elemental resonance active

Select an element orb to activate its effects on your realm

}\n \n

Research Notes

Our scholars theorize that finding a way to combine multiple elements could yield extraordinary power, though the risks would be immense.

Further research required in Arcane Spire level 5+

}\n

\n \n \n

;\n };\n const FrogSanctumScreen = () => {\n useEffect(() => {\n const timer = setInterval(() => {\n setIncubatingEggs(prev => prev.map(egg => {\n const timeRemaining = Math.max(0, Math.floor((egg.endTime - Date.now()) / 1000));\n return {\n ...egg,\n timeRemaining\n };\n }));\n }, 1000);\n return () => clearInterval(timer);\n }, []);\n useEffect(() => {\n const runeTimer = setTimeout(() => {\n if (secretRunes > 0 && secretRunes < 20) {\n setSecretRunes(0);\n }\n }, 10000);\n return () => clearTimeout(runeTimer);\n }, [secretRunes]);\n return

Frog Sanctum Level {sanctumUpgrades.level}

\n \n

\n \n \n \n

\n \n

\n {sanctumTab === 'incubator' &&

Egg Incubator

\n {Array.from({\n length: sanctumUpgrades.warmerNest ? 2 : 1\n }).map((_, index) => {\n const egg = incubatingEggs[index];\n return

\n {egg ?

{egg.icon}

{egg.type}

\n {Math.floor(egg.timeRemaining / 60)}m {egg.timeRemaining % 60}s\n

\n \n \n

No Egg

\n {eggs.length > 0 &&

Available Eggs

\n {eggs.map(egg =>

startEggIncubation(egg.id)}>\n

{egg.icon}

{egg.type}

)}\n

}\n

;\n })}\n

\n \n

Nurse Frog Assignment

\n {buildings.frogSanctum.eggIncubator.nurseAssigned ?

🐸‍⚕️

\n {frogs.find(f => f.id === buildings.frogSanctum.eggIncubator.nurseFrogId)?.name || \"Nurse Frog\"}\n

+50% incubation speed

Assign a frog as nurse to speed up incubation

\n {frogs.slice(0, 3).map(frog =>

assignNurseFrog(frog.id)}>\n

🐸

{frog.name}

)}\n

}\n

\n \n

addNotification(\"Brewing a mysterious potion...\")}>\n

🧪

Brewing Cauldron (Click to brew)

\n \n

Frog Collection

\n {frogs.slice(0, 6).map(frog =>

🐸

\n {frog.shiny &&

✨

}\n

{\"⭐\".repeat(frog.stars)}

{frog.name}

⚔️ {frog.combatPower || frog.stars * 100}

🍀 {frog.luck || 10}

\n \n

)}\n

\n \n

Selected Frog Stats

Select a frog to view stats

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

Synthesis Altar

\n {Array.from({\n length: 3\n }).map((_, index) => {\n const frogId = selectedFrogs[index];\n const frog = frogs.find(f => f.id === frogId);\n return

\n {frog ?

🐸

{\"⭐\".repeat(frog.stars)}

}\n

;\n })}\n

\n \n

Catalyst

setSelectedCatalyst('starDust')}>\n

✨

Star Dust

+20% Success

setSelectedCatalyst('dragonScale')}>\n

🐉

Dragon Blood

Hidden Path

\n \n

Preview

\n {selectedFrogs.length === 3 ?

\n {selectedFrogs.length === 3 && selectedCatalyst === 'dragonScale' && getFrogById(selectedFrogs[0]).stars === 2 ? 'Dragon Knight' : selectedFrogs.length === 3 && getFrogById(selectedFrogs[0]).stars === 1 ? 'Alchemist' : selectedFrogs.length === 3 && getFrogById(selectedFrogs[0]).stars === 2 ? 'Paladin' : 'Unknown'}\n

\n {\"⭐\".repeat(selectedFrogs.length === 3 ? getFrogById(selectedFrogs[0]).stars + 1 : 0)}\n

\n Success: {buildings.arcaneSpire.elementalBuffs.wind ? '70%' : selectedCatalyst === 'starDust' ? '70%' : '50%'}\n {buildings.arcaneSpire.elementalBuffs.wind && (Wind +15%)}\n

Select 3 frogs

}\n

\n \n \n

\n \n

\n {Array.from({\n length: 5\n }).map((_, index) =>

index * 4 ? 'active' : ''}`} onClick={clickRune}>\n {['🔮', '📜', '🌙', '⚗️', '🌟'][index]}\n

)}\n

\n \n

Frog Selection

\n {frogs.map(frog =>

🐸

{\"⭐\".repeat(frog.stars)}

{frog.name}

{frog.type}

)}\n

\n \n

Trophy Wall

🏆

First Synthesis

🏆

Dragon Knight Creator

🏆

Perfect Bloodline

}\n \n {sanctumTab === 'library' &&

Genetic Library

\n {geneLibrary.map(recipe =>

{recipe.name}

{recipe.ingredients}

{recipe.result}

\n {recipe.discovered && }\n

)}\n

\n \n

Evolution Paths

1★ Mudling

↓

2★ Alchemist

↙

↘

3★ Paladin

3★ Dragon Knight

}\n

\n \n

Sanctum Upgrades

Level {sanctumUpgrades.level}

\n {sanctumUpgrades.level < 3 &&

Level 3: Warmer Nest (2 egg slots)

}\n {sanctumUpgrades.level >= 3 && sanctumUpgrades.level < 5 &&

Level 5: Blessed Font (+15% high star)

}\n {sanctumUpgrades.level >= 5 && sanctumUpgrades.level < 10 &&

Level 10: Chaos Fusion (Cross-species)

}\n

\n \n

\n \n \n

;\n };\n function getFrogById(id) {\n return frogs.find(frog => frog.id === id) || {\n stars: 0,\n type: 'Unknown'\n };\n }\n function getFrogColor(type) {\n switch (type) {\n case 'Mudling':\n return '#8D6E63';\n case 'Alchemist':\n return '#4CAF50';\n case 'Paladin':\n return '#9C27B0';\n case 'Dragon Knight':\n return '#F44336';\n default:\n return '#4CAF50';\n }\n }\n const assignFrogToHotSpring = frogId => {\n const frog = frogs.find(f => f.id === frogId);\n if (!frog) return;\n const emptySlotIndex = hotSpringSlots.findIndex(slot => slot === null);\n if (emptySlotIndex === -1) {\n addNotification(\"No hot spring slots available! Recall a frog first.\");\n return;\n }\n const newSlot = {\n frogId,\n startTime: Date.now(),\n buffTriggered: false\n };\n const newSlots = [...hotSpringSlots];\n newSlots[emptySlotIndex] = newSlot;\n setHotSpringSlots(newSlots);\n setFrogs(prev => prev.filter(f => f.id !== frogId));\n addNotification(`${frog.name} is now relaxing in the hot spring.`);\n };\n const recallFrogFromHotSpring = slotIndex => {\n const slot = hotSpringSlots[slotIndex];\n if (!slot) return;\n const frog = getFrogById(slot.frogId);\n const elapsedTime = Date.now() - slot.startTime;\n const minutesSoaked = Math.floor(elapsedTime / 60000);\n const staminaRecovered = Math.min(100 - frog.stamina, Math.floor(elapsedTime / 20000));\n let buffApplied = false;\n if (slot.buffTriggered || minutesSoaked >= 30) {\n const buffRoll = Math.random();\n let buffName = \"\";\n let buffDuration = 12 * 60 * 60 * 1000;\n if (buffRoll < 0.4 || noEffectCount >= 3) {\n buffName = \"Hot Spring Blessing\";\n const newBuff = {\n id: Date.now(),\n frogId: slot.frogId,\n frogName: frog.name,\n type: \"blessing\",\n description: \"Next expedition brings +1 resource\",\n endTime: Date.now() + buffDuration\n };\n setActiveBuffs(prev => [...prev, newBuff]);\n setNoEffectCount(0);\n buffApplied = true;\n } else if (buffRoll < 0.7) {\n buffName = \"Deep Sleep\";\n const newBuff = {\n id: Date.now(),\n frogId: slot.frogId,\n frogName: frog.name,\n type: \"sleep\",\n description: \"-20% stamina drain for 12hr\",\n endTime: Date.now() + buffDuration\n };\n setActiveBuffs(prev => [...prev, newBuff]);\n buffApplied = true;\n } else {\n buffName = \"Relaxed (No special effect)\";\n setNoEffectCount(prev => prev + 1);\n }\n if (buffApplied) {\n addNotification(`${frog.name} received the ${buffName} buff!`, \"buff\");\n } else {\n addNotification(`${frog.name} feels relaxed but didn't get a special buff.`);\n }\n } else {\n addNotification(`${frog.name} soaked for ${minutesSoaked} minutes and recovered ${staminaRecovered} stamina.`);\n }\n setFrogs(prev => [...prev, {\n ...frog,\n stamina: Math.min(100, frog.stamina + staminaRecovered)\n }]);\n const newSlots = [...hotSpringSlots];\n newSlots[slotIndex] = null;\n setHotSpringSlots(newSlots);\n };\n const extendHotSpringTime = slotIndex => {\n const cost = 10;\n if (resources.dragonScales < cost) {\n addNotification(`Not enough Dragon Scales! Need ${cost} DS.`);\n return;\n }\n const slot = hotSpringSlots[slotIndex];\n if (!slot) return;\n setResources(prev => ({\n ...prev,\n dragonScales: prev.dragonScales - cost\n }));\n const newSlots = [...hotSpringSlots];\n newSlots[slotIndex] = {\n ...slot,\n startTime: Date.now() - 30 * 60 * 1000 + 60 * 60 * 1000\n };\n setHotSpringSlots(newSlots);\n const frog = getFrogById(slot.frogId);\n addNotification(`Extended ${frog.name}'s soak time by 1 hour for better buff chance!`);\n };\n const DragonHotSpringScreen = () => {\n useEffect(() => {\n const buffInterval = setInterval(() => {\n setActiveBuffs(prev => prev.filter(buff => Date.now() < buff.endTime));\n setHotSpringSlots(prevSlots => {\n return prevSlots.map(slot => {\n if (!slot) return null;\n const elapsedTime = Date.now() - slot.startTime;\n if (elapsedTime >= 30 * 60 * 1000 && !slot.buffTriggered) {\n const frog = getFrogById(slot.frogId);\n addNotification(`${frog.name} is ready to receive a hot spring buff! Click to recall.`, \"buff\");\n return {\n ...slot,\n buffTriggered: true\n };\n }\n return slot;\n });\n });\n }, 5000);\n return () => clearInterval(buffInterval);\n }, []);\n const availableFrogs = frogs.filter(frog => !expeditions.some(e => e.frogs.includes(frog.id)) && frog.stamina < 100);\n return

Dragon Hot Spring {waterTemperature}

\n \n

\n {hotSpringSlots.map((slot, index) =>

!slot && setActiveScreen('hotSpringFrogSelect')}>\n {slot ?

{\n e.stopPropagation();\n const frog = getFrogById(slot.frogId);\n const elapsedTime = Date.now() - slot.startTime;\n const timeLeft = Math.max(0, Math.round((30 * 60 * 1000 - elapsedTime) / 60000));\n if (window.confirm(`${frog.name} is soaking. ${timeLeft} minutes until buff.\\n\\n⏹️ Recall Early\\n🔄 Extend Time (10 DS)`)) {\n recallFrogFromHotSpring(index);\n } else if (window.confirm(`Extend ${frog.name}'s soak time for 10 Dragon Scales?`)) {\n extendHotSpringTime(index);\n }\n }}>\n

🐸

{waterTemperature === 'high' ? '😅' : '😌'}

\n \n

\n {Math.floor((Date.now() - slot.startTime) / 60000)}m\n

\n \n {slot.buffTriggered &&

✨

}\n

Click to add frog

}\n

)}\n

\n \n {}\n

🦆

○

🌸

\n \n {waterTemperature === 'high' &&

}\n

\n \n

\n \n \n \n \n \n

\n \n

Available Frogs

\n \n

\n {availableFrogs.length > 0 ? availableFrogs.map(frog =>

assignFrogToHotSpring(frog.id)}>\n

🐸

\n \n

{frog.name}

\n \n

\n {frog.stamina}/100\n ⚡ Available\n

) :

\n No frogs need healing! All your amphibians are at full stamina or busy on expeditions.\n

}\n

\n \n

Hot Spring Benefits

Restores 1 stamina every 20 seconds
Removes all debuffs automatically
30 minutes soak time grants random buffs:

🌟 Hot Spring Blessing: Next expedition brings +1 resource
💤 Deep Sleep: -20% stamina drain for 12hr
🎲 Sometimes no effect (but still relaxing!)

\n \n \n \n \n

;\n };\n const renderScreen = () => {\n switch (activeScreen) {\n case 'main':\n return ;\n case 'territory':\n return ;\n case 'frogs':\n return ;\n case 'expedition':\n return ;\n case 'bazaarPlaza':\n return ;\n case 'events':\n return ;\n case 'frogSanctum':\n return ;\n case 'arcaneSpire':\n return ;\n case 'dragonHotSpring':\n return ;\n case 'achievements':\n return ;\n default:\n return ;\n }\n };\n return

\n {renderScreen()}\n \n \n

𝕏

\n \n \n

\n {notifications.map(notification =>

\n {notification.message}\n

)}\n

\n \n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-router-dom\":\"6.18.0\",\"lucide-react\":\"0.441.0\",\"zod\":\"3.22.4\",\"recharts\":\"2.8.0\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\",\"@devfunlabs/state-client\":\"0.8.1\",\"@devfunlabs/wallet-adapter-devfun\":\"0.3.0\",\"@devfunlabs/web-sdk\":\"0.2.2\",\"@react-three/drei\":\"9.99.7\",\"@react-three/fiber\":\"8.15.19\",\"framer-motion\":\"10.16.4\",\"socket.io-client\":\"4.7.1\",\"three\":\"0.162.0\",\"ai\":\"4.0.0\"}}","token",{"_18":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_82":53,"_83":53,"_61":62},"DragonScale","symbol","DragonFrog","price",0.0000021,"marketcap",2185.78249926,"image","https://pump.mypinata.cloud/ipfs/QmY8eQxkR2ScywaE1WoMS4SC2P3RQcNaG6u6VQF7g2MVgs?img-width=256&img-dpr=2","website","https://dev.fun/p/234cec3027112ea73071","twitter","https://x.com/OneDragonScale","devCount","appCount","upstreamApp","isLordOfDev","analytics",[88,92,94,96,98,100,102,104,106,108,110,112,114,116,118,120,122],{"_89":90,"_91":53},"day","2025-03-25","runCount",{"_89":93,"_91":53},"2025-03-26",{"_89":95,"_91":53},"2025-03-27",{"_89":97,"_91":53},"2025-03-28",{"_89":99,"_91":53},"2025-03-29",{"_89":101,"_91":53},"2025-03-30",{"_89":103,"_91":53},"2025-03-31",{"_89":105,"_91":53},"2025-04-01",{"_89":107,"_91":53},"2025-04-02",{"_89":109,"_91":53},"2025-04-03",{"_89":111,"_91":53},"2025-04-04",{"_89":113,"_91":53},"2025-04-05",{"_89":115,"_91":53},"2025-04-06",{"_89":117,"_91":53},"2025-04-07",{"_89":93,"_91":119},7,{"_89":95,"_91":121},9,{"_89":99,"_91":123},554,"snapshot","ogImage","https://cdn.dev.fun/og/image/234cec3027112ea73071/5e454a03.webp","commitDetail","actionData","errors"]