:root {
  --signal-maroon: #852946;
  --signal-maroon-bright: #a33a57;
}

.countdown.is-glitching .value::after {
  color: var(--signal-maroon-bright);
  opacity: .88;
  transform: translate(8px, -2px);
  text-shadow: -4px 0 #4e1425, 3px 0 rgba(163, 58, 87, .58);
  animation: slice-red-wide 160ms steps(2, end) 2;
}

.breach.is-font-glitch::after {
  text-shadow: -5px 0 #0075bb, 5px 0 var(--signal-maroon-bright);
}

.countdown.is-glitching .value::before {
  opacity: .88;
  transform: translate(-8px, 2px);
  text-shadow: 4px 0 #0075bb;
  animation: slice-blue-wide 130ms steps(2, end) 2;
}

.screen-fault::before {
  animation-duration: 6.6s;
}

.screen-fault::after {
  animation-duration: 4.1s;
}

@keyframes slice-blue-wide {
  0% { transform: translate(-8px, 2px); }
  50% { transform: translate(11px, -3px); }
  100% { transform: translate(-4px, 1px); }
}

@keyframes slice-red-wide {
  0% { transform: translate(8px, -2px); }
  50% { transform: translate(-12px, 3px); }
  100% { transform: translate(5px, -1px); }
}

.screen-fault::before {
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(0, 28, 63, .34) 20%,
      rgba(133, 41, 70, .32) 38%,
      rgba(0, 117, 187, .2) 49%,
      rgba(232, 244, 255, .07) 52%,
      rgba(101, 24, 48, .34) 68%,
      transparent
    );
}

.screen-fault::after {
  background:
    repeating-linear-gradient(
      0deg,
      transparent 0 6px,
      rgba(0, 117, 187, .075) 7px,
      transparent 8px 13px,
      rgba(133, 41, 70, .14) 14px,
      transparent 16px 20px
    ),
    linear-gradient(
      90deg,
      transparent 0 7%,
      rgba(0, 28, 63, .24) 7% 31%,
      transparent 31% 48%,
      rgba(133, 41, 70, .26) 48% 57%,
      transparent 57% 64%,
      rgba(0, 117, 187, .13) 64% 74%,
      transparent 74%
    );
}

.crt-glass::before {
  background:
    repeating-linear-gradient(
      90deg,
      rgba(133, 41, 70, .065) 0 1px,
      rgba(90, 180, 255, .022) 1px 2px,
      rgba(70, 130, 255, .018) 2px 3px,
      transparent 3px 5px
    );
}

.progress-fill {
  background:
    linear-gradient(
      90deg,
      #001c3f,
      #0075bb 48%,
      var(--signal-maroon) 49%,
      #0075bb 51%,
      #00a8ed
    );
}
