/* glitch.css — heading scramble + glitch flourishes */
[data-glitch] { position: relative; }

[data-glitch].is-glitching {
  animation: glitchShift 0.6s steps(2) 1;
}
@keyframes glitchShift {
  0% { text-shadow: 2px 0 var(--magenta), -2px 0 var(--cyan); }
  25% { text-shadow: -2px 0 var(--magenta), 2px 0 var(--cyan); transform: translateX(1px); }
  50% { text-shadow: 2px 0 var(--cyan), -2px 0 var(--magenta); transform: translateX(-1px); }
  100% { text-shadow: none; transform: none; }
}

/* Logo shatter container for easter egg */
.shatter-piece {
  position: fixed;
  pointer-events: none;
  z-index: var(--z-modal);
  border-radius: 2px;
  background: var(--purple);
  box-shadow: 0 0 10px var(--purple);
}