/* Painted island landscapes sit behind the existing transparent 3D renderer. */
#encounterSheet .encounter-backdrop {
  position:absolute;
  inset:0;
  background-color:#4f91a0;
  background-image:url('/assets/encounters/sunny-beach-v0.1.131.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
#encounterSheet[data-landscape='tropical-clearing'] .encounter-backdrop {
  background-image:url('/assets/encounters/tropical-clearing-v0.1.131.webp');
}
#encounterSheet[data-landscape='moonlit-coast'] .encounter-backdrop {
  background-color:#13264b;
  background-image:url('/assets/encounters/moonlit-coast-v0.1.131.webp');
}
#encounterSheet .encounter-backdrop::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,19,33,.54),rgba(5,19,33,.08) 25%,transparent 40%,transparent 65%,rgba(5,19,33,.34));
}
#encounterSheet .encounter-titlewrap {filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));}
#encounterSheet .encounter-creature-stage::before {
  background:radial-gradient(ellipse,rgba(44,34,21,.26),rgba(44,34,21,.08) 48%,transparent 72%)!important;
}
#encounterSheet[data-landscape='moonlit-coast'] .encounter-creature-stage::before {
  background:radial-gradient(ellipse,rgba(7,15,41,.36),rgba(7,15,41,.1) 48%,transparent 72%)!important;
}
@media(min-aspect-ratio:1/1) {
  #encounterSheet .encounter-backdrop {background-position:center 36%;}
}