/* ============================================================================
   SKLD · v5 « PIERRE » — LA PAGE D'UN TOURNOI (/t/<slug>)

   Sol clair : pierre, texte noir, OBJETS noirs. Une seule masse lime (le ruban des
   états qui appellent : inscriptions, check-in), un seul palet lime (l'action).
     .t5        l'ouverture : nom en mot géant, la bannière en pièce, chrono, règle de chiffres
     .t5-toi    la plaque « toi » : ta place, ton paiement, ton prochain match
     .t5-ins    la plaque d'inscription
     .t5-ong    les onglets (ancres ; :target sans script, classes avec)
     .t5-rail   le parcours du tournoi
     .t5-cls    le classement
     .t5-eq     une équipe = une case, trois joueurs
     .t5-sw     la bande du Switch
   ========================================================================= */
.t5p{--encre:#0a0a0a;--fil:rgba(10,10,10,.16);--fil2:rgba(10,10,10,.34);--gris:rgba(10,10,10,.66);--os:#e8e9e4;
  --page:max(var(--gut),calc((100% - var(--maxw)) / 2 + var(--gut)));color:var(--encre)}
.t5p a{color:inherit}
/* la micro-typographie de relevé est claire par défaut : sur la pierre elle passe au noir */
.t5p .v5-rel{color:var(--gris)}
.t5p .v5-rel b{color:var(--encre)}
.t5p .t5-noir,.t5p .t5-noir .v5-rel b{color:var(--os)}
.t5p .t5-noir .v5-rel{color:rgba(232,233,228,.6)}
.t5-n{font-family:var(--f-chiffre);font-weight:800;letter-spacing:.01em;font-variant-numeric:tabular-nums;line-height:.9}
.t5-code{font-family:var(--f-code);font-weight:700;letter-spacing:.02em}

/* ------------------------------------------------------------ la pastille d'état */
.t5-pastille{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:5px 12px;border-radius:10px 10px 10px 3px;
  background:#0a0a0a;color:#f1f1ec;font-family:var(--f-mono);font-weight:700;font-size:10px;line-height:1.3;letter-spacing:.07em;text-transform:uppercase}
.t5-pastille > i{width:7px;height:7px;flex:none;border-radius:50%;background:rgba(241,241,236,.45)}
.t5-pastille--registration_open > i,.t5-pastille--check_in > i,.t5-pastille--ok > i{background:var(--v5-lime);box-shadow:0 0 0 3px rgba(137,244,33,.24)}
.t5-pastille--running{background:#e5262b;color:#fff}
.t5-pastille--running > i{background:#fff;animation:t5-pouls 1.4s ease-in-out infinite}
.t5-pastille--cancelled > i,.t5-pastille--alerte > i{background:#e5262b}
.t5-pastille--claire{background:rgba(10,10,10,.08);color:#0a0a0a}
.t5-pastille--claire > i{background:rgba(10,10,10,.45)}
.t5-noir .t5-pastille{background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
@keyframes t5-pouls{50%{opacity:.25}}

/* dans un objet noir, l'action de la plaque est blanche ; les gestes secondaires (.t5-calme) sont des touches sombres */
body.v5 .t5p .t5-noir .btn.t5-calme{color:var(--os);background:var(--v5-cle);box-shadow:var(--v5-bord)}
body.v5 .t5p .t5-noir .btn.t5-calme:hover{color:#fff}
body.v5 .t5p .t5-noir .btn.t5-calme .btn-ico{color:var(--os);background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}

/* ============================================================ L'OUVERTURE */
.t5{position:relative;isolation:isolate;overflow:hidden;margin-top:calc(-1 * var(--hdr-h));padding-top:106px;background:#d7d9d6;
  border-radius:0 0 clamp(22px,2.6vw,38px) clamp(22px,2.6vw,38px)}
.t5::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(70% 60% at 62% 26%,#eff1ef,transparent 70%),radial-gradient(60% 60% at 0 100%,#bcc1c0,transparent 66%)}
.t5::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:var(--v5-grain);filter:invert(1);opacity:.2}
.t5__hud{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-inline:var(--page)}
.t5__hud-g{display:grid;gap:3px;min-width:0}
.t5__hud-g a{text-decoration:none;border-bottom:1px solid var(--fil2)}
.t5__hud-g a:hover{border-bottom-color:#0a0a0a}
.t5__sceau{flex:none}
.t5 .v5-sceau__l{color:var(--gris)}

/* le nom : une ou deux lignes, chacune à la largeur (data-ajuste) ; la dernière part en fumée */
.t5__nom{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);margin:clamp(10px,1.4vw,22px) 0 0;padding-inline:clamp(8px,1.5vw,26px);
  transform:translate3d(calc(var(--mx,0) * -8px),calc(var(--my,0) * -5px),0)}
.t5__h{--fmax:clamp(96px,21vw,340px);display:block;width:100%;max-width:calc(var(--n,8) * .74 * var(--fmax))}
.t5__h--b{justify-self:end}
.t5__nom--2 .t5__h{--fmax:clamp(84px,10.4vw,150px)}
.t5__nom--2 .t5__h--b .t5__l{text-align:right}
.t5__l{position:relative;display:block;white-space:nowrap;font-size:12vw;line-height:.8;color:#0a0a0a;user-select:none}
.t5__l > span{display:inline-block}
.t5__h--fume .t5__net{-webkit-mask:linear-gradient(180deg,#000 0,#000 50%,transparent 97%);mask:linear-gradient(180deg,#000 0,#000 50%,transparent 97%)}
.t5__flou{position:absolute;left:0;top:0;filter:blur(.05em);opacity:.9;
  -webkit-mask:linear-gradient(180deg,transparent 22%,#000 86%);mask:linear-gradient(180deg,transparent 22%,#000 86%)}
.t5__nom--auto .t5__h--a,.t5__nom--auto .t5__h--b{display:none}

.t5__scene{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(24px,4vw,76px);
  align-items:end;padding-inline:var(--page);margin-top:clamp(18px,2.2vw,34px)}
.t5__col{position:relative;z-index:5;display:grid;gap:clamp(14px,1.5vw,22px);justify-items:start;min-width:0;padding-bottom:6px}
.t5__etat{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.t5__compte,.t5__date{display:block;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(60px,7.6vw,116px);line-height:.8;letter-spacing:.005em;
  white-space:nowrap;font-variant-numeric:tabular-nums;color:#0a0a0a}
.t5__compte:empty,.t5__compte[hidden]{display:none}
.t5__compte:not(:empty):not([hidden]) + .t5__date{display:none}
.t5__date i{display:inline-block;font-style:normal;font-size:.46em;margin-left:.16em;color:rgba(10,10,10,.56)}
.t5__date--partie i{margin:0 .26em 0 0}
.t5__date--raye{text-decoration:line-through;text-decoration-thickness:.07em;color:rgba(10,10,10,.5)}
.t5__gagne{display:grid;gap:4px}
.t5__gagne b{font-family:var(--f-display);font-weight:760;font-size:clamp(26px,3.2vw,46px);line-height:.96;letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}
.t5 .t5__lede{margin:0;max-width:46ch;font-family:var(--f-display);font-weight:500;font-size:clamp(16px,1.35vw,20px);line-height:1.3;letter-spacing:-.012em;
  color:#0a0a0a;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.t5__actes{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.t5__actes form{margin:0;display:contents}
.t5__actes .btn.pri{min-height:56px;padding-left:24px;font-size:16px;border-radius:17px}
.t5__actes .btn.pri .btn-ico{width:40px;height:40px;border-radius:13px}

/* la bannière : une pièce noire à double bord, posée de travers, qui mord sur le nom */
.t5__piece{position:relative;z-index:4;justify-self:end;align-self:start;width:100%;max-width:650px;margin:clamp(-62px,-4.1vw,-22px) 0 0;
  transform:rotate(2.2deg) translate3d(calc(var(--mx,0) * 12px),calc(var(--my,0) * 8px),0);transform-origin:70% 60%}
.t5__coque{position:relative;display:block;padding:7px;border-radius:30px 30px 30px 8px;background:linear-gradient(180deg,#2c2c2c,#050505);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 0 0 6px rgba(10,10,10,.07),0 54px 90px -42px rgba(0,0,0,.78)}
.t5__cadre{position:relative;display:block;aspect-ratio:16 / 9;border-radius:23px 23px 23px 4px;overflow:hidden;background:radial-gradient(90% 90% at 50% 20%,#1e1e1e,#060606)}
.t5__cadre > img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.14) brightness(.82);transform:scale(1.02);
  transition:filter 600ms var(--v5-masse),transform 1400ms var(--v5-sortie)}
.t5__cadre > img.t5__sans{object-fit:contain;padding:5% 6% 9% 34%;filter:none}
/* sans bannière : un plan de la vallée, dans ses propres gris (il n'a pas besoin du passage en noir et blanc) */
.t5__cadre > img.t5__plan{filter:contrast(1.06) brightness(.94)}
.t5__piece:hover .t5__cadre > img{filter:none;transform:scale(1.06)}
.t5__cadre::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:var(--img,none) center/cover;mix-blend-mode:screen}
.t5__piece:hover .t5__cadre::before{animation:a5-parasite 460ms steps(1) 1}
.t5__cadre::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,.16) 0,rgba(5,5,5,0) 36%,rgba(5,5,5,.86) 100%)}
.t5__jour{position:absolute;z-index:2;left:24px;bottom:12px;display:flex;align-items:baseline;font-family:var(--f-chiffre);font-weight:800;line-height:.8;color:#f1f1ec;pointer-events:none}
.t5__jour b{font-size:clamp(72px,9.4vw,148px);font-weight:800}
.t5__jour i{margin-left:4px;font-style:normal;font-size:clamp(30px,3.6vw,56px);font-weight:700;color:rgba(241,241,236,.62)}
.t5__repere{position:absolute;z-index:2;right:22px;top:18px;text-align:right;color:rgba(241,241,236,.7) !important}
.t5__repere b{color:#f1f1ec !important}
.t5__roche{position:absolute;z-index:5;height:auto;pointer-events:none;will-change:transform;
  transform:translate3d(calc(var(--mx,0) * var(--pm,26px)),calc(var(--fy,0px) + var(--my,0) * var(--pm,26px) * .6),0) rotate(var(--rot,0deg))}
.t5__roche--a{left:-17%;top:-21%;width:clamp(150px,19vw,290px);--rot:-14deg;filter:drop-shadow(0 30px 30px rgba(0,0,0,.35))}
.t5__roche--b{right:-9%;bottom:-13%;width:clamp(86px,9vw,150px);--rot:28deg;--pm:-34px;filter:blur(2.5px)}

/* la règle de chiffres : places (la jauge EST le filet), entrée, dotation, format */
.t5__regle{position:relative;z-index:5;display:flex;margin:clamp(30px,3.6vw,56px) 0 0;padding-inline:var(--page);border-top:1px solid var(--fil)}
.t5__regle > div{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:84px;
  padding:12px 22px;border-left:1px solid var(--fil)}
.t5__regle > div:first-child{border-left:0;padding-left:0}
.t5__regle > div:last-child{padding-right:0}
.t5__regle dt{white-space:nowrap}
.t5__regle dd{margin:0;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(30px,3.1vw,44px);line-height:1;letter-spacing:.01em;color:#0a0a0a;white-space:nowrap;text-align:right;min-width:0}
.t5__regle dd small{font-size:.5em;font-weight:700;color:rgba(10,10,10,.56);margin-left:.2em}
.t5__regle dd.t5__mot{font-family:var(--f-display);font-weight:760;font-size:clamp(14px,1.25vw,18px);letter-spacing:-.02em;text-transform:uppercase;white-space:normal;line-height:1.04;overflow-wrap:anywhere}
.t5__regle dd .t5__sous{display:block;font-family:var(--f-mono);font-weight:600;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin-top:5px}
.t5__jauge{position:absolute;left:0;right:22px;top:-2px;height:3px}
.t5__jauge i{display:block;height:100%;max-width:100%;background:#0a0a0a;transform-origin:0 50%}

/* l'entrée en scène */
.v5js .t5 .t5__l{opacity:0;filter:blur(22px);transition:opacity 1000ms var(--v5-sortie),filter 1300ms var(--v5-sortie)}
.v5js .t5 .t5__h--b .t5__l{transition-delay:120ms}
.v5js .t5 .t5__piece{opacity:0;transform:rotate(7deg) translate3d(40px,60px,0);transition:opacity 900ms var(--v5-sortie) 260ms,transform 1300ms var(--v5-sortie) 260ms}
.v5js .t5 .t5__col > *,.v5js .t5 .t5__hud,.v5js .t5 .t5__regle > div{opacity:0;transform:translate3d(0,14px,0);
  transition:opacity 800ms var(--v5-sortie) calc(380ms + var(--i,0) * 70ms),transform 900ms var(--v5-sortie) calc(380ms + var(--i,0) * 70ms)}
.v5js .t5 .t5__jauge i{transform:scaleX(0);transition:transform 1400ms var(--v5-masse) 700ms}
.v5js .t5.is-la .t5__l{opacity:1;filter:none}
.v5js .t5.is-la .t5__piece{opacity:1;transform:rotate(2.2deg) translate3d(calc(var(--mx,0) * 12px),calc(var(--my,0) * 8px),0)}
.v5js .t5.is-la .t5__col > *,.v5js .t5.is-la .t5__hud,.v5js .t5.is-la .t5__regle > div{opacity:1;transform:none}
.v5js .t5.is-la .t5__jauge i{transform:none}

/* le ruban qui traverse entre l'ouverture et la suite */
.t5-rubanz{margin-top:-6px}
.t5-rubanz .v5-ruban{margin-top:0}

/* ============================================================ LES TITRES DE BLOC */
.t5-h{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 clamp(16px,2vw,26px);padding-bottom:14px;border-bottom:1px solid var(--fil)}
.t5-h h2,.t5-h h3{margin:0;font-family:var(--f-mega);font-weight:850;font-stretch:118%;text-transform:uppercase;letter-spacing:-.035em;line-height:.95;
  font-size:clamp(26px,3.3vw,46px);color:#0a0a0a}
.t5-h h3{font-size:clamp(20px,2.2vw,30px)}
.t5-h .v5-rel{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.t5-h .v5-rel > i{width:7px;height:7px;border-radius:50%;background:#e5262b;animation:t5-pouls 1.4s ease-in-out infinite}
.t5-noir .t5-h{border-bottom-color:rgba(232,233,228,.16)}
.t5-noir .t5-h h2,.t5-noir .t5-h h3{color:var(--os)}
.t5-bloc{margin-top:clamp(40px,5vw,76px)}
.t5-vide{margin:0;padding:22px 0;font-size:15px;color:var(--gris);border-bottom:1px solid var(--fil)}
.t5-lien{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.t5-lien:hover{opacity:.72}

/* ============================================================ LA PLAQUE « TOI » ET L'INSCRIPTION */
.t5p .t5-toi,.t5p .t5-ins{margin-top:clamp(14px,2vw,28px);margin-bottom:0;padding:clamp(24px,3.2vw,48px) 0;scroll-margin-top:92px}
.t5-toi::after,.t5-ins::after,.t5-sw::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--v5-grain);opacity:.07;mix-blend-mode:overlay}
.t5-toi > .wrap,.t5-ins > .wrap,.t5-sw > .wrap{position:relative;z-index:1}
.t5-toi__tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px}
.t5-toi__nom{margin:8px 0 0;font-family:var(--f-mega);font-weight:850;font-stretch:118%;text-transform:uppercase;letter-spacing:-.035em;line-height:.95;
  font-size:clamp(26px,3.6vw,52px);color:var(--os);overflow-wrap:anywhere}
.t5-toi__etats{display:flex;flex-wrap:wrap;gap:8px}
.t5-toi__fait{margin:18px 0 0;max-width:68ch;font-size:15.5px;line-height:1.55;color:rgba(232,233,228,.74)}
.t5-toi__fait b{display:block;font-family:var(--f-display);font-weight:650;font-size:19px;letter-spacing:-.015em;color:var(--os);margin-bottom:2px}
.t5-toi__zone{margin-top:22px;padding-top:22px;border-top:1px solid rgba(232,233,228,.14)}
.t5-toi__zone > .v5-rel{display:block;margin-bottom:10px}
.t5-toi__msg{margin:0;max-width:64ch;font-size:15px;line-height:1.55;color:rgba(232,233,228,.8)}
.t5-toi__lobby{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.lobby-code{display:inline-flex;align-items:center;gap:16px;min-height:64px;padding:0 20px;border:0;border-radius:18px 18px 18px 5px;cursor:pointer;
  color:#060606;background:linear-gradient(180deg,#fff,#dedfd9);box-shadow:inset 0 -2px 0 rgba(0,0,0,.14),0 18px 34px -18px #000;
  transition:transform 420ms var(--v5-masse)}
.lobby-code:hover{transform:translateY(-2px)}
.lobby-code .code{font-family:var(--f-code);font-weight:700;font-size:clamp(22px,2.6vw,32px);letter-spacing:.04em}
.lobby-code .cp{font-family:var(--f-mono);font-weight:700;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:6px 9px;border-radius:8px;background:#0a0a0a;color:#f1f1ec}
.lobby-code.copied .cp{background:var(--v5-lime);color:#050505}
.t5-caisse{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 34px}
.t5-caisse__k{display:grid;gap:6px}
.t5-caisse__k .t5-n{font-size:clamp(34px,3.6vw,50px);color:var(--os)}
.t5-caisse__k .t5-code{font-size:clamp(20px,2.2vw,28px);color:var(--v5-lime);line-height:1.2}
.t5-caisse form{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.t5-caisse input[name="nom"]{min-width:200px;min-height:48px;padding:0 14px}
.t5-caisse details{margin:0}
.t5-caisse summary{cursor:pointer}
.t5-caisse__pour{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px;font-size:13.5px}
.t5-caisse__pour label{display:flex;gap:7px;align-items:center;letter-spacing:0;text-transform:none;color:var(--os)}
.t5-caisse__pour input{width:auto}
.t5-caisse__note{flex:1 1 100%;margin:0;font-size:13.5px;line-height:1.55;color:rgba(232,233,228,.7)}
.t5-caisse__note--alerte{color:#ffb4b4}
.t5-caisse__info{flex:1 1 100%;margin:0;font-family:var(--f-code);font-size:12px;white-space:pre-wrap;color:rgba(232,233,228,.6)}
.t5-toi__liens{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.t5-toi__liens form{margin:0}
.t5-toi__liens .v5-rel{flex:1 1 220px}

.t5-ins__grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(24px,4vw,72px);align-items:start}
.t5-ins__titre{margin:10px 0 0;font-family:var(--f-mega);font-weight:900;font-stretch:122%;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;
  font-size:clamp(34px,5vw,74px);color:var(--os)}
.t5-ins__sous{margin:14px 0 0;display:grid;gap:4px}
.t5-ins .form{display:grid;gap:14px}
.t5-ins .fld label{color:rgba(232,233,228,.62)}
.t5-ins .fld input,.t5-ins .fld select{min-height:48px;padding:0 14px;width:100%}
.t5-ins .opt{opacity:.6}
.t5-ins__aide{margin:2px 0;font-size:14px;line-height:1.6;color:rgba(232,233,228,.72)}
.t5-ins__aide b{color:var(--os)}
.t5-ins__ok{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;letter-spacing:0 !important;text-transform:none;color:rgba(232,233,228,.74)}
.t5-ins__ok input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--v5-lime)}
.t5-ins__ok a{text-decoration:underline}
.t5-ins .btn{justify-content:center;min-height:54px;font-size:16px}
.pick-fld{position:relative}
.pick-lie{display:none;margin-left:8px;padding:1px 7px;border-radius:4px;background:var(--v5-lime);color:#050505;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;vertical-align:2px}
.pick-fld.est-lie .pick-lie{display:inline-block}
body.v5 .pick-fld.est-lie .pick-q{box-shadow:inset 0 0 0 1.5px var(--v5-lime)}

/* les onglets (.t5-ong) vivent dans skld-tabs.css, avec leur script skld-tabs.js */

/* ============================================================ APERÇU */
/* le parcours : quatre arrêts, le filet du haut se remplit jusqu'à l'étape en cours */
.t5-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--k,4),minmax(0,1fr))}
.t5-rail__pas{position:relative;display:grid;align-content:start;gap:8px;padding:22px 22px 6px 0;border-top:1px solid var(--fil2)}
.t5-rail__pas + .t5-rail__pas{padding-left:22px;border-left:1px solid var(--fil)}
.t5-rail__pas::before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:#0a0a0a;transform-origin:0 50%;transform:scaleX(0)}
.t5-rail__pas.is-done::before{transform:none}
.t5-rail__pas.is-current::before{transform:scaleX(.5)}
.t5-rail__n{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(64px,7.4vw,112px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(10,10,10,.4)}
.t5-rail__pas.is-done .t5-rail__n,.t5-rail__pas.is-current .t5-rail__n{color:#0a0a0a;-webkit-text-stroke-color:#0a0a0a}
.t5-rail__t{display:flex;align-items:center;gap:10px;margin-top:6px;font-family:var(--f-display);font-weight:700;font-size:clamp(17px,1.7vw,23px);line-height:1;letter-spacing:-.02em;text-transform:uppercase}
.t5-rail__t i{width:9px;height:9px;flex:none;border-radius:50%;background:var(--v5-lime);box-shadow:0 0 0 4px #0a0a0a;animation:t5-pouls 1.6s ease-in-out infinite}
.t5-rail__d{font-size:14px;line-height:1.5;color:var(--gris);max-width:30ch}
.t5-rail__pas.is-todo .t5-rail__t{color:rgba(10,10,10,.5)}

.t5-ap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,92px);align-items:start}
/* le format : son nom en mot géant, en filet (il se remplit au survol), une roche devant */
.t5-format{position:relative}
.t5-format > .v5-rel{display:block}
.t5-format__scene{position:relative;--fmax:clamp(72px,15vw,214px);max-width:min(100%,calc(var(--n,8) * .74 * var(--fmax)));margin-top:12px}
.t5-format__mot{margin:0;white-space:nowrap;font-size:10vw;line-height:.82;color:transparent;-webkit-text-stroke:2px #0a0a0a;paint-order:stroke fill;
  transition:color 600ms var(--v5-masse)}
.t5-format:hover .t5-format__mot{color:#0a0a0a}
.t5-format__mot > span{display:inline-block}
.t5-format__roche{position:absolute;z-index:2;right:-5%;top:-30%;width:clamp(104px,14vw,220px);height:auto;pointer-events:none;
  transform:translate3d(0,var(--fy,0px),0) rotate(-18deg);filter:drop-shadow(0 26px 26px rgba(0,0,0,.3))}
.t5-format .t5-ap{margin-top:clamp(22px,3vw,42px)}
.t5-format__txt{margin:0;max-width:56ch;font-size:16.5px;line-height:1.65;color:rgba(10,10,10,.8)}
.t5-fiche{margin:0;border-bottom:1px solid var(--fil)}
.t5-fiche > div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:10px 0;border-top:1px solid var(--fil)}
.t5-fiche dt{flex:none}
.t5-fiche dd{margin:0;min-width:0;text-align:right;font-family:var(--f-display);font-weight:650;font-size:15.5px;letter-spacing:-.012em;text-transform:uppercase;overflow-wrap:anywhere}
.t5-fiche dd a{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.t5-fiche dd a .v5-rond{width:30px;height:30px;background:#0a0a0a;color:#f1f1ec}
.t5-fiche dd a:hover .v5-rond{background:var(--v5-lime);color:#050505}
.t5-fiche dd img{width:26px;height:26px;border-radius:8px;object-fit:cover}
.t5-fiche ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 14px}
.t5-avis{list-style:none;margin:clamp(22px,2.6vw,34px) 0 0;padding:0;display:grid;gap:8px}
.t5-avis li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px 14px 14px 4px;background:rgba(10,10,10,.06);font-size:14.5px;line-height:1.5;color:#0a0a0a}
.t5-avis li::before{content:"";width:8px;height:8px;flex:none;margin-top:6px;background:#0a0a0a}
.t5-avis li.twarn--alerte::before,.t5-avis li.twarn--danger::before,.t5-avis li.twarn--warn::before{background:#e5262b}

/* le podium : le moment noir d'une page claire */
.t5p .t5-pod{margin-inline:clamp(8px,1vw,16px);padding:clamp(28px,3.6vw,56px) 0 clamp(22px,3vw,40px)}
.t5-pod > .wrap{position:relative;z-index:2}
.t5-pod__tete{display:flex;justify-content:space-between;gap:16px}
.t5-pod__mot{position:relative;z-index:1;margin:clamp(12px,1.6vw,22px) 0 0;white-space:nowrap;color:var(--os);font-size:9vw;line-height:.8}
.t5-pod__mot > span{display:inline-block}
.t5-pod__roche{position:absolute;z-index:3;right:4%;top:-34px;width:clamp(120px,17vw,260px);height:auto;pointer-events:none;
  transform:translate3d(0,var(--fy,0px),0) rotate(11deg)}
.t5-pod__liste{list-style:none;margin:clamp(22px,3vw,40px) 0 0;padding:0;border-bottom:1px solid rgba(232,233,228,.2)}
.t5-pod__liste li{display:grid;grid-template-columns:70px minmax(0,1fr) auto auto;align-items:center;gap:8px 22px;min-height:76px;padding:10px 0;border-top:1px solid rgba(232,233,228,.2)}
.t5-pod__liste .t5-n{font-size:34px;color:rgba(232,233,228,.5)}
.t5-pod__liste li:first-child .t5-n{color:var(--os)}
.t5-pod__nom{font-family:var(--f-display);font-weight:760;font-size:clamp(20px,2.6vw,38px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere}
.t5-pod__pts{font-family:var(--f-chiffre);font-weight:800;font-size:clamp(30px,3.4vw,48px);line-height:.9;text-align:right}
.t5-pod__liste li:first-child .t5-pod__pts{color:var(--v5-lime)}
.t5-pod__recit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;text-decoration:none;color:var(--os) !important}
.t5-pod__recit b{display:block;font-family:var(--f-display);font-weight:600;font-size:clamp(17px,1.8vw,24px);letter-spacing:-.015em;margin-top:4px}
.t5-pod__recit .v5-rond{background:var(--os)}
.t5-pod__recit:hover .v5-rond{background:var(--v5-lime)}

/* les lignes réglées : dotations, lobbies, top fraggers */
.t5-lignes{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--fil)}
.t5-lignes > li,.t5-lignes > div{display:grid;grid-template-columns:minmax(64px,auto) minmax(0,1fr) auto auto;align-items:center;gap:8px 20px;min-height:60px;padding:8px 0;border-top:1px solid var(--fil)}
.t5-lignes .t5-n{font-size:28px}
.t5-lignes__nom{font-family:var(--f-display);font-weight:700;font-size:17px;letter-spacing:-.02em;text-transform:uppercase;min-width:0;overflow-wrap:anywhere}
.t5-lignes__nom small{display:block;font-family:var(--f-mono);font-weight:600;font-size:9.5px;letter-spacing:.06em;color:var(--gris);margin-top:3px}
.t5-lignes__v{font-family:var(--f-chiffre);font-weight:800;font-size:30px;line-height:.9;text-align:right;white-space:nowrap}
.t5-lignes__v small{font-size:.5em;font-weight:700;color:rgba(10,10,10,.56);margin-left:.25em}
.t5-lignes img,.t5-lignes .t5-ini{width:44px;height:44px;border-radius:12px 12px 12px 4px}

/* le pronostic */
.t5-prono{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,4vw,72px);align-items:start}
.t5-prono__l{margin:14px 0 18px;max-width:44ch;font-family:var(--f-display);font-weight:500;font-size:clamp(17px,1.6vw,22px);line-height:1.28;letter-spacing:-.012em}
.t5-prono__bars{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.t5-prono__bar{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:12px 12px 12px 4px;overflow:hidden;background:rgba(10,10,10,.06)}
.t5-prono__bar::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--pct,0%);background:rgba(10,10,10,.14)}
.t5-prono__bar.is-moi{color:#f1f1ec;background:#0a0a0a}
.t5-prono__bar.is-moi::before{background:rgba(255,255,255,.16)}
.t5-prono__bar span{font-family:var(--f-display);font-weight:650;font-size:14px;text-transform:uppercase;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t5-prono__bar b{margin-left:auto;font-family:var(--f-chiffre);font-weight:800;font-size:22px}
.t5-prono__pied{margin:10px 0 0}

/* ============================================================ LA BANDE DU SWITCH */
.t5p .t5-sw{margin-top:clamp(40px,5vw,76px);margin-bottom:0;padding-bottom:clamp(24px,3vw,44px);scroll-margin-top:150px}
.t5p .t5-sw__tete{position:relative;z-index:1;display:block;text-decoration:none;color:var(--os);border-bottom:1px solid rgba(232,233,228,.14);transition:background 300ms var(--v5-masse)}
.t5-sw__tete:hover{background:rgba(255,255,255,.04)}
.t5-sw__tete > .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 24px;padding-block:clamp(22px,2.8vw,38px)}
.t5-sw__mot{margin:8px 0 0;font-family:var(--f-mega);font-weight:900;font-stretch:122%;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;font-size:clamp(34px,5.4vw,84px)}
.t5-sw__go{display:flex;align-items:center;gap:14px;font-family:var(--f-ui);font-weight:600;font-size:15px}
.t5-sw__go .v5-rond{width:54px;height:54px;background:var(--os)}
.t5-sw__go .v5-rond svg{width:20px;height:20px}
.t5-sw__tete:hover .v5-rond{background:var(--v5-lime)}
.t5-sw__tete .t5-sw__sous{grid-column:1 / -1;margin:0;font-size:14px;color:rgba(232,233,228,.66)}
.t5-sw__chiffres{display:flex;flex-wrap:wrap;margin:0;border-bottom:1px solid rgba(232,233,228,.14)}
.t5-sw__chiffres > div{flex:1 1 150px;display:grid;gap:8px;padding:20px 22px 20px 0}
.t5-sw__chiffres > div + div{padding-left:22px;border-left:1px solid rgba(232,233,228,.14)}
.t5-sw__chiffres dd{margin:0;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(34px,3.6vw,52px);line-height:.9;color:var(--os)}
.t5-sw__chiffres dd small{font-size:.46em;color:rgba(232,233,228,.5);margin-left:.2em}
.t5-sw__zone{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 30px;padding:22px 0;border-bottom:1px solid rgba(232,233,228,.14)}
.t5-sw__zone form{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.t5-sw__zone input{min-height:48px;padding:0 14px}
.t5-sw__k{display:grid;gap:6px}
.t5-sw__k .t5-n{font-size:clamp(26px,2.8vw,38px);color:var(--os)}
.t5-sw__k .t5-code{font-size:22px;color:var(--v5-lime)}
.t5-sw__k small{font-size:12.5px;color:rgba(232,233,228,.6)}
.t5-sw__actes{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-left:auto}
.t5-sw__txt{margin:0;padding:12px 0 0;max-width:86ch;font-size:13.5px;line-height:1.6;color:rgba(232,233,228,.68)}
.t5-sw__txt--vif{color:var(--os)}
.t5-sw__txt b{color:var(--os)}

/* ============================================================ CLASSEMENT */
.t5-mp{margin-bottom:clamp(18px,2.4vw,30px)}
.t5-mp__etats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.t5-mp__etats > div{position:relative;display:grid;align-content:start;gap:8px;padding:16px 20px 16px 0;border-top:1px solid var(--fil2)}
.t5-mp__etats > div + div{padding-left:20px;border-left:1px solid var(--fil)}
.t5-mp__etats dd{margin:0;font-family:var(--f-chiffre);font-weight:800;font-size:clamp(34px,4vw,58px);line-height:.86;color:#0a0a0a}
.t5-mp__etats dd small{font-size:.42em;font-weight:700;color:rgba(10,10,10,.56);margin-left:.2em}
.t5-mp__etats dd.t5-mp__noms{font-family:var(--f-display);font-weight:700;font-size:clamp(15px,1.5vw,20px);line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}
.t5-mp__etats > div.is-on{border-top-color:#0a0a0a;box-shadow:inset 0 2px 0 #0a0a0a}
.t5-mp .obj-line{margin:14px 0 10px;font-size:15px;line-height:1.5;color:rgba(10,10,10,.8)}
.t5-mp .obj-line b{font-weight:700;color:#0a0a0a}
.t5-mp .obj-bar{height:6px;border-radius:3px;overflow:hidden;background:rgba(10,10,10,.12)}
.t5-mp .obj-bar span{display:block;height:100%;width:0;border-radius:3px;background:#0a0a0a;transition:width 900ms var(--v5-masse)}

.t5-cls{overflow-x:auto;scrollbar-width:thin}
.t5-cls table{width:100%;border-collapse:separate;border-spacing:0}
.t5-cls th{padding:0 14px 10px;text-align:right;font-family:var(--f-mono);font-weight:600;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--gris);border-bottom:1px solid var(--fil2)}
.t5-cls th.l{text-align:left}
.t5-cls td{padding:10px 14px;height:64px;text-align:right;vertical-align:middle;border-bottom:1px solid var(--fil);color:#0a0a0a;
  transition:background 240ms var(--v5-masse)}
.t5-cls td.l{text-align:left}
.t5-cls td:first-child,.t5-cls th:first-child{padding-left:14px;width:92px}
.t5-cls .rg{display:flex;align-items:center;gap:6px;white-space:nowrap}
.t5-cls tr:hover td{background:rgba(10,10,10,.045)}
.t5-cls .rk{font-family:var(--f-chiffre);font-weight:800;font-size:34px;line-height:.9;font-variant-numeric:tabular-nums;color:rgba(10,10,10,.56)}
.t5-cls .mv{display:inline-block;width:12px;flex:none;font-size:9px;line-height:1;color:rgba(10,10,10,.6)}
.t5-cls tr.lead .mv{color:rgba(241,241,236,.7)}
.t5-cls .mv.down{color:#c81e23}
.t5-cls .eq{display:flex;align-items:center;gap:14px;min-width:0}
.t5-cls .crest{display:grid;place-items:center;width:40px;height:40px;flex:none;overflow:hidden;border-radius:12px 12px 12px 4px;background:#0a0a0a;color:#f1f1ec;
  font-family:var(--f-display);font-weight:800;font-size:13px;letter-spacing:-.02em}
.t5-cls .crest img{width:100%;height:100%;object-fit:cover}
.t5-cls .nm{font-family:var(--f-display);font-weight:700;font-size:clamp(15px,1.5vw,19px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;min-width:0;overflow-wrap:anywhere}
.t5-cls .tg{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:none;height:24px;padding:0 9px;border-radius:7px 7px 7px 2px;
  font-family:var(--f-mono);font-weight:700;font-size:9px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:rgba(10,10,10,.5);background:none}
.t5-cls .tg--mp{color:#f1f1ec;background:#0a0a0a}
.t5-cls .tg--champ{color:#050505;background:var(--v5-lime)}
.t5-cls .tg--cond{color:#0a0a0a;background:none;box-shadow:inset 0 0 0 1.5px #0a0a0a}
.t5-cls tr.lead .tg--cond{color:#f1f1ec;box-shadow:inset 0 0 0 1.5px #f1f1ec}
.t5-cls .tg--att{color:#0a0a0a;background:transparent;box-shadow:inset 0 0 0 1px var(--fil2)}
.t5-cls td.k{font-family:var(--f-chiffre);font-weight:700;font-size:24px;color:rgba(10,10,10,.7);width:90px}
.t5-cls td.tot{font-family:var(--f-chiffre);font-weight:800;font-size:38px;line-height:.9;width:130px;font-variant-numeric:tabular-nums}
/* la ligne de tête : un objet noir posé dans le tableau */
.t5-cls tr.lead td{height:84px;background:#0a0a0a;color:#f1f1ec;border-bottom-color:transparent}
.t5-cls tr.lead td:first-child{border-radius:20px 0 0 6px}
.t5-cls tr.lead td:last-child{border-radius:0 20px 20px 0}
.t5-cls tr.lead .rk{color:#f1f1ec;font-size:46px}
.t5-cls tr.lead .nm{font-size:clamp(18px,2.1vw,28px)}
.t5-cls tr.lead .crest{background:#f1f1ec;color:#0a0a0a}
.t5-cls tr.lead td.k{color:rgba(241,241,236,.7)}
.t5-cls tr.lead td.tot{color:var(--v5-lime);font-size:52px}
.t5-cls tr.lead .tg{color:rgba(241,241,236,.56);background:none}
.t5-cls tr.lead .tg--mp{color:#0a0a0a;background:#f1f1ec}
.t5-cls tr.lead .tg--champ{color:#050505;background:var(--v5-lime)}
.t5-cls tr.mp:not(.lead) td:first-child{box-shadow:inset 4px 0 0 #0a0a0a}
.t5-cls__note{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--gris)}

.t5-lobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(20px,3vw,44px)}
.t5-lobs .t5-lignes > li{grid-template-columns:44px minmax(0,1fr) auto auto;min-height:48px}
.t5-lobs .t5-lignes .t5-n{font-size:22px;color:rgba(10,10,10,.5)}
.t5-lobs .t5-lignes li.is-qualif .t5-n{color:#0a0a0a}
.t5-lobs .t5-lignes__v{font-size:24px}
.t5-frag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,4vw,72px)}
.t5-frag > li{grid-template-columns:44px 44px minmax(0,1fr) auto}
.t5-ini{display:grid;place-items:center;background:#0a0a0a;color:#f1f1ec;font-family:var(--f-display);font-weight:800;font-size:16px}

.t5-brk{display:flex;gap:22px;overflow-x:auto;padding-bottom:12px}
.t5-brk__tour{flex:none;width:min(84vw,290px)}
.t5-brk__tour > .v5-rel{display:block;margin-bottom:12px}
.t5-brk__match{margin-bottom:12px;padding:12px 14px;border-radius:16px 16px 16px 5px;background:#0a0a0a;color:rgba(241,241,236,.62)}
.t5-brk__match > div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-family:var(--f-display);font-weight:650;font-size:14px;text-transform:uppercase}
.t5-brk__match > div + div{border-top:1px solid rgba(255,255,255,.1)}
.t5-brk__match > div.is-v{color:#f1f1ec}
.t5-brk__match > div.is-v b{color:var(--v5-lime)}
.t5-brk__match > div span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t5-brk__match b{font-family:var(--f-chiffre);font-weight:800;font-size:20px}
.t5-brk__match form{margin:8px 0 0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.t5-brk__match input{width:52px;min-height:40px;padding:0 8px}

/* ============================================================ ÉQUIPES */
.t5-eqs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:clamp(12px,1.4vw,20px)}
/* skld-polish.css rend .panelcard TRANSLUCIDE avec !important : sur la pierre elle sortait grise.
   Ici une case est un objet noir plein, d'où les !important de ce seul bloc. */
body.v5 .panelcard.t5-eq,body.v5 .t5-staff .panelcard{--c:rgba(241,241,236,.34);border:0 !important;
  background:linear-gradient(var(--c),var(--c)) calc(100% - 11px) 11px/9px 1px no-repeat,linear-gradient(var(--c),var(--c)) calc(100% - 11px) 11px/1px 9px no-repeat,
    linear-gradient(var(--c),var(--c)) 11px calc(100% - 11px)/9px 1px no-repeat,linear-gradient(var(--c),var(--c)) 11px calc(100% - 11px)/1px 9px no-repeat,
    linear-gradient(180deg,#181818,#070707) !important;background-blend-mode:normal;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 5px rgba(10,10,10,.06),0 34px 60px -40px rgba(0,0,0,.7) !important}
body.v5 .t5-staff .panelcard:hover{transform:none !important}
body.v5 .t5-eq{position:relative;padding:18px 18px 20px;color:var(--os);transition:transform 700ms var(--v5-masse),box-shadow 500ms var(--v5-masse)}
body.v5 .t5-eq:hover{transform:translateY(-4px)}
.t5-eq__tete{display:flex;align-items:center;gap:14px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid rgba(232,233,228,.14)}
.t5-eq__n{flex:none;font-family:var(--f-chiffre);font-weight:800;font-size:48px;line-height:.8;color:transparent;-webkit-text-stroke:1.2px rgba(232,233,228,.5)}
.t5p .t5-eq__nom{flex:1;min-width:0;font-family:var(--f-display);font-weight:760;font-size:19px;line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;text-decoration:none;color:var(--os);overflow-wrap:anywhere}
.t5-eq__logo{flex:none;width:40px;height:40px;object-fit:cover;border-radius:12px 12px 12px 4px;background:#0a0a0a}
.t5-eq__tete .v5-rond{width:32px;height:32px;background:rgba(255,255,255,.1);color:var(--os)}
.t5-eq:hover .t5-eq__tete .v5-rond{background:var(--v5-lime);color:#050505}
.t5-eq__etat{flex:none;font-family:var(--f-mono);font-weight:700;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:rgba(232,233,228,.56)}
.t5-eq__etat--v{padding:5px 8px;border-radius:7px;color:#050505;background:var(--v5-lime)}
.t5-eq__joueurs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--k,3),minmax(0,1fr));gap:10px}
.t5-j{min-width:0;display:grid;gap:8px;align-content:start}
.t5-j__tete{position:relative;display:block;aspect-ratio:1 / 1.12;border-radius:14px 14px 14px 4px;overflow:hidden;background:radial-gradient(90% 90% at 50% 12%,#262626,#0b0b0b);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.t5-j__tete img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:filter 500ms var(--v5-masse),transform 900ms var(--v5-sortie)}
.t5-eq:hover .t5-j__tete img{filter:none;transform:scale(1.04)}
.t5-j__tete .t5-ini{position:absolute;inset:0;width:auto;height:auto;border-radius:0;background:none;color:rgba(232,233,228,.34);
  font-family:var(--f-mega);font-weight:900;font-stretch:125%;font-size:clamp(40px,7vw,64px)}
.t5-j__nom{font-family:var(--f-display);font-weight:700;font-size:13.5px;line-height:1.1;letter-spacing:-.015em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t5-j__info{display:block;font-family:var(--f-mono);font-weight:600;font-size:9px;line-height:1.5;letter-spacing:.05em;text-transform:uppercase;color:rgba(232,233,228,.56);overflow-wrap:anywhere}
.t5-j__info b{color:var(--os);font-weight:700}
.t5-j--attente{opacity:.5}
.t5-j__sub{position:absolute;left:6px;bottom:6px;padding:3px 6px;border-radius:6px;font-family:var(--f-mono);font-weight:700;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:#0a0a0a;background:#f1f1ec}
/* les inscrits un par un (Switch avant le tirage) : des lignes sur la pierre, pas 46 cases */
.t5-ins-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:0 22px;border-bottom:1px solid var(--fil)}
.t5-ins-l li{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 0;border-top:1px solid var(--fil);min-width:0}
.t5-ins-l img,.t5-ins-l .t5-ini{width:40px;height:40px;flex:none;border-radius:12px 12px 12px 4px;object-fit:cover}
.t5-ins-l b{display:block;font-family:var(--f-display);font-weight:700;font-size:14.5px;letter-spacing:-.015em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t5-ins-l li > span:last-child{min-width:0}
.t5-plie{margin-top:clamp(22px,3vw,40px)}
.t5-plie > summary{cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px}
.t5-plie__tour{margin:16px 0 8px}
.t5-plie .t5-lignes > li{grid-template-columns:minmax(120px,auto) minmax(0,1fr);min-height:46px}
.t5-plie .t5-lignes__nom{font-size:14.5px}
.t5-plie .t5-lignes span.v5-rel{text-align:right}

/* ============================================================ RÈGLES */
.t5-regles{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(24px,5vw,92px);align-items:start}
.t5-regles__mot{margin:0;font-family:var(--f-mega);font-weight:900;font-stretch:122%;text-transform:uppercase;letter-spacing:-.04em;line-height:.92;font-size:clamp(30px,3.5vw,52px);color:#0a0a0a;text-wrap:balance}
.t5-regles__txt{margin:0;font-size:16px;line-height:1.75;color:rgba(10,10,10,.82);white-space:pre-wrap;overflow-wrap:anywhere}
.t5-regles__fixe{margin:18px 0 0;padding-top:18px;border-top:1px solid var(--fil);font-size:14.5px;line-height:1.6;color:var(--gris)}
.t5-regles__liste{margin:0;padding:0;list-style:none;counter-reset:r;border-bottom:1px solid var(--fil)}
.t5-regles__liste li{position:relative;counter-increment:r;padding:16px 0 16px 64px;border-top:1px solid var(--fil);font-size:15.5px;line-height:1.6;color:rgba(10,10,10,.82)}
.t5-regles__liste li::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;top:13px;font-family:var(--f-chiffre);font-weight:800;font-size:30px;line-height:1;color:rgba(10,10,10,.4)}
.t5-regles__liste li b{color:#0a0a0a}
.t5-regles__liste a{text-decoration:underline}

/* ============================================================ STAFF */
.t5-staff{display:grid;gap:clamp(12px,1.4vw,20px)}
.t5-staff__liens{display:flex;flex-wrap:wrap;gap:10px}
body.v5 .t5-staff .panelcard{padding:clamp(18px,2.2vw,30px);color:var(--os)}
.t5-staff .panelcard > .v5-rel{display:block;margin-bottom:14px}
.t5-staff form{margin:0}
.t5-staff__etat{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.t5-staff select,.t5-staff input{min-height:46px;padding:0 12px;width:100%}
.t5-staff__etat select{width:auto;min-width:240px}
.t5-staff .fld label{color:rgba(232,233,228,.62)}
.t5-staff .form{display:grid;gap:14px}
.t5-staff #scorePrev{min-height:20px;font-size:13.5px;color:rgba(232,233,228,.7)}
.t5-staff #scorePrev b{color:var(--v5-lime)}
.t5-staff__att{list-style:none;margin:0;padding:0}
.t5-staff__att li{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:8px 0;border-top:1px solid rgba(232,233,228,.14)}
.t5-staff__att b{font-family:var(--f-display);font-weight:700;text-transform:uppercase}

/* ============================================================ TÉLÉPHONE */
@media (max-width:980px){
  .t5-ap,.t5-prono,.t5-regles,.t5-ins__grille{grid-template-columns:minmax(0,1fr)}
  .t5-frag{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .t5{padding-top:84px}
  .t5__nom{margin-top:14px;padding-inline:var(--gut)}
  .t5__nom--auto .t5__h--u{display:none}
  .t5__nom--auto .t5__h--a,.t5__nom--auto .t5__h--b{display:block}
  .t5__h{--fmax:30vw}
  .t5__scene{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:20px}
  .t5__compte,.t5__date{font-size:clamp(58px,19vw,104px)}
  .t5__actes{width:100%}
  .t5__actes .btn{flex:1 1 auto;justify-content:space-between}
  .t5__actes .btn:not(:has(.btn-ico)){justify-content:center}
  .t5__piece{justify-self:stretch;max-width:none;margin:6px 0 0;transform:rotate(1.4deg);width:auto;margin-inline:4px}
  .v5js .t5.is-la .t5__piece{transform:rotate(1.4deg)}
  .t5__roche--a{left:auto;right:-7%;top:-17%;width:34vw;--rot:16deg}
  .t5__roche--b{display:none}
  .t5__repere{display:none}
  .t5__regle{flex-wrap:wrap;padding-inline:0;margin-top:34px}
  .t5__regle > div,.t5__regle > div:first-child,.t5__regle > div:last-child{flex:1 1 50%;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:78px;padding:12px var(--gut);border-top:1px solid var(--fil)}
  .t5__regle > div:nth-child(-n+2){border-top:0}
  .t5__regle > div:nth-child(odd){border-left:0}
  .t5__regle dd{text-align:left}
  .t5__jauge{left:var(--gut);right:var(--gut);top:-2px}
  .t5-ong__colle{top:68px;padding-inline:8px}
  .t5-ong__barre{width:auto}
  .t5p .t5-ong__barre a{height:42px;padding:0 14px;font-size:13.5px}
  .t5-pan{scroll-margin-top:124px}
  .t5-format__scene{--fmax:26vw;overflow-x:clip}      /* le mot géant et son rocher ne poussent plus la page de 3 px */
  .t5-format__roche{right:-3%;top:-58%;width:22vw}
  .t5-format__mot{-webkit-text-stroke-width:1.5px}
  .t5-rail{grid-template-columns:minmax(0,1fr)}
  .t5-rail__pas,.t5-rail__pas + .t5-rail__pas{grid-template-columns:74px minmax(0,1fr);gap:2px 16px;padding:16px 0;border-left:0;border-top:1px solid var(--fil)}
  .t5-rail__pas::before{left:0;right:auto;top:0;bottom:0;width:3px;height:auto;transform-origin:50% 0;transform:scaleY(0)}
  .t5-rail__pas.is-current::before{transform:scaleY(.5)}
  .t5-rail__pas{padding-left:14px !important}
  .t5-rail__n{grid-row:1 / span 2;font-size:58px;align-self:center}
  .t5-rail__t{margin-top:0;align-self:end}
  .t5-rail__d{max-width:none}
  .t5-mp__etats{grid-template-columns:minmax(0,1fr)}
  .t5-mp__etats > div,.t5-mp__etats > div + div{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 0;border-left:0}
  .t5-cls th,.t5-cls td{padding-inline:8px}
  .t5-cls td:first-child,.t5-cls th:first-child{padding-left:10px;width:52px}
  .t5-cls .rk{font-size:26px}
  .t5-cls .mv{display:none}
  .t5-cls .eq{flex-wrap:wrap;gap:6px 10px}
  .t5-cls .crest{width:32px;height:32px;font-size:11px;border-radius:10px 10px 10px 3px}
  .t5-cls .nm{flex:1 1 0}
  .t5-cls .tg{margin-left:42px;order:3;flex-basis:auto}
  .t5-cls .tg--calme{display:none}
  .t5-cls td.k{width:44px;font-size:19px}
  .t5-cls td.tot{width:70px;font-size:30px}
  .t5-cls tr.lead td{height:76px}
  .t5-cls tr.lead .rk{font-size:34px}
  .t5-cls tr.lead td.tot{font-size:38px}
  .t5-cls tr.lead td:first-child{border-radius:16px 0 0 5px}
  .t5-cls tr.lead td:last-child{border-radius:0 16px 16px 0}
  .t5-pod__liste li{grid-template-columns:44px minmax(0,1fr) auto}
  .t5-pod__liste .v5-rel{display:none}
  .t5-pod__mot{font-size:13vw}
  .t5-pod__tete span:last-child{display:none}
  .t5-pod__roche{top:-18px;right:3%;width:24vw}
  .t5-lignes > li,.t5-lignes > div{grid-template-columns:minmax(40px,auto) minmax(0,1fr) auto;gap:6px 12px}
  .t5-lignes > li > .v5-rel:last-child{grid-column:2 / -1}
  .t5-frag > li{grid-template-columns:36px 44px minmax(0,1fr) auto}
  .t5-sw__tete > .wrap{grid-template-columns:minmax(0,1fr)}
  .t5-sw__go{justify-content:space-between}
  .t5-sw__chiffres > div{flex:1 1 40%;padding:14px 12px 14px 0}
  .t5-sw__chiffres > div:nth-child(odd){padding-left:0;border-left:0}
  .t5-sw__chiffres > div:nth-child(n+3){border-top:1px solid rgba(232,233,228,.14)}
  .t5-sw__actes{margin-left:0;width:100%}
  .t5-sw__actes .btn,.t5-caisse .btn,.t5-toi__liens .btn{flex:1 1 auto;justify-content:center}
  .t5-sw__zone form,.t5-caisse form{width:100%}
  .t5-sw__zone form input,.t5-caisse form input[name="nom"]{flex:1 1 140px;min-width:0}
  .t5-eq__joueurs{gap:8px}
  .t5-ins-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
  .t5-ins .r2{grid-template-columns:minmax(0,1fr)}
  .t5-staff__etat select{min-width:0;flex:1 1 200px}
  .t5-h{align-items:flex-start;flex-direction:column;gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .v5js .t5 .t5__l{filter:none;transition:opacity 500ms linear}
  .v5js .t5 .t5__piece{transform:rotate(2.2deg);transition:opacity 500ms linear}
  .v5js .t5 .t5__col > *,.v5js .t5 .t5__hud,.v5js .t5 .t5__regle > div{transform:none}
  .t5-pastille--running > i,.t5-rail__t i,.t5-h .v5-rel > i{animation:none}
  .t5-ong.is-js .t5-pan.is-actif{animation:none}
}

/* contraste (audit du 07/10/2026) : « / 16 » à côté du compteur, 3,7:1 sur téléphone */
.t5__regle dd small{color:rgba(10,10,10,.7)}