:root{
  --noir:#0B0908; --noir2:#120E0C; --ligne:#2B2220;
  --blanc:#FFFFFF; --gris:#A79C97; --gris2:#6E6460;
  --orange:#F0672A; --orange2:#FF7F45; --brun:#3A1C10;
  --strip:clamp(78px,8.5vw,146px);
  --r:10px;          /* champs, boutons */
  --r2:14px;         /* panneaux, fenêtres */
  --rail:clamp(176px,15vw,228px);   /* barre latérale de l'espace membres */
  --m:'Montserrat',system-ui,'Segoe UI',Helvetica,Arial,sans-serif;
  --d:'Designer','Montserrat',system-ui,sans-serif;
}
/* La police « Designer » n'est pas libre de diffusion : dépose
   Designer.woff2 dans fonts/ et elle sera utilisée. Sans le fichier,
   tout retombe proprement sur Montserrat. */
@font-face{
  font-family:'Designer';
  src:url('../fonts/Designer.woff2') format('woff2'),
      url('../fonts/Designer.ttf') format('truetype');
  font-weight:400 900; font-style:normal; font-display:swap;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--noir);color:var(--blanc);font-family:var(--m);font-size:16px;line-height:1.55;
  font-weight:600;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-left:var(--strip)}
body::after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;
  background-image:url("../img/grain.png");background-size:170px 170px;opacity:.5;mix-blend-mode:overlay}
button,a{font:inherit;color:inherit}
a{text-decoration:none}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
::selection{background:var(--orange);color:#000}
img{max-width:100%;display:block}

.it{font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.03em;line-height:.9}
.lab{font-family:var(--d);font-size:11.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gris2)}

/* ===== bande verticale, signature de l'affiche ===== */
.strip{position:fixed;left:0;top:0;bottom:0;width:var(--strip);z-index:90;background:var(--noir);
  border-right:1px solid var(--ligne);display:flex;flex-direction:column;align-items:center;
  justify-content:space-between;padding:16px 0 20px;overflow:hidden}
.strip > a.sigle{flex:none}
.strip img.sigle{width:clamp(34px,3.4vw,52px)}
.strip .mots{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(2px,.5vw,8px);min-height:0}
.strip .mots span{writing-mode:vertical-rl;transform:rotate(180deg);font-style:italic;font-weight:800;
  text-transform:uppercase;font-size:clamp(28px,3.4vw,54px);letter-spacing:-.025em;line-height:1;white-space:nowrap}
.strip .mots .o{color:var(--orange)}
.strip .bas{flex:none;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--d);
  font-size:10px;font-weight:700;letter-spacing:.34em;color:var(--gris2)}

/* ===== décor ===== */
.blob{position:absolute;pointer-events:none;background:var(--orange);z-index:0}
.blob.brun{background:var(--brun)}
.b1{border-radius:62% 38% 46% 54%/55% 48% 52% 45%}
.b2{border-radius:44% 56% 62% 38%/48% 58% 42% 52%}
.b3{border-radius:52% 48% 38% 62%/60% 42% 58% 40%}
.chev{display:inline-flex;gap:3px;align-items:center}
.chev i{width:0;height:0;border-left:10px solid var(--orange);border-top:8px solid transparent;border-bottom:8px solid transparent}

section{position:relative;overflow:hidden;isolation:isolate}
section > *{position:relative;z-index:3}
section > .blob,section > .deco{z-index:0}
.deco{position:absolute;pointer-events:none}

/* ===== HERO ===== */
.hero{min-height:min(100vh,940px);display:flex;flex-direction:column}
.hero-haut{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px clamp(20px,3vw,48px);flex-wrap:wrap}
.menu{display:flex;gap:clamp(16px,2vw,32px)}
.menu a{font-family:var(--d);font-size:11.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gris2);transition:color .18s}
.menu a:hover{color:var(--orange)}
.mcourt{display:none}
.hero-corps{flex:1;display:flex;align-items:center;padding:0 clamp(20px,3vw,48px) clamp(20px,3vh,40px);min-height:0}
.hero-txt{max-width:min(50%,640px);min-width:0}
.sur{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.sur span{font-family:var(--d);font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--orange)}
h1{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(38px,6.4vw,104px);
  line-height:.86;letter-spacing:-.045em}
h1 em{font-style:italic;color:var(--orange)}
.hero p.intro{margin-top:22px;max-width:36ch;color:var(--gris);font-size:clamp(14.5px,1.4vw,17px);font-weight:500}
.cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:var(--r);background:var(--orange);color:#140A05;
  font-weight:800;font-size:13.5px;text-transform:uppercase;letter-spacing:.08em;
  transition:background .18s,transform .2s cubic-bezier(.3,1.5,.5,1);border:0;cursor:pointer}
.btn:hover{background:var(--orange2);transform:translateY(-2px)}
.btn-v{background:transparent;color:var(--blanc);box-shadow:inset 0 0 0 2px var(--ligne)}
.btn-v:hover{background:transparent;box-shadow:inset 0 0 0 2px var(--orange);color:var(--orange)}

.auto{position:absolute;z-index:2;right:clamp(-110px,-5vw,-34px);bottom:clamp(-30px,-1vh,0px);
  width:clamp(420px,58vw,1020px);pointer-events:none;transform-origin:70% 70%;
  filter:drop-shadow(0 26px 26px rgba(0,0,0,.5));
  animation:roule 1.15s cubic-bezier(.16,1,.3,1) both}
@keyframes roule{from{opacity:0;transform:translateX(90px) translateY(18px) rotate(-3deg) scale(.97)}to{opacity:1;transform:rotate(-5deg)}}
.ftywin{position:absolute;z-index:3;right:6%;top:11%;display:grid;place-items:center;width:clamp(92px,10vw,138px);aspect-ratio:1;
  background:var(--orange);color:#140A05;border-radius:54% 46% 48% 52%/50% 56% 44% 50%;
  font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(13px,1.4vw,19px);
  transform:rotate(-12deg);animation:pop .7s cubic-bezier(.3,1.5,.5,1) .85s both}
@keyframes pop{from{opacity:0;transform:rotate(-12deg) scale(.6)}to{opacity:1;transform:rotate(-12deg) scale(1)}}

/* ===== titres de section ===== */
.tete{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;flex-wrap:wrap;
  padding:0 clamp(20px,3vw,48px) clamp(22px,3vh,36px)}
h2{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(28px,4.4vw,64px);
  line-height:.9;letter-spacing:-.04em}
h2 em{font-style:italic;color:var(--orange)}
.tete p{color:var(--gris);max-width:34ch;font-size:15px;font-weight:500}
.sec{padding:clamp(54px,7vh,104px) 0;border-top:1px solid var(--ligne)}

/* ===== rosters ===== */
.ros{padding:0 clamp(20px,3vw,48px)}
.eq{display:grid;grid-template-columns:clamp(124px,13.5vw,186px) 1fr auto;gap:10px clamp(16px,2.4vw,36px);align-items:center;
  padding:clamp(11px,1.5vh,17px) 0;border-top:1px solid var(--ligne)}
.eq:last-child{border-bottom:1px solid var(--ligne)}
.eq .nom{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(19px,2.1vw,31px);
  letter-spacing:-.035em;line-height:1}
.eq .div{font-family:var(--d);font-size:9.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--orange);white-space:nowrap;margin-top:3px}
.eq .js{display:flex;gap:7px;flex-wrap:wrap}
.eq .js span{font-style:italic;font-weight:800;font-size:clamp(12px,1.15vw,15px);text-transform:uppercase;
  letter-spacing:-.02em;color:var(--gris);transition:color .2s}
.eq:hover .js span{color:var(--blanc)}
.eq .pct{font-style:italic;font-weight:900;font-size:clamp(19px,2.1vw,31px);letter-spacing:-.045em;color:var(--orange);line-height:1}
.eq .bil{font-family:var(--d);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gris2);text-align:right}

/* ===== scores ===== */
.sco{padding:0 clamp(20px,3vw,48px)}
.mt{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--ligne);
  transition:background .2s,padding-left .3s cubic-bezier(.22,1,.36,1)}
.mt:last-child{border-bottom:1px solid var(--ligne)}
.mt:hover{background:#140F0D;padding-left:14px}
.mt .q{min-width:76px;font-family:var(--d);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gris2)}
.mt .a{flex:1 1 200px;min-width:0;font-style:italic;font-weight:800;text-transform:uppercase;
  font-size:clamp(18px,2.4vw,34px);letter-spacing:-.035em;line-height:1}
.mt .e{font-family:var(--d);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.mt .s{font-style:italic;font-weight:900;font-size:clamp(22px,3vw,44px);letter-spacing:-.045em;min-width:3.2ch;text-align:right}
.mt.p .s{color:var(--gris2)}

/* ===== prochains matchs ===== */
.ag-b{flex:none;font-family:var(--d);font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r);
  padding:10px 16px;transition:border-color .2s,color .2s,background .2s}
.ag-b:hover{border-color:var(--orange);color:var(--orange);background:#160F0C}
#agenda .mt .a{flex:1 1 180px}

/* ===== espace membres (aperçu) ===== */
.esp{display:flex;align-items:center;gap:clamp(22px,4vw,60px);flex-wrap:wrap;padding-left:clamp(20px,3vw,48px)}
.esp .t{flex:1 1 320px;min-width:0;padding-bottom:clamp(40px,6vh,70px)}
.esp .t p{color:var(--gris);max-width:34ch;font-size:15px;font-weight:500;margin:16px 0 26px}
.vitre{flex:1 1 440px;min-width:0;margin-bottom:-1px;background:#F6F2EF;color:#150F0D;border-radius:10px 0 0 0;
  overflow:hidden;box-shadow:-28px -22px 64px rgba(0,0,0,.6);
  transform:perspective(1500px) rotateY(-10deg) rotateX(3deg);transform-origin:right bottom}
.vb{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#EAE3DE;border-bottom:1px solid #DDD3CE}
.vb i{width:8px;height:8px;border-radius:50%;background:#C9BDB7}
.vb span{margin-left:9px;font-family:var(--d);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6B5E58}
.vc{padding:18px 20px 24px}
.vt{font-style:italic;font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:13px}
.vg{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:16px}
.vg i{height:46px;border-radius:4px;background:#E6DDD8;display:block}
.vl{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #E4DBD6;font-size:12.5px;font-weight:600;color:#6B5E58}
.vl:last-child{border-bottom:0}
.vl b{width:22px;height:22px;flex:none;border-radius:5px;display:grid;place-items:center;font-size:9px;
  font-style:italic;font-weight:900;color:#140A05}
.vl u{margin-left:auto;text-decoration:none;font-style:italic;font-weight:900;font-size:14px;color:#150F0D}

/* ===== essais + pied ===== */
.fin{padding:clamp(56px,8vh,110px) clamp(20px,3vw,48px) clamp(40px,5vh,64px);border-top:1px solid var(--ligne)}
.fin .gros{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(36px,7vw,118px);
  letter-spacing:-.05em;line-height:.85;max-width:12ch}
.fin .gros em{font-style:italic;color:var(--orange)}
.fin .bas{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;flex-wrap:wrap;margin-top:clamp(26px,4vh,44px)}
.fin p{max-width:36ch;color:var(--gris);font-size:15px;font-weight:500}
.mail{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(18px,3vw,38px);
  letter-spacing:-.04em;color:var(--blanc);transition:color .2s}
.mail:hover{color:var(--orange)}
.ourlet{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;
  margin-top:clamp(32px,5vh,56px);padding-top:20px;border-top:1px solid var(--ligne)}
.ourlet-d{display:flex;align-items:center;gap:10px 22px;flex-wrap:wrap;justify-content:flex-end}
.lien-pied{font-family:var(--d);font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--blanc);text-decoration:underline;
  text-underline-offset:4px;text-decoration-thickness:1px;
  text-decoration-color:var(--ligne);transition:color .18s,text-decoration-color .18s}
.lien-pied:hover{color:var(--orange);text-decoration-color:var(--orange)}
@media (max-width:620px){
  .ourlet-d{justify-content:flex-start}
}

.rev{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.rev.on{opacity:1;transform:none}

@media (max-width:900px){
  :root{--strip:0px}
  body{padding-left:0;padding-top:54px}
  .strip{right:0;bottom:auto;width:auto;height:54px;flex-direction:row;gap:12px;padding:0 14px;
    border-right:0;border-bottom:1px solid var(--ligne)}
  .strip img.sigle{width:30px}
  .strip .mots{flex:1;justify-content:flex-start;gap:8px}
  .strip .mots span{writing-mode:horizontal-tb;transform:none;font-size:17px}
  .strip .bas{writing-mode:horizontal-tb;transform:none;font-size:9px}
  .hero{min-height:0;padding-bottom:clamp(28px,5vh,44px)}
  .hero-corps{flex-direction:column;align-items:flex-start;padding-top:24px}
  .hero-txt{max-width:100%}
  .auto{position:relative;right:auto;bottom:auto;width:118%;max-width:none;margin:26px -9% -6px}
  .ftywin{right:6%;top:auto;bottom:4%}
  .esp{padding-right:clamp(20px,3vw,48px)}
  .vitre{transform:none;border-radius:10px;margin-bottom:clamp(36px,6vh,56px)}
  .eq{grid-template-columns:1fr auto}
  .eq .js{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .rev{opacity:1;transform:none}
}


/* ================= ESPACE MEMBRES ================= */
.ap{position:fixed;inset:0;z-index:500;background:var(--noir);overflow-y:auto;display:none}
.ap.on{display:block}
.ap::after{content:'';position:fixed;inset:0;z-index:40;pointer-events:none;background-image:url("../img/grain.png");background-size:170px 170px;opacity:.5;mix-blend-mode:overlay}

/* --- connexion --- */
.cx{min-height:100vh;display:flex;flex-wrap:wrap-reverse;align-items:stretch}
.cx-col{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;
  padding:clamp(22px,3vw,40px) clamp(22px,4vw,56px) clamp(34px,5vh,56px)}
.cx-ret{align-self:flex-start;background:none;border:0;cursor:pointer;padding:6px 2px;
  font-size:12.5px;font-weight:700;color:var(--gris2);transition:color .16s}
.cx-ret:hover{color:var(--orange)}
.cx-f{width:100%;max-width:412px;margin:auto;padding:clamp(18px,4vh,40px) 0}
.cx-marque{display:flex;align-items:center;gap:11px;margin-bottom:clamp(22px,4vh,38px)}
.cx-marque img{width:34px;height:auto;display:block}
.cx-marque span{font-family:var(--d);font-size:10px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gris2);line-height:1.5}
.cx-marque b{display:block;color:var(--blanc);font-weight:900;letter-spacing:.16em}
.cx-f h2{font-family:var(--d);font-style:italic;font-weight:900;text-transform:uppercase;
  font-size:clamp(26px,3.2vw,38px);letter-spacing:-.035em;line-height:.95}
.cx-f .bascule{margin:9px 0 26px;font-size:13.5px;color:var(--gris)}
.cx-f .bascule button{color:var(--orange);font-weight:800;text-decoration:underline;
  text-underline-offset:3px;cursor:pointer;background:none;border:0;font:inherit;font-weight:800}

/* les quatre pastilles de connexion */
.oa-rang{display:flex;gap:11px;flex-wrap:wrap}
.oa{background:none;border:0;padding:0;cursor:pointer;line-height:0;
  border-radius:999px;transition:transform .16s}
.oa:hover{transform:translateY(-2px)}
.oa:active{transform:none}
.oa-i{display:grid;place-items:center;width:clamp(64px,5.4vw,78px);height:46px;border-radius:999px;
  font-family:var(--d);font-style:italic;font-weight:900;font-size:19px;line-height:1;
  transition:box-shadow .16s}
.oa:hover .oa-i{box-shadow:0 0 0 2px var(--noir),0 0 0 4px var(--orange)}
.oa-i img{width:25px;height:25px;display:block;object-fit:contain}
.oa-i img + b{display:none}

.cx-f .sep{display:flex;align-items:center;gap:14px;margin:clamp(20px,3.5vh,30px) 0;
  font-family:var(--d);font-size:10.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--gris2)}
.cx-f .sep::before,.cx-f .sep::after{content:'';flex:1;height:1px;background:var(--ligne)}

.btn-cx{width:100%;justify-content:center;margin-top:6px;
  background:linear-gradient(90deg,var(--orange) 0%,#FF8A3D 100%)}
.btn-cx:hover{background:linear-gradient(90deg,#FF7A35 0%,#FF9B55 100%)}

.cx-cgu{margin-top:16px;font-size:11.5px;line-height:1.6;color:var(--gris2)}
.cx-cgu a{color:var(--gris);text-decoration:underline;text-underline-offset:2px}
.cx-cgu a:hover{color:var(--orange)}

/* le visuel de droite */
.cx-img{flex:1 1 440px;min-width:0;position:relative;overflow:hidden;
  border-left:1px solid var(--ligne)}
.cx-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 56%}
.cx-img::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to left,transparent 62%,rgba(11,9,8,.5) 100%),
             linear-gradient(to top,rgba(11,9,8,.72) 2%,rgba(11,9,8,.1) 28%,transparent 46%)}
.cx-slog{position:absolute;left:clamp(20px,3vw,40px);bottom:clamp(20px,4vh,40px);z-index:2;
  font-family:var(--d);font-style:italic;font-weight:900;text-transform:uppercase;
  font-size:clamp(34px,5vw,74px);letter-spacing:-.05em;line-height:.85;
  text-shadow:0 6px 40px rgba(0,0,0,.6)}
.cx-slog b{color:var(--orange)}

@media (max-width:860px){
  .cx{flex-wrap:wrap}
  .cx-img{flex:1 1 100%;min-height:210px;border-left:0;border-bottom:1px solid var(--ligne)}
  .cx-slog{font-size:clamp(30px,10vw,52px)}
}
.sep{display:flex;align-items:center;gap:13px;margin:22px 0;color:var(--gris2);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sep::before,.sep::after{content:'';flex:1;height:1px;background:var(--ligne)}
.ch{display:block;margin-bottom:15px}
.ch span{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gris2);margin-bottom:7px}
.inp{width:100%;min-height:52px;padding:0 16px;border-radius:var(--r);background:#120E0D;border:1.5px solid var(--ligne);color:var(--blanc);font:inherit;font-weight:600;transition:border-color .18s}
.inp:focus{border-color:var(--orange);outline:none}
textarea.inp{min-height:94px;padding:14px 16px;resize:vertical;line-height:1.5}
select.inp{min-height:46px}
.err{color:var(--orange);font-size:13.5px;font-weight:700;margin-bottom:13px;display:none}
.demo{margin-top:26px;padding-top:20px;border-top:1px solid var(--ligne)}
.demo p{font-size:13px;color:var(--gris2)}
.demo div{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.demo button{padding:8px 14px;border:1.5px solid var(--ligne);background:none;color:var(--gris);font-size:12.5px;font-weight:700;cursor:pointer;transition:.18s}
.demo button:hover{border-color:var(--orange);color:var(--blanc)}

/* --- coque de l'espace --- */
.ap-shell{display:none;min-height:100vh;padding-left:var(--rail)}
.ap-shell.on{display:block}
.ap-rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);z-index:60;
  border-right:1px solid var(--ligne);background:var(--noir);
  display:flex;flex-direction:column;padding:20px 0 16px}
.ap-marque{display:flex;align-items:center;gap:11px;padding:0 16px 18px;
  margin-bottom:14px;border-bottom:1px solid var(--ligne)}
.ap-marque img{width:34px;height:auto;display:block;flex:none}
.ap-marque span{font-family:var(--d);font-size:10px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gris2);line-height:1.5}
.ap-marque b{display:block;color:var(--blanc);font-weight:900;letter-spacing:.16em}

.ap-rail nav{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}
.ap-rail nav button{display:flex;align-items:center;gap:8px;width:100%;
  background:none;border:0;border-left:3px solid transparent;cursor:pointer;
  padding:11px 16px 11px 14px;text-align:left;
  font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--gris2);transition:color .16s,background .16s,border-color .16s}
.ap-rail nav button:hover{color:var(--blanc);background:#120E0D}
.ap-rail nav button[aria-current=page]{color:var(--orange);border-left-color:var(--orange);background:#140D09}
.ap-rail nav button s{text-decoration:none;margin-left:auto;min-width:17px;height:17px;padding:0 5px;
  background:var(--orange);color:#140A05;font-size:10px;font-weight:900;display:grid;place-items:center}

.ap-burger{display:none;position:absolute;right:10px;top:10px;width:38px;height:38px;padding:0;
  background:none;border:1px solid var(--ligne);border-radius:var(--r);cursor:pointer;
  grid-auto-rows:2px;align-content:center;justify-items:center;gap:4px}
.ap-burger i{display:block;width:17px;height:2px;background:var(--gris);
  transition:transform .22s,opacity .16s,background .18s}
.ap-rail.ouvert .ap-burger{border-color:var(--orange)}
.ap-rail.ouvert .ap-burger i{background:var(--orange)}
.ap-rail.ouvert .ap-burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ap-rail.ouvert .ap-burger i:nth-child(2){opacity:0}
.ap-rail.ouvert .ap-burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.ap-bas{display:flex;flex-direction:column;align-items:flex-start;gap:1px;
  margin-top:14px;padding:13px 14px 0;border-top:1px solid var(--ligne)}
.ap-lien{background:none;border:0;cursor:pointer;text-align:left;padding:6px 3px;
  font-size:11.5px;font-weight:700;color:var(--gris2);transition:color .16s}
.ap-lien:hover{color:var(--blanc)}
.ap-sortie:hover{color:var(--orange)}

.ap-tete{display:flex;align-items:flex-end;gap:16px 28px;flex-wrap:wrap;padding:clamp(26px,4vh,46px) clamp(22px,3vw,54px) clamp(16px,2.4vh,26px) clamp(22px,3vw,54px);border-bottom:1px solid var(--ligne)}
.ap-tete h1{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(26px,3.6vw,50px);letter-spacing:-.04em;line-height:.92}
.ap-tete h1 em{font-style:italic;color:var(--orange)}
.ap-tete .pq{font-size:13px;color:var(--gris);max-width:40ch;flex:1 1 220px}
.ap-qui{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--gris2)}
.ap-qui select{background:#120E0D;border:1px solid var(--ligne);color:var(--blanc);padding:7px 9px;font:inherit;font-size:12.5px;font-weight:600}
.ap-moi{display:flex;align-items:center;gap:9px}
.av{width:34px;height:34px;flex:none;border-radius:9px;overflow:hidden;display:grid;place-items:center;font-style:italic;font-weight:900;font-size:12px;color:#140A05}
.ap-corps{padding:clamp(22px,3.4vh,40px) clamp(22px,3vw,54px) 80px}

.ap-ros{display:flex;gap:0;margin-bottom:clamp(22px,3vh,34px);border-bottom:1px solid var(--ligne);flex-wrap:wrap}
.ap-ros button{background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;padding:11px 20px 13px;
  font-style:italic;font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:-.025em;color:var(--gris2);transition:.18s}
.ap-ros button:hover{color:var(--blanc)}
.ap-ros button[aria-pressed=true]{color:var(--blanc);border-bottom-color:var(--orange)}
.ap-ros .seul{padding:11px 0 13px;font-style:italic;font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:-.025em;border-bottom:3px solid var(--orange)}

.btn-o{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:var(--r);background:var(--orange);color:#140A05;border:0;cursor:pointer;
  font:inherit;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;transition:background .18s,transform .2s cubic-bezier(.3,1.5,.5,1)}
.btn-o:hover{background:var(--orange2);transform:translateY(-2px)}
.btn-v{background:transparent;color:var(--blanc);border:1.5px solid var(--ligne)}
.btn-v:hover{background:transparent;border-color:var(--orange);color:var(--orange)}
.btn-p{min-height:38px;padding:0 15px;font-size:11.5px}
.acts{margin-bottom:clamp(20px,3vh,30px);display:flex;gap:9px;flex-wrap:wrap}
.avis{border-left:3px solid var(--orange);border-radius:0 var(--r) var(--r) 0;background:#120E0D;padding:14px 18px;font-size:13.5px;color:var(--gris);margin-bottom:24px}
.avis b{display:block;color:var(--blanc);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}
.vide{padding:50px 0;border-top:1px solid var(--ligne);color:var(--gris2)}
.vide b{display:block;font-style:italic;font-weight:900;font-size:26px;text-transform:uppercase;letter-spacing:-.03em;color:var(--blanc);margin-bottom:7px}

/* actualités + canal : éditorial */
.art{padding:clamp(22px,3vh,34px) 0;border-top:1px solid var(--ligne)}
.art:first-of-type{border-top:0;padding-top:4px}
.art h3{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(21px,2.8vw,34px);letter-spacing:-.035em;line-height:.98;max-width:22ch}
.art .meta{display:flex;align-items:center;gap:9px;margin:12px 0 13px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gris2)}
.art p.txt{color:#CFC4BF;white-space:pre-wrap;max-width:64ch;font-size:15px}
.epingle{background:var(--orange);color:#140A05;padding:2px 8px;font-size:10px;font-weight:900;letter-spacing:.08em}

/* planning */
.sem{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--ligne);border:1px solid var(--ligne)}
.jr{background:var(--noir);min-height:170px;padding:0 0 9px;display:flex;flex-direction:column;gap:6px}
.jr > h4{display:flex;align-items:baseline;justify-content:space-between;padding:10px 11px 11px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gris2)}
.jr > h4 b{font-style:italic;font-weight:900;font-size:19px;color:var(--gris);letter-spacing:-.02em}
.jr.auj > h4{background:#161110}
.jr.auj > h4 b{color:var(--orange)}
.ev{margin:0 7px;padding:9px 10px;border-radius:7px;font-size:11.5px;font-weight:800;line-height:1.3}
.ev time{display:block;font-style:italic;font-weight:900;font-size:13px;opacity:.72;margin-bottom:2px}
.lg{display:flex;gap:16px;flex-wrap:wrap;margin-top:15px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris2)}
.lg span{display:flex;align-items:center;gap:7px}
.lg i{width:11px;height:11px;flex:none;font-style:normal}

/* conflits */
.cfl{margin-top:26px;border-left:3px solid var(--orange);background:#120E0D;padding:18px 22px}
.cfl h4{font-style:italic;font-weight:900;font-size:19px;text-transform:uppercase;letter-spacing:-.025em;color:var(--orange)}
.cfl ul{list-style:none;margin-top:12px;display:grid;gap:9px}
.cfl li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}
.cfl em{font-style:normal;color:var(--gris)}

/* scrims : feuille de scores */
.mt{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--ligne);transition:background .18s}
.mt:last-of-type{border-bottom:1px solid var(--ligne)}
.mt:hover{background:#120E0D}
.mt .q{min-width:74px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gris2)}
.mt .adv{flex:1 1 180px;min-width:0;font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(18px,2.2vw,30px);letter-spacing:-.035em;line-height:1}
.mt .js{display:flex;gap:5px}
.mt .js .av{width:26px;height:26px;font-size:9.5px}
.mt .sc{font-style:italic;font-weight:900;font-size:clamp(22px,2.6vw,36px);letter-spacing:-.04em;min-width:3.2ch;text-align:right}
.mt.perdu .sc{color:var(--gris2)}
.mt .nt{flex-basis:100%;font-size:13px;color:var(--gris2);margin-top:-4px}

/* tournois */
.tn{display:flex;gap:clamp(18px,3vw,44px);align-items:flex-start;padding:clamp(20px,3vh,32px) 0;border-top:1px solid var(--ligne)}
.tn .rg{font-style:italic;font-weight:900;font-size:clamp(50px,7vw,96px);line-height:.8;letter-spacing:-.055em;flex:none;width:clamp(72px,8vw,124px);text-align:right;color:var(--gris2)}
.tn .rg.or{color:var(--orange)}
.tn .rg sup{font-size:.28em;vertical-align:super}
/* bloc de date d'un showmatch : le quantieme, le mois dessous */
.tn .rg.sm-d{display:flex;flex-direction:column;align-items:flex-end;line-height:.84;color:var(--orange)}
.tn .rg.sm-d span{font-family:var(--d);font-style:normal;font-weight:700;font-size:12px;
  letter-spacing:.15em;text-transform:uppercase;color:var(--gris2);margin-top:7px}
.tn h3{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(19px,2.3vw,30px);letter-spacing:-.03em;line-height:1.02}
.tn .mt2{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris2)}
.fmt{background:var(--orange);color:#140A05;padding:3px 10px;font-style:italic;font-weight:900;letter-spacing:-.01em;font-size:13px}
.pz{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}
.pz span{display:flex;align-items:center;gap:7px;padding:4px 11px 4px 4px;background:#161110;font-size:12.5px;font-weight:700}
.pz .av{width:22px;height:22px;font-size:9px}

/* absences */
.tl{border:1px solid var(--ligne);overflow-x:auto}
.tl-r{display:grid;grid-template-columns:132px 1fr;border-bottom:1px solid var(--ligne);min-width:520px}
.tl-r:last-child{border-bottom:0}
.tl-r > div:first-child{padding:8px 12px;display:flex;align-items:center;gap:9px;border-right:1px solid var(--ligne);font-size:13px;font-weight:700}
.tl-r .av{width:26px;height:26px;font-size:9.5px}
.tl-c{display:grid;grid-template-columns:repeat(14,1fr)}
.tl-c i{border-right:1px solid var(--ligne);min-height:38px;font-style:normal}
.tl-c i:last-child{border-right:0}
.tl-c i.out{background:var(--orange)}
.tl-h{background:#120E0D}
.tl-h > div:first-child{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gris2)}
.tl-h .tl-c i{min-height:28px;display:grid;place-items:center;font-style:italic;font-weight:900;font-size:12px;color:var(--gris2)}
.gr2{display:grid;grid-template-columns:1fr minmax(240px,310px);gap:clamp(20px,3vw,40px);align-items:start}
.mes{border:1px solid var(--ligne);padding:20px}
.mes h4{font-style:italic;font-weight:900;font-size:19px;text-transform:uppercase;letter-spacing:-.025em}
.ab{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--ligne);font-size:13.5px}
.ab:last-of-type{border-bottom:0}
.ab b{font-weight:800}
.x{width:28px;height:28px;border-radius:999px;background:none;border:0;cursor:pointer;color:var(--gris2);display:grid;place-items:center;font-size:19px;transition:color .18s}
.x:hover{color:var(--orange)}

/* demandes */
.dm{border-left:3px solid var(--ligne);padding:4px 0 4px 18px;margin-bottom:24px}
.dm.s-nouvelle{border-color:var(--orange)}
.dm.s-acceptée{border-color:#5FA83C}
.dm h3{font-style:italic;font-weight:900;text-transform:uppercase;font-size:21px;letter-spacing:-.03em;line-height:1.05;flex:1}
.dm .hd{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.st{padding:3px 9px;font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;flex:none}
.st-nouvelle{background:var(--orange);color:#140A05}
.st-vue{background:#241C1A;color:var(--gris)}
.st-acceptée{background:#5FA83C;color:#0B1406}
.st-refusée{border:1px solid var(--ligne);color:var(--gris2)}
.rep{margin-top:12px;padding:13px 16px;background:#120E0D;border-left:2px solid var(--orange);font-size:13.5px}
.rep b{display:block;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:4px}
.dm-a{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:13px}

/* membres */
.tb{width:100%;border-collapse:collapse;font-size:14px}
.tb th{text-align:left;padding:0 12px 10px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gris2);border-bottom:1px solid var(--ligne)}
.tb td{padding:13px 12px;border-bottom:1px solid var(--ligne)}
.tb th:first-child,.tb td:first-child{padding-left:0}
.tb tr:last-child td{border-bottom:0}
.sel{background:#120E0D;border:1px solid var(--ligne);border-radius:8px;color:var(--blanc);padding:7px 9px;font:inherit;font-size:12.5px;font-weight:600}

/* modale */
.mk{position:fixed;inset:0;background:rgba(5,4,4,.84);z-index:700;display:none;place-items:center;padding:18px}
.mk.on{display:grid}
.md{width:100%;max-width:460px;border-radius:var(--r2);background:#120E0D;border:1px solid var(--ligne);max-height:88vh;overflow:auto}
.md-h{display:flex;align-items:center;gap:12px;padding:19px 22px;border-bottom:1px solid var(--ligne)}
.md-h b{flex:1;font-style:italic;font-weight:900;font-size:21px;text-transform:uppercase;letter-spacing:-.03em;line-height:1.05}
.md-c{padding:22px}
.md-f{display:flex;gap:9px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--ligne)}
.rd{display:flex;gap:7px}
.rd label{flex:1}
.rd input{position:absolute;opacity:0;width:0;height:0}
.rd span{display:block;text-align:center;padding:12px 0;border:1.5px solid var(--ligne);font-style:italic;font-weight:900;font-size:17px;color:var(--gris2);cursor:pointer;transition:.18s}
.rd input:checked + span{background:var(--orange);color:#140A05;border-color:var(--orange)}
.rd input:focus-visible + span{outline:3px solid var(--orange);outline-offset:3px}
.ck{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ck label{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:var(--r);border:1.5px solid var(--ligne);font-size:13.5px;font-weight:600;cursor:pointer;transition:.18s}
.ck label:has(input:checked){border-color:var(--orange);background:#1A1210}
.ck input{accent-color:var(--orange);width:15px;height:15px}
.tst{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(180%);opacity:0;visibility:hidden;
  background:var(--orange);color:#140A05;padding:13px 22px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  z-index:800;pointer-events:none;transition:transform .28s cubic-bezier(.3,1.5,.5,1),opacity .2s,visibility .3s}
.tst.on{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}

@media (max-width:820px){
  /* La barre latérale devient un bandeau de 56 px : le menu complet
     se déplie par-dessus la page au lieu de déborder sur le côté.
     Neuf sections ne tiennent pas dans une rangée d'onglets. */
  .ap-shell{padding-left:0;padding-top:56px}
  .ap-rail{right:0;bottom:auto;width:auto;height:56px;padding:0;
    border-right:0;border-bottom:1px solid var(--ligne);overflow:hidden}
  .ap-marque{height:56px;margin:0;padding:0 56px 0 14px;border-bottom:0;flex:none}
  .ap-marque img{width:28px}
  .ap-burger{display:grid}

  .ap-rail nav,.ap-rail .ap-bas{display:none}
  .ap-rail.ouvert{height:100vh;height:100dvh;overflow:hidden}
  .ap-rail.ouvert nav{display:flex;flex:1 1 auto;overflow-y:auto;
    border-top:1px solid var(--ligne);padding:6px 0}
  .ap-rail.ouvert nav button{padding:15px 18px 15px 15px;font-size:12.5px}
  .ap-rail.ouvert .ap-bas{display:flex;flex:none;gap:4px;
    padding:14px 15px calc(16px + env(safe-area-inset-bottom))}
  .ap-lien{padding:9px 3px;font-size:12.5px}

  .sem{grid-template-columns:1fr}
  .jr{min-height:0}
  .gr2{grid-template-columns:1fr}
  .ck{grid-template-columns:1fr}
  .cx-g{border-right:0;border-bottom:1px solid var(--ligne)}
}

/* ---------------------------------------------------------------
   Compte créé mais accès pas encore ouverts
   --------------------------------------------------------------- */
.att{min-height:min(58vh,500px);display:grid;place-items:center;text-align:center;padding:40px 20px}
.att .in{max-width:560px}
.att .pt{width:58px;height:58px;margin:0 auto 28px;border-radius:50%;
  border:1px solid var(--ligne);display:grid;place-items:center}
.att .pt i{width:9px;height:9px;border-radius:50%;background:var(--orange);
  animation:batt 2.6s cubic-bezier(.2,.7,.3,1) infinite}
@keyframes batt{
  0%{box-shadow:0 0 0 0 rgba(240,103,42,.5)}
  70%{box-shadow:0 0 0 20px rgba(240,103,42,0)}
  100%{box-shadow:0 0 0 0 rgba(240,103,42,0)}}
.att h3{font-family:var(--d);font-weight:900;font-style:italic;
  font-size:clamp(26px,4vw,40px);text-transform:uppercase;
  letter-spacing:-.025em;line-height:1;margin:0 0 18px}
.att p{color:var(--gris);font-size:14.5px;line-height:1.7;margin:0 auto;max-width:440px}
.att p + p{margin-top:13px}
.att .ps{display:inline-flex;align-items:center;gap:8px;margin-top:30px;
  padding:9px 18px;border:1px solid var(--ligne);border-radius:999px;
  font-size:12.5px;color:var(--gris2)}
.att .ps b{color:var(--blanc);font-weight:800}


/* ---------------------------------------------------------------
   Bandeau photo : la line-up en jeu
   --------------------------------------------------------------- */
.bande{border-top:1px solid var(--ligne)}
.bande-in{position:relative;overflow:hidden;min-height:clamp(300px,54vh,580px);
  display:grid;align-items:end}
.bande-in img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:50% 42%}
.bande-in::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(to top,var(--noir) 1%,rgba(11,9,8,.62) 38%,rgba(11,9,8,.08) 74%),
    linear-gradient(to right,rgba(11,9,8,.72),rgba(11,9,8,.1) 48%,transparent 70%)}
.bande-txt{position:relative;z-index:2;
  padding:0 clamp(20px,3vw,48px) clamp(30px,6vh,62px);max-width:720px}
.bande-txt h2{font-family:var(--d);font-weight:900;font-style:italic;
  font-size:clamp(30px,5.4vw,66px);line-height:.92;text-transform:uppercase;
  letter-spacing:-.03em;margin:12px 0 0;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.bande-txt h2 em{font-style:italic;color:var(--orange)}
@media (max-width:620px){
  .bande-in{min-height:320px}
  .bande-in img{object-position:50% 46%}
}


/* --- piste B : capture en jeu plein cadre --- */
.fondjeu{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:58% 52%;z-index:0}
#haut::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(to right,var(--noir) 2%,rgba(11,9,8,.8) 26%,rgba(11,9,8,.06) 58%,rgba(11,9,8,.2) 100%),
    linear-gradient(to bottom,rgba(11,9,8,.82) 2%,rgba(11,9,8,.22) 20%,transparent 34%,rgba(11,9,8,.5))}
#haut .blob{opacity:.35}
@media (max-width:620px){
  /* sur un écran étroit la photo passe en texture : le texte prime */
  .fondjeu{object-position:56% 50%;opacity:.62}
  #haut::after{background:
    linear-gradient(to bottom,rgba(11,9,8,.9) 3%,rgba(11,9,8,.5) 36%,rgba(11,9,8,.72) 72%,var(--noir) 98%)}
  .ftywin{display:none}
}

/* --- gestion des rosters dans l'onglet Membres --- */
.ss{font-family:var(--d);font-weight:900;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gris2);margin:34px 0 14px;
  padding-top:22px;border-top:1px solid var(--ligne)}
.ss:first-child{margin-top:0;padding-top:0;border-top:0}
.lien{background:none;border:0;padding:4px 2px;font:inherit;font-size:12.5px;
  font-weight:700;color:var(--gris);cursor:pointer;text-decoration:underline;
  text-underline-offset:3px;transition:color .15s}
.lien:hover{color:var(--blanc)}
.lien.dang:hover{color:#FF6B5A}

/* --- modifier / supprimer ce qui a été publié --- */
.ops{display:flex;gap:16px;align-items:center}
.art .ops,.tn .ops,.dm .ops{margin-top:15px}
.mt .ops{flex-basis:100%;margin-top:-2px}
.ab .ops{flex:none;align-self:center;gap:12px}
.ev{position:relative}
.ev.modif{cursor:pointer}
.ev-x{position:absolute;top:1px;right:3px;background:none;border:0;cursor:pointer;
  font-size:15px;line-height:1;color:inherit;opacity:0;padding:2px 3px;transition:opacity .15s}
.ev:hover .ev-x,.ev-x:focus-visible{opacity:.7}
.ev-x:hover{opacity:1}

/* --- réordonner les rosters en les glissant --- */
.tb tr[draggable]{cursor:grab}
.tb tr[draggable]:active{cursor:grabbing}
.tb tr.tire{opacity:.35}
.tb tr.avant td{box-shadow:inset 0 2px 0 var(--orange)}
.tb tr.apres td{box-shadow:inset 0 -2px 0 var(--orange)}
.poignee{display:inline-block;margin-right:11px;color:var(--gris2);font-size:15px;
  letter-spacing:-2px;vertical-align:1px;user-select:none}
.tb tr:hover .poignee{color:var(--gris)}

.sco-vide{padding:46px 0;border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);
  font-size:14.5px;color:var(--gris2)}

/* --- podium du palmarès --- */
.mt .s.or{color:#E8B84A;text-shadow:0 0 26px rgba(232,184,74,.28)}
.mt .s.argent{color:#CBD0D7}
.mt .s.bronze{color:#BE7A3E}

/* --- photos de profil --- */
.av.ph{background:#1A1412;overflow:hidden;padding:0}
.av.ph img{width:100%;height:100%;object-fit:cover;display:block}
.moi-b{display:flex;align-items:center;gap:9px;background:none;border:0;padding:3px;
  margin:-3px;cursor:pointer;color:inherit;font:inherit;border-radius:2px;
  transition:background .16s}
.moi-b:hover{background:#171110}
.moi-b:hover .av{box-shadow:0 0 0 2px var(--orange)}
.ph-ed{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.ph-ap{width:112px;height:112px;flex:none;overflow:hidden;background:#1A1412}
.ph-ap img{width:100%;height:100%;object-fit:cover;display:block}
.ph-ap span{width:100%;height:100%;display:grid;place-items:center;
  font-style:italic;font-weight:900;font-size:34px;color:#140A05}
.ph-tx{flex:1 1 230px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ph-tx p{font-size:13.5px;line-height:1.6;color:var(--gris);margin:0}
.eq .pct.or{color:#E8B84A}
.eq .pct.argent{color:#CBD0D7}
.eq .pct.bronze{color:#BE7A3E}

.eq .js span.attente{font-style:normal;font-weight:700;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gris2)}
.eq:hover .js span.attente{color:var(--gris2)}

/* ---------------------------------------------------------------
   Page de texte : confidentialité, mentions, etc.
   --------------------------------------------------------------- */
.doc-body{padding-left:0}
.doc{max-width:720px;margin:0 auto;padding:clamp(34px,7vh,78px) clamp(20px,5vw,34px) 110px}
.doc-retour{display:inline-block;margin-bottom:clamp(26px,5vh,46px);font-size:12.5px;
  font-weight:700;color:var(--gris2);text-decoration:none;transition:color .16s}
.doc-retour:hover{color:var(--orange)}
.doc h1{font-family:var(--d);font-style:italic;font-weight:900;text-transform:uppercase;
  font-size:clamp(30px,5.4vw,54px);letter-spacing:-.035em;line-height:.95;margin:10px 0 0}
.doc h1 em{font-style:italic;color:var(--orange)}
.doc-maj{font-family:var(--d);font-size:10.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gris2);margin-top:14px}
.doc-intro{font-size:15.5px;line-height:1.7;color:var(--gris);margin-top:26px}
.doc h2{font-family:var(--d);font-style:italic;font-weight:900;text-transform:uppercase;
  font-size:clamp(17px,2vw,23px);letter-spacing:-.02em;margin:clamp(32px,5vh,48px) 0 13px;
  padding-top:clamp(22px,3.5vh,30px);border-top:1px solid var(--ligne)}
.doc p{font-size:14.5px;line-height:1.75;color:var(--gris);margin-bottom:13px}
.doc ul{margin:0 0 15px;padding-left:20px}
.doc li{font-size:14.5px;line-height:1.72;color:var(--gris);margin-bottom:8px}
.doc b{color:var(--blanc);font-weight:800}
.doc a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.doc a:hover{color:var(--orange2)}
.doc-pied{margin-top:clamp(40px,7vh,64px);padding-top:22px;border-top:1px solid var(--ligne);
  font-size:12.5px;color:var(--gris2)}
.ph-tx .ch{width:100%;margin:0}
.ph-bt{display:flex;align-items:center;gap:16px;flex-wrap:wrap}

/* --- onglet Paramètres --- */
.pr{max-width:660px}
.pr-b{margin-bottom:clamp(30px,5vh,46px)}
.pr-b > p{font-size:13.5px;line-height:1.7;color:var(--gris);margin:0 0 16px;max-width:56ch}
.pr-ps{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pr-ps .inp{flex:1 1 220px;min-width:0}
.pr-danger .ss{color:#E0695B;border-top-color:rgba(224,105,91,.3)}
.btn-sup{background:transparent;color:#E0695B;box-shadow:inset 0 0 0 1.5px rgba(224,105,91,.45)}
.btn-sup:hover{background:#E0695B;color:#140A05;box-shadow:none}

/* --- coins arrondis : compléments --- */
.tst{border-radius:999px}
.ph-ap{border-radius:var(--r2)}
.btn-sup{border-radius:var(--r)}
.inp:focus{outline:none;border-color:var(--orange)}
.cx-img{border-radius:0}
.eq .js .av,.mt .js .av{border-radius:8px}
.tb td .av{border-radius:8px}

/* ===== page du palmarès complet ===== */
.doc-pal{max-width:880px}
.pal-chif{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0 10px}
/* sans cette ligne, le display:flex ci-dessus l'emporte sur l'attribut hidden */
.pal-chif[hidden]{display:none}
.pal-chif>div{flex:1 1 150px;padding:19px 21px;border:1px solid var(--ligne);border-radius:var(--r2);background:var(--noir2)}
.pal-chif b{display:block;font-family:var(--d);font-style:italic;font-weight:900;
  font-size:clamp(27px,4.4vw,40px);letter-spacing:-.045em;line-height:1;color:var(--blanc)}
.pal-chif span{display:block;margin-top:8px;font-family:var(--d);font-size:10px;font-weight:700;
  letter-spacing:.17em;text-transform:uppercase;color:var(--gris2)}
.doc-pal .sco{padding:0}
/* .doc p est plus specifique que .pal-an seul : on passe par .doc-pal */
.doc-pal .pal-an{margin:42px 0 11px;font-family:var(--d);font-style:italic;font-weight:900;
  text-transform:uppercase;font-size:12.5px;letter-spacing:.2em;color:var(--gris2)}
.doc-pal .pal-an:first-child{margin-top:4px}
.pal-voir{margin-top:30px;padding:0 clamp(20px,3vw,48px)}

/* ===== téléphone : en-tête public, rosters, bandeaux ===== */
@media (max-width:620px){
  /* La phrase de présentation doublonne le bandeau de marque du haut,
     et elle poussait le menu à se casser sur deux lignes. */
  /* « EST. 2026 » sortait de l'ecran en 360 px : on laisse les mots
     se retrecir plutot que de pousser la date dehors. */
  .strip .mots{min-width:0;overflow:hidden}
  .strip .mots span{font-size:15px;white-space:nowrap}
  .strip .bas{flex:none;white-space:nowrap}

  .hero-haut{padding:16px clamp(16px,4vw,48px) 0;gap:0}
  .hero-haut .lab{display:none}
  .menu{width:100%;justify-content:space-between;gap:6px}
  .menu a{font-size:10px;letter-spacing:.11em;padding:9px 0}
  .mlong{display:none}
  .mcourt{display:inline}

  /* Rosters : le classement et son libellé se lisaient aux deux bouts
     de la ligne, ils se suivent maintenant. */
  .eq > div:last-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  .eq .bil{text-align:left}

  /* Espace membres : marges resserrées, le premier écran servait de vide. */
  .ap-tete{padding:18px 16px 15px;gap:10px 16px}
  .ap-corps{padding:18px 16px 72px}
  .doc{padding:clamp(26px,5vh,54px) 18px 80px}
  .pal-chif>div{padding:15px 16px}
}