/* Écran d'accueil — session-splash.
   Les couleurs sont à reprendre aux jetons du projet ; ce qui compte ici,
   c'est le comportement. */

.splash{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;
  background:#0e0c0a;color:#f6efe2;text-align:center;padding:24px;
  opacity:1;transition:opacity .7s ease;
}
.splash.is-leaving{opacity:0;pointer-events:none;}

/* Sous prefers-reduced-motion : plus d'animation d'entrée, et le fondu de
   sortie devient instantané. Le contenu ne bouge jamais. */
.splash.no-anim,
.splash.no-anim *{animation:none !important;transition:none !important;}

/* Le défilement est bloqué TANT QUE le rideau est là — sinon la page défile
   derrière et on découvre le site par-dessous, ce qui ruine l'effet et
   désoriente. */
body.splash-lock{overflow:hidden;}

.splash-skip{
  position:absolute;bottom:22px;left:50%;transform:translateX(-50%);
  font-size:12px;opacity:.6;background:none;border:none;color:inherit;
  cursor:pointer;text-decoration:underline;
}
.splash-skip:hover{opacity:1;}

@media (prefers-reduced-motion: no-preference){
  .splash-mark{animation:splash-in .8s ease both;}
}
@keyframes splash-in{
  from{opacity:0;transform:translateY(10px) scale(.98);}
  to{opacity:1;transform:none;}
}