/* v2 additions */
/* name card always above clouds/scene, and never on top of the prompt */
.labelcard-holder { z-index: 8; }
/* "More animals" button appears after all six are found */
.more {
  position: absolute; z-index: 9; left: 50%; top: calc(64px + env(safe-area-inset-top));
  transform: translateX(-50%); min-height: 76px; padding: 14px 36px;
  background: #ffe66d; border: 4px solid var(--ink); border-radius: 999px; color: var(--ink);
  font: 700 clamp(24px, 5vw, 34px) Fredoka, ui-rounded, system-ui, sans-serif;
  box-shadow: 0 8px #26323838; cursor: pointer; touch-action: manipulation;
  animation: card-pop .34s cubic-bezier(.34,1.5,.5,1) both, intro-pulse 1.6s ease-in-out .4s infinite;
}
.more[hidden] { display: none; }
.more:active { transform: translateX(-50%) translateY(3px); }
/* short landscape screens (phones): smaller hiding places so they never touch */
@media (orientation: landscape) and (max-height: 520px) {
  .zone { width: max(112px, min(var(--zsize, 30vmin), 29vh)); height: max(112px, min(var(--zsize, 30vmin), 29vh)); }
}

@media (orientation: landscape) and (max-height: 520px) { .more { top: calc(44px + env(safe-area-inset-top)); min-height: 60px; padding: 8px 26px; } }
/* portrait: the hiding places fill the top, so the button sits at the bottom instead */
@media (orientation: portrait) { .more { top: auto; bottom: calc(14px + env(safe-area-inset-bottom)); } }