/* ============================================================================
   SKLD × MW4 — LES ZONES (Warzone, Multijoueur). Le site v5 garde sa peau (sol de pierre claire, objets noirs,
   bandes de nuit, mot géant) ; la 3D du film ouvre la page.
   ========================================================================= */
body.zn-page main{padding-top:0 !important}

/* ------------------------------------------------------------ le héros 3D */
.zn-route{position:relative;height:290vh;background:#000}
.zn-route__colle{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;color:var(--mw4-os)}
.zn-arene{position:relative;height:100svh;min-height:600px;max-height:1200px;overflow:hidden;isolation:isolate;background:#000;color:var(--mw4-os)}
.zn-repli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.62) saturate(1.05);transition:opacity 1200ms var(--mw4-entre)}
.zn-scene{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 1400ms var(--mw4-entre)}
.zn-scene__toile{display:block;width:100%;height:100%;touch-action:pan-y}
[data-mode="3d"] .zn-scene{opacity:1}
[data-mode="3d"] .zn-repli{opacity:0}
/* (le rendu de la rue, tel que la 3D le montre ; il reste plein pendant que la 3D, la même image, apparaît dessus :
   deux fondus croisés sur le noir faisaient un creux sombre) */
.zn-repli--rue{filter:none;transition-delay:1400ms}
.zn-fond-rue{display:none}
[data-mw4-3d="leger"] .zn-fond-rue{display:block}
.zn-fond-rue img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.zn-arene .zn-saison{text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.75)}   /* (lisible sur une enseigne blanche) */
.zn-voile{background:linear-gradient(0deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.35) 34%,rgba(0,0,0,0) 58%),linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,0) 22%)}
.zn-heros{position:absolute;z-index:4;left:clamp(16px,4vw,72px);bottom:clamp(30px,7vh,84px);width:min(1080px,calc(100% - 32px))}
.zn-heros__sur{margin:0 0 10px}
.zn-heros__mot{color:var(--mw4-os);text-shadow:0 18px 60px rgba(0,0,0,.6);white-space:nowrap}
.zn-heros__modes{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.zn-puce{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:9px;font-family:var(--f-ui);font-size:13px;font-weight:600;
  color:var(--mw4-os);background:rgba(10,12,10,.6);box-shadow:inset 0 0 0 1px rgba(238,242,230,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.zn-heros__cdl{display:flex;align-items:baseline;gap:14px;margin:14px 0 0;font-family:var(--f-mega);font-weight:900;font-stretch:125%;text-transform:uppercase;letter-spacing:-.03em}
.zn-heros__cdl span{font-size:clamp(16px,2vw,26px);color:rgba(238,242,230,.8)}
.zn-heros__cdl b{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(46px,6.4vw,96px);line-height:.8;color:var(--mw4-lime);letter-spacing:-.01em}
.zn-heros__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.zn-compteur{position:absolute;z-index:4;right:clamp(16px,4vw,72px);bottom:clamp(30px,7vh,84px);display:grid;justify-items:end;gap:2px}
.zn-compteur b{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(54px,7vw,118px);line-height:.8;color:var(--mw4-os);font-variant-numeric:tabular-nums}
.zn-saison{position:absolute;z-index:4;top:calc(var(--hdr-h,78px) + 18px);right:clamp(16px,4vw,72px)}
.zn-route .mw4-equerre--hg,.zn-route .mw4-equerre--hd,.zn-arene .mw4-equerre--hg,.zn-arene .mw4-equerre--hd{top:calc(var(--hdr-h,78px) + 14px)}

/* la voiture sur la pierre : le mot géant derrière, la scène transparente devant, le texte en bas */
.zn-garage{height:250vh;background:transparent}
.zn-garage .zn-route__colle{color:#0a0a0a}
.zn-garage__mot{position:absolute;z-index:0;left:clamp(10px,2vw,30px);right:clamp(10px,2vw,30px);top:calc(var(--hdr-h,78px) + 10vh);
  color:#0a0a0a;line-height:.8;white-space:nowrap;opacity:.94}
.zn-garage__mot span{display:inline-block}
.zn-garage .zn-scene{z-index:1}
/* sans la 3D (WebGL logiciel d'un navigateur sans accélération matérielle, économie de données, appareil faible, échec,
   ou 3D qui saccadait et a renoncé) : la Terzo tirée de la même scène, et la section ne garde plus la hauteur que la
   conduite au défilement demandait (Kiyo 29-10, dans Brave : « faut que je descende hyper bas ») */
.zn-repli--studio{display:none;filter:none;z-index:1}
:is([data-mw4-3d="non"],[data-mw4-3d="echec"],[data-mw4-3d="renonce"]) .zn-repli--studio{display:block}
:is([data-mw4-3d="non"],[data-mw4-3d="echec"],[data-mw4-3d="renonce"]) .zn-garage{height:auto}
.zn-repli--garage{object-fit:contain;filter:none;top:auto;bottom:16vh;height:56vh;z-index:1}
[data-mode="3d"] .zn-repli--garage{opacity:0}
.zn-heros--garage{z-index:3}
.zn-heros__titre{margin:0;font-family:var(--f-display);font-weight:760;font-size:clamp(22px,2.6vw,38px);letter-spacing:-.02em;text-transform:uppercase;color:#0a0a0a}
.zn-heros__titre b{color:#0a0a0a;background:var(--mw4-lime);padding:0 .25em;border-radius:.18em}
.zn-garage .zn-puce{color:#0a0a0a;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(10,10,10,.16)}
.zn-garage .zn-saison{color:rgba(10,10,10,.62)}

/* ------------------------------------------------------------ les sections */
.zn-sec{padding:clamp(56px,9vh,110px) 0;scroll-margin-top:140px}
.zn-bande,.zn-plaque{scroll-margin-top:140px}
.zn-bande>.wrap,.zn-plaque>.wrap{padding-top:clamp(40px,7vh,84px);padding-bottom:clamp(40px,7vh,84px)}
.zn-titre{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:0 0 clamp(22px,4vh,40px)}
.zn-titre h2{margin:0;font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:clamp(34px,5.4vw,78px);line-height:.86;letter-spacing:-.045em;text-transform:uppercase;color:#0a0a0a}
.zn-titre__n{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(20px,2.2vw,30px);color:#0a0a0a;opacity:.4}
.zn-titre .mw4-micro{color:rgba(10,10,10,.6)}
.zn-titre .btn{margin-left:auto}
.zn-titre--nuit h2,.zn-titre--nuit .zn-titre__n{color:var(--mw4-os)}
.zn-titre--nuit .zn-titre__n{color:var(--mw4-lime);opacity:1}
.zn-titre--nuit .mw4-micro{color:rgba(238,242,230,.6)}

/* ------------------------------------------------------------ les mates : la barre des rangs, les quatre files */
.zn-rang{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:22px}
.zn-rang__l{color:rgba(10,10,10,.62)}
.zn-rang__barre{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:3px;max-width:100%}
.zn-rang__barre::-webkit-scrollbar{display:none}
.zn-rang__r{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 13px;border:0;border-radius:12px;cursor:pointer;
  font-family:var(--f-ui);font-size:13.5px;font-weight:600;color:#0a0a0a;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(10,10,10,.14);
  transition:background 200ms,color 200ms,transform 300ms var(--mw4-masse)}
.zn-rang__r i{width:8px;height:8px;border-radius:2px;background:#0a0a0a;opacity:.25}
.zn-rang__r:hover{transform:translateY(-2px)}
.zn-rang__r[aria-pressed="true"]{color:var(--mw4-os);background:#0a0b0a;box-shadow:inset 0 0 0 1px #0a0b0a}
.zn-rang__r[aria-pressed="true"] i{background:var(--mw4-lime);opacity:1}
.zn-rang__r:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px}
.zn-files{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.zn-file{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px 20px 20px;border-radius:22px;color:var(--mw4-os);
  background:linear-gradient(180deg,#121412,#070807);box-shadow:inset 0 0 0 1px rgba(238,242,230,.08),inset 0 1px 0 rgba(255,255,255,.08),0 26px 50px -30px rgba(0,0,0,.9);
  transition:transform 500ms var(--mw4-masse),box-shadow 400ms}
.zn-file:hover{transform:translateY(-4px)}
.zn-file__n{color:var(--mw4-lime)}
.zn-file h3{margin:0;font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.035em;text-transform:uppercase;line-height:.95}
.zn-file__d{margin:0;font-size:14px;line-height:1.4;color:rgba(238,242,230,.72)}
.zn-file__echelle{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:auto}
.zn-file__echelle i{height:6px;border-radius:2px;background:rgba(238,242,230,.12);transition:background 300ms,box-shadow 300ms}
.zn-file__echelle i.is-on{background:var(--mw4-lime);box-shadow:0 0 12px rgba(137,244,33,.45)}
.zn-file__echelle i.is-moi{background:var(--mw4-os)}
.zn-file__avec{margin:0;color:rgba(238,242,230,.6)}
.zn-file__sceau{position:absolute;top:18px;right:18px;padding:3px 7px;border-radius:6px;color:#061006;background:var(--mw4-lime)}
.zn-file.is-ferme{opacity:.5}
.zn-file.is-ferme .zn-file__echelle i{background:rgba(238,242,230,.08);box-shadow:none}
.zn-mentor{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:12px;padding:18px 20px;border-radius:22px;color:var(--mw4-os);
  background:linear-gradient(90deg,#0c2114,#08170e 60%,#070807);box-shadow:inset 0 0 0 1px rgba(137,244,33,.22)}
.zn-mentor__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--mw4-lime);background:rgba(137,244,33,.1)}
.zn-mentor__ic svg{width:22px;height:22px}
.zn-mentor h3{margin:0;font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:22px;text-transform:uppercase;letter-spacing:-.03em}
.zn-mentor p{margin:2px 0 0;font-size:14px;color:rgba(238,242,230,.72)}
.zn-mentor .btn{margin-left:auto}
.zn-modes{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid rgba(10,10,10,.16)}
.zn-modes li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 4px;border-bottom:1px solid rgba(10,10,10,.12)}
.zn-modes b{font-family:var(--f-display);font-size:17px;color:#0a0a0a}
.zn-modes .mw4-micro{color:rgba(10,10,10,.56)}
.zn-modes--nuit{border-top-color:rgba(238,242,230,.14)}
.zn-modes--nuit li{border-bottom-color:rgba(238,242,230,.1)}
.zn-modes--nuit b{color:var(--mw4-os)}
.zn-modes--nuit li{justify-content:flex-start;gap:12px}
.zn-ga__t{margin:0;color:rgba(238,242,230,.6)}
.zn-titre{position:relative}

/* ------------------------------------------------------------ DMZ */
.zn-dmz{display:grid;gap:22px}
.zn-dmz__exp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.zn-dmz__e{display:grid;gap:8px;padding:20px;border-radius:20px;background:rgba(238,242,230,.05);box-shadow:inset 0 0 0 1px rgba(238,242,230,.1)}
.zn-dmz__e b{font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:clamp(20px,2.4vw,32px);text-transform:uppercase;letter-spacing:-.035em}
.zn-dmz__modes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.zn-dmz__modes li{padding:9px 14px;border-radius:10px;font-weight:600;font-size:14px;background:#0c2114;box-shadow:inset 0 0 0 1px rgba(137,244,33,.25)}
.zn-dmz .btn{justify-self:start}

/* ------------------------------------------------------------ 8s : le salon qui se remplit */
.zn-huit{display:grid;gap:24px}
.zn-lobby{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,3vw,40px);padding:clamp(18px,3vw,32px);border-radius:24px;
  background:radial-gradient(80% 120% at 50% 0%,rgba(137,244,33,.1),transparent 60%),#070807;box-shadow:inset 0 0 0 1px rgba(238,242,230,.08)}
.zn-lobby__eq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.zn-lobby__eq .mw4-pixel{grid-column:1 / -1;color:rgba(238,242,230,.7)}
.zn-lobby__eq:last-child .mw4-pixel{text-align:right}
.zn-lobby__eq i{aspect-ratio:1;border-radius:12px;background:rgba(238,242,230,.05);box-shadow:inset 0 0 0 1px rgba(238,242,230,.12);
  transition:background 400ms var(--mw4-masse),box-shadow 400ms,transform 500ms var(--mw4-masse)}
.zn-lobby__eq i.is-on{background:linear-gradient(160deg,#a9ff5c,#5fb81c);box-shadow:0 0 24px rgba(137,244,33,.4);transform:scale(.94)}
.zn-lobby__vs{display:grid;justify-items:center}
.zn-lobby__vs b{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(48px,6vw,92px);line-height:.85;color:var(--mw4-os)}
.zn-bandes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.zn-bandes__b{display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:rgba(238,242,230,.05);box-shadow:inset 0 0 0 1px rgba(238,242,230,.1)}
.zn-bandes__b b{font-family:var(--f-display);font-size:18px}
.zn-bandes__b span{font-size:13.5px;color:rgba(238,242,230,.66)}
.zn-huit .btn{justify-self:start}

/* ------------------------------------------------------------ scrims, duels */
.zn-deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px)}
.zn-etapes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.zn-etapes li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;font-weight:600;color:var(--mw4-os);background:#0a0b0a;
  box-shadow:0 18px 30px -24px rgba(0,0,0,.8)}
.zn-etapes__n{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;font-family:var(--f-chiffre);font-weight:800;font-size:20px;color:#061006;background:var(--mw4-lime)}
.zn-duels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.zn-duel{display:grid;gap:6px;padding:18px;border-radius:18px;color:var(--mw4-os);background:#0a0b0a;box-shadow:0 18px 30px -24px rgba(0,0,0,.8)}
.zn-duel b{font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:20px;text-transform:uppercase;letter-spacing:-.03em}
.zn-duel span{font-size:13.5px;color:rgba(238,242,230,.66)}

/* ------------------------------------------------------------ la section CDL */
.zn-format{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 26px}
.zn-format>div{padding:18px;border-radius:18px;background:rgba(238,242,230,.05);box-shadow:inset 0 0 0 1px rgba(238,242,230,.1)}
.zn-format dt{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(40px,4.6vw,72px);line-height:.85;color:var(--mw4-lime)}
.zn-format dd{margin:6px 0 0}
.zn-calendrier{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.zn-calendrier li{display:grid;align-content:start;gap:6px;padding:16px;border-radius:18px;background:rgba(238,242,230,.04);box-shadow:inset 0 0 0 1px rgba(238,242,230,.1);min-width:0}
.zn-calendrier li.is-prochain{background:rgba(137,244,33,.1);box-shadow:inset 0 0 0 1.5px var(--mw4-lime)}
.zn-calendrier__q{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mw4-lime)}
.zn-calendrier b{font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:19px;text-transform:uppercase;letter-spacing:-.03em}
.zn-calendrier__o{font-size:14px;font-weight:600}
.zn-calendrier__d{color:rgba(238,242,230,.56)}
.zn-chemin{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.zn-chemin__p{position:relative;display:grid;gap:6px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#0c2114,#08170e)}
.zn-chemin__p:not(:last-child)::after{content:"";position:absolute;top:50%;right:-8px;width:8px;height:2px;background:var(--mw4-lime)}
.zn-chemin__p b{font-family:var(--f-display);font-size:17px}
.zn-chemin__p span:last-child{font-size:13px;color:rgba(238,242,230,.66)}

/* ------------------------------------------------------------ l'intel : des dépêches sur la pierre */
.zn-legende{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.zn-intel{list-style:none;margin:0;padding:0;border-top:2px solid #0a0a0a}
.zn-depeche{display:grid;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:14px 20px;padding:18px 4px;border-bottom:1px solid rgba(10,10,10,.14)}
.zn-depeche p{margin:0;font-family:var(--f-display);font-size:clamp(16px,1.5vw,20px);line-height:1.25;color:#0a0a0a}
.zn-depeche__s{color:rgba(10,10,10,.56);white-space:nowrap}

/* ------------------------------------------------------------ les classes */
.zn-classes{display:grid;gap:22px}
.zn-classes__compte{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 22px}
.zn-classes__compte b{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(84px,14vw,220px);line-height:.8;color:var(--mw4-lime)}
.zn-classes .btn{justify-self:start}
.zn-ga{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.zn-ga>div{padding:14px 0;border-bottom:1px solid rgba(238,242,230,.1)}
.zn-ga dd{margin:4px 0 0;font-size:15px;color:rgba(238,242,230,.85)}
.zn-ga__src dd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* ------------------------------------------------------------ tournois, fil */
.zn-tournois{margin-top:6px}
.zn-fil{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.zn-post{display:grid;align-content:start;gap:10px;padding:14px;border-radius:20px;text-decoration:none;color:#0a0a0a;background:rgba(255,255,255,.6);
  box-shadow:inset 0 0 0 1px rgba(10,10,10,.1);transition:transform 400ms var(--mw4-masse),background 300ms}
.zn-post:hover{transform:translateY(-3px);background:#fff}
.zn-post__media{display:block;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:#0a0b0a}
.zn-post__media img{width:100%;height:100%;object-fit:cover}
.zn-post__a{color:rgba(10,10,10,.6)}
.zn-post__c{font-size:14.5px;line-height:1.4}

/* ------------------------------------------------------------ rejoindre */
.zn-rejoindre{position:relative;overflow:hidden;margin:clamp(20px,3vw,44px) clamp(8px,1vw,16px) 0;border-radius:clamp(22px,2.6vw,38px);background:#050605;color:var(--mw4-os)}
.zn-rejoindre__in{position:relative;padding-top:clamp(56px,10vh,120px);padding-bottom:clamp(56px,10vh,120px)}
.zn-rejoindre__mot{color:var(--mw4-lime);font-size:clamp(40px,12vw,220px);white-space:nowrap}
.zn-rejoindre__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(20px,4vh,40px)}

/* les apparitions : la cascade des cartes (sans script, tout est visible) */
.v5js .zn-file,.v5js .zn-depeche,.v5js .zn-calendrier li,.v5js .zn-chemin__p,.v5js .zn-etapes li,.v5js .zn-duel,.v5js .zn-dmz__e,.v5js .zn-post{
  opacity:0;transform:translateY(22px);transition:opacity 700ms var(--mw4-entre),transform 900ms var(--mw4-entre);transition-delay:calc(var(--i,0) * 70ms)}
.v5js .is-vu .zn-file,.v5js .is-vu .zn-depeche,.v5js .is-vu .zn-calendrier li,.v5js .is-vu .zn-chemin__p,.v5js .is-vu .zn-etapes li,
.v5js .is-vu .zn-duel,.v5js .is-vu .zn-dmz__e,.v5js .is-vu .zn-post{opacity:1;transform:none}
.v5js .zn-file:hover{transform:translateY(-4px)}

/* ------------------------------------------------------------ tablette, téléphone */
@media (max-width:1100px){
  .zn-files{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zn-calendrier{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zn-chemin{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zn-chemin__p::after{display:none}
  .zn-fil{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .zn-route{height:240vh}
  .zn-garage__mot{top:calc(var(--hdr-h,64px) + 16vh)}
  .zn-heros{bottom:calc(var(--bbar-pied,56px) + 36px)}
  .zn-heros__cta .btn{flex:1 1 auto;justify-content:space-between}
  .zn-compteur{display:none}
  .zn-files,.zn-deux,.zn-duels,.zn-bandes,.zn-dmz__exp,.zn-ga,.zn-fil{grid-template-columns:minmax(0,1fr)}
  .zn-format{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zn-calendrier,.zn-chemin{grid-template-columns:minmax(0,1fr)}
  .zn-lobby{grid-template-columns:1fr;justify-items:stretch}
  .zn-lobby__eq:last-child .mw4-pixel{text-align:left}
  .zn-lobby__vs{order:-1;grid-auto-flow:column;justify-content:start;align-items:baseline;gap:6px}
  .zn-depeche{grid-template-columns:minmax(0,1fr);gap:8px}
  .zn-mentor .btn{margin-left:0;width:100%;justify-content:space-between}
  .zn-titre .btn{margin-left:0}
  .zn-legende{margin-left:0}
}
@media (prefers-reduced-motion: reduce){
  .v5js .zn-file,.v5js .zn-depeche,.v5js .zn-calendrier li,.v5js .zn-chemin__p,.v5js .zn-etapes li,.v5js .zn-duel,.v5js .zn-dmz__e,.v5js .zn-post{opacity:1;transform:none;transition:none}
}