/* =====================================================================
   PRONOSTICS v5 — sur pierre claire.
   1. Un tournoi = une pièce en deux matières : la fiche sur dalle claire (date en chiffres
      géants, où penche la salle) et le tableau des cotes dans une dalle noire (une ligne réglée
      par équipe, la cote en chiffres condensés ; la ligne choisie devient une touche blanche).
   2. La bande de nuit : ceux qui avaient vu juste, en pièces, la plus belle cote en grand.
   3. Le classement en lignes réglées (le premier est une pièce noire) et mon historique.
   Aucune règle ne dépend de l'ancienne feuille skld-page-pronostics.css : elle n'est plus liée.
   ===================================================================== */
.pn5-liste{display:grid;gap:clamp(22px,3vw,40px);margin-top:clamp(18px,2.4vw,32px)}

/* ------------------------------------------------------------ la pièce d'un tournoi */
.pn5-t{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:clamp(10px,1.6vw,22px);align-items:start;
  padding:clamp(8px,1.1vw,14px);border-radius:36px 36px 36px 10px;color:#0a0a0a;
  background:linear-gradient(180deg,rgba(230,232,228,.94),rgba(215,217,214,.94));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),inset 0 1.5px 0 rgba(255,255,255,.95),0 0 0 1px rgba(10,10,10,.1),0 0 0 6px rgba(10,10,10,.04),0 60px 80px -60px rgba(0,0,0,.55)}
.pn5-t__tete{position:sticky;top:92px;display:grid;gap:12px;min-width:0;padding:clamp(14px,1.8vw,26px) clamp(8px,1.4vw,20px) clamp(12px,1.6vw,22px)}
.pn5-t__date{display:block;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(104px,11.5vw,176px);line-height:.76;color:#0a0a0a;font-variant-numeric:tabular-nums}
.pn5-t__date i{font-style:normal;font-size:.4em;color:rgba(10,10,10,.5)}
body.v5 .pn5-t__rel{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;font-family:var(--f-mono);font-weight:600;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:rgba(10,10,10,.62)}
.pn5-t__nom{font-family:var(--f-display);font-weight:700;font-size:clamp(26px,3vw,44px);line-height:.96;letter-spacing:-.03em;text-transform:uppercase;color:#0a0a0a;
  text-decoration:none;overflow-wrap:anywhere;transition:opacity 240ms var(--v5-masse)}
.pn5-t__nom:hover{opacity:.66}
body.v5 .pn5-t__q{margin:0;max-width:40ch;font-family:var(--f-ui);font-size:15px;line-height:1.5;color:rgba(10,10,10,.76)}
.pn5-faits{margin:8px 0 0;padding:0;display:grid;border-top:1.5px solid #0a0a0a}
.pn5-fait{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid rgba(10,10,10,.18)}
.pn5-fait dt{font-family:var(--f-mono);font-weight:600;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:rgba(10,10,10,.62);white-space:nowrap}
.pn5-fait dd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:2px 10px;margin:0;min-width:0;text-align:right}
.pn5-fait dd b{font-family:var(--f-display);font-weight:700;font-size:14px;line-height:1.1;letter-spacing:-.015em;text-transform:uppercase;color:#0a0a0a;overflow-wrap:anywhere}
.pn5-fait dd em,.pn5-fait--n dd b{font-style:normal;font-family:var(--f-chiffre);font-weight:800;font-size:26px;line-height:.86;letter-spacing:.01em;color:#0a0a0a}
body.v5 .pn5-t__vide{align-self:stretch;display:grid;place-items:center;margin:0;max-width:none;min-height:160px;padding:24px;border-radius:26px 26px 26px 6px;text-align:center;
  font-family:var(--f-ui);font-size:14.5px;line-height:1.55;color:rgba(10,10,10,.74);
  background:repeating-linear-gradient(-55deg,rgba(10,10,10,.1) 0 1.5px,transparent 1.5px 10px);box-shadow:inset 0 0 0 1.5px rgba(10,10,10,.5)}

/* un tournoi dont les équipes ne sont pas confirmées : une rangée basse, pas une pièce entière */
.pn5-t.is-vide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;border-radius:28px 28px 28px 8px}
.pn5-t.is-vide .pn5-t__tete{position:static;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 20px;padding-block:10px}
.pn5-t.is-vide .pn5-t__date{grid-row:1 / span 2;font-size:clamp(64px,6.4vw,92px)}
.pn5-t.is-vide .pn5-t__rel{margin:0;align-self:end}
.pn5-t.is-vide .pn5-t__nom{align-self:start;font-size:clamp(20px,2vw,28px)}
.pn5-t.is-vide .pn5-t__q,.pn5-t.is-vide .pn5-faits{display:none}
body.v5 .pn5-t.is-vide .pn5-t__vide{min-height:0;height:100%;padding:16px 20px;border-radius:20px 20px 20px 6px;font-size:13.5px;text-align:left;place-items:center start}

/* ------------------------------------------------------------ le tableau des cotes (dalle noire) */
.pn5-form{position:relative;isolation:isolate;margin:0;min-width:0;overflow:clip;border-radius:28px 28px 28px 6px;color:#f1f1ec;
  background:url("/static/players/roche.webp") center/460px,linear-gradient(180deg,#191919,#060606);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,.13),0 34px 46px -36px rgba(0,0,0,.85)}
.pn5-opts{display:grid;padding:8px clamp(6px,.9vw,12px) 0}
.pn5-cell{min-width:0}
.pn5-opt{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;margin:2px 0;padding:8px 14px 8px 10px;border-radius:14px 14px 14px 4px;cursor:pointer;color:#f1f1ec;
  background:linear-gradient(90deg,rgba(241,241,236,.62) var(--pct,0%),rgba(241,241,236,.1) var(--pct,0%)) 48px 100% / calc(100% - 62px) 2px no-repeat;
  transition:background-color 220ms var(--v5-masse),color 220ms var(--v5-masse),transform 420ms var(--v5-masse)}
.pn5-opt input{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.pn5-opt__tick{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:transparent;box-shadow:inset 0 0 0 1.5px rgba(241,241,236,.36);
  transition:background 240ms var(--v5-masse),box-shadow 240ms var(--v5-masse),transform 420ms var(--v5-masse)}
.pn5-opt__tick svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.pn5-opt__name{flex:1 1 auto;min-width:0;font-family:var(--f-display);font-weight:700;font-size:clamp(15px,1.35vw,19px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn5-opt__fav{flex:none;padding:4px 7px;border-radius:6px 6px 6px 2px;font-style:normal;font-family:var(--f-mono);font-weight:700;font-size:9.5px;line-height:1;letter-spacing:.07em;text-transform:uppercase;
  box-shadow:inset 0 0 0 1px rgba(241,241,236,.45)}
.pn5-opt__pct{flex:none;width:40px;text-align:right;font-family:var(--f-mono);font-weight:600;font-size:10.5px;letter-spacing:.05em;color:rgba(241,241,236,.58)}
.pn5-opt__cote{flex:none;min-width:80px;text-align:right;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(28px,2.5vw,36px);line-height:.86;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.pn5-opt__cote i{font-style:normal;font-size:.56em;margin-right:.06em;vertical-align:.18em;opacity:.6}
.pn5-opt__gain{flex:none;width:64px;text-align:right;font-family:var(--f-mono);font-weight:600;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(241,241,236,.62);white-space:nowrap}
.pn5-opt__gain::after{content:" ar"}
.pn5-opt:not(.is-clos):hover{background-color:rgba(255,255,255,.06)}
.pn5-opt:not(.is-clos):hover .pn5-opt__tick{box-shadow:inset 0 0 0 1.5px #f1f1ec;transform:scale(1.08)}
.pn5-opt:has(input:focus-visible){outline:2px solid #f1f1ec;outline-offset:2px}
/* la ligne choisie : une touche blanche, le palet lime */
.pn5-opt:has(input:checked){color:#0a0a0a;background:linear-gradient(180deg,#ffffff,#e2e3df);box-shadow:inset 0 -2px 0 rgba(10,10,10,.14),0 14px 22px -14px rgba(0,0,0,.9)}
.pn5-opt:has(input:checked) .pn5-opt__tick{color:#050505;background:var(--v5-lime);box-shadow:none}
.pn5-opt:has(input:checked) .pn5-opt__pct,.pn5-opt:has(input:checked) .pn5-opt__gain{color:rgba(10,10,10,.64)}
.pn5-opt:has(input:checked) .pn5-opt__fav{box-shadow:inset 0 0 0 1px rgba(10,10,10,.5)}
@supports not selector(:has(*)){
  .pn5-opt.on{color:#0a0a0a;background:linear-gradient(180deg,#ffffff,#e2e3df)}
  .pn5-opt.on .pn5-opt__tick{color:#050505;background:var(--v5-lime);box-shadow:none}
  .pn5-opt.on .pn5-opt__pct,.pn5-opt.on .pn5-opt__gain{color:rgba(10,10,10,.64)}
}
.pn5-opt.is-clos{cursor:default}
.pn5-opt.is-clos:not(.on) .pn5-opt__name,.pn5-opt.is-clos:not(.on) .pn5-opt__cote{color:rgba(241,241,236,.6)}

/* qui a choisi cette équipe, et à quelle cote */
.pn5-qui{display:flex;flex-wrap:wrap;gap:6px;padding:2px 12px 10px 48px}
.pn5-qui__i{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border-radius:9px 9px 9px 3px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pn5-qui__i.is-me{box-shadow:inset 0 0 0 1.5px var(--v5-lime)}
.pn5-qui__i img,.pn5-qui__i i{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px 6px 6px 2px;object-fit:cover;
  font:800 10px/1 var(--f-display);font-style:normal;color:#0a0a0a;background:#cfd1cc}
.pn5-qui__i b{font-family:var(--f-ui);font-size:11.5px;font-weight:600;color:#f1f1ec}
.pn5-qui__i em{font-style:normal;font-family:var(--f-chiffre);font-weight:800;font-size:15px;line-height:1;color:rgba(241,241,236,.72)}
.pn5-qui__p{align-self:center;font-family:var(--f-mono);font-weight:600;font-size:10.5px;letter-spacing:.05em;color:rgba(241,241,236,.62)}

/* le pied du tableau : l'état de mon pronostic et l'action — il reste à portée pendant qu'on parcourt les équipes */
.pn5-form__pied{position:sticky;bottom:10px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;
  margin:10px 8px 8px;padding:10px 10px 10px 16px;border-radius:20px 20px 20px 5px;background:rgba(24,24,24,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),inset 0 1px 0 rgba(255,255,255,.12),0 -22px 30px -20px rgba(0,0,0,.95)}
.pn5-form__etat{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 9px;font-family:var(--f-ui);font-size:13.5px;font-weight:500;color:#f1f1ec}
.pn5-form__etat--rien{color:rgba(241,241,236,.64)}
.pn5-point{width:8px;height:8px;border-radius:50%;background:var(--v5-lime);box-shadow:0 0 0 3px rgba(137,244,33,.2)}
.pn5-form__cote{font-family:var(--f-chiffre);font-weight:800;font-size:22px;line-height:1;letter-spacing:.01em;color:#f1f1ec}
.pn5-form__clos{padding:9px 12px;border-radius:9px 9px 9px 3px;font-family:var(--f-mono);font-weight:700;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#f1f1ec;
  box-shadow:inset 0 0 0 1px rgba(241,241,236,.34)}

/* ------------------------------------------------------------ aucun tournoi ouvert */
.pn5-rien{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:start;gap:16px;margin-top:clamp(18px,2.4vw,32px);padding:clamp(26px,4vw,60px);
  border-radius:34px 34px 34px 10px;color:#f1f1ec;
  background:url("/static/players/roche.webp") center/460px,linear-gradient(180deg,#191919,#060606);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 50px 70px -50px rgba(0,0,0,.8)}
.pn5-rien__roche{position:absolute;z-index:-1;right:-2%;top:-18%;width:clamp(220px,34vw,500px);height:auto;pointer-events:none;will-change:transform}
.pn5-rien__k{max-width:14ch;font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:clamp(34px,5.4vw,84px);line-height:.88;letter-spacing:-.045em;text-transform:uppercase}
body.v5 .pn5-rien__t{margin:0;max-width:46ch;font-family:var(--f-ui);font-size:15px;line-height:1.6;color:rgba(241,241,236,.74)}

/* ------------------------------------------------------------ la bande de nuit : ils avaient vu juste */
.pn5-nuit__roche{position:absolute;z-index:0;right:-3%;top:-90px;width:clamp(170px,24vw,380px);height:auto;opacity:.92;pointer-events:none;will-change:transform}
.pn5-nuit > .sec{position:relative;z-index:1}
.pn5-nuit__lien{display:inline-flex;align-items:center;gap:12px;color:#f1f1ec;text-decoration:none}
.pn5-nuit__lien .v5-rond{width:36px;height:36px;color:#0a0a0a;background:#f1f1ec}
.pn5-nuit__lien:hover .v5-rond,.pn5-nuit__lien:focus-visible .v5-rond{background:var(--v5-lime)}
.pn5-vus{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(18px,3vw,48px);margin-top:clamp(18px,2.4vw,34px)}
.pn5-vus > :only-child{grid-column:1 / -1;max-width:560px}
/* le premier : la plus belle cote, en grand — sa valeur est la touche lime de la bande */
.pn5-vu{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"a r" "n n" "c g";align-items:end;gap:14px 12px;
  padding:clamp(18px,2vw,26px);border-radius:30px 30px 30px 8px;color:#f1f1ec;
  background:url("/static/players/roche.webp") center/420px,linear-gradient(180deg,#1f1f1f,#0c0c0c);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 40px 50px -40px #000}
.pn5-vu.is-me{box-shadow:inset 0 0 0 1.5px rgba(241,241,236,.7),0 40px 50px -40px #000}
.pn5-vu__a{grid-area:a;display:grid;place-items:center;width:clamp(72px,7vw,96px);height:clamp(72px,7vw,96px);border-radius:24px 24px 24px 6px;object-fit:cover;
  font:800 34px/1 var(--f-display);color:#0a0a0a;background:#cfd1cc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.pn5-vu__rang{grid-area:r;justify-self:end;align-self:start;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(88px,9.4vw,136px);line-height:.78;color:transparent;-webkit-text-stroke:1.5px rgba(241,241,236,.3)}
.pn5-vu__n{grid-area:n;margin-top:clamp(10px,2vw,30px);font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:clamp(24px,2.8vw,40px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn5-vu__c{grid-area:c;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(76px,8.6vw,124px);line-height:.8;letter-spacing:.01em;color:var(--v5-lime)}
.pn5-vu__c i,.pn5-vul__c i{font-style:normal;font-size:.5em;margin-right:.05em;vertical-align:.24em;opacity:.7}
.pn5-vu__g,.pn5-vul__g{font-family:var(--f-mono);font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:rgba(241,241,236,.66);white-space:nowrap}
.pn5-vu__g{grid-area:g;justify-self:end;padding-bottom:8px}
.pn5-vu__g::after,.pn5-vul__g::after{content:" ar"}
/* les suivants : des lignes réglées */
.pn5-vus__l{list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(241,241,236,.16)}
.pn5-vul{display:grid;grid-template-columns:44px 44px minmax(0,1fr) auto minmax(74px,auto);align-items:center;gap:clamp(8px,1.4vw,18px);padding:12px 4px;border-top:1px solid rgba(241,241,236,.16);color:#f1f1ec}
.pn5-vul__rang{font-family:var(--f-chiffre);font-weight:800;font-size:30px;line-height:.9;color:transparent;-webkit-text-stroke:1px rgba(241,241,236,.46)}
.pn5-vul__a{display:grid;place-items:center;width:44px;height:44px;border-radius:14px 14px 14px 4px;object-fit:cover;font:800 17px/1 var(--f-display);color:#0a0a0a;background:#cfd1cc}
.pn5-vul__n{min-width:0;font-family:var(--f-display);font-weight:700;font-size:clamp(16px,1.7vw,22px);line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn5-vul__c{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(28px,2.6vw,36px);line-height:.86;letter-spacing:.01em}
.pn5-vul__g{justify-self:end}
.pn5-vul.is-me .pn5-vul__a{box-shadow:0 0 0 2px #050505,0 0 0 3.5px var(--v5-lime)}

/* ------------------------------------------------------------ le classement et mon historique */
.pn5-bas__grille{display:grid;gap:clamp(18px,2.6vw,36px);align-items:start}
.pn5-bas__grille.a-moi{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.pn5-lb{position:relative;min-width:0;padding:clamp(18px,2.2vw,30px) clamp(16px,2.2vw,30px) clamp(14px,1.8vw,22px);border-radius:34px 34px 10px 34px;color:#0a0a0a;
  background:linear-gradient(180deg,rgba(230,232,228,.94),rgba(215,217,214,.94));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),inset 0 1.5px 0 rgba(255,255,255,.95),0 0 0 1px rgba(10,10,10,.1),0 0 0 6px rgba(10,10,10,.04),0 60px 80px -60px rgba(0,0,0,.55)}
.pn5-lb .sec-head{margin-bottom:clamp(14px,1.8vw,22px)}
body.v5 .pn5-lb .sec-head h2{font-size:clamp(24px,2.7vw,40px)}
body.v5 .pn5-lb .sec-head .idx{color:rgba(10,10,10,.62)}
.pn5-lb__l{list-style:none;margin:0;padding:0;border-bottom:1.5px solid #0a0a0a}
.pn5-lb__r{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) auto minmax(72px,auto);align-items:center;gap:clamp(8px,1.4vw,20px);padding:13px 6px;
  border-top:1px solid rgba(10,10,10,.2);color:#0a0a0a}
.pn5-lb__rk{font-family:var(--f-chiffre);font-weight:800;font-size:28px;line-height:.9;color:rgba(10,10,10,.5)}
.pn5-lb__n{min-width:0;font-family:var(--f-display);font-weight:700;font-size:clamp(16px,1.8vw,24px);line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn5-lb__n em{margin-left:8px;padding:3px 6px;border-radius:6px 6px 6px 2px;font-style:normal;font-family:var(--f-mono);font-weight:700;font-size:9.5px;letter-spacing:.07em;vertical-align:middle;
  color:#f1f1ec;background:#0a0a0a}
.pn5-lb__stat{font-family:var(--f-mono);font-weight:600;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(10,10,10,.62);white-space:nowrap}
.pn5-lb__pts{justify-self:end;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(28px,2.6vw,38px);line-height:.86;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.pn5-lb__r.top2 .pn5-lb__rk,.pn5-lb__r.top3 .pn5-lb__rk{color:#0a0a0a}
.pn5-lb__r.is-me:not(.top1){margin:0 -8px;padding-inline:14px;border-radius:14px 14px 14px 4px;border-top-color:transparent;background:linear-gradient(180deg,#ffffff,#e9eae6);
  box-shadow:inset 0 0 0 1.5px #0a0a0a}
.pn5-lb__r.is-me:not(.top1) + .pn5-lb__r{border-top-color:transparent}
/* le premier : une pièce noire qui dépasse de la dalle ; sa valeur est la touche lime */
.pn5-lb__r.top1{margin:0 clamp(-22px,-1.4vw,-10px) 6px;padding:clamp(16px,1.8vw,24px) clamp(16px,1.9vw,26px);border-top:0;border-radius:24px 24px 24px 6px;color:#f1f1ec;
  background:url("/static/players/roche.webp") center/420px,linear-gradient(180deg,#1b1b1b,#060606);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,.14),0 30px 40px -30px rgba(0,0,0,.85)}
.pn5-lb__r.top1 + .pn5-lb__r{border-top-color:transparent}
.pn5-lb__r.top1 .pn5-lb__rk{font-size:clamp(46px,4.6vw,66px);color:transparent;-webkit-text-stroke:1.5px rgba(241,241,236,.5)}
.pn5-lb__r.top1 .pn5-lb__n{font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:clamp(20px,2.6vw,36px);letter-spacing:-.045em}
.pn5-lb__r.top1 .pn5-lb__n em{color:#0a0a0a;background:#f1f1ec}
.pn5-lb__r.top1 .pn5-lb__stat{color:rgba(241,241,236,.64)}
.pn5-lb__r.top1 .pn5-lb__pts{font-size:clamp(44px,4.8vw,70px);color:var(--v5-lime)}
.pn5-lb__r.top1.is-me{box-shadow:inset 0 0 0 2px var(--v5-lime),0 30px 40px -30px rgba(0,0,0,.85)}
body.v5 .pn5-lb__pied{margin:14px 0 0;max-width:none;font-family:var(--f-ui);font-size:12.5px;line-height:1.55;color:rgba(10,10,10,.7)}
.pn5-lb__vide{display:grid;gap:10px;padding:clamp(18px,3vw,36px) 0 8px;border-top:1.5px solid #0a0a0a}
.pn5-lb__vk{font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:clamp(28px,4vw,56px);line-height:.9;letter-spacing:-.045em;text-transform:uppercase;color:#0a0a0a}
body.v5 .pn5-lb__vide p{margin:0;max-width:52ch;font-family:var(--f-ui);font-size:14.5px;line-height:1.6;color:rgba(10,10,10,.74)}

.pn5-moi{position:relative;min-width:0;padding:clamp(18px,2.2vw,28px);border-radius:10px 34px 34px 34px;color:#f1f1ec;
  background:url("/static/players/roche.webp") center/460px,linear-gradient(180deg,#191919,#060606);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 50px 70px -50px rgba(0,0,0,.8)}
.pn5-moi__tete{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(241,241,236,.16)}
body.v5 .pn5-moi__eye{margin:0 0 6px;font-family:var(--f-mono);font-weight:600;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:rgba(241,241,236,.58)}
body.v5 .pn5-moi__t{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(22px,2.4vw,32px);line-height:.96;letter-spacing:-.03em;text-transform:uppercase;color:#f1f1ec;
  background:none;-webkit-text-fill-color:currentColor}
.pn5-moi__score{flex:none;text-align:right;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(40px,4vw,58px);line-height:.8;color:rgba(241,241,236,.5)}
.pn5-moi__score b{font-weight:800;color:#f1f1ec}
.pn5-moi__score i{display:block;margin-top:8px;font-style:normal;font-family:var(--f-mono);font-weight:600;font-size:10px;line-height:1;letter-spacing:.07em;text-transform:uppercase;color:rgba(241,241,236,.58)}
.pn5-moi__l{list-style:none;margin:0;padding:0}
.pn5-moi__r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(241,241,236,.1)}
.pn5-moi__r:last-child{border-bottom:0;padding-bottom:2px}
.pn5-moi__n{grid-column:1;grid-row:1;min-width:0;font-family:var(--f-display);font-weight:700;font-size:15px;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;color:#f1f1ec;text-decoration:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn5-moi__n:hover{text-decoration:underline;text-underline-offset:3px}
.pn5-moi__pick{grid-column:1;grid-row:2;font-family:var(--f-ui);font-size:13px;line-height:1.4;color:rgba(241,241,236,.68)}
.pn5-moi__pick em{font-style:normal;color:rgba(241,241,236,.52)}
.pn5-moi__etat{grid-column:2;grid-row:1 / span 2;padding:7px 10px;border-radius:9px 9px 9px 3px;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:#f1f1ec;box-shadow:inset 0 0 0 1px rgba(241,241,236,.34)}
.pn5-moi__r.is-bon .pn5-moi__etat{color:#050505;background:var(--v5-lime);box-shadow:none}
.pn5-moi__r.is-rate .pn5-moi__etat{color:rgba(241,241,236,.56);box-shadow:inset 0 0 0 1px rgba(241,241,236,.16)}

body.v5 .pn5-note{margin:clamp(18px,2.4vw,30px) 0 0;max-width:none;padding:14px clamp(14px,2vw,22px);border-radius:16px 16px 16px 5px;font-family:var(--f-ui);font-size:12.5px;line-height:1.6;color:rgba(10,10,10,.74);
  background:rgba(226,228,224,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 0 0 1px rgba(10,10,10,.1)}

@media (max-width:980px){
  .pn5-t,.pn5-t.is-vide{grid-template-columns:1fr}
  .pn5-t__tete{position:static}
  .pn5-bas__grille.a-moi{grid-template-columns:1fr}
  .pn5-vus{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pn5-t{border-radius:28px 28px 28px 8px}
  .pn5-t__date{font-size:104px}
  .pn5-opt{gap:9px;min-height:54px;padding:8px 10px 8px 8px}
  .pn5-opt__name{white-space:normal;font-size:14.5px}
  .pn5-opt__pct,.pn5-opt__gain{display:none}
  .pn5-opt__cote{min-width:62px;font-size:28px}
  .pn5-qui{padding-left:43px}
  .pn5-qui__i b{display:none}
  .pn5-form__pied{bottom:calc(74px + env(safe-area-inset-bottom,0px));gap:8px;padding:9px 9px 9px 9px}
  .pn5-form__etat{flex:1 1 100%;justify-content:space-between;flex-wrap:nowrap;padding:0 6px;font-size:12.5px}
  .pn5-form__etat .pn5-point{flex:none}
  .pn5-form__cote{margin-left:auto;font-size:19px;white-space:nowrap}
  .pn5-form__pied .btn{flex:1 1 auto;justify-content:space-between;min-height:46px}
  .pn5-vul{grid-template-columns:30px 38px minmax(0,1fr) auto;gap:10px}
  .pn5-vul__rang{font-size:24px}
  .pn5-vul__a{width:38px;height:38px}
  .pn5-vul__g{display:none}
  .pn5-lb{border-radius:28px 28px 8px 28px}
  .pn5-lb__r{grid-template-columns:36px minmax(0,1fr) auto;gap:2px 10px}
  .pn5-lb__rk{grid-row:1 / span 2;font-size:24px}
  .pn5-lb__stat{grid-column:2;grid-row:2}
  .pn5-lb__pts{grid-column:3;grid-row:1 / span 2}
  .pn5-lb__r.top1{grid-template-columns:52px minmax(0,1fr) auto}
  .pn5-nuit__roche{top:-50px;width:150px}
}
@media (prefers-reduced-motion:reduce){
  .pn5-opt,.pn5-opt__tick{transition:none}
}

/* contraste (audit du 07/10/2026) : le surtitre de section restait gris clair sur la pierre (1,9:1) */
/* !important : skld-pillnav.css force « .eye{color:var(--muted) !important} » */
body.v5.sol-clair .pn5 .sec-head .eye{color:rgba(10,10,10,.72) !important}
body.v5.sol-clair .pn5 .sec-head .eye::before{background:rgba(10,10,10,.34) !important}