.command-sidebar h1 {
  position: relative;
  display: inline-block;
  color: var(--ink);
  text-shadow: 3px 3px 0 var(--skin);
  animation: commands-title-bob 2.4s steps(5, end) infinite;
}

.command-sidebar h1::after {
  position: absolute;
  top: -11px;
  right: -18px;
  color: var(--orange);
  content: '✦';
  font: 18px/1 'Pixelify Sans', sans-serif;
  animation: commands-title-spark 1.2s steps(3, end) infinite;
}

@keyframes commands-title-bob {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(2px, -2px); }
  50% { transform: translate(0, 1px); }
  75% { transform: translate(-2px, -1px); }
}

@keyframes commands-title-spark {
  0%, 100% { opacity: .35; transform: scale(.7) rotate(0); }
  50% { opacity: 1; transform: scale(1.2) rotate(45deg); }
}
