/* Hotspot Rush page: additions to site.css. The hero's background is a painted illustration, used as a backdrop only. */
.hotspot-hero, #about, #highlights, #screenshots, .hotspot-cta { --accent: #FFB21E; --accent-ink: #2A1500; }
.hotspot-hero { --hero-tint: #123F6B; }

/* Subtitle under the game name in the hero h1 (as on the Guess This! page) */
.hero-sub { display: block; margin-top: .35em; font-size: .4em; line-height: 1.25; color: var(--accent); }

/* The title has its own outline and transparent corners: no frame around it. */
.hotspot-hero .game-hero-art img { box-shadow: none; border-radius: 0; filter: drop-shadow(0 18px 40px rgba(0, 0, 0, .7)); }

/* The illustration stays recognizable behind the text, unlike the other heroes' heavy blur. */
.hotspot-hero::before { filter: blur(4px) saturate(115%); opacity: .6; }

/* Steps 2 and 3 have no Play address until the test opens. */
.testers-steps .is-soon { opacity: .65; cursor: default; }

/* The research boards keep their cream background, framed as artwork on the dark page. */
.building-group { margin-bottom: 28px; }
.building-group h3 { margin: 0 0 12px; }
.building-group .gallery { align-items: start; grid-auto-columns: minmax(min(80vw, 480px), 1fr); }
.building-group .gallery img { background: #FBF7EF; }