/* ==========================================================================
   RCF V1.0 — MINI-PASSE DU MENU PRINCIPAL
   --------------------------------------------------------------------------
   Le pied de l'accueil mesurait 143 px de haut en 390×844, pour une rangée de
   séparation, quatre commandes secondaires réparties sur DEUX rangées, une
   baseline et une ligne de version. Tout cela masquait le fond, qui est la
   première chose que le joueur voit de RCF.

   Trois leviers, tous mesurés :
     1. les deux lignes de texte deviennent une seule ligne courte (index.html) ;
     2. les quatre commandes secondaires passent sur UNE rangée ;
     3. les respirations du pied sont resserrées.

   Le groupe de boutons principaux descend d'autant : `.home-menu` porte
   `margin-top:auto` (menu-lot12.css:135), donc l'espace rendu par le pied lui
   revient intégralement. On ne touche NI à la marge basse de la scène, NI au
   fond, NI à la navigation : les boutons ne sont pas collés en bas et le pied
   garde son écart avec eux.

   Cette feuille est chargée EN DERNIER et ne cible que `#scHome`. Aucun autre
   écran n'est concerné.
   ========================================================================== */

/* ---- 1. Le pied respire moins ------------------------------------------ */
#scHome .l12-foot{ margin-top:10px }

#scHome .l12-foot-rule{ margin-bottom:8px }

/* ---- 2. Les commandes secondaires, resserrées --------------------------- */
/* On garde la grille de TROIS colonnes. Une rangée de quatre a été essayée et
   mesurée : elle ne gagne rien, parce que « Compte » occupe volontairement
   toute la largeur (`grid-column:1/-1`, prejalond-infos.css) et garde donc sa
   propre rangée ; les trois pastilles restantes se seraient simplement
   retrouvées calées à gauche avec une colonne vide à droite. On ne touche donc
   pas aux colonnes : on ne reprend que de la hauteur. */
#scHome .l12-mini{
  gap:6px !important;
  row-gap:6px !important;
}
/* Les boutons restent HORIZONTAUX : empiler l'icône au-dessus du libellé les
   rendait plus hauts qu'ils n'étaient sur deux rangées — mesuré, la rangée
   unique n'y gagnait plus rien. */
#scHome .l12-mini button{
  justify-content:center;
  gap:5px !important;
  padding:7px 4px !important;
  font-size:8.2px !important;
  letter-spacing:.09em !important;
  border-radius:999px;
}
#scHome .l12-mini button svg{ width:14px; height:14px }

/* ---- 3. Une seule ligne de mention, plus discrète ----------------------- */
#scHome .l12-ver{
  margin-top:8px;
  font-size:8.4px;
  letter-spacing:.18em;
}

/* ---- Écrans étroits : la rangée de quatre reste tenable ----------------- */
@media (max-width:380px){
  #scHome .l12-mini{ gap:5px !important }
  #scHome .l12-mini button{
    padding:8px 2px !important;
    font-size:7.8px !important;
    letter-spacing:.06em !important;
  }
}