Promote ascii-frame-outer to GPU layer to stop hover blink

The body::before scanline overlay (position:fixed, z-index:9999) requires
the compositor to re-blend over the section every time a CPU repaint
happens inside it. Hover state entry/exit triggers these repaints, causing
a visible blink as the compositor flushes.

Fixes:
- Add will-change:transform + transform:translateZ(0) to ascii-frame-outer
  to promote it to its own GPU compositing layer, isolating its repaints
  from the scanline compositing pass
- Convert corner-pulse and subtle-pulse from text-shadow (CPU repaint)
  to opacity (GPU composited) to eliminate continuous repaint pressure
  inside the section

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

assets/css/dashboard.css

@@ -97,7 +97,6 @@ body {
     padding: var(--spacing-md);
     background-color: var(--bg-primary);
     color: var(--text-primary);
-    transition: var(--transition-default);
     position: relative;
 }
 
@@ -271,15 +270,15 @@ a:not(.btn)::after {
     position: absolute;
     bottom: -2px;
     left: 0;
-    width: 0;
+    width: 100%;
     height: 1px;
     background: currentColor;
-    box-shadow: 0 0 5px currentColor;
-    transition: width 0.3s ease;
+    opacity: 0;
+    transition: opacity 0.2s ease;
 }
 
 a:not(.btn):hover::after {
-    width: 100%;
+    opacity: 1;
 }
 
 /* Matrix-style rain effect on hover for stats */
@@ -992,6 +991,8 @@ h1 {
     padding: 0;
     background: var(--bg-primary);
     margin-bottom: 2rem;
+    will-change: transform;
+    transform: translateZ(0);
 }
 
 .ascii-frame-outer::before {
@@ -1030,8 +1031,8 @@ h1 {
 }
 
 @keyframes corner-pulse {
-    0%, 100% { text-shadow: var(--glow-green); }
-    50% { text-shadow: var(--glow-green-intense); }
+    0%, 100% { opacity: 0.7; }
+    50% { opacity: 1; }
 }
 
 .bottom-left-corner {
@@ -1087,8 +1088,8 @@ h1 {
 }
 
 @keyframes subtle-pulse {
-    0%, 100% { text-shadow: var(--glow-amber); }
-    50% { text-shadow: var(--glow-amber-intense); }
+    0%, 100% { opacity: 0.75; }
+    50% { opacity: 1; }
 }
 
 .ascii-section-header::before {
@@ -2830,7 +2831,7 @@ input[type="checkbox"]:checked {
     border-radius: 0;
     display: inline-block;
     border: 1px solid transparent;
-    transition: all 0.3s ease;
+    transition: background 0.2s ease, border-color 0.2s ease, text-shadow 0.2s ease;
     text-shadow: var(--glow-green);
 }
 
@@ -2844,7 +2845,6 @@ input[type="checkbox"]:checked {
     background: rgba(0, 255, 65, 0.2);
     border-color: var(--terminal-green);
     text-shadow: var(--glow-green-intense);
-    transform: translateX(2px);
 }
 
 /* ===== PAGINATION STYLES ===== */

assets/css/ticket.css

@@ -564,7 +564,6 @@ textarea.editable {
 }
 
 .btn:hover {
-    transform: translateY(-2px);
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }