/* A transparent cover sticker between the title block and its scroll arrow. */
.apple-v2 #opening :is(.cover-gamer-sticker, .cover-gamer-companion) {
  /* Follow the existing title sizes so shorter screens keep the copy readable. */
  --cover-title-lines: calc(
    clamp(26.45px, 7.0725vw, 135.7px) +
    clamp(33px, 3.45vw, 54px) +
    clamp(19.5px, 2.21vw, 32.5px)
  );
  --sticker-room: max(60px, calc(69.5svh - 196px - var(--cover-title-lines)));
  --gamer-size: min(330px, 27vw, 32svh, var(--sticker-room));
  --companion-size: min(calc(var(--gamer-size) * .85), 24vw);
  position: absolute;
  left: 50%;
  bottom: calc(5.5svh + 73px);
  z-index: 4;
  display: block;
  width: var(--gamer-size);
  height: auto;
  max-height: var(--sticker-room);
  aspect-ratio: 1;
  margin: 0;
  object-fit: contain;
  object-position: center bottom;
  transform: translateX(-50%);
  pointer-events: none;
  user-select: none;
}

@media (max-width: 800px) {
  .apple-v2 #opening :is(.cover-gamer-sticker, .cover-gamer-companion) {
    --sticker-room: max(60px, calc(67svh - 212px - 14.5725vw));
    --gamer-size: min(220px, 43vw, 28svh, var(--sticker-room));
    bottom: calc(5svh + 69px);
  }
}

@media (max-height: 760px) and (min-width: 801px) {
  .apple-v2 #opening :is(.cover-gamer-sticker, .cover-gamer-companion) {
    --sticker-room: max(60px, calc(71svh - 180px - var(--cover-title-lines)));
    bottom: calc(4svh + 61px);
    --gamer-size: min(200px, 24vw, var(--sticker-room));
  }
}

/* Keep the center sticker's geometry; the smaller friends overlap its sides. */
.apple-v2 #opening .cover-gamer-companion {
  width: var(--companion-size);
  z-index: 5;
}
.apple-v2 #opening .cover-gamer-chatgpt {
  left: calc(50% - var(--gamer-size) * .32 - var(--companion-size) * .46);
}
.apple-v2 #opening .cover-gamer-claude {
  left: calc(50% + var(--gamer-size) * .15 + var(--companion-size) * .46);
}
.apple-v2 #opening .cover-gamer-companion img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center bottom;
  opacity: 1;
  transform: translate3d(0,0,0);
}
.apple-v2 #opening:not(.companions-entered) .cover-gamer-companion img {
  opacity: 0;
  transform: translate3d(0,64px,0) scale(.94);
}
.apple-v2 #opening.companions-animating .cover-gamer-companion img {
  will-change: transform, opacity;
  animation: gamer-companion-arrive 880ms cubic-bezier(.22,.65,.25,1) both;
}
.apple-v2 #opening.companions-animating .cover-gamer-claude img {
  animation-delay: 90ms;
}
@keyframes gamer-companion-arrive {
  0% { opacity: 0; transform: translate3d(0,64px,0) scale(.94); }
  45% { opacity: 1; transform: translate3d(0,-17px,0) scale(1.025); }
  70% { opacity: 1; transform: translate3d(0,4px,0) scale(.995); }
  85% { opacity: 1; transform: translate3d(0,-4px,0) scale(1.005); }
  100% { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}
.apple-v2.motion-off #opening .cover-gamer-companion img {
  animation: none!important;
  transform: none!important;
  will-change: auto!important;
}
@media (prefers-reduced-motion: reduce) {
  .apple-v2 #opening .cover-gamer-companion img {
    animation: none!important;
    transform: none!important;
    will-change: auto!important;
  }
}
@media print {
  .apple-v2 #opening .cover-gamer-companion img {
    animation: none!important;
    opacity: 1!important;
    transform: none!important;
    will-change: auto!important;
  }
}