frontend/src/styles/global.css

@@ -2085,7 +2085,8 @@ html.cybersigil body::after {
 }
 
 /* Corner growths: swap the static mask box for the live SVG, keep the box's
- * size / placement / flicker opacity. Carves itself on page load. */
+ * size / placement / flicker opacity. Strokes carve in and wipe out forever
+ * (same perpetual self-redraw as the background sigil). */
 .cybersigil .cs-fx-corner--sig {
   background: none;
   -webkit-mask: none;
@@ -2093,8 +2094,8 @@ html.cybersigil body::after {
 }
 .cybersigil .cs-fx-corner--sig .cs-sigil path,
 .cybersigil .cs-fx-corner--sig .cs-sigil line {
-  animation: cs-carve 1100ms ease-out forwards;
+  animation: cs-redraw 5.5s ease-in-out infinite;
-  animation-delay: calc(var(--i, 0) * 90ms);
+  animation-delay: calc(var(--i, 0) * -0.34s);
 }
 
 /* Selection — magenta block, bone glyph, cyan bleed. */
@@ -2531,16 +2532,6 @@ html.cybersigil body::after {
   box-shadow: 3px 3px 0 0 var(--mauve);
   text-shadow: 0 0 6px color-mix(in srgb, var(--sky) 50%, transparent);
 }
-.cybersigil .back-link::before {
-  content: "";
-  width: 1.5em;
-  height: 0.95em;
-  flex: none;
-  background-color: currentColor;
-  -webkit-mask: var(--cs-barb) center / contain no-repeat;
-  mask: var(--cs-barb) center / contain no-repeat;
-  transform: scaleX(-1);
-}
 .cybersigil .back-link::after {
   content: "_";
   margin-left: -0.1em;
@@ -3052,9 +3043,10 @@ html.cybersigil body::after {
     transition-duration: 0.001ms !important;
     scroll-behavior: auto !important;
   }
-  /* The looping background sigil would otherwise collapse to its hidden
+  /* The looping sigils would otherwise collapse to their hidden end-state —
-   * end-state — pin it fully drawn instead so it stays visible, just still. */
+   * pin them fully drawn instead so they stay visible, just still. */
-  .cybersigil .cs-fx-wire .cs-sigil path {
+  .cybersigil .cs-fx-wire .cs-sigil path,
+  .cybersigil .cs-fx-corner--sig .cs-sigil path {
     animation: none !important;
     stroke-dashoffset: 0 !important;
   }