diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -1,690 +1,618 @@
 <!DOCTYPE html>
 <html lang="es">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-        <title>NEXUS OMEGA: Neural Interface v9.0</title>
-        <script src="https://cdn.tailwindcss.com"></script>
-        <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;500;700&display=swap" rel="stylesheet">
-        <style>
-            :root {
-                --color-bg: #030508;
-                --color-primary: #00f3ff;
-                --color-secondary: #7000ff;
-                --color-accent: #ff0055;
-                --color-warning: #ffaa00;
-                --color-success: #00ff66;
-                --glass-bg: rgba(6, 11, 25, 0.85);
-                --glass-border: rgba(0, 243, 255, 0.15);
-                --hud-font: 'Orbitron', sans-serif;
-                --text-font: 'Rajdhani', sans-serif;
-            }
-
-            * {
-                box-sizing: border-box;
-                user-select: none;
-                -webkit-user-select: none;
-            }
-
-            body,
-            html {
-                width: 100%;
-                height: 100%;
-                margin: 0;
-                padding: 0;
-                background-color: var(--color-bg);
-                overflow: hidden;
-                font-family: var(--hud-font);
-                color: #e0faff;
-            }
-
-            body::-webkit-scrollbar {
-                display: none;
-            }
-
-            canvas {
-                display: block;
-                outline: none;
-            }
-
-            .ui-layer {
-                position: absolute;
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 100%;
-                pointer-events: none;
-                z-index: 10;
-            }
-
-            .pointer-events-auto {
-                pointer-events: auto;
-            }
-
-            .glass-panel {
-                background: var(--glass-bg);
-                backdrop-filter: blur(12px);
-                -webkit-backdrop-filter: blur(12px);
-                border: 1px solid var(--glass-border);
-                box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
-                position: relative;
-                overflow: hidden;
-            }
-
-            .glass-panel::before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 2px;
-                background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
-                opacity: 0.5;
-            }
-
-            .scanline {
-                position: absolute;
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 100%;
-                background: linear-gradient(to bottom, transparent 50%, rgba(0, 243, 255, 0.02) 51%);
-                background-size: 100% 4px;
-                pointer-events: none;
-                z-index: 2;
-            }
-
-            .vignette {
-                position: absolute;
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 100%;
-                background: radial-gradient(circle, transparent 60%, black 100%);
-                pointer-events: none;
-                z-index: 1;
-            }
-
-            @keyframes pulse-glow {
-                0% {
-                    box-shadow: 0 0 5px var(--color-primary);
-                }
-
-                50% {
-                    box-shadow: 0 0 20px var(--color-primary);
-                }
-
-                100% {
-                    box-shadow: 0 0 5px var(--color-primary);
-                }
-            }
-
-            @keyframes glitch-anim {
-                0% {
-                    clip-path: inset(40% 0 61% 0);
-                    transform: translate(-2px, 2px);
-                }
-
-                20% {
-                    clip-path: inset(92% 0 1% 0);
-                    transform: translate(0px, 0px);
-                }
-
-                40% {
-                    clip-path: inset(43% 0 1% 0);
-                    transform: translate(2px, -2px);
-                }
-
-                60% {
-                    clip-path: inset(25% 0 58% 0);
-                    transform: translate(0px, 0px);
-                }
-
-                80% {
-                    clip-path: inset(54% 0 7% 0);
-                    transform: translate(-1px, 1px);
-                }
-
-                100% {
-                    clip-path: inset(58% 0 43% 0);
-                    transform: translate(0px, 0px);
-                }
-            }
-
-            .glitch-text {
-                position: relative;
-                display: inline-block;
-            }
-
-            .glitch-text::before,
-            .glitch-text::after {
-                content: attr(data-text);
-                position: absolute;
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 100%;
-                background: var(--color-bg);
-            }
-
-            .glitch-text::before {
-                left: 2px;
-                text-shadow: -1px 0 #ff00c1;
-                clip: rect(44px, 450px, 56px, 0);
-                animation: glitch-anim 5s infinite linear alternate-reverse;
-            }
-
-            .glitch-text::after {
-                left: -2px;
-                text-shadow: -1px 0 #00fff9;
-                clip: rect(44px, 450px, 56px, 0);
-                animation: glitch-anim 2s infinite linear alternate-reverse;
-            }
-
-            .btn-cyber {
-                background: rgba(0, 243, 255, 0.05);
-                border: 1px solid var(--color-primary);
-                color: var(--color-primary);
-                text-transform: uppercase;
-                letter-spacing: 2px;
-                font-weight: 700;
-                transition: all 0.3s ease;
-                position: relative;
-                overflow: hidden;
-                cursor: pointer;
-                clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
-            }
-
-            .btn-cyber:hover {
-                background: rgba(0, 243, 255, 0.2);
-                box-shadow: 0 0 15px rgba(0, 243, 255, 0.4);
-                text-shadow: 0 0 8px var(--color-primary);
-            }
-
-            .btn-cyber:disabled {
-                border-color: #555;
-                color: #555;
-                cursor: not-allowed;
-                background: rgba(0, 0, 0, 0.5);
-            }
-
-            .btn-cyber-danger {
-                border-color: var(--color-accent);
-                color: var(--color-accent);
-            }
-
-            .btn-cyber-danger:hover {
-                background: rgba(255, 0, 85, 0.2);
-                box-shadow: 0 0 15px rgba(255, 0, 85, 0.4);
-            }
-
-            .mode-active {
-                background: rgba(0, 243, 255, 0.3) !important;
-                box-shadow: 0 0 20px rgba(0, 243, 255, 0.2) inset;
-                border-color: #fff !important;
-                color: #fff !important;
-            }
-
-            input[type="range"] {
-                -webkit-appearance: none;
-                width: 100%;
-                background: transparent;
-            }
-
-            input[type="range"]::-webkit-slider-thumb {
-                -webkit-appearance: none;
-                height: 16px;
-                width: 16px;
-                border-radius: 50%;
-                background: var(--color-primary);
-                cursor: pointer;
-                margin-top: -6px;
-                box-shadow: 0 0 10px var(--color-primary);
-            }
-
-            input[type="range"]::-webkit-slider-runnable-track {
-                width: 100%;
-                height: 4px;
-                cursor: pointer;
-                background: #333;
-                border-radius: 2px;
-            }
-
-            .custom-scroll {
-                scrollbar-width: thin;
-                scrollbar-color: var(--color-primary) #111;
-            }
-
-            .custom-scroll::-webkit-scrollbar {
-                width: 6px;
-            }
-
-            .custom-scroll::-webkit-scrollbar-track {
-                background: #111;
-            }
-
-            .custom-scroll::-webkit-scrollbar-thumb {
-                background-color: var(--color-primary);
-                border-radius: 6px;
-            }
-
-            #loading-bar {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                height: 4px;
-                background: var(--color-primary);
-                width: 0%;
-                transition: width 0.2s ease;
-                box-shadow: 0 0 10px var(--color-primary);
-                z-index: 50;
-            }
-
-            .hud-item {
-                background: rgba(0, 0, 0, 0.6);
-                border: 1px solid rgba(255, 255, 255, 0.1);
-                padding: 8px 16px;
-                clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
-                display: flex;
-                align-items: center;
-                gap: 10px;
-            }
-
-            .rare-glow {
-                animation: pulse-gold 2s infinite;
-            }
-
-            @keyframes pulse-gold {
-                0% {
-                    box-shadow: 0 0 5px #ffd700;
-                }
-
-                50% {
-                    box-shadow: 0 0 20px #ffd700;
-                }
-
-                100% {
-                    box-shadow: 0 0 5px #ffd700;
-                }
-            }
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>NEXUS OMEGA: Neural Interface v9.0</title>
+    
+    <script src="https://cdn.tailwindcss.com"></script>
+    
+    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;500;700&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --color-bg: #030508;
+            --color-primary: #00f3ff;
+            --color-secondary: #7000ff;
+            --color-accent: #ff0055;
+            --color-warning: #ffaa00;
+            --color-success: #00ff66;
+            --glass-bg: rgba(6, 11, 25, 0.85);
+            --glass-border: rgba(0, 243, 255, 0.15);
+            --hud-font: 'Orbitron', sans-serif;
+            --text-font: 'Rajdhani', sans-serif;
+        }
+
+        * {
+            box-sizing: border-box;
+            user-select: none;
+            -webkit-user-select: none;
+        }
+
+        body, html {
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            padding: 0;
+            background-color: var(--color-bg);
+            overflow: hidden;
+            font-family: var(--hud-font);
+            color: #e0faff;
+        }
+
+        body::-webkit-scrollbar {
+            display: none;
+        }
+
+        canvas {
+            display: block;
+            outline: none;
+        }
+
+        .ui-layer {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+            z-index: 10;
+        }
+
+        .pointer-events-auto {
+            pointer-events: auto;
+        }
+
+        .glass-panel {
+            background: var(--glass-bg);
+            backdrop-filter: blur(12px);
+            -webkit-backdrop-filter: blur(12px);
+            border: 1px solid var(--glass-border);
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .glass-panel::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 2px;
+            background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
+            opacity: 0.5;
+        }
+
+        .scanline {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to bottom, transparent 50%, rgba(0, 243, 255, 0.02) 51%);
+            background-size: 100% 4px;
+            pointer-events: none;
+            z-index: 2;
+        }
+
+        .vignette {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: radial-gradient(circle, transparent 60%, black 100%);
+            pointer-events: none;
+            z-index: 1;
+        }
+
+        @keyframes pulse-glow {
+            0% { box-shadow: 0 0 5px var(--color-primary); }
+            50% { box-shadow: 0 0 20px var(--color-primary); }
+            100% { box-shadow: 0 0 5px var(--color-primary); }
+        }
+
+        @keyframes glitch-anim {
+            0% { clip-path: inset(40% 0 61% 0); transform: translate(-2px, 2px); }
+            20% { clip-path: inset(92% 0 1% 0); transform: translate(0px, 0px); }
+            40% { clip-path: inset(43% 0 1% 0); transform: translate(2px, -2px); }
+            60% { clip-path: inset(25% 0 58% 0); transform: translate(0px, 0px); }
+            80% { clip-path: inset(54% 0 7% 0); transform: translate(-1px, 1px); }
+            100% { clip-path: inset(58% 0 43% 0); transform: translate(0px, 0px); }
+        }
+
+        .glitch-text {
+            position: relative;
+            display: inline-block;
+        }
+
+        .glitch-text::before, .glitch-text::after {
+            content: attr(data-text);
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: var(--color-bg);
+        }
+
+        .glitch-text::before {
+            left: 2px;
+            text-shadow: -1px 0 #ff00c1;
+            clip: rect(44px, 450px, 56px, 0);
+            animation: glitch-anim 5s infinite linear alternate-reverse;
+        }
+
+        .glitch-text::after {
+            left: -2px;
+            text-shadow: -1px 0 #00fff9;
+            clip: rect(44px, 450px, 56px, 0);
+            animation: glitch-anim 2s infinite linear alternate-reverse;
+        }
+
+        .btn-cyber {
+            background: rgba(0, 243, 255, 0.05);
+            border: 1px solid var(--color-primary);
+            color: var(--color-primary);
+            text-transform: uppercase;
+            letter-spacing: 2px;
+            font-weight: 700;
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: hidden;
+            cursor: pointer;
+            clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
+        }
+
+        .btn-cyber:hover {
+            background: rgba(0, 243, 255, 0.2);
+            box-shadow: 0 0 15px rgba(0, 243, 255, 0.4);
+            text-shadow: 0 0 8px var(--color-primary);
+        }
+
+        .btn-cyber:disabled {
+            border-color: #555;
+            color: #555;
+            cursor: not-allowed;
+            background: rgba(0,0,0,0.5);
+        }
+
+        .btn-cyber-danger {
+            border-color: var(--color-accent);
+            color: var(--color-accent);
+        }
+
+        .btn-cyber-danger:hover {
+            background: rgba(255, 0, 85, 0.2);
+            box-shadow: 0 0 15px rgba(255, 0, 85, 0.4);
+        }
+
+        .mode-active {
+            background: rgba(0, 243, 255, 0.3) !important;
+            box-shadow: 0 0 20px rgba(0, 243, 255, 0.2) inset;
+            border-color: #fff !important;
+            color: #fff !important;
+        }
+
+        input[type="range"] {
+            -webkit-appearance: none;
+            width: 100%;
+            background: transparent;
+        }
+
+        input[type="range"]::-webkit-slider-thumb {
+            -webkit-appearance: none;
+            height: 16px;
+            width: 16px;
+            border-radius: 50%;
+            background: var(--color-primary);
+            cursor: pointer;
+            margin-top: -6px;
+            box-shadow: 0 0 10px var(--color-primary);
+        }
+
+        input[type="range"]::-webkit-slider-runnable-track {
+            width: 100%;
+            height: 4px;
+            cursor: pointer;
+            background: #333;
+            border-radius: 2px;
+        }
+
+        .custom-scroll {
+            scrollbar-width: thin;
+            scrollbar-color: var(--color-primary) #111;
+        }
+
+        .custom-scroll::-webkit-scrollbar {
+            width: 6px;
+        }
+
+        .custom-scroll::-webkit-scrollbar-track {
+            background: #111;
+        }
+
+        .custom-scroll::-webkit-scrollbar-thumb {
+            background-color: var(--color-primary);
+            border-radius: 6px;
+        }
+
+        #loading-bar {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            height: 4px;
+            background: var(--color-primary);
+            width: 0%;
+            transition: width 0.2s ease;
+            box-shadow: 0 0 10px var(--color-primary);
+            z-index: 50;
+        }
+
+        .hud-item {
+            background: rgba(0,0,0,0.6);
+            border: 1px solid rgba(255,255,255,0.1);
+            padding: 8px 16px;
+            clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+
+        .rare-glow {
+            animation: pulse-gold 2s infinite;
+        }
+
+        @keyframes pulse-gold {
+            0% { box-shadow: 0 0 5px #ffd700; }
+            50% { box-shadow: 0 0 20px #ffd700; }
+            100% { box-shadow: 0 0 5px #ffd700; }
+        }
+
+        .crt-overlay {
+            background: rgba(18, 16, 16, 0); 
+            opacity: 0.1;
+            position: absolute;
+            inset: 0;
+            z-index: 99;
+            pointer-events: none;
+            background: radial-gradient(circle, rgba(32,32,32,0) 50%, rgba(0,0,0,0.4) 90%), linear-gradient(rgba(18,16,16,0) 50%, rgba(0,0,0,0.25) 50%), linear-gradient(90deg, rgba(255,0,0,0.06), rgba(0,255,0,0.02), rgba(0,0,255,0.06));
+            background-size: 100% 2px, 3px 100%;
+        }
+    </style>
+</head>
+<body>
+
+    <div class="scanline"></div>
+    <div class="vignette"></div>
+    <div class="crt-overlay"></div>
+    <div id="loading-bar"></div>
+
+    <div id="login-screen" class="fixed inset-0 z-[1000] flex items-center justify-center bg-black transition-opacity duration-700">
+        <div class="glass-panel p-10 w-full max-w-lg flex flex-col items-center relative">
+            <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-cyan-500 to-transparent"></div>
+            <h1 class="text-5xl font-black mb-2 text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-600 drop-shadow-[0_0_15px_rgba(0,243,255,0.5)] tracking-tighter">NEXUS</h1>
+            <h2 class="text-xs uppercase tracking-[0.5em] text-cyan-500 mb-10">Neural Interface System</h2>
+
+            <div id="auth-forms" class="w-full space-y-6">
+                <div class="flex border-b border-gray-800 mb-6">
+                    <button id="tab-login" class="flex-1 pb-2 text-sm uppercase tracking-widest text-cyan-400 border-b-2 border-cyan-400 transition-all">Acceso</button>
+                    <button id="tab-register" class="flex-1 pb-2 text-sm uppercase tracking-widest text-gray-500 border-b-2 border-transparent hover:text-white transition-all">Registro</button>
+                </div>
 
-            .crt-overlay {
-                background: rgba(18, 16, 16, 0);
-                opacity: 0.1;
-                position: absolute;
-                inset: 0;
-                z-index: 99;
-                pointer-events: none;
-                background: radial-gradient(circle, rgba(32, 32, 32, 0) 50%, rgba(0, 0, 0, 0.4) 90%), linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
-                background-size: 100% 2px, 3px 100%;
-            }
-        </style>
-    </head>
-    <body>
-        <div class="scanline"></div>
-        <div class="vignette"></div>
-        <div class="crt-overlay"></div>
-        <div id="loading-bar"></div>
-
-        <div id="login-screen" class="fixed inset-0 z-[1000] flex items-center justify-center bg-black">
-            <div class="glass-panel p-10 w-full max-w-lg flex flex-col items-center relative">
-                <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-cyan-500 to-transparent"></div>
-                <h1 class="text-5xl font-black mb-2 text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-600 drop-shadow-[0_0_15px_rgba(0,243,255,0.5)] tracking-tighter">NEXUS</h1>
-                <h2 class="text-xs uppercase tracking-[0.5em] text-cyan-500 mb-10">Neural Interface System</h2>
-
-                <div id="auth-forms" class="w-full space-y-6">
-                    <div class="flex border-b border-gray-800 mb-6">
-                        <button id="tab-login" class="flex-1 pb-2 text-sm uppercase tracking-widest text-cyan-400 border-b-2 border-cyan-400 transition-all">Acceso</button>
-                        <button id="tab-register" class="flex-1 pb-2 text-sm uppercase tracking-widest text-gray-500 border-b-2 border-transparent hover:text-white transition-all">Registro</button>
+                <form id="form-login" class="space-y-4">
+                    <div class="relative group">
+                        <input type="email" id="login-email" class="w-full bg-black/50 border border-gray-800 p-4 text-white focus:border-cyan-500 focus:outline-none transition-all rounded-sm font-mono text-sm" placeholder="IDENTIFICADOR (EMAIL)">
+                        <div class="absolute right-3 top-4 text-cyan-500/50 text-xs">ID</div>
                     </div>
+                    <div class="relative group">
+                        <input type="password" id="login-pass" class="w-full bg-black/50 border border-gray-800 p-4 text-white focus:border-cyan-500 focus:outline-none transition-all rounded-sm font-mono text-sm" placeholder="CLAVE DE ACCESO">
+                        <div class="absolute right-3 top-4 text-cyan-500/50 text-xs">KEY</div>
+                    </div>
+                    <button type="submit" id="btn-submit-login" class="btn-cyber w-full py-4 mt-4">Iniciar Secuencia</button>
+                </form>
 
-                    <form id="form-login" class="space-y-4">
-                        <div class="relative group">
-                            <input type="email" id="login-email" class="w-full bg-black/50 border border-gray-800 p-4 text-white focus:border-cyan-500 focus:outline-none transition-all rounded-sm font-mono text-sm" placeholder="IDENTIFICADOR (EMAIL)">
-                            <div class="absolute right-3 top-4 text-cyan-500/50 text-xs">ID</div>
-                        </div>
-                        <div class="relative group">
-                            <input type="password" id="login-pass" class="w-full bg-black/50 border border-gray-800 p-4 text-white focus:border-cyan-500 focus:outline-none transition-all rounded-sm font-mono text-sm" placeholder="CLAVE DE ACCESO">
-                            <div class="absolute right-3 top-4 text-cyan-500/50 text-xs">KEY</div>
-                        </div>
-                        <button type="submit" class="btn-cyber w-full py-4 mt-4">Iniciar Secuencia</button>
-                    </form>
-
-                    <form id="form-register" class="space-y-4 hidden">
-                        <div class="relative group">
-                            <input type="email" id="reg-email" class="w-full bg-black/50 border border-gray-800 p-4 text-white focus:border-cyan-500 focus:outline-none transition-all rounded-sm font-mono text-sm" placeholder="NUEVO IDENTIFICADOR">
-                        </div>
-                        <div class="relative group">
-                            <input type="password" id="reg-pass" class="w-full bg-black/50 border border-gray-800 p-4 text-white focus:border-cyan-500 focus:outline-none transition-all rounded-sm font-mono text-sm" placeholder="DEFINIR CLAVE">
-                        </div>
-                        <button type="submit" class="btn-cyber w-full py-4 mt-4 text-green-400 border-green-500">Crear Registro</button>
-                    </form>
-
-                    <div class="relative flex py-4 items-center">
-                        <div class="flex-grow border-t border-gray-800"></div>
-                        <span class="flex-shrink-0 mx-4 text-gray-600 text-[10px] uppercase">Opciones Alternativas</span>
-                        <div class="flex-grow border-t border-gray-800"></div>
+                <form id="form-register" class="space-y-4 hidden">
+                    <div class="relative group">
+                        <input type="email" id="reg-email" class="w-full bg-black/50 border border-gray-800 p-4 text-white focus:border-cyan-500 focus:outline-none transition-all rounded-sm font-mono text-sm" placeholder="NUEVO IDENTIFICADOR">
                     </div>
+                    <div class="relative group">
+                        <input type="password" id="reg-pass" class="w-full bg-black/50 border border-gray-800 p-4 text-white focus:border-cyan-500 focus:outline-none transition-all rounded-sm font-mono text-sm" placeholder="DEFINIR CLAVE">
+                    </div>
+                    <button type="submit" id="btn-submit-reg" class="btn-cyber w-full py-4 mt-4 text-green-400 border-green-500">Crear Registro</button>
+                </form>
 
-                    <button id="btn-anon" class="w-full border border-gray-700 hover:border-white text-gray-400 hover:text-white py-3 text-xs uppercase tracking-widest transition-all">Modo Fantasma (Anónimo)</button>
+                <div class="relative flex py-4 items-center">
+                    <div class="flex-grow border-t border-gray-800"></div>
+                    <span class="flex-shrink-0 mx-4 text-gray-600 text-[10px] uppercase">Opciones Alternativas</span>
+                    <div class="flex-grow border-t border-gray-800"></div>
                 </div>
 
-                <div id="username-setup" class="w-full hidden text-center">
-                    <p class="text-cyan-300 text-sm mb-6 uppercase tracking-wider">Establecer Alias de Red</p>
-                    <input type="text" id="setup-name" class="w-full bg-black/50 border border-cyan-500/50 p-4 text-center text-xl text-white font-bold mb-6 focus:outline-none focus:shadow-[0_0_20px_rgba(0,243,255,0.2)]" placeholder="ALIAS">
-                    <button id="btn-save-profile" class="btn-cyber w-full py-4">Confirmar Identidad</button>
-                </div>
+                <button id="btn-anon" class="w-full border border-gray-700 hover:border-white text-gray-400 hover:text-white py-3 text-xs uppercase tracking-widest transition-all">Modo Fantasma (Anónimo)</button>
+            </div>
 
-                <p id="auth-msg" class="mt-6 text-red-500 text-xs font-mono min-h-[20px] text-center"></p>
+            <div id="username-setup" class="w-full hidden text-center">
+                <p class="text-cyan-300 text-sm mb-6 uppercase tracking-wider">Establecer Alias de Red</p>
+                <input type="text" id="setup-name" class="w-full bg-black/50 border border-cyan-500/50 p-4 text-center text-xl text-white font-bold mb-6 focus:outline-none focus:shadow-[0_0_20px_rgba(0,243,255,0.2)]" placeholder="ALIAS">
+                <button id="btn-save-profile" class="btn-cyber w-full py-4">Confirmar Identidad</button>
             </div>
+
+            <p id="auth-msg" class="mt-6 text-red-500 text-xs font-mono min-h-[20px] text-center uppercase tracking-wide"></p>
         </div>
+    </div>
 
-        <div class="ui-layer flex flex-col justify-between p-4 pointer-events-none opacity-0 transition-opacity duration-1000" id="main-ui">
-            <div class="flex justify-between items-start w-full pointer-events-auto">
-                <div class="glass-panel p-4 rounded-br-2xl max-w-sm w-full transform transition-transform duration-500" id="control-panel">
-                    <div class="flex items-center justify-between mb-4 border-b border-white/10 pb-2">
-                        <div class="flex items-center gap-2">
-                            <div class="w-2 h-2 bg-green-500 rounded-full animate-pulse"></div>
-                            <span id="user-display" class="font-bold text-cyan-300 text-sm tracking-widest uppercase">OFFLINE</span>
-                        </div>
-                        <button id="btn-logout" class="text-[10px] text-red-400 hover:text-red-200 uppercase font-bold border border-red-900/50 px-2 py-1 rounded hover:bg-red-900/20 transition-all">Abort</button>
-                    </div>
+    <div class="ui-layer flex flex-col justify-between p-4 pointer-events-none opacity-0 transition-opacity duration-1000" id="main-ui">
 
-                    <div class="grid grid-cols-4 gap-1 mb-6">
-                        <button class="mode-btn btn-cyber text-[8px] py-2 flex flex-col items-center gap-1 mode-active" data-mode="explore">
-                            <span>🔭</span>
-                            <span>Explorar</span>
-                        </button>
-                        <button class="mode-btn btn-cyber text-[8px] py-2 flex flex-col items-center gap-1" data-mode="bridge">
-                            <span>🌉</span>
-                            <span>Puente</span>
-                        </button>
-                        <button class="mode-btn btn-cyber text-[8px] py-2 flex flex-col items-center gap-1" data-mode="miner">
-                            <span>⛏️</span>
-                            <span>Minero</span>
-                        </button>
-                        <button class="mode-btn btn-cyber text-[8px] py-2 flex flex-col items-center gap-1" data-mode="defense">
-                            <span>🛡️</span>
-                            <span>Defensa</span>
-                        </button>
+        <div class="flex justify-between items-start w-full pointer-events-auto">
+            <div class="glass-panel p-4 rounded-br-2xl max-w-sm w-full transform transition-transform duration-500" id="control-panel">
+                
+                <div class="flex items-center justify-between mb-4 border-b border-white/10 pb-2">
+                    <div class="flex items-center gap-2">
+                        <div class="w-2 h-2 bg-green-500 rounded-full animate-pulse"></div>
+                        <span id="user-display" class="font-bold text-cyan-300 text-sm tracking-widest uppercase">OFFLINE</span>
                     </div>
+                    <button id="btn-logout" class="text-[10px] text-red-400 hover:text-red-200 uppercase font-bold border border-red-900/50 px-2 py-1 rounded hover:bg-red-900/20 transition-all">Abort</button>
+                </div>
 
-                    <div class="relative mb-4">
-                        <input type="text" id="input-topic" class="w-full bg-black/60 border border-gray-700 text-white p-3 text-xs font-mono focus:border-cyan-500 focus:outline-none placeholder-gray-600 uppercase" placeholder="SEMILLA SEMÁNTICA...">
-                        <div class="absolute right-2 top-3 text-[10px] text-gray-500">REQ</div>
-                    </div>
+                <div class="grid grid-cols-4 gap-1 mb-6">
+                    <button class="mode-btn btn-cyber text-[8px] py-2 flex flex-col items-center gap-1 mode-active" data-mode="explore">
+                        <span>🔭</span><span>Explorar</span>
+                    </button>
+                    <button class="mode-btn btn-cyber text-[8px] py-2 flex flex-col items-center gap-1" data-mode="bridge">
+                        <span>🌉</span><span>Puente</span>
+                    </button>
+                    <button class="mode-btn btn-cyber text-[8px] py-2 flex flex-col items-center gap-1" data-mode="miner">
+                        <span>⛏️</span><span>Minero</span>
+                    </button>
+                    <button class="mode-btn btn-cyber text-[8px] py-2 flex flex-col items-center gap-1" data-mode="defense">
+                        <span>🛡️</span><span>Defensa</span>
+                    </button>
+                </div>
 
-                    <div id="bridge-target-container" class="relative mb-4 hidden">
-                        <input type="text" id="input-target" class="w-full bg-black/60 border border-purple-700 text-white p-3 text-xs font-mono focus:border-purple-500 focus:outline-none placeholder-gray-600 uppercase" placeholder="OBJETIVO DE CONEXIÓN...">
-                        <div class="absolute right-2 top-3 text-[10px] text-purple-500">DST</div>
-                    </div>
+                <div class="relative mb-4">
+                    <input type="text" id="input-topic" class="w-full bg-black/60 border border-gray-700 text-white p-3 text-xs font-mono focus:border-cyan-500 focus:outline-none placeholder-gray-600 uppercase" placeholder="SEMILLA SEMÁNTICA...">
+                    <div class="absolute right-2 top-3 text-[10px] text-gray-500">REQ</div>
+                </div>
 
-                    <div class="space-y-4 mb-6">
-                        <div>
-                            <div class="flex justify-between text-[9px] text-cyan-500 uppercase mb-1">
-                                <span>Densidad N1</span>
-                                <span id="val-d1">8</span>
-                            </div>
-                            <input type="range" id="slider-d1" min="1" max="12" value="8">
-                        </div>
-                        <div>
-                            <div class="flex justify-between text-[9px] text-cyan-500 uppercase mb-1">
-                                <span>Densidad N2</span>
-                                <span id="val-d2">4</span>
-                            </div>
-                            <input type="range" id="slider-d2" min="1" max="6" value="4">
+                <div id="bridge-target-container" class="relative mb-4 hidden">
+                    <input type="text" id="input-target" class="w-full bg-black/60 border border-purple-700 text-white p-3 text-xs font-mono focus:border-purple-500 focus:outline-none placeholder-gray-600 uppercase" placeholder="OBJETIVO DE CONEXIÓN...">
+                    <div class="absolute right-2 top-3 text-[10px] text-purple-500">DST</div>
+                </div>
+
+                <div class="space-y-4 mb-6">
+                    <div>
+                        <div class="flex justify-between text-[9px] text-cyan-500 uppercase mb-1">
+                            <span>Densidad N1</span>
+                            <span id="val-d1">8</span>
                         </div>
-                        <div>
-                            <div class="flex justify-between text-[9px] text-cyan-500 uppercase mb-1">
-                                <span>Densidad N3</span>
-                                <span id="val-d3">2</span>
-                            </div>
-                            <input type="range" id="slider-d3" min="1" max="4" value="2">
+                        <input type="range" id="slider-d1" min="1" max="12" value="8">
+                    </div>
+                    <div>
+                        <div class="flex justify-between text-[9px] text-cyan-500 uppercase mb-1">
+                            <span>Densidad N2</span>
+                            <span id="val-d2">4</span>
                         </div>
+                        <input type="range" id="slider-d2" min="1" max="6" value="4">
                     </div>
-
-                    <div class="border-t border-white/10 pt-4 mb-4">
-                        <button id="btn-config-api" class="text-[10px] text-gray-400 uppercase hover:text-white flex justify-between w-full mb-2">
-                            <span>Configuración Neural (API)</span>
-                            <span>+</span>
-                        </button>
-                        <div id="panel-api" class="hidden">
-                            <input type="password" id="input-api-key" class="w-full bg-black/80 border border-gray-800 p-2 text-[10px] text-gray-300 font-mono mb-2" placeholder="CLAVE GEMINI">
-                            <button id="btn-save-api" class="w-full bg-gray-800 hover:bg-gray-700 text-[10px] py-1 text-gray-300">GUARDAR ENLACE</button>
+                    <div>
+                        <div class="flex justify-between text-[9px] text-cyan-500 uppercase mb-1">
+                            <span>Densidad N3</span>
+                            <span id="val-d3">2</span>
                         </div>
+                        <input type="range" id="slider-d3" min="1" max="4" value="2">
                     </div>
+                </div>
 
-                    <button id="btn-visualize" class="btn-cyber w-full py-4 text-sm relative group overflow-hidden">
-                        <span class="relative z-10 flex items-center justify-center gap-2">
-                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
-                            </svg>
-                            EJECUTAR ANÁLISIS
-                        </span>
-                        <div class="absolute inset-0 bg-cyan-500/20 transform -translate-x-full group-hover:translate-x-0 transition-transform duration-300"></div>
+                <div class="border-t border-white/10 pt-4 mb-4">
+                    <button id="btn-config-api" class="text-[10px] text-gray-400 uppercase hover:text-white flex justify-between w-full mb-2">
+                        <span>Configuración Neural (API)</span>
+                        <span>+</span>
                     </button>
-
-                    <div id="log-console" class="mt-4 h-24 bg-black/80 border border-gray-800 p-2 font-mono text-[9px] text-gray-400 overflow-y-auto custom-scroll">
-                        <div class="text-green-500">> SISTEMA INICIADO...</div>
-                        <div class="text-cyan-500">> ESPERANDO INPUT...</div>
+                    <div id="panel-api" class="hidden">
+                        <input type="password" id="input-api-key" class="w-full bg-black/80 border border-gray-800 p-2 text-[10px] text-gray-300 font-mono mb-2" placeholder="CLAVE GEMINI">
+                        <button id="btn-save-api" class="w-full bg-gray-800 hover:bg-gray-700 text-[10px] py-1 text-gray-300">GUARDAR ENLACE</button>
                     </div>
                 </div>
 
-                <div class="flex flex-col gap-2 items-end">
-                    <div id="hud-stats" class="flex gap-2 pointer-events-auto">
-                        <div class="hud-item">
-                            <span class="text-yellow-400 text-lg">⚡</span>
-                            <div class="flex flex-col">
-                                <span class="text-[8px] text-gray-400 uppercase">Energía</span>
-                                <span id="stat-energy" class="font-mono text-lg font-bold leading-none text-white">100</span>
-                            </div>
+                <button id="btn-visualize" class="btn-cyber w-full py-4 text-sm relative group overflow-hidden">
+                    <span class="relative z-10 flex items-center justify-center gap-2">
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
+                        EJECUTAR ANÁLISIS
+                    </span>
+                    <div class="absolute inset-0 bg-cyan-500/20 transform -translate-x-full group-hover:translate-x-0 transition-transform duration-300"></div>
+                </button>
+
+                <div id="log-console" class="mt-4 h-24 bg-black/80 border border-gray-800 p-2 font-mono text-[9px] text-gray-400 overflow-y-auto custom-scroll">
+                    <div class="text-green-500">> SISTEMA INICIADO...</div>
+                    <div class="text-cyan-500">> ESPERANDO INPUT...</div>
+                </div>
+            </div>
+
+            <div class="flex flex-col gap-2 items-end">
+                <div id="hud-stats" class="flex gap-2 pointer-events-auto">
+                    <div class="hud-item">
+                        <span class="text-yellow-400 text-lg">⚡</span>
+                        <div class="flex flex-col">
+                            <span class="text-[8px] text-gray-400 uppercase">Energía</span>
+                            <span id="stat-energy" class="font-mono text-lg font-bold leading-none text-white">100</span>
                         </div>
-                        <div class="hud-item">
-                            <span class="text-purple-400 text-lg">💠</span>
-                            <div class="flex flex-col">
-                                <span class="text-[8px] text-gray-400 uppercase">XP</span>
-                                <span id="stat-xp" class="font-mono text-lg font-bold leading-none text-white">0</span>
-                            </div>
+                    </div>
+                    <div class="hud-item">
+                        <span class="text-purple-400 text-lg">💠</span>
+                        <div class="flex flex-col">
+                            <span class="text-[8px] text-gray-400 uppercase">XP</span>
+                            <span id="stat-xp" class="font-mono text-lg font-bold leading-none text-white">0</span>
                         </div>
-                        <div class="hud-item border-cyan-500/50">
-                            <span class="text-cyan-400 text-lg">🎖️</span>
-                            <div class="flex flex-col">
-                                <span class="text-[8px] text-gray-400 uppercase">Rango</span>
-                                <span id="stat-rank" class="font-mono text-xs font-bold leading-none text-cyan-300 uppercase">Novato</span>
-                            </div>
+                    </div>
+                    <div class="hud-item border-cyan-500/50">
+                        <span class="text-cyan-400 text-lg">🎖️</span>
+                        <div class="flex flex-col">
+                            <span class="text-[8px] text-gray-400 uppercase">Rango</span>
+                            <span id="stat-rank" class="font-mono text-xs font-bold leading-none text-cyan-300 uppercase">Novato</span>
                         </div>
                     </div>
+                </div>
 
-                    <div id="mission-panel" class="glass-panel p-4 rounded-bl-2xl w-64 border-r-4 border-r-yellow-500 pointer-events-auto mt-2">
-                        <h3 class="text-yellow-500 text-[10px] uppercase font-bold tracking-widest mb-1">Misión Activa</h3>
-                        <p id="mission-desc" class="text-xs text-gray-300 leading-tight">Explora la red semántica libremente para recolectar datos.</p>
-                    </div>
+                <div id="mission-panel" class="glass-panel p-4 rounded-bl-2xl w-64 border-r-4 border-r-yellow-500 pointer-events-auto mt-2">
+                    <h3 class="text-yellow-500 text-[10px] uppercase font-bold tracking-widest mb-1">Misión Activa</h3>
+                    <p id="mission-desc" class="text-xs text-gray-300 leading-tight">Explora la red semántica libremente para recolectar datos.</p>
                 </div>
             </div>
+        </div>
 
-            <div class="flex justify-between items-end w-full pointer-events-auto">
-                <div class="glass-panel w-64 h-48 rounded-tr-2xl flex flex-col pointer-events-auto relative group">
-                    <div class="absolute top-0 left-0 bg-white/5 w-full h-6 flex items-center px-2 border-b border-white/5">
-                        <span class="text-[9px] text-gray-500 uppercase tracking-widest">Radar Galáctico</span>
-                    </div>
-                    <div class="flex-1 relative bg-black/80 mt-6">
-                        <canvas id="minimap-canvas" width="256" height="166" class="w-full h-full cursor-crosshair opacity-80"></canvas>
-                        <div class="absolute bottom-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
-                            <button id="zoom-in" class="w-5 h-5 bg-gray-800 text-white text-xs flex items-center justify-center border border-gray-600">+</button>
-                            <button id="zoom-out" class="w-5 h-5 bg-gray-800 text-white text-xs flex items-center justify-center border border-gray-600">-</button>
-                        </div>
-                    </div>
+        <div class="flex justify-between items-end w-full pointer-events-auto">
+            <div class="glass-panel w-64 h-48 rounded-tr-2xl flex flex-col pointer-events-auto relative group">
+                <div class="absolute top-0 left-0 bg-white/5 w-full h-6 flex items-center px-2 border-b border-white/5">
+                    <span class="text-[9px] text-gray-500 uppercase tracking-widest">Radar Galáctico</span>
                 </div>
-
-                <div id="vault-panel" class="glass-panel max-w-md w-full p-4 rounded-tl-2xl hidden pointer-events-auto">
-                    <div class="flex justify-between items-center mb-2 border-b border-yellow-500/30 pb-1">
-                        <h3 class="text-yellow-500 text-xs uppercase font-bold tracking-widest">Bóveda Semántica</h3>
-                        <span id="vault-count" class="text-[9px] text-gray-400">0 ITEMS</span>
-                    </div>
-                    <div id="vault-grid" class="flex flex-wrap gap-2 max-h-32 overflow-y-auto custom-scroll">
+                <div class="flex-1 relative bg-black/80 mt-6">
+                    <canvas id="minimap-canvas" width="256" height="166" class="w-full h-full cursor-crosshair opacity-80"></canvas>
+                    <div class="absolute bottom-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
+                        <button id="zoom-in" class="w-5 h-5 bg-gray-800 text-white text-xs flex items-center justify-center border border-gray-600">+</button>
+                        <button id="zoom-out" class="w-5 h-5 bg-gray-800 text-white text-xs flex items-center justify-center border border-gray-600">-</button>
                     </div>
                 </div>
             </div>
-        </div>
 
-        <div id="tooltip-3d" class="fixed hidden pointer-events-none z-50 bg-black/90 border border-cyan-500 p-2 max-w-xs shadow-[0_0_15px_rgba(0,243,255,0.3)]">
-            <div id="tt-title" class="text-cyan-300 font-bold text-sm uppercase tracking-wider mb-1"></div>
-            <div id="tt-sub" class="text-[10px] text-gray-400 font-mono"></div>
+            <div id="vault-panel" class="glass-panel max-w-md w-full p-4 rounded-tl-2xl hidden pointer-events-auto">
+                <div class="flex justify-between items-center mb-2 border-b border-yellow-500/30 pb-1">
+                    <h3 class="text-yellow-500 text-xs uppercase font-bold tracking-widest">Bóveda Semántica</h3>
+                    <span id="vault-count" class="text-[9px] text-gray-400">0 ITEMS</span>
+                </div>
+                <div id="vault-grid" class="flex flex-wrap gap-2 max-h-32 overflow-y-auto custom-scroll">
+                </div>
+            </div>
         </div>
+    </div>
+
+    <div id="tooltip-3d" class="fixed hidden pointer-events-none z-50 bg-black/90 border border-cyan-500 p-2 max-w-xs shadow-[0_0_15px_rgba(0,243,255,0.3)]">
+        <div id="tt-title" class="text-cyan-300 font-bold text-sm uppercase tracking-wider mb-1"></div>
+        <div id="tt-sub" class="text-[10px] text-gray-400 font-mono"></div>
+    </div>
+
+    <script type="module">
+        import { initializeApp } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-app.js";
+        import { getAuth, onAuthStateChanged, createUserWithEmailAndPassword, signInWithEmailAndPassword, signInAnonymously, signOut, updateProfile } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-auth.js";
+        import { getFirestore, doc, setDoc, getDoc, updateDoc, arrayUnion, onSnapshot, collection, query, limit, orderBy, addDoc } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-firestore.js";
+        import * as THREE from "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js";
+        import { OrbitControls } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/controls/OrbitControls.js";
+        import { FontLoader } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/loaders/FontLoader.js";
+        import { TextGeometry } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/geometries/TextGeometry.js";
+        import { EffectComposer } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/postprocessing/EffectComposer.js";
+        import { RenderPass } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/postprocessing/RenderPass.js";
+        import { UnrealBloomPass } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/postprocessing/UnrealBloomPass.js";
+
+        // Configuración de Firebase - ¡Asegúrate de agregar tu dominio de Hugging Face en Authentication > Settings!
+        const FB_CONFIG = {
+            apiKey: "AIzaSyB4EZKkAH3weFSZNBQA8Y63gt5XbaeZGsQ",
+            authDomain: "neuronal-1f3b9.firebaseapp.com",
+            projectId: "neuronal-1f3b9",
+            storageBucket: "neuronal-1f3b9.firebasestorage.app",
+            messagingSenderId: "208887839866",
+            appId: "1:208887839866:web:adbb697dd0b63195b10fc3"
+        };
+
+        const DEF_GEMINI = 'AIzaSyDmoQNpzgzW21f_WFCU9YbaAeI1fdOJMlo';
+
+        const STATE = {
+            user: null,
+            profile: null,
+            mode: 'explore',
+            energy: 100,
+            xp: 0,
+            rank: 'Novato',
+            geminiKey: localStorage.getItem('NEXUS_KEY') || DEF_GEMINI,
+            nodes: [],
+            links: [],
+            comet: { pos: new THREE.Vector3(), vel: new THREE.Vector3(), target: null },
+            bridgeTarget: null,
+            isProcessing: false,
+            maps: {},
+            defenseHP: 100
+        };
+
+        let app, auth, db;
+        let scene, camera, renderer, composer, controls;
+        let raycaster, mouse = new THREE.Vector2();
+        let font;
+        let particleSystem, cometSystem, explosionSystem;
+        let nodeGroup, linkGroup, cometGroup;
+        let clock = new THREE.Clock();
+        let minimapCtx, mmScale = 0.05;
+
+        // Referencias del DOM
+        const DOM = {
+            loginScreen: document.getElementById('login-screen'),
+            mainUI: document.getElementById('main-ui'),
+            authForms: document.getElementById('auth-forms'),
+            userSetup: document.getElementById('username-setup'),
+            loginForm: document.getElementById('form-login'),
+            regForm: document.getElementById('form-register'),
+            tabLogin: document.getElementById('tab-login'),
+            tabReg: document.getElementById('tab-register'),
+            btnAnon: document.getElementById('btn-anon'),
+            msgAuth: document.getElementById('auth-msg'),
+            userDisplay: document.getElementById('user-display'),
+            inputTopic: document.getElementById('input-topic'),
+            inputTarget: document.getElementById('input-target'),
+            targetContainer: document.getElementById('bridge-target-container'),
+            btnViz: document.getElementById('btn-visualize'),
+            sliders: [document.getElementById('slider-d1'), document.getElementById('slider-d2'), document.getElementById('slider-d3')],
+            sliderVals: [document.getElementById('val-d1'), document.getElementById('val-d2'), document.getElementById('val-d3')],
+            console: document.getElementById('log-console'),
+            vaultPanel: document.getElementById('vault-panel'),
+            vaultGrid: document.getElementById('vault-grid'),
+            vaultCount: document.getElementById('vault-count'),
+            statEnergy: document.getElementById('stat-energy'),
+            statXP: document.getElementById('stat-xp'),
+            statRank: document.getElementById('stat-rank'),
+            missionDesc: document.getElementById('mission-desc'),
+            tooltip: document.getElementById('tooltip-3d'),
+            ttTitle: document.getElementById('tt-title'),
+            ttSub: document.getElementById('tt-sub'),
+            loadingBar: document.getElementById('loading-bar')
+        };
+
+        // Utilidad de Logs
+        function log(msg, type='info') {
+            const div = document.createElement('div');
+            div.textContent = `> ${msg}`;
+            div.className = type === 'err' ? 'text-red-500' : (type === 'success' ? 'text-green-500' : 'text-gray-400');
+            DOM.console.appendChild(div);
+            DOM.console.scrollTop = DOM.console.scrollHeight;
+        }
+
+        // --- SISTEMA FIREBASE ---
+        function initFirebase() {
+            app = initializeApp(FB_CONFIG);
+            auth = getAuth(app);
+            db = getFirestore(app);
+
+            // Listener de Auth Global
+            onAuthStateChanged(auth, async (u) => {
+                if (u) {
+                    STATE.user = u;
+                    // Transición suave al entrar
+                    DOM.loginScreen.classList.add('opacity-0', 'pointer-events-none');
+                    setTimeout(() => DOM.loginScreen.classList.add('hidden'), 700);
+                    
+                    DOM.mainUI.classList.remove('opacity-0');
+                    await loadUserProfile(u.uid);
+                    init3D();
+                    subscribeToMaps();
+                    log("CONEXIÓN ESTABLECIDA.", "success");
+                } else {
+                    // Mostrar login si no hay usuario
+                    DOM.loginScreen.classList.remove('hidden', 'opacity-0', 'pointer-events-none');
+                    DOM.mainUI.classList.add('opacity-0');
+                }
+            });
+        }
 
-        <script type="module">
-            import {
-                initializeApp
-            } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-app.js";
-            import {
-                getAuth,
-                onAuthStateChanged,
-                createUserWithEmailAndPassword,
-                signInWithEmailAndPassword,
-                signInAnonymously,
-                signOut,
-                setPersistence,
-                browserLocalPersistence,
-                updateProfile
-            } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-auth.js";
-            import {
-                getFirestore,
-                doc,
-                setDoc,
-                getDoc,
-                updateDoc,
-                arrayUnion,
-                onSnapshot,
-                collection,
-                query,
-                limit,
-                orderBy,
-                addDoc
-            } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-firestore.js";
-            import * as THREE from "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js";
-            import {
-                OrbitControls
-            } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/controls/OrbitControls.js";
-            import {
-                FontLoader
-            } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/loaders/FontLoader.js";
-            import {
-                TextGeometry
-            } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/geometries/TextGeometry.js";
-            import {
-                EffectComposer
-            } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/postprocessing/EffectComposer.js";
-            import {
-                RenderPass
-            } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/postprocessing/RenderPass.js";
-            import {
-                UnrealBloomPass
-            } from "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/postprocessing/UnrealBloomPass.js";
-
-            const FB_CONFIG = {
-                apiKey: "AIzaSyB4EZKkAH3weFSZNBQA8Y63gt5XbaeZGsQ",
-                authDomain: "neuronal-1f3b9.firebaseapp.com",
-                projectId: "neuronal-1f3b9",
-                storageBucket: "neuronal-1f3b9.firebasestorage.app",
-                messagingSenderId: "208887839866",
-                appId: "1:208887839866:web:adbb697dd0b63195b10fc3"
-            };
-
-            const DEF_GEMINI = 'AIzaSyDmoQNpzgzW21f_WFCU9YbaAeI1fdOJMlo';
-
-            const STATE = {
-                user: null,
-                profile: null,
-                mode: 'explore',
-                energy: 100,
-                xp: 0,
-                rank: 'Novato',
-                geminiKey: localStorage.getItem('NEXUS_KEY') || DEF_GEMINI,
-                nodes: [],
-                links: [],
-                comet: {
-                    pos: new THREE.Vector3(),
-                    vel: new THREE.Vector3(),
-                    target: null
-                },
-                bridgeTarget: null,
-                isProcessing: false,
-                maps: {},
-                defenseHP: 100
-            };
-
-            let app, auth, db;
-            let scene, camera, renderer, composer, controls;
-            let raycaster, mouse = new THREE.Vector2();
-            let font;
-            let particleSystem, cometSystem, explosionSystem;
-            let nodeGroup, linkGroup, cometGroup;
-            let clock = new THREE.Clock();
-            let minimapCtx, mmScale = 0.05;
-
-            const DOM = {
-                loginScreen: document.getElementById('login-screen'),
-                mainUI: document.getElementById('main-ui'),
-                authForms: document.getElementById('auth-forms'),
-                userSetup: document.getElementById('username-setup'),
-                loginForm: document.getElementById('form-login'),
-                regForm: document.getElementById('form-register'),
-                tabLogin: document.getElementById('tab-login'),
-                tabReg: document.getElementById('tab-register'),
-                btnAnon: document.getElementById('btn-anon'),
-                msgAuth: document.getElementById('auth-msg'),
-                userDisplay: document.getElementById('user-display'),
-                inputTopic: document.getElementById('input-topic'),
-                inputTarget: document.getElementById('input-target'),
-                targetContainer: document.getElementById('bridge-target-container'),
-                btnViz: document.getElementById('btn-visualize'),
-                sliders: [document.getElementById('slider-d1'), document.getElementById('slider-d2'), document.getElementById('slider-d3')],
-                sliderVals: [document.getElementById('val-d1'), document.getElementById('val-d2'), document.getElementById('val-d3')],
-                console: document.getElementById('log-console'),
-                vaultPanel: document.getElementById('vault-panel'),
-                vaultGrid: document.getElementById('vault-grid'),
-                vaultCount: document.getElementById('vault-count'),
-                statEnergy: document.getElementById('stat-energy'),
-                statXP: document.getElementById('stat-xp'),
-                statRank: document.getElementById('stat-rank'),
-                missionDesc: document.getElementById('mission-desc'),
-                tooltip: document.getElementById('tooltip-3d'),
-                ttTitle: document.getElementById('tt-title'),
-                ttSub: document.getElementById('tt-sub'),
-                loadingBar: document.getElementById('loading-bar')
-            };
-
-            function log(msg, type = 'info') {
-                const div = document.createElement('div');
-                div.textContent = `> ${msg}`;
-                div.className = type === 'err' ? 'text-red-500' : (type === 'success' ? 'text-green-500' : 'text-gray-400');
-                DOM.console.appendChild(div);
-                DOM.console.scrollTop = DOM.console.scrollHeight;
-            }
-
-            function initFirebase() {
-                app = initializeApp(FB_CONFIG);
-                auth = getAuth(app);
-                db = getFirestore(app);
-
-                onAuthStateChanged(auth, async (u) => {
-                    if (u) {
-                        STATE.user = u;
-                        DOM.loginScreen.classList.add('hidden');
-                        DOM.mainUI.classList.remove('opacity-0');
-                        await loadUserProfile(u.uid);
-                        init3D();
-                        subscribeToMaps();
-                        log("CONEXIÓN ESTABLECIDA.", "success");
-                    } else {
-                        DOM.loginScreen.classList.remove('hidden');
-                        DOM.mainUI.classList.add('opacity-0');
-                    }
-                });
-            }
-
-            async function loadUserProfile(uid) {
-                const ref = doc(db, 'artifacts', FB_CONFIG.projectId, 'users', uid, 'profile', 'data');
+        async function loadUserProfile(uid) {
+            const ref = doc(db, 'artifacts', FB_CONFIG.projectId, 'users', uid, 'profile', 'data');
+            try {
                 const snap = await getDoc(ref);
                 if (snap.exists()) {
                     STATE.profile = snap.data();
@@ -694,671 +622,667 @@
                     updateHUD();
                     DOM.userDisplay.textContent = STATE.profile.username;
                 } else {
+                    // Si es nuevo usuario pero autenticado (email/anon)
                     if (!auth.currentUser.isAnonymous) {
-                        DOM.loginScreen.classList.remove('hidden');
+                        // Si es email, mostrar setup de nombre
+                        DOM.loginScreen.classList.remove('hidden', 'opacity-0', 'pointer-events-none');
                         DOM.authForms.classList.add('hidden');
                         DOM.userSetup.classList.remove('hidden');
                     } else {
-                        DOM.userDisplay.textContent = "ANON-" + uid.substr(0, 4);
+                        // Si es anónimo, asignar nombre temporal
+                        DOM.userDisplay.textContent = "ANON-" + uid.substr(0,4);
+                        saveProfile("ANON-" + uid.substr(0,4));
                     }
                 }
+            } catch(e) {
+                console.error("Error cargando perfil:", e);
+                // Fallback para errores de permisos
+                DOM.userDisplay.textContent = "GHOST MODE";
             }
+        }
 
-            async function saveProfile(username) {
-                const uid = auth.currentUser.uid;
-                const data = {
-                    username,
-                    xp: 0,
-                    energy: 100,
-                    rank: 'Novato',
-                    inventory: []
-                };
+        async function saveProfile(username) {
+            if(!auth.currentUser) return;
+            const uid = auth.currentUser.uid;
+            const data = { username, xp: 0, energy: 100, rank: 'Novato', inventory: [] };
+            try {
                 await setDoc(doc(db, 'artifacts', FB_CONFIG.projectId, 'users', uid, 'profile', 'data'), data);
                 STATE.profile = data;
                 DOM.userDisplay.textContent = username;
-                DOM.loginScreen.classList.add('hidden');
+                
+                // Forzar cierre de login si estaba abierto
+                DOM.loginScreen.classList.add('opacity-0', 'pointer-events-none');
+                setTimeout(() => DOM.loginScreen.classList.add('hidden'), 700);
                 DOM.mainUI.classList.remove('opacity-0');
+                
                 init3D();
                 subscribeToMaps();
+            } catch (e) {
+                console.error("Error guardando perfil:", e);
             }
-
-            function updateHUD() {
-                DOM.statEnergy.textContent = Math.floor(STATE.energy);
-                DOM.statXP.textContent = Math.floor(STATE.xp);
-                DOM.statRank.textContent = STATE.rank;
+        }
+
+        // --- HANDLERS DE AUTENTICACIÓN (Fix para Hugging Face) ---
+        
+        // Login con Email
+        DOM.loginForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const btn = document.getElementById('btn-submit-login');
+            const originalText = btn.textContent;
+            btn.textContent = "VERIFICANDO...";
+            btn.disabled = true;
+            DOM.msgAuth.textContent = "";
+
+            try {
+                await signInWithEmailAndPassword(auth, document.getElementById('login-email').value, document.getElementById('login-pass').value);
+                // El listener onAuthStateChanged manejará la transición
+            } catch (err) { 
+                console.error(err);
+                DOM.msgAuth.textContent = "Error: " + err.message;
+                btn.textContent = originalText;
+                btn.disabled = false;
             }
-
-            function checkRank() {
-                if (STATE.xp > 1000 && STATE.rank === 'Novato') STATE.rank = 'Explorador';
-                else if (STATE.xp > 5000 && STATE.rank === 'Explorador') STATE.rank = 'Arquitecto';
-                else if (STATE.xp > 10000 && STATE.rank === 'Arquitecto') STATE.rank = 'Oráculo';
-                updateHUD();
-                if (STATE.user) updateDoc(doc(db, 'artifacts', FB_CONFIG.projectId, 'users', STATE.user.uid, 'profile', 'data'), {
-                    xp: STATE.xp,
-                    rank: STATE.rank
-                });
+        });
+
+        // Registro con Email
+        DOM.regForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const btn = document.getElementById('btn-submit-reg');
+            const originalText = btn.textContent;
+            btn.textContent = "CREANDO...";
+            btn.disabled = true;
+            DOM.msgAuth.textContent = "";
+
+            try {
+                await createUserWithEmailAndPassword(auth, document.getElementById('reg-email').value, document.getElementById('reg-pass').value);
+                DOM.authForms.classList.add('hidden');
+                DOM.userSetup.classList.remove('hidden');
+            } catch (err) { 
+                console.error(err);
+                DOM.msgAuth.textContent = "Error: " + err.message;
+                btn.textContent = originalText;
+                btn.disabled = false;
             }
+        });
 
-            function init3D() {
-                if (scene) return;
-                const container = document.createElement('div');
-                container.className = 'fixed inset-0 z-0';
-                document.body.appendChild(container);
-
-                scene = new THREE.Scene();
-                scene.fog = new THREE.FogExp2(0x030508, 0.002);
-
-                camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 3000);
-                camera.position.set(0, 50, 150);
-
-                renderer = new THREE.WebGLRenderer({
-                    antialias: false,
-                    powerPreference: "high-performance"
-                });
-                renderer.setSize(window.innerWidth, window.innerHeight);
-                renderer.setPixelRatio(Math.min(window.devicePixelRatio, 1.5));
-                renderer.toneMapping = THREE.ReinhardToneMapping;
-                container.appendChild(renderer.domElement);
-
-                const renderScene = new RenderPass(scene, camera);
-                const bloomPass = new UnrealBloomPass(new THREE.Vector2(window.innerWidth, window.innerHeight), 1.5, 0.4, 0.85);
-                bloomPass.threshold = 0.2;
-                bloomPass.strength = 1.2;
-                bloomPass.radius = 0.5;
-
-                composer = new EffectComposer(renderer);
-                composer.addPass(renderScene);
-                composer.addPass(bloomPass);
-
-                controls = new OrbitControls(camera, renderer.domElement);
-                controls.enableDamping = true;
-                controls.dampingFactor = 0.05;
-                controls.maxDistance = 1000;
-
-                const ambient = new THREE.AmbientLight(0x404040);
-                scene.add(ambient);
-                const dirLight = new THREE.DirectionalLight(0xaaccff, 2);
-                dirLight.position.set(100, 100, 50);
-                scene.add(dirLight);
-
-                nodeGroup = new THREE.Group();
-                linkGroup = new THREE.Group();
-                cometGroup = new THREE.Group();
-                scene.add(nodeGroup);
-                scene.add(linkGroup);
-                scene.add(cometGroup);
-
-                createStarfield();
-                initComet();
-
-                const loader = new FontLoader();
-                loader.load('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/fonts/helvetiker_bold.typeface.json', (f) => {
-                    font = f;
-                });
+        // Login Anónimo
+        DOM.btnAnon.addEventListener('click', async () => {
+            DOM.btnAnon.textContent = "CONECTANDO...";
+            DOM.btnAnon.disabled = true;
+            try {
+                await signInAnonymously(auth);
+            } catch (error) {
+                DOM.btnAnon.textContent = "Modo Fantasma (Anónimo)";
+                DOM.btnAnon.disabled = false;
+                DOM.msgAuth.textContent = "Error Anónimo: " + error.message;
+                console.error(error);
+            }
+        });
+
+        // UI Tabs
+        DOM.tabLogin.addEventListener('click', (e) => {
+            e.preventDefault();
+            DOM.loginForm.classList.remove('hidden');
+            DOM.regForm.classList.add('hidden');
+            DOM.tabLogin.classList.add('border-cyan-400', 'text-cyan-400');
+            DOM.tabLogin.classList.remove('border-transparent', 'text-gray-500');
+            DOM.tabReg.classList.remove('border-cyan-400', 'text-cyan-400');
+            DOM.tabReg.classList.add('border-transparent', 'text-gray-500');
+        });
+
+        DOM.tabReg.addEventListener('click', (e) => {
+            e.preventDefault();
+            DOM.loginForm.classList.add('hidden');
+            DOM.regForm.classList.remove('hidden');
+            DOM.tabReg.classList.add('border-cyan-400', 'text-cyan-400');
+            DOM.tabReg.classList.remove('border-transparent', 'text-gray-500');
+            DOM.tabLogin.classList.remove('border-cyan-400', 'text-cyan-400');
+            DOM.tabLogin.classList.add('border-transparent', 'text-gray-500');
+        });
+
+        document.getElementById('btn-save-profile').addEventListener('click', () => {
+            saveProfile(document.getElementById('setup-name').value || "User-" + Math.floor(Math.random()*1000));
+        });
+
+        document.getElementById('btn-logout').addEventListener('click', () => signOut(auth));
+
+
+        // --- LÓGICA DEL JUEGO / UI ---
+
+        function updateHUD() {
+            DOM.statEnergy.textContent = Math.floor(STATE.energy);
+            DOM.statXP.textContent = Math.floor(STATE.xp);
+            DOM.statRank.textContent = STATE.rank;
+        }
+
+        function checkRank() {
+            if (STATE.xp > 1000 && STATE.rank === 'Novato') STATE.rank = 'Explorador';
+            else if (STATE.xp > 5000 && STATE.rank === 'Explorador') STATE.rank = 'Arquitecto';
+            else if (STATE.xp > 10000 && STATE.rank === 'Arquitecto') STATE.rank = 'Oráculo';
+            updateHUD();
+            if(STATE.user) updateDoc(doc(db, 'artifacts', FB_CONFIG.projectId, 'users', STATE.user.uid, 'profile', 'data'), { xp: STATE.xp, rank: STATE.rank });
+        }
+
+        // --- THREE.JS ENGINE ---
+
+        function init3D() {
+            if (scene) return;
+            const container = document.createElement('div');
+            container.className = 'fixed inset-0 z-0';
+            document.body.appendChild(container);
+
+            scene = new THREE.Scene();
+            scene.fog = new THREE.FogExp2(0x030508, 0.002);
+
+            camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 3000);
+            camera.position.set(0, 50, 150);
+
+            renderer = new THREE.WebGLRenderer({ antialias: false, powerPreference: "high-performance" });
+            renderer.setSize(window.innerWidth, window.innerHeight);
+            renderer.setPixelRatio(Math.min(window.devicePixelRatio, 1.5));
+            renderer.toneMapping = THREE.ReinhardToneMapping;
+            container.appendChild(renderer.domElement);
+
+            const renderScene = new RenderPass(scene, camera);
+            const bloomPass = new UnrealBloomPass(new THREE.Vector2(window.innerWidth, window.innerHeight), 1.5, 0.4, 0.85);
+            bloomPass.threshold = 0.2;
+            bloomPass.strength = 1.2;
+            bloomPass.radius = 0.5;
+
+            composer = new EffectComposer(renderer);
+            composer.addPass(renderScene);
+            composer.addPass(bloomPass);
+
+            controls = new OrbitControls(camera, renderer.domElement);
+            controls.enableDamping = true;
+            controls.dampingFactor = 0.05;
+            controls.maxDistance = 1000;
+
+            const ambient = new THREE.AmbientLight(0x404040);
+            scene.add(ambient);
+            const dirLight = new THREE.DirectionalLight(0xaaccff, 2);
+            dirLight.position.set(100, 100, 50);
+            scene.add(dirLight);
+
+            nodeGroup = new THREE.Group();
+            linkGroup = new THREE.Group();
+            cometGroup = new THREE.Group();
+            scene.add(nodeGroup);
+            scene.add(linkGroup);
+            scene.add(cometGroup);
+
+            createStarfield();
+            initComet();
+
+            const loader = new FontLoader();
+            loader.load('https://cdn.jsdelivr.net/npm/three@0.160.0/examples/fonts/helvetiker_bold.typeface.json', (f) => {
+                font = f;
+            });
 
-                raycaster = new THREE.Raycaster();
+            raycaster = new THREE.Raycaster();
 
-                window.addEventListener('resize', onResize);
-                window.addEventListener('mousemove', onMouseMove);
-                window.addEventListener('mousedown', onMouseDown);
-                minimapCtx = document.getElementById('minimap-canvas').getContext('2d');
+            window.addEventListener('resize', onResize);
+            window.addEventListener('mousemove', onMouseMove);
+            window.addEventListener('mousedown', onMouseDown);
+            minimapCtx = document.getElementById('minimap-canvas').getContext('2d');
 
-                animate();
-            }
+            animate();
+        }
 
-            function createStarfield() {
-                const geom = new THREE.BufferGeometry();
-                const pos = [];
-                const col = [];
-                for (let i = 0; i < 8000; i++) {
-                    pos.push((Math.random() - 0.5) * 2000, (Math.random() - 0.5) * 2000, (Math.random() - 0.5) * 2000);
-                    const c = new THREE.Color().setHSL(Math.random(), 0.8, 0.8);
-                    col.push(c.r, c.g, c.b);
-                }
-                geom.setAttribute('position', new THREE.Float32BufferAttribute(pos, 3));
-                geom.setAttribute('color', new THREE.Float32BufferAttribute(col, 3));
-                const mat = new THREE.PointsMaterial({
-                    size: 1.5,
-                    vertexColors: true,
-                    transparent: true,
-                    opacity: 0.8
-                });
-                particleSystem = new THREE.Points(geom, mat);
-                scene.add(particleSystem);
+        function createStarfield() {
+            const geom = new THREE.BufferGeometry();
+            const pos = [];
+            const col = [];
+            for (let i = 0; i < 8000; i++) {
+                pos.push((Math.random() - 0.5) * 2000, (Math.random() - 0.5) * 2000, (Math.random() - 0.5) * 2000);
+                const c = new THREE.Color().setHSL(Math.random(), 0.8, 0.8);
+                col.push(c.r, c.g, c.b);
             }
-
-            function initComet() {
-                const headGeom = new THREE.SphereGeometry(1, 16, 16);
-                const headMat = new THREE.MeshBasicMaterial({
-                    color: 0xffffff
-                });
-                const head = new THREE.Mesh(headGeom, headMat);
-                cometGroup.add(head);
-
-                const light = new THREE.PointLight(0x00ffff, 2, 50);
-                cometGroup.add(light);
-
-                const tailGeom = new THREE.BufferGeometry();
-                const tailPos = new Float32Array(300 * 3);
-                tailGeom.setAttribute('position', new THREE.BufferAttribute(tailPos, 3));
-                const tailMat = new THREE.PointsMaterial({
-                    color: 0x00ffff,
-                    size: 0.5,
-                    transparent: true,
-                    opacity: 0.6,
-                    blending: THREE.AdditiveBlending
-                });
-                cometSystem = new THREE.Points(tailGeom, tailMat);
-                cometSystem.userData = {
-                    positions: []
-                };
-                scene.add(cometSystem);
+            geom.setAttribute('position', new THREE.Float32BufferAttribute(pos, 3));
+            geom.setAttribute('color', new THREE.Float32BufferAttribute(col, 3));
+            const mat = new THREE.PointsMaterial({ size: 1.5, vertexColors: true, transparent: true, opacity: 0.8 });
+            particleSystem = new THREE.Points(geom, mat);
+            scene.add(particleSystem);
+        }
+
+        function initComet() {
+            const headGeom = new THREE.SphereGeometry(1, 16, 16);
+            const headMat = new THREE.MeshBasicMaterial({ color: 0xffffff });
+            const head = new THREE.Mesh(headGeom, headMat);
+            cometGroup.add(head);
+
+            const light = new THREE.PointLight(0x00ffff, 2, 50);
+            cometGroup.add(light);
+
+            const tailGeom = new THREE.BufferGeometry();
+            const tailPos = new Float32Array(300 * 3);
+            tailGeom.setAttribute('position', new THREE.BufferAttribute(tailPos, 3));
+            const tailMat = new THREE.PointsMaterial({ color: 0x00ffff, size: 0.5, transparent: true, opacity: 0.6, blending: THREE.AdditiveBlending });
+            cometSystem = new THREE.Points(tailGeom, tailMat);
+            cometSystem.userData = { positions: [] };
+            scene.add(cometSystem);
+        }
+
+        function createExplosion(pos) {
+            const count = 30;
+            const geom = new THREE.BufferGeometry();
+            const pArr = new Float32Array(count * 3);
+            const vArr = [];
+            for(let i=0; i<count; i++){
+                pArr[i*3] = pos.x; pArr[i*3+1] = pos.y; pArr[i*3+2] = pos.z;
+                vArr.push(new THREE.Vector3((Math.random()-0.5)*2, (Math.random()-0.5)*2, (Math.random()-0.5)*2));
             }
-
-            function createExplosion(pos) {
-                const count = 30;
-                const geom = new THREE.BufferGeometry();
-                const pArr = new Float32Array(count * 3);
-                const vArr = [];
-                for (let i = 0; i < count; i++) {
-                    pArr[i * 3] = pos.x;
-                    pArr[i * 3 + 1] = pos.y;
-                    pArr[i * 3 + 2] = pos.z;
-                    vArr.push(new THREE.Vector3((Math.random() - 0.5) * 2, (Math.random() - 0.5) * 2, (Math.random() - 0.5) * 2));
+            geom.setAttribute('position', new THREE.BufferAttribute(pArr, 3));
+            const mat = new THREE.PointsMaterial({color: 0xff0055, size: 2, blending: THREE.AdditiveBlending});
+            const sys = new THREE.Points(geom, mat);
+            sys.userData = { vels: vArr, age: 0 };
+            scene.add(sys);
+            if(!explosionSystem) explosionSystem = [];
+            explosionSystem.push(sys);
+        }
+
+        function updateExplosions() {
+            if(!explosionSystem) return;
+            for(let i=explosionSystem.length-1; i>=0; i--){
+                const sys = explosionSystem[i];
+                const positions = sys.geometry.attributes.position.array;
+                sys.userData.age += 0.05;
+                for(let j=0; j<30; j++){
+                    positions[j*3] += sys.userData.vels[j].x;
+                    positions[j*3+1] += sys.userData.vels[j].y;
+                    positions[j*3+2] += sys.userData.vels[j].z;
+                }
+                sys.geometry.attributes.position.needsUpdate = true;
+                sys.material.opacity = 1 - sys.userData.age;
+                if(sys.userData.age >= 1) {
+                    scene.remove(sys);
+                    explosionSystem.splice(i, 1);
                 }
-                geom.setAttribute('position', new THREE.BufferAttribute(pArr, 3));
-                const mat = new THREE.PointsMaterial({
-                    color: 0xff0055,
-                    size: 2,
-                    blending: THREE.AdditiveBlending
-                });
-                const sys = new THREE.Points(geom, mat);
-                sys.userData = {
-                    vels: vArr,
-                    age: 0
-                };
-                scene.add(sys);
-                if (!explosionSystem) explosionSystem = [];
-                explosionSystem.push(sys);
             }
-
-            function updateExplosions() {
-                if (!explosionSystem) return;
-                for (let i = explosionSystem.length - 1; i >= 0; i--) {
-                    const sys = explosionSystem[i];
-                    const positions = sys.geometry.attributes.position.array;
-                    sys.userData.age += 0.05;
-                    for (let j = 0; j < 30; j++) {
-                        positions[j * 3] += sys.userData.vels[j].x;
-                        positions[j * 3 + 1] += sys.userData.vels[j].y;
-                        positions[j * 3 + 2] += sys.userData.vels[j].z;
-                    }
-                    sys.geometry.attributes.position.needsUpdate = true;
-                    sys.material.opacity = 1 - sys.userData.age;
-                    if (sys.userData.age >= 1) {
-                        scene.remove(sys);
-                        explosionSystem.splice(i, 1);
+        }
+
+        function onResize() {
+            camera.aspect = window.innerWidth / window.innerHeight;
+            camera.updateProjectionMatrix();
+            renderer.setSize(window.innerWidth, window.innerHeight);
+            composer.setSize(window.innerWidth, window.innerHeight);
+        }
+
+        function onMouseMove(e) {
+            mouse.x = (e.clientX / window.innerWidth) * 2 - 1;
+            mouse.y = -(e.clientY / window.innerHeight) * 2 + 1;
+            DOM.tooltip.style.left = (e.clientX + 15) + 'px';
+            DOM.tooltip.style.top = (e.clientY + 15) + 'px';
+        }
+
+        function onMouseDown() {
+            if (STATE.mode === 'defense') {
+                raycaster.setFromCamera(mouse, camera);
+                const intersects = raycaster.intersectObjects(nodeGroup.children);
+                if (intersects.length > 0) {
+                    const obj = intersects[0].object;
+                    if (obj.userData.isTrash) {
+                        createExplosion(obj.position);
+                        destroyNode(obj);
+                        STATE.xp += 15;
+                        STATE.energy = Math.min(100, STATE.energy + 5);
+                        log("AMENAZA NEUTRALIZADA. +15 XP", "success");
+                        updateHUD();
+                        checkRank();
+                    } else {
+                        STATE.energy -= 10;
+                        log("ERROR: NODO SEMÁNTICO DAÑADO. -10 E", "err");
+                        updateHUD();
                     }
                 }
             }
+        }
+
+        function destroyNode(mesh) {
+            nodeGroup.remove(mesh);
+            if(mesh.userData.textRef) nodeGroup.remove(mesh.userData.textRef);
+            const idx = STATE.nodes.indexOf(mesh);
+            if(idx > -1) STATE.nodes.splice(idx, 1);
+        }
+
+        // --- GEMINI API ---
+
+        async function callGemini(prompt) {
+            const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent?key=${STATE.geminiKey}`;
+            const payload = {
+                contents: [{ parts: [{ text: prompt }] }],
+                generationConfig: {
+                    temperature: 0.9,
+                    topK: 40,
+                    topP: 0.95,
+                    maxOutputTokens: 2048,
+                }
+            };
 
-            function onResize() {
-                camera.aspect = window.innerWidth / window.innerHeight;
-                camera.updateProjectionMatrix();
-                renderer.setSize(window.innerWidth, window.innerHeight);
-                composer.setSize(window.innerWidth, window.innerHeight);
+            try {
+                const response = await fetch(url, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(payload)
+                });
+                const data = await response.json();
+                if (data.error) throw new Error(data.error.message);
+                const text = data.candidates[0].content.parts[0].text;
+                const jsonStr = text.replace(/```json|```/g, '').trim();
+                return JSON.parse(jsonStr);
+            } catch (e) {
+                log(`ERROR NEURAL: ${e.message}`, 'err');
+                return null;
             }
-
-            function onMouseMove(e) {
-                mouse.x = (e.clientX / window.innerWidth) * 2 - 1;
-                mouse.y = -(e.clientY / window.innerHeight) * 2 + 1;
-                DOM.tooltip.style.left = (e.clientX + 15) + 'px';
-                DOM.tooltip.style.top = (e.clientY + 15) + 'px';
+        }
+
+        function buildPrompt(topic, mode) {
+            const d1 = DOM.sliders[0].value;
+            const d2 = DOM.sliders[1].value;
+            const d3 = DOM.sliders[2].value;
+
+            let base = `Genera un grafo de conocimiento JSON para "${topic}". Estructura: root { palabra: "${topic}", hijos: [ { palabra: "...", hijos: [] } ] }.
+            Profundidad 3. Cantidad: ${d1} hijos directos, cada uno con ${d2} hijos, y esos con ${d3} hijos. SOLO JSON PURO.`;
+
+            if (mode === 'bridge') {
+                const target = DOM.inputTarget.value;
+                STATE.bridgeTarget = target;
+                base += ` El objetivo es conectar conceptualmente con "${target}". Incluye caminos semánticos que se acerquen a "${target}".`;
+            } else if (mode === 'miner') {
+                base += ` Incluye 3-5 nodos marcados como "rare: true" que sean conceptos oscuros, científicos o poéticos relacionados.`;
+            } else if (mode === 'defense') {
+                base += ` Incluye 10 nodos marcados como "trash: true" que sean palabras aleatorias sin relación o conceptos opuestos.`;
             }
 
-            function onMouseDown() {
-                if (STATE.mode === 'defense') {
-                    raycaster.setFromCamera(mouse, camera);
-                    const intersects = raycaster.intersectObjects(nodeGroup.children);
-                    if (intersects.length > 0) {
-                        const obj = intersects[0].object;
-                        if (obj.userData.isTrash) {
-                            createExplosion(obj.position);
-                            destroyNode(obj);
-                            STATE.xp += 15;
-                            STATE.energy = Math.min(100, STATE.energy + 5);
-                            log("AMENAZA NEUTRALIZADA. +15 XP", "success");
-                            updateHUD();
-                            checkRank();
-                        } else {
-                            STATE.energy -= 10;
-                            log("ERROR: NODO SEMÁNTICO DAÑADO. -10 E", "err");
-                            updateHUD();
-                        }
-                    }
+            return base;
+        }
+
+        async function visualize() {
+            if (STATE.isProcessing) return;
+            const topic = DOM.inputTopic.value;
+            if (!topic) return log("FALTA SEMILLA", "err");
+            if (STATE.energy < 10) return log("ENERGÍA INSUFICIENTE", "err");
+
+            STATE.isProcessing = true;
+            STATE.energy -= 10;
+            updateHUD();
+            DOM.btnViz.disabled = true;
+            DOM.loadingBar.style.width = "50%";
+            log("INICIANDO SÍNTESIS...");
+
+            const prompt = buildPrompt(topic, STATE.mode);
+            const data = await callGemini(prompt);
+
+            DOM.loadingBar.style.width = "100%";
+
+            if (data) {
+                clearScene();
+                const origin = new THREE.Vector3(0, 0, 0);
+                if(STATE.user && STATE.maps[STATE.user.uid]) {
+                    const offset = new THREE.Vector3((Math.random()-0.5)*100, (Math.random()-0.5)*50, (Math.random()-0.5)*100);
+                    origin.add(offset);
                 }
-            }
-
-            function destroyNode(mesh) {
-                nodeGroup.remove(mesh);
-                if (mesh.userData.textRef) nodeGroup.remove(mesh.userData.textRef);
-                const idx = STATE.nodes.indexOf(mesh);
-                if (idx > -1) STATE.nodes.splice(idx, 1);
-            }
-
-            async function callGemini(prompt) {
-                const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent?key=${STATE.geminiKey}`;
-                const payload = {
-                    contents: [{
-                        parts: [{
-                            text: prompt
-                        }]
-                    }],
-                    generationConfig: {
-                        temperature: 0.9,
-                        topK: 40,
-                        topP: 0.95,
-                        maxOutputTokens: 2048,
-                    }
-                };
-
-                try {
-                    const response = await fetch(url, {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json'
-                        },
-                        body: JSON.stringify(payload)
+                parseAndCreate(data, origin, 0, null);
+                if (STATE.user) {
+                    addDoc(collection(db, 'artifacts', FB_CONFIG.projectId, 'public', 'maps', 'data'), {
+                        userId: STATE.user.uid,
+                        topic: topic,
+                        origin: {x: origin.x, y: origin.y, z: origin.z},
+                        mode: STATE.mode,
+                        timestamp: Date.now()
                     });
-                    const data = await response.json();
-                    if (data.error) throw new Error(data.error.message);
-                    const text = data.candidates[0].content.parts[0].text;
-                    const jsonStr = text.replace(/```json|```/g, '').trim();
-                    return JSON.parse(jsonStr);
-                } catch (e) {
-                    log(`ERROR NEURAL: ${e.message}`, 'err');
-                    return null;
                 }
+                log("MATERIALIZACIÓN COMPLETA.", "success");
             }
 
-            function buildPrompt(topic, mode) {
-                const d1 = DOM.sliders[0].value;
-                const d2 = DOM.sliders[1].value;
-                const d3 = DOM.sliders[2].value;
-
-                let base = `Genera un grafo de conocimiento JSON para "${topic}". Estructura: root { palabra: "${topic}", hijos: [ { palabra: "...", hijos: [] } ] }.
-Profundidad 3. Cantidad: ${d1} hijos directos, cada uno con ${d2} hijos, y esos con ${d3} hijos. SOLO JSON PURO.`;
-
-                if (mode === 'bridge') {
-                    const target = DOM.inputTarget.value;
-                    STATE.bridgeTarget = target;
-                    base += ` El objetivo es conectar conceptualmente con "${target}". Incluye caminos semánticos que se acerquen a "${target}".`;
-                } else if (mode === 'miner') {
-                    base += ` Incluye 3-5 nodos marcados como "rare: true" que sean conceptos oscuros, científicos o poéticos relacionados.`;
-                } else if (mode === 'defense') {
-                    base += ` Incluye 10 nodos marcados como "trash: true" que sean palabras aleatorias sin relación o conceptos opuestos.`;
-                }
-
-                return base;
+            setTimeout(() => {
+                DOM.loadingBar.style.width = "0%";
+                DOM.btnViz.disabled = false;
+                STATE.isProcessing = false;
+            }, 500);
+        }
+
+        function clearScene() {
+            while (nodeGroup.children.length > 0) {
+                const c = nodeGroup.children[0];
+                if(c.geometry) c.geometry.dispose();
+                if(c.material) c.material.dispose();
+                nodeGroup.remove(c);
             }
-
-            async function visualize() {
-                if (STATE.isProcessing) return;
-                const topic = DOM.inputTopic.value;
-                if (!topic) return log("FALTA SEMILLA", "err");
-                if (STATE.energy < 10) return log("ENERGÍA INSUFICIENTE", "err");
-
-                STATE.isProcessing = true;
-                STATE.energy -= 10;
-                updateHUD();
-                DOM.btnViz.disabled = true;
-                DOM.loadingBar.style.width = "50%";
-                log("INICIANDO SÍNTESIS...");
-
-                const prompt = buildPrompt(topic, STATE.mode);
-                const data = await callGemini(prompt);
-
-                DOM.loadingBar.style.width = "100%";
-
-                if (data) {
-                    clearScene();
-                    const origin = new THREE.Vector3(0, 0, 0);
-                    if (STATE.user && STATE.maps[STATE.user.uid]) {
-                        const offset = new THREE.Vector3((Math.random() - 0.5) * 100, (Math.random() - 0.5) * 50, (Math.random() - 0.5) * 100);
-                        origin.add(offset);
-                    }
-                    parseAndCreate(data, origin, 0, null);
-                    if (STATE.user) {
-                        addDoc(collection(db, 'artifacts', FB_CONFIG.projectId, 'public', 'maps', 'data'), {
-                            userId: STATE.user.uid,
-                            topic: topic,
-                            origin: {
-                                x: origin.x,
-                                y: origin.y,
-                                z: origin.z
-                            },
-                            mode: STATE.mode,
-                            timestamp: Date.now()
-                        });
-                    }
-                    log("MATERIALIZACIÓN COMPLETA.", "success");
-                }
-
-                setTimeout(() => {
-                    DOM.loadingBar.style.width = "0%";
-                    DOM.btnViz.disabled = false;
-                    STATE.isProcessing = false;
-                }, 500);
+            while (linkGroup.children.length > 0) {
+                linkGroup.remove(linkGroup.children[0]);
             }
+            STATE.nodes = [];
+            STATE.links = [];
+        }
+
+        function parseAndCreate(node, center, level, parent) {
+            if (!node || !node.palabra) return;
+            const text = node.palabra;
+            const isRare = node.rare === true;
+            const isTrash = node.trash === true;
+
+            const radius = 30 / (level + 1);
+            const phi = Math.acos(-1 + (2 * Math.random()));
+            const theta = Math.sqrt(Math.PI * 800) * phi;
+            const pos = new THREE.Vector3(
+                center.x + (radius * Math.sin(phi) * Math.cos(theta)),
+                center.y + (radius * Math.sin(phi) * Math.sin(theta)),
+                center.z + (radius * Math.cos(phi))
+            );
+            if(level === 0) pos.copy(center);
+
+            const color = isRare ? 0xffd700 : (isTrash ? 0xff0055 : (level === 0 ? 0xffffff : 0x00f3ff));
+            const size = level === 0 ? 2 : (isRare ? 1.5 : 0.8);
+
+            const geo = new THREE.SphereGeometry(size, 16, 16);
+            const mat = new THREE.MeshStandardMaterial({
+                color: color,
+                emissive: color,
+                emissiveIntensity: isRare ? 2 : 0.5,
+                roughness: 0.2,
+                metalness: 0.8
+            });
 
-            function clearScene() {
-                while (nodeGroup.children.length > 0) {
-                    const c = nodeGroup.children[0];
-                    if (c.geometry) c.geometry.dispose();
-                    if (c.material) c.material.dispose();
-                    nodeGroup.remove(c);
-                }
-                while (linkGroup.children.length > 0) {
-                    linkGroup.remove(linkGroup.children[0]);
-                }
-                STATE.nodes = [];
-                STATE.links = [];
+            const mesh = new THREE.Mesh(geo, mat);
+            mesh.position.copy(pos);
+            mesh.userData = { text: text, isRare, isTrash, level };
+            nodeGroup.add(mesh);
+            STATE.nodes.push(mesh);
+
+            if (font && level < 2) {
+                const tGeo = new TextGeometry(text.toUpperCase(), { font: font, size: size * 0.4, height: 0.05 });
+                const tMat = new THREE.MeshBasicMaterial({ color: 0xffffff });
+                const tMesh = new THREE.Mesh(tGeo, tMat);
+                tMesh.position.copy(pos).add(new THREE.Vector3(0, size + 0.5, 0));
+                tMesh.lookAt(camera.position);
+                nodeGroup.add(tMesh);
+                mesh.userData.textRef = tMesh;
             }
 
-            function parseAndCreate(node, center, level, parent) {
-                if (!node || !node.palabra) return;
-                const text = node.palabra;
-                const isRare = node.rare === true;
-                const isTrash = node.trash === true;
-
-                const radius = 30 / (level + 1);
-                const phi = Math.acos(-1 + (2 * Math.random()));
-                const theta = Math.sqrt(Math.PI * 800) * phi;
-                const pos = new THREE.Vector3(
-                    center.x + (radius * Math.sin(phi) * Math.cos(theta)),
-                    center.y + (radius * Math.sin(phi) * Math.sin(theta)),
-                    center.z + (radius * Math.cos(phi))
-                );
-                if (level === 0) pos.copy(center);
-
-                const color = isRare ? 0xffd700 : (isTrash ? 0xff0055 : (level === 0 ? 0xffffff : 0x00f3ff));
-                const size = level === 0 ? 2 : (isRare ? 1.5 : 0.8);
-
-                const geo = new THREE.SphereGeometry(size, 16, 16);
-                const mat = new THREE.MeshStandardMaterial({
-                    color: color,
-                    emissive: color,
-                    emissiveIntensity: isRare ? 2 : 0.5,
-                    roughness: 0.2,
-                    metalness: 0.8
-                });
-
-                const mesh = new THREE.Mesh(geo, mat);
-                mesh.position.copy(pos);
-                mesh.userData = {
-                    text: text,
-                    isRare,
-                    isTrash,
-                    level
-                };
-                nodeGroup.add(mesh);
-                STATE.nodes.push(mesh);
-
-                if (font && level < 2) {
-                    const tGeo = new TextGeometry(text.toUpperCase(), {
-                        font: font,
-                        size: size * 0.4,
-                        height: 0.05
-                    });
-                    const tMat = new THREE.MeshBasicMaterial({
-                        color: 0xffffff
-                    });
-                    const tMesh = new THREE.Mesh(tGeo, tMat);
-                    tMesh.position.copy(pos).add(new THREE.Vector3(0, size + 0.5, 0));
-                    tMesh.lookAt(camera.position);
-                    nodeGroup.add(tMesh);
-                    mesh.userData.textRef = tMesh;
-                }
+            if (parent) {
+                const points = [parent.position, pos];
+                const lGeo = new THREE.BufferGeometry().setFromPoints(points);
+                const lMat = new THREE.LineBasicMaterial({ color: color, transparent: true, opacity: 0.2 });
+                const line = new THREE.Line(lGeo, lMat);
+                linkGroup.add(line);
+            }
 
-                if (parent) {
-                    const points = [parent.position, pos];
-                    const lGeo = new THREE.BufferGeometry().setFromPoints(points);
-                    const lMat = new THREE.LineBasicMaterial({
-                        color: color,
-                        transparent: true,
-                        opacity: 0.2
-                    });
-                    const line = new THREE.Line(lGeo, lMat);
-                    linkGroup.add(line);
-                }
+            if (isRare && STATE.mode === 'miner') {
+                addToVault(text);
+                STATE.xp += 100;
+                log(`NODO DORADO: ${text}`, "success");
+                updateHUD();
+                checkRank();
+            }
 
-                if (isRare && STATE.mode === 'miner') {
-                    addToVault(text);
-                    STATE.xp += 100;
-                    log(`NODO DORADO: ${text}`, "success");
-                    updateHUD();
+            if (STATE.mode === 'bridge' && STATE.bridgeTarget) {
+                if (text.toLowerCase().includes(STATE.bridgeTarget.toLowerCase())) {
+                    const laserGeo = new THREE.BufferGeometry().setFromPoints([new THREE.Vector3(0,0,0), pos]);
+                    const laserMat = new THREE.LineBasicMaterial({ color: 0x00ff00, linewidth: 5 });
+                    scene.add(new THREE.Line(laserGeo, laserMat));
+                    log("PUENTE ESTABLECIDO!", "success");
+                    STATE.xp += 500;
                     checkRank();
                 }
-
-                if (STATE.mode === 'bridge' && STATE.bridgeTarget) {
-                    if (text.toLowerCase().includes(STATE.bridgeTarget.toLowerCase())) {
-                        const laserGeo = new THREE.BufferGeometry().setFromPoints([new THREE.Vector3(0, 0, 0), pos]);
-                        const laserMat = new THREE.LineBasicMaterial({
-                            color: 0x00ff00,
-                            linewidth: 5
-                        });
-                        scene.add(new THREE.Line(laserGeo, laserMat));
-                        log("PUENTE ESTABLECIDO!", "success");
-                        STATE.xp += 500;
-                        checkRank();
-                    }
-                }
-
-                if (node.hijos) {
-                    node.hijos.forEach(child => parseAndCreate(child, pos, level + 1, mesh));
-                }
             }
 
-            function addToVault(word) {
-                if (STATE.user) {
-                    updateDoc(doc(db, 'artifacts', FB_CONFIG.projectId, 'users', STATE.user.uid, 'profile', 'data'), {
-                        inventory: arrayUnion(word)
-                    });
-                }
-                const tag = document.createElement('span');
-                tag.className = 'text-[9px] border border-yellow-500 text-yellow-500 px-1 rounded rare-glow cursor-help';
-                tag.textContent = word;
-                tag.title = "Concepto Raro";
-                DOM.vaultGrid.appendChild(tag);
-                DOM.vaultPanel.classList.remove('hidden');
-                DOM.vaultCount.textContent = (DOM.vaultGrid.children.length) + " ITEMS";
+            if (node.hijos) {
+                node.hijos.forEach(child => parseAndCreate(child, pos, level + 1, mesh));
             }
+        }
 
-            function subscribeToMaps() {
-                const q = query(collection(db, 'artifacts', FB_CONFIG.projectId, 'public', 'maps', 'data'), orderBy('timestamp', 'desc'), limit(50));
-                onSnapshot(q, (snap) => {
-                    STATE.maps = {};
-                    minimapCtx.clearRect(0, 0, 256, 166);
-                    snap.forEach(d => {
-                        const data = d.data();
-                        STATE.maps[data.userId] = data.origin;
-                        const isMe = STATE.user && data.userId === STATE.user.uid;
-                        const x = 128 + (data.origin.x * mmScale);
-                        const y = 83 + (data.origin.z * mmScale);
-                        minimapCtx.beginPath();
-                        minimapCtx.arc(x, y, isMe ? 4 : 2, 0, Math.PI * 2);
-                        minimapCtx.fillStyle = isMe ? '#00f3ff' : '#555';
-                        minimapCtx.fill();
-                    });
+        function addToVault(word) {
+            if(STATE.user) {
+                updateDoc(doc(db, 'artifacts', FB_CONFIG.projectId, 'users', STATE.user.uid, 'profile', 'data'), {
+                    inventory: arrayUnion(word)
                 });
             }
+            const tag = document.createElement('span');
+            tag.className = 'text-[9px] border border-yellow-500 text-yellow-500 px-1 rounded rare-glow cursor-help';
+            tag.textContent = word;
+            tag.title = "Concepto Raro";
+            DOM.vaultGrid.appendChild(tag);
+            DOM.vaultPanel.classList.remove('hidden');
+            DOM.vaultCount.textContent = (DOM.vaultGrid.children.length) + " ITEMS";
+        }
+
+        function subscribeToMaps() {
+            const q = query(collection(db, 'artifacts', FB_CONFIG.projectId, 'public', 'maps', 'data'), orderBy('timestamp', 'desc'), limit(50));
+            onSnapshot(q, (snap) => {
+                STATE.maps = {};
+                minimapCtx.clearRect(0,0,256,166);
+                snap.forEach(d => {
+                    const data = d.data();
+                    STATE.maps[data.userId] = data.origin;
+                    const isMe = STATE.user && data.userId === STATE.user.uid;
+                    const x = 128 + (data.origin.x * mmScale);
+                    const y = 83 + (data.origin.z * mmScale);
+                    minimapCtx.beginPath();
+                    minimapCtx.arc(x, y, isMe ? 4 : 2, 0, Math.PI * 2);
+                    minimapCtx.fillStyle = isMe ? '#00f3ff' : '#555';
+                    minimapCtx.fill();
+                });
+            });
+        }
 
-            function animate() {
-                requestAnimationFrame(animate);
-                const delta = clock.getDelta();
-                const time = clock.getElapsedTime();
+        function animate() {
+            requestAnimationFrame(animate);
+            const delta = clock.getDelta();
+            const time = clock.getElapsedTime();
 
-                controls.update();
-                updateExplosions();
+            controls.update();
+            updateExplosions();
 
-                if (particleSystem) {
-                    particleSystem.rotation.y = time * 0.02;
-                }
+            if (particleSystem) {
+                particleSystem.rotation.y = time * 0.02;
+            }
 
-                if (cometGroup) {
-                    if (STATE.mode === 'defense' && STATE.nodes.length > 0) {
-                        let closest = null;
-                        let dist = Infinity;
-                        STATE.nodes.forEach(n => {
-                            const d = cometGroup.position.distanceTo(n.position);
-                            if (d < dist && n.userData.isTrash) {
-                                dist = d;
-                                closest = n;
-                            }
-                        });
-                        if (closest) {
-                            const dir = new THREE.Vector3().subVectors(closest.position, cometGroup.position).normalize();
-                            cometGroup.position.add(dir.multiplyScalar(delta * 20));
-                            if (dist < 2) {
-                                STATE.energy -= 20;
-                                log("IMPACTO DE BASURA!", "err");
-                                updateHUD();
-                                destroyNode(closest);
-                                createExplosion(closest.position);
-                            }
-                        } else {
-                            cometGroup.position.x = Math.sin(time) * 100;
-                            cometGroup.position.z = Math.cos(time) * 50;
+            if (cometGroup) {
+                if(STATE.mode === 'defense' && STATE.nodes.length > 0) {
+                    let closest = null;
+                    let dist = Infinity;
+                    STATE.nodes.forEach(n => {
+                        const d = cometGroup.position.distanceTo(n.position);
+                        if(d < dist && n.userData.isTrash) { dist = d; closest = n; }
+                    });
+                    if(closest) {
+                        const dir = new THREE.Vector3().subVectors(closest.position, cometGroup.position).normalize();
+                        cometGroup.position.add(dir.multiplyScalar(delta * 20));
+                        if(dist < 2) {
+                            STATE.energy -= 20;
+                            log("IMPACTO DE BASURA!", "err");
+                            updateHUD();
+                            destroyNode(closest);
+                            createExplosion(closest.position);
                         }
                     } else {
-                        cometGroup.position.x = Math.sin(time * 0.5) * 120;
-                        cometGroup.position.y = Math.cos(time * 0.3) * 40;
-                        cometGroup.position.z = Math.sin(time * 0.2) * 120;
-                    }
-
-                    const positions = cometSystem.userData.positions;
-                    positions.push(cometGroup.position.clone());
-                    if (positions.length > 300) positions.shift();
-
-                    const arr = cometSystem.geometry.attributes.position.array;
-                    for (let i = 0; i < positions.length; i++) {
-                        arr[i * 3] = positions[i].x;
-                        arr[i * 3 + 1] = positions[i].y;
-                        arr[i * 3 + 2] = positions[i].z;
+                        cometGroup.position.x = Math.sin(time) * 100;
+                        cometGroup.position.z = Math.cos(time) * 50;
                     }
-                    cometSystem.geometry.attributes.position.needsUpdate = true;
-                }
-
-                raycaster.setFromCamera(mouse, camera);
-                const intersects = raycaster.intersectObjects(nodeGroup.children);
-                if (intersects.length > 0) {
-                    const obj = intersects[0].object;
-                    DOM.tooltip.classList.remove('hidden');
-                    DOM.ttTitle.textContent = obj.userData.text;
-                    DOM.ttSub.textContent = obj.userData.isTrash ? "AMENAZA (CLICK PARA BORRAR)" : (obj.userData.isRare ? "NODO RARO" : `NIVEL ${obj.userData.level}`);
-                    DOM.ttTitle.className = obj.userData.isTrash ? "text-red-500 font-bold" : (obj.userData.isRare ? "text-yellow-400 font-bold" : "text-cyan-300 font-bold");
-                    document.body.style.cursor = 'pointer';
                 } else {
-                    DOM.tooltip.classList.add('hidden');
-                    document.body.style.cursor = 'default';
+                    cometGroup.position.x = Math.sin(time * 0.5) * 120;
+                    cometGroup.position.y = Math.cos(time * 0.3) * 40;
+                    cometGroup.position.z = Math.sin(time * 0.2) * 120;
                 }
 
-                composer.render();
-            }
+                const positions = cometSystem.userData.positions;
+                positions.push(cometGroup.position.clone());
+                if(positions.length > 300) positions.shift();
 
-            DOM.btnAnon.addEventListener('click', async () => {
-                await signInAnonymously(auth);
-            });
-
-            DOM.loginForm.addEventListener('submit', async (e) => {
-                e.preventDefault();
-                try {
-                    await signInWithEmailAndPassword(auth, document.getElementById('login-email').value, document.getElementById('login-pass').value);
-                } catch (err) {
-                    DOM.msgAuth.textContent = err.message;
-                }
-            });
-
-            DOM.regForm.addEventListener('submit', async (e) => {
-                e.preventDefault();
-                try {
-                    await createUserWithEmailAndPassword(auth, document.getElementById('reg-email').value, document.getElementById('reg-pass').value);
-                    DOM.authForms.classList.add('hidden');
-                    DOM.userSetup.classList.remove('hidden');
-                } catch (err) {
-                    DOM.msgAuth.textContent = err.message;
+                const arr = cometSystem.geometry.attributes.position.array;
+                for(let i=0; i<positions.length; i++){
+                    arr[i*3] = positions[i].x;
+                    arr[i*3+1] = positions[i].y;
+                    arr[i*3+2] = positions[i].z;
                 }
-            });
-
-            DOM.tabLogin.addEventListener('click', (e) => {
-                e.preventDefault();
-                DOM.loginForm.classList.remove('hidden');
-                DOM.regForm.classList.add('hidden');
-                DOM.tabLogin.classList.add('border-cyan-400', 'text-cyan-400');
-                DOM.tabLogin.classList.remove('border-transparent', 'text-gray-500');
-                DOM.tabReg.classList.remove('border-cyan-400', 'text-cyan-400');
-                DOM.tabReg.classList.add('border-transparent', 'text-gray-500');
-            });
-
-            DOM.tabReg.addEventListener('click', (e) => {
-                e.preventDefault();
-                DOM.loginForm.classList.add('hidden');
-                DOM.regForm.classList.remove('hidden');
-                DOM.tabReg.classList.add('border-cyan-400', 'text-cyan-400');
-                DOM.tabReg.classList.remove('border-transparent', 'text-gray-500');
-                DOM.tabLogin.classList.remove('border-cyan-400', 'text-cyan-400');
-                DOM.tabLogin.classList.add('border-transparent', 'text-gray-500');
-            });
-
-            document.getElementById('btn-save-profile').addEventListener('click', () => {
-                saveProfile(document.getElementById('setup-name').value || "User-" + Math.floor(Math.random() * 1000));
-            });
-
-            document.getElementById('btn-logout').addEventListener('click', () => signOut(auth));
-
-            document.querySelectorAll('.mode-btn').forEach(btn => {
-                btn.addEventListener('click', () => {
-                    document.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('mode-active'));
-                    btn.classList.add('mode-active');
-                    STATE.mode = btn.dataset.mode;
-                    DOM.targetContainer.classList.add('hidden');
-                    if (STATE.mode === 'bridge') {
-                        DOM.targetContainer.classList.remove('hidden');
-                        DOM.missionDesc.textContent = "Conecta el concepto A con el B mediante nodos intermedios.";
-                    } else if (STATE.mode === 'miner') {
-                        DOM.missionDesc.textContent = "Busca nodos dorados (conceptos raros) para tu bóveda.";
-                    } else if (STATE.mode === 'defense') {
-                        DOM.missionDesc.textContent = "¡ALERTA! Destruye los nodos basura rojos antes de que el cometa impacte.";
-                    } else {
-                        DOM.missionDesc.textContent = "Explora la red semántica libremente.";
-                    }
-                });
-            });
-
-            DOM.sliders.forEach((s, i) => {
-                s.addEventListener('input', (e) => DOM.sliderVals[i].textContent = e.target.value);
-            });
+                cometSystem.geometry.attributes.position.needsUpdate = true;
+            }
 
-            document.getElementById('btn-config-api').addEventListener('click', () => {
-                document.getElementById('panel-api').classList.toggle('hidden');
-            });
+            raycaster.setFromCamera(mouse, camera);
+            const intersects = raycaster.intersectObjects(nodeGroup.children);
+            if (intersects.length > 0) {
+                const obj = intersects[0].object;
+                DOM.tooltip.classList.remove('hidden');
+                DOM.ttTitle.textContent = obj.userData.text;
+                DOM.ttSub.textContent = obj.userData.isTrash ? "AMENAZA (CLICK PARA BORRAR)" : (obj.userData.isRare ? "NODO RARO" : `NIVEL ${obj.userData.level}`);
+                DOM.ttTitle.className = obj.userData.isTrash ? "text-red-500 font-bold" : (obj.userData.isRare ? "text-yellow-400 font-bold" : "text-cyan-300 font-bold");
+                document.body.style.cursor = 'pointer';
+            } else {
+                DOM.tooltip.classList.add('hidden');
+                document.body.style.cursor = 'default';
+            }
 
-            document.getElementById('btn-save-api').addEventListener('click', () => {
-                const k = document.getElementById('input-api-key').value;
-                if (k) {
-                    STATE.geminiKey = k;
-                    localStorage.setItem('NEXUS_KEY', k);
-                    log("LLAVE API ACTUALIZADA", "success");
-                    document.getElementById('panel-api').classList.add('hidden');
+            composer.render();
+        }
+
+        // --- EVENT LISTENERS ---
+
+        document.querySelectorAll('.mode-btn').forEach(btn => {
+            btn.addEventListener('click', () => {
+                document.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('mode-active'));
+                btn.classList.add('mode-active');
+                STATE.mode = btn.dataset.mode;
+                DOM.targetContainer.classList.add('hidden');
+                if(STATE.mode === 'bridge') {
+                    DOM.targetContainer.classList.remove('hidden');
+                    DOM.missionDesc.textContent = "Conecta el concepto A con el B mediante nodos intermedios.";
+                } else if (STATE.mode === 'miner') {
+                    DOM.missionDesc.textContent = "Busca nodos dorados (conceptos raros) para tu bóveda.";
+                } else if (STATE.mode === 'defense') {
+                    DOM.missionDesc.textContent = "¡ALERTA! Destruye los nodos basura rojos antes de que el cometa impacte.";
+                } else {
+                    DOM.missionDesc.textContent = "Explora la red semántica libremente.";
                 }
             });
+        });
+
+        DOM.sliders.forEach((s, i) => {
+            s.addEventListener('input', (e) => DOM.sliderVals[i].textContent = e.target.value);
+        });
+
+        document.getElementById('btn-config-api').addEventListener('click', () => {
+            document.getElementById('panel-api').classList.toggle('hidden');
+        });
+
+        document.getElementById('btn-save-api').addEventListener('click', () => {
+            const k = document.getElementById('input-api-key').value;
+            if(k) {
+                STATE.geminiKey = k;
+                localStorage.setItem('NEXUS_KEY', k);
+                log("LLAVE API ACTUALIZADA", "success");
+                document.getElementById('panel-api').classList.add('hidden');
+            }
+        });
+
+        DOM.btnViz.addEventListener('click', visualize);
 
-            DOM.btnViz.addEventListener('click', visualize);
+        document.getElementById('zoom-in').addEventListener('click', () => mmScale *= 1.2);
+        document.getElementById('zoom-out').addEventListener('click', () => mmScale *= 0.8);
 
-            document.getElementById('zoom-in').addEventListener('click', () => mmScale *= 1.2);
-            document.getElementById('zoom-out').addEventListener('click', () => mmScale *= 0.8);
+        // Arranque
+        initFirebase();
 
-            initFirebase();
-        </script>
-    </body>
+    </script>
+</body>
 </html>
\ No newline at end of file
