/* =====================================================================
   CLASSEMENT v5 — sous l'en-tête, sur pierre claire.
   Le podium : trois pièces noires de tailles différentes, décalées comme des marches ; le rang
   en chiffre géant (plein et lime pour le premier, en filet pour les autres), le pseudo en fonte
   large, la note en chiffres condensés. Elles penchent vers le pointeur. Les tableaux vivent
   dans une dalle noire.
   ===================================================================== */
body.sol-clair .cl-watermark{display:none}
body.sol-clair .clx{padding-top:clamp(36px,4vw,64px)}
body.sol-clair .cl-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;border:0;background:none}
body.sol-clair .cl-filters a{padding:12px 16px;border:0;border-radius:12px;color:#0a0a0a;background:transparent;box-shadow:inset 0 0 0 1.5px #0a0a0a;
  font-family:var(--f-mono);font-weight:700;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;transition:background 240ms var(--v5-masse),color 240ms var(--v5-masse)}
body.sol-clair .cl-filters a:hover,body.sol-clair .cl-filters a.on{color:#f1f1ec;background:#0a0a0a}

body.sol-clair .cpod{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;align-items:end;margin:0 0 clamp(28px,4vw,56px)}
body.sol-clair .cpod__card{position:relative;isolation:isolate;overflow:hidden;min-height:308px;padding:22px 22px 18px;border:0;border-radius:28px 28px 28px 8px;color:#f1f1ec;
  background:url("/static/players/roche.webp") center/460px,linear-gradient(180deg,#191919,#070707);background-blend-mode:soft-light,normal;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 5px rgba(10,10,10,.06),0 44px 70px -44px rgba(0,0,0,.75);
  transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform 220ms cubic-bezier(.2,.7,.2,1)}
body.sol-clair .cpod-1{min-height:388px}
body.sol-clair .cpod-2{border-radius:8px 28px 28px 28px}
body.sol-clair .cpod-3{min-height:276px;border-radius:28px 8px 28px 28px}
body.sol-clair .cpod__card.is-me{box-shadow:inset 0 0 0 2px var(--v5-lime),0 44px 70px -44px rgba(0,0,0,.75)}
body.sol-clair .cpod__glyph{position:absolute;right:14px;top:4px;z-index:-1;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(120px,13vw,204px);line-height:.8;
  color:transparent;-webkit-text-stroke:1.5px rgba(241,241,236,.22);opacity:1;text-shadow:none}
body.sol-clair .cpod-1 .cpod__glyph{color:var(--v5-lime);-webkit-text-stroke:0;font-size:clamp(150px,17vw,260px)}
body.sol-clair .cpod__rk{display:none}
body.sol-clair .cpod__ring{width:84px;height:84px;padding:0;border-radius:22px 22px 22px 6px;overflow:hidden;background:#0c0c0c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
body.sol-clair .cpod__ava{display:block;width:100%;height:100%;border:0;border-radius:0;object-fit:cover}
body.sol-clair .cpod__name{display:block;margin-top:16px;font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:clamp(22px,2.3vw,34px);line-height:.92;letter-spacing:-.045em;
  text-transform:uppercase;color:#f1f1ec;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.sol-clair .cpod-1 .cpod__name{font-size:clamp(28px,3.3vw,50px)}
body.sol-clair .cpod__rating,body.sol-clair .cpod__rating span{font-family:var(--f-chiffre);font-weight:800;line-height:.86;color:#f1f1ec;background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
body.sol-clair .cpod__rating{margin-top:10px;font-size:clamp(48px,5vw,76px)}
body.sol-clair .cpod-1 .cpod__rating{font-size:clamp(66px,7.4vw,112px)}
body.sol-clair .cpod__rlbl{font-family:var(--f-mono);font-weight:600;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:rgba(241,241,236,.56)}
body.sol-clair .cpod__meta{margin-top:14px;padding-top:12px;border-top:1px solid rgba(241,241,236,.14);color:rgba(241,241,236,.7)}

.cl5-dalle{position:relative;isolation:isolate;padding:clamp(18px,2.4vw,34px);border-radius:clamp(22px,2.6vw,36px) clamp(22px,2.6vw,36px) clamp(22px,2.6vw,36px) 8px;
  color:#f1f1ec;background:#060606;box-shadow:0 60px 90px -70px rgba(0,0,0,.85)}
body.sol-clair .cl-empty,body.sol-clair .cl-empty__k,body.sol-clair .cl-empty__t{color:#0a0a0a}
@media (max-width:820px){
  body.sol-clair .cpod{grid-template-columns:1fr}
  body.sol-clair .cpod__card,body.sol-clair .cpod-1,body.sol-clair .cpod-3{min-height:0}
}
@media (prefers-reduced-motion:reduce){ body.sol-clair .cpod__card{transition:none} }

/* contraste (audit du 07/10/2026) : « 60 rangs » en gris sombre sur le tableau noir, 3,2:1 */
body.v5 .cl-board .cl-board__idx{color:#9a9d97}

/* ══ LE CLASSEMENT COMPLET — la matière de Top killers (fondateur, 08/10/2026 : « il faut que ce soit partout pareil »).
   Le tableau des joueurs, le palmarès des équipes et la méthode vivaient encore dans la dalle noire de l'ancien site.
   Dalle de verre clair, grands chiffres, lignes réglées qui s'encrent au survol ; la méthode : trois plaques de roche noire. */
.cl5-verre{position:relative;isolation:isolate;margin-top:clamp(34px,4vw,60px);padding:clamp(18px,2.4vw,34px) clamp(14px,2.4vw,36px) clamp(18px,2.4vw,34px);
  border-radius:clamp(22px,2.6vw,34px) clamp(22px,2.6vw,34px) clamp(22px,2.6vw,34px) 8px;
  background:linear-gradient(180deg,rgba(243,244,241,.9),rgba(226,228,224,.84));-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),inset 0 -2px 0 rgba(10,10,10,.06),0 0 0 1px rgba(10,10,10,.08),0 40px 60px -46px rgba(0,0,0,.5)}
.cl5-verre::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--v5-grain);filter:invert(1);opacity:.16;pointer-events:none}
.cl5-verre .v5-rel{color:rgba(10,10,10,.62)}
.cl5-verre .v5-rel b{color:#0a0a0a}
body.sol-clair .cl5-verre .cl5-vues{margin:0 0 clamp(18px,2.2vw,28px)}
.cl5-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 clamp(16px,2vw,26px)}
.cl5-tete p{margin:0 0 6px}
.cl5-tete__t{margin:0;font-family:var(--f-display);font-weight:760;font-size:clamp(24px,2.9vw,42px);line-height:.96;letter-spacing:-.03em;text-transform:uppercase;color:#0a0a0a}
.cl5-tete__idx{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(18px,1.8vw,24px);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:rgba(10,10,10,.68);white-space:nowrap}
.cl5-cols,.cl5-l{display:grid;grid-template-columns:clamp(50px,6vw,84px) minmax(0,1fr) clamp(46px,6vw,74px) clamp(56px,8vw,104px) clamp(60px,8vw,104px) clamp(86px,11vw,150px);align-items:center;gap:12px}
.cl5-cols--eq,.cl5-l--eq{grid-template-columns:minmax(0,1fr) repeat(4,clamp(58px,8vw,104px)) clamp(70px,10vw,130px)}
.cl5-cols{padding:0 10px 8px;border-bottom:1.5px solid #0a0a0a}
.cl5-cols span:nth-child(n+3),.cl5-cols--eq span:nth-child(n+2){text-align:right}
.cl5-liste{list-style:none;margin:0;padding:0}
.cl5-l{position:relative;isolation:isolate;padding:9px 10px;border-bottom:1px solid rgba(10,10,10,.16);color:#0a0a0a;transition:color 360ms var(--v5-masse)}
.cl5-l::before{content:"";position:absolute;inset:0;z-index:-1;background:#0a0a0a;transform:scaleY(0);transform-origin:50% 100%;transition:transform 420ms var(--v5-masse)}
.cl5-l:hover,.cl5-l:focus-within{color:#f1f1ec}
.cl5-l:hover::before,.cl5-l:focus-within::before{transform:scaleY(1)}
.cl5-l__rang{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(30px,3.2vw,44px);line-height:.9;opacity:.4;font-variant-numeric:tabular-nums;transition:opacity 360ms var(--v5-masse)}
.cl5-l:hover .cl5-l__rang{opacity:1}
.cl5-l__qui{display:flex;align-items:center;gap:14px;min-width:0}
.cl5-l__por{position:relative;flex:none;display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:12px 12px 12px 4px;color:#f1f1ec;background:#0a0a0a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.cl5-l__por img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);transition:filter 500ms var(--v5-masse)}
.cl5-l:hover .cl5-l__por img{filter:none}
.cl5-l__por b{font-family:var(--f-display);font-weight:760;font-size:15px;letter-spacing:-.02em}
.cl5-l__nom{font-family:var(--f-display);font-weight:700;font-size:clamp(15px,1.5vw,19px);line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;color:inherit;text-decoration:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.cl5-l__nom:hover{text-decoration:underline;text-underline-offset:4px}
.cl5-l__toi{flex:none;padding:5px 8px;border-radius:7px 7px 7px 2px;font-family:var(--f-mono);font-weight:700;font-size:9.5px;line-height:1;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:#050505;background:var(--v5-lime)}
.cl5-l.est-moi{box-shadow:inset 3px 0 0 #0a0a0a}
.cl5-l.est-moi .cl5-l__rang{opacity:1}
.cl5-l__niv{justify-self:end;display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 7px;border-radius:8px 8px 8px 2px;font-family:var(--f-chiffre);font-weight:800;font-size:17px;line-height:1;
  color:#f1f1ec;background:#0a0a0a;font-variant-numeric:tabular-nums;transition:color 360ms var(--v5-masse),background 360ms var(--v5-masse)}
.cl5-l:hover .cl5-l__niv{color:#0a0a0a;background:#f1f1ec}
.cl5-l__v{font-family:var(--f-chiffre);font-weight:700;font-size:clamp(18px,1.8vw,24px);line-height:1;text-align:right;opacity:.62;font-variant-numeric:tabular-nums}
.cl5-l__fort{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(28px,3vw,42px);line-height:.9;text-align:right;font-variant-numeric:tabular-nums}
.cl5-l--eq .cl5-l__nom{font-size:clamp(16px,1.7vw,22px)}
.cl5-vide{margin:0;max-width:52ch;font-family:var(--f-display);font-weight:500;font-size:clamp(18px,2vw,26px);line-height:1.28;letter-spacing:-.015em;color:#0a0a0a}
.cl5-attente{display:grid;gap:18px;justify-items:start}

.cl5-regles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(18px,2.2vw,30px)}
.cl5-regle{position:relative;isolation:isolate;display:grid;align-content:start;gap:12px;padding:clamp(18px,2vw,26px);border-radius:24px 24px 24px 6px;color:#f1f1ec;
  background:url("/static/players/roche.webp") center/420px,linear-gradient(180deg,rgba(24,24,24,.98),rgba(7,7,7,.99));background-blend-mode:soft-light,normal;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.16),0 0 0 4px rgba(10,10,10,.05),0 34px 50px -34px rgba(0,0,0,.7)}
.cl5-regle:nth-child(2){border-radius:24px 24px 6px 24px}
.cl5-regle:nth-child(3){border-radius:24px 6px 24px 24px}
.cl5-regle__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px 12px 12px 4px;color:#f1f1ec;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  transition:color 300ms var(--v5-masse),background 300ms var(--v5-masse)}
.cl5-regle__ic svg{width:20px;height:20px}
.cl5-regle:hover .cl5-regle__ic{color:var(--v5-lime);background:#000}
.cl5-regle h3{margin:6px 0 0;font-family:var(--f-display);font-weight:760;font-size:clamp(17px,1.5vw,21px);line-height:1.02;letter-spacing:-.03em;text-transform:uppercase;color:#f1f1ec}
.cl5-regle p{margin:0;font-family:var(--f-ui);font-weight:400;font-size:14.5px;line-height:1.5;color:rgba(241,241,236,.66)}

@media (max-width:900px){ .cl5-regles{grid-template-columns:minmax(0,1fr)} }
@media (max-width:760px){
  .cl5-cols,.cl5-l{grid-template-columns:44px minmax(0,1fr) 88px;gap:10px}
  .cl5-cols span:nth-child(3),.cl5-cols span:nth-child(4),.cl5-cols span:nth-child(5),.cl5-l__niv,.cl5-l:not(.cl5-l--eq) .cl5-l__v{display:none}
  .cl5-cols--eq{display:none}
  .cl5-l--eq{grid-template-columns:repeat(4,minmax(0,1fr)) auto;row-gap:8px}
  .cl5-l--eq .cl5-l__nom{grid-column:1 / -1;white-space:normal}
  .cl5-l--eq .cl5-l__v{text-align:left;font-size:20px;opacity:1}
  .cl5-l--eq .cl5-l__v::before{content:attr(data-l);display:block;margin-bottom:3px;font-family:var(--f-mono);font-weight:600;font-size:9px;letter-spacing:.07em;text-transform:uppercase;opacity:.6}
  .cl5-l__por{width:38px;height:38px}
  .cl5-l__qui{gap:10px}
}
@media (prefers-reduced-motion:reduce){ .cl5-l,.cl5-l::before,.cl5-l__rang,.cl5-l__por img,.cl5-l__niv,.cl5-regle__ic{transition:none} }