/* Partagé par le chargement immédiat et les écrans du jeu. */
.brand { display: inline-flex; align-items: center; justify-content: center; gap: 12px; max-width: 100%; }
.brand-mark { display: block; width: 64px; height: 64px; object-fit: contain; flex: 0 0 auto; }
.brand-wordmark { display: block; width: 100%; height: auto; min-width: 0; object-fit: contain; }
.brand--wordmark { width: 100%; }
.title-card .logo { display: block; width: 100%; margin: 4px 0 8px; line-height: 1; }
.title-card .logo .brand { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.title-card .logo .brand-mark { width: 68px; height: 68px; }
/* Sur les petits écrans, le lettrage suffit et laisse les actions accessibles. */
@media (max-height: 560px), (max-aspect-ratio: 4/5) {
  .title-card .logo .brand-mark, .boot-brand .brand-mark { display: none; }
}