/* ============================================================
   VilaTCG — bichinho na tela (ovo / pokémon / berries)
   Camada fixa que não bloqueia a página; só o ovo e a berry
   captam clique. Sprites em pixel art (image-rendering).
   ============================================================ */
#pkmn-layer {
  position: fixed;
  inset: 0;
  z-index: 45;
  overflow: hidden;
  pointer-events: none;   /* a página continua clicável */
}

.pkmn-pet,
.pkmn-egg,
.pkmn-berry {
  position: fixed;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  -webkit-user-select: none;
  user-select: none;
}

/* pokémon andando */
.pkmn-pet {
  left: 0;
  background-repeat: no-repeat;
  pointer-events: none;   /* não atrapalha cliques na página */
  will-change: transform;
}
.pkmn-pet::after {        /* sombrinha no chão */
  content: "";
  position: absolute;
  left: 18%; right: 18%;
  bottom: 2px;
  height: 6px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .3);
  filter: blur(2px);
}

/* ovo no canto */
.pkmn-egg {
  pointer-events: auto;
  cursor: pointer;
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .4));
  transition: transform .12s ease;
}
.pkmn-egg:hover { transform: scale(1.09); }

/* berry clicável */
.pkmn-berry {
  pointer-events: auto;
  cursor: pointer;
  filter: drop-shadow(0 0 6px rgba(248, 221, 140, .7));
  animation: pkmn-berry-pulse 1.15s ease-in-out infinite;
}
@keyframes pkmn-berry-pulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 5px rgba(248, 221, 140, .55)); }
  50%      { transform: scale(1.12); filter: drop-shadow(0 0 11px rgba(248, 221, 140, .95)); }
}

/* dica sobre o ovo */
.pkmn-hint {
  position: fixed;
  pointer-events: none;
  padding: 4px 9px;
  border-radius: 8px;
  font-family: var(--font-body, sans-serif);
  font-size: .72rem;
  font-weight: 700;
  white-space: nowrap;
  color: #0c1222;
  background: linear-gradient(160deg, #f8dd8c, #e2ae49);
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .5);
  animation: pkmn-hint-in .3s ease both, pkmn-hint-out .5s ease 4.4s forwards;
}
.pkmn-hint::after {       /* setinha para baixo, apontando para o centro do ovo */
  content: "";
  position: absolute;
  right: var(--pkmn-arrow, 34px);
  bottom: -5px;
  border: 5px solid transparent;
  border-top-color: #e2ae49;
  border-bottom: 0;
}
@keyframes pkmn-hint-in  { from { opacity: 0; transform: translateY(6px); } }
@keyframes pkmn-hint-out { to   { opacity: 0; } }

/* "poof" ao chocar o ovo (o elemento é removido logo em seguida) */
.pkmn-poof { animation: pkmn-poof .26s ease-out both; }
@keyframes pkmn-poof { to { transform: scale(1.6); opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  .pkmn-berry { animation: none; }
}