.sprite-footer,
.sprite-behind,
.sprite-above {
  position: absolute;
  bottom: 0;
  image-rendering: pixelated;
}

.sprite-footer,
.sprite-above {
  pointer-events: auto;
  cursor: pointer;
}

.sprite-footer.sprite-inert,
.sprite-above.sprite-inert {
  pointer-events: none;
  cursor: auto;
}

.sprite-behind {
  z-index: -10;
}

.sprite-above {
  z-index: 10;
}

.sprite-sheet {
  position: absolute;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  opacity: 0;
}

.sprite-sheet-active {
  opacity: 1;
}

.bubble {
  pointer-events: none;
  position: absolute;
  z-index: 20;
  bottom: 65%;
  left: 90%;
}

.bubble-caret {
  display: inline-block;
  width: 5px;
  height: 10px;
  background-color: var(--accent);
  animation: blink 1.2s step-end infinite;
}