[{"_1":2,"_144":-5,"_145":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_56":57,"_58":59,"_60":61,"_62":63,"_64":59,"_65":66,"_67":42,"_68":59,"_69":59,"_70":59,"_71":17,"_72":17,"_73":74,"_75":76,"_77":78,"_79":80,"_81":82,"_99":-5,"_100":17,"_101":102,"_140":32,"_141":142,"_143":17},"id","ec3aed3421220f96ed98","isMyApp",false,"name","powellpanic","description","Save the economy as the Fed Chair in this nail-biting crisis simulator where one wrong statement can trigger a global meltdown! Watch in horror as your decisions instantly ripple through markets, sending crypto moonward or stocks into the abyss.","brief","","isLive",true,"isPublic","tags",[29,30],"🔥","👑","cover","https://cdn.dev.fun/snapshot/ec3aed3421220f96ed98/53626_97cddd7a.webp","cdnUrl","https://cdn.dev.fun/app/ec3aed3421220f96ed98/53626","createdAt",["D",1744030666921],"updatedAt",["D",1744620213757],"lastCommitId",["B","53626"],"tier",1,"credits",118,{"_14":46,"_47":48,"_49":-5,"_50":48,"_51":52,"_53":-5,"_54":55},"27bff6cb-d898-4b9d-9023-2314d73ffd5a","uniqueId","4qdbcwqMqvQTt64AcyYKstgbVRg175Tubk9j4rCcDGPg","username","solanaWallet","displayName","4qd...GPg","bio","avatar","/avatar.svg","commitCount",112,"forkCount",0,"likeCount",9,"runsCount",1526,"downvoteCount","upvoteCount",2,"upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","5s4gk4Y4PC9FdRz1y54hs4Qod5J8mSbHoW2FmrVapump","code","import { useState, useEffect } from 'react';\nimport { XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Area, AreaChart, ReferenceLine } from 'recharts';\nimport { AlertTriangle, TrendingDown, TrendingUp, DollarSign, MessageSquare, PieChart, Clock, Share2, X, Twitter, AlertCircle, Menu, ChevronDown, ChevronUp, ArrowUp, ArrowDown } from 'lucide-react';\nconst INITIAL_PANIC = 25;\nconst MAX_PANIC = 100;\nconst MIN_PANIC = 0;\nconst GAME_DURATION = 90;\nconst MARKET_UPDATE_INTERVAL = 3500;\nconst NEWS_UPDATE_INTERVAL = 10000;\nconst TICKER_UPDATE_INTERVAL = 15000;\nconst EVENT_TRIGGER_INTERVAL = 17000;\nconst GRACE_PERIOD = 15;\nexport default function App() {\n const [showTutorial, setShowTutorial] = useState(false);\n const [tutorialStep, setTutorialStep] = useState(1);\n const [showToolTips, setShowToolTips] = useState(false);\n const [actionFeedback, setActionFeedback] = useState(null);\n const [failureReason, setFailureReason] = useState(null);\n const [isMobile, setIsMobile] = useState(false);\n useEffect(() => {\n const checkMobile = () => {\n setIsMobile(window.innerWidth < 640);\n };\n checkMobile();\n window.addEventListener('resize', checkMobile);\n return () => window.removeEventListener('resize', checkMobile);\n }, []);\n useEffect(() => {\n const styleId = 'powell-panic-styles';\n let styleElement = document.getElementById(styleId);\n if (!styleElement) {\n styleElement = document.createElement('style');\n styleElement.id = styleId;\n styleElement.textContent = `\n @keyframes tickerScroll {\n 0% { transform: translateX(100%); }\n 100% { transform: translateX(-100%); }\n }\n .ticker-tape {\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 50;\n border-bottom: 2px solid #ff0000;\n margin-bottom: 8px;\n }\n .ticker-content {\n display: inline-block;\n white-space: nowrap;\n padding-right: 50px;\n animation: tickerScroll 20s linear infinite;\n }\n @keyframes shake {\n 0% { transform: translate(0, 0); }\n 10% { transform: translate(-2px, 0); }\n 20% { transform: translate(2px, 0); }\n 30% { transform: translate(-1.5px, 0); }\n 40% { transform: translate(1.5px, 0); }\n 50% { transform: translate(-1px, 0); }\n 60% { transform: translate(1px, 0); }\n 70% { transform: translate(-0.5px, 0); }\n 80% { transform: translate(0.5px, 0); }\n 90% { transform: translate(-0.25px, 0); }\n 100% { transform: translate(0, 0); }\n }\n .shake {\n animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;\n }\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n .animate-bounce {\n animation: bounce 1s ease-in-out infinite;\n }\n @keyframes glowPulse {\n 0% { box-shadow: 0 0 5px 0px rgba(59, 130, 246, 0.5); }\n 50% { box-shadow: 0 0 15px 5px rgba(59, 130, 246, 0.8); }\n 100% { box-shadow: 0 0 5px 0px rgba(59, 130, 246, 0.5); }\n }\n .tools-glow {\n animation: glowPulse 2s infinite;\n border-radius: 0.5rem;\n }\n .action-feedback {\n animation: fadeIn 0.3s ease-out, fadeOut 0.3s ease-in 2.7s forwards;\n }\n @media (max-width: 640px) {\n .action-feedback {\n width: 90%;\n max-width: 300px;\n }\n .ticker-content {\n animation: tickerScroll 30s linear infinite;\n }\n }\n @keyframes fadeOut {\n 0% { opacity: 1; transform: translateY(0); }\n 100% { opacity: 0; transform: translateY(-10px); }\n }\n @keyframes pulseOpacity {\n 0% { opacity: 0.95; }\n 50% { opacity: 1; }\n 0%, 100% { opacity: 0.95; }\n 50% { opacity: 1; }\n 100% { opacity: 0.95; }\n }\n .animate-pulse {\n animation: pulseOpacity 1s ease-in-out infinite;\n }\n @keyframes fadeIn {\n 0% { opacity: 0; transform: translateY(-10px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n .animate-fadeIn {\n animation: fadeIn 0.3s ease-out;\n }\n `;\n document.head.appendChild(styleElement);\n }\n return () => {\n const styleToRemove = document.getElementById(styleId);\n if (styleToRemove && styleToRemove.parentNode) {\n styleToRemove.parentNode.removeChild(styleToRemove);\n }\n };\n }, []);\n const [gameStarted, setGameStarted] = useState(true);\n const [gameOver, setGameOver] = useState(false);\n const [timeRemaining, setTimeRemaining] = useState(GAME_DURATION);\n const [score, setScore] = useState(0);\n useEffect(() => {\n startGame();\n }, []);\n const [panicLevel, setPanicLevel] = useState(INITIAL_PANIC);\n const [interestRate, setInterestRate] = useState(3.75);\n const [marketIndex, setMarketIndex] = useState(25000);\n const [isShaking, setIsShaking] = useState(false);\n const [stockData, setStockData] = useState([]);\n const [liquidity, setLiquidity] = useState(4750);\n const [inflationRate, setInflationRate] = useState(3.8);\n const [marketBonus, setMarketBonus] = useState(0);\n const [stabilityBonus, setStabilityBonus] = useState(0);\n const [inflationPenalty, setInflationPenalty] = useState(0);\n const [rateCooldown, setRateCooldown] = useState(0);\n const [liquidityCooldown, setLiquidityCooldown] = useState(0);\n const [statementCooldown, setStatementCooldown] = useState(0);\n const [currentNews, setCurrentNews] = useState([]);\n const [selectedTool, setSelectedTool] = useState(null);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [gameResult, setGameResult] = useState(\"\");\n const [currentEvent, setCurrentEvent] = useState(null);\n const [notifications, setNotifications] = useState([]);\n const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\n const [indicesOpen, setIndicesOpen] = useState(false);\n const [assetsOpen, setAssetsOpen] = useState(true);\n const [marketImpact, setMarketImpact] = useState(null);\n const [impactValue, setImpactValue] = useState(0);\n const [showLeaderboard, setShowLeaderboard] = useState(false);\n const [leaderboardData] = useState([{\n name: \"Janet Yellen\",\n days: 126,\n marketIndex: 27845,\n panicLevel: 58\n }, {\n name: \"Alan Greenspan\",\n days: 114,\n marketIndex: 26390,\n panicLevel: 62\n }, {\n name: \"Ben Bernanke\",\n days: 103,\n marketIndex: 23458,\n panicLevel: 71\n }, {\n name: \"Paul Volcker\",\n days: 95,\n marketIndex: 28756,\n panicLevel: 49\n }, {\n name: \"Christine Lagarde\",\n days: 84,\n marketIndex: 22187,\n panicLevel: 75\n }, {\n name: \"Mario Draghi\",\n days: 78,\n marketIndex: 21954,\n panicLevel: 81\n }, {\n name: \"Haruhiko Kuroda\",\n days: 65,\n marketIndex: 19876,\n panicLevel: 77\n }, {\n name: \"Mark Carney\",\n days: 52,\n marketIndex: 17243,\n panicLevel: 89\n }, {\n name: \"You\",\n days: 0,\n marketIndex: 0,\n panicLevel: 0\n }]);\n const majorEvents = [{\n id: 1,\n type: 'tweet',\n author: 'Donald Trump',\n text: \"Just spoke with President Xi about excessive Chinese trade surpluses - tariffs going up another 25% IMMEDIATELY! America First!\",\n impact: {\n marketEffect: -2.8,\n panicEffect: 6,\n description: \"Markets react negatively as trade tensions escalate\"\n }\n }, {\n id: 2,\n type: 'tweet',\n author: 'Donald Trump',\n text: \"The Federal Reserve has gone CRAZY with these high interest rates - killing our economy! Powell must cut NOW!\",\n impact: {\n marketEffect: -1.9,\n panicEffect: 5,\n description: \"Markets unsettled by Presidential criticism of Fed policy\"\n }\n }, {\n id: 3,\n type: 'tweet',\n author: 'Donald Trump',\n text: \"American companies are hereby ORDERED to immediately start looking for alternatives to China! The USA doesn't need China!\",\n impact: {\n marketEffect: -3.2,\n panicEffect: 8,\n description: \"Supply chain concerns as markets react to executive rhetoric\"\n }\n }, {\n id: 4,\n type: 'event',\n title: \"Russian Military Mobilization\",\n text: \"Russia has announced a full military mobilization along NATO borders, citing 'existential threats'\",\n impact: {\n marketEffect: -2.4,\n panicEffect: 6,\n description: \"Markets concerned as geopolitical tensions rise\"\n }\n }, {\n id: 5,\n type: 'event',\n title: \"Major Bank Insolvency\",\n text: \"First Republic Bank is on the verge of collapse with reported liquidity crisis\",\n impact: {\n marketEffect: -3.8,\n panicEffect: 9,\n description: \"Financial sector under pressure amid banking concerns\"\n }\n }, {\n id: 6,\n type: 'tweet',\n author: 'Donald Trump',\n text: \"Nobody knows money better than me - Powell should listen! Cut rates, inject money, save the economy! SAD!\",\n impact: {\n marketEffect: -2.8,\n panicEffect: 7,\n description: \"Fed independence in question as markets react to political pressure\"\n }\n }, {\n id: 7,\n type: 'event',\n title: \"Middle East Conflict Escalation\",\n text: \"Oil facilities in Saudi Arabia attacked, production cut by 50%\",\n impact: {\n marketEffect: -4.5,\n panicEffect: 11,\n description: \"Energy crisis looms as oil prices surge 30%\"\n }\n }, {\n id: 8,\n type: 'tweet',\n author: 'Donald Trump',\n text: \"Federal Reserve is letting other countries take advantage of us! China devalues, we do NOTHING! Too slow, too weak!\",\n impact: {\n marketEffect: -2.5,\n panicEffect: 7,\n description: \"Currency markets in turmoil following Presidential directive\"\n }\n }, {\n id: 9,\n type: 'event',\n title: \"Cyber Attack on Financial System\",\n text: \"Major US banks report widespread system outages amid suspected coordinated attack\",\n impact: {\n marketEffect: -4.2,\n panicEffect: 12,\n description: \"Financial system vulnerability exposed as trading systems fail\"\n }\n }, {\n id: 10,\n type: 'tweet',\n author: 'Donald Trump',\n text: \"Powell needs to wake up! Interest rates WAY TOO HIGH! If he won't act, I will find someone who will! Markets need HELP NOW!\",\n impact: {\n marketEffect: -3.5,\n panicEffect: 10,\n description: \"Federal Reserve credibility questioned as markets plummet\"\n }\n }];\n const tickerNews = [{\n text: \"GLOBAL MARKETS REACT: Dow Futures Down 3% After Surprise Trump Tariffs\",\n panicEffect: 8,\n marketEffect: -2.0\n }, {\n text: \"Tokyo Trading Halted as Nikkei Falls 5%—Circuit Breaker Triggered\",\n panicEffect: 6,\n marketEffect: -1.5\n }, {\n text: \"'Liberation Day' Tariffs Create Market Uncertainty: Trade Tensions Rise\",\n panicEffect: 9,\n marketEffect: -2.5\n }, {\n text: \"Powell Weighs Options: Fed May Consider Rate Adjustment Amid Selloff\",\n panicEffect: 5,\n marketEffect: -1.0\n }, {\n text: \"Fed's Response Stabilizes Markets: Analysts See Path to Recovery\",\n panicEffect: -9,\n marketEffect: 2.5\n }, {\n text: \"Consumer Spending Remains Strong Despite Market Volatility\",\n panicEffect: -6,\n marketEffect: 1.8\n }, {\n text: \"Traders Optimistic About Fed's Crisis Management Capabilities\",\n panicEffect: -7,\n marketEffect: 2.0\n }, {\n text: \"Market Analysts: Current Volatility May Present Buying Opportunity\",\n panicEffect: -5,\n marketEffect: 1.5\n }];\n const [currentDateTime, setCurrentDateTime] = useState(new Date());\n const [globalIndices, setGlobalIndices] = useState([{\n name: \"S&P 500\",\n value: 4750,\n change: -37.88,\n color: \"#E53E3E\"\n }, {\n name: \"NASDAQ\",\n value: 16500,\n change: -40.61,\n color: \"#E53E3E\"\n }, {\n name: \"DOW\",\n value: 39000,\n change: -42.48,\n color: \"#E53E3E\"\n }, {\n name: \"FTSE 100\",\n value: 6100,\n change: -21.58,\n color: \"#E53E3E\"\n }, {\n name: \"DAX\",\n value: 12500,\n change: -62.39,\n color: \"#E53E3E\"\n }, {\n name: \"NIKKEI\",\n value: 31000,\n change: -47.37,\n color: \"#E53E3E\"\n }]);\n const [currencyPairs, setCurrencyPairs] = useState([{\n name: \"EUR/USD\",\n value: 1.2692,\n change: 15.38,\n color: \"#38A169\"\n }, {\n name: \"USD/JPY\",\n value: 158.42,\n change: 5.22,\n color: \"#38A169\"\n }, {\n name: \"GBP/USD\",\n value: 1.1424,\n change: -10.74,\n color: \"#E53E3E\"\n }, {\n name: \"USD/CHF\",\n value: 0.9010,\n change: -0.04,\n color: \"#E53E3E\"\n }]);\n const [bondYields, setBondYields] = useState([{\n name: \"US 10Y\",\n value: 4.65,\n change: 41.81,\n color: \"#38A169\"\n }, {\n name: \"US 30Y\",\n value: 5.0,\n change: 42.73,\n color: \"#38A169\"\n }, {\n name: \"US 2Y\",\n value: 4.6,\n change: 47.96,\n color: \"#38A169\"\n }, {\n name: \"JPN 40Y\",\n value: 1.75,\n change: 46.14,\n color: \"#38A169\"\n }, {\n name: \"GER 10Y\",\n value: 2.55,\n change: 40.04,\n color: \"#38A169\"\n }, {\n name: \"UK 10Y\",\n value: 4.7,\n change: 48.01,\n color: \"#38A169\"\n }]);\n const [assets, setAssets] = useState({\n stocks: [{\n symbol: \"AAPL\",\n name: \"Apple\",\n price: 165,\n change: -3.55,\n color: \"#E53E3E\"\n }, {\n symbol: \"MSFT\",\n name: \"Microsoft\",\n price: 409.34,\n change: 1.80,\n color: \"#38A169\"\n }, {\n symbol: \"GOOGL\",\n name: \"Alphabet\",\n price: 123,\n change: -4.47,\n color: \"#E53E3E\"\n }, {\n symbol: \"AMZN\",\n name: \"Amazon\",\n price: 175,\n change: 3.54,\n color: \"#38A169\"\n }, {\n symbol: \"TSLA\",\n name: \"Tesla\",\n price: 195,\n change: 2.14,\n color: \"#38A169\"\n }],\n crypto: [{\n symbol: \"BTC\",\n name: \"Bitcoin\",\n price: 79500,\n change: 5.68,\n color: \"#38A169\"\n }, {\n symbol: \"ETH\",\n name: \"Ethereum\",\n price: 3200,\n change: 4.61,\n color: \"#38A169\"\n }, {\n symbol: \"SOL\",\n name: \"Solana\",\n price: 127.5,\n change: 5.04,\n color: \"#38A169\"\n }, {\n symbol: \"DOGE\",\n name: \"Dogecoin\",\n price: 0.1000,\n change: -9.32,\n color: \"#E53E3E\"\n }, {\n symbol: \"XRP\",\n name: \"Ripple\",\n price: 0.525,\n change: -4.53,\n color: \"#E53E3E\"\n }]\n });\n const statements = [{\n id: 1,\n title: \"Reassurance Statement\",\n text: \"We are fully committed to market stability and will use all tools at our disposal.\",\n panicEffect: -25,\n marketEffect: 7.0,\n inflationEffect: 0.1\n }, {\n id: 2,\n title: \"Hawkish Statement\",\n text: \"Inflation remains our primary concern; we must maintain disciplined monetary policy.\",\n panicEffect: 1.5,\n marketEffect: -0.5,\n inflationEffect: -1.2\n }, {\n id: 3,\n title: \"Dovish Statement\",\n text: \"We recognize economic headwinds and stand ready to provide accommodative policy.\",\n panicEffect: -18,\n marketEffect: 6.0,\n inflationEffect: 0.2\n }, {\n id: 4,\n title: \"Data-Dependent Statement\",\n text: \"We will closely monitor incoming data and respond accordingly with measured steps.\",\n panicEffect: -12,\n marketEffect: 2.5,\n inflationEffect: 0\n }, {\n id: 5,\n title: \"Cryptic Statement\",\n text: \"Markets must recognize the complex interplay of forces that shape our policy trajectory.\",\n panicEffect: 2,\n marketEffect: -0.6,\n inflationEffect: -0.3\n }];\n const newsHeadlines = [{\n text: \"Unemployment rises to 5.2%, exceeding economists' expectations\",\n panicEffect: 5\n }, {\n text: \"Inflation hits 10-year high as consumer prices surge\",\n panicEffect: 7\n }, {\n text: \"Major bank reports unexpected quarterly loss\",\n panicEffect: 10\n }, {\n text: \"JUST IN: 🇯🇵 Japan's Nikkei 225 stock market falls 5%.\",\n panicEffect: 6\n }, {\n text: \"Treasury Yields Rise to 4.427% on Market Concerns\",\n panicEffect: 6\n }, {\n text: \"20-Year Treasury Yields Reach 4.973% Amid Bond Market Shifts\",\n panicEffect: 5\n }, {\n text: \"Trump's 104% Tariffs on China Push Treasury Yields to 4.427%\",\n panicEffect: 8\n }, {\n text: \"JAPAN'S 40-YR YIELD RISES 32BPS TO HIGHEST SINCE DEBUT IN 2007\",\n panicEffect: 9\n }, {\n text: \"TREASURY 30-YEAR YIELD RISES 10 BASIS POINTS ON DAY TO 4.72%\",\n panicEffect: 7\n }, {\n text: \"Consumer confidence plummets to lowest level since 2008\",\n panicEffect: 6\n }, {\n text: \"Housing market shows signs of cooling as mortgage rates climb\",\n panicEffect: 4\n }, {\n text: \"Tech sector reports better than expected earnings\",\n panicEffect: -8\n }, {\n text: \"Manufacturing output surges despite global tensions\",\n panicEffect: -6\n }, {\n text: \"Retail sales show unexpected resilience in economic downturn\",\n panicEffect: -7\n }, {\n text: \"Consumer sentiment improves as gasoline prices decrease\",\n panicEffect: -5\n }, {\n text: \"Stock market rebounds following Fed reassurance\",\n panicEffect: -8\n }, {\n text: \"Leading indicators suggest economy more resilient than feared\",\n panicEffect: -6\n }];\n useEffect(() => {\n const dateTimer = setInterval(() => {\n setCurrentDateTime(new Date());\n }, 1000);\n return () => clearInterval(dateTimer);\n }, []);\n useEffect(() => {\n let timer;\n if (gameStarted && !gameOver) {\n timer = setInterval(() => {\n setTimeRemaining(prev => {\n if (prev <= 1) {\n clearInterval(timer);\n endGame();\n return 0;\n }\n return prev - 1;\n });\n }, 1000);\n }\n return () => {\n if (timer) clearInterval(timer);\n };\n }, [gameStarted, gameOver]);\n useEffect(() => {\n let eventInterval;\n if (gameStarted && !gameOver && !currentEvent && !showTutorial) {\n eventInterval = setInterval(() => {\n if (Math.random() < 0.85 && !currentEvent) {\n triggerRandomEvent();\n }\n }, EVENT_TRIGGER_INTERVAL);\n }\n return () => {\n if (eventInterval) clearInterval(eventInterval);\n };\n }, [gameStarted, gameOver, currentEvent, showTutorial]);\n const [currentTicker, setCurrentTicker] = useState(null);\n useEffect(() => {\n if (tickerNews && tickerNews.length > 0) {\n const randomIndex = Math.floor(Math.random() * tickerNews.length);\n setCurrentTicker(tickerNews[randomIndex]);\n }\n }, []);\n useEffect(() => {\n let tickerInterval;\n let gameStartTime;\n if (gameStarted && !gameOver) {\n gameStartTime = Date.now();\n const updateTicker = () => {\n if (!tickerNews || tickerNews.length === 0) return;\n const randomIndex = Math.floor(Math.random() * tickerNews.length);\n const randomTicker = tickerNews[randomIndex];\n if (!randomTicker) return;\n setCurrentTicker(randomTicker);\n const timeElapsed = (Date.now() - gameStartTime) / 1000;\n const impactModifier = timeElapsed < 45 ? 0.06 : 0.18;\n setPanicLevel(prev => {\n const effectValue = randomTicker.panicEffect / 5 * impactModifier;\n const adjustedEffect = effectValue > 0 ? effectValue * 1.0 : effectValue * 0.9;\n const newLevel = Math.min(Math.max(prev + adjustedEffect, MIN_PANIC), MAX_PANIC);\n return newLevel;\n });\n setMarketIndex(prev => {\n const newValue = Math.round(prev * (1 + randomTicker.marketEffect / 100 * impactModifier));\n return Math.max(newValue, 5000);\n });\n };\n tickerInterval = setInterval(updateTicker, TICKER_UPDATE_INTERVAL);\n }\n return () => {\n if (tickerInterval) clearInterval(tickerInterval);\n };\n }, [gameStarted, gameOver, tickerNews]);\n useEffect(() => {\n let interval = null;\n if (gameStarted && !gameOver) {\n interval = setInterval(() => {\n setRateCooldown(prev => prev > 0 ? prev - 1 : 0);\n setLiquidityCooldown(prev => prev > 0 ? prev - 1 : 0);\n setStatementCooldown(prev => prev > 0 ? prev - 1 : 0);\n }, 1000);\n }\n return () => {\n if (interval) clearInterval(interval);\n };\n }, [gameStarted, gameOver]);\n useEffect(() => {\n let marketInterval;\n const gameStartTime = Date.now();\n if (gameStarted && !gameOver) {\n if (stockData.length === 0) {\n const initialData = Array(20).fill().map((_, i) => {\n const randomVariation = Math.random() * 800 - 400;\n return {\n name: i,\n value: Math.round(marketIndex + randomVariation)\n };\n });\n setStockData(initialData);\n }\n const updateFinancialData = () => {\n setGlobalIndices(prev => prev.map(index => {\n const volatilityFactor = panicLevel / 150;\n if (Math.random() > 0.2) {\n return index;\n }\n const direction = Math.random() > 0.52 ? -1 : 1;\n const changeAmount = Math.random() * volatilityFactor * 0.06;\n const newChange = direction * changeAmount;\n const totalChange = index.change + newChange;\n const newValue = index.value * (1 + newChange / 100);\n return {\n ...index,\n value: parseFloat(newValue.toFixed(2)),\n change: parseFloat(totalChange.toFixed(2)),\n color: totalChange < 0 ? \"#E53E3E\" : \"#38A169\"\n };\n }));\n setCurrencyPairs(prev => prev.map(pair => {\n const volatilityFactor = panicLevel / 140;\n if (Math.random() > 0.15) {\n return pair;\n }\n const direction = Math.random() > 0.5 ? -1 : 1;\n const changeAmount = Math.random() * volatilityFactor * 0.04;\n const newChange = direction * changeAmount;\n const totalChange = pair.change + newChange;\n const newValue = pair.value * (1 + newChange / 100);\n return {\n ...pair,\n value: parseFloat(newValue.toFixed(4)),\n change: parseFloat(totalChange.toFixed(2)),\n color: totalChange < 0 ? \"#E53E3E\" : \"#38A169\"\n };\n }));\n setBondYields(prev => prev.map(bond => {\n const volatilityFactor = panicLevel / 150;\n if (Math.random() > 0.1) {\n return bond;\n }\n const direction = interestRate > 5 ? Math.random() > 0.6 ? 1 : -1 : interestRate < 2 ? Math.random() > 0.6 ? -1 : 1 : Math.random() > 0.5 ? 1 : -1;\n const changeAmount = Math.random() * volatilityFactor * 0.02;\n const newChange = direction * changeAmount;\n const totalChange = bond.change + newChange;\n const newValue = bond.value + newChange / 10;\n if (direction > 0 && bond.name.includes(\"Y\")) {\n setPanicLevel(prev => Math.min(Math.max(prev + 0.0008, MIN_PANIC), MAX_PANIC));\n }\n return {\n ...bond,\n value: parseFloat(newValue.toFixed(2)),\n change: parseFloat(totalChange.toFixed(2)),\n color: totalChange < 0 ? \"#E53E3E\" : \"#38A169\"\n };\n }));\n };\n updateFinancialData();\n marketInterval = setInterval(() => {\n updateFinancialData();\n const volatilityFactor = panicLevel / 30 * 0.6;\n let marketChange = (Math.random() - 0.46) * volatilityFactor * 30;\n if (panicLevel > 85) {\n marketChange -= Math.random() * 18;\n } else if (panicLevel < 40) {\n marketChange += Math.random() * 18;\n }\n setMarketIndex(prev => {\n const newValue = Math.max(Math.round(prev + marketChange), 5000);\n return newValue;\n });\n setStockData(prev => {\n const newData = [...prev.slice(1), {\n name: prev.length > 0 ? prev[prev.length - 1].name + 1 : 0,\n value: marketIndex\n }];\n return newData;\n });\n setAssets(prev => {\n const newAssets = {\n stocks: prev.stocks.map(stock => {\n if (Math.random() > 0.3) {\n return stock;\n }\n const stockVolatility = Math.random() * volatilityFactor * 0.5;\n const direction = Math.random() > 0.48 ? 1 : -1;\n const changePercent = direction * stockVolatility;\n const newPrice = stock.price * (1 + changePercent / 100);\n return {\n ...stock,\n price: parseFloat(newPrice.toFixed(2)),\n change: parseFloat((stock.change + changePercent / 5).toFixed(2)),\n color: stock.change + changePercent / 5 < 0 ? \"#E53E3E\" : \"#38A169\"\n };\n }),\n crypto: prev.crypto.map(crypto => {\n if (Math.random() > 0.4) {\n return crypto;\n }\n const cryptoVolatility = Math.random() * volatilityFactor * 1.2;\n const direction = Math.random() > 0.48 ? 1 : -1;\n const changePercent = direction * cryptoVolatility;\n const newPrice = crypto.price * (1 + changePercent / 100);\n return {\n ...crypto,\n price: parseFloat(newPrice.toFixed(crypto.price < 1 ? 4 : 2)),\n change: parseFloat((crypto.change + changePercent / 4).toFixed(2)),\n color: crypto.change + changePercent / 4 < 0 ? \"#E53E3E\" : \"#38A169\"\n };\n })\n };\n return newAssets;\n });\n setPanicLevel(prev => {\n const timeElapsed = (Date.now() - gameStartTime) / 1000;\n if (timeElapsed < GRACE_PERIOD) {\n return Math.min(Math.max(prev, MIN_PANIC), MAX_PANIC - 50);\n }\n const baseIncrease = 0.11;\n const levelBasedIncrease = prev / 100 * 0.08;\n const timeComponent = Math.min(0.03, timeElapsed / 1500);\n const randomVariation = Math.random() * 0.05;\n const totalIncrease = baseIncrease + levelBasedIncrease + timeComponent + randomVariation;\n return Math.min(Math.max(prev + totalIncrease, MIN_PANIC), MAX_PANIC);\n });\n setScore(prev => prev + 1);\n const calcMarketBonus = Math.round(marketIndex / 300);\n const calcStabilityBonus = Math.round(Math.max(0, 100 - panicLevel) * 0.8);\n const calcInflationPenalty = Math.round(inflationRate * 20);\n setMarketBonus(calcMarketBonus);\n setStabilityBonus(calcStabilityBonus);\n setInflationPenalty(calcInflationPenalty);\n const timeElapsed = (Date.now() - gameStartTime) / 1000;\n if (timeElapsed > GRACE_PERIOD && (panicLevel >= MAX_PANIC || marketIndex <= 7000 || inflationRate >= 12)) {\n endGame();\n }\n }, MARKET_UPDATE_INTERVAL);\n }\n return () => clearInterval(marketInterval);\n }, [gameStarted, gameOver]);\n useEffect(() => {\n let newsInterval;\n let gameStartTime;\n if (gameStarted && !gameOver) {\n gameStartTime = Date.now();\n newsInterval = setInterval(() => {\n const newsChance = 0.25 + panicLevel / 200;\n if (Math.random() < newsChance) {\n const randomNewsIndex = Math.floor(Math.random() * newsHeadlines.length);\n const randomNews = newsHeadlines[randomNewsIndex];\n const now = new Date();\n const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`;\n setCurrentNews(prev => {\n const newNewsItem = {\n id: Date.now(),\n text: randomNews.text,\n timestamp: timestamp,\n isNew: true\n };\n return [newNewsItem, ...prev].slice(0, 5);\n });\n const timeElapsed = (Date.now() - gameStartTime) / 1000;\n const impactModifier = timeElapsed < GRACE_PERIOD ? 0.04 : timeElapsed < 45 ? 0.07 : 0.15;\n const panicEffect = randomNews.panicEffect > 0 ? randomNews.panicEffect * 0.9 : randomNews.panicEffect * 0.8;\n setPanicLevel(prev => Math.min(Math.max(prev + panicEffect * impactModifier, MIN_PANIC), MAX_PANIC));\n }\n }, NEWS_UPDATE_INTERVAL);\n }\n return () => {\n if (newsInterval) clearInterval(newsInterval);\n };\n }, [gameStarted, gameOver, panicLevel, newsHeadlines]);\n useEffect(() => {\n let timeout;\n if (currentNews.some(item => item.isNew)) {\n timeout = setTimeout(() => {\n setCurrentNews(prev => prev.map(item => item.isNew ? {\n ...item,\n isNew: false\n } : item));\n }, 5000);\n }\n return () => {\n if (timeout) clearTimeout(timeout);\n };\n }, [currentNews]);\n useEffect(() => {\n let timeout;\n if (notifications.length > 0) {\n timeout = setTimeout(() => {\n setNotifications(prev => prev.slice(1));\n }, 5000);\n }\n return () => {\n if (timeout) clearTimeout(timeout);\n };\n }, [notifications]);\n const dismissNotification = (id, e) => {\n e.stopPropagation();\n setNotifications(prev => prev.filter(n => n.id !== id));\n };\n const triggerRandomEvent = () => {\n if (currentEvent) return;\n if (panicLevel > 35 || marketIndex < 23000 || Math.random() < 0.7) {\n const randomIndex = Math.floor(Math.random() * majorEvents.length);\n setCurrentEvent(majorEvents[randomIndex]);\n setIsShaking(true);\n const shakeTimeout = setTimeout(() => setIsShaking(false), 800);\n return () => clearTimeout(shakeTimeout);\n }\n };\n const handleEventResponse = tool => {\n if (!currentEvent) return;\n const eventImpact = currentEvent.impact;\n let responseEffectiveness = 0;\n let responseDescription = \"\";\n if (tool === 'rates') {\n responseEffectiveness = 0.85;\n responseDescription = \"Interest rate adjustment effectively stabilized markets\";\n adjustInterestRates(0.5, false);\n } else if (tool === 'liquidity') {\n responseEffectiveness = 0.9;\n responseDescription = \"Liquidity injection significantly calmed markets\";\n injectLiquidity(500);\n } else if (tool === 'statement') {\n responseEffectiveness = 0.75;\n responseDescription = \"Statement successfully reassured markets\";\n makeStatement(statements[0]);\n } else if (tool === 'ignore') {\n responseEffectiveness = 0.2;\n responseDescription = \"Markets react poorly but not catastrophically\";\n setPanicLevel(prev => Math.min(Math.max(prev + eventImpact.panicEffect * 0.8, MIN_PANIC), MAX_PANIC));\n const marketChangePercent = eventImpact.marketEffect * 0.85;\n setMarketImpact(\"negative\");\n setImpactValue(Math.abs(marketChangePercent));\n setTimeout(() => {\n setMarketImpact(null);\n }, 3000);\n let newMarketIndex = 0;\n setMarketIndex(prev => {\n newMarketIndex = Math.round(prev * (1 + marketChangePercent / 100));\n newMarketIndex = Math.max(newMarketIndex, 5000);\n return newMarketIndex;\n });\n setTimeout(() => {\n updateChartWithMarketChange(newMarketIndex);\n }, 50);\n setIsShaking(true);\n setTimeout(() => setIsShaking(false), 800);\n const now = new Date();\n const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`;\n setCurrentNews(prev => {\n const newNewsItem = {\n id: Date.now(),\n text: eventImpact.description,\n timestamp: timestamp,\n isNew: true\n };\n return [newNewsItem, ...prev].slice(0, 5);\n });\n }\n if (tool !== 'ignore') {\n const reducedPanicEffect = eventImpact.panicEffect * (1 - responseEffectiveness);\n const reducedMarketEffect = eventImpact.marketEffect * (1 - responseEffectiveness);\n setPanicLevel(prev => Math.min(Math.max(prev + reducedPanicEffect / 2, MIN_PANIC), MAX_PANIC));\n setMarketIndex(prev => {\n const newValue = Math.round(prev * (1 + reducedMarketEffect / 100));\n return Math.max(newValue, 5000);\n });\n }\n const marketChangeText = Math.abs(eventImpact.marketEffect * (1 - responseEffectiveness)).toFixed(1) + '%';\n const notificationText = tool === 'ignore' ? `Markets crashed ${marketChangeText} as Fed ignores crisis!` : `Response limited damage to ${marketChangeText} drop`;\n addNotification({\n type: tool === 'ignore' ? 'error' : 'warning',\n text: notificationText,\n description: responseDescription\n });\n setCurrentEvent(null);\n };\n const addNotification = notification => {\n const newNotification = {\n id: Date.now(),\n ...notification\n };\n setNotifications(prev => [newNotification, ...prev].slice(0, 3));\n };\n const [isFirstPlay, setIsFirstPlay] = useState(true);\n const startGame = () => {\n setPanicLevel(INITIAL_PANIC);\n setMarketIndex(25000);\n setTimeRemaining(GAME_DURATION);\n setInterestRate(4.25);\n setLiquidity(4750);\n setInflationRate(3.8);\n setScore(0);\n setCurrentNews([]);\n setStockData([]);\n setGameOver(false);\n setGameStarted(true);\n setRateCooldown(0);\n setLiquidityCooldown(0);\n setStatementCooldown(0);\n setCurrentEvent(null);\n setNotifications([]);\n if (isFirstPlay) {\n setShowTutorial(true);\n setTutorialStep(1);\n setShowToolTips(true);\n setIsFirstPlay(false);\n setTimeout(() => {\n if (showToolTips) {\n setShowToolTips(false);\n }\n }, 30000);\n }\n setTimeout(() => {\n addNotification({\n type: 'warning',\n text: 'Market pressure building',\n description: \"Panic levels are rising rapidly - you'll need to actively counter this trend to survive!\"\n });\n }, GRACE_PERIOD * 1000 + 2000);\n addNotification({\n type: 'info',\n text: `${GRACE_PERIOD}-second grace period active`,\n description: \"Markets are stabilized while you get your bearings. Game can't end during this time.\"\n });\n if (tickerNews && tickerNews.length > 0) {}\n setAssets({\n stocks: [{\n symbol: \"AAPL\",\n name: \"Apple\",\n price: 165,\n change: -3.55,\n color: \"#E53E3E\"\n }, {\n symbol: \"MSFT\",\n name: \"Microsoft\",\n price: 409.34,\n change: 1.80,\n color: \"#38A169\"\n }, {\n symbol: \"GOOGL\",\n name: \"Alphabet\",\n price: 123,\n change: -4.47,\n color: \"#E53E3E\"\n }, {\n symbol: \"AMZN\",\n name: \"Amazon\",\n price: 175,\n change: 3.54,\n color: \"#38A169\"\n }, {\n symbol: \"TSLA\",\n name: \"Tesla\",\n price: 195,\n change: 2.14,\n color: \"#38A169\"\n }],\n crypto: [{\n symbol: \"BTC\",\n name: \"Bitcoin\",\n price: 79500,\n change: 5.68,\n color: \"#38A169\"\n }, {\n symbol: \"ETH\",\n name: \"Ethereum\",\n price: 3200,\n change: 4.61,\n color: \"#38A169\"\n }, {\n symbol: \"SOL\",\n name: \"Solana\",\n price: 127.5,\n change: 5.04,\n color: \"#38A169\"\n }, {\n symbol: \"DOGE\",\n name: \"Dogecoin\",\n price: 0.1000,\n change: -9.32,\n color: \"#E53E3E\"\n }, {\n symbol: \"XRP\",\n name: \"Ripple\",\n price: 0.525,\n change: -4.53,\n color: \"#E53E3E\"\n }]\n });\n setGlobalIndices([{\n name: \"S&P 500\",\n value: 4750,\n change: -37.88,\n color: \"#E53E3E\"\n }, {\n name: \"NASDAQ\",\n value: 16500,\n change: -40.61,\n color: \"#E53E3E\"\n }, {\n name: \"DOW\",\n value: 39000,\n change: -42.48,\n color: \"#E53E3E\"\n }, {\n name: \"FTSE 100\",\n value: 6100,\n change: -21.58,\n color: \"#E53E3E\"\n }, {\n name: \"DAX\",\n value: 12500,\n change: -62.39,\n color: \"#E53E3E\"\n }, {\n name: \"NIKKEI\",\n value: 31000,\n change: -47.37,\n color: \"#E53E3E\"\n }]);\n };\n const getFedRating = (score, panicLevel, marketIndex, inflationRate, marketBonus, stabilityBonus, inflationPenalty) => {\n const totalScore = score + marketBonus + stabilityBonus - inflationPenalty;\n if (panicLevel >= MAX_PANIC) return {\n rating: \"Crisis Disaster\",\n description: \"Your failure to control market panic led to total economic collapse.\",\n isSuccess: false\n };\n if (marketIndex <= 7000) return {\n rating: \"Market Catastrophe\",\n description: \"You presided over the worst market crash in modern history.\",\n isSuccess: false\n };\n if (inflationRate >= 12) return {\n rating: \"Inflation Disaster\",\n description: \"Hyperinflation has destroyed the economy under your leadership.\",\n isSuccess: false\n };\n if (totalScore >= 180) return {\n rating: \"Legendary Fed Chair\",\n description: \"Your masterful handling of the crisis will be studied for generations.\",\n isSuccess: true\n };\n if (totalScore >= 140) return {\n rating: \"Economic Savior\",\n description: \"You've navigated the market through unprecedented turbulence with skill.\",\n isSuccess: true\n };\n if (totalScore >= 100) return {\n rating: \"Market Stabilizer\",\n description: \"While not perfect, your leadership prevented a total economic collapse.\",\n isSuccess: true\n };\n if (totalScore >= 70) return {\n rating: \"Crisis Manager\",\n description: \"You survived the immediate crisis, but left the economy vulnerable.\",\n isSuccess: true\n };\n return {\n rating: \"Failed Technocrat\",\n description: \"Your policies were insufficient to properly manage the crisis.\",\n isSuccess: false\n };\n };\n const endGame = () => {\n setGameOver(true);\n const fedRating = getFedRating(score, panicLevel, marketIndex, inflationRate, marketBonus, stabilityBonus, inflationPenalty);\n let result;\n let failureDetail = \"\";\n if (panicLevel >= MAX_PANIC) {\n result = \"Total Market Panic! The economy has collapsed into chaos.\";\n failureDetail = \"Investor confidence completely eroded leading to massive selloffs, credit freeze, and widespread financial institution failures.\";\n setFailureReason(\"MARKET PANIC\");\n setIsShaking(true);\n setTimeout(() => setIsShaking(false), 800);\n } else if (marketIndex <= 7000) {\n result = \"Stock Market Crash! The markets have collapsed beyond recovery.\";\n failureDetail = \"The stock market plunged below critical support levels, triggering margin calls, fund liquidations, and systemic economic collapse.\";\n setFailureReason(\"MARKET CRASH\");\n setIsShaking(true);\n setTimeout(() => setIsShaking(false), 800);\n } else if (inflationRate >= 12) {\n result = \"Hyperinflation Crisis! The dollar has lost significant value.\";\n failureDetail = \"Runaway inflation has destroyed purchasing power, causing consumer prices to skyrocket and economic activity to grind to a halt.\";\n setFailureReason(\"HYPERINFLATION\");\n } else if (score + marketBonus + stabilityBonus - inflationPenalty < 120) {\n result = \"Economic Performance Failure! Your policies couldn't sustain a healthy economy.\";\n failureDetail = \"Your combined score fell below the minimum threshold required to maintain economic stability and confidence in the Federal Reserve.\";\n setFailureReason(\"LOW PERFORMANCE\");\n } else {\n result = `Crisis Management Complete! ${fedRating.description}`;\n setFailureReason(null);\n }\n setGameResult({\n text: result,\n rating: fedRating.rating,\n description: fedRating.description,\n failureDetail: failureDetail,\n isWin: fedRating.isSuccess\n });\n setIsModalOpen(true);\n };\n const updateChartWithMarketChange = newMarketIndex => {\n setStockData(prev => {\n const newData = [...prev.slice(1), {\n name: prev.length > 0 ? prev[prev.length - 1].name + 1 : 0,\n value: newMarketIndex\n }];\n return newData;\n });\n };\n const adjustInterestRates = (amount, isIncrease = false) => {\n if (rateCooldown > 0) return;\n setInterestRate(prev => {\n const newRate = isIncrease ? Math.min(prev + amount, 15) : Math.max(prev - amount, 0);\n return parseFloat(newRate.toFixed(2));\n });\n let marketChangePercent = 0;\n let newMarketIndex = 0;\n let panicChange = 0;\n if (isIncrease) {\n panicChange = 1.5;\n setPanicLevel(prev => {\n const newPanic = Math.min(prev + panicChange, MAX_PANIC);\n return newPanic;\n });\n marketChangePercent = -0.002 * amount;\n setMarketIndex(prev => {\n newMarketIndex = Math.round(prev * (1 + marketChangePercent));\n return newMarketIndex;\n });\n setInflationRate(prev => Math.max(prev - 1.8 * amount, 0));\n setMarketImpact(\"negative\");\n setImpactValue(marketChangePercent * 100);\n setActionFeedback({\n title: `Raised rates by ${amount}%`,\n effects: [{\n label: \"Market\",\n value: `${marketChangePercent > 0 ? '+' : ''}${(marketChangePercent * 100).toFixed(1)}%`,\n color: \"text-red-500\"\n }, {\n label: \"Panic\",\n value: `+${panicChange} pts`,\n color: \"text-red-500\"\n }, {\n label: \"Inflation\",\n value: `-${(1.0 * amount).toFixed(1)}%`,\n color: \"text-green-500\"\n }]\n });\n } else {\n panicChange = -40;\n setPanicLevel(prev => {\n const newPanic = Math.max(prev + panicChange, MIN_PANIC);\n return newPanic;\n });\n marketChangePercent = 0.045 * amount;\n setMarketIndex(prev => {\n newMarketIndex = Math.round(prev * (1 + marketChangePercent));\n return newMarketIndex;\n });\n setInflationRate(prev => Math.min(prev + 0.10 * amount, 15));\n setMarketImpact(\"positive\");\n setImpactValue(marketChangePercent * 100);\n setActionFeedback({\n title: `Cut rates by ${amount}%`,\n effects: [{\n label: \"Market\",\n value: `+${(marketChangePercent * 100).toFixed(1)}%`,\n color: \"text-green-500\"\n }, {\n label: \"Panic\",\n value: `${panicChange} pts`,\n color: \"text-green-500\"\n }, {\n label: \"Inflation\",\n value: `+${(0.25 * amount).toFixed(1)}%`,\n color: \"text-red-500\"\n }]\n });\n }\n setTimeout(() => {\n updateChartWithMarketChange(newMarketIndex);\n }, 50);\n setTimeout(() => {\n setMarketImpact(null);\n }, 3000);\n setRateCooldown(15);\n const now = new Date();\n const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`;\n setCurrentNews(prev => {\n const newNewsItem = {\n id: Date.now(),\n text: `BREAKING: Fed ${isIncrease ? 'raises' : 'cuts'} interest rates by ${amount}% to ${(isIncrease ? interestRate + amount : interestRate - amount).toFixed(2)}%`,\n timestamp: timestamp,\n isNew: true\n };\n return [newNewsItem, ...prev].slice(0, 5);\n });\n addNotification({\n type: marketChangePercent > 0 ? 'info' : 'warning',\n text: `${isIncrease ? 'Raised' : 'Cut'} rates by ${amount}%`,\n description: `Market ${marketChangePercent > 0 ? 'up' : 'down'} by ${Math.abs(marketChangePercent * 100).toFixed(1)}%, Panic ${panicChange < 0 ? 'down' : 'up'} by ${Math.abs(panicChange)} points`\n });\n setSelectedTool(null);\n };\n const injectLiquidity = amount => {\n if (liquidityCooldown > 0) return;\n setLiquidity(prev => Math.max(prev - amount, 0));\n const panicChange = -amount / 20;\n setPanicLevel(prev => Math.max(prev + panicChange, MIN_PANIC));\n const marketChangePercent = amount / 1200;\n let newMarketIndex = 0;\n setMarketIndex(prev => {\n newMarketIndex = Math.round(prev * (1 + marketChangePercent));\n return newMarketIndex;\n });\n const inflationChange = amount / 3500;\n setInflationRate(prev => Math.min(prev + inflationChange, 15));\n setMarketImpact(\"positive\");\n setImpactValue(marketChangePercent * 100);\n setActionFeedback({\n title: `Injected ${amount}B liquidity`,\n effects: [{\n label: \"Market\",\n value: `+${(marketChangePercent * 100).toFixed(1)}%`,\n color: \"text-green-500\"\n }, {\n label: \"Panic\",\n value: `${panicChange.toFixed(1)} pts`,\n color: \"text-green-500\"\n }, {\n label: \"Inflation\",\n value: `+${inflationChange.toFixed(1)}%`,\n color: \"text-red-500\"\n }]\n });\n setTimeout(() => {\n updateChartWithMarketChange(newMarketIndex);\n }, 50);\n setTimeout(() => {\n setMarketImpact(null);\n }, 3000);\n setLiquidityCooldown(12);\n const now = new Date();\n const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`;\n setCurrentNews(prev => {\n const newNewsItem = {\n id: Date.now(),\n text: `BREAKING: Fed injects ${amount}B into markets in emergency operation`,\n timestamp: timestamp,\n isNew: true\n };\n return [newNewsItem, ...prev].slice(0, 5);\n });\n addNotification({\n type: 'info',\n text: `Injected ${amount}B liquidity`,\n description: `Market up by ${marketChangePercent.toFixed(2)}%, Panic down by ${Math.abs(panicChange).toFixed(1)} points, Inflation up by ${inflationChange.toFixed(2)}%`\n });\n setSelectedTool(null);\n };\n const makeStatement = statement => {\n if (statementCooldown > 0) return;\n let adjustedPanicEffect = statement.panicEffect;\n if (adjustedPanicEffect < 0) {\n adjustedPanicEffect = adjustedPanicEffect * 2.5;\n } else if (adjustedPanicEffect > 0) {\n adjustedPanicEffect = adjustedPanicEffect * 0.3;\n }\n setPanicLevel(prev => Math.max(Math.min(prev + adjustedPanicEffect, MAX_PANIC), MIN_PANIC));\n const marketChangePercent = statement.marketEffect / 100 * 2.5;\n let newMarketIndex = 0;\n setMarketIndex(prev => {\n newMarketIndex = Math.round(prev * (1 + marketChangePercent));\n return newMarketIndex;\n });\n const inflationChange = statement.inflationEffect * 0.3;\n setInflationRate(prev => Math.max(prev + inflationChange, 0));\n setMarketImpact(marketChangePercent > 0 ? \"positive\" : \"negative\");\n setImpactValue(Math.abs(marketChangePercent * 100));\n setActionFeedback({\n title: `Issued ${statement.title}`,\n effects: [{\n label: \"Market\",\n value: `${marketChangePercent > 0 ? '+' : ''}${(marketChangePercent * 100).toFixed(1)}%`,\n color: marketChangePercent > 0 ? \"text-green-500\" : \"text-red-500\"\n }, {\n label: \"Panic\",\n value: `${adjustedPanicEffect < 0 ? '' : '+'}${adjustedPanicEffect.toFixed(1)} pts`,\n color: adjustedPanicEffect < 0 ? \"text-green-500\" : \"text-red-500\"\n }, {\n label: \"Inflation\",\n value: `${inflationChange > 0 ? '+' : ''}${inflationChange.toFixed(1)}%`,\n color: inflationChange > 0 ? \"text-red-500\" : \"text-green-500\"\n }]\n });\n setTimeout(() => {\n updateChartWithMarketChange(newMarketIndex);\n }, 50);\n setTimeout(() => {\n setMarketImpact(null);\n }, 3000);\n setStatementCooldown(8);\n const now = new Date();\n const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`;\n setCurrentNews(prev => {\n const newNewsItem = {\n id: Date.now(),\n text: `POWELL: \"${statement.text}\"`,\n timestamp: timestamp,\n isNew: true\n };\n return [newNewsItem, ...prev].slice(0, 5);\n });\n addNotification({\n type: marketChangePercent > 0 ? 'info' : 'warning',\n text: `Issued ${statement.title}`,\n description: `Market ${marketChangePercent > 0 ? 'up' : 'down'} by ${Math.abs(marketChangePercent * 100).toFixed(1)}%, Panic ${adjustedPanicEffect < 0 ? 'down' : 'up'} by ${Math.abs(adjustedPanicEffect).toFixed(1)} points`\n });\n setSelectedTool(null);\n };\n const formatTime = seconds => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n };\n const getPanicColor = () => {\n if (panicLevel < 40) return \"bg-green-500\";\n if (panicLevel < 70) return \"bg-yellow-500\";\n if (panicLevel < 90) return \"bg-orange-500\";\n return \"bg-red-500 animate-pulse\";\n };\n const createTwitterShareURL = () => {\n const baseUrl = \"https://twitter.com/intent/tweet\";\n const text = `look at me, i'm jerome powell now. my score is ${score + marketBonus + stabilityBonus - inflationPenalty}. $fed.`;\n return `${baseUrl}?text=${encodeURIComponent(text)}`;\n };\n useEffect(() => {\n let timer;\n if (actionFeedback) {\n timer = setTimeout(() => {\n setActionFeedback(null);\n }, 3000);\n }\n return () => {\n if (timer) clearTimeout(timer);\n };\n }, [actionFeedback]);\n return

\n \n BREAKING\n

\n {currentTicker ? ● {currentTicker.text} : tickerNews.map((news, index) => ● {news.text})}\n

\n \n

THE FED SIMULATOR

\n \n

\n \n \n {formatTime(timeRemaining)}\n \n

\n \n {currentDateTime.toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric'\n })} | {currentDateTime.toLocaleTimeString('en-US', {\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n })}\n \n

setShowLeaderboard(true)}>\n \n SCORE: {score + marketBonus + stabilityBonus - inflationPenalty}\n \n {}\n \n

\n \n

\n {notifications.map(notification =>

\n {notification.type === 'error' ? 'CRITICAL' : notification.type === 'warning' ? 'WARNING' : 'INFO'}\n \n

{notification.text}

{notification.description}

)}\n

Market Index

\n 25000 ? 'text-green-500' : marketIndex < 20000 ? 'text-red-500' : 'text-yellow-500'}`}>\n {marketIndex.toLocaleString()}\n \n {marketIndex > stockData[stockData.length - 2]?.value ? : }\n

\n \n \n \n \n \n [`${value.toLocaleString()}`, 'Market Index']} contentStyle={{\n backgroundColor: '#1F2937',\n border: 'none'\n }} />\n \n \n \n \n \n \n \n \n \n \n \n {marketImpact &&

\n {marketImpact === \"positive\" ?

\n \n \n +{impactValue.toFixed(1)}%\n \n

\n \n \n -{Math.abs(impactValue).toFixed(1)}%\n \n

}\n

\n \n

Stocks

\n {assets.stocks.map(stock =>

\n {stock.symbol}\n {stock.name}\n

\n ${stock.price.toLocaleString()}\n 0 ? 'text-green-500' : 'text-red-500'}`}>\n {stock.change > 0 ? '+' : ''}{stock.change.toFixed(2)}%\n \n

)}\n

Crypto

\n {assets.crypto.map(crypto =>

\n {crypto.symbol}\n {crypto.name}\n

\n ${crypto.price < 1 ? crypto.price.toFixed(4) : crypto.price.toLocaleString()}\n 0 ? 'text-green-500' : 'text-red-500'}`}>\n {crypto.change > 0 ? '+' : ''}{crypto.change.toFixed(2)}%\n \n

)}\n

\n \n Breaking News\n

\n {currentNews.length > 0 ? currentNews.map(news =>

\n {news.isNew && }\n {news.timestamp}\n

\n {news.text.includes(\"POWELL\") &&

STATEMENT

}\n

{news.text}

) :

Awaiting market developments...

}\n

Economic Metrics

\n Market Panic Level\n = 90 ? 'text-red-500 animate-pulse' : panicLevel >= 70 ? 'text-orange-500' : panicLevel >= 40 ? 'text-yellow-500' : 'text-green-500'}`}>\n {Math.round(panicLevel)}%\n \n

\n Stable\n Concerned\n Panicking\n

\n \n Interest Rate\n

\n {interestRate.toFixed(2)}%\n

\n \n Available Liquidity\n

\n ${liquidity.toLocaleString()}B\n

\n \n Inflation Rate\n

\n 5 ? 'text-red-500' : inflationRate > 3 ? 'text-yellow-500' : 'text-green-500'}`}>\n {inflationRate.toFixed(1)}%\n \n

\n {}\n {actionFeedback &&

{actionFeedback.title}

\n {actionFeedback.effects.map((effect, i) =>

{effect.label}

{effect.value}

)}\n

}\n \n

\n MAIN CONTROLS\n Policy Tools\n

\n \n

Interest Rate Impacts:

Cutting rates: Boosts markets (+), increases inflation (+), reduces panic (-)
Raising rates: Depresses markets (-), reduces inflation (-), increases panic (+)

\n {selectedTool === 'rates' &&

CUT RATES

\n \n \n \n \n

\n Rate cuts calm markets but can increase inflation\n

RAISE RATES

\n \n \n \n \n

\n Rate hikes fight inflation but may shock markets\n

}\n

\n \n

Liquidity Injection Impacts:

Markets: Strong positive boost (+)
Panic: Significant reduction (-)
Inflation: Gradual increase (+)
Trade-off: Quick relief now, potential inflation problems later

\n {selectedTool === 'liquidity' &&

\n \n \n \n \n

\n Injecting liquidity stabilizes markets but can lead to inflation.\n

}\n

\n \n

Statement Impacts:

Reassurance: Boosts markets (+), reduces panic (-), slight inflation (+)
Hawkish: Weakens markets (-), increases panic (+), reduces inflation (-)
Dovish: Strong market boost (+), reduces panic (-), increases inflation (+)
Note: Statement effects depend on market psychology and timing

\n {selectedTool === 'statement' &&

\n {statements.map(statement => )}\n

\n Statements can influence market sentiment but may have unpredictable effects.\n

}\n

\n \n {}\n

\n YOUR GOAL: Balance Markets, Panic & Inflation\n

\n \n

Global Indices

\n {globalIndices.map((index, i) =>

\n {index.name}\n

\n {index.value.toLocaleString()}\n \n {index.change > 0 ? '+' : ''}{index.change.toFixed(2)}%\n \n

)}\n

Currencies

\n {currencyPairs.map((pair, i) =>

\n {pair.name}\n

\n \n {pair.name.includes('JPY') ? pair.value.toFixed(2) : pair.value.toFixed(4)}\n \n \n {pair.change > 0 ? '+' : ''}{pair.change.toFixed(2)}%\n \n

)}\n

Bond Yields

\n {bondYields.map((bond, i) =>

\n {bond.name}\n

\n {bond.value.toFixed(2)}%\n \n {bond.change > 0 ? '+' : ''}{bond.change.toFixed(2)}\n \n

)}\n

Win/Loss Conditions

Automatic Game Over:

Market Panic reaches 100% - market confidence collapses
Market Index falls below 7,000 - economy enters depression
Inflation Rate exceeds 12% - currency value implodes

\n \n

Fed Chair Rating:

Your performance is rated based on your final score:

230+: Legendary Fed Chair
170+: Economic Savior
120+: Market Stabilizer
90+: Crisis Manager
<90: Failed Technocrat

\n \n

Scoring System:

Your total score is calculated as:

Base Score:

Days (seconds) survived

\n \n

+ Market Bonus:

Market Index ÷ 300

\n \n

+ Stability Bonus:

(100 - Panic Level) × 0.8

\n \n

- Inflation Penalty:

Inflation Rate × 20

\n {}\n {showTutorial &&

\n {tutorialStep === 1 ? \"Welcome, Fed Chair!\" : tutorialStep === 2 ? \"Your Main Objective\" : tutorialStep === 3 ? \"Your Policy Tools\" : \"Ready to Start\"}\n

\n \n

\n \n {tutorialStep === 1 &&

You're now in control of the world's largest economy during a crisis!

Your decisions will have immediate consequences on:

\n
\n Market Index (keep it high)\n
\n
\n Panic Level (keep it low)\n
\n
\n Inflation Rate (keep it balanced)\n

}\n \n {tutorialStep === 2 &&

Your goal is to survive for 1.5 minutes while keeping:

\n \n Panic Level below 100%\n
\n \n Market Index above 8,000\n
\n \n Inflation Rate below 10%\n

Market panic naturally increases over time - you'll need to actively work against this trend!

Your final score depends on days survived, market performance, stability, and inflation control.

}\n \n {tutorialStep === 3 &&

Your main policy tools are highlighted in the dashboard:

\n \n

Adjust Interest Rates

Cut rates to boost markets but increase inflation

\n \n

Inject Liquidity

Provide immediate market relief but risk future inflation

\n \n

Issue Statements

Influence market sentiment in different ways

}\n \n {tutorialStep === 4 &&

You're ready to take control! Remember:

\n
\n Watch for immediate feedback after each decision\n
\n
\n Hover over tools to see their effects\n
\n
\n Balance short-term relief with long-term stability\n

The economy is in your hands, Chair Powell!

}\n \n

\n {tutorialStep > 1 && }\n {tutorialStep < 4 ? : }\n

}\n {showLeaderboard &&

setShowLeaderboard(false)}>\n

e.stopPropagation()}>\n

Fed Chair Leaderboard

\n \n

\n Your Current Run\n ACTIVE\n

Days

{score}

Market

{marketIndex.toLocaleString()}

Panic

\n {Math.round(panicLevel)}%\n

Name

Days

Panic

\n {leaderboardData.filter(entry => entry.name !== \"You\" || score === 0).map((entry, index) => {\n const isYou = entry.name === \"You\";\n const displayDays = isYou ? score : entry.days;\n const displayPanic = isYou ? Math.round(panicLevel) : entry.panicLevel;\n const displayRank = index + 1;\n const yourPosition = leaderboardData.findIndex((e, i) => e.name !== \"You\" && score > e.days && (i === 0 || score <= leaderboardData[i - 1].days));\n return

\n {isYou && score > 0 ? yourPosition === -1 ? leaderboardData.filter(e => e.name !== \"You\").length + 1 : yourPosition + 1 : displayRank}\n

{entry.name}

{displayDays}

\n {displayPanic}%\n

;\n })}\n {score > 0 &&

\n {leaderboardData.findIndex(e => e.name !== \"You\" && score > e.days) + 1}\n

You

{score}

\n {Math.round(panicLevel)}%\n

}\n

\n Can you outperform the legendary Paul Volcker?\n

}\n {isModalOpen &&

setIsModalOpen(false)}>\n

e.stopPropagation()}>\n

\n {gameOver ? gameResult.isWin ? \"Economic Crisis Averted!\" : \"Federal Reserve Assessment\" : \"End Session?\"}\n

\n {gameOver ? <>\n

{gameResult.text}

\n {gameResult.rating}\n

\n \n {failureReason &&

\n ASSESSMENT: {failureReason}\n

{gameResult.failureDetail}

}\n \n

\n Final Score: {score + marketBonus + stabilityBonus - inflationPenalty}\n

\n \n

Base (Days):

{score}

\n \n

Market:

+{marketBonus}

\n \n

Stability:

+{stabilityBonus}

\n \n

Inflation:

-{inflationPenalty}

\n \n

TOTAL:

\n {score + marketBonus + stabilityBonus - inflationPenalty}\n

Market

\n {marketIndex.toLocaleString()}\n

= 80 ? 'border-red-700/60' : 'border-gray-700/60'}`}>\n

Panic

= 80 && !gameResult.isWin ? 'text-red-400' : ''}`}>\n {Math.round(panicLevel)}%\n

Rate

{interestRate.toFixed(2)}%

= 7.5 ? 'border-red-700/60' : 'border-gray-700/60'}`}>\n

Inflation

= 7.5 && !gameResult.isWin ? 'text-red-400' : ''}`}>\n {inflationRate.toFixed(1)}%\n

\n \n Share Result\n \n

\n \n \n

\n : <>\n

Are you sure you want to end the current session?

\n \n \n

\n }\n

}\n {currentEvent &&

\n {currentEvent.type === 'tweet' ? 'BREAKING: PRESIDENTIAL TWEET' : 'MAJOR CRISIS ALERT'}\n

\n \n

\n {currentEvent.type === 'tweet' ?

{currentEvent.author}

\n {currentEvent.author === \"Donald Trump\" ? \"@realDonaldTrump\" : currentEvent.author === \"Elon Musk\" ? \"@elonmusk\" : currentEvent.author === \"President Biden\" ? \"@POTUS\" : currentEvent.author === \"Bank of Japan\" ? \"@Bank_of_Japan_e\" : currentEvent.author === \"Janet Yellen\" ? \"@SecYellen\" : currentEvent.author === \"Xi Jinping\" ? \"@XiJinpingChina\" : currentEvent.author === \"EU Commission\" ? \"@EU_Commission\" : currentEvent.author === \"Anonymous Whistleblower\" ? \"@WhistleblowerGov\" : \"@user\"}\n

{currentEvent.text}

\n Just now\n 2.3M views\n

{currentEvent.title}

{currentEvent.text}

}\n

MARKET IMPACT PREDICTION:

{currentEvent.impact.description}

Market Drop

{Math.abs(currentEvent.impact.marketEffect).toFixed(1)}%

Panic Increase

+{currentEvent.impact.panicEffect} pts

Choose your response:

\n \n \n \n \n

}\n

}\n \n {}\n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"recharts\":\"2.8.0\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\",\"react-router-dom\":\"6.18.0\",\"zod\":\"3.22.4\",\"socket.io-client\":\"4.7.1\"}}","appFunctions",[],"token",{"_18":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":95,"_96":42,"_97":98,"_73":74},"jerome powell","symbol","fed","price",0.00000645,"marketcap",6186.04842477,"image","https://pump.mypinata.cloud/ipfs/QmQkUwsVNeRm5URc1XbmeGfHcGjPt7ZBvaES5LUbqo7pzg?img-width=256&img-dpr=2","website","https://dev.fun/p/ec3aed3421220f96ed98","twitter","https://x.com/xentoshi","devCount","appCount",3,"upstreamApp","isLordOfDev","analytics",[103,107,109,111,113,115,117,119,121,123,125,127,129,131,133,134,135,136,137,138],{"_104":105,"_106":59},"day","2025-08-09","runCount",{"_104":108,"_106":59},"2025-08-10",{"_104":110,"_106":59},"2025-08-11",{"_104":112,"_106":59},"2025-08-12",{"_104":114,"_106":59},"2025-08-13",{"_104":116,"_106":59},"2025-08-14",{"_104":118,"_106":59},"2025-08-15",{"_104":120,"_106":59},"2025-08-16",{"_104":122,"_106":59},"2025-08-17",{"_104":124,"_106":59},"2025-08-18",{"_104":126,"_106":59},"2025-08-19",{"_104":128,"_106":59},"2025-08-20",{"_104":130,"_106":59},"2025-08-21",{"_104":132,"_106":59},"2025-08-22",{"_104":105,"_106":42},{"_104":114,"_106":42},{"_104":124,"_106":42},{"_104":126,"_106":42},{"_104":130,"_106":42},{"_104":132,"_106":139},16,"snapshot","ogImage","https://cdn.dev.fun/og/image/ec3aed3421220f96ed98/a7dda184.webp","isDevbase","actionData","errors"]

say something