/* R41 immutable showroom override. Loaded after all legacy styles. */
.spatial-hero,
body[data-avatar-scene] .spatial-hero {
  background-color: #050607 !important;
  background-image:
    linear-gradient(90deg, rgba(1, 3, 6, 0.22), rgba(1, 3, 6, 0.03) 42% 72%, rgba(1, 3, 6, 0.18)),
    var(--noble-showroom-image, url("showroom-hyperreal-4k.webp")) !important;
  background-position: center center, center center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat !important;
}

.spatial-hero .avatar-door-frame {
  background-color: #050607 !important;
  background-image:
    linear-gradient(90deg, rgba(244, 210, 122, 0.16), transparent 18% 82%, rgba(244, 210, 122, 0.16)),
    var(--noble-showroom-image, url("showroom-hyperreal-4k.webp")) !important;
  background-position: center center, 82% center !important;
  background-size: 100% 100%, auto 118% !important;
  background-repeat: no-repeat, no-repeat !important;
}

.showroom-background-unavailable .spatial-hero {
  background-image:
    radial-gradient(circle at 72% 34%, rgba(39, 160, 193, 0.2), transparent 28%),
    linear-gradient(135deg, #050607 0%, #0b1720 48%, #050607 100%) !important;
}