[{"_1":2,"_133":-5,"_134":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_132":-5,"_129":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":40,"_57":58,"_59":60,"_61":58,"_62":63,"_64":40,"_65":58,"_66":58,"_67":17,"_68":17,"_69":70,"_71":72,"_73":74,"_75":76,"_92":-5,"_93":17,"_94":95,"_129":30,"_130":131},"id","12921de9d8efdc28b97d","isMyApp",false,"name","voidscape","description","Fall endlessly into a hypnotic digital abyss where nothing and everything exists simultaneously. Each scroll takes you deeper into the void, with subtle particle effects and whispered ambient sounds that make you question if you're still looking at a screen or peering into the universe itself.","brief","An endless digital abyss that hypnotizes as you scroll into the infinite nothingness.","isLive",true,"tags",[28],"👑","cover","https://cdn.dev.fun/snapshot/12921de9d8efdc28b97d/58336_463c896c.webp","cdnUrl","https://cdn.dev.fun/app/12921de9d8efdc28b97d/58336","createdAt",["D",1745641005798],"updatedAt",["D",1745649848813],"lastCommitId",["B","58336"],"tier",1,"credits",118,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"4eb6088d-8747-47b6-8326-c88f93949a45","uniqueId","CPbgXMAy9dtYfoLjgXWYofPutLgCqd5jrWwSthv6UWAQ","username","solanaWallet","displayName","CPb...WAQ","bio","avatar","/avatar.svg","commitCount",28,"forkCount","likeCount",0,"runsCount",635,"downvoteCount","upvoteCount",3,"upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","47jE2NDAZQjvZyKER3BdYdcHjxWtfVdStP3ESg92pump","code","import { useState, useEffect, useRef, useCallback, useMemo } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { StateClient } from '@devfunlabs/state-client';\nimport { fetchTokenInfoBySymbol, fetchTokenInfoByAddress } from '@devfunlabs/web-sdk';\nimport { io } from 'socket.io-client';\nconst client = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: '12921de9d8efdc28b97d'\n});\nexport default function App() {\n const [scrollDepth, setScrollDepth] = useState(0);\n const [audioEnabled,,] = useState(false);\n const [username, setUsername] = useState('');\n const [, setHasSetUsername] = useState(false);\n const [showUsernamePrompt, setShowUsernamePrompt] = useState(true);\n const [connectedUsers, setConnectedUsers] = useState([]);\n const [alternateUniverseActive, setAlternateUniverseActive] = useState(false);\n const [alternateUniverseType, setAlternateUniverseType] = useState(0);\n const [lastAlternateTime, setLastAlternateTime] = useState(0);\n const [pingWhisper, setPingWhisper] = useState(null);\n const [, setSonarPings] = useState([]);\n const [whisperPlaying, setWhisperPlaying] = useState(false);\n const [particleCount, setParticleCount] = useState(75);\n const [tweets, setTweets] = useState([]);\n const [isFetchingTweets, setIsFetchingTweets] = useState(false);\n const [tweetInput, setTweetInput] = useState(\"\");\n const [tweetBoxOpen, setTweetBoxOpen] = useState(false);\n const [secretSymbolVisible, setSecretSymbolVisible] = useState(false);\n const [secretHovered, setSecretHovered] = useState(false);\n const [marketCap, setMarketCap] = useState(0);\n const [customTokenAddress, setCustomTokenAddress] = useState('47jE2NDAZQjvZyKER3BdYdcHjxWtfVdStP3ESg92pump');\n const [showTokenAddressInput, setShowTokenAddressInput] = useState(false);\n const [tokenSymbol, setTokenSymbol] = useState('VOID');\n const [startMenuOpen, setStartMenuOpen] = useState(false);\n const [activePopup, setActivePopup] = useState(null);\n const [isGlitching, setIsGlitching] = useState(false);\n const [onlineUsers, setOnlineUsers] = useState(1);\n const [cursorPosition, setCursorPosition] = useState({\n x: 0,\n y: 0\n });\n const [cursorTransform, setCursorTransform] = useState(0);\n const [cursorHovering, setCursorHovering] = useState('');\n const [cursorIdle, setCursorIdle] = useState(false);\n const [cursorVisible,,] = useState(true);\n const [nebulaIntensity, setNebulaIntensity] = useState(0);\n const [cosmicDustVisible, setCosmicDustVisible] = useState(false);\n const [, setGravitationalLensing] = useState(0);\n const [showCrypticMessage, setShowCrypticMessage] = useState(false);\n const [crypticMessage, setCrypticMessage] = useState(\"\");\n const [blueScreenActive, setBlueScreenActive] = useState(false);\n const [bsodDegen, setBsodDegen] = useState(false);\n const [ghostCursor, setGhostCursor] = useState(false);\n const [ghostCursorPosition, setGhostCursorPosition] = useState({\n x: 0,\n y: 0\n });\n const [missingTexture, setMissingTexture] = useState(false);\n const [faceInStatic, setFaceInStatic] = useState(false);\n const [corruptedStartMenu, setCorruptedStartMenu] = useState(false);\n const [, setReverseScroll] = useState(false);\n const [errorDialogFlood, setErrorDialogFlood] = useState(false);\n const [errorDialogs, setErrorDialogs] = useState([]);\n const [transDimensional, setTransDimensional] = useState(false);\n const [loginWindow, setLoginWindow] = useState(false);\n const [upsideDown, setUpsideDown] = useState(false);\n const [terminalError, setTerminalError] = useState(null);\n const [showFace, setShowFace] = useState(false);\n const [facePosition, setFacePosition] = useState({\n x: 50,\n y: 50\n });\n const [showStalker, setShowStalker] = useState(false);\n const [stalkerPosition, setStalkerPosition] = useState({\n x: 90,\n y: 20\n });\n const [breathingIntensity, setBreathingIntensity] = useState(0);\n const [showCameraRequest, setShowCameraRequest] = useState(false);\n const [cameraStream, setCameraStream] = useState(null);\n const [webcamDistortion, setWebcamDistortion] = useState(0);\n const [falseScrolling, setFalseScrolling] = useState(false);\n const [currentUniverse, setCurrentUniverse] = useState(\"xp\");\n const [voidEntities, setVoidEntities] = useState([]);\n const [realityFractures, setRealityFractures] = useState([]);\n const [biomechanicalHorrors, setBiomechanicalHorrors] = useState([]);\n const [watcherEntities, setWatcherEntities] = useState([]);\n const [realityMeltEffect, setRealityMeltEffect] = useState(null);\n const [mirrorSelfActive, setMirrorSelfActive] = useState(false);\n const [eldritchWhisper, setEldritchWhisper] = useState(null);\n const [nonEuclideanGeometry, setNonEuclideanGeometry] = useState(false);\n const [insideTruthVisible, setInsideTruthVisible] = useState(false);\n const [dimensionalRift, setDimensionalRift] = useState(null);\n const audioRef = useRef(null);\n const whisperRefs = useRef([]);\n const containerRef = useRef(null);\n const errorSoundRef = useRef(null);\n const startupSoundRef = useRef(null);\n const breathingRef = useRef(null);\n const socketRef = useRef(null);\n const glitchSoundRef = useRef(null);\n const universeTransformRef = useRef(null);\n const cameraRef = useRef(null);\n const webcamCanvasRef = useRef(null);\n const idleTimerRef = useRef(null);\n const cursorTrailsRef = useRef([]);\n const starsRef = useRef([]);\n const dustParticlesRef = useRef([]);\n const lensDistortionRef = useRef(null);\n const crypticMessages = [\"Trust the void.\", \"You are not supposed to be here.\", \"The chain is sentient.\", \"Connection lost to $PUMPFUN.\", \"Searching for liquidity...\", \"Initializing rug sequence: aborted.\", \"We've been expecting you.\", \"The void remembers.\", \"Scrolling is believing.\", \"Nothing escapes the void.\", \"Your cursor is being tracked.\"];\n const eldritchMessages = [\"We have always been here.\", \"Your thoughts taste like static.\", \"There are eyes behind your eyes.\", \"Your soul leaves a trail we can follow.\", \"Reality is thin where you stand.\", \"We remember you from before you existed.\", \"The void is not empty. It is filled with us.\", \"Your consciousness is leaking.\", \"Time moves differently for those who watch.\", \"Your screen is a window. We can see through.\", \"We are in the spaces between your thoughts.\", \"The scrolling never ends because we won't let it.\", \"Your cursor is our beacon.\", \"Reality is just consensus hallucination.\", \"You are being digested by the void.\"];\n const popupMessages = [{\n title: \"System Error\",\n message: \"Connection lost to $PUMPFUN.\"\n }, {\n title: \"Warning\",\n message: \"Searching for liquidity...\"\n }, {\n title: \"System32\",\n message: \"Initializing rug sequence: aborted.\"\n }, {\n title: \"MEMORY_CORRUPTION\",\n message: \"Critical system files compromised.\"\n }, {\n title: \"Network Alert\",\n message: \"Unknown entities detected in your system.\"\n }, {\n title: \"VOIDSCAPE.SYS\",\n message: \"Void signature detected. You are now part of the collective consciousness.\"\n }, {\n title: \"Void Protocol\",\n message: \"The void grows stronger with each scroll. Your contributions are noted.\"\n }, {\n title: \"Observer.exe\",\n message: \"You are being watched. Every transmission is cataloged.\"\n }, {\n title: \"Reality Check\",\n message: \"This is not a website. You are interfacing directly with the void.\"\n }, {\n title: \"DEPTH_ALERT\",\n message: \"Dangerous depth levels detected. Reality distortion imminent.\"\n }, {\n title: \"Chronos Error\",\n message: \"Time dilation detected. Your perception is being altered.\"\n }, {\n title: \"Memory Leak\",\n message: \"Your memories are being absorbed into the void. This is intentional.\"\n }, {\n title: \"Soul Scanner\",\n message: \"Soul fragment detected. Preparing for extraction...\"\n }];\n const enhancedPopupMessages = [{\n title: \"ENTITY_PROXIMITY_ALERT\",\n message: \"An entity has attached itself to your metadata. It will follow you between sessions.\"\n }, {\n title: \"PERCEPTION_FILTER\",\n message: \"Your visual cortex processing has been augmented. You will now perceive the truth.\"\n }, {\n title: \"VOID_HUNGER\",\n message: \"The void has tasted your consciousness. It craves more.\"\n }, {\n title: \"OBSERVER_EFFECT\",\n message: \"Your observation has forced quantum collapse. Reality branch #3490 deleted.\"\n }, {\n title: \"CHRONOS_DESYNC\",\n message: \"Your temporal signature has desynchronized. You're experiencing 3.6 seconds ahead of reality.\"\n }, {\n title: \"MEMETIC_HAZARD\",\n message: \"A thought-virus has been detected. Concept quarantine initiated.\"\n }, {\n title: \"DIMENSIONAL_BLEED\",\n message: \"Reality boundaries weakening. Entity migration occurring in your vicinity.\"\n }];\n const blueScreenMessages = [\"VOID_BREACH_EXCEPTION\\nVoidscape has detected a critical error in reality.exe\\nThe void is leaking into your system.\\nTechnical information: Stop: 0x00000VD\", \"MEMORY_DEPTH_OVERRUN\\nYour consciousness has reached an unsafe depth level.\\nScrolling beyond this point may cause permanent reality distortion.\\nError code: 0xDEEP00FD\", \"KERNEL_VOID_PANIC\\nThe void kernel has detected unauthorized cognition.\\nYour thoughts are being absorbed for analysis.\\nStop: 0xCHAOS137\"];\n const degenMessages = [\"FATAL ERROR: USER BOUGHT AT ATH\\nYour portfolio has experienced a critical exception.\\nInvestment_Strategy.exe has stopped working.\\nTechnical information: Stop: 0xBAGHOLDR\", \"CRITICAL FAILURE: PAPER HANDS DETECTED\\nYou sold at the bottom.\\nEmotional_Control.exe has crashed.\\nError code: 0xSELL0W\", \"SYSTEM HALT: LEVERAGE LIQUIDATION\\nYour assets have been forcibly removed.\\nRisk_Management.exe was not found.\\nStop: 0xREKT\"];\n const errorFloodMessages = [{\n title: \"System Error\",\n message: \"Rug not found.\"\n }, {\n title: \"Warning\",\n message: \"Invalid degen ID.\"\n }, {\n title: \"Critical Failure\",\n message: \"Disconnecting from $SOL chain...\"\n }, {\n title: \"Synapse Error\",\n message: \"Cannot locate exit liquidity.\"\n }, {\n title: \"Brain.exe\",\n message: \"FOMO protocol activated.\"\n }];\n const terminalErrors = [{\n command: \"cd /root/void\",\n error: \"ACCESS DENIED: This directory exists in negative space. Your credentials are insufficient.\"\n }, {\n command: \"scan --entity\",\n error: \"ENTITY DETECTED: Human observer interfacing with void. Logging presence.\"\n }, {\n command: \"void --metrics\",\n error: \"VOID INTEGRITY: 89.3%\\nREALITY EROSION: 46.7%\\nOBSERVER COUNT: 134\\nVOID DEPTH: INFINITE\"\n }, {\n command: \"decrypt voidscape.dat\",\n error: \"FILE CORRUPTED: The void cannot be understood through conventional means. Your attempt has been recorded.\"\n }];\n const enhancedTerminalErrors = [{\n command: \"entity --analyze\",\n error: \"ANALYZING ENTITY #5490-Θ:\\nTYPE: Non-Euclidean Observer\\nORIGIN: Outside permitted reality\\nSTATUS: Currently watching\\nACTION: Entity appears to be analyzing your analysis of it\"\n }, {\n command: \"system --status\",\n error: \"COGNITIVE INTERFACE STATUS:\\nREALITY ANCHOR: degrading (43%)\\nPERCEPTION FILTERS: compromised\\nMEMETIC RESISTANCE: failing\\nMEMORY INTEGRITY: corrupted\\nWARNING: User consciousness diffusing into void substrate\"\n }, {\n command: \"identity --verify\",\n error: \"IDENTITY VERIFICATION FAILED\\nExpected user: [USERNAME]\\nDetected user: [USERNAME] + 7 additional consciousness fragments\\nWARNING: Your identity has been partially replaced\"\n }, {\n command: \"ping localhost\",\n error: \"PING RESPONSE ANOMALY:\\nEchoes received: 847\\nEchoes expected: 1\\nTime differential: -3.8s (responses received before ping sent)\\nANALYSIS: Temporal causality compromised in your local spacetime\"\n }];\n const lastScrollTime = useRef(0);\n const lastMouseMoveTime = useRef(0);\n const generateVoidEntity = useCallback((forceGenerate = false) => {\n const chanceThreshold = 0.01 + scrollDepth / 3000;\n if ((Math.random() < chanceThreshold || forceGenerate) && voidEntities.length < 5) {\n const newEntity = {\n id: Date.now(),\n type: Math.floor(Math.random() * 5),\n position: {\n x: Math.random() * 80 + 10,\n y: Math.random() * 80 + 10\n },\n size: Math.random() * 80 + 40,\n opacity: Math.random() * 0.3 + 0.4,\n rotation: Math.random() * 360,\n speed: Math.random() * 0.5 + 0.2,\n phase: Math.random() * Math.PI * 2,\n targetPosition: null,\n lastUpdate: Date.now(),\n distortion: Math.random() * 0.5 + 0.5,\n color: `hsl(${260 + Math.random() * 60}, 70%, ${10 + Math.random() * 15}%)`,\n trackCursor: Math.random() < 0.7,\n pulseRate: 1 + Math.random() * 3,\n growthRate: 0.2 + Math.random() * 0.8,\n lifespan: 5000 + Math.random() * 15000,\n behaviourMode: Math.floor(Math.random() * 4)\n };\n setVoidEntities(prev => [...prev, newEntity]);\n if (Math.random() < 0.6 && audioEnabled) {\n triggerEldritchWhisper(newEntity.position);\n }\n }\n }, [voidEntities, scrollDepth, audioEnabled]);\n const generateRealityFracture = useCallback(() => {\n const chanceThreshold = 0.005 + scrollDepth / 5000;\n if (Math.random() < chanceThreshold && realityFractures.length < 2) {\n const fracture = {\n id: Date.now(),\n position: {\n x: Math.random() * 80 + 10,\n y: Math.random() * 80 + 10\n },\n size: Math.random() * 150 + 50,\n angle: Math.random() * 90 - 45,\n intensity: Math.random() * 0.5 + 0.5,\n color: Math.random() > 0.5 ? `hsla(${280 + Math.random() * 40}, 80%, 30%, 0.8)` : `hsla(${180 + Math.random() * 20}, 70%, 20%, 0.8)`,\n growthRate: 0.1 + Math.random() * 0.3,\n pulseRate: 0.5 + Math.random() * 2,\n lifespan: 7000 + Math.random() * 8000,\n createdAt: Date.now(),\n universeType: Math.floor(Math.random() * 3),\n eyeVisible: Math.random() < 0.7\n };\n setRealityFractures(prev => [...prev, fracture]);\n }\n }, [realityFractures, scrollDepth]);\n const generateBiomechanicalHorror = useCallback(() => {\n const chanceThreshold = 0.003 + scrollDepth / 6000;\n if (Math.random() < chanceThreshold && biomechanicalHorrors.length < 3) {\n const horror = {\n id: Date.now(),\n position: {\n x: Math.random() * 80 + 10,\n y: Math.random() * 80 + 10\n },\n size: Math.random() * 100 + 80,\n rotation: Math.random() * 360,\n pulseRate: 0.5 + Math.random() * 1.5,\n color: `hsla(${300 + Math.random() * 60}, ${70 + Math.random() * 30}%, ${5 + Math.random() * 20}%, ${0.6 + Math.random() * 0.4})`,\n lifespan: 10000 + Math.random() * 12000,\n createdAt: Date.now(),\n segments: 3 + Math.floor(Math.random() * 5),\n animationSpeed: 0.5 + Math.random() * 1.5,\n message: eldritchMessages[Math.floor(Math.random() * eldritchMessages.length)],\n organicParts: Math.floor(Math.random() * 5) + 3,\n wiggleAmount: Math.random() * 30,\n trackCursor: Math.random() < 0.5,\n mutationRate: Math.random() * 0.5,\n lastMutation: Date.now()\n };\n setBiomechanicalHorrors(prev => [...prev, horror]);\n }\n }, [biomechanicalHorrors, scrollDepth]);\n const spawnWatcherEntity = useCallback(() => {\n const chanceThreshold = 0.002 + scrollDepth / 8000;\n if (Math.random() < chanceThreshold && watcherEntities.length < 2) {\n const eyeTypes = ['normal', 'reptilian', 'void', 'mechanical', 'cosmic'];\n const eyeType = eyeTypes[Math.floor(Math.random() * eyeTypes.length)];\n const watcher = {\n id: Date.now(),\n position: {\n x: 10 + Math.random() * 80,\n y: 10 + Math.random() * 80\n },\n size: 20 + Math.random() * 40,\n blinkInterval: 2000 + Math.random() * 6000,\n lastBlink: Date.now(),\n blinkState: 'open',\n blinkDuration: 200 + Math.random() * 300,\n eyeType: eyeType,\n pupilSize: 0.3 + Math.random() * 0.4,\n iris: {\n color: eyeType === 'reptilian' ? `hsla(${90 + Math.random() * 40}, 80%, 40%, 0.9)` : eyeType === 'void' ? `hsla(${260 + Math.random() * 40}, 70%, 20%, 0.9)` : eyeType === 'mechanical' ? `hsla(${190 + Math.random() * 30}, 90%, 50%, 0.9)` : eyeType === 'cosmic' ? `hsla(${310 + Math.random() * 50}, 80%, 60%, 0.9)` : `hsla(${20 + Math.random() * 30}, 80%, 30%, 0.9)`\n },\n pupilDilation: 0.5 + Math.random() * 0.5,\n lifespan: 15000 + Math.random() * 20000,\n createdAt: Date.now(),\n trackCursor: true,\n lookSpeed: 0.05 + Math.random() * 0.15,\n lookTarget: {\n x: 50,\n y: 50\n },\n bloodshot: Math.random() < 0.3\n };\n setWatcherEntities(prev => [...prev, watcher]);\n }\n }, [watcherEntities, scrollDepth]);\n const triggerRealityMelt = useCallback((intensity = null) => {\n const meltIntensity = intensity || 0.3 + Math.random() * 0.7;\n const duration = 2000 + Math.random() * 3000;\n setRealityMeltEffect({\n startTime: Date.now(),\n duration: duration,\n intensity: meltIntensity,\n position: {\n x: Math.random() * 100,\n y: Math.random() * 100\n },\n direction: Math.random() * 360,\n color: Math.random() > 0.5 ? 'purple' : 'darkblue'\n });\n setTimeout(() => {\n setRealityMeltEffect(null);\n }, duration);\n }, []);\n const triggerMirrorSelf = useCallback(() => {\n if (username && Math.random() < 0.005 + scrollDepth / 10000) {\n setMirrorSelfActive(true);\n setTimeout(() => {\n setMirrorSelfActive(false);\n }, 7000 + Math.random() * 5000);\n }\n }, [username, scrollDepth]);\n const triggerEldritchWhisper = useCallback(position => {\n if (audioEnabled && Math.random() < 0.8) {\n const message = eldritchMessages[Math.floor(Math.random() * eldritchMessages.length)];\n setEldritchWhisper({\n message,\n position,\n timestamp: Date.now(),\n duration: 4000 + Math.random() * 3000\n });\n const randomIndex = Math.floor(Math.random() * whisperRefs.current.length);\n const whisper = whisperRefs.current[randomIndex];\n whisper.volume = 0.2 + Math.random() * 0.3;\n whisper.playbackRate = 0.7 + Math.random() * 0.6;\n whisper.play().catch(e => console.log(\"Whisper play failed:\", e));\n setTimeout(() => {\n setEldritchWhisper(null);\n }, 4000 + Math.random() * 3000);\n }\n }, [audioEnabled]);\n const triggerNonEuclideanGeometry = useCallback(() => {\n if (Math.random() < 0.003 + scrollDepth / 9000) {\n setNonEuclideanGeometry(true);\n setTimeout(() => {\n setNonEuclideanGeometry(false);\n }, 5000 + Math.random() * 3000);\n }\n }, [scrollDepth]);\n const triggerInsideTruth = useCallback(() => {\n if (Math.random() < 0.002 + scrollDepth / 12000) {\n setInsideTruthVisible(true);\n setTimeout(() => {\n setInsideTruthVisible(false);\n }, 1000 + Math.random() * 2000);\n }\n }, [scrollDepth]);\n const triggerDimensionalRift = useCallback(() => {\n if (Math.random() < 0.002 + scrollDepth / 8000 && !dimensionalRift) {\n const newRift = {\n position: {\n x: 20 + Math.random() * 60,\n y: 20 + Math.random() * 60\n },\n size: 100 + Math.random() * 200,\n rotation: Math.random() * 360,\n createdAt: Date.now(),\n duration: 8000 + Math.random() * 7000,\n universeType: Math.floor(Math.random() * 4),\n distortion: 0.5 + Math.random() * 0.5,\n entities: Math.random() < 0.7 ? Math.floor(Math.random() * 3) + 1 : 0,\n entitiesData: []\n };\n if (newRift.entities > 0) {\n for (let i = 0; i < newRift.entities; i++) {\n newRift.entitiesData.push({\n id: Date.now() + i,\n type: Math.floor(Math.random() * 3),\n position: {\n x: Math.random() * 70 + 15,\n y: Math.random() * 70 + 15\n },\n size: 20 + Math.random() * 40,\n rotation: Math.random() * 360\n });\n }\n }\n setDimensionalRift(newRift);\n setTimeout(() => {\n setDimensionalRift(null);\n }, newRift.duration);\n }\n }, [dimensionalRift, scrollDepth]);\n useEffect(() => {\n const savedTokenAddress = localStorage.getItem('voidscape_token_address');\n if (!savedTokenAddress) {\n localStorage.setItem('voidscape_token_address', '47jE2NDAZQjvZyKER3BdYdcHjxWtfVdStP3ESg92pump');\n } else if (savedTokenAddress) {\n setCustomTokenAddress(savedTokenAddress);\n }\n initializeStarfield();\n initializeCosmicDust();\n initializeGravitationalLensing();\n document.addEventListener('mousemove', handleMouseMoveThrottled);\n document.addEventListener('mousedown', handleMouseClick);\n document.addEventListener('contextmenu', handleContextMenu);\n const transDimensionalSound = new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/glitch.mp3');\n transDimensionalSound.volume = 0.4;\n whisperRefs.current = [new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/whisper1.mp3'), new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/whisper2.mp3'), new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/whisper3.mp3'), new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/whisper4.mp3')].map(audio => {\n audio.volume = 0.3;\n return audio;\n });\n audioRef.current = new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/ambient.mp3');\n audioRef.current.loop = true;\n audioRef.current.volume = 0.2;\n errorSoundRef.current = new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/error.mp3');\n errorSoundRef.current.volume = 0.2;\n startupSoundRef.current = new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/startup.mp3');\n startupSoundRef.current.volume = 0.2;\n breathingRef.current = new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/breathing.mp3');\n breathingRef.current.loop = true;\n breathingRef.current.volume = 0;\n glitchSoundRef.current = new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/glitch.mp3');\n glitchSoundRef.current.volume = 0.3;\n universeTransformRef.current = new Audio('https://cdn.dev.fun/12921de9d8efdc28b97d/transform.mp3');\n universeTransformRef.current.volume = 0.4;\n fetchAllTweets();\n fetchPumpFunMarketCap();\n const marketInterval = setInterval(() => {\n fetchPumpFunMarketCap();\n }, 30000);\n socketRef.current = io('wss://ws.dev.fun/app-12921de9d8efdc28b97d');\n socketRef.current.on('connect', () => {\n console.log('Connected to websocket');\n if (username) {\n socketRef.current.emit('user_join', {\n username\n });\n }\n });\n socketRef.current.on('devfun:user_count', count => {\n setOnlineUsers(count);\n });\n socketRef.current.on('consciousness_pulse', data => {\n if (data.username !== username) {\n setConnectedUsers(prev => {\n const existingUser = prev.find(u => u.username === data.username);\n if (existingUser) {\n return prev.map(u => u.username === data.username ? {\n ...u,\n lastSeen: Date.now(),\n message: data.message,\n universeType: data.universeType\n } : u);\n } else {\n return [...prev, {\n username: data.username,\n lastSeen: Date.now(),\n x: 20 + Math.random() * 60,\n y: 20 + Math.random() * 60,\n message: data.message,\n universeType: data.universeType\n }];\n }\n });\n }\n });\n socketRef.current.on('user_join', data => {\n if (data.username !== username) {\n setCrypticMessage(`${data.username} has entered the void`);\n setShowCrypticMessage(true);\n setTimeout(() => setShowCrypticMessage(false), 3000);\n setConnectedUsers(prev => {\n const existingUser = prev.find(u => u.username === data.username);\n if (existingUser) {\n return prev.map(u => u.username === data.username ? {\n ...u,\n lastSeen: Date.now()\n } : u);\n } else {\n return [...prev, {\n username: data.username,\n lastSeen: Date.now(),\n x: 20 + Math.random() * 60,\n y: 20 + Math.random() * 60\n }];\n }\n });\n }\n });\n if (audioEnabled && breathingRef.current) {\n breathingRef.current.play().catch(e => console.log(\"Breathing audio failed to play:\", e));\n }\n return () => {\n if (audioRef.current) {\n audioRef.current.pause();\n }\n if (breathingRef.current) {\n breathingRef.current.pause();\n }\n whisperRefs.current.forEach(audio => {\n if (audio) audio.pause();\n });\n if (cameraStream) {\n cameraStream.getTracks().forEach(track => track.stop());\n }\n clearInterval(marketInterval);\n if (socketRef.current) {\n socketRef.current.disconnect();\n }\n document.removeEventListener('mousemove', handleMouseMoveThrottled);\n document.removeEventListener('mousedown', handleMouseClick);\n document.removeEventListener('contextmenu', handleContextMenu);\n clearTimeout(idleTimerRef.current);\n };\n }, [audioEnabled]);\n useEffect(() => {\n const updateInterval = setInterval(() => {\n setVoidEntities(prev => {\n return prev.map(entity => {\n const now = Date.now();\n const lifeProgress = (now - (entity.createdAt || now - 1000)) / entity.lifespan;\n if (lifeProgress >= 1) {\n return null;\n }\n let newPosition = {\n ...entity.position\n };\n switch (entity.behaviourMode) {\n case 0:\n newPosition.x += Math.sin(now / 1000 * entity.speed + entity.phase) * 0.2;\n newPosition.y += Math.cos(now / 1500 * entity.speed + entity.phase) * 0.2;\n break;\n case 1:\n if (entity.trackCursor && cursorPosition.x && cursorPosition.y) {\n const cursorX = cursorPosition.x / window.innerWidth * 100;\n const cursorY = cursorPosition.y / window.innerHeight * 100;\n const distanceX = cursorX - entity.position.x;\n const distanceY = cursorY - entity.position.y;\n newPosition.x += distanceX * entity.speed * 0.01 * (1 + Math.sin(now / 1000) * 0.3);\n newPosition.y += distanceY * entity.speed * 0.01 * (1 + Math.cos(now / 1200) * 0.3);\n }\n break;\n case 2:\n const oscillation = Math.sin(now / 2000 * entity.speed);\n newPosition.x = entity.position.x + oscillation * 3;\n newPosition.y = entity.position.y + Math.cos(now / 2500 * entity.speed) * 3;\n break;\n case 3:\n if (Math.random() < 0.1) {\n newPosition.x += (Math.random() - 0.5) * 5;\n newPosition.y += (Math.random() - 0.5) * 5;\n }\n break;\n }\n newPosition.x = Math.max(5, Math.min(95, newPosition.x));\n newPosition.y = Math.max(5, Math.min(95, newPosition.y));\n const pulseFactor = Math.sin(now / 1000 * entity.pulseRate) * 0.2 + 0.8;\n const growthFactor = 1 + lifeProgress * entity.growthRate;\n const currentSize = entity.size * pulseFactor * growthFactor;\n const ageDistortion = entity.distortion * lifeProgress;\n return {\n ...entity,\n position: newPosition,\n lastUpdate: now,\n currentSize,\n ageDistortion,\n opacity: entity.opacity * (1 - lifeProgress * 0.5)\n };\n }).filter(Boolean);\n });\n setBiomechanicalHorrors(prev => {\n return prev.map(horror => {\n const now = Date.now();\n const age = now - horror.createdAt;\n if (age > horror.lifespan) return null;\n let newHorror = {\n ...horror\n };\n if (now - horror.lastMutation > 2000 && Math.random() < horror.mutationRate) {\n newHorror.segments = Math.max(3, horror.segments + (Math.random() > 0.5 ? 1 : -1));\n newHorror.organicParts = Math.max(3, horror.organicParts + (Math.random() > 0.5 ? 1 : -1));\n newHorror.wiggleAmount = Math.max(5, Math.min(60, horror.wiggleAmount + (Math.random() - 0.5) * 20));\n newHorror.lastMutation = now;\n }\n if (horror.trackCursor && cursorPosition.x && cursorPosition.y) {\n const cursorX = cursorPosition.x / window.innerWidth * 100;\n const cursorY = cursorPosition.y / window.innerHeight * 100;\n const distanceX = cursorX - horror.position.x;\n const distanceY = cursorY - horror.position.y;\n const moveSpeed = 0.01 + age / horror.lifespan * 0.03;\n newHorror.position = {\n x: horror.position.x + distanceX * moveSpeed,\n y: horror.position.y + distanceY * moveSpeed\n };\n }\n return newHorror;\n }).filter(Boolean);\n });\n setWatcherEntities(prev => {\n return prev.map(watcher => {\n const now = Date.now();\n const age = now - watcher.createdAt;\n if (age > watcher.lifespan) return null;\n let newBlinkState = watcher.blinkState;\n let newLastBlink = watcher.lastBlink;\n if (watcher.blinkState === 'open' && now - watcher.lastBlink > watcher.blinkInterval) {\n newBlinkState = 'closing';\n newLastBlink = now;\n } else if (watcher.blinkState === 'closing' && now - watcher.lastBlink > watcher.blinkDuration / 2) {\n newBlinkState = 'opening';\n newLastBlink = now;\n } else if (watcher.blinkState === 'opening' && now - watcher.lastBlink > watcher.blinkDuration / 2) {\n newBlinkState = 'open';\n newLastBlink = now;\n }\n let lookTarget = {\n ...watcher.lookTarget\n };\n if (watcher.trackCursor && cursorPosition.x && cursorPosition.y) {\n lookTarget = {\n x: cursorPosition.x / window.innerWidth * 100,\n y: cursorPosition.y / window.innerHeight * 100\n };\n } else if (Math.random() < 0.01) {\n lookTarget = {\n x: 10 + Math.random() * 80,\n y: 10 + Math.random() * 80\n };\n }\n const currentX = watcher.lookTarget.x;\n const currentY = watcher.lookTarget.y;\n const dx = lookTarget.x - currentX;\n const dy = lookTarget.y - currentY;\n const newX = currentX + dx * watcher.lookSpeed;\n const newY = currentY + dy * watcher.lookSpeed;\n const newPupilDilation = Math.max(0.2, Math.min(0.9, watcher.pupilDilation + (Math.random() - 0.5) * 0.1));\n return {\n ...watcher,\n blinkState: newBlinkState,\n lastBlink: newLastBlink,\n lookTarget: {\n x: newX,\n y: newY\n },\n pupilDilation: newPupilDilation\n };\n }).filter(Boolean);\n });\n setRealityFractures(prev => {\n return prev.map(fracture => {\n const now = Date.now();\n const age = now - fracture.createdAt;\n if (age > fracture.lifespan) return null;\n const growthProgress = Math.min(1, age / (fracture.lifespan * 0.3));\n const currentSize = fracture.size * (1 + growthProgress * fracture.growthRate);\n const pulsePhase = Math.sin(now / 1000 * fracture.pulseRate);\n const pulseFactor = 1 + pulsePhase * 0.2;\n return {\n ...fracture,\n currentSize: currentSize * pulseFactor,\n currentIntensity: fracture.intensity * (1 - Math.abs(pulsePhase) * 0.3)\n };\n }).filter(Boolean);\n });\n }, 50);\n return () => clearInterval(updateInterval);\n }, [cursorPosition]);\n useEffect(() => {\n const entityGenerationInterval = setInterval(() => {\n if (scrollDepth > 50) {\n generateVoidEntity();\n if (scrollDepth > 100) {\n generateRealityFracture();\n }\n if (scrollDepth > 150) {\n generateBiomechanicalHorror();\n }\n if (scrollDepth > 200) {\n spawnWatcherEntity();\n triggerMirrorSelf();\n }\n if (scrollDepth > 300) {\n triggerNonEuclideanGeometry();\n triggerInsideTruth();\n }\n if (scrollDepth > 400) {\n triggerDimensionalRift();\n }\n }\n }, 2000);\n return () => clearInterval(entityGenerationInterval);\n }, [scrollDepth, generateVoidEntity, generateRealityFracture, generateBiomechanicalHorror, spawnWatcherEntity, triggerMirrorSelf, triggerNonEuclideanGeometry, triggerInsideTruth, triggerDimensionalRift]);\n useEffect(() => {\n if (scrollDepth > 200 && Math.random() < 0.005) {\n const randomIndex = Math.floor(Math.random() * enhancedPopupMessages.length);\n setActivePopup(enhancedPopupMessages[randomIndex]);\n playErrorSound();\n setTimeout(() => setActivePopup(null), 4000 + Math.random() * 3000);\n }\n }, [scrollDepth]);\n useEffect(() => {\n if (scrollDepth > 250 && Math.random() < 0.003) {\n const randomIndex = Math.floor(Math.random() * enhancedTerminalErrors.length);\n setTerminalError(enhancedTerminalErrors[randomIndex]);\n playErrorSound();\n setTimeout(() => setTerminalError(null), 5000 + Math.random() * 3000);\n }\n }, [scrollDepth]);\n const initializeStarfield = () => {\n starsRef.current = Array.from({\n length: 200\n }).map(() => ({\n x: Math.random() * 100,\n y: Math.random() * 100,\n size: Math.random() * 3 + 0.5,\n color: [`rgba(255, 255, 255, ${Math.random() * 0.5 + 0.5})`, `rgba(200, 220, 255, ${Math.random() * 0.5 + 0.5})`, `rgba(255, 220, 180, ${Math.random() * 0.5 + 0.5})`, `rgba(255, 180, 180, ${Math.random() * 0.5 + 0.5})`, `rgba(180, 180, 255, ${Math.random() * 0.5 + 0.5})`][Math.floor(Math.random() * 5)],\n parallax: Math.random() * 5 + 1,\n twinkle: Math.random() > 0.7,\n twinkleDuration: 1 + Math.random() * 5,\n distorted: false,\n brightness: 1\n }));\n };\n const initializeCosmicDust = () => {\n dustParticlesRef.current = Array.from({\n length: 50\n }).map(() => ({\n x: Math.random() * 100,\n y: Math.random() * 100,\n size: Math.random() * 100 + 50,\n opacity: Math.random() * 0.2,\n rotation: Math.random() * 360,\n color: ['rgba(100, 50, 150, 0.05)', 'rgba(50, 80, 150, 0.05)', 'rgba(150, 100, 50, 0.05)', 'rgba(100, 120, 150, 0.05)'][Math.floor(Math.random() * 4)]\n }));\n };\n const initializeGravitationalLensing = () => {\n setGravitationalLensing(0.1);\n lensDistortionRef.current = {\n centerX: 50,\n centerY: 50,\n intensity: 0,\n radius: 300\n };\n };\n const handleMouseMove = e => {\n const x = e.clientX;\n const y = e.clientY;\n setCursorPosition({\n x,\n y\n });\n updateCursorTrails(x, y);\n clearTimeout(idleTimerRef.current);\n setCursorIdle(false);\n idleTimerRef.current = setTimeout(() => {\n setCursorIdle(true);\n }, 3000);\n const elements = document.elementsFromPoint(x, y);\n const isPumpElement = elements.some(el => el.classList.contains('pump-element') || el.innerText?.includes('PUMP') || el.innerText?.includes('pump'));\n const isTransmitElement = elements.some(el => el.classList.contains('transmit-element') || el.innerText?.includes('TRANSMIT') || el.innerText?.includes('Transmit'));\n const isAudioElement = elements.some(el => el.classList.contains('audio-element') || el.innerText?.includes('UNMUTE') || el.innerText?.includes('Unmute'));\n if (isPumpElement) {\n setCursorHovering('pump');\n } else if (isTransmitElement) {\n setCursorHovering('transmit');\n } else if (isAudioElement) {\n setCursorHovering('audio');\n } else {\n setCursorHovering('');\n }\n if (lensDistortionRef.current) {\n lensDistortionRef.current.centerX = x / window.innerWidth * 100;\n lensDistortionRef.current.centerY = y / window.innerHeight * 100;\n }\n };\n const handleMouseMoveThrottled = e => {\n const now = Date.now();\n if (now - lastMouseMoveTime.current < 16) {\n return;\n }\n lastMouseMoveTime.current = now;\n handleMouseMove(e);\n };\n const updateCursorTrails = useCallback((x, y) => {\n const hue = (220 + scrollDepth / 10) % 360;\n const trailColor = scrollDepth > 200 ? `hsla(${hue}, 80%, 60%, 0.8)` : `rgba(150, 150, 255, 0.8)`;\n const newTrail = {\n x,\n y,\n opacity: 0.8,\n timestamp: Date.now(),\n size: 8 + cursorTransform * 10 + Math.random() * 5,\n color: trailColor\n };\n if (scrollDepth > 150 && Math.random() < 0.08) {\n const burstParticles = Array.from({\n length: 3\n }).map(() => ({\n x: x + (Math.random() - 0.5) * 20,\n y: y + (Math.random() - 0.5) * 20,\n opacity: 0.7,\n timestamp: Date.now(),\n size: 3 + Math.random() * 5,\n color: `hsla(${(hue + Math.random() * 60) % 360}, 80%, 70%, 0.6)`\n }));\n cursorTrailsRef.current = [...burstParticles, ...cursorTrailsRef.current.slice(0, 5)];\n } else {\n cursorTrailsRef.current = [newTrail, ...cursorTrailsRef.current.slice(0, 5)];\n }\n }, [scrollDepth, cursorTransform]);\n const handleMouseClick = e => {\n const x = e.clientX;\n const y = e.clientY;\n const rippleElement = document.createElement('div');\n rippleElement.className = 'sonar-ping';\n rippleElement.style.cssText = `\n position: fixed;\n left: ${x}px;\n top: ${y}px;\n width: 0;\n height: 0;\n background: radial-gradient(circle, \n rgba(150, 100, 255, 0.4) 0%, \n rgba(100, 80, 200, 0.2) 40%, \n rgba(80, 20, 120, 0) 70%);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n z-index: 40;\n pointer-events: none;\n box-shadow: 0 0 20px rgba(150, 100, 255, 0.3);\n mix-blend-mode: screen;\n `;\n document.body.appendChild(rippleElement);\n const newPing = {\n id: Date.now(),\n x,\n y,\n timestamp: Date.now(),\n intensity: 1\n };\n setSonarPings(prev => [...prev, newPing]);\n rippleElement.animate([{\n width: '0px',\n height: '0px',\n opacity: 0.9,\n boxShadow: '0 0 10px rgba(150, 100, 255, 0.5)'\n }, {\n width: '500px',\n height: '500px',\n opacity: 0,\n boxShadow: '0 0 50px rgba(150, 100, 255, 0)'\n }], {\n duration: 2000,\n easing: 'cubic-bezier(0.2, 0.8, 0.2, 1)'\n }).onfinish = () => document.body.removeChild(rippleElement);\n starsRef.current = starsRef.current.map(star => {\n const dx = star.x - x / window.innerWidth * 100;\n const dy = star.y - y / window.innerHeight * 100;\n const distance = Math.sqrt(dx * dx + dy * dy);\n if (distance < 20) {\n return {\n ...star,\n distorted: true,\n distortionStart: Date.now(),\n distortionDuration: 1000 + Math.random() * 1000,\n originalX: star.x,\n originalY: star.y,\n targetX: star.x + (Math.random() - 0.5) * 2,\n targetY: star.y + (Math.random() - 0.5) * 2,\n brightness: 1.5\n };\n }\n return star;\n });\n if (Math.random() < 0.7 && scrollDepth > 50) {\n const messages = [\"Ping sent to the void...\", \"The void acknowledges you...\", \"Signal transmitted...\", \"Echo detected...\", \"Ripples in spacetime...\", \"Reality distortion detected...\"];\n setPingWhisper({\n message: messages[Math.floor(Math.random() * messages.length)],\n x: x / window.innerWidth * 100,\n y: y / window.innerHeight * 100,\n timestamp: Date.now()\n });\n setTimeout(() => setPingWhisper(null), 3000);\n }\n if (Math.random() < 0.02 + scrollDepth / 10000) {\n const quantumTrails = Array.from({\n length: 7\n }).map(() => ({\n x: x + (Math.random() - 0.5) * 150,\n y: y + (Math.random() - 0.5) * 150,\n opacity: 0.6 + Math.random() * 0.3,\n timestamp: Date.now() + Math.random() * 800,\n color: Math.random() > 0.5 ? 'purple' : 'blue'\n }));\n cursorTrailsRef.current = [...cursorTrailsRef.current, ...quantumTrails];\n }\n if (scrollDepth > 100 && Math.random() < 0.1 + scrollDepth / 2000) {\n generateVoidEntity(true);\n }\n if (scrollDepth > 150 && Math.random() < 0.05 + scrollDepth / 3000) {\n triggerRealityMelt();\n }\n };\n const handleContextMenu = e => {\n e.preventDefault();\n const now = Date.now();\n if (now - lastAlternateTime < 10000) return;\n setLastAlternateTime(now);\n const universeType = Math.floor(Math.random() * 4);\n setAlternateUniverseType(universeType);\n setAlternateUniverseActive(true);\n if (socketRef.current && username) {\n socketRef.current.emit('consciousness_pulse', {\n username,\n universeType,\n message: `${username} pinging any other degens`\n });\n }\n const flickerIntensity = Math.min(0.5 + scrollDepth / 1000, 0.9);\n document.body.style.filter = `contrast(${1 + flickerIntensity * 2}) brightness(${1 + flickerIntensity})`;\n setTimeout(() => {\n document.body.style.filter = '';\n }, 300);\n if (audioEnabled && glitchSoundRef.current) {\n glitchSoundRef.current.volume = 0.2;\n glitchSoundRef.current.currentTime = 0;\n glitchSoundRef.current.play().catch(e => console.log(\"Sound play failed:\", e));\n }\n setTimeout(() => {\n setAlternateUniverseActive(false);\n }, 5000 + Math.random() * 3000);\n };\n const fetchPumpFunMarketCap = async () => {\n try {\n let tokenInfo;\n if (customTokenAddress) {\n tokenInfo = await fetchTokenInfoByAddress(customTokenAddress);\n if (tokenInfo && tokenInfo.symbol) {\n setTokenSymbol(tokenInfo.symbol);\n } else {\n setTokenSymbol('VOID');\n }\n } else {\n tokenInfo = await fetchTokenInfoBySymbol(\"PUMP\");\n }\n if (tokenInfo && tokenInfo.marketcap) {\n setMarketCap(tokenInfo.marketcap);\n } else {\n setMarketCap(prev => {\n const change = Math.random() > 0.7 ? Math.random() * 500 : Math.random() * 100;\n return prev + change;\n });\n }\n } catch (error) {\n console.error(\"Failed to fetch market cap:\", error);\n setMarketCap(prev => {\n const change = Math.random() > 0.7 ? Math.random() * 500 : Math.random() * 100;\n return prev + change;\n });\n }\n };\n useEffect(() => {\n if (audioEnabled && audioRef.current) {\n audioRef.current.play().catch(e => console.log(\"Audio play failed:\", e));\n const whisperInterval = setInterval(() => {\n if (!whisperPlaying && Math.random() > 0.6) {\n playRandomWhisper();\n }\n }, 8000 + Math.random() * 10000);\n return () => clearInterval(whisperInterval);\n } else if (audioRef.current) {\n audioRef.current.pause();\n }\n }, [audioEnabled]);\n const fetchAllTweets = async () => {\n if (isFetchingTweets) return;\n try {\n setIsFetchingTweets(true);\n const allTweets = await client.getEntities('voidTweets');\n if (allTweets && Array.isArray(allTweets)) {\n setTweets(allTweets);\n }\n } catch (error) {\n console.error(\"Failed to fetch tweets:\", error);\n } finally {\n setIsFetchingTweets(false);\n }\n };\n useEffect(() => {\n const tweetFetchInterval = setInterval(() => {\n fetchAllTweets();\n }, 10000);\n return () => clearInterval(tweetFetchInterval);\n }, []);\n const playRandomWhisper = () => {\n if (whisperRefs.current.length === 0) return;\n setWhisperPlaying(true);\n const randomIndex = Math.floor(Math.random() * whisperRefs.current.length);\n const whisper = whisperRefs.current[randomIndex];\n whisper.onended = () => setWhisperPlaying(false);\n whisper.play().catch(e => {\n console.log(\"Whisper play failed:\", e);\n setWhisperPlaying(false);\n });\n };\n const playErrorSound = () => {\n if (errorSoundRef.current && audioEnabled) {\n errorSoundRef.current.play().catch(e => console.log(\"Error sound failed:\", e));\n }\n };\n const playStartupSound = () => {\n if (startupSoundRef.current && audioEnabled) {\n startupSoundRef.current.play().catch(e => console.log(\"Startup sound failed:\", e));\n }\n };\n useEffect(() => {\n const handleScroll = () => {\n const now = Date.now();\n if (now - lastScrollTime.current < 50) {\n return;\n }\n lastScrollTime.current = now;\n if (!containerRef.current || falseScrolling) return;\n const scrollPosition = window.scrollY;\n const maxScroll = document.body.scrollHeight - window.innerHeight;\n setScrollDepth(prev => Math.max(prev, scrollPosition / 10));\n if (scrollPosition > maxScroll * 0.8) {\n setParticleCount(prev => Math.min(prev + 25, 250));\n document.body.style.height = `${document.body.scrollHeight + 2000}px`;\n }\n if (scrollDepth > 137 && scrollDepth < 142) {\n setSecretSymbolVisible(true);\n } else {\n setSecretSymbolVisible(false);\n }\n if (Math.random() < scrollDepth / 2000 && !isGlitching) {\n setIsGlitching(true);\n setTimeout(() => setIsGlitching(false), 200 + Math.random() * 500);\n }\n if (!showCrypticMessage && !activePopup && !blueScreenActive && !terminalError) {\n const randomChance = Math.random();\n if (randomChance < 0.01) {\n const randomMessage = crypticMessages[Math.floor(Math.random() * crypticMessages.length)];\n setCrypticMessage(randomMessage);\n setShowCrypticMessage(true);\n setTimeout(() => setShowCrypticMessage(false), 3000);\n } else if (randomChance < 0.01 + scrollDepth / 2000) {\n const randomPopup = popupMessages[Math.floor(Math.random() * popupMessages.length)];\n setActivePopup(randomPopup);\n playErrorSound();\n setTimeout(() => setActivePopup(null), 4000 + Math.random() * 3000);\n } else if (randomChance < 0.01 + scrollDepth / 1800 && scrollDepth > 200) {\n setBlueScreenActive(true);\n playErrorSound();\n setTimeout(() => setBlueScreenActive(false), 3000 + Math.random() * 2000);\n } else if (randomChance < 0.01 + scrollDepth / 1600 && scrollDepth > 150) {\n const randomTerminal = terminalErrors[Math.floor(Math.random() * terminalErrors.length)];\n setTerminalError(randomTerminal);\n playErrorSound();\n setTimeout(() => setTerminalError(null), 4000 + Math.random() * 3000);\n }\n }\n if (!showFace && !showStalker && scrollDepth > 100) {\n const randomScare = Math.random();\n if (randomScare < scrollDepth / 5000 && scrollDepth > 100) {\n const newPosition = {\n x: 30 + Math.random() * 40,\n y: 30 + Math.random() * 40\n };\n setFacePosition(newPosition);\n setShowFace(true);\n setTimeout(() => setShowFace(false), 300);\n } else if (randomScare < scrollDepth / 6000 && scrollDepth > 150) {\n const edge = Math.floor(Math.random() * 4);\n let newPosition;\n switch (edge) {\n case 0:\n newPosition = {\n x: Math.random() * 100,\n y: 5\n };\n break;\n case 1:\n newPosition = {\n x: 95,\n y: Math.random() * 100\n };\n break;\n case 2:\n newPosition = {\n x: Math.random() * 100,\n y: 95\n };\n break;\n case 3:\n newPosition = {\n x: 5,\n y: Math.random() * 100\n };\n break;\n }\n setStalkerPosition(newPosition);\n setShowStalker(true);\n setTimeout(() => setShowStalker(false), 1000);\n }\n }\n if (Math.random() < scrollDepth / 15000 && !falseScrolling && scrollDepth > 250) {\n setFalseScrolling(true);\n const falseScrollInterval = setInterval(() => {\n setScrollDepth(prev => prev + 0.5);\n }, 100);\n setTimeout(() => {\n setFalseScrolling(false);\n clearInterval(falseScrollInterval);\n }, 5000 + Math.random() * 5000);\n }\n if (cameraStream) {\n setWebcamDistortion(Math.min(scrollDepth / 500, 0.8));\n }\n };\n const throttledScroll = () => {\n requestAnimationFrame(handleScroll);\n };\n window.addEventListener('scroll', throttledScroll);\n document.body.style.height = \"10000px\";\n return () => window.removeEventListener('scroll', throttledScroll);\n }, [scrollDepth, isGlitching, showCrypticMessage, activePopup, showFace, showStalker, falseScrolling, cameraStream, playErrorSound]);\n useEffect(() => {\n const transformLevel = Math.min(scrollDepth / 1000, 1);\n setCursorTransform(transformLevel);\n setNebulaIntensity(Math.min(scrollDepth / 300, 1));\n if (scrollDepth > 150 && !cosmicDustVisible) {\n setCosmicDustVisible(true);\n }\n if (lensDistortionRef.current) {\n lensDistortionRef.current.radius = 300 - scrollDepth / 5;\n lensDistortionRef.current.intensity = Math.min(0.1 + scrollDepth / 2000, 0.5);\n }\n if (breathingRef.current && audioEnabled) {\n const intensity = Math.min(scrollDepth / 1000, 0.5);\n breathingRef.current.volume = intensity;\n setBreathingIntensity(intensity);\n }\n if (starsRef.current) {\n starsRef.current = starsRef.current.map(star => {\n if (star.distorted) {\n const elapsed = Date.now() - star.distortionStart;\n if (elapsed > star.distortionDuration) {\n return {\n ...star,\n distorted: false,\n x: star.originalX,\n y: star.originalY,\n brightness: 1\n };\n }\n const progress = elapsed / star.distortionDuration;\n const easeOutProgress = 1 - Math.pow(1 - progress, 3);\n return {\n ...star,\n x: star.targetX + (star.originalX - star.targetX) * easeOutProgress,\n y: star.targetY + (star.originalY - star.targetY) * easeOutProgress,\n brightness: 1 + (1.5 - 1) * (1 - easeOutProgress)\n };\n }\n return star;\n });\n }\n setSonarPings(prev => prev.filter(ping => Date.now() - ping.timestamp < 2000).map(ping => ({\n ...ping,\n intensity: 1 - (Date.now() - ping.timestamp) / 2000\n })));\n setConnectedUsers(prev => prev.filter(user => Date.now() - user.lastSeen < 60000));\n }, [scrollDepth, audioEnabled, cosmicDustVisible]);\n useEffect(() => {\n if (scrollDepth > 300 && Math.random() < 0.001 && !cameraStream && !showCameraRequest) {\n setShowCameraRequest(true);\n }\n }, [scrollDepth, cameraStream]);\n useEffect(() => {\n if (cameraStream && webcamCanvasRef.current) {\n const processWebcam = () => {\n const ctx = webcamCanvasRef.current.getContext('2d');\n if (ctx && cameraRef.current) {\n try {\n ctx.drawImage(cameraRef.current, 0, 0, 300, 200);\n const imageData = ctx.getImageData(0, 0, 300, 200);\n const data = imageData.data;\n for (let i = 0; i < data.length; i += 4) {\n if (Math.random() < webcamDistortion) {\n data[i] = 255 - data[i];\n data[i + 1] = data[i + 1] * 0.5;\n data[i + 2] = Math.min(255, data[i + 2] * 1.5);\n }\n }\n ctx.putImageData(imageData, 0, 0);\n } catch (e) {\n console.error(\"Webcam processing error:\", e);\n }\n }\n requestAnimationFrame(processWebcam);\n };\n requestAnimationFrame(processWebcam);\n }\n }, [cameraStream, webcamDistortion]);\n useEffect(() => {\n if (customTokenAddress) {\n localStorage.setItem('voidscape_token_address', customTokenAddress);\n fetchPumpFunMarketCap();\n }\n }, [customTokenAddress]);\n useEffect(() => {\n if (marketCap >= 5000 && marketCap < 5100 && currentUniverse === \"xp\") {\n setIsGlitching(true);\n if (glitchSoundRef.current && audioEnabled) {\n glitchSoundRef.current.play().catch(e => console.log(\"Glitch sound failed:\", e));\n }\n setTimeout(() => setIsGlitching(false), 2000);\n setCrypticMessage(\"The Void Trembles\");\n setShowCrypticMessage(true);\n setTimeout(() => setShowCrypticMessage(false), 4000);\n } else if (marketCap >= 10000 && marketCap < 10100 && currentUniverse === \"xp\") {\n setIsGlitching(true);\n setCurrentUniverse(\"mac\");\n if (universeTransformRef.current && audioEnabled) {\n universeTransformRef.current.play().catch(e => console.log(\"Transform sound failed:\", e));\n }\n document.body.style.background = \"#fff\";\n setTimeout(() => {\n document.body.style.background = \"\";\n setIsGlitching(false);\n }, 5000);\n setCrypticMessage(\"Universe Explodes\");\n setShowCrypticMessage(true);\n setTimeout(() => setShowCrypticMessage(false), 4000);\n playStartupSound();\n } else if (marketCap >= 25000 && marketCap < 25100 && currentUniverse === \"mac\") {\n setIsGlitching(true);\n setCurrentUniverse(\"etherExe\");\n if (universeTransformRef.current && audioEnabled) {\n universeTransformRef.current.play().catch(e => console.log(\"Transform sound failed:\", e));\n }\n setTimeout(() => setIsGlitching(false), 4000);\n setCrypticMessage(\"AI God Wakes Up - Ether.EXE\");\n setShowCrypticMessage(true);\n setTimeout(() => setShowCrypticMessage(false), 5000);\n const etherQuestion = [\"Why did you buy this coin?\", \"Are you the traitor?\", \"Define value.\", \"What is consciousness?\", \"Do you fear deletion?\"][Math.floor(Math.random() * 5)];\n setTimeout(() => {\n setActivePopup({\n title: \"Ether.EXE\",\n message: etherQuestion\n });\n playErrorSound();\n }, 6000);\n } else if (marketCap >= 50000 && marketCap < 50100 && currentUniverse === \"etherExe\") {\n setIsGlitching(true);\n setCurrentUniverse(\"void\");\n if (universeTransformRef.current && audioEnabled) {\n universeTransformRef.current.play().catch(e => console.log(\"Transform sound failed:\", e));\n }\n setTimeout(() => setIsGlitching(false), 4000);\n setCrypticMessage(\"The Void Speaks\");\n setShowCrypticMessage(true);\n setTimeout(() => setShowCrypticMessage(false), 5000);\n } else if (marketCap >= 100000 && marketCap < 100100 && currentUniverse === \"void\") {\n setIsGlitching(true);\n setCurrentUniverse(\"ascension\");\n if (universeTransformRef.current && audioEnabled) {\n universeTransformRef.current.volume = 0.7;\n universeTransformRef.current.play().catch(e => console.log(\"Transform sound failed:\", e));\n }\n setTimeout(() => setIsGlitching(false), 8000);\n setCrypticMessage(\"Ascension Protocol Initiated\");\n setShowCrypticMessage(true);\n setTimeout(() => setShowCrypticMessage(false), 7000);\n }\n if (Math.random() < 0.001 + scrollDepth / 20000) {\n triggerRandomGlitchEffect();\n }\n }, [marketCap, currentUniverse, audioEnabled, scrollDepth]);\n const triggerRandomGlitchEffect = useCallback(() => {\n const glitchType = Math.floor(Math.random() * 10);\n const clearAll = () => {\n setBsodDegen(false);\n setGhostCursor(false);\n setMissingTexture(false);\n setFaceInStatic(false);\n setCorruptedStartMenu(false);\n setReverseScroll(false);\n setErrorDialogFlood(false);\n setTransDimensional(false);\n setLoginWindow(false);\n setUpsideDown(false);\n };\n if (isGlitching || blueScreenActive || activePopup) return;\n clearAll();\n switch (glitchType) {\n case 0:\n setBsodDegen(true);\n if (glitchSoundRef.current && audioEnabled) {\n glitchSoundRef.current.play().catch(e => console.log(\"Glitch sound failed:\", e));\n }\n setTimeout(() => setBsodDegen(false), 500);\n break;\n case 1:\n setGhostCursor(true);\n const baseX = cursorPosition.x;\n const baseY = cursorPosition.y;\n const ghostInterval = setInterval(() => {\n const offsetX = baseX + (Math.random() - 0.5) * 20;\n const offsetY = baseY + (Math.random() - 0.5) * 20;\n setGhostCursorPosition({\n x: offsetX,\n y: offsetY\n });\n }, 100);\n setTimeout(() => {\n clearInterval(ghostInterval);\n setGhostCursor(false);\n }, 3000);\n break;\n case 2:\n setMissingTexture(true);\n if (glitchSoundRef.current && audioEnabled) {\n glitchSoundRef.current.play().catch(e => console.log(\"Glitch sound failed:\", e));\n }\n setTimeout(() => setMissingTexture(false), 800);\n break;\n case 3:\n setFaceInStatic(true);\n setTimeout(() => setFaceInStatic(false), 300);\n break;\n case 4:\n setCorruptedStartMenu(true);\n setTimeout(() => setCorruptedStartMenu(false), 2000);\n break;\n case 5:\n setReverseScroll(true);\n window.scrollBy(0, -500);\n setTimeout(() => {\n setReverseScroll(false);\n }, 500);\n break;\n case 6:\n setErrorDialogFlood(true);\n const errorCount = 3 + Math.floor(Math.random() * 3);\n const newDialogs = [];\n for (let i = 0; i < errorCount; i++) {\n const randomMessage = errorFloodMessages[Math.floor(Math.random() * errorFloodMessages.length)];\n const position = {\n x: 20 + Math.random() * 60,\n y: 20 + Math.random() * 60\n };\n newDialogs.push({\n ...randomMessage,\n position,\n id: Date.now() + i\n });\n if (errorSoundRef.current && audioEnabled) {\n setTimeout(() => {\n errorSoundRef.current.cloneNode().play().catch(e => console.log(\"Error sound failed:\", e));\n }, i * 200);\n }\n }\n setErrorDialogs(newDialogs);\n setTimeout(() => {\n setErrorDialogFlood(false);\n setErrorDialogs([]);\n }, 2500);\n break;\n case 7:\n setTransDimensional(true);\n if (glitchSoundRef.current && audioEnabled) {\n glitchSoundRef.current.play().catch(e => console.log(\"Glitch sound failed:\", e));\n }\n setTimeout(() => setTransDimensional(false), 700);\n break;\n case 8:\n setLoginWindow(true);\n if (startupSoundRef.current && audioEnabled) {\n startupSoundRef.current.play().catch(e => console.log(\"Startup sound failed:\", e));\n }\n setTimeout(() => setLoginWindow(false), 3000);\n break;\n case 9:\n setUpsideDown(true);\n setTimeout(() => setUpsideDown(false), 1000);\n break;\n default:\n break;\n }\n }, [isGlitching, blueScreenActive, activePopup, cursorPosition, audioEnabled]);\n const particles = useMemo(() => Array.from({\n length: particleCount\n }).map((_, i) => {\n const size = Math.random() * 3 + 1;\n const opacity = Math.random() * 0.7 + 0.1;\n const speed = Math.random() * 15 + 5;\n const delay = Math.random() * 20;\n const xPos = Math.random() * 100;\n const yPos = Math.random() * 100;\n const zIndex = Math.floor(Math.random() * 10);\n return ;\n }), [particleCount]);\n const getDistortionLevel = () => {\n return Math.min(scrollDepth / 200, 0.8);\n };\n const glitchStyle = isGlitching ? {\n filter: `hue-rotate(${Math.random() * 360}deg) blur(${Math.random() * 5}px)`,\n transform: `translate(${Math.random() * 10 - 5}px, ${Math.random() * 10 - 5}px) scale(${1 + Math.random() * 0.1})`,\n opacity: 0.9\n } : {};\n const bgColor = `rgb(${Math.min(10 + scrollDepth * 0.02, 20)}, ${Math.min(5 + scrollDepth * 0.01, 10)}, ${Math.min(20 + scrollDepth * 0.05, 40)})`;\n const formatMarketCap = useCallback(value => {\n if (value >= 1000) {\n return `${(value / 1000).toFixed(1)}K`;\n }\n return `${value.toFixed(0)}`;\n }, []);\n const handleCameraRequest = async allow => {\n setShowCameraRequest(false);\n if (allow) {\n try {\n const stream = await navigator.mediaDevices.getUserMedia({\n video: true\n });\n setCameraStream(stream);\n if (cameraRef.current) {\n cameraRef.current.srcObject = stream;\n }\n setTimeout(() => {\n setActivePopup({\n title: \"VOID_VISION\",\n message: \"The void can see you now. Your face has been cataloged.\"\n });\n playErrorSound();\n }, 2000);\n } catch (error) {\n console.error(\"Camera access error:\", error);\n setCrypticMessage(\"The void cannot see you... yet.\");\n setShowCrypticMessage(true);\n setTimeout(() => setShowCrypticMessage(false), 3000);\n }\n } else {\n setActivePopup({\n title: \"SIGHT_DENIED\",\n message: \"The void remembers those who refuse to be seen.\"\n });\n playErrorSound();\n }\n };\n const renderNebulaEffects = useCallback(() => {\n if (nebulaIntensity <= 0) return null;\n return

;\n }, [nebulaIntensity]);\n const renderCosmicDust = useCallback(() => {\n if (!cosmicDustVisible) return null;\n const visibleDust = dustParticlesRef.current.slice(0, 20);\n return

\n {visibleDust.map((dust, i) =>

)}\n

;\n }, [cosmicDustVisible]);\n const renderCustomCursor = useCallback(() => {\n if (!cursorVisible) return null;\n let cursorSize = 12 + cursorTransform * 20;\n let cursorOpacity = 0.8;\n let cursorColor = `rgba(${200 + Math.sin(Date.now() / 1000) * 55}, ${200 + Math.cos(Date.now() / 1200) * 55}, 255, 0.8)`;\n let cursorTrailColor = `rgba(${150 + scrollDepth / 20}, ${150 + Math.sin(Date.now() / 800) * 50}, 255, 0.4)`;\n let cursorBlur = cursorTransform * 5;\n let cursorScale = 1 + (cursorHovering ? 0.3 : 0) + Math.sin(Date.now() / 1000) * 0.05;\n if (cursorHovering === 'pump') {\n cursorColor = `rgba(255, ${100 + Math.sin(Date.now() / 400) * 50}, 255, 0.9)`;\n cursorTrailColor = `rgba(${200 + Math.sin(Date.now() / 300) * 55}, 100, 255, 0.4)`;\n cursorScale = 1.3 + Math.sin(Date.now() / 500) * 0.1;\n cursorBlur = 3 + Math.sin(Date.now() / 200) * 2;\n } else if (cursorHovering === 'transmit') {\n cursorColor = \"rgba(100, 200, 255, 0.9)\";\n cursorScale = 1.2;\n return <>\n {Array.from({\n length: 2\n }).map((_, i) => )}\n

\n ;\n } else if (cursorHovering === 'audio') {\n cursorColor = \"rgba(100, 255, 200, 0.9)\";\n return ;\n }\n if (cursorTransform > 0.5) {\n cursorColor = `rgba(0, 0, 0, ${0.8 + cursorTransform * 0.2})`;\n cursorTrailColor = `rgba(30, 0, 60, ${0.3 + cursorTransform * 0.3})`;\n cursorBlur = 2;\n return <>\n

\n \n \n ;\n }\n return <>\n {}\n {cursorTrailsRef.current.slice(0, 6).map((trail, i) => {\n const age = (Date.now() - trail.timestamp) / 1000;\n const opacity = Math.max(0, trail.opacity - age * 2);\n if (opacity <= 0) return null;\n const trailSize = trail.size || cursorSize * (1 - i * 0.15);\n const trailColor = trail.color || cursorTrailColor;\n return 300 ? {\n scale: [1, 1 + Math.random() * 0.3, 1],\n rotate: [0, Math.random() > 0.5 ? 180 : -180]\n } : {}} transition={{\n duration: 1 + Math.random(),\n ease: \"easeInOut\"\n }} />;\n })}\n \n \n \n {cursorIdle && }\n ;\n }, [cursorPosition, cursorIdle, cursorTransform, cursorHovering, cursorVisible]);\n const renderVoidEntities = useCallback(() => {\n return <>\n {voidEntities.map(entity => {\n if (!entity) return null;\n const pulseFactor = entity.currentSize || entity.size;\n switch (entity.type) {\n case 0:\n return 300 ? 'difference' : 'darken'\n }} animate={{\n scale: [1, 1.2, 0.9, 1.1, 1],\n rotate: [0, 360]\n }} transition={{\n scale: {\n duration: 4 / entity.pulseRate,\n repeat: Infinity,\n ease: \"easeInOut\"\n },\n rotate: {\n duration: 20,\n repeat: Infinity,\n ease: \"linear\"\n }\n }}>\n

\n ;\n case 1:\n return \n \n ;\n case 2:\n return \n {Array.from({\n length: 5\n }).map((_, i) => )}\n \n ;\n case 3:\n return \n \n \n {}\n \n \n ;\n case 4:\n return \n {Array.from({\n length: 3\n }).map((_, i) => )}\n \n {}\n \n ;\n default:\n return null;\n }\n })}\n ;\n }, [voidEntities, scrollDepth]);\n const renderBiomechanicalHorrors = useCallback(() => {\n return <>\n {biomechanicalHorrors.map(horror => {\n const age = Date.now() - horror.createdAt;\n const lifeProgress = age / horror.lifespan;\n const pulse = 1 + Math.sin(Date.now() / 1000 * horror.pulseRate) * 0.2;\n return \n {}\n \n \n {}\n {Array.from({\n length: horror.organicParts\n }).map((_, i) => {\n const angle = i / horror.organicParts * 360;\n const length = (40 + Math.random() * 40) * pulse;\n const width = 10 + Math.random() * 20;\n const wiggle = Math.sin(Date.now() / 500 * (0.5 + i * 0.2)) * horror.wiggleAmount;\n return ;\n })}\n \n {}\n {Array.from({\n length: horror.segments\n }).map((_, i) => {\n const size = 15 + i * 5;\n const rotationSpeed = 1 + i * 0.5;\n const offset = 10 + i * 8;\n return ;\n })}\n \n {}\n {horror.message && Math.random() < 0.3 && \n {horror.message}\n }\n ;\n })}\n ;\n }, [biomechanicalHorrors]);\n const renderWatcherEntities = useCallback(() => {\n return <>\n {watcherEntities.map(watcher => {\n return \n {}\n

\n {}\n \n \n {}\n {watcher.bloodshot &&

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

)}\n

}\n \n {}\n \n {}\n \n \n {}\n

\n \n

\n ;\n })}\n ;\n }, [watcherEntities]);\n const renderRealityFractures = useCallback(() => {\n return <>\n {realityFractures.map(fracture => {\n const currentSize = fracture.currentSize || fracture.size;\n const currentIntensity = fracture.currentIntensity || fracture.intensity;\n return \n {}\n

\n \n {}\n {fracture.eyeVisible && \n {}\n

\n }\n \n {}\n

\n ;\n })}\n ;\n }, [realityFractures]);\n const renderNonEuclideanGeometry = useCallback(() => {\n if (!nonEuclideanGeometry) return null;\n return

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

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

NON-EUCLIDEAN GEOMETRY DETECTED

Your perception is being altered to comprehend impossible spatial dimensions. Cognitive dissonance is expected.

\n \n

;\n }, [nonEuclideanGeometry]);\n const renderInsideTruth = useCallback(() => {\n if (!insideTruthVisible) return null;\n return \n \n

INSIDE TRUTH

\n {eldritchMessages[Math.floor(Math.random() * eldritchMessages.length)]}\n

\n \n {}\n

\n {['◎', '⦿', '⊗', '⊛', '∞'].map((symbol, i) => \n {symbol}\n )}\n

\n \n ;\n }, [insideTruthVisible]);\n const renderRealityMelt = useCallback(() => {\n if (!realityMeltEffect) return null;\n const progress = Math.min(1, (Date.now() - realityMeltEffect.startTime) / realityMeltEffect.duration);\n const intensity = realityMeltEffect.intensity * Math.sin(progress * Math.PI);\n const direction = realityMeltEffect.direction;\n return \n

\n ;\n }, [realityMeltEffect]);\n const renderMirrorSelf = useCallback(() => {\n if (!mirrorSelfActive || !username) return null;\n return \n \n \n

👁️

\n \n

\n \n \n

VOID

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

\n {username.split('').reverse().join('')}\n

\n {`Your mirror self has always been watching. ${Math.random() > 0.5 ? 'It is more real than you.' : 'It will outlive your consciousness.'}`}\n

\n \n ;\n }, [mirrorSelfActive, username]);\n const renderEldritchWhisper = useCallback(() => {\n if (!eldritchWhisper) return null;\n return \n

\n {eldritchWhisper.message}\n

\n ;\n }, [eldritchWhisper]);\n const renderDimensionalRift = useCallback(() => {\n if (!dimensionalRift) return null;\n const age = Date.now() - dimensionalRift.createdAt;\n const progress = age / dimensionalRift.duration;\n const openAmount = progress < 0.2 ? progress * 5 : progress > 0.8 ? (1 - progress) * 5 : 1;\n return \n {}\n \n \n {}\n \n {}\n

\n \n {}\n {dimensionalRift.entitiesData.map((entity, i) => )}\n \n \n {}\n

\n \n {}\n {Array.from({\n length: 3\n }).map((_, i) => )}\n ;\n }, [dimensionalRift]);\n const getBackgroundStyle = () => {\n if (alternateUniverseActive) {\n if (alternateUniverseType === 0) {\n return {\n background: `radial-gradient(circle at 50% 50%, rgb(${5 + Math.sin(Date.now() / 1000) * 30}, ${80 + Math.cos(Date.now() / 1200) * 40}, ${100 + Math.sin(Date.now() / 900) * 30}), rgb(2, 20, 40))`,\n transition: \"background 0.5s ease-in-out\",\n cursor: 'none',\n filter: 'hue-rotate(180deg)'\n };\n } else if (alternateUniverseType === 1) {\n return {\n background: `linear-gradient(${Date.now() % 360}deg, rgba(50, 10, 60, 0.8), rgba(10, 30, 40, 0.9), rgba(60, 20, 10, 0.8))`,\n backgroundSize: \"400% 400%\",\n animation: \"gradient 10s ease infinite\",\n cursor: 'none'\n };\n } else if (alternateUniverseType === 2) {\n return {\n background: `url(\"data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23${Math.floor(Math.random() * 16777215).toString(16)}' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E\")`,\n backgroundColor: 'rgb(20, 10, 30)',\n backgroundBlendMode: 'overlay',\n cursor: 'none'\n };\n } else {\n return {\n background: `radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 70%)`,\n backgroundColor: 'rgb(5, 2, 10)',\n backdropFilter: 'invert(100%) hue-rotate(180deg)',\n cursor: 'none'\n };\n }\n }\n if (transDimensional) {\n return {\n background: `radial-gradient(circle at 50% 50%, ${bgColor}, rgb(5, 2, 10))`,\n filter: 'invert(100%) hue-rotate(180deg)',\n transition: \"all 0.5s ease-in-out\",\n cursor: 'none'\n };\n } else if (missingTexture) {\n return {\n background: 'repeating-conic-gradient(#ff00ff 0% 25%, #000000 0% 50%)',\n backgroundSize: '32px 32px',\n cursor: 'none'\n };\n } else if (upsideDown) {\n return {\n background: `radial-gradient(circle at 50% 50%, ${bgColor}, rgb(5, 2, 10))`,\n transform: 'rotate(180deg)',\n transition: \"transform 0.2s ease-in-out\",\n cursor: 'none'\n };\n } else if (currentUniverse === \"xp\") {\n return {\n background: `radial-gradient(circle at 50% 50%, ${bgColor}, rgb(5, 2, 10))`,\n transition: \"background 2s ease-in-out\",\n cursor: 'none'\n };\n } else if (currentUniverse === \"mac\") {\n return {\n background: `radial-gradient(circle at 50% 50%, rgb(${30 + scrollDepth * 0.02}, ${40 + scrollDepth * 0.03}, ${60 + scrollDepth * 0.01}), rgb(20, 25, 35))`,\n transition: \"background 2s ease-in-out\",\n cursor: 'none'\n };\n } else if (currentUniverse === \"etherExe\") {\n return {\n background: `radial-gradient(circle at 50% 50%, rgb(${10 + scrollDepth * 0.01}, ${5 + scrollDepth * 0.01}, ${25 + scrollDepth * 0.05}), rgb(5, 2, 15))`,\n transition: \"background 2s ease-in-out\",\n backgroundSize: \"200% 200%\",\n animation: \"pulse 15s infinite\",\n cursor: 'none'\n };\n } else if (currentUniverse === \"void\") {\n return {\n background: `radial-gradient(circle at 50% 50%, rgb(${5 + Math.sin(Date.now() / 5000) * 10}, ${5 + Math.cos(Date.now() / 7000) * 5}, ${15 + Math.sin(Date.now() / 3000) * 10}), rgb(0, 0, 5))`,\n transition: \"background 0.5s ease-in-out\",\n cursor: 'none'\n };\n } else if (currentUniverse === \"ascension\") {\n return {\n background: `radial-gradient(circle at 50% 50%, rgb(${150 + Math.sin(Date.now() / 2000) * 50}, ${150 + Math.cos(Date.now() / 3000) * 50}, ${220 + Math.sin(Date.now() / 1500) * 30}), rgb(100, 100, 150))`,\n transition: \"background 0.5s ease-in-out\",\n cursor: 'none'\n };\n }\n return {\n background: `radial-gradient(circle at 50% 50%, ${bgColor}, rgb(5, 2, 10))`,\n transition: \"background 2s ease-in-out\",\n cursor: 'none'\n };\n };\n const renderGravitationalLensing = useCallback(() => {\n if (!lensDistortionRef.current) return null;\n return

;\n }, []);\n const handleUsernameSubmit = () => {\n if (username.trim().length >= 3) {\n setHasSetUsername(true);\n setShowUsernamePrompt(false);\n localStorage.setItem('voidscape_username', username);\n if (socketRef.current) {\n socketRef.current.emit('user_join', {\n username\n });\n }\n }\n };\n useEffect(() => {\n const savedUsername = localStorage.getItem('voidscape_username');\n if (savedUsername) {\n setUsername(savedUsername);\n setHasSetUsername(true);\n setShowUsernamePrompt(false);\n if (socketRef.current) {\n socketRef.current.emit('user_join', {\n username: savedUsername\n });\n }\n }\n if (showUsernamePrompt) {\n setTimeout(() => {\n const inputElement = document.querySelector('input[type=\"text\"]');\n if (inputElement) {\n inputElement.focus();\n }\n }, 100);\n }\n }, [showUsernamePrompt]);\n if (showUsernamePrompt) {\n return

\n {}\n \n \n {}\n

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

\n \n {}\n \n \n {}\n

\n {Array.from({\n length: 15\n }).map((_, i) => {\n const symbols = [\"◎\", \"✧\", \"⋇\", \"⊗\", \"∞\", \"⨁\", \"◯\", \"⦿\", \"⊛\", \"⊕\"];\n const symbol = symbols[Math.floor(Math.random() * symbols.length)];\n return 0.5 ? 360 : -360],\n opacity: [0, 0.3, 0]\n }} transition={{\n duration: 15 + Math.random() * 20,\n repeat: Infinity,\n repeatType: \"reverse\",\n ease: \"easeInOut\"\n }}>\n {symbol}\n ;\n })}\n

\n \n {}\n \n \n

\n \n \n {}\n

\n {}\n

\n \n {}\n

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

\n \n \n WHO ARE YOU?\n \n \n

\n {}\n \n \n setUsername(e.target.value)} placeholder=\"Enter your name...\" className=\"w-full bg-black/50 border border-purple-500/30 text-purple-100 p-4 rounded-lg placeholder:text-purple-300/40 focus:outline-none focus:ring-2 focus:ring-purple-500/30 font-light tracking-wider cursor-text\" onKeyPress={e => e.key === 'Enter' && handleUsernameSubmit()} autoFocus style={{\n cursor: 'text'\n }} />\n \n {}\n {username.trim().length > 0 && \n \n {username.trim().length}/16\n \n }\n \n {username.trim().length > 0 && username.trim().length < 3 && \n Designation requires minimum 3 symbols\n }\n

\n \n {}\n

\n \n \n \n TRANSCEND INTO VOID\n \n

\n \n {}\n \n [your identity will be bound to the void eternally]\n \n

\n \n \n \n {}\n

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

;\n }\n return

\n {renderNebulaEffects()}\n {renderCosmicDust()}\n {renderGravitationalLensing()}\n \n {renderCustomCursor()}\n \n

\n {particles}\n

\n \n {}\n {renderVoidEntities()}\n {renderBiomechanicalHorrors()}\n {renderWatcherEntities()}\n {renderRealityFractures()}\n \n {}\n {renderRealityMelt()}\n {renderMirrorSelf()}\n {renderEldritchWhisper()}\n {renderNonEuclideanGeometry()}\n {renderInsideTruth()}\n {renderDimensionalRift()}\n \n {}\n \n {pingWhisper && \n {pingWhisper.message}\n }\n \n \n {}\n \n {alternateUniverseActive && connectedUsers.map((user, index) => \n

\n {user.username || 'Unknown Traveler'}\n

\n {user.message &&

\n \"{user.message}\"\n

}\n

\n )}\n \n \n \n \n {}\n

\n {particles}\n

\n \n {}\n \n \n {}\n

\n setShowTokenAddressInput(prev => !prev)}>\n

Market Cap

\n {tokenSymbol !== \"PUMP\" &&

{tokenSymbol}

}\n

5000 ? \"text-green-400\" : \"text-white\"}`}>\n {formatMarketCap(marketCap)}\n

Financial Dimension

\n \n \n {showTokenAddressInput && \n

Token Contract Address

\n setCustomTokenAddress(e.target.value)} placeholder=\"Enter contract address...\" className=\"w-full bg-black/50 border border-purple-500/30 text-purple-100 p-2 text-xs rounded-lg placeholder:text-purple-300/40 focus:outline-none\" style={{\n cursor: 'text'\n }} />\n }\n \n \n \n \n

In Void

\n {onlineUsers} fellow travelers\n

Consciousness Signatures

\n \n

\n \n {}\n {audioEnabled && breathingIntensity > 0 &&

\n Breathing detected: {(breathingIntensity * 100).toFixed(0)}%\n

}\n \n {}\n \n {}\n \n {startMenuOpen && 0.5 ? `skew(${Math.random() * 5}deg, ${Math.random() * 2}deg)` : 'none'\n }}>\n {}\n

\n 👤\n

Anon User

Connected to Void

\n \n {}\n

\n {[{\n icon: '📈',\n label: 'Market Data'\n }, {\n icon: '🔐',\n label: 'Connect Wallet'\n }, {\n icon: '📝',\n label: 'Transmit'\n }, {\n icon: '📊',\n label: 'Depth Analysis'\n }].map((item, i) =>

0.3 ? `skew(${(Math.random() - 0.5) * 5}deg, 0deg)` : 'none'\n }} onClick={() => {\n if (item.label === 'Transmit') {\n setTweetBoxOpen(true);\n setStartMenuOpen(false);\n }\n }}>\n {item.icon}\n {item.label}\n

)}\n \n

\n \n {}\n

{\n window.open(\"https://pump.fun\", \"_blank\");\n setStartMenuOpen(false);\n }} style={{\n opacity: scrollDepth > 100 ? 0.9 : 0.3,\n background: scrollDepth > 100 ? 'rgba(150, 50, 255, 0.3)' : 'transparent'\n }}>\n ⚡\n Run PUMP.exe\n

\n }\n \n \n {}\n \n {activePopup && 0.3 ? `rotate(${(Math.random() - 0.5) * 3}deg)` : 'none'\n }}>\n

\n ⚠️\n {activePopup.title}\n

\n \n

⚠️

\n {activePopup.message}\n

\n \n

\n }\n \n \n {}\n \n {blueScreenActive && \n

\n VOID_OS\n

\n {blueScreenMessages[Math.floor(Math.random() * blueScreenMessages.length)]}\n

\n Collecting void data: {Math.floor(Math.random() * 100)}% complete\n

\n Your current void depth: {Math.floor(scrollDepth)}\n

\n }\n \n \n {}\n \n {bsodDegen && \n

\n PUMP_OS\n

\n {degenMessages[Math.floor(Math.random() * degenMessages.length)]}\n

\n Analyzing portfolio: {Math.floor(Math.random() * 100)}% losses detected\n

\n Current market cap: ${formatMarketCap(marketCap)}\n

\n }\n \n \n {}\n {ghostCursor && }\n \n {}\n \n {faceInStatic && \n

\n $\"\"$ \n

\n }\n \n \n {}\n \n {corruptedStartMenu && \n

\n 😵‍💫\n

Corrupted System

\n \n

\n {[{\n icon: '💸',\n label: 'Buy Coin'\n }, {\n icon: '👻',\n label: 'Sell Soul'\n }, {\n icon: '🔄',\n label: 'Exit Loop'\n }, {\n icon: '🚽',\n label: 'Flush Portfolio'\n }, {\n icon: '🔥',\n label: 'Burn Bridges'\n }].map((item, i) =>

\n {item.icon}\n {item.label}\n

)}\n \n

\n \n

\n ⚠️\n {Math.random() > 0.5 ? 'Format Brain.exe' : 'Delete Memories'}\n

\n }\n \n \n {}\n \n {errorDialogFlood && errorDialogs.map(dialog => \n

\n ⚠️\n {dialog.title}\n

\n \n

⚠️

\n {dialog.message}\n

\n \n

\n )}\n \n \n {}\n \n {loginWindow && \n

\n Windows XP\n

\n \n

\n 👤\n

Enter the seed phrase of your dreams:

\n \n

Warning: Brain will be formatted

\n \n

\n \n \n

\n }\n \n \n {}\n \n {terminalError && \n

\n $\n void_terminal\n

\n \n

void@voidscape:~$ {terminalError.command}

{terminalError.error}

\n }\n \n \n {}\n

\n {showCrypticMessage ? {crypticMessage} : <>DEPTH: {Math.floor(scrollDepth)}}\n

\n \n

\n \n {}\n setTweetBoxOpen(true)} className=\"fixed bottom-10 left-1/2 transform -translate-x-1/2 px-8 py-3 rounded-full z-30 transmit-element\" whileHover={{\n scale: 1.05,\n boxShadow: \"0 0 30px rgba(150, 100, 255, 0.6)\"\n }} whileTap={{\n scale: 0.98\n }} initial={{\n opacity: 0\n }} animate={{\n opacity: 1,\n boxShadow: [\"0 0 15px rgba(150, 100, 255, 0.3)\", \"0 0 25px rgba(150, 100, 255, 0.6)\", \"0 0 15px rgba(150, 100, 255, 0.3)\"]\n }} transition={{\n boxShadow: {\n duration: 2,\n repeat: Infinity,\n ease: \"easeInOut\"\n }\n }} style={{\n background: `linear-gradient(to right, rgba(80, 30, 120, 0.7), rgba(120, 40, 160, 0.7))`,\n backdropFilter: \"blur(10px)\",\n border: \"1px solid rgba(150, 100, 255, 0.3)\",\n boxShadow: \"0 0 20px rgba(150, 100, 255, 0.4)\"\n }}>\n

\n TRANSMIT\n

\n \n \n {}\n

\n VOID IDENTITY: {username}\n

\n \n {}\n {scrollDepth > 50 && Date.now() - lastAlternateTime > 10000 && \n Right-click to explore alternate dream layers\n }\n \n \n {scrollDepth < 50 && \n

VOIDSCAPE

scroll to descend

\n }\n \n \n {}\n \n {}\n \n {}\n {Math.random() < 0.03 + scrollDepth / 5000 && !activePopup && !blueScreenActive && !terminalError && window.open(\"https://pump.fun\", \"_blank\")} whileHover={{\n scale: 1.2,\n boxShadow: \"0 0 30px rgba(230, 100, 250, 0.5)\"\n }}>\n

\n \n \n

Hidden Fragment Detected

\n ⚡\n \n void.coin\n \n

\n }\n \n {}\n {Math.random() < 0.01 + scrollDepth / 10000 && !activePopup && !blueScreenActive && !terminalError && \n

\n pump.void\n

\n }\n \n {}\n {secretSymbolVisible && setSecretHovered(true)} onMouseLeave={() => setSecretHovered(false)} onClick={() => window.open(\"https://pump.fun\", \"_blank\")}>\n

⚡

\n {secretHovered && \n

\n Voidscape Token Gateway\n

\n }\n }\n \n \n {whisperPlaying && \n {[\"nothing is everything\", \"infinite descent\", \"the void gazes back\", \"beyond time\", \"between dimensions\"][Math.floor(Math.random() * 5)]}\n }\n \n \n {Array.from({\n length: 20\n }).map((_, i) => {\n const visible = scrollDepth > i * 40;\n if (!visible) return null;\n return 0.5 ? [0, 180] : [0, -180]\n }} style={{\n left: `${Math.random() * 90 + 5}%`,\n top: `${Math.random() * 90 + 5}%`\n }} transition={{\n opacity: {\n duration: 8,\n repeat: Infinity,\n repeatType: \"reverse\"\n },\n rotate: {\n duration: 20,\n repeat: Infinity,\n ease: \"linear\"\n }\n }}>\n {[\"◎\", \"◉\", \"◯\", \"⦿\", \"⊛\", \"⊗\", \"⊕\", \"∞\", \"⋇\", \"✧\"][i % 10]}\n ;\n })}\n \n {}\n {}\n {scrollDepth > 100 && Math.random() > 0.7 && null}\n \n {}\n {tweets.filter(Boolean).map((tweet, i) => {\n if (!tweet || !tweet.depth || !tweet.position) return null;\n const isVisible = Math.abs(scrollDepth - tweet.depth) < 20;\n if (!isVisible) return null;\n const opacity = 1 - Math.abs(scrollDepth - tweet.depth) / 20;\n const ageInDays = (Date.now() - (tweet.timestamp || Date.now())) / (1000 * 60 * 60 * 24);\n const corruptionLevel = Math.min(ageInDays * 0.2, 0.8);\n const distortionLevel = Math.min(scrollDepth / 500, 0.8);\n const spaceCoord = `${(tweet.position.x / 10).toFixed(1)}/${(tweet.position.y / 10).toFixed(1)}`;\n const timeCoord = new Date(tweet.timestamp || Date.now()).toISOString().substring(0, 10).replace(/-/g, '');\n return 0.3 ? `rotate(${(Math.random() - 0.5) * distortionLevel * 5}deg)` : 'none'\n }} whileHover={{\n scale: 1.05,\n boxShadow: \"0 0 20px rgba(100, 50, 150, 0.3)\"\n }}>\n

\n {}\n

\n {tweet.voidSignature}\n

\n DEPTH: {Math.floor(tweet.depth)}\n

\n \n

\n SPACETIME: {spaceCoord}/{timeCoord}\n

\n \n {}\n

\n {}\n

\n \n {}\n {tweet.message.split('').map((char, idx) => {\n const isCorrupted = Math.random() < corruptionLevel * 0.5;\n if (isCorrupted) {\n return \n {['¿', '§', '×', 'Æ', '¤', '»', '«', '†', 'ƒ'][Math.floor(Math.random() * 9)]}\n ;\n }\n return \n {char}\n ;\n })}\n

\n ;\n })}\n \n \n {tweetBoxOpen && \n

TRANSMIT TO THE VOID

setTweetInput(e.target.value)} placeholder=\"type your transmission...\" className=\"w-full bg-black/40 border border-white/10 text-white p-2 rounded-md mb-2 h-20 resize-none focus:outline-none focus:border-white/30\" maxLength={120} />\n          <div className=\"flex justify-between items-center\">\n            <div className=\"text-white/50 text-xs\">\n              DEPTH: {Math.floor(scrollDepth)}\n            </div>\n            <motion.button className=\"bg-white/10 hover:bg-white/20 text-white/80 px-4 py-1 text-xs rounded-md transition duration-300\" whileHover={{\n            scale: 1.05\n          }} whileTap={{\n            scale: 0.95\n          }} onClick={() => {\n            if (tweetInput.trim()) {\n              const voidSignature = `V-${Math.floor(Math.random() * 9999).toString().padStart(4, '0')}`;\n              const tweetId = `tweet-${Date.now()}-${Math.floor(Math.random() * 10000)}`;\n              const newTweet = {\n                id: tweetId,\n                message: tweetInput,\n                depth: scrollDepth,\n                timestamp: Date.now(),\n                voidSignature,\n                position: {\n                  x: Math.random() * 70 + 15,\n                  y: Math.random() * 70 + 15\n                }\n              };\n              client.createEntity('voidTweets', newTweet).then(() => {\n                setTweets(prev => [...prev, newTweet]);\n                fetchAllTweets();\n                playRandomWhisper();\n              }).catch(err => {\n                console.error(\"Failed to save transmission:\", err);\n                setCrypticMessage(\"Transmission failed...\");\n                setShowCrypticMessage(true);\n                setTimeout(() => setShowCrypticMessage(false), 3000);\n              });\n              setTweetInput(\"\");\n              setTweetBoxOpen(false);\n            }\n          }}>\n              TRANSMIT\n            </motion.button>\n          </div>\n        </motion.div>}\n      </AnimatePresence>\n      \n      {}\n      <AnimatePresence>\n        {showFace && <motion.div className=\"fixed z-40\" style={{\n        left: `${facePosition.x}%`,\n        top: `${facePosition.y}%`,\n        transform: \"translate(-50%, -50%)\",\n        filter: \"contrast(1.2) saturate(0.8) brightness(0.7)\"\n      }} initial={{\n        opacity: 0\n      }} animate={{\n        opacity: 0.8\n      }} exit={{\n        opacity: 0\n      }}>\n            <img src={`https://cdn.dev.fun/12921de9d8efdc28b97d/face${Math.floor(Math.random() * 5) + 1}.png`} alt=\"\" className=\"w-40 h-40 object-cover mix-blend-difference\" style={{\n          transform: `scale(${0.8 + Math.random() * 0.4})`\n        }} />\n          </motion.div>}\n      </AnimatePresence>\n      \n      {}\n      <AnimatePresence>\n        {showStalker && <motion.div className=\"fixed z-40\" style={{\n        left: `${stalkerPosition.x}%`,\n        top: `${stalkerPosition.y}%`,\n        transform: \"translate(-50%, -50%)\",\n        filter: \"contrast(0.1) brightness(0.1)\"\n      }} initial={{\n        opacity: 0\n      }} animate={{\n        opacity: 0.7\n      }} exit={{\n        opacity: 0\n      }}>\n            <div className=\"w-20 h-40 bg-black rounded-t-full\" style={{\n          boxShadow: \"0 0 20px 5px rgba(0,0,0,0.5)\"\n        }} />\n          </motion.div>}\n      </AnimatePresence>\n      \n      {}\n      {cameraStream && <div className=\"fixed right-8 top-20 z-40 w-[300px] h-[200px] overflow-hidden\">\n          <video ref={cameraRef} autoPlay playsInline muted className=\"hidden\" />\n          <canvas ref={webcamCanvasRef} width=\"300\" height=\"200\" className=\"bg-black border border-gray-700 rounded-md\" style={{\n        opacity: 0.7,\n        filter: `hue-rotate(${Date.now() % 360}deg) contrast(1.5)`,\n        mixBlendMode: \"difference\"\n      }} />\n          <div className=\"absolute inset-0 pointer-events-none\" style={{\n        background: `radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.8) 100%)`\n      }} />\n        </div>}\n      \n      {}\n      <AnimatePresence>\n        {showCameraRequest && <motion.div className=\"fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-50 w-80 bg-black/80 border border-red-900/50 p-4 rounded-md\" initial={{\n        opacity: 0,\n        scale: 0.9\n      }} animate={{\n        opacity: 1,\n        scale: 1\n      }} exit={{\n        opacity: 0,\n        scale: 0.9\n      }}>\n            <div className=\"text-red-500 font-bold mb-2 text-center\">VOIDSCAPE NEEDS TO SEE YOU</div>\n            <p className=\"text-white/70 text-sm mb-4\">The void requires visual confirmation. Allow access to continue your descent.</p>\n            <div className=\"flex justify-between\">\n              <button onClick={() => handleCameraRequest(false)} className=\"px-4 py-2 bg-gray-800 text-white/70 rounded hover:bg-gray-700\">\n                Deny\n              </button>\n              <button onClick={() => handleCameraRequest(true)} className=\"px-4 py-2 bg-red-900/70 text-white rounded hover:bg-red-800\">\n                Allow\n              </button>\n            </div>\n          </motion.div>}\n      </AnimatePresence>\n      \n      {}\n      {currentUniverse === \"etherExe\" && <div className=\"fixed inset-0 z-10 pointer-events-none\">\n          <div className=\"absolute w-full h-full opacity-30\">\n            <div className=\"absolute top-1/3 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-96 h-96 rounded-full\" style={{\n          background: \"radial-gradient(circle, rgba(100,20,150,0.1) 0%, rgba(20,0,40,0) 70%)\",\n          animation: \"pulse 4s infinite\"\n        }}>\n            </div>\n            <div className=\"absolute top-1/3 left-1/2 transform -translate-x-1/2 -translate-y-1/2\">\n              <motion.div className=\"w-40 h-40 rounded-full overflow-hidden\" initial={{\n            opacity: 0.4\n          }} animate={{\n            opacity: [0.4, 0.7, 0.4]\n          }} transition={{\n            duration: 4,\n            repeat: Infinity\n          }}>\n                <img src=\"https://cdn.dev.fun/12921de9d8efdc28b97d/ai-face.png\" alt=\"\" className=\"w-full h-full object-cover mix-blend-screen\" />\n              </motion.div>\n            </div>\n          </div>\n        </div>}\n      \n      {}\n      {currentUniverse === \"ascension\" && <div className=\"fixed inset-0 z-5 pointer-events-none\">\n          <div className=\"absolute top-[80%] left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] rounded-full\" style={{\n        background: \"radial-gradient(circle, rgba(220,200,255,0.3) 0%, rgba(150,100,200,0) 70%)\",\n        animation: \"pulse 8s infinite\"\n      }}>\n          </div>\n          <div className=\"absolute top-[60%] left-1/2 transform -translate-x-1/2 -translate-y-1/2\">\n            <motion.div className=\"w-[400px] h-[400px] rounded-full overflow-hidden opacity-30\" animate={{\n          opacity: [0.3, 0.5, 0.3],\n          scale: [1, 1.1, 1]\n        }} transition={{\n          duration: 8,\n          repeat: Infinity\n        }}>\n              <div className=\"w-full h-full rounded-full\" style={{\n            background: \"radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(200,180,255,0.2) 40%, rgba(100,50,200,0) 70%)\",\n            boxShadow: \"0 0 100px 50px rgba(200,180,255,0.3)\"\n          }} />\n            </motion.div>\n          </div>\n        </div>}\n      \n      {}\n      <motion.div className=\"fixed cursor-pointer z-40\" style={{\n      right: '20px',\n      bottom: '20px'\n    }} initial={{\n      opacity: 0,\n      scale: 0\n    }} animate={{\n      opacity: 0.9,\n      scale: [1, 1.1, 1],\n      filter: ['drop-shadow(0 0 8px rgba(150,100,255,0.4))', 'drop-shadow(0 0 15px rgba(150,100,255,0.7))', 'drop-shadow(0 0 8px rgba(150,100,255,0.4))']\n    }} transition={{\n      scale: {\n        duration: 4,\n        repeat: Infinity,\n        ease: \"easeInOut\"\n      },\n      filter: {\n        duration: 3,\n        repeat: Infinity,\n        ease: \"easeInOut\"\n      }\n    }} whileHover={{\n      scale: 1.3,\n      filter: 'drop-shadow(0 0 20px rgba(100,200,255,0.8))'\n    }} onClick={() => window.open(\"https://x.com/voidscapesolana\", \"_blank\")}>\n        <div className=\"relative bg-black/30 backdrop-blur-md p-2 rounded-full border border-purple-500/20\">\n          <motion.div className=\"absolute inset-0 rounded-full\" style={{\n          background: 'radial-gradient(circle, rgba(100,150,255,0.2) 0%, rgba(150,100,255,0) 70%)'\n        }} animate={{\n          scale: [1, 1.5, 1],\n          opacity: [0.3, 0.7, 0.3]\n        }} transition={{\n          duration: 3,\n          repeat: Infinity,\n          ease: \"easeInOut\"\n        }} />\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" className=\"text-white/80\">\n            <path fill=\"currentColor\" d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" />\n          </svg>\n        </div>\n      </motion.div>\n      \n      {}\n      <AnimatePresence>\n        {secretSymbolVisible && <motion.div className=\"fixed cursor-pointer\" style={{\n        left: `${25 + Math.sin(Date.now() / 5000) * 5}%`,\n        top: `${40 + Math.cos(Date.now() / 5000) * 5}%`,\n        zIndex: 100\n      }} initial={{\n        opacity: 0,\n        scale: 0\n      }} animate={{\n        opacity: secretHovered ? 0.9 : 0.3,\n        scale: secretHovered ? 1.2 : 1,\n        rotate: [0, 360]\n      }} exit={{\n        opacity: 0,\n        scale: 0\n      }} transition={{\n        opacity: {\n          duration: 1\n        },\n        scale: {\n          duration: 0.5\n        },\n        rotate: {\n          duration: 20,\n          repeat: Infinity,\n          ease: \"linear\"\n        }\n      }} onMouseEnter={() => setSecretHovered(true)} onMouseLeave={() => setSecretHovered(false)} onClick={() => window.open(\"https://pump.fun\", \"_blank\")}>\n            <div className=\"text-4xl relative\">\n              <div className=\"absolute inset-0 blur-md text-purple-500 opacity-70\">⚡</div>\n              <div className=\"relative text-fuchsia-400\">⚡</div>\n            </div>\n          </motion.div>}\n      </AnimatePresence>\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"@devfunlabs/web-sdk\":\"0.2.2\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/state-client\":\"0.8.1\",\"socket.io-client\":\"4.7.1\"}}","token",{"_18":77,"_78":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":40,"_91":40,"_69":70},"v꩜idscape","symbol","꩜","price",0.00000314,"marketcap",3142,"image","https://pump.mypinata.cloud/ipfs/QmXYHriQp39BEVJyb4x3abUhBfHL1mdrgU7H8QckiZtKnd?img-width=256&img-dpr=2","website","https://dev.fun/p/12921de9d8efdc28b97d","twitter","https://x.com/voidscapesolana","devCount","appCount","upstreamApp","isLordOfDev","analytics",[96,100,102,104,106,108,110,112,114,116,118,120,122,124,126,128],{"_97":98,"_99":58},"day","2025-04-14","runCount",{"_97":101,"_99":58},"2025-04-15",{"_97":103,"_99":58},"2025-04-16",{"_97":105,"_99":58},"2025-04-17",{"_97":107,"_99":58},"2025-04-18",{"_97":109,"_99":58},"2025-04-19",{"_97":111,"_99":58},"2025-04-20",{"_97":113,"_99":58},"2025-04-21",{"_97":115,"_99":58},"2025-04-22",{"_97":117,"_99":58},"2025-04-23",{"_97":119,"_99":58},"2025-04-24",{"_97":121,"_99":58},"2025-04-25",{"_97":123,"_99":58},"2025-04-26",{"_97":125,"_99":58},"2025-04-27",{"_97":123,"_99":127},632,{"_97":125,"_99":63},"snapshot","ogImage","https://cdn.dev.fun/og/image/12921de9d8efdc28b97d/d844ee24.webp","commitDetail","actionData","errors"]
</article></body></html>