/* Each panel keeps its live text and controls above its own paper illustration. */
#app .discovery-copy,
#app .welcome > .daily,
#app .services > .service {
  background-color: #fffaf2;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
#app .discovery-copy {
  background-image: linear-gradient(90deg, #fffaf270, #fffaf210), url('assets/theme/service-zodiac-v1.webp');
}
#app .welcome > .daily {
  background-image: linear-gradient(90deg, #fffaf250, #fffaf210), url('assets/theme/service-daily-v1.webp');
}
#app .services > .service[data-view="saju"] {
  background-image: linear-gradient(90deg, #fffaf270, #fffaf210), url('assets/theme/service-saju-v1.webp');
}
#app .services > .service[data-view="tarot"] {
  background-image: linear-gradient(90deg, #fffaf270, #fffaf210), url('assets/theme/service-tarot-v1.webp');
}
@media (max-width: 650px) {
  #app .services > .service { background-position: 65% center; }
}