/* Moteur « heist » : ce qui change par rapport à la mise en page du runner
   (shared/runner/runner.css, chargée avant, qui fournit HUD, écrans, modale de fin et
   les variables de thème). */

/* écran titre : un voile à gauche, le magasin reste visible derrière */
#title { background: linear-gradient(90deg, rgba(var(--void-rgb), 0.9) 0%, rgba(var(--void-rgb), 0.72) 42%, rgba(var(--void-rgb), 0.12) 78%); }
#over { background: rgba(var(--void-rgb), 0.55); }
@media (orientation: portrait) {
  #title { background: linear-gradient(180deg, rgba(var(--void-rgb), 0.92) 0%, rgba(var(--void-rgb), 0.78) 62%, rgba(var(--void-rgb), 0.2) 100%); }
}
.tag { font-style: normal; text-wrap: balance; max-width: 30ch; line-height: 1.2; }
.logo { letter-spacing: 0.04em; }
.score .cur { color: var(--gold); }

/* le bandeau de la modale : le héros et l'avocat sur fond du magasin */
.promo-hero { margin-top: 0; }