/* game-hero.css — hero foreground art (1881 engine over Pandora map)
 * Loaded after redesign.css. Uses tokens from theme.css :root.
 * All decorative art via background-image (never <img>).
 */

.hero-foreground {
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: clamp(250px, 32vw, 390px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  z-index: 1;
  filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.7));
  pointer-events: none;
}

@media (max-width: 700px) {
  .hero-foreground {
    width: 100%;
    min-height: 150px;
    max-height: 190px;
    background-position: right bottom;
    opacity: 0.92;
  }
}