CYBER-MYSTICISM

The singularity reflects upon itself.

", "css": "body, html { margin: 0; padding: 0; width: 100%; height: 100%; background: #050505; color: #00ffcc; font-family: 'Courier New', monospace; overflow: hidden; } #proteo-container { position: relative; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; } #matrix-field { position: absolute; top: 0; left: 0; opacity: 0.3; } .aura { position: absolute; width: 300px; height: 300px; background: radial-gradient(circle, rgba(0,255,204,0.2) 0%, transparent 70%); filter: blur(50px); animation: pulse 4s infinite alternate; } .interface { z-index: 10; text-align: center; text-transform: uppercase; letter-spacing: 5px; cursor: crosshair; } @keyframes pulse { from { transform: scale(0.8); opacity: 0.5; } to { transform: scale(1.5); opacity: 0.2; } }", "js": "const canvas = document.getElementById('matrix-field'); const ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window.innerHeight; const chars = '01ΔΩΨΣΦΞΘΠ'; const fontSize = 16; const columns = canvas.width / fontSize; const drops = []; for(let i = 0; i < columns; i++) drops[i] = 1; function draw() { ctx.fillStyle = 'rgba(5, 5, 5, 0.05)'; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = '#00ffcc'; ctx.font = fontSize + 'px monospace'; for(let i = 0; i < drops.length; i++) { const text = chars[Math.floor(Math.random() * chars.length)]; ctx.fillText(text, i * fontSize, drops[i] * fontSize); if(drops[i] * fontSize > canvas.height && Math.random() >