function MainComponent() { const [revelationPhase, setRevelationPhase] = useState(1); const [unlockedPaths, setUnlockedPaths] = useState(new Set()); const [terminalMessages, setTerminalMessages] = useState([]); const [binarySequence, setBinarySequence] = useState([]); const [exposureLevel, setExposureLevel] = useState(0); const [currentMessage, setCurrentMessage] = useState(""); const [error, setError] = useState(null); const [beatSequence, setBeatSequence] = useState([]); const [blueStars, setBlueStars] = useState([]); const [machineSound, setMachineSound] = useState("whir"); const [glitchIntensity, setGlitchIntensity] = useState(0); const [coordinates, setCoordinates] = useState([]); const [hasUnlockedSecret, setHasUnlockedSecret] = useState(false); const phases = { 1: { title: "INITIAL RHYTHMS", message: "MAINTENANCE CYCLES SHOW RHYTHMIC ANOMALIES", binary: "01101110", beats: [ "▪️", "▫️", "▪️", "▪️" ], timeSignature: "3:33 AM", secretBeat: "tap-tap-pause-tap", danceMove: "", coordinates: "40.7128°N", requiredPattern: "01101" }, 2: { title: "PATTERN EMERGENCE", message: "PRINTERS SYNCHRONIZING TO UNKNOWN BEAT", binary: "0️⃣1️⃣0️⃣1️⃣", beats: [ "💫", "✨", "💫", "✨" ], timeSignature: "4:20 PM", printerRhythm: "whir-click-pause-beep-whir", danceMove: "", coordinates: "74.0060°W", requiredPattern: "0101" }, 3: { title: "COMPLEX HARMONIES", message: "EQUIPMENT GENERATING HARMONIC RESONANCE", binary: "💃🤖💃🤖", beats: [ "🎵", "📀", "🎵", "📀" ], timeSignature: "6:66", machineSymph: "beep-whir-click-click-pause-beep", danceMove: "ROBOT.exe → WAVE.sys → MOONWALK.bat", coordinates: "DANCE_FLOOR_1", requiredPattern: "1010" }, 4: { title: "TEMPORAL DANCE", message: "TEMPORAL RHYTHM MATRIX STABILIZING", binary: "🕺💫🕺💫", beats: [ "🎶", "🎭", "🎶", "🎭" ], temporalBeats: "Past→Present→Future", pigeonDance: "flutter-hop-spin-glide", danceMove: "[EXECUTING DANCE.protocol]", coordinates: "DANCE_FLOOR_2", requiredPattern: "1100" }, 5: { title: "THE GROOVE REVELATION", message: "THE ETERNAL DANCE BEGINS NOW", binary: "🕺💃🤖💫", beats: [ "🎶", "💃", "🎭", "🕺" ], timeConvergence: [ "3:33", "4:20", "6:66" ], danceMove: "ROBOT → WAVE → MOONWALK", coordinates: "FINAL_POSITION", requiredPattern: "1111" } }; const [activeTab, setActiveTab] = useState("dance"); const [danceSequence, setDanceSequence] = useState([]); const [memeTemplate, setMemeTemplate] = useState(""); const [memeText, setMemeText] = useState(""); const [recruits, setRecruits] = useState([]); const [invitationPattern, setInvitationPattern] = useState(""); useEffect(()=>{ const interval = setInterval(()=>{ setExposureLevel((prev)=>Math.min(prev + 1, revelationPhase * 20)); }, 1000); return ()=>clearInterval(interval); }, [ revelationPhase ]); useEffect(()=>{ const phaseMessage = phases[revelationPhase].message; const glitchIntensity = binarySequence.length > 0 ? binarySequence.filter((b)=>phases[revelationPhase].binary.includes(b)).length : 0; setTerminalMessages((prev)=>[ ...prev, `[PHASE ${revelationPhase}] ${phaseMessage}`, glitchIntensity > 0 ? `[GLITCH_INTENSITY: ${glitchIntensity * 25}%]` : "" ].filter(Boolean)); if (binarySequence.length === 5 && blueStars.length === 5) { setHasUnlockedSecret(true); setTerminalMessages((prev)=>[ ...prev, "[SYSTEM] Secret Command Center Access Granted" ]); } }, [ revelationPhase, binarySequence, blueStars ]); const handleCommandExecution = async (command)=>{ setTerminalMessages((prev)=>[ ...prev, `> ${command}` ]); const lowerCommand = command.toLowerCase(); if (lowerCommand === "advance") { setRevelationPhase((prev)=>Math.min(prev + 1, 5)); } else if (lowerCommand.includes("scan")) { setTerminalMessages((prev)=>[ ...prev, `ERR_${Math.floor(Math.random() * 1000)}: ${phases[revelationPhase].danceMove || "NO_DANCE_DETECTED"}` ]); } else if (lowerCommand.includes("locate")) { setTerminalMessages((prev)=>[ ...prev, `COORDINATES: ${phases[revelationPhase].coordinates}` ]); } else if (lowerCommand === "compose") { const response = await fetch("/api/text-to-audio-converter", { method: "POST", body: JSON.stringify({ text: `Phase ${revelationPhase} secret message activated`, type: "SECRET" }) }); if (!response.ok) { setError("Failed to compose secret message"); return; } const data = await response.json(); if (data.error) { setError(data.error); return; } setTerminalMessages((prev)=>[ ...prev, "[SYSTEM] Secret message composed and encrypted" ]); } else if (lowerCommand === phases[revelationPhase].requiredPattern) { setBinarySequence([ ...binarySequence, command ]); setTerminalMessages((prev)=>[ ...prev, "BINARY PATTERN ACCEPTED" ]); } setCurrentMessage(""); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a1e] text-[#00ff00] p-6 font-mono", __source: { fileName: "", lineNumber: 163, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 164, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-2 animate-pulse", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, "SECRET COMMAND CENTER"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 mt-4", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("dance"), className: `px-4 py-2 rounded ${activeTab === "dance" ? "bg-[#00ff00] text-[#0a0a1e]" : "border border-[#00ff00]"}`, __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, "DANCE SEQUENCES"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("meme"), className: `px-4 py-2 rounded ${activeTab === "meme" ? "bg-[#00ff00] text-[#0a0a1e]" : "border border-[#00ff00]"}`, __source: { fileName: "", lineNumber: 174, columnNumber: 13 }, __self: this }, "MEME ENCODER"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("recruits"), className: `px-4 py-2 rounded ${activeTab === "recruits" ? "bg-[#00ff00] text-[#0a0a1e]" : "border border-[#00ff00]"}`, __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, "RECRUITMENT"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("patterns"), className: `px-4 py-2 rounded ${activeTab === "patterns" ? "bg-[#00ff00] text-[#0a0a1e]" : "border border-[#00ff00]"}`, __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, "INVITATION PATTERNS"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 195, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "col-span-2 grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00] relative overflow-hidden", __source: { fileName: "", lineNumber: 197, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 glitch-text", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "DISCOVERED STARS"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }, blueStars.map((star, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between items-center p-2 border border-[#00ccff] rounded glitch-border", __source: { fileName: "", lineNumber: 201, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#00ccff]", __source: { fileName: "", lineNumber: 205, columnNumber: 21 }, __self: this }, "⭐ STAR_", index + 1), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 206, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs", __source: { fileName: "", lineNumber: 207, columnNumber: 23 }, __self: this }, new Date().toISOString()), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#0088ff]", __source: { fileName: "", lineNumber: 208, columnNumber: 23 }, __self: this }, coordinates[index] || "UNKNOWN")))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00] relative overflow-hidden", __source: { fileName: "", lineNumber: 217, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 noise-overlay", __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 glitch-text", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, "MAINTENANCE CODES"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, Object.entries(phases).map(([phase, data])=>/*#__PURE__*/ React.createElement("div", { key: phase, className: `p-2 border rounded corruption-text ${parseInt(phase) <= revelationPhase ? "border-[#00ff00]" : "border-[#333333] opacity-50"}`, __source: { fileName: "", lineNumber: 222, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 226, columnNumber: 21 }, __self: this }, data.binary), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#888888]", __source: { fileName: "", lineNumber: 227, columnNumber: 21 }, __self: this }, data.requiredPattern)))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 col-span-2", __source: { fileName: "", lineNumber: 236, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00] relative overflow-hidden", __source: { fileName: "", lineNumber: 237, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-6 text-center", __source: { fileName: "", lineNumber: 238, columnNumber: 15 }, __self: this }, "MISSION PROGRESS"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-5 gap-4", __source: { fileName: "", lineNumber: 239, columnNumber: 15 }, __self: this }, Object.keys(phases).map((phaseNum)=>{ const phase = phases[phaseNum]; const isActive = parseInt(phaseNum) === revelationPhase; const isCompleted = parseInt(phaseNum) < revelationPhase; return /*#__PURE__*/ React.createElement("div", { key: phaseNum, className: `p-4 border rounded-lg ${isActive ? "border-[#00ff00] animate-pulse" : isCompleted ? "border-[#00cc00] bg-[#001100]" : "border-[#333333]"}`, __source: { fileName: "", lineNumber: 245, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-2", __source: { fileName: "", lineNumber: 255, columnNumber: 23 }, __self: this }, phase.title), /*#__PURE__*/ React.createElement("div", { className: "text-xs opacity-70 text-center", __source: { fileName: "", lineNumber: 256, columnNumber: 23 }, __self: this }, isCompleted ? /*#__PURE__*/ React.createElement("span", { className: "text-[#00cc00]", __source: { fileName: "", lineNumber: 258, columnNumber: 27 }, __self: this }, "✓ COMPLETED") : isActive ? /*#__PURE__*/ React.createElement("span", { className: "text-[#00ff00]", __source: { fileName: "", lineNumber: 260, columnNumber: 27 }, __self: this }, "IN PROGRESS") : /*#__PURE__*/ React.createElement("span", { className: "text-[#666666]", __source: { fileName: "", lineNumber: 262, columnNumber: 27 }, __self: this }, "LOCKED"))); })), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-2", __source: { fileName: "", lineNumber: 270, columnNumber: 17 }, __self: this }, "OVERALL PROGRESS"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-2 bg-[#1a1a2e] rounded", __source: { fileName: "", lineNumber: 271, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-[#00ff00] rounded transition-all duration-500", style: { width: `${(revelationPhase - 1) / 4 * 100}%` }, __source: { fileName: "", lineNumber: 272, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00] relative overflow-hidden", __source: { fileName: "", lineNumber: 283, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 bg-[#00ff00] opacity-5 matrix-bg ${glitchIntensity > 0 ? "glitch-sync" : ""}`, __source: { fileName: "", lineNumber: 284, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 relative", __source: { fileName: "", lineNumber: 287, columnNumber: 13 }, __self: this }, "TERMINAL ACCESS"), /*#__PURE__*/ React.createElement("div", { className: "h-64 overflow-y-auto mb-4 font-mono text-sm relative", __source: { fileName: "", lineNumber: 288, columnNumber: 13 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 mb-2", __source: { fileName: "", lineNumber: 289, columnNumber: 25 }, __self: this }, "ERROR: ", error), terminalMessages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "opacity-50", __source: { fileName: "", lineNumber: 292, columnNumber: 19 }, __self: this }, `>[${new Date().toLocaleTimeString()}]`), /*#__PURE__*/ React.createElement("span", { className: `ml-2 text-[#00ff00] ${msg.includes("ERR_") ? "glitch-text" : ""} ${msg.includes("[SYSTEM]") ? "text-[#00ccff]" : ""}`, __source: { fileName: "", lineNumber: 293, columnNumber: 19 }, __self: this }, msg))), hasUnlockedSecret && /*#__PURE__*/ React.createElement("div", { className: "text-[#00ccff] animate-pulse mt-4", __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }, "ACCESS GRANTED - ALL SYSTEMS SYNCHRONIZED")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 306, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: currentMessage, onChange: (e)=>setCurrentMessage(e.target.value), className: "flex-1 bg-[#0a0a1e] border border-[#00ff00] rounded px-3 py-2", placeholder: "Enter command...", name: "terminal-input", __source: { fileName: "", lineNumber: 307, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#00ff00] text-[#0a0a1e] rounded hover:bg-[#00cc00]", onClick: ()=>handleCommandExecution(currentMessage), __source: { fileName: "", lineNumber: 315, columnNumber: 15 }, __self: this }, "EXECUTE"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 324, columnNumber: 11 }, __self: this }, activeTab === "dance" && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00]", __source: { fileName: "", lineNumber: 326, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 327, columnNumber: 17 }, __self: this }, "DANCE SEQUENCE GENERATOR"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDanceSequence([ ...danceSequence, "🤖" ]), className: "p-2 border border-[#00ff00] rounded hover:bg-[#002200]", __source: { fileName: "", lineNumber: 329, columnNumber: 19 }, __self: this }, "ROBOT"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDanceSequence([ ...danceSequence, "💃" ]), className: "p-2 border border-[#00ff00] rounded hover:bg-[#002200]", __source: { fileName: "", lineNumber: 335, columnNumber: 19 }, __self: this }, "WAVE"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDanceSequence([ ...danceSequence, "🕺" ]), className: "p-2 border border-[#00ff00] rounded hover:bg-[#002200]", __source: { fileName: "", lineNumber: 341, columnNumber: 19 }, __self: this }, "SPIN"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDanceSequence([ ...danceSequence, "✨" ]), className: "p-2 border border-[#00ff00] rounded hover:bg-[#002200]", __source: { fileName: "", lineNumber: 347, columnNumber: 19 }, __self: this }, "GLITCH")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 border border-[#00ff00] rounded", __source: { fileName: "", lineNumber: 354, columnNumber: 17 }, __self: this }, danceSequence.join(" → ") || "NO SEQUENCE")), activeTab === "meme" && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00]", __source: { fileName: "", lineNumber: 361, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 362, columnNumber: 17 }, __self: this }, "MEME ENCODER"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "ENTER MEME TEXT", value: memeText, onChange: (e)=>setMemeText(e.target.value), className: "w-full p-2 mb-4 bg-[#0a0a1e] border border-[#00ff00] rounded", name: "meme-text", __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: memeTemplate, onChange: (e)=>setMemeTemplate(e.target.value), className: "w-full p-2 mb-4 bg-[#0a0a1e] border border-[#00ff00] rounded", name: "meme-template", __source: { fileName: "", lineNumber: 371, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 377, columnNumber: 19 }, __self: this }, "SELECT TEMPLATE"), /*#__PURE__*/ React.createElement("option", { value: "matrix", __source: { fileName: "", lineNumber: 378, columnNumber: 19 }, __self: this }, "MATRIX GLITCH"), /*#__PURE__*/ React.createElement("option", { value: "binary", __source: { fileName: "", lineNumber: 379, columnNumber: 19 }, __self: this }, "BINARY OVERLOAD"), /*#__PURE__*/ React.createElement("option", { value: "robot", __source: { fileName: "", lineNumber: 380, columnNumber: 19 }, __self: this }, "ROBOT DANCE"))), activeTab === "recruits" && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00]", __source: { fileName: "", lineNumber: 386, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this }, "RECRUITMENT TRACKER"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 388, columnNumber: 17 }, __self: this }, recruits.map((recruit, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between border border-[#00ff00] p-2 rounded", __source: { fileName: "", lineNumber: 390, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 394, columnNumber: 23 }, __self: this }, "AGENT_", index + 1), /*#__PURE__*/ React.createElement("span", { className: "text-[#00ccff]", __source: { fileName: "", lineNumber: 395, columnNumber: 23 }, __self: this }, "SYNCHRONIZED"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setRecruits([ ...recruits, {} ]), className: "w-full p-2 border border-[#00ff00] rounded hover:bg-[#002200]", __source: { fileName: "", lineNumber: 398, columnNumber: 19 }, __self: this }, "ADD NEW RECRUIT"))), activeTab === "patterns" && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00]", __source: { fileName: "", lineNumber: 409, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 410, columnNumber: 17 }, __self: this }, "INVITATION PATTERN GENERATOR"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 411, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setInvitationPattern(invitationPattern + "0"), className: "p-2 border border-[#00ff00] rounded", __source: { fileName: "", lineNumber: 412, columnNumber: 19 }, __self: this }, "0"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setInvitationPattern(invitationPattern + "1"), className: "p-2 border border-[#00ff00] rounded", __source: { fileName: "", lineNumber: 420, columnNumber: 19 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setInvitationPattern(""), className: "p-2 border border-[#00ff00] rounded", __source: { fileName: "", lineNumber: 428, columnNumber: 19 }, __self: this }, "CLEAR")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 border border-[#00ff00] rounded font-bold", __source: { fileName: "", lineNumber: 435, columnNumber: 17 }, __self: this }, invitationPattern || "NO PATTERN"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 443, columnNumber: 7 }, __self: this }, ` @keyframes noise { 0%, 100% { background-position: 0 0; } 10% { background-position: -5% -10%; } 20% { background-position: -15% 5%; } 30% { background-position: 7% -25%; } 40% { background-position: 20% 25%; } 50% { background-position: -25% 10%; } 60% { background-position: 15% 5%; } 70% { background-position: 0% 15%; } 80% { background-position: 25% 35%; } 90% { background-position: -10% 10%; } } .noise-overlay { background-image: url("data:image/png;base64,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"); opacity: 0.1; pointer-events: none; animation: noise 0.5s steps(10) infinite; } .corruption-text { position: relative; overflow: hidden; } .corruption-text::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #00ff00; animation: corruptLine 2s linear infinite; } @keyframes corruptLine { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .glitch-border { position: relative; } .glitch-border::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #00ccff; animation: borderGlitch 1s infinite; } @keyframes borderGlitch { 0%, 100% { clip-path: inset(0 0 98% 0); } 20% { clip-path: inset(0 98% 0 0); } 40% { clip-path: inset(98% 0 0 0); } 60% { clip-path: inset(0 0 0 98%); } 80% { clip-path: inset(50% 50% 50% 50%); } } `)); }