/* Elite Prime : intro « caméra qui s'allume » (voir shared/intro-camera.js).
   Léger : aucun filtre CSS, aucun flou ; la seule animation CSS est le clignotement du point REC, coupé à la fin. */
#ep-intro{position:fixed;inset:0;z-index:2147483000;background:#000;overflow:hidden;color:#f2f2f2;
  font-family:"Courier New",ui-monospace,Menlo,Consolas,monospace;-webkit-user-select:none;user-select:none;touch-action:none}
#ep-intro .epi-wrap{position:absolute;inset:-6px}
#ep-intro .epi-cv{position:absolute;inset:0;width:100%;height:100%;display:block;will-change:transform}
#ep-intro .epi-vig{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 50%,rgba(0,0,0,.72) 100%);will-change:transform}   /* calque à part : le dégradé n'est peint qu'une fois */
#ep-intro .epi-hud{position:absolute;inset:6px;opacity:0;will-change:opacity;font-weight:700;letter-spacing:.12em;font-size:clamp(12px,1.6vw,17px);
  text-shadow:0 0 2px #000,1px 1px 0 #000}
#ep-intro .epi-c{position:absolute;width:min(9vw,54px);height:min(9vw,54px);border:2px solid rgba(255,255,255,.85)}
#ep-intro .epi-tl{top:6%;left:6%;border-right:0;border-bottom:0}
#ep-intro .epi-tr{top:6%;right:6%;border-left:0;border-bottom:0}
#ep-intro .epi-bl{bottom:6%;left:6%;border-right:0;border-top:0}
#ep-intro .epi-br{bottom:6%;right:6%;border-left:0;border-top:0}
#ep-intro .epi-rec{position:absolute;top:calc(6% + 12px);left:calc(6% + 14px);display:flex;align-items:center;gap:.5em}
#ep-intro .epi-rec i{width:.8em;height:.8em;border-radius:50%;background:#ff2a3c;box-shadow:0 0 6px #ff2a3c;animation:epi-blink 1s steps(2,start) infinite}
#ep-intro .epi-tc{position:absolute;top:calc(6% + 12px);right:calc(6% + 14px);font-variant-numeric:tabular-nums}
#ep-intro .epi-mode{position:absolute;bottom:calc(6% + 12px);left:calc(6% + 14px)}
#ep-intro .epi-date{position:absolute;bottom:calc(6% + 12px);right:calc(6% + 14px)}
#ep-intro .epi-title{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;
  font-family:Orbitron,"Exo 2",system-ui,sans-serif;font-weight:900;font-size:clamp(28px,7vw,64px);letter-spacing:.14em;
  opacity:0;transition:opacity .5s ease;
  text-shadow:2px 0 0 rgba(255,60,60,.6),-2px 0 0 rgba(60,140,255,.6),0 0 14px rgba(255,255,255,.35)}
#ep-intro .epi-title span{color:#e8c26a}
#ep-intro.epi-on .epi-title{opacity:1}
#ep-intro .epi-skip{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);
  background:rgba(0,0,0,.55);color:#ddd;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 18px;min-height:36px;
  font:600 13px/1 "Exo 2",system-ui,sans-serif;letter-spacing:.08em;cursor:pointer;opacity:0;transition:opacity .3s ease .4s}
#ep-intro:not(.epi-fini) .epi-skip{opacity:.7}
#ep-intro .epi-skip:hover,#ep-intro .epi-skip:focus-visible{color:#fff;border-color:#fff;outline:none;opacity:1}
#ep-intro.epi-fini .epi-skip,#ep-intro.epi-fini .epi-hud{opacity:0;pointer-events:none;transition:none}
#ep-intro.epi-fini .epi-rec i{animation:none}
#ep-intro.epi-fini .epi-title{transition:none}
@keyframes epi-blink{to{opacity:0}}
@media (prefers-reduced-motion:reduce){#ep-intro .epi-rec i{animation:none}#ep-intro .epi-title{transition:none}}

/* Fondu de sortie (22/09/2026) : l'intro s'efface pendant que l'accueil apparaît en fondu (fondu croisé) */
#ep-intro.epi-sortie{opacity:0;transition:opacity 1.1s ease;pointer-events:none}