/* V0.11 P3.2 Discovery Experience V2: suspense → silhouette → fully revealed encounter. */
/* Gate the actual pet until the cinematic has finished; never expose it in frame one. */
.encounter-scene.v011-reveal-gated .v011-demo-label,
.encounter-scene.v011-reveal-gated .v011-demo-pet,
.encounter-scene.v011-reveal-gated .pet-stage,
.encounter-scene.v011-reveal-gated .encounter-info,
.encounter-scene.v011-reveal-gated .search-feedback{
  visibility:hidden!important;opacity:0!important;
}
.v011-discovery-v2{
  position:fixed!important;
  z-index:1600!important;
  margin:0!important;right:auto!important;bottom:auto!important;
  overflow:hidden;isolation:isolate;
  box-sizing:border-box;
  min-width:1px;min-height:1px;
  background:radial-gradient(ellipse at 50% 55%,rgba(12,39,58,.94) 0%,rgba(6,16,31,.91) 67%,rgba(3,10,23,.96) 100%);
  /* Heavy backdrop filters caused expensive repeated GPU layers on mobile. */
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  justify-content:center;
}
.v011-discovery-v2 .v011-discovery-card{
  width:min(94%,410px);max-height:95%;
  padding:9px 11px 12px;
  gap:6px;
  z-index:2;
  background:linear-gradient(145deg,rgba(7,18,33,.95),rgba(13,31,52,.94));
  border:1px solid color-mix(in srgb,var(--fx),transparent 45%);
  overflow:hidden;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.v011-discovery-v2 .v011-v2-image-stage{
  position:relative;
  display:flex;justify-content:center;align-items:center;
  width:100%;height:clamp(96px,24vh,182px);
  contain:layout;
  overflow:hidden;
}
.v011-discovery-v2 .v011-v2-pet-image{
  position:absolute;
  width:100%;height:100%;object-fit:contain;
  opacity:0;transform:scale(.8);
  filter:brightness(0) drop-shadow(0 0 17px var(--fx));
  transition:none;pointer-events:none;
}
.v011-discovery-v2 .v011-v2-pet-fallback{
  position:absolute;display:block;
  font-size:80px;
  text-shadow:0 0 22px var(--fx);
  color:var(--fx);opacity:.24;transform:scale(.75);
}
.v011-discovery-v2[data-phase="prelude"] .v011-v2-image-stage{opacity:0}
.v011-discovery-v2[data-phase="shadow"] .v011-v2-image-stage{opacity:1;animation:v011-v2-shadow-emerge .45s ease-out both}
.v011-discovery-v2[data-phase="shadow"].has-image .v011-v2-pet-image{
  opacity:1;transform:scale(.93);filter:brightness(0) drop-shadow(0 0 16px var(--fx));
}
.v011-discovery-v2[data-phase="shadow"].has-image .v011-v2-pet-fallback{opacity:0}
.v011-discovery-v2[data-phase="reveal"] .v011-v2-image-stage{opacity:1}
.v011-discovery-v2[data-phase="reveal"].has-image .v011-v2-pet-image{
  opacity:1;transform:scale(1);filter:brightness(1) drop-shadow(0 0 18px var(--fx));
  animation:v011-v2-pet-reveal .65s cubic-bezier(.18,.82,.25,1.15) both;
}
.v011-discovery-v2[data-phase="reveal"].has-image .v011-v2-pet-fallback{opacity:0}
.v011-discovery-v2[data-phase="reveal"] .v011-v2-pet-fallback{
  opacity:.95;transform:scale(1);animation:v011-v2-pet-reveal .65s ease-out both;
}
.v011-discovery-v2 .v011-discovery-eyebrow{font-size:10px;letter-spacing:.16em}
.v011-discovery-v2 .v011-discovery-headline{font-size:clamp(14px,4.1vw,19px);line-height:1.37;letter-spacing:.006em;text-wrap:balance;}
.v011-discovery-v2 .v011-v2-clue{margin:0;font-size:12px;line-height:1.5;color:#cadce9;max-width:360px}
.v011-discovery-v2 .v011-discovery-note{font-size:11px}
.v011-discovery-v2[data-phase="prelude"] .v011-discovery-badges,
.v011-discovery-v2[data-phase="shadow"] .v011-discovery-badges{visibility:hidden;}
.v011-discovery-v2[data-phase="reveal"] .v011-discovery-card{
  box-shadow:0 0 29px var(--fx-deep),0 0 54px rgba(255,255,255,.06);
}
.v011-discovery-v2.v011-discovery-legendary[data-phase="reveal"],
.v011-discovery-v2.v011-discovery-mythic-combo[data-phase="reveal"]{
  background:radial-gradient(circle at 50% 45%,var(--fx-deep) 0%,rgba(10,15,39,.94) 63%,rgba(3,8,23,.98));
}
.v011-discovery-v2 .v011-discovery-skip{z-index:4;min-height:36px;flex-shrink:0}
.v011-discovery-v2 .v011-discovery-aura{opacity:.65;filter:none!important;animation:v011-v2-aura .7s ease-out 1 both!important}
.v011-discovery-v2 .v011-discovery-rays{opacity:.24;animation:v011-v2-rays .8s ease-out 1 both!important}
@keyframes v011-v2-aura{from{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:.7}}
@keyframes v011-v2-rays{from{opacity:0;transform:rotate(-30deg)}to{opacity:.25;transform:rotate(18deg)}}
@keyframes v011-v2-shadow-emerge{from{opacity:.0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
@keyframes v011-v2-pet-reveal{0%{opacity:0;transform:scale(.79);filter:brightness(3) drop-shadow(0 0 30px var(--fx))}
  55%{opacity:1;filter:brightness(1.9) drop-shadow(0 0 42px var(--fx))}
  100%{opacity:1;transform:scale(1);filter:brightness(1) drop-shadow(0 0 18px var(--fx))}}
@media(max-width:380px){
 .v011-discovery-v2 .v011-discovery-card{gap:4px;padding:7px 7px 10px}
 .v011-discovery-v2 .v011-v2-image-stage{height:clamp(90px,18vh,136px)}
 .v011-discovery-v2 .v011-v2-clue{font-size:11px}
 .v011-discovery-v2 .v011-discovery-headline{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .v011-discovery-v2,.v011-discovery-v2 *,.v011-discovery-v2:before{animation:none!important;transition:none!important}
}