/* =====================================================================
   Le logo LANGUAGE GAME (écran de chargement #boot + menu de démarrage).
   « Language » : Unbounded (moderne, simple — demandé par Romain le 2026-10-08), crème avec un contour sombre fin.
   « GAME » : pixel carré (Silkscreen), dégradé or « soleil » du site, contour sombre.
   Chargé en dernier : il passe devant les anciens styles du titre (style.css, pokemon.css, ui.css, theme.css).
   ===================================================================== */
h1.lq-logo, #boot h1.lq-logo {
  display: flex; flex-direction: column; align-items: center; gap: 0.06em;
  margin: 0; line-height: 0.92; letter-spacing: 0; word-spacing: 0;
  font-size: clamp(2.6rem, 9vw, 6rem); text-shadow: none !important; color: inherit;
}
h1.lq-logo span, #boot h1.lq-logo span {
  font-family: "LQLogo", "LQPixel", sans-serif !important; font-weight: 700; font-size: 0.78em; letter-spacing: -0.04em;
  color: #fff8ea !important;
  text-shadow: 0 0.05em 0 #2e160a !important;
  /* contour sombre fin : lisible sur le papier clair comme sur la ville */
  filter: drop-shadow(0.03em 0 0 #2e160a) drop-shadow(-0.03em 0 0 #2e160a) drop-shadow(0 -0.03em 0 #2e160a)
          drop-shadow(0 0.1em 0.12em rgba(0, 0, 0, 0.4));
}
h1.lq-logo em, #boot h1.lq-logo em {
  font-family: "LQLogoGame", "LQPixel", monospace !important; font-style: normal; font-weight: normal;
  font-size: 0.6em; letter-spacing: 0.04em; margin-top: 0.12em;
  background: linear-gradient(180deg, #fff3b0 0%, #ffd04a 40%, #f5a524 75%, #e07b1a 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent !important; text-shadow: none !important;
  filter: drop-shadow(0.04em 0 0 #2a1606) drop-shadow(-0.04em 0 0 #2a1606) drop-shadow(0 0.04em 0 #2a1606)
          drop-shadow(0 -0.04em 0 #2a1606) drop-shadow(0 0.09em 0 #2a1606);
}
#boot h1.lq-logo { margin-bottom: 1.4rem; font-size: clamp(2.8rem, 8vw, 5rem); }

/* écrans du menu (parties, réglages…) : le logo en petit, sur une ligne */
.sm:not(.sm-main) h1.lq-logo { flex-direction: row; align-items: baseline; gap: 0.3em; font-size: clamp(1.8rem, 4vw, 2.8rem); }
.sm:not(.sm-main) h1.lq-logo em, #boot h1.lq-logo em { font-size: 0.62em; letter-spacing: 0.04em; }
@media (max-width: 640px), (max-height: 520px) {
  .title-logo h1.lq-logo, .sm:not(.sm-main) .title-logo h1.lq-logo { flex-direction: column; align-items: center; gap: 0.04em; font-size: clamp(2rem, 11vw, 2.8rem); }
}