/* Mascote do Elton (sprite 3x3 direções + 3x3 reações). Ver mascote.js */
.mascote {
  --size: 120px;
  position: relative;
  display: block;
  flex-shrink: 0;
  width: var(--size);
  height: var(--size);
  padding: 0;
  border: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  filter: drop-shadow(0 6px 10px rgba(22, 32, 59, .14));
}
.mascote:focus-visible { outline: 2px solid #1A3FB0; outline-offset: 4px; border-radius: 50%; }
.mascote-squash { position: relative; display: block; width: 100%; height: 100%; transform-origin: 50% 78%; }
.mascote-layer { position: absolute; inset: 0; background-size: 300% 300%; background-repeat: no-repeat; }