feat: enhance node typography and upgrade discovery lock to cyber-vault

Author: ss-o

.editorconfig

@@ -91,29 +91,60 @@
     </svg>
 
     <div id="intro-layer">
-      <svg id="lock-icon" viewBox="0 0 100 100" width="150" height="150">
+      <svg id="lock-icon" viewBox="0 0 200 200" width="250" height="250">
+        <!-- Outer rotating ring -->
         <circle
-          cx="50"
-          cy="50"
-          r="40"
+          cx="100"
+          cy="100"
+          r="90"
           stroke="var(--accent-2)"
           stroke-width="2"
+          stroke-dasharray="20 10"
           fill="none"
-          class="lock-ring"
+          class="vault-ring-outer"
         />
-        <rect
-          x="35"
-          y="40"
-          width="30"
-          height="30"
-          rx="3"
-          fill="var(--accent)"
-        />
-        <path
-          d="M 40 40 V 30 A 10 10 0 0 1 60 30 V 40"
-          fill="none"
+        <!-- Middle counter-rotating segmented ring -->
+        <circle
+          cx="100"
+          cy="100"
+          r="70"
           stroke="var(--accent)"
           stroke-width="4"
+          stroke-dasharray="40 20"
+          fill="none"
+          class="vault-ring-middle"
+        />
+        <!-- Inner spinning reticle -->
+        <g class="vault-reticle">
+          <circle
+            cx="100"
+            cy="100"
+            r="45"
+            stroke="var(--accent-2)"
+            stroke-width="1"
+            stroke-dasharray="2 4"
+            fill="none"
+          />
+          <path
+            d="M 100 45 V 55 M 100 145 V 155 M 45 100 H 55 M 145 100 H 155"
+            stroke="var(--accent-2)"
+            stroke-width="2"
+          />
+        </g>
+        <!-- Glowing central core -->
+        <circle
+          cx="100"
+          cy="100"
+          r="15"
+          fill="var(--accent)"
+          class="vault-core"
+        />
+        <circle
+          cx="100"
+          cy="100"
+          r="10"
+          fill="white"
+          class="vault-core-inner"
         />
       </svg>
       <div class="intro-text">INITIATING DISCOVERY</div>

index.html

@@ -78,13 +78,21 @@ body {
 
 .node text {
   font-family: var(--font-mono);
-  font-size: 13px;
+  font-size: 14px;
+  font-weight: 600;
   fill: var(--fg);
   stroke: none;
+  text-shadow:
+    0 0 4px rgba(0, 0, 0, 0.9),
+    0 0 8px rgba(0, 0, 0, 0.8),
+    0 0 2px var(--bg);
 }
 
 .node:hover text {
   fill: var(--accent);
+  text-shadow:
+    0 0 8px var(--accent),
+    0 0 2px var(--bg);
 }
 
 path.link {
@@ -256,15 +264,50 @@ a:hover {
     opacity 1.5s ease-out,
     visibility 1.5s;
 }
-.lock-ring {
-  animation: pulse-ring 2s infinite alternate;
+.vault-ring-outer {
+  transform-origin: center;
+  animation: vault-spin-cw 8s linear infinite;
 }
-@keyframes pulse-ring {
+.vault-ring-middle {
+  transform-origin: center;
+  animation: vault-spin-ccw 6s linear infinite;
+}
+.vault-reticle {
+  transform-origin: center;
+  animation: vault-spin-cw 3s linear infinite;
+}
+.vault-core {
+  animation: vault-pulse 2s ease-in-out infinite alternate;
+  filter: drop-shadow(0 0 10px var(--accent));
+}
+.vault-core-inner {
+  animation: vault-pulse 1s ease-in-out infinite alternate-reverse;
+}
+
+@keyframes vault-spin-cw {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes vault-spin-ccw {
+  from {
+    transform: rotate(360deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
+}
+@keyframes vault-pulse {
   from {
-    stroke-width: 1;
+    opacity: 0.4;
+    transform: scale(0.9);
   }
   to {
-    stroke-width: 4;
+    opacity: 1;
+    transform: scale(1.1);
   }
 }
 .intro-text {