/* v9: solo el paisaje y los efectos decorativos del mapa. */
#valley-map .valley-landscape {
  background: none !important;
  background-size: cover !important;
  transform: none;
  filter: none !important;
}
#valley-map .valley-landscape::before,
#valley-map .valley-landscape::after {content: none !important}
#valley-map .world-scene {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: opacity 1.1s ease;
}
#valley-map .scene-nature {
  background-image: url("assets/bosque-vivo-v9.webp");
  -webkit-mask-image: linear-gradient(90deg, #000 43%, transparent 57%);
  mask-image: linear-gradient(90deg, #000 43%, transparent 57%);
}
#valley-map .scene-city {
  background-image: url("assets/ciudad-apariencias-v9.webp");
  -webkit-mask-image: linear-gradient(90deg, transparent 43%, #000 57%);
  mask-image: linear-gradient(90deg, transparent 43%, #000 57%);
}
#valley-map[data-world="nature"] .scene-nature,
#valley-map[data-world="city"] .scene-city {
  -webkit-mask-image: none;
  mask-image: none;
  opacity: 1;
}
#valley-map[data-world="nature"] .scene-city,
#valley-map[data-world="city"] .scene-nature {opacity: 0}
/* La ilustración nueva reemplaza la silueta geométrica que ocultaba el paisaje. */
#valley-map .fx-city {display: none}
#valley-map .world-tint {
  background: linear-gradient(90deg, #fff2b00c, transparent 45%, #170a2918);
}
#valley-map[data-world="nature"] .world-tint {
  background: radial-gradient(ellipse at 45% 10%, #fff2b015, transparent 65%);
}
#valley-map[data-world="city"] .world-tint {
  background: linear-gradient(180deg, #1b103215, transparent 48%, #1b103220);
}
#valley-map .valley-shade {
  background: linear-gradient(180deg, #100c1d08, transparent 40%, #100c1d30);
}
#valley-map .fx-nature .sakura-petal {
  fill: var(--petal-color, #ffc6d3);
  opacity: .88;
  filter: drop-shadow(0 1px 2px #6b254050);
}
#valley-map .fx-nature .ray {opacity: .4}
#valley-map .city-signs {opacity: .74}
#valley-map[data-world="city"] .city-signs {opacity: .85}
#valley-map[data-world="nature"] .city-signs {opacity: 0}
@media (max-width: 650px) {
  #valley-map .scene-nature {background-image: url("assets/bosque-vivo-v9-movil.webp"); background-position: 47% center}
  #valley-map .scene-city {background-image: url("assets/ciudad-apariencias-v9-movil.webp"); background-position: 66% center}
  #valley-map[data-world="city"] .scene-city {background-size: auto 140%; background-position: 55% bottom}
  /* Entre mundos mantiene ambos ecosistemas reconocibles en la pantalla estrecha. */
  #valley-map[data-world="between"] .scene-city {background-size: auto 120%; background-position: 58% bottom}
}
body.still #valley-map .world-scene {transition: none}
@media (prefers-reduced-motion: reduce) {
  #valley-map .world-scene {transition: none}
}