/* La pause avant le départ (choix de Karima, 29/09/2026) : au clic sur « Commencer », l'écran se fige,
   trois consignes courtes arrivent une à une, puis « C'est parti ». Plus de pavés de conseils sur les pages. */
.pause{position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(11,20,48,.38);-webkit-backdrop-filter:blur(6px) saturate(.95);backdrop-filter:blur(6px) saturate(.95);
  font-family:Figtree,'Segoe UI',system-ui,sans-serif;animation:pause-voile .45s ease both}
.pause.part{animation:pause-part .35s ease both}
.pause-carte{position:relative;overflow:hidden;width:100%;max-width:440px;border-radius:26px;color:#fff;padding:26px 24px 22px;
  /* carte en verre : la page reste visible derrière, floutée (demande de Karima, 29/09) */
  background:linear-gradient(160deg,rgba(24,38,96,.76),rgba(11,20,48,.84));-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 30px 70px -20px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.18);animation:pause-carte .55s cubic-bezier(.2,.8,.2,1) .1s both}
.pause-carte .ep-aurore{opacity:.7}
.pause-carte > *:not(.ep-aurore){position:relative}
.pause-titre{margin:0;font-family:Figtree,'Segoe UI',system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9DB4FF}
.pause-h{margin:6px 0 18px;font-family:Figtree,'Segoe UI',system-ui,sans-serif!important;font-variation-settings:normal;color:#fff;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.01em}
.pause-liste{position:relative;display:flex;flex-direction:column;gap:14px;margin:0;padding:0 0 0 46px;list-style:none}
.pause-liste::before{content:'';position:absolute;left:15px;top:14px;bottom:18px;width:2px;border-radius:2px;background:linear-gradient(#7FA7FF,#7FA7FF 70%,#FF8A95);
  transform-origin:top;transform:scaleY(0);animation:pause-trait 1.9s cubic-bezier(.4,0,.2,1) .5s forwards}
.pause-liste li{position:relative;opacity:0;animation:pause-point .5s cubic-bezier(.2,.8,.2,1) forwards}
.pause-liste li:nth-child(1){animation-delay:.55s}.pause-liste li:nth-child(2){animation-delay:1.2s}.pause-liste li:nth-child(3){animation-delay:1.85s}
.pause-num{position:absolute;left:-46px;top:0;width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  background:#2F55D4;color:#fff;font-weight:800;font-size:15px;box-shadow:0 0 0 4px rgba(255,255,255,.14),0 0 18px rgba(127,167,255,.6)}
.pause-liste li:last-child .pause-num{background:#C8102E;box-shadow:0 0 0 4px rgba(255,255,255,.14),0 0 18px rgba(255,138,149,.55)}
.pause-liste b{display:block;font-size:17px;font-weight:800;line-height:1.3}
.pause-liste li > span:not(.pause-num){display:block;margin-top:2px;font-size:15px;font-weight:500;line-height:1.4;color:#C9D0E8}
.pause-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;margin-top:22px;border:0;border-radius:16px;cursor:pointer;
  font:800 17px Figtree,'Segoe UI',system-ui,sans-serif;color:#0B1430;background:#fff;opacity:0;
  animation:pause-point .5s cubic-bezier(.2,.8,.2,1) 2.5s forwards,pause-pulse 2.2s ease-out 3.1s infinite}
.pause-go svg{width:20px;height:20px}
.pause-plus-tard{display:block;margin:10px auto 0;border:0;background:none;color:#9DB4FF;font:600 14px Figtree,'Segoe UI',system-ui,sans-serif;cursor:pointer;opacity:0;animation:pause-point .4s ease 2.7s forwards}
@keyframes pause-voile{from{opacity:0}to{opacity:1}}
@keyframes pause-part{to{opacity:0}}
@keyframes pause-carte{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes pause-point{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pause-trait{to{transform:scaleY(1)}}
@keyframes pause-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%{box-shadow:0 0 0 14px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media (prefers-reduced-motion:reduce){.pause,.pause-carte,.pause-liste li,.pause-liste::before,.pause-go,.pause-plus-tard{animation:none!important;opacity:1;transform:none}}


.pause-carte .ep-aurore{position:absolute;inset:0;pointer-events:none}
.pause-carte .ep-aurore i{position:absolute;border-radius:999px}
.pause-carte .ep-aurore i:nth-child(1){left:-90px;top:-60px;width:320px;height:320px;background:radial-gradient(circle,rgba(47,85,212,.85) 0%,rgba(47,85,212,0) 70%);filter:blur(10px)}
.pause-carte .ep-aurore i:nth-child(2){left:30%;bottom:-170px;width:320px;height:300px;background:radial-gradient(circle,rgba(200,16,46,.4) 0%,rgba(200,16,46,0) 70%);filter:blur(12px)}
.pause-carte .ep-aurore i:nth-child(3){display:none}