/* Agency: TCG — Alpha 3.2 */

.multi-bot-setup-note {
  display: block;
  margin-top: 6px;
  color: #77706a;
  font-size: 10px;
  line-height: 1.4;
}

/* Card previews inside modal Action-choice windows must magnify above the
   modal's scrolling/clipping layer, not inside it. Alpha 3.2 moves the visual
   preview to a fixed body-level portal while the original button remains the
   click target. */
.game-overlay .modal-choice-card:hover .choice-card-visual img,
.game-overlay .modal-choice-card:hover .choice-card-visual.rare-card::after,
.game-overlay .modal-card:hover img,
.game-overlay .modal-card.rare-card:hover::after {
  transform: none !important;
  filter: none !important;
}

.overlay-card-hover-portal {
  position: fixed;
  z-index: 5200;
  pointer-events: none;
  aspect-ratio: 0.7142857;
  filter: drop-shadow(0 20px 36px rgba(39,29,24,.32));
}

.overlay-card-hover-portal-card {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  overflow: hidden;
  background: #fff;
}

.overlay-card-hover-portal-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  image-rendering: auto;
}

.overlay-card-hover-portal-card.rare-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .78;
  mix-blend-mode: screen;
  background:
    linear-gradient(112deg,
      transparent 13%,
      rgba(255,70,185,.24) 27%,
      rgba(105,225,255,.54) 39%,
      rgba(255,245,126,.30) 50%,
      rgba(116,255,179,.42) 61%,
      rgba(178,117,255,.30) 73%,
      transparent 87%);
  background-size: 230% 100%;
  animation: alpha32RarePortalShimmer 5s linear infinite;
}

@keyframes alpha32RarePortalShimmer {
  0%, 72%, 100% { background-position: 190% 0; opacity: 0; }
  5% { opacity: .75; }
  18% { background-position: -80% 0; opacity: .82; }
  28% { opacity: 0; }
}

@media (max-width: 760px) {
  .overlay-card-hover-portal { display: none; }
}