/* ==========================================================================
   ASCII GLITCH RIPPLE EFFECT
   Scrambles text characters into matrix ASCII glyphs in an expanding ripple 
   wave on cursor hover, restoring original text with soft glowing blue/purple accents.
   ========================================================================== */

.ascii-glitch-ripple {
    position: relative;
    display: block;
    user-select: none;
    cursor: default;
}

.ascii-glitch-word {
    display: inline-block;
    white-space: nowrap;
}

.ascii-glitch-char {
    display: inline-block;
    transition: color 0.15s ease, text-shadow 0.15s ease, transform 0.15s ease;
    will-change: transform, color;
}

.ascii-glitch-char.glitching {
    color: #2563eb;
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.7), 0 0 16px rgba(168, 85, 247, 0.4);
    transform: translateY(-1px) scale(1.1);
    font-family: 'Fira Code', 'Courier New', monospace;
    font-weight: 800;
}

.ascii-glitch-char.glitch-purple {
    color: #a855f7;
    text-shadow: 0 0 8px rgba(168, 85, 247, 0.7);
}

.ascii-glitch-space {
    display: inline;
}