/* Venue scenes (Components/Shared/VenueScene.razor). The page body goes transparent so the fixed scene shows
   behind everything; the gradient keeps cards, the table and text readable. */
body:has(.venue-scene) { background: transparent; }
.venue-scene { position: fixed; inset: 0; z-index: -1; background-size: cover; background-position: center; pointer-events: none; }
.venue-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 11, 11, .55) 0%, rgba(11, 11, 11, .72) 45%, rgba(11, 11, 11, .9) 100%); }
/* The flip game's stage lets the scene glow through. */
body:has(.venue-scene) .stage { background: radial-gradient(ellipse at 50% 0%, rgba(42, 31, 6, .78) 0%, rgba(18, 13, 4, .82) 45%, rgba(7, 6, 4, .9) 100%); backdrop-filter: blur(3px); }
/* City map: each venue card opens with its scene. */
.venue-banner { display: block; width: 100%; aspect-ratio: 21 / 8; object-fit: cover; border-radius: 12px; margin-bottom: 10px; box-shadow: 0 6px 18px rgba(0, 0, 0, .45); }
.card.venue.locked .venue-banner { filter: grayscale(.7) brightness(.6); }