/* v9.1 — Pronostics : widgets (match, page /pronostics/, accueil) et classements. */
.pr{--pr-ink:#061540;--pr-mut:#5a6d92;--pr-line:#dfe6f2;--pr-blue:#075be6}
.pr-corps{min-height:56px}
.pr-f{display:grid;gap:10px}
.pr-g{display:flex;align-items:flex-end;justify-content:center;gap:12px}
.pr-c{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;flex:1}
.pr-c label{font:600 14px/1.2 "Source Serif 4",Georgia,serif;color:var(--pr-ink);text-align:center;overflow-wrap:anywhere}
.pr-s{display:inline-flex;align-items:center;border:1px solid #c9d8ec;border-radius:12px;overflow:hidden;background:#fff}
.pr-s input{width:52px;height:48px;border:0;text-align:center;font:600 24px "Source Serif 4",Georgia,serif;color:var(--pr-ink);-moz-appearance:textfield;background:transparent}
.pr-s input::-webkit-outer-spin-button,.pr-s input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pr-m{width:44px;height:48px;border:0;background:#f2f6fc;color:var(--pr-ink);font:600 22px Inter,sans-serif;cursor:pointer}
.pr-m:hover{background:#e3ecf9}
.pr-tiret{font:600 24px "Source Serif 4",Georgia,serif;color:var(--pr-mut);padding-bottom:10px}
.pr-ok,.pr-login button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--pr-blue);color:#fff;font:700 14px Inter,sans-serif;cursor:pointer}
.pr-ok{justify-self:center}.pr-ok:hover,.pr-login button:hover{background:#0548b8}.pr-ok:disabled{opacity:.6;cursor:wait}
.pr :is(input,button,a):focus-visible{outline:3px solid #f5b400;outline-offset:2px}
.pr-mien,.pr-ferme,.pr-res{margin:0;text-align:center;font-size:14px;color:var(--pr-mut)}.pr-res b,.pr-ferme b,.pr-mien b{color:var(--pr-ink)}
.pr-pts{display:inline-block;padding:1px 8px;border-radius:999px;background:#e8eef8}.pr-pts3{background:#0a7a3b;color:#fff!important}.pr-pts1{background:#075be6;color:#fff!important}
.pr-msg{margin:6px 0 0;text-align:center;font-size:13.5px;color:var(--pr-ink);min-height:1em}
.pr-t{margin-top:12px;padding-top:10px;border-top:1px solid var(--pr-line)}
.pr-t-h{margin:0 0 6px;font:600 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--pr-mut)}
.pr-barres{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:2px;background:#fff}
.pr-barres .b1{background:#075be6}.pr-barres .b2{background:#9aa8c0}.pr-barres .b3{background:#061540}
.pr-leg{display:flex;justify-content:space-between;gap:8px;margin:6px 0 0;font-size:12.5px;color:var(--pr-mut)}
.pr-sc{margin:6px 0 0;font-size:13px;color:var(--pr-mut)}.pr-sc b{color:var(--pr-ink)}
.pr-cx:empty{display:none}.pr-cx{margin-top:12px}
.pr-login{padding:14px;border-radius:12px;background:#f2f6fc;border:1px solid var(--pr-line);font-size:14px}.pr-login p{margin:0 0 10px;line-height:1.5}
.pr-l{display:grid;grid-template-columns:1fr auto;gap:8px}.pr-l input{min-width:0;min-height:44px;padding:0 14px;border:1px solid #c9d8ec;border-radius:999px;font:500 15px Inter,sans-serif}
.pr-captcha:empty{display:none}.pr-captcha{margin-top:10px}.pr-lmsg{margin:8px 0 0!important;min-height:1em;color:var(--pr-ink)}.pr-charte{margin-top:10px!important;font-size:13px}
.pr-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pr-cl{list-style:none;margin:0;padding:0;counter-reset:none}
.pr-cl li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 0;border-top:1px solid #dfe6f2}
.pr-cl li:first-child{border-top:0}.pr-cl .pr-r{grid-row:1/3;font:600 16px "Source Serif 4",Georgia,serif;color:#075be6}
.pr-cl .pr-p{font-weight:700;color:#061540;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-cl b{grid-row:1/3;grid-column:3;color:#061540;font-variant-numeric:tabular-nums}
.pr-cl .pr-d{grid-column:2;font-size:12px;color:#5a6d92}.pr-cl .pr-moi{background:#eef4fe}
.pr-vide{margin:4px 0;color:#5a6d92;font-size:14px}
@media(max-width:420px){.pr-s input{width:44px}.pr-m{width:38px}}

/* Barres horizontales des lecteurs (v9.1c) : une couleur par résultat — victoire à domicile (bleu), nul (vert), victoire à l'extérieur (orange).
   Palette validée (daltonisme, contraste) ; chaque barre porte son libellé, la couleur n'est jamais seule. Ton choix : étiquette « Ton choix ». */
.pr-hb{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pr-hb li{display:grid;gap:4px;--pr-c:#2a78d6}
.pr-hb li.pr-o2{--pr-c:#2a78d6}.pr-hb li.pr-o1{--pr-c:#1baf7a}.pr-hb li.pr-o0{--pr-c:#eb6834}
.pr-hb-l{font-size:14px;color:#061540;line-height:1.3}.pr-hb-l b{font-weight:700}
.pr-hb-l:before{content:"";display:inline-block;width:10px;height:10px;margin-right:7px;border-radius:3px;background:var(--pr-c);vertical-align:0}
.pr-hb-p{display:inline-block;min-width:44px;font:700 15px Inter,sans-serif;font-variant-numeric:tabular-nums;color:#061540}
.pr-hb-p2{font-size:13px;color:#5a6d92;font-variant-numeric:tabular-nums}
.pr-hb-tr{display:block;height:12px;border-radius:0 6px 6px 0;background:#eef3fb}
.pr-hb-b{display:block;height:12px;border-radius:0 4px 4px 0;background:var(--pr-c);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.pr-moi-b .pr-hb-l{font-weight:600}
.pr-tag{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;background:#061540;color:#fff;font:700 10.5px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
.pr-hb-s .pr-hb-tr,.pr-hb-s .pr-hb-b{height:7px}
.pr-t-h2{margin-top:12px!important}
@media(prefers-reduced-motion:reduce){.pr-hb-b{transition:none}}

/* ——— v9.6 : design « championnat » — page /pronostics/ (fond nuit), cartes aux couleurs de chaque compétition, encart d'accueil ———
   Police : Plus Jakarta Sans (SIL Open Font License 1.1), hébergée sur le site. */
@font-face{font-family:"TF Jakarta";src:url(/assets/pronostics/fonts/pjs-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"TF Jakarta";src:url(/assets/pronostics/fonts/pjs-700-normal.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"TF Jakarta";src:url(/assets/pronostics/fonts/pjs-800-normal.woff2) format("woff2");font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:"TF Jakarta";src:url(/assets/pronostics/fonts/pjs-800-italic.woff2) format("woff2");font-weight:800 900;font-style:italic;font-display:swap}
.prp,.pre{--j:"TF Jakarta","Plus Jakarta Sans",Inter,system-ui,sans-serif;--ink2:#e8ecf6;--mut2:#aab3c8;--or:#ffd23f;word-spacing:.1em}
.prp{background:radial-gradient(1200px 520px at 50% -120px,#1a2350 0%,#080b16 62%) #080b16;color:var(--ink2);font-family:var(--j);font-weight:500}
.prp a{color:inherit}
.prp :is(a,button,input,summary):focus-visible,.pre :is(a,button,input):focus-visible{outline:2px solid var(--or);outline-offset:2px}
.prp-in{max-width:1360px;margin:0 auto;padding:34px 24px 72px}
.prp-tete{max-width:1300px;margin:0 auto 22px}
.prp-k{margin:0 0 4px;font:800 12px var(--j);letter-spacing:.16em;text-transform:uppercase;color:#8fb0ff}
.prp-tete h1{margin:0;font:italic 800 clamp(40px,6vw,64px)/1 var(--j);letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.prp-s{margin:8px 0 0;max-width:640px;font-size:16px;color:#c4cbe0}
.prp-gratuit{display:inline-block;max-width:760px;margin:14px 0 0;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,210,63,.45);background:rgba(255,210,63,.08);font-size:13.5px;line-height:1.5;color:#dbe2f2}.prp-gratuit b{color:var(--or)}.prp-gratuit a{color:#fff;font-weight:700;text-underline-offset:3px;white-space:nowrap}
.prp-lay{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:center}
.prp-nav{flex:0 1 250px;min-width:0}.prp-nav-in{display:flex;flex-direction:column;border-radius:18px;background:rgba(20,26,46,.85);border:1px solid rgba(255,255,255,.06);padding:12px 12px 14px}
.prp-feed{flex:999 1 520px;max-width:640px;min-width:0;display:flex;flex-direction:column;gap:16px}
.prp-side{flex:0 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px}
@media(max-width:1180px){.prp-nav{display:none}}
@media(max-width:920px){.prp-side{flex:1 1 100%}.prp-feed{max-width:none}}
.prp-nt{margin:12px 6px 8px;font:800 15px var(--j);color:#fff}
.prp-nl{border-radius:12px;background:rgba(255,255,255,.04);overflow:hidden}
.prp-nl>a,.prp-nl>button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:none;color:var(--ink2);font:600 14px var(--j);text-decoration:none;text-align:left;cursor:pointer}
.prp-nl>:last-child{border-bottom:0}.prp-nl>a span{margin-left:auto;color:var(--mut2)}
.prp-nl>button i{width:18px;height:18px;border-radius:5px}.prp-nl>button span{margin-left:auto;color:var(--mut2);font-size:13px}
.prp-nl>button[aria-pressed=true],.prp-nl>:hover{background:rgba(255,255,255,.07)}
.prp-ch{display:flex;gap:8px;flex-wrap:wrap}
.prp-ch button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.14);background:rgba(20,26,46,.8);color:#fff;font:700 14px var(--j);cursor:pointer}
.prp-ch button i{width:10px;height:10px;border-radius:3px}.prp-ch button span{color:#8b94ab;font-weight:600}
.prp-ch button[aria-pressed=true]{border-color:#fff;background:rgba(255,255,255,.12)}
.prp-h2{margin:8px 0 2px;font:800 19px var(--j);letter-spacing:-.01em;color:#fff}
.prp-jour{display:flex;flex-direction:column;gap:14px}
.prp-vide{margin:0;padding:24px;border-radius:16px;background:rgba(255,255,255,.04);color:#c4cbe0}

/* Carte d'un match */
.prc{position:relative;border-radius:18px;overflow:hidden;border:2px solid var(--bd);background:var(--b);color:#fff;font-family:var(--j)}
.prc[hidden]{display:none}
.prc-h{position:relative;display:flex;align-items:center;gap:9px;min-height:40px;padding:0 10px 0 14px;background:var(--h);overflow:hidden}
.prc-sl i{position:absolute;top:-12px;height:70px;transform:skewX(-32deg);pointer-events:none}
.prc-sl i:nth-child(1){right:76px;width:26px;background:var(--s1);opacity:.85}.prc-sl i:nth-child(2){right:52px;width:11px;background:var(--s2);opacity:.8}.prc-sl i:nth-child(3){right:110px;width:7px;background:var(--s1);opacity:.45}
.prc-b{position:relative;width:16px;height:16px;flex:0 0 16px}
.prc-c{position:relative;font:700 13.5px var(--j);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.prc-tag{position:relative;padding:2px 8px;border-radius:6px;background:var(--or);color:#1a1300;font:800 10.5px var(--j);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.prc-tv{position:relative;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:rgba(255,255,255,.88);white-space:nowrap}.prc-tv .ico{width:13px;height:13px}
.prc-lien{position:relative;z-index:1;margin-left:auto;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.35);font:700 12px var(--j);color:#fff;text-decoration:none;white-space:nowrap}
.prc-lien:hover{background:rgba(0,0,0,.55)}
.prc-eq{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:18px 14px 12px}
.prc-t{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}
.prc-t b{font:700 clamp(13.5px,3.7vw,15.5px)/1.2 var(--j);color:#fff;max-width:100%;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}
.prc-k{width:44px;height:44px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.prc-mid{min-width:66px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.prc-heure{font:800 17px var(--j);font-variant-numeric:tabular-nums}
.prc-score{font:800 40px/1 var(--j);color:var(--or);font-variant-numeric:tabular-nums}
.prc-live{display:inline-flex;align-items:center;gap:6px;font:700 12.5px var(--j)}
.prc-live i{width:7px;height:7px;border-radius:50%;background:#ff3b45;animation:prlive 1.4s infinite}
@keyframes prlive{50%{opacity:.3}}
.prc-ph-i{position:relative;height:230px;margin-bottom:-120px}
.prc-ph-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.prc-ph-i:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.25) 45%,var(--b) 98%)}
.prc-ph .prc-k{width:52px;height:52px}.prc-ph .prc-t b{font-size:17px}.prc-ph .prc-heure{font-size:22px}

/* Widget dans la carte */
.pr2{--pr-ink:#e8ecf6;--pr-mut:#aab3c8;padding:0 14px 14px;color:#e8ecf6}
.pr2 .pr-corps{min-height:60px}
.pr2 .pr-ferme,.pr2 .pr-msg{color:#c4cbe0}.pr2 .pr-msg{margin:8px 0 0;min-height:0}.pr2 .pr-msg:empty{display:none}
.pr2-tu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:6px}
.pr2-t{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:6px 4px;border-radius:10px;background:#fff;border:3px solid transparent;box-shadow:0 2px 0 rgba(0,0,0,.25);font-family:var(--j);text-align:center;color:#0b1020}
button.pr2-t{cursor:pointer;transition:transform .15s,border-color .15s}button.pr2-t:hover{transform:translateY(-1px)}
.pr2-t small{max-width:100%;font-size:11.5px;font-weight:500;color:#4b5266;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr2-t b{display:block;max-width:100%;font:800 16px/1.2 var(--j);color:#0a4fd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr2-t[aria-pressed=true],.pr2-on{border-color:var(--s1,#7aa2ff)}
.pr2-bd,.pr2-t[aria-pressed=true]:before{position:absolute;right:8px;top:-11px;padding:1px 7px;border-radius:5px;background:#e2183b;color:#fff;font:800 10.5px/1.5 var(--j);white-space:nowrap}
.pr2-t[aria-pressed=true]:before{content:"Ton choix"}
.pr2-br{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:8px}
.pr2-br span{display:flex;align-items:center;gap:7px;font:700 12px var(--j)}.pr2-br em{font-style:normal;min-width:30px}
.pr2-br i{flex:1;height:4px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.pr2-br u{display:block;height:100%;background:rgba(255,255,255,.4);text-decoration:none}.pr2-br u.pr2-lead{background:#2bd46b}
.pr2-sc{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px;border-radius:12px;background:rgba(0,0,0,.28)}
.pr2-sc[hidden]{display:none}
.pr2-sct{flex:1 1 130px;display:flex;flex-direction:column}.pr2-sct b{font-size:14px;color:#fff}.pr2-sct small{font-size:12px;color:#c4cbe0}
.pr2-g{display:flex;align-items:center;gap:6px}.pr2-g>span[aria-hidden]{font:800 20px var(--j);color:#c4cbe0;padding:0 2px}
.pr2-c{display:inline-flex;align-items:center;gap:4px}
.pr2 .pr-m{width:32px;height:44px;border:0;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;font:700 18px var(--j);cursor:pointer}.pr2 .pr-m:hover{background:rgba(255,255,255,.2)}
.pr2-c input{width:44px;height:44px;box-sizing:border-box;border:0;border-radius:8px;background:#fff;color:#0a4fd6;text-align:center;font:800 22px var(--j);-moz-appearance:textfield}
.pr2-c input::-webkit-outer-spin-button,.pr2-c input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pr2 .pr2-ok{min-height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--or);color:#1a1300;font:800 14px var(--j);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.pr2 .pr2-ok:hover{background:#ffdf6b}
.pr2-ann,.pr2-mod{border:0;background:none;padding:0;color:#fff;font:700 13px var(--j);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pr2-ann{margin-top:10px}
.pr2-l{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 0;font-size:13px;color:#c4cbe0}.pr2-l b{color:#fff}
.pr2-pts{padding:0 7px;border-radius:999px;background:var(--or);color:#1a1300!important}
.pr2 .pr-tz:empty{display:none}.pr2 .pr-tz{margin-top:10px}
.pr2 .pr-login{--pr-ink:#061540;--pr-mut:#5a6d92;color:#061540}.pr2 .pr-login a{color:#075be6}
@media(max-width:520px){.prc-tv{display:none}.prc-h{gap:7px}.prc-sl i:nth-child(3){display:none}.prc-tag{font-size:9.5px;padding:2px 6px}.prc-lien{padding:5px 8px}.prp-tc>b{font-size:14px}.prp-tc{padding-left:6px;padding-right:6px}}
@media(max-width:420px){.pr2-tu{gap:7px}.pr2-t b{font-size:14px}.prc-k{width:38px;height:38px}.pr2-sc{gap:10px}}

/* Top 3, ticket, classement, règles */
.prp-top-z[hidden]{display:none}
.prp-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.prp-tc{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 10px 10px;border-radius:14px;text-align:center;color:#fff}
.prp-tc:before{content:"";position:absolute;right:-24px;top:-30px;width:42px;height:170px;background:rgba(255,255,255,.12);transform:rotate(32deg)}
.prp-tc1{background:linear-gradient(160deg,#e0283a,#7a0b14);border:2px solid #ff5a66}.prp-tc2{background:linear-gradient(160deg,#2c5bea,#0b1a4a);border:2px solid #7aa2ff}.prp-tc3{background:linear-gradient(160deg,#8a3ab9,#22093a);border:2px solid #e879f9}
.prp-tr{position:absolute;left:50%;top:0;transform:translateX(-50%);padding:2px 10px;border-radius:0 0 8px 8px;background:#e2183b;font:800 12px var(--j)}
.prp-tc>b{position:relative;max-width:100%;font:800 17px/1.15 var(--j);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prp-tc>small{position:relative;font-size:12px;color:rgba(255,255,255,.85)}
.prp-tp{position:relative;align-self:stretch;margin-top:6px;padding:5px;border-radius:10px;background:#fff}.prp-tp small{display:block;font-size:11.5px;color:#4b5266}.prp-tp b{font:800 17px var(--j);color:#0a4fd6}
.prp-box{border-radius:18px;background:rgba(20,26,46,.92);border:1px solid rgba(255,255,255,.08);padding:16px}
.prp-tk-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;font:700 16px var(--j);color:#fff}.prp-tk-h h2{margin:0;font:700 16px var(--j);color:#fff}.prp-tk-h h2 b{color:var(--or)}.prp-tk-h>span{font-size:13px;color:#8b94ab}
.prp-tk-v{padding:22px 6px 10px;text-align:center}.prp-tk-i{width:110px;height:78px}
.prp-tk-v p{margin:4px 0 0;font-size:14px;color:var(--mut2)}.prp-tk-v .prp-tk-t{margin-top:12px;font:800 17px var(--j);color:#fff}
.prp-tk{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.prp-tk li{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px 10px 0;border-radius:12px;background:rgba(255,255,255,.05);overflow:hidden}
.prp-tk li:before{content:"";align-self:stretch;background:var(--c)}
.prp-tk li>span{min-width:0}.prp-tk li b{display:block;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prp-tk li small{font-size:12px;color:var(--mut2)}
.prp-tk em{font:800 17px var(--j);font-style:normal;color:var(--or)}
.prp-tk-p{display:flex;justify-content:space-between;align-items:center;margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;color:var(--mut2)}.prp-tk-p b{font:800 17px var(--j);color:var(--or)}
.prp-seg{display:flex;gap:3px;padding:3px;border-radius:999px;background:rgba(255,255,255,.07)}
.prp-seg button{min-height:32px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--mut2);font:700 12.5px var(--j);cursor:pointer}.prp-seg button[aria-pressed=true]{background:#fff;color:#0b1020}
.prp-cl [data-pr-classement][hidden]{display:none}
.prp .pr-cl{margin-top:8px}.prp .pr-cl li{border-top:1px solid rgba(255,255,255,.07);padding:9px 6px}.prp .pr-cl li:first-child{border-top:0}
.prp .pr-cl .pr-r{color:var(--or);font:800 16px var(--j)}.prp .pr-cl .pr-p{color:#fff;font-weight:700}.prp .pr-cl .pr-d{color:#8b94ab}.prp .pr-cl b{color:#fff;font:800 15px var(--j)}
.prp .pr-cl .pr-moi{background:rgba(61,123,255,.16);border-radius:10px}
.prp .pr-vide{color:var(--mut2)}
.prp-rg{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px;font-size:14px;color:#dbe2f2}
.prp-rg li{display:flex;align-items:center;gap:12px}.prp-rg b{flex:0 0 48px;padding:3px 0;border-radius:8px;background:rgba(255,255,255,.1);text-align:center;font:800 14px var(--j);color:#fff}
.prp-rg li:nth-child(2) b{background:var(--or);color:#1a1300}
.prp-mention{margin:12px 0 0;font-size:13px;color:#8b94ab}
.prp-prev{margin-top:14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.prp-prev summary{cursor:pointer;padding:12px 14px;font:700 14px var(--j);color:#fff;list-style-position:inside}
.prp-prev-c{padding:0 14px 14px;font-size:13.5px;line-height:1.55;color:#c4cbe0}.prp-prev-c p{margin:0 0 10px}.prp-prev-c b{color:#fff}
.prp-prev-c a{color:#ffd23f;font-weight:700}.prp-prev-a{padding:10px 12px;border-radius:10px;background:rgba(255,210,63,.08)}

/* Encart d'accueil */
.pre{margin:0;border-radius:20px;overflow:hidden;background:#0d1222;color:var(--ink2);font-family:var(--j)}
.pre-h{position:relative;padding:16px 18px 14px;background:linear-gradient(120deg,#1238a8 0%,#4c1470 55%,#b8410e 100%);overflow:hidden;--s1:#7aa2ff;--s2:#e879f9}
.pre-h p{position:relative;margin:0;font:700 13px var(--j);color:rgba(255,255,255,.88)}
.pre-h h2{position:relative;margin:2px 0 0;font:italic 800 30px/1.05 var(--j);text-transform:uppercase;color:#fff;display:block}
.pre-h h2:before{display:none}
.pre .prc{margin:14px 14px 0}
.pre .prc-eq{padding-top:14px}
.pre-pc{display:flex;gap:8px;flex-wrap:wrap;margin:12px 14px 0}.pre-pc span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12.5px}.pre-pc i{width:9px;height:9px;border-radius:3px}
.pre-cl{padding:12px 16px 0}.pre-st{margin:0;font:700 12px var(--j);letter-spacing:.1em;text-transform:uppercase;color:var(--mut2)}
.pre .pr-cl li{border-top-color:rgba(255,255,255,.07)}.pre .pr-cl .pr-p,.pre .pr-cl b{color:#fff}.pre .pr-cl .pr-d{color:#8b94ab}.pre .pr-cl .pr-r{color:var(--or)}
.pre-b{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px 16px}
.pre-g{font-size:12px;color:var(--mut2)!important;text-underline-offset:3px}
.pre-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;background:var(--or);color:#1a1300!important;font:800 14px var(--j);letter-spacing:.02em;text-transform:uppercase;text-decoration:none}
.pre-cta:hover{background:#ffdf6b}
@media(prefers-reduced-motion:reduce){.prc-live i{animation:none}button.pr2-t{transition:none}}
.prc-fin .prc-live i{display:none}.prc-fin .prc-live{color:#c4cbe0}
.prp-cmp{width:100%;margin:4px 0 12px;border-collapse:collapse;font-size:12.5px}
.prp-cmp th,.prp-cmp td{padding:7px 6px;border-top:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}
.prp-cmp thead th{border-top:0;font:800 11px var(--j);letter-spacing:.06em;text-transform:uppercase;color:#8b94ab}
.prp-cmp tbody th{font-weight:700;color:#fff;width:28%}.prp-cmp td{color:#aab3c8}.prp-cmp td:last-child{color:#dbe2f2}.prp-cmp td b{color:#5fe0ad}
/* v9.6d : colonnes qui accompagnent le défilement, prochaine clôture, retour en haut */
.prp-side-in{display:flex;flex-direction:column;gap:16px}
@media(min-width:921px){.prp-lay{align-items:stretch}.prp-feed{align-self:flex-start}
 .prp-side-in{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;padding-right:4px;margin-right:-4px}
 .prp-side-in::-webkit-scrollbar{width:6px}.prp-side-in::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:6px}}
@media(min-width:1181px){.prp-nav-in{position:sticky;top:16px}}
.prp-nx{position:relative;overflow:hidden;margin-top:14px;padding:14px;border-radius:14px;background:var(--b);border:1.5px solid var(--bd)}
.prp-nx:before{content:"";position:absolute;right:-18px;top:-30px;width:30px;height:120px;background:var(--s1);opacity:.35;transform:skewX(-32deg)}
.prp-nx-k{position:relative;margin:0;font:800 11px var(--j);letter-spacing:.12em;text-transform:uppercase;color:var(--s1)}
.prp-nx b{position:relative;display:block;margin-top:6px;font:800 15px/1.25 var(--j);color:#fff}
.prp-nx-t{position:relative;margin:4px 0 10px;font-size:13px;color:#c4cbe0}.prp-nx-t span{color:var(--or);font-weight:700}
.prp-nx a{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:9px;background:#fff;color:#0b1020;font:800 13px var(--j);text-decoration:none}
.prp-nx a:hover{background:var(--or)}
.prc:target{box-shadow:0 0 0 3px var(--or)}
.prp-up{position:fixed;right:22px;bottom:22px;z-index:30;width:50px;height:50px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b1020;box-shadow:0 10px 24px rgba(0,0,0,.35),0 0 0 3px rgba(255,210,63,.55);cursor:pointer;transition:transform .2s,opacity .2s}
.prp-up[hidden]{display:none}.prp-up svg{width:22px;height:22px}.prp-up:hover{transform:translateY(-3px);background:var(--or)}
.prp h1:focus{outline:none}
@media(max-width:520px){.prp-up{right:14px;bottom:14px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.prp-up{transition:none}}
/* v9.6g : classement façon « panneau de chat » d'appli de jeu — gris-vert très sombre, vert néon, avatars, médailles en barre latérale */
.prp-box.prp-cl{--neon:#1fe06a;background:#0d1210;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:14px 12px 12px;box-shadow:0 18px 40px -20px rgba(0,0,0,.8)}
.prp-cl .prp-tk-h{padding:0 4px}
.prp-cl .prp-tk-h h2{font:800 16px var(--j);color:#fff;letter-spacing:-.005em}
.prp-cl .prp-seg{background:#161d1a;border:1px solid rgba(255,255,255,.06);padding:3px}
.prp-cl .prp-seg button{min-height:30px;padding:0 13px;color:#9aa69f;font:700 12.5px var(--j)}
.prp-cl .prp-seg button[aria-pressed=true]{background:var(--neon);color:#04230f;box-shadow:0 0 16px rgba(31,224,106,.45)}
.prp-cl-st{display:flex;align-items:center;gap:7px;margin:8px 4px 4px;font-size:12px;color:#8a978f}
.prp-cl-st i{width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px var(--neon)}
.prp-cl .pr-cl2{margin-top:6px;display:grid;gap:8px}
.prp-cl .pr-cl2 li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border:0;border-radius:12px;background:#151c18}
.prp-cl .pr-cl2 li:first-child{border-top:0}
.pr-av{grid-column:1;grid-row:1/3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,hsl(var(--h) 75% 62%),hsl(calc(var(--h) + 40) 70% 42%));box-shadow:0 0 0 2px #0d1210}
.pr-av i{font:800 12px var(--j);font-style:normal;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.prp-cl .pr-cl2 .pr-r{grid-column:1;grid-row:1/3;align-self:end;justify-self:start;z-index:1;min-width:19px;height:19px;margin:0 0 -3px -4px;padding:0 4px;box-sizing:border-box;border-radius:10px;display:grid;place-items:center;background:#2f6bff;border:2px solid #151c18;color:#fff;font:800 10px/1 var(--j);font-style:normal;-webkit-background-clip:border-box;background-clip:border-box}
.prp-cl .pr-cl2 .pr-p{grid-column:2;grid-row:1;color:#fff;font:700 14px var(--j);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prp-cl .pr-cl2 .pr-d{grid-column:2;grid-row:2;color:#7f8c85;font-size:12px}
.prp-cl .pr-cl2 b{grid-column:3;grid-row:1/3;font:800 15px var(--j);font-variant-numeric:tabular-nums;color:var(--neon);background:none;-webkit-background-clip:border-box;background-clip:border-box}
.prp-cl .pr-cl2 li:nth-child(1){background:linear-gradient(90deg,rgba(245,197,24,.18),#151c18 72%);box-shadow:inset 3px 0 0 #f5c518}
.prp-cl .pr-cl2 li:nth-child(2){background:linear-gradient(90deg,rgba(201,209,220,.14),#151c18 72%);box-shadow:inset 3px 0 0 #c9d1dc}
.prp-cl .pr-cl2 li:nth-child(3){background:linear-gradient(90deg,rgba(224,138,74,.16),#151c18 72%);box-shadow:inset 3px 0 0 #e08a4a}
.prp-cl .pr-cl2 li:nth-child(1) .pr-r{background:#f5c518;color:#2a1d00}.prp-cl .pr-cl2 li:nth-child(2) .pr-r{background:#c9d1dc;color:#1a1f27}.prp-cl .pr-cl2 li:nth-child(3) .pr-r{background:#e08a4a;color:#2a1405}
.prp-cl .pr-cl2 li.pr-moi{background:linear-gradient(90deg,rgba(31,224,106,.14),#151c18 75%);box-shadow:inset 3px 0 0 var(--neon)}
.pr-toi{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:5px;background:var(--neon);color:#04230f;font:800 9.5px/1.5 var(--j);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}
.prp-cl .pr-vide{color:#8a978f}
/* v9.6h : places au classement — médailles à ruban pour le podium, couronne sur le 1er, rang encadré ensuite */
.prp-cl .pr-cl2 li{grid-template-columns:34px 38px minmax(0,1fr) auto;column-gap:10px;isolation:isolate}
.prp-cl .pr-cl2 .pr-av{grid-column:2;position:relative}
.prp-cl .pr-cl2 .pr-p,.prp-cl .pr-cl2 .pr-d{grid-column:3}
.prp-cl .pr-cl2 b{grid-column:4}
.prp-cl .pr-cl2 .pr-r{grid-column:1;grid-row:1/3;align-self:center;justify-self:center;position:relative;width:30px;height:30px;min-width:0;margin:0;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#1b2420;color:#cfd8d3;font:800 14px/1 var(--j);font-variant-numeric:tabular-nums}
.prp-cl .pr-cl2 li.pr-moi .pr-r{border-color:rgba(31,224,106,.5);color:var(--neon);background:rgba(31,224,106,.1)}
.prp-cl .pr-cl2 .pr-r.pr-m{width:28px;height:28px;margin-top:8px;border:0;border-radius:50%;font-size:13px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),inset 0 0 0 2px rgba(255,255,255,.35),0 3px 8px rgba(0,0,0,.45)}
.prp-cl .pr-cl2 .pr-m:before,.prp-cl .pr-cl2 .pr-m:after{content:"";position:absolute;top:-11px;width:9px;height:14px;z-index:-1}
.prp-cl .pr-cl2 .pr-m:before{left:5px;transform:skewX(18deg);background:#1f6feb}
.prp-cl .pr-cl2 .pr-m:after{right:5px;transform:skewX(-18deg);background:#e5484d}
.prp-cl .pr-cl2 .pr-r.pr-m1{background:radial-gradient(circle at 35% 30%,#fff7cf 0%,#f7cf3a 42%,#b98600 100%);color:#3a2800}
.prp-cl .pr-cl2 .pr-r.pr-m2{background:radial-gradient(circle at 35% 30%,#ffffff 0%,#d3d9e2 45%,#8c95a3 100%);color:#1e242d}
.prp-cl .pr-cl2 .pr-r.pr-m3{background:radial-gradient(circle at 35% 30%,#ffe2c4 0%,#e3955a 45%,#9a5423 100%);color:#2c1406}
.prp-cl .pr-cl2 li:nth-child(1) .pr-av:before{content:"";position:absolute;left:50%;top:-12px;width:20px;height:14px;transform:translateX(-50%) rotate(-8deg);background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M2 14 0 3l6 5 6-8 6 8 6-5-2 11z' fill='%23f7cf3a' stroke='%239a6b00' stroke-width='1.2' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10' r='1.6' fill='%23e5484d'/%3E%3C/svg%3E");filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.prp-cl .pr-cl2 li:nth-child(1){padding-top:14px}
/* v9.7 : carrousel des affiches dans l'encart d'accueil */
.pre-car{position:relative}
.pre-vp{overflow:hidden;transition:height .35s ease}
.pre-tr{display:flex;align-items:flex-start;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.pre-sl{flex:0 0 100%;min-width:0}
.pre .pre-sl .prc{margin:14px 14px 2px}
.pre-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 14px 0}
.pre-p,.pre-n{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.pre-p:hover,.pre-n:hover{background:rgba(255,255,255,.16)}.pre-p svg,.pre-n svg{width:16px;height:16px}
.pre-dots{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;min-width:0}
.pre-dots button{position:relative;height:24px;min-width:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.pre-dots button:before{content:"";display:block;width:8px;height:8px;border-radius:999px;background:var(--c);opacity:.45;transition:width .3s,opacity .3s}
.pre-dots button[aria-current=true]:before{width:26px;opacity:1;box-shadow:0 0 10px var(--c)}
.pre-dots button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.pre-tr,.pre-vp,.pre-dots button:before{transition:none}}
/* v9.7b : lumières de stade en mouvement sur le fond de la page Pronostics (transform/opacity seulement) */
.prp{position:relative}
.prp-in{position:relative;z-index:1}
.prp-lum{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.prp-lum i{position:absolute;top:-120px;width:900px;height:1000px;margin-left:-450px;transform-origin:50% 0;background:conic-gradient(from 166deg at 50% 0,rgba(var(--l),0) 0deg,rgba(var(--l),.20) 10deg,rgba(var(--l),.32) 14deg,rgba(var(--l),.20) 18deg,rgba(var(--l),0) 28deg,rgba(var(--l),0) 360deg);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 85%);opacity:.8;animation:prfaisceau var(--d) ease-in-out var(--r) infinite alternate;will-change:transform}
.prp-lum i:nth-child(1){left:8%;--l:120,170,255;--d:13s;--r:-3s;--a:-22deg;--z:14deg}
.prp-lum i:nth-child(2){left:36%;--l:190,140,255;--d:17s;--r:-9s;--a:12deg;--z:-16deg;opacity:.55}
.prp-lum i:nth-child(3){left:66%;--l:230,240,255;--d:15s;--r:-5s;--a:-14deg;--z:18deg;opacity:.5}
.prp-lum i:nth-child(4){left:93%;--l:120,170,255;--d:19s;--r:-12s;--a:20deg;--z:-12deg}
@keyframes prfaisceau{from{transform:rotate(var(--a))}to{transform:rotate(var(--z))}}
.prp-lum b{position:absolute;left:50%;top:-260px;width:1100px;height:520px;margin-left:-550px;border-radius:50%;background:radial-gradient(closest-side,rgba(120,160,255,.28),rgba(120,160,255,0));animation:prhalo 9s ease-in-out infinite alternate;will-change:opacity,transform}
@keyframes prhalo{from{opacity:.55;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}
@media(max-width:700px){.prp-lum i{width:600px;margin-left:-300px;height:760px}.prp-lum i:nth-child(2),.prp-lum i:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.prp-lum i,.prp-lum b{animation:none}}
/* v9.7c : particules de lumière en continu */
.prp-pt{position:absolute;inset:0}
.prp-pt s{position:absolute;border-radius:50%;background:rgba(var(--c),.95);box-shadow:0 0 8px 2px rgba(var(--c),.6),0 0 18px 4px rgba(var(--c),.25);opacity:0;animation:prmonte var(--d) linear var(--r) infinite;will-change:transform,opacity}
.prp-pt s:nth-child(3n){animation-name:prmonte,prscint;animation-duration:var(--d),2.4s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate}
@keyframes prmonte{0%{transform:translate3d(0,0,0);opacity:0}8%{opacity:var(--o)}85%{opacity:var(--o)}100%{transform:translate3d(var(--x),-420px,0);opacity:0}}
@keyframes prscint{from{filter:brightness(1)}to{filter:brightness(1.8)}}
@media(max-width:700px){.prp-pt s:nth-child(2n){display:none}}
@media(prefers-reduced-motion:reduce){.prp-pt{display:none}}
/* ===== v9.27 : confort de jeu ===== */
.pr2-rap{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.pr2-rap button{min-width:52px;min-height:42px;padding:0 10px;border:2px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font:800 15px var(--j);cursor:pointer}
.pr2-rap button[aria-pressed="true"]{background:#fff;color:#0a4fd6;border-color:#fff}
.pr2-etat{flex-basis:100%;margin:2px 0 0;font:600 12.5px var(--j);color:rgba(255,255,255,.82)}
.pr2-etat button{padding:0;border:0;background:none;color:#ffd23f;font:inherit;text-decoration:underline;cursor:pointer}
.pr2-expl,.pr2-live{margin:8px 0 0;font:600 13px/1.4 var(--j);color:rgba(255,255,255,.9)}
.pr2-live{padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.28)}
.pr2-ann{margin-top:8px;padding:6px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:none;color:#fff;font:700 12.5px var(--j);cursor:pointer}
.prc-cdl{margin:0;padding:6px 14px 0;font:700 12px var(--j);color:rgba(255,255,255,.75)}
.prc-cd-urg{color:#ffd23f}
.prc-pied{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 14px}
.prc-pied button{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.25);color:#fff;font:700 12.5px var(--j);cursor:pointer}
.prc-pied button[aria-expanded="true"]{background:#fff;color:#0b1020}
.prc-calm{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 14px}
.prc-calm a,.prc-calm button{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;border-radius:10px;background:#fff;color:#0b1020;font:700 12.5px var(--j);text-decoration:none;border:0;cursor:pointer}
.prc-fiche{margin:0 14px 14px;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.3)}
.prc-fi-l{margin:0;font:600 13px var(--j);color:rgba(255,255,255,.8)}
.prc-fi-g{margin:0;display:grid;gap:4px}.prc-fi-g dt{margin-top:8px;font:800 11px var(--j);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}.prc-fi-g dt:first-child{margin-top:0}
.prc-fi-g dd{margin:0;font:600 13.5px/1.45 var(--j);color:#fff}.prc-fi-g small{color:rgba(255,255,255,.65)}
.prc-fi-e{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}
.prc-fo{display:inline-flex;gap:4px}.prc-fo i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;font:800 12px var(--j);font-style:normal;color:#fff}
.prc-fo-V{background:#16a34a}.prc-fo-N{background:#6b7280}.prc-fo-D{background:#dc2626}
.prc-fav{margin-top:-2px;min-width:34px;min-height:30px;border:0;background:none;color:rgba(255,255,255,.55);font-size:18px;line-height:1;cursor:pointer}
.prc-fav[aria-pressed="true"]{color:#ffd23f}
.prp-tk-o{display:flex;gap:4px;margin-top:10px;padding:4px;border-radius:12px;background:rgba(0,0,0,.25)}
.prp-tk-o button{flex:1;min-height:38px;border:0;border-radius:9px;background:none;color:rgba(255,255,255,.7);font:700 12.5px var(--j);cursor:pointer}
.prp-tk-o button span{display:inline-block;min-width:18px;margin-left:2px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px}
.prp-tk-o button[aria-selected="true"]{background:#fff;color:#0b1020}.prp-tk-o button[aria-selected="true"] span{background:#e8edf7}
.prp-tk button[data-aller]{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;cursor:pointer}
.prp-tk-ok{margin:14px 2px 4px;font:600 13.5px var(--j);color:rgba(255,255,255,.82)}
.prp-dock{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:12px;max-width:calc(100% - 20px);width:max-content;padding:8px 8px 8px 16px;border-radius:999px;background:#0b1020;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 40px rgba(0,0,0,.45);color:#fff;font:600 13.5px var(--j)}
.prp-dock[hidden]{display:none}
.prp-dock span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prp-dock small{color:#ffd23f;font-weight:700}
.prp-dock button{flex:none;min-height:42px;padding:0 16px;border:0;border-radius:999px;background:#ffd23f;color:#1a1300;font:800 13.5px var(--j);cursor:pointer}
.pr-feuille{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center}
.pr-feuille-c{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#12162a;color:#fff;font-family:var(--j)}
@media (min-width:700px){.pr-feuille{align-items:center}.pr-feuille-c{border-radius:20px}}
.pr-feuille-x{position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer}
.pr-feuille-t{margin:0 0 6px;font-size:17px}
.pr-toast{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:70;padding:12px 18px;border-radius:12px;background:#16a34a;color:#fff;font:700 14px var(--j);box-shadow:0 10px 30px rgba(0,0,0,.35)}
@media (max-width:700px){
  .pr2-t{min-height:64px}.pr-m{width:44px;height:48px}.pr2-c input{width:52px;height:48px}
  .pr2-rap button{min-width:58px;min-height:46px;font-size:16px}
  .prp-dock{left:10px;right:10px;transform:none;width:auto;bottom:10px}
  .prp-up{bottom:84px!important}
}
.prp-tk li:has(button[data-aller]){grid-template-columns:5px minmax(0,1fr)}

/* v9.28 : bilan des confrontations */
.prc-bi-t{margin:0 0 6px}
.prc-bi{display:flex;height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12)}.prc-bi i{display:block;height:100%}
.prc-bi-d{background:#16a34a}.prc-bi-n{background:#9ca3af}.prc-bi-e{background:#dc2626}
.prc-bi-l{margin-top:6px}.prc-bi-l summary{cursor:pointer;font:700 12.5px var(--j);color:#ffd23f}
.prc-bi-l ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px}.prc-bi-l li{font:600 12.5px/1.4 var(--j)}

/* v9.29 : fiche d’avant-match stylisée */
.prc-fiche{padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(6,9,20,.55),rgba(6,9,20,.78))}
.pf{padding:14px 14px 12px;font-family:var(--j);color:#fff}
.pf-tete{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:12px}
.pf-eq{display:flex;align-items:center;gap:8px;min-width:0;font:800 14px var(--j);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-eq i{flex:none;width:6px;height:22px;border-radius:3px;background:var(--k)}.pf-eq-d{justify-content:flex-end;text-align:right}
.pf-vs{padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.12);font:900 11px var(--j);letter-spacing:.12em;color:rgba(255,255,255,.75)}
.pf-l{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08)}
.pf-lab{font:800 10.5px var(--j);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);text-align:center}
.pf-v{display:flex;align-items:baseline;gap:6px;min-width:0;font:700 13px var(--j)}.pf-v-d{justify-content:flex-end}
.pf-v b{font-size:20px;font-weight:900;line-height:1}.pf-v sup{font-size:10px}.pf-v small{color:rgba(255,255,255,.6);font-weight:700}
.pf-top b{color:#ffd23f}
.pf-fo{display:inline-flex;gap:3px}.pf-fo i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font:900 11px var(--j);font-style:normal;color:#fff}
.pf-V{background:#16a34a}.pf-N{background:#64748b}.pf-D{background:#dc2626}
.pf-bloc{padding:12px 0 4px;border-top:1px solid rgba(255,255,255,.08)}
.pf-t{margin:0 0 10px;font:800 10.5px var(--j);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);text-align:center}.pf-t small{font-size:10.5px;letter-spacing:.04em;text-transform:none;color:rgba(255,255,255,.5)}
.pf-bi{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}
.pf-bi-n{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.06);border-top:3px solid var(--k)}
.pf-bi-x{--k:#94a3b8}.pf-bi-n b{font:900 26px/1 var(--j)}.pf-bi-n small{margin-top:3px;font:700 11px/1.25 var(--j);color:rgba(255,255,255,.65)}
.pf-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.1);gap:2px}.pf-bar i{display:block;height:100%}.pf-bar-n{background:#94a3b8}
.pf-hist{margin-top:10px}.pf-hist summary{cursor:pointer;font:800 12.5px var(--j);color:#ffd23f}
.pf-hist ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.pf-hist li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.05)}
.pf-r{flex:none;min-width:44px;padding:4px 0;border-radius:8px;text-align:center;font:900 13px var(--j);color:#fff;background:#64748b}
.pf-r-d{background:var(--kd);color:var(--kdt)}.pf-r-e{background:var(--ke);color:var(--ket)}
.pf-m{display:flex;flex-direction:column;min-width:0}.pf-m b{font:700 12.5px var(--j);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-m small{font:600 11px var(--j);color:rgba(255,255,255,.6)}
.pf-der{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px}.pf-der small{color:rgba(255,255,255,.6)}
.pf-tv{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);font:600 12.5px var(--j);text-align:center}
.pf-vide{margin:0;font:600 13px var(--j);color:rgba(255,255,255,.75);text-align:center}
/* ===================== v9.29 : thème clair « verre dépoli » de la page Pronostics ===================== */
.prp.prp-verre{--gt:#24303d;--gm:#5d6b78;--ga:#2f7fb3;--gacc:linear-gradient(160deg,#b7d8ee 0%,#5ea3cc 52%,#94c2e3 100%);--gv:rgba(255,255,255,.4);--gb:rgba(255,255,255,.7);--gs:0 14px 34px rgba(52,72,92,.14),inset 0 1px 0 rgba(255,255,255,.8);--or:#2f7fb3;--ink2:var(--gt);--mut2:var(--gm);
  background:radial-gradient(900px 520px at 85% -80px,rgba(214,190,160,.55),transparent 70%),radial-gradient(800px 600px at -10% 30%,rgba(170,200,214,.5),transparent 70%),linear-gradient(160deg,#dfe2de 0%,#cfd5d6 45%,#c9c3ba 100%);color:var(--gt)}
.prp.prp-verre .prp-lum{display:none}
.prp.prp-verre .prp-k{color:var(--ga)}
.prp.prp-verre .prp-tete h1{font-style:normal;text-transform:none;font-weight:700;letter-spacing:-.03em;color:var(--gt)}
.prp.prp-verre .prp-s{color:var(--gm)}
.prp.prp-verre .prp-gratuit{background:var(--gv);border:1px solid var(--gb);color:var(--gt);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.prp.prp-verre .prp-gratuit b{color:#b45309}.prp.prp-verre .prp-gratuit a{color:var(--ga)}
/* surfaces en verre */
.prp.prp-verre .prp-nav-in,.prp.prp-verre .prp-box,.prp.prp-verre .prp-box.prp-cl,.prp.prp-verre .prc,.prp.prp-verre .prp-prev,.prp.prp-verre .prp-vide{background:var(--gv);border:1px solid var(--gb);box-shadow:var(--gs);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);color:var(--gt)}
.prp.prp-verre .prp-nt,.prp.prp-verre .prp-h2,.prp.prp-verre .prp-tk-h,.prp.prp-verre .prp-tk-h h2,.prp.prp-verre .prp-cl .prp-tk-h h2{color:var(--gt)}
.prp.prp-verre .prp-h2{font-weight:700;font-size:21px;margin-top:14px}
.prp.prp-verre .prp-nl{background:rgba(255,255,255,.35)}
.prp.prp-verre .prp-nl>a,.prp.prp-verre .prp-nl>button{color:var(--gt);border-bottom-color:rgba(36,48,61,.08)}
.prp.prp-verre .prp-nl>button[aria-pressed=true],.prp.prp-verre .prp-nl>:hover{background:rgba(255,255,255,.55)}
/* sélecteur de jours : pastilles */
.prp-jours{display:flex;gap:10px;overflow-x:auto;padding:12px 18px 26px;margin:-8px -18px -8px;scroll-padding:0 18px;scrollbar-width:none;scroll-snap-type:x proximity}
.prp-jours::-webkit-scrollbar{display:none}
.prp-jours button{position:relative;flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:66px;height:112px;border-radius:999px;border:1px solid var(--gb,rgba(255,255,255,.7));background:rgba(255,255,255,.5);box-shadow:0 6px 14px rgba(52,72,92,.1),inset 0 1px 0 rgba(255,255,255,.85);color:var(--gt,#24303d);font-family:var(--j);cursor:pointer;transition:transform .15s}
.prp-jours button:hover{transform:translateY(-2px)}
.prp-jours small{font:600 12px var(--j);text-transform:uppercase;letter-spacing:.04em;opacity:.8}
.prp-jours b{font:700 25px/1 var(--j)}
.prp-jours i{position:absolute;top:-4px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#fff;color:var(--ga,#2f7fb3);font:800 11px/20px var(--j);font-style:normal;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.prp-jours button[aria-pressed=true]{background:var(--gacc);border-color:rgba(255,255,255,.85);color:#fff;box-shadow:0 8px 16px rgba(63,143,192,.4),inset 0 1px 0 rgba(255,255,255,.6)}
.prp-jours button[aria-pressed=true] small{opacity:1}
/* filtres de compétitions */
.prp.prp-verre .prp-ch button{background:rgba(255,255,255,.42);border:1px solid var(--gb);color:var(--gt);box-shadow:var(--gs);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.prp.prp-verre .prp-ch button span{color:var(--gm)}
.prp.prp-verre .prp-ch button[aria-pressed=true]{background:var(--gacc);border-color:rgba(255,255,255,.85);color:#fff}.prp.prp-verre .prp-ch button[aria-pressed=true] span{color:#eaf4fb}
/* carte de match */
.prp.prp-verre .prc{overflow:visible;margin-top:22px;border-radius:26px}
.prp.prp-verre .prc-h{background:none;min-height:44px;padding:8px 14px 0;color:var(--gm)}
.prp.prp-verre .prc-sl,.prp.prp-verre .prc-b{display:none}
.prp.prp-verre .prc-c{color:var(--gm);font-weight:700;font-size:12.5px}
.prp.prp-verre .prc-tv{color:var(--gm)}
.prp.prp-verre .prc-lien{background:rgba(255,255,255,.55);color:var(--gt);border:1px solid var(--gb)}
.prp.prp-verre .prc-lien:hover{background:#fff}
.prp.prp-verre .prc-tag{background:var(--gacc);color:#fff}
.prc-rub{display:none}
.prp.prp-verre .prc-rub{display:block;position:absolute;left:50%;top:-15px;transform:translateX(-50%);margin:0;z-index:2}
.prp.prp-verre .prc-rub span{display:block;padding:6px 26px;background:var(--gacc);color:#fff;font:700 13px var(--j);white-space:nowrap;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);text-shadow:0 1px 2px rgba(0,60,100,.25)}
.prp.prp-verre .prc-cdl{color:var(--gm);text-align:center;padding-top:2px}
.prp.prp-verre .prc-cd-urg{color:#c2410c}
.prp.prp-verre .prc-eq{padding-top:4px}
.prp.prp-verre .prc-t b{color:var(--gt)}
.prp.prp-verre .prc-t .prc-k{width:58px;height:58px;padding:10px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(255,255,255,.8),0 8px 22px rgba(63,143,192,.28)}
.prp.prp-verre .prc-mid{display:flex;flex-direction:column;align-items:center}
.prp.prp-verre .prc-heure,.prp.prp-verre .prc-score{display:inline-block;padding:10px 26px;background:rgba(255,255,255,.62);color:var(--gt);font:700 30px/1 var(--j);font-variant-numeric:tabular-nums;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%)}
.prp.prp-verre .prc-live{color:#dc2626}
.prp.prp-verre .prc-fav{color:#9aa6b2}.prp.prp-verre .prc-fav[aria-pressed=true]{color:#e0a100}
.prp.prp-verre .prc:target{box-shadow:0 0 0 3px #5ea3cc,var(--gs)}
.prp.prp-verre .prc-ph-i{border-radius:20px;overflow:hidden;margin:0 12px}
/* bloc de pronostic */
.prp.prp-verre .pr2{--pr-ink:var(--gt);--pr-mut:var(--gm);color:var(--gt)}
.prp.prp-verre .pr2-t{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);box-shadow:0 6px 16px rgba(52,72,92,.1);border-radius:16px;color:var(--gt)}
.prp.prp-verre .pr2-t small{color:var(--gm)}.prp.prp-verre .pr2-t b{color:var(--gt)}
.prp.prp-verre .pr2-t[aria-pressed=true],.prp.prp-verre .pr2-on{background:var(--gacc);border-color:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(63,143,192,.4)}
.prp.prp-verre .pr2-t[aria-pressed=true] small,.prp.prp-verre .pr2-t[aria-pressed=true] b,.prp.prp-verre .pr2-on small,.prp.prp-verre .pr2-on b{color:#fff}
.prp.prp-verre .pr2-bd,.prp.prp-verre .pr2-t[aria-pressed=true]:before{background:#fff;color:var(--ga);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.prp.prp-verre .pr2-br i{background:rgba(36,48,61,.1)}.prp.prp-verre .pr2-br u{background:rgba(36,48,61,.3)}.prp.prp-verre .pr2-br u.pr2-lead{background:#3f8fc0}
.prp.prp-verre .pr2-br em{color:var(--gm)}
.prp.prp-verre .pr2-sc{background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.7);border-radius:18px}
.prp.prp-verre .pr2-sct b{color:var(--gt)}.prp.prp-verre .pr2-sct small{color:var(--gm)}
.prp.prp-verre .pr2 .pr-m{background:rgba(255,255,255,.6);color:var(--gt);border:1px solid rgba(255,255,255,.85);border-radius:12px}
.prp.prp-verre .pr2 .pr-m:hover{background:#fff}
.prp.prp-verre .pr2-c input{color:var(--ga);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(36,48,61,.1)}
.prp.prp-verre .pr2-g>span[aria-hidden]{color:var(--gm)}
.prp.prp-verre .pr2-rap button{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85);color:var(--gt);border-radius:12px}
.prp.prp-verre .pr2-rap button[aria-pressed=true]{background:var(--gacc);color:#fff;border-color:rgba(255,255,255,.9)}
.prp.prp-verre .pr2-etat{color:var(--gm)}.prp.prp-verre .pr2-etat button{color:var(--ga)}
.prp.prp-verre .pr2-l,.prp.prp-verre .pr2 .pr-ferme,.prp.prp-verre .pr2 .pr-msg,.prp.prp-verre .pr2-expl{color:var(--gm)}.prp.prp-verre .pr2-l b{color:var(--gt)}
.prp.prp-verre .pr2-live{background:rgba(255,255,255,.5);color:var(--gt)}
.prp.prp-verre .pr2-pts{background:var(--gacc);color:#fff!important}
.prp.prp-verre .pr2-ann,.prp.prp-verre .pr2-mod{color:var(--ga);border-color:rgba(47,127,179,.35)}
.prp.prp-verre .prc-pied button{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85);color:var(--gt)}
.prp.prp-verre .prc-pied button[aria-expanded=true]{background:var(--gacc);color:#fff}
.prp.prp-verre .prc-calm a,.prp.prp-verre .prc-calm button{background:rgba(255,255,255,.75);color:var(--gt);box-shadow:0 4px 12px rgba(0,0,0,.08)}
/* fiche d'avant-match en clair */
.prp.prp-verre .prc-fiche{background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.8);border-radius:20px}
.prp.prp-verre .pf{color:var(--gt)}
.prp.prp-verre .pf-vs{background:rgba(36,48,61,.08);color:var(--gm)}
.prp.prp-verre .pf-l,.prp.prp-verre .pf-bloc{border-top-color:rgba(36,48,61,.1)}
.prp.prp-verre .pf-lab,.prp.prp-verre .pf-t,.prp.prp-verre .pf-t small,.prp.prp-verre .pf-v small,.prp.prp-verre .pf-m small,.prp.prp-verre .pf-bi-n small,.prp.prp-verre .pf-der small{color:var(--gm)}
.prp.prp-verre .pf-top b{color:var(--ga)}
.prp.prp-verre .pf-bi-n,.prp.prp-verre .pf-hist li,.prp.prp-verre .pf-tv{background:rgba(255,255,255,.55)}
.prp.prp-verre .pf-bar{background:rgba(36,48,61,.08)}
.prp.prp-verre .pf-hist summary{color:var(--ga)}
.prp.prp-verre .pf-vide{color:var(--gm)}
/* colonnes latérales */
.prp.prp-verre .prp-tk li{background:rgba(255,255,255,.5)}
.prp.prp-verre .prp-tk li b{color:var(--gt)}.prp.prp-verre .prp-tk li small,.prp.prp-verre .prp-tk-v p,.prp.prp-verre .prp-tk-h>span{color:var(--gm)}
.prp.prp-verre .prp-tk em,.prp.prp-verre .prp-tk-p b,.prp.prp-verre .prp-tk-h h2 b{color:var(--ga)}
.prp.prp-verre .prp-tk-v .prp-tk-t{color:var(--gt)}
.prp.prp-verre .prp-tk-p{border-top-color:rgba(36,48,61,.1);color:var(--gm)}
.prp.prp-verre .prp-tk-o{background:rgba(36,48,61,.07)}.prp.prp-verre .prp-tk-o button{color:var(--gm)}
.prp.prp-verre .prp-tk-o button span{background:rgba(36,48,61,.08)}
.prp.prp-verre .prp-tk-o button[aria-selected=true]{background:var(--gacc);color:#fff}.prp.prp-verre .prp-tk-o button[aria-selected=true] span{background:rgba(255,255,255,.3)}
.prp.prp-verre .prp-tk-ok{color:var(--gm)}
.prp.prp-verre .prp-seg,.prp.prp-verre .prp-cl .prp-seg{background:rgba(36,48,61,.07);border-color:transparent}
.prp.prp-verre .prp-seg button,.prp.prp-verre .prp-cl .prp-seg button{color:var(--gm)}
.prp.prp-verre .prp-seg button[aria-pressed=true],.prp.prp-verre .prp-cl .prp-seg button[aria-pressed=true]{background:var(--gacc);color:#fff;box-shadow:none}
.prp.prp-verre .prp-cl-st{color:var(--gm)}.prp.prp-verre .prp-cl-st i{background:#3f8fc0;box-shadow:none}
.prp.prp-verre .prp-cl .pr-cl2 .pr-p,.prp.prp-verre .prp .pr-cl .pr-p{color:var(--gt)}
.prp.prp-verre .prp-cl .pr-cl2 .pr-d,.prp.prp-verre .prp-cl .pr-vide,.prp.prp-verre .pr-vide{color:var(--gm)}
.prp.prp-verre .prp-cl .pr-cl2 b{color:var(--ga);background:none}
.prp.prp-verre .prp-cl .pr-cl2 li{border-top-color:rgba(36,48,61,.08)}
.prp.prp-verre .prp-cl .pr-cl2 li:nth-child(1),.prp.prp-verre .prp-cl .pr-cl2 li:nth-child(2),.prp.prp-verre .prp-cl .pr-cl2 li:nth-child(3),.prp.prp-verre .prp-cl .pr-cl2 li.pr-moi{background:rgba(255,255,255,.5)}
.prp.prp-verre .prp-cl .pr-cl2 li.pr-moi{box-shadow:inset 3px 0 0 #3f8fc0}
.prp.prp-verre .prp-cl .pr-cl2 .pr-r{color:var(--gt);border-color:rgba(36,48,61,.15)}
.prp.prp-verre .pr-toi{background:#3f8fc0;color:#fff}
.prp.prp-verre .prp-rg{color:var(--gt)}.prp.prp-verre .prp-rg b{background:rgba(255,255,255,.6);color:var(--gt)}.prp.prp-verre .prp-rg li:nth-child(2) b{background:var(--gacc);color:#fff}
.prp.prp-verre .prp-mention{color:var(--gm)}
.prp.prp-verre .prp-prev summary,.prp.prp-verre .prp-prev-c b,.prp.prp-verre .prp-cmp tbody th{color:var(--gt)}
.prp.prp-verre .prp-prev-c,.prp.prp-verre .prp-cmp td,.prp.prp-verre .prp-cmp thead th{color:var(--gm)}.prp.prp-verre .prp-cmp td:last-child{color:var(--gt)}.prp.prp-verre .prp-cmp td b{color:#15803d}
.prp.prp-verre .prp-cmp th,.prp.prp-verre .prp-cmp td{border-top-color:rgba(36,48,61,.1)}
.prp.prp-verre .prp-prev-c a{color:var(--ga)}.prp.prp-verre .prp-prev-a{background:rgba(255,255,255,.5)}
.prp.prp-verre .prp-nx{background:var(--gv);border:1px solid var(--gb);box-shadow:var(--gs)}.prp.prp-verre .prp-nx:before{display:none}
.prp.prp-verre .prp-nx-k{color:var(--ga)}.prp.prp-verre .prp-nx b{color:var(--gt)}.prp.prp-verre .prp-nx-t{color:var(--gm)}.prp.prp-verre .prp-nx-t span{color:var(--ga)}
.prp.prp-verre .prp-nx a{background:var(--gacc);color:#fff}
.prp.prp-verre .prp-tc{color:#fff}
.prp.prp-verre .prp-up{background:var(--gacc);color:#fff;box-shadow:0 10px 26px rgba(63,143,192,.4)}
/* barre du bas et fenêtres */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.prp.prp-verre .prc,.prp.prp-verre .prp-box,.prp.prp-verre .prp-nav-in{background:rgba(248,250,251,.88)}}
@media (max-width:700px){.prp-jours button{width:60px;height:100px}.prp-jours b{font-size:22px}.prp.prp-verre .prc-heure,.prp.prp-verre .prc-score{font-size:24px;padding:8px 20px}.prp.prp-verre .prc-t .prc-k{width:48px;height:48px;padding:8px}}
/* ===================== v9.30 : effet « verre » sur le fond sombre, couleurs de chaque compétition ===================== */
.prp.prp-vs{--gt:#fff;--gm:#aab3c8;--ga:#7aa2ff;--gacc:linear-gradient(160deg,#4d7cf0 0%,#1d4fd8 55%,#3a64e6 100%);--gb:rgba(255,255,255,.16);--gs:0 12px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12)}
.prp.prp-vs .prp-tete h1{font-style:normal;text-transform:none;letter-spacing:-.03em}
/* surfaces en verre fumé */
.prp.prp-vs .prp-nav-in,.prp.prp-vs .prp-box,.prp.prp-vs .prp-prev,.prp.prp-vs .prp-vide,.prp.prp-vs .prp-nx,.prp.prp-vs .prp-gratuit{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);box-shadow:var(--gs);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-radius:22px}
/* pastilles des jours */
.prp.prp-vs .prp-jours button{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14)}
.prp.prp-vs .prp-jours button[aria-pressed=true]{background:var(--gacc);border-color:rgba(255,255,255,.5);box-shadow:0 8px 18px rgba(29,79,216,.5),inset 0 1px 0 rgba(255,255,255,.4)}
.prp.prp-vs .prp-jours i{color:#1d4fd8}
/* filtres */
.prp.prp-vs .prp-ch button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.prp.prp-vs .prp-ch button[aria-pressed=true]{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.75)}
/* carte : verre teinté aux couleurs de la compétition */
.prp.prp-vs .prc{overflow:visible;margin-top:22px;border-radius:24px;border:1px solid color-mix(in srgb,var(--bd) 60%,rgba(255,255,255,.3));background:linear-gradient(165deg,color-mix(in srgb,var(--b) 72%,transparent) 0%,color-mix(in srgb,var(--b) 48%,transparent) 100%);box-shadow:0 18px 40px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}
.prp.prp-vs .prc-h{border-radius:23px 23px 0 0;min-height:46px;padding-top:4px}
.prc-rub{display:none}
.prp.prp-vs .prc-rub{display:block;position:absolute;left:50%;top:-14px;transform:translateX(-50%);margin:0;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.prp.prp-vs .prc-rub span{display:block;padding:6px 26px;background:linear-gradient(90deg,var(--bd),color-mix(in srgb,var(--s1) 70%,var(--bd)));color:#fff;font:700 13px var(--j);text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%)}
.prp.prp-vs .prc-cdl{text-align:center}
.prp.prp-vs .prc-t .prc-k{width:58px;height:58px;padding:10px;border-radius:50%;background:rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(255,255,255,.22),0 8px 24px color-mix(in srgb,var(--bd) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.2);filter:none}
.prp.prp-vs .prc-heure,.prp.prp-vs .prc-score{display:inline-block;padding:10px 26px;background:rgba(255,255,255,.12);color:#fff;font:800 30px/1 var(--j);font-variant-numeric:tabular-nums;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%)}
.prp.prp-vs .prc-ph-i{border-radius:18px;overflow:hidden;margin:0 12px}
/* bloc de pronostic */
.prp.prp-vs .pr2-t{border-radius:16px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);color:#fff}
.prp.prp-vs .pr2-t small{color:#c4cbe0}.prp.prp-vs .pr2-t b{color:#fff}
.prp.prp-vs .pr2-t[aria-pressed=true],.prp.prp-vs .pr2-on{background:var(--h,#1d4fd8);border-color:var(--s1,#7aa2ff);box-shadow:0 10px 24px color-mix(in srgb,var(--bd) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
.prp.prp-vs .pr2-sc{border-radius:18px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1)}
.prp.prp-vs .pr2 .pr-m,.prp.prp-vs .pr2-c input,.prp.prp-vs .pr2-rap button{border-radius:12px}
.prp.prp-vs .prc-pied button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.prp.prp-vs .prc-fiche{border-radius:20px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1)}
.prp.prp-vs .prp-up{box-shadow:0 10px 26px rgba(0,0,0,.4)}
/* barre du bas en verre */
.prp-dock{background:rgba(11,16,32,.72);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}
.pr-feuille-c{background:rgba(18,22,42,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.prp.prp-vs .prc{background:var(--b)}.prp.prp-vs .prp-box{background:rgba(20,26,46,.92)}}
@media (max-width:700px){.prp.prp-vs .prc-heure,.prp.prp-vs .prc-score{font-size:24px;padding:8px 20px}.prp.prp-vs .prc-t .prc-k{width:48px;height:48px;padding:8px}}
/* ===================== v9.31 : bouton « Avant-match & info » + dernières rencontres animées ===================== */
.prp .prc-pied .prc-fi{display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s}
.prp .prc-pied .prc-fi:hover{border-color:#a78bfa;background:rgba(139,92,246,.22);box-shadow:0 0 0 3px rgba(139,92,246,.18)}
.prp .prc-pied .prc-fi:active{transform:scale(.97)}
.prp .prc-pied .prc-fi[aria-expanded=true]{background:#ffd23f;color:#1a1300;border-color:#ffd23f;box-shadow:0 0 0 3px rgba(255,210,63,.25),0 8px 20px rgba(255,210,63,.35)}
.prc-fi-ch{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.prc-fi[aria-expanded=true] .prc-fi-ch{transform:rotate(225deg) translate(-1px,-1px)}
.prp .pf-hist summary{list-style:none;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,210,63,.35);background:rgba(255,210,63,.08);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.prp .pf-hist summary::-webkit-details-marker{display:none}
.prp .pf-hist summary:before{content:"";flex:none;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .25s}
.prp .pf-hist[open] summary:before{transform:rotate(45deg)}
.prp .pf-hist summary:after{content:"Voir";margin-left:auto;padding:3px 10px;border-radius:999px;background:#ffd23f;color:#1a1300;font:800 11px var(--j);opacity:.0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.prp .pf-hist[open] summary:after{content:"Masquer"}
.prp .pf-hist summary:hover,.prp .pf-hist summary:focus-visible{background:rgba(255,210,63,.18);border-color:#ffd23f;transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,210,63,.18)}
.prp .pf-hist summary:hover:before{animation:pfnudge .7s ease-in-out infinite}
.prp .pf-hist[open] summary:hover:before{animation:none}
.prp .pf-hist summary:hover:after,.prp .pf-hist summary:focus-visible:after{opacity:1;transform:none}
@keyframes pfnudge{0%,100%{translate:0 0}50%{translate:3px 0}}
.prp .pf-hist[open] li{animation:pfli .35s both}
.prp .pf-hist[open] li:nth-child(2){animation-delay:.05s}.prp .pf-hist[open] li:nth-child(3){animation-delay:.1s}.prp .pf-hist[open] li:nth-child(4){animation-delay:.15s}.prp .pf-hist[open] li:nth-child(n+5){animation-delay:.2s}
@keyframes pfli{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (hover:none){.prp .pf-hist summary:after{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.prp .pf-hist summary:hover:before,.prp .pf-hist[open] li{animation:none}}
/* ===================== v9.32 : joker, ligues entre amis, partage ===================== */
.prp .prc-pied .prc-jk{display:inline-flex;align-items:center;gap:6px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.prp .prc-pied .prc-jk:hover:not(:disabled){border-color:#a78bfa;background:rgba(139,92,246,.22)}
.prp .prc-pied .prc-jk[aria-pressed=true]{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#c4b5fd;color:#fff;box-shadow:0 0 0 3px rgba(139,92,246,.25),0 8px 20px rgba(109,40,217,.45)}
.prp .prc-pied .prc-jk:disabled{opacity:.55;cursor:default}
.prp .prc-pied .prc-jk[aria-pressed=true]:disabled{opacity:1}
.prp .prc.prc-jok{box-shadow:0 0 0 2px #a78bfa,0 18px 40px rgba(109,40,217,.35)}
.prp .prc.prc-jok .prc-rub span:after{content:" · 🃏 ×2"}
.prp .pr2-part,.prp .prp-lg-go{margin-top:10px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:#ffd23f;color:#1a1300;font:800 13.5px var(--j);cursor:pointer;transition:transform .15s,box-shadow .2s}
.prp .pr2-part:hover,.prp .prp-lg-go:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,210,63,.3)}
.prp-tk li{position:relative}.prp .prp-tk-part{flex:none;margin-left:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,210,63,.16);cursor:pointer;font-size:15px}
.prp .prp-tk-part:hover{background:#ffd23f}
.prp .pr-fl{font-size:12px}
/* ligues */
.prp-lg-s{margin:2px 0 12px;color:var(--mut2,#aab3c8);font-size:13.5px;line-height:1.45}
.prp-lg-l{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.prp-lg-l li{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.prp-lg-n b{display:block;font:800 15px var(--j);color:#fff}.prp-lg-n small{color:var(--mut2,#aab3c8);font-size:12.5px}
.prp-lg-n code{font:800 12.5px ui-monospace,monospace;color:#ffd23f;letter-spacing:.08em}
.prp-lg-a{display:flex;gap:6px;flex-wrap:wrap}
.prp-lg-a button{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:700 12.5px var(--j);cursor:pointer}
.prp-lg-a button:hover{background:rgba(255,255,255,.18)}
.prp-lg-a .prp-lg-q{margin-left:auto;width:34px;padding:0}.prp-lg-a .prp-lg-q2{width:auto;padding:0 12px;background:#dc2626;border-color:#dc2626}
.prp-lg-v{margin:0 0 10px;color:var(--mut2,#aab3c8);font-size:13.5px}
.prp-lg-f{display:flex;gap:6px;margin-top:8px}
.prp-lg-f input{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);color:#fff;font:600 14px var(--j)}
.prp-lg-f input::placeholder{color:#8b94ab}
.prp-lg-f button{flex:none;height:40px;padding:0 14px;border:0;border-radius:12px;background:#ffd23f;color:#1a1300;font:800 13.5px var(--j);cursor:pointer}
.prp-lg-f[data-lg-f=rejoindre] button{background:rgba(255,255,255,.14);color:#fff}
.prp-lg-m{margin:6px 0 0;min-height:1em;color:#fca5a5;font-size:13px}
.prp-cl-lg{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding-bottom:2px}
.prp-cl-lg::-webkit-scrollbar{display:none}
.prp-cl-lg button{flex:none;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#c4cbe0;font:700 12.5px var(--j);cursor:pointer;white-space:nowrap}
.prp-cl-lg button[aria-pressed=true]{background:#ffd23f;border-color:#ffd23f;color:#1a1300}
/* fenêtres de partage */
.prp-sh-i{display:block;width:100%;height:auto;border-radius:14px;margin:6px 0 12px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.prp-sh-b{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.prp-sh-b a,.prp-sh-b button{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:800 13.5px var(--j);text-decoration:none;cursor:pointer}
.prp-sh-b .prp-sh-p,.prp-sh-b .prp-sh-dl{background:#ffd23f;border-color:#ffd23f;color:#1a1300}
.prp-sh-t{margin:6px 0;color:#aab3c8;font-size:13px;line-height:1.45}
.prp-sh-u code{display:block;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.3);color:#ffd23f;font:700 13px ui-monospace,monospace;word-break:break-all}
/* ===================== v9.33 : dates = raccourcis, barre de défilement « ballon » ===================== */
.prp-jour{scroll-margin-top:16px}
html.prp-a-rail{scrollbar-width:none}
html.prp-a-rail::-webkit-scrollbar{display:none}
html.prp-a-rail .prp-up{display:none!important}
.prp-rail{position:fixed;right:4px;top:96px;bottom:96px;z-index:45;width:42px;pointer-events:none}
.prp-rail-t{position:absolute;left:50%;top:0;bottom:0;width:6px;margin-left:-3px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:auto;cursor:pointer;transition:background .2s,width .2s,margin .2s}
.prp-rail:hover .prp-rail-t{width:10px;margin-left:-5px;background:rgba(255,255,255,.16)}
.prp-rail-b{position:absolute;left:0;top:0;width:42px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;border-radius:999px;background:rgba(11,16,32,.62);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto;will-change:transform}
.prp-rail-h,.prp-rail-d{display:grid;place-items:center;width:38px;height:26px;border:0;border-radius:999px;background:none;color:#ffd23f;cursor:pointer;transition:background .15s,transform .15s}
.prp-rail-h svg,.prp-rail-d svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.prp-rail-h:hover,.prp-rail-d:hover{background:rgba(255,210,63,.18)}
.prp-rail-h:hover{transform:translateY(-2px)}.prp-rail-d:hover{transform:translateY(2px)}
.prp-rail-h:focus-visible,.prp-rail-d:focus-visible{outline:2px solid #ffd23f;outline-offset:1px}
.prp-rail-o{display:block;width:38px;height:38px;cursor:grab;touch-action:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
.prp-rail-o svg{display:block;width:100%;height:100%}
.prp-rail-g .prp-rail-o{cursor:grabbing}
.prp-rail-g .prp-rail-b,.prp-rail-b:hover{border-color:rgba(255,210,63,.6);box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 0 3px rgba(255,210,63,.18)}
@media (hover:none),(max-width:700px){
  .prp-rail{right:6px;top:110px;bottom:150px;width:40px}
  .prp-rail-t{opacity:0;transition:opacity .3s}
  .prp-rail-b{width:40px;opacity:.35;transition:opacity .3s}
  .prp-rail-on .prp-rail-b,.prp-rail-g .prp-rail-b{opacity:1}.prp-rail-on .prp-rail-t,.prp-rail-g .prp-rail-t{opacity:1}
  .prp-rail-o{width:32px;height:32px}.prp-rail-h,.prp-rail-d{width:34px;height:24px}
}
@media (prefers-reduced-motion:reduce){.prp-rail-o{transform:none!important}}
@media print{.prp-rail{display:none}}
@media (hover:none),(max-width:700px){.prp-rail-b,.prp-rail-t{pointer-events:none}.prp-rail-on .prp-rail-b,.prp-rail-g .prp-rail-b,.prp-rail-on .prp-rail-t{pointer-events:auto}}
/* ===================== v9.35 : grille des scores sur 3 colonnes (domicile · nul · extérieur) ===================== */
.prp .pr2-rap.pr2-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex-basis:100%;width:100%;margin:2px 0 4px}
.prp .pr2-grille .pr2-gh{padding:0 2px 2px;text-align:center;font:700 11.5px var(--j);color:var(--mut2,#aab3c8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}
.prp .pr2-grille .pr2-gh-on{color:#ffd23f}
.prp .pr2-grille button{min-width:0;width:100%;min-height:40px;padding:0 4px;border-radius:12px;border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#e8ecf6;font:800 15px var(--j);font-variant-numeric:tabular-nums;opacity:.6;transition:opacity .15s,background .15s,border-color .15s,transform .12s}
.prp .pr2-grille button.pr2-ici,.prp .pr2-grille .pr2-au{opacity:1;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.prp .pr2-grille button:hover{opacity:1;border-color:#ffd23f;transform:translateY(-1px)}
.prp .pr2-grille button[aria-pressed=true]{opacity:1;background:#fff;border-color:#fff;color:#0a4fd6}
.prp .pr2-grille .pr2-au{font-size:13px}
@media (max-width:520px){.prp .pr2-grille{gap:6px}.prp .pr2-grille button{min-height:42px;font-size:15px}}
/* ===================== v9.36 : « Mes pronos › En attente » plus lisible ===================== */
.prp .prp-tk-at li{padding:0;grid-template-columns:5px minmax(0,1fr)!important;gap:0}
.prp .prp-tk-at button[data-aller]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 10px 10px 12px}
.prp .prp-tk-m{min-width:0}
.prp .prp-tk-m b{display:block;font:800 14px/1.3 var(--j);color:#fff;white-space:normal;overflow-wrap:anywhere}
.prp .prp-tk-m small{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;font:600 12px var(--j);color:var(--mut2,#aab3c8)}
.prp .prp-tk-live{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:999px;background:rgba(239,68,68,.16);color:#fca5a5;font-weight:800}
.prp .prp-tk-live i{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:prtkp 1.4s ease-in-out infinite}
@keyframes prtkp{50%{opacity:.25}}
.prp .prp-tk-fin{padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.1);color:#e8ecf6;font-weight:800}
.prp .prp-tk-sc{display:inline;font:800 13px var(--j);color:#fff;white-space:nowrap}
.prp .prp-tk-pt{font-weight:800}
.prp .prp-tk-ok3 .prp-tk-pt{color:#4ade80}.prp .prp-tk-ok1 .prp-tk-pt{color:#facc15}.prp .prp-tk-ko .prp-tk-pt{color:#f87171}
.prp .prp-tk-v2{color:#86efac}
.prp .prp-tk-mp{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:108px;padding:6px 8px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);text-align:center}
.prp .prp-tk-mp small{font:700 10px var(--j);letter-spacing:.06em;text-transform:uppercase;color:var(--mut2,#aab3c8)}
.prp .prp-tk-mp em{font:800 19px/1.15 var(--j);font-style:normal;color:#ffd23f;white-space:nowrap;font-variant-numeric:tabular-nums}
.prp .prp-tk-mp i{max-width:100%;font:700 11px/1.2 var(--j);font-style:normal;color:#e8ecf6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prp .prp-tk-ok3 .prp-tk-mp{border-color:#22c55e;box-shadow:inset 0 0 0 1px rgba(34,197,94,.35)}
.prp .prp-tk-ok1 .prp-tk-mp{border-color:#eab308}
.prp .prp-tk-ko .prp-tk-mp{border-color:rgba(239,68,68,.6)}
.prp .prp-tk-jk{background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(109,40,217,.12))!important;box-shadow:inset 0 0 0 1.5px #a78bfa}
.prp .prp-tk-jk:before{background:#a78bfa!important}
.prp .prp-tk-jkb{display:inline-block;margin-right:2px;padding:0 6px;border-radius:999px;background:#8b5cf6;color:#fff;font:800 11px/18px var(--j);vertical-align:1px}
.prp .prp-tk em{white-space:nowrap}
/* ===================== v9.37 : À venir / Validé / Validé + score exact / Raté ===================== */
.prp .prp-tk-av{padding:1px 8px;border-radius:999px;background:rgba(96,165,250,.16);color:#93c5fd;font-weight:800}
.prp .prp-tk-att{flex-basis:100%;color:var(--mut2,#aab3c8);font-weight:600;font-style:italic}
.prp .prp-tk-val{padding:1px 8px;border-radius:999px;background:rgba(234,179,8,.18);color:#fde047;font-weight:800}
.prp .prp-tk-val3{background:rgba(34,197,94,.2);color:#86efac}
.prp .prp-tk-rate{padding:1px 8px;border-radius:999px;background:rgba(239,68,68,.16);color:#fca5a5;font-weight:800}
.prp .prp-tk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 10px 10px 12px}
.prp .prp-tk-part2{margin-top:6px;min-height:30px;padding:0 12px;border:0;border-radius:999px;background:#ffd23f;color:#1a1300;font:800 12px var(--j);cursor:pointer}
.prp .prp-tk-mp{width:118px}
.prp .prp-tk-mp i{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip;line-height:1.2}
.prp .prp-tk-sf{flex-basis:100%;white-space:nowrap}
.prp .prp-tk-m .prp-tk-sc{display:inline}.prp .prp-tk-val,.prp .prp-tk-rate,.prp .prp-tk-av{white-space:nowrap}
/* ===================== v9.38 : cases « Mes pronos » aérées ===================== */
.prp .prp-tk.tk2-l{gap:12px;margin-top:14px}
.prp .prp-tk .tk2{position:relative;display:block;padding:0;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.prp .prp-tk .tk2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.prp .prp-tk .tk2-in{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;padding:14px 16px 14px 18px;cursor:default}
.prp .prp-tk button.tk2-in{cursor:pointer}.prp .prp-tk button.tk2-in:hover{background:rgba(255,255,255,.04)}
.prp .prp-tk button.tk2-in:focus-visible{outline:2px solid #ffd23f;outline-offset:-2px;border-radius:16px}
.prp .tk2-h{display:flex;align-items:center;gap:8px;min-width:0}
.prp .tk2-q{margin-left:auto;font:600 12px var(--j);color:var(--mut2,#aab3c8);white-space:nowrap}
.prp .tk2-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font:800 11.5px var(--j);white-space:nowrap}
.prp .tk2-bleu{background:rgba(96,165,250,.15);color:#93c5fd}
.prp .tk2-gris{background:rgba(255,255,255,.08);color:#d6dbe6}
.prp .tk2-vert{background:rgba(34,197,94,.16);color:#86efac}
.prp .tk2-jaune{background:rgba(234,179,8,.16);color:#fde047}
.prp .tk2-rouge{background:rgba(239,68,68,.15);color:#fca5a5}
.prp .tk2-live{background:rgba(239,68,68,.16);color:#fca5a5}
.prp .tk2-live i{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:prtkp 1.4s ease-in-out infinite}
.prp .tk2-jkb{padding:3px 8px;border-radius:999px;background:#8b5cf6;color:#fff;font:800 11px var(--j)}
.prp .prp-tk .tk2-n{display:block;font:800 16px/1.3 var(--j);color:#fff;white-space:normal;overflow-wrap:anywhere}
.prp .tk2-n span{color:var(--mut2,#aab3c8);font-weight:600}
.prp .tk2-b{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.prp .tk2-mp{display:flex;align-items:baseline;gap:8px;min-width:0}
.prp .tk2-mp small{font:700 10.5px var(--j);letter-spacing:.06em;text-transform:uppercase;color:var(--mut2,#aab3c8)}
.prp .prp-tk .tk2-mp em{font:800 18px var(--j);font-style:normal;color:#ffd23f;white-space:nowrap;font-variant-numeric:tabular-nums}
.prp .tk2-mp i{font:600 12.5px var(--j);font-style:normal;color:#d6dbe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.prp .tk2-r{display:flex;align-items:center;gap:8px;flex:none}
.prp .tk2-sc{display:inline-flex;align-items:baseline;gap:5px;font:800 15px var(--j);color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.prp .tk2-sc small{font:700 10.5px var(--j);text-transform:uppercase;letter-spacing:.06em;color:var(--mut2,#aab3c8)}
.prp .tk2-pts{padding:3px 9px;border-radius:999px;font:800 12px var(--j);white-space:nowrap}
.prp .tk2-pts small{font-weight:600;opacity:.8}
.prp .tk2-p3{background:rgba(34,197,94,.18);color:#86efac}.prp .tk2-p1{background:rgba(234,179,8,.18);color:#fde047}.prp .tk2-p0{background:rgba(239,68,68,.15);color:#fca5a5}
.prp .tk2-ic{font-size:14px}
.prp .tk2-ok3{border-color:rgba(34,197,94,.4)}.prp .tk2-ok1{border-color:rgba(234,179,8,.35)}.prp .tk2-ko{border-color:rgba(239,68,68,.3)}
.prp .prp-tk .tk2-jk{background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(109,40,217,.08));border-color:rgba(167,139,250,.6)}
.prp .tk2-part{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,210,63,.16);cursor:pointer;font-size:15px}
.prp .tk2-part:hover{background:#ffd23f}
.prp .prp-tk .tk2:has(.tk2-part) .tk2-r{margin-right:44px}
@media (max-width:420px){.prp .tk2-b{flex-wrap:wrap}.prp .tk2-r{margin-left:auto}}
.prp .tk2-b{flex-direction:column;align-items:stretch;gap:8px}
.prp .tk2-mp small{white-space:nowrap}
.prp .tk2-r{justify-content:flex-start;gap:10px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.08)}
.prp .tk2-r .tk2-pts{margin-left:auto}
.prp .prp-tk .tk2:has(.tk2-part) .tk2-r{margin-right:0;padding-right:44px}
.prp .tk2-part{bottom:10px}
@media (max-width:420px){.prp .tk2-b{flex-wrap:nowrap}.prp .tk2-r{margin-left:0}}
/* ===================== v9.39 : duel entre amis (style « Live Match ») ===================== */
.prp .pr-cl2 li.pr-duel{cursor:pointer;transition:background .15s,transform .15s}
.prp .pr-cl2 li.pr-duel:hover,.prp .pr-cl2 li.pr-duel:focus-visible{background:rgba(228,242,34,.08);outline:none;transform:translateX(2px)}
.prp .pr-duel-go{margin-left:8px;padding:2px 7px;border-radius:999px;border:1px solid rgba(228,242,34,.6);color:#e4f222;font:800 10px var(--j);letter-spacing:.06em}
.prp .pr-duel-h{margin:10px 2px 0;font:600 12.5px var(--j);color:var(--mut2,#aab3c8)}
html.pdu-ouvert{overflow:hidden}
.pdu{--lime:#e4f222;position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,7,16,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--j,"Plus Jakarta Sans",system-ui,sans-serif)}
.pdu-c{position:relative;isolation:isolate;width:min(420px,100%);max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:22px 20px 24px;border-radius:40px;border:1.5px solid rgba(255,255,255,.28);background:#151a3d;color:#fff;box-shadow:0 40px 90px rgba(0,0,0,.6);transform:translateY(16px) scale(.98);opacity:.6;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s}
.pdu-c::-webkit-scrollbar{display:none}
.pdu.pdu-on .pdu-c{transform:none;opacity:1}
.pdu-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#2a1d6e 0%,#1b2a6b 38%,#14204a 70%,#141a33 100%)}
.pdu-bg i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.85}
.pdu-bg i:nth-child(1){width:70%;height:38%;left:-18%;top:-6%;background:#7c3aed}
.pdu-bg i:nth-child(2){width:60%;height:40%;right:-22%;top:4%;background:#c026d3;opacity:.55}
.pdu-bg i:nth-child(3){width:55%;height:45%;left:22%;top:30%;background:#2563eb;opacity:.7}
.pdu-bg i:nth-child(4){width:60%;height:40%;left:-25%;top:55%;background:#0ea5a4;opacity:.55}
.pdu-top{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;margin-bottom:18px}
.pdu-top h2{margin:0;text-align:center;font:600 21px var(--j);letter-spacing:.01em;color:#fff}
.pdu-rond{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:background .15s}
.pdu-rond:hover{background:rgba(255,255,255,.16)}
.pdu-rond svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pdu-rond:focus-visible,.pdu-cta:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.pdu-vs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.pdu-p{overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#0d1430}
.pdu-ph{position:relative;display:grid;place-items:end center;height:104px;background:radial-gradient(60% 55% at 22% 8%,rgba(186,214,255,.9),transparent 60%),radial-gradient(55% 50% at 82% 4%,rgba(186,214,255,.75),transparent 60%),radial-gradient(90% 70% at 50% 100%,#0b1a5c,transparent 70%),linear-gradient(180deg,#2a4fb8,#0d1a52);overflow:hidden}
.pdu-ph:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 14px,rgba(255,255,255,.07) 14px 16px);mix-blend-mode:screen}
.pdu-av{position:relative;display:grid;place-items:center;width:76px;height:76px;margin-bottom:-6px;border-radius:50% 50% 14px 14px;background:linear-gradient(180deg,hsl(var(--h) 70% 62%),hsl(var(--h) 60% 38%));color:#fff;font:800 26px var(--j);text-shadow:0 2px 6px rgba(0,0,0,.35);box-shadow:0 -6px 24px rgba(0,0,0,.25)}
.pdu-pn{padding:9px 8px 10px;text-align:center;background:linear-gradient(180deg,rgba(10,12,24,.88),rgba(10,12,24,.96))}
.pdu-pn b{display:block;font:700 17px var(--j);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdu-pn small{display:block;margin-top:2px;font:500 11.5px var(--j);color:rgba(255,255,255,.75)}
.pdu-vsr{position:absolute;left:50%;top:44px;transform:translateX(-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:rgba(40,46,110,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--lime);font:700 19px var(--j);z-index:1}
.pdu-t,.pdu-s{border-radius:20px;border:1.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pdu-t{padding:4px 16px;margin-bottom:14px}
.pdu-r{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;min-height:47px;border-bottom:1px solid rgba(255,255,255,.2)}
.pdu-r:last-child{border-bottom:0}
.pdu-r span{text-align:center;font:500 13px var(--j);color:rgba(255,255,255,.88)}
.pdu-r b{font:500 17px var(--j);color:#fff;font-variant-numeric:tabular-nums}.pdu-r b:last-child{text-align:right}
.pdu-r b.pdu-w{color:var(--lime)}
.pdu-s{padding:16px 16px 14px;margin-bottom:14px}
.pdu-s h3{margin:0 0 12px;font:600 18px var(--j);color:#fff}.pdu-s h3 span{color:var(--lime)}
.pdu-sc{display:grid;grid-template-columns:1fr 1fr;gap:0}
.pdu-sc>div{padding-right:12px}.pdu-sc>div+div{padding:0 0 0 16px;border-left:1px solid rgba(255,255,255,.22)}
.pdu-sc b{display:block;margin-bottom:10px;font:600 17px var(--j);color:#fff}.pdu-sc b.pdu-sa{color:var(--lime)}
.pdu-sc p{display:flex;gap:10px;margin:0 0 11px;font:500 13px/1.3 var(--j);color:rgba(255,255,255,.9)}
.pdu-sc p i{font-style:normal;color:var(--lime);font-weight:800}
.pdu-com{margin:4px 0 0;font:500 12px var(--j);color:rgba(255,255,255,.65)}
.pdu-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pdu-l li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:14px;background:rgba(10,12,30,.35);border-left:3px solid var(--c)}
.pdu-l b{display:block;font:600 13.5px var(--j);color:#fff}.pdu-l small{font:500 12px var(--j);color:rgba(255,255,255,.7)}.pdu-l em{font-style:normal;font-weight:800;color:var(--lime)}
.pdu-pt{flex:none;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.1);font:700 12px var(--j);font-style:normal;color:#fff}.pdu-pt-ok{background:var(--lime);color:#14160a}
.pdu-cta{display:block;width:100%;height:54px;border:0;border-radius:999px;background:var(--lime);color:#111;font:600 16px var(--j);cursor:pointer;box-shadow:0 10px 30px rgba(228,242,34,.25);transition:transform .15s}
.pdu-cta:hover{transform:translateY(-1px)}
.pdu-ch{text-align:center;padding:60px 20px}.pdu-err{color:#fca5a5}
@media (max-width:520px){.pdu{padding:0;align-items:stretch}.pdu-c{width:100%;max-height:none;height:100%;border-radius:0;border:0;padding:18px 16px 26px}}
@media (prefers-reduced-motion:reduce){.pdu-c{transition:none}}
.pdu{--j:"TF Jakarta","Plus Jakarta Sans",Inter,system-ui,sans-serif}
.pdu-ph{height:112px;place-items:end center}
.pdu-sil{position:relative;width:118px;height:98px;display:block;filter:drop-shadow(0 -4px 14px rgba(0,0,0,.3))}
.prp .pr-cl2 li.pr-duel{position:relative}.prp .pr-cl2 .pr-duel-go{position:absolute;right:12px;bottom:7px;margin:0;padding:1px 6px;font-size:9px}.prp .pr-cl2 li.pr-duel>b{margin-bottom:10px}
/* v9.40 : signalements */
.pdu-sig{display:block;margin:14px auto 0;padding:6px 12px;border:0;background:none;color:rgba(255,255,255,.6);font:600 12.5px var(--j);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pdu-sig:hover{color:#fff}.pdu-sig:disabled{text-decoration:none;color:#86efac}
.prp .prp-lg-a .prp-lg-s2{width:34px;padding:0;color:rgba(255,255,255,.7)}
.prp .prp-lg-a .prp-lg-s2+.prp-lg-q{margin-left:0}
.prp .prp-lg-a .prp-lg-s2{margin-left:auto}
.pr-verif{margin:6px 0 0;font:600 12.5px var(--j,system-ui);color:#fca5a5;min-height:0}.pr-verif:empty{display:none}

/* ===================== v9.42 : grosses affiches + « Afficher plus » dans Mes pronos ===================== */
.prp .tk3-t{margin:16px 2px 0;font:800 12px var(--j);letter-spacing:.06em;text-transform:uppercase;color:#ffd23f}
.prp .tk3-t2{color:var(--mut2,#aab3c8)}
.prp .prp-tk.tk3-afl{margin-top:8px}
.prp .prp-tk li.tk3-af{background:linear-gradient(135deg,rgba(255,210,63,.13),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,210,63,.45)}
.prp .prp-tk li.tk3-af:before{background:#ffd23f}
.prp .prp-tk .tk2.tk3-af{border-color:rgba(255,210,63,.5);background:linear-gradient(135deg,rgba(255,210,63,.1),rgba(255,255,255,.04))}
.prp .tk3-lg{display:block;margin-bottom:2px;font:800 10.5px var(--j);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:#ffd23f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prp .tk2 .tk3-lg{margin:0}
.prp .tk3-plus{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin-top:10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.05);color:#fff;font:700 13.5px var(--j);cursor:pointer;transition:background .2s,border-color .2s}
.prp .tk3-plus:hover{background:rgba(255,210,63,.14);border-color:#ffd23f}
.prp .tk3-plus:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
.prp .tk3-plus span{padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11.5px}
.prp.prp-verre .tk3-plus{color:var(--gt);border-color:rgba(36,48,61,.15);background:rgba(255,255,255,.5)}
/* v9.43 : texte de connexion lisible partout (il était blanc sur fond clair dans la fenêtre « valider mes pronos ») */
.pr-login{color:#061540}.pr-login a{color:#075be6}
.pr-feuille .pr-login{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#e8edf7}
.pr-feuille .pr-login b{color:#fff}.pr-feuille .pr-login a{color:#ffd23f}
.pr-feuille .pr-login .pr-lmsg{color:#d6dbe6}

/* ===================== v9.44 : classement général façon « tableau de ligue » ===================== */
.prp-cl .cl3{margin-top:10px;border-radius:16px;overflow:hidden;border:1px solid rgba(31,224,106,.35);background:#1c1f1d;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 20px 40px -24px rgba(31,224,106,.35)}
.prp-cl .cl3-h,.prp-cl .cl3-l{display:grid;grid-template-columns:40px 40px minmax(0,1fr) 46px 46px 74px;align-items:center;column-gap:8px}
.prp-cl .cl3-h{padding:10px 12px 8px;font:800 10px var(--j);letter-spacing:.09em;text-transform:uppercase;color:#8c968f;background:linear-gradient(180deg,#232825,#1c1f1d)}
.prp-cl .cl3-h>span{text-align:center}.prp-cl .cl3-hj{grid-column:1/4;text-align:left!important;padding-left:4px}
.prp-cl .cl3-ht{justify-self:stretch;padding:5px 0 7px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#2d6b45,#1b4a2e);color:#dfffe9;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}
.prp-cl .cl3-l{position:relative;min-height:64px;padding:8px 12px;background:#202321;isolation:isolate}
.prp-cl .cl3-l:nth-child(odd){background:#262a27}
.prp-cl .cl3-l:after{content:"";position:absolute;inset:0 0 0 auto;width:42%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(34,211,238,.18) 60%,rgba(139,92,246,.42));pointer-events:none}
.prp-cl .cl3-p1:after{background:linear-gradient(90deg,transparent,rgba(245,197,24,.22) 55%,rgba(245,197,24,.6))}
.prp-cl .cl3-p2:after{background:linear-gradient(90deg,transparent,rgba(201,209,220,.18) 55%,rgba(201,209,220,.5))}
.prp-cl .cl3-p3:after{background:linear-gradient(90deg,transparent,rgba(224,138,74,.2) 55%,rgba(224,138,74,.55))}
.prp-cl .cl3-l.pr-moi{box-shadow:inset 3px 0 0 #1fe06a,inset 0 0 0 1px rgba(31,224,106,.45)}
.prp-cl .cl3-r{display:grid;place-items:center}
.prp-cl .cl3-r>b{font:900 italic 24px/1 var(--j);color:#fff;letter-spacing:-.04em;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.prp-cl .cl3-med{position:relative;display:grid;place-items:center;width:32px;height:36px;font-style:normal;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#fff3b0,#f5c518 45%,#a7780a);filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.prp-cl .cl3-med:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(160deg,#ffe58a,#d8a514)}
.prp-cl .cl3-med b{position:relative;font:900 15px var(--j);color:#4a3300}
.prp-cl .cl3-p2 .cl3-med{background:linear-gradient(160deg,#fff,#c9d1dc 45%,#7d8794)}.prp-cl .cl3-p2 .cl3-med:before{background:linear-gradient(160deg,#eef2f7,#aab4c2)}.prp-cl .cl3-p2 .cl3-med b{color:#28303b}
.prp-cl .cl3-p3 .cl3-med{background:linear-gradient(160deg,#ffd0a8,#e08a4a 45%,#8d4a1b)}.prp-cl .cl3-p3 .cl3-med:before{background:linear-gradient(160deg,#f3b07c,#c46e2f)}.prp-cl .cl3-p3 .cl3-med b{color:#3a1a05}
.prp-cl .cl3-av{width:34px;height:34px;justify-self:center;transform:rotate(45deg);border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--h) 70% 55%),hsl(calc(var(--h) + 50) 70% 38%));box-shadow:0 0 0 2px #121513,0 0 0 3px rgba(255,255,255,.18)}
.prp-cl .cl3-av i{transform:rotate(-45deg);font:800 12px var(--j);font-style:normal;color:#fff}
.prp-cl .cl3-n{min-width:0}
.prp-cl .cl3-n b{display:block;font:800 15px var(--j);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prp-cl .cl3-n small{display:block;margin-top:2px;font:600 11.5px var(--j);color:#97a19a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prp-cl .cl3-c{text-align:center;font:700 15px var(--j);color:#e6ebe8;font-variant-numeric:tabular-nums}
.prp-cl .cl3-t{text-align:right;font:900 22px/1 var(--j);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.prp-cl .cl3-t small{margin-left:2px;font:700 10px var(--j);color:rgba(255,255,255,.75)}
.prp-cl .cl3-lg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);font:600 11px var(--j);color:#8c968f}
.prp-cl .cl3{container-type:inline-size}
@container (max-width:460px){
  .prp-cl .cl3-h,.prp-cl .cl3-l{grid-template-columns:30px 30px minmax(0,1fr) 38px 60px;column-gap:7px;padding-left:9px;padding-right:10px}
  .prp-cl .cl3-b{display:none}
  .prp-cl .cl3-av{width:24px;height:24px;border-radius:6px}.prp-cl .cl3-av i{font-size:9.5px}
  .prp-cl .cl3-r>b{font-size:19px}.prp-cl .cl3-med{width:26px;height:30px}.prp-cl .cl3-med b{font-size:13px}
  .prp-cl .cl3-n b{font-size:14px}.prp-cl .cl3-n small{font-size:11px}.prp-cl .cl3-c{font-size:14px}.prp-cl .cl3-t{font-size:20px}
  .prp-cl .cl3-h{font-size:9px;letter-spacing:.06em}.prp-cl .cl3-l{min-height:56px}
}

/* ===================== v9.45 : classement en direct ===================== */
.prp-cl-st.prp-cl-live{color:#d6f5e0}.prp-cl-st.prp-cl-live b{color:#ff5a5a;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.prp-cl-st.prp-cl-live i{background:#ff3b3b;box-shadow:0 0 0 0 rgba(255,59,59,.6);animation:clLive 1.6s ease-out infinite}
@keyframes clLive{0%{box-shadow:0 0 0 0 rgba(255,59,59,.6)}100%{box-shadow:0 0 0 9px rgba(255,59,59,0)}}
.cl-mv{display:inline-block;margin-left:4px;padding:1px 5px;border-radius:999px;font:800 10px var(--j);vertical-align:2px}
.cl-mv:empty{display:none}
.cl-mv-up{background:rgba(31,224,106,.18);color:#4ef08f}.cl-mv-dn{background:rgba(255,90,90,.16);color:#ff8a8a}
.cl-prov{color:#ff7a7a;font-weight:700}
.prp-cl [data-ps]{will-change:transform}
.prp-cl .cl-monte{animation:clMonte 2.2s ease-out}.prp-cl .cl-descend{animation:clDesc 2.2s ease-out}
@keyframes clMonte{0%,40%{box-shadow:inset 0 0 0 2px rgba(31,224,106,.85),0 0 22px rgba(31,224,106,.35)}100%{box-shadow:none}}
@keyframes clDesc{0%,40%{box-shadow:inset 0 0 0 2px rgba(255,90,90,.7)}100%{box-shadow:none}}
.cl-pop{position:absolute;right:14px;top:4px;z-index:3;padding:2px 7px;border-radius:999px;background:#1fe06a;color:#04230f;font:900 11px var(--j);pointer-events:none;animation:clPop 2.6s ease-out forwards}
@keyframes clPop{0%{opacity:0;transform:translateY(6px) scale(.8)}15%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.prp-cl .cl-monte,.prp-cl .cl-descend,.cl-pop,.prp-cl-st.prp-cl-live i{animation:none}}
.prp-cl .cl3-n b{display:flex;align-items:center;gap:5px;min-width:0}
.prp-cl .cl3-ps{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prp-cl .cl3-n b>.pr-toi,.prp-cl .cl3-n b>[data-mv]{flex:none}.prp-cl .cl3-n .cl-mv{margin-left:0;vertical-align:0}
.prp-cl-st>span{min-width:0}.prp-cl-st i{flex:none}
.prp-cl .cl3-n .pr-toi{padding:1px 5px;font-size:9px;line-height:1.3;margin:0}
.prp-cl .cl3-ps{flex:0 1 auto;min-width:3.6em}


.jx-rej{position:fixed;left:12px;bottom:84px;z-index:96;padding:10px 16px;border:0;border-radius:999px;background:#8b5cf6;color:#fff;font:800 13px "TF Jakarta",system-ui,sans-serif;box-shadow:0 8px 20px rgba(0,0,0,.45);cursor:pointer}
/* ===================== v9.46 : célébration « Joker activé » ===================== */
.cel{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(3,6,10,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .25s,backdrop-filter .25s,-webkit-backdrop-filter .25s,opacity .35s;cursor:pointer}
.cel.cel-in{background:rgba(3,6,10,.66);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.cel.cel-out{opacity:0}
.cel-c{position:relative;display:grid;justify-items:center;width:min(420px,92vw)}
.cel-i{position:relative;z-index:1;width:100%;height:auto;overflow:visible;transform:scale(.55);opacity:0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}
.cel-in .cel-i{animation:celPop .7s cubic-bezier(.2,.9,.3,1.35) .08s forwards}
@keyframes celPop{0%{transform:scale(.55) rotate(-6deg);opacity:0}60%{transform:scale(1.08) rotate(1deg);opacity:1}100%{transform:none;opacity:1}}
.cel-ray{position:absolute;left:50%;top:44%;width:150%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;opacity:0;
  background:repeating-conic-gradient(from 0deg,rgba(57,255,106,.28) 0deg 7deg,transparent 7deg 22deg);
  -webkit-mask:radial-gradient(closest-side,#000 18%,rgba(0,0,0,.6) 45%,transparent 72%);mask:radial-gradient(closest-side,#000 18%,rgba(0,0,0,.6) 45%,transparent 72%)}
.cel-in .cel-ray{animation:celRayIn .5s ease-out .15s forwards,celRay 14s linear infinite}
@keyframes celRayIn{to{opacity:1}}@keyframes celRay{to{rotate:360deg}}
.cel-neon{stroke-dasharray:70 260;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #39ff6a)}
.cel-in .cel-neon{animation:celNeonOn .15s .75s forwards,celNeon 1.4s linear .75s infinite}
@keyframes celNeonOn{to{opacity:1}}@keyframes celNeon{to{stroke-dashoffset:-330}}
@keyframes celFlick{0%,100%{opacity:1}12%{opacity:.35}14%{opacity:1}47%{opacity:.6}49%{opacity:1}78%{opacity:.4}80%{opacity:1}}
.cel-carte{transform-box:fill-box;transform-origin:center}
.cel-in .cel-carte{animation:celCarte 2.4s ease-in-out .7s infinite}
@keyframes celCarte{0%,100%{translate:0 0}50%{translate:0 -6px}}
.cel-s{position:relative;z-index:1;margin:6px 0 0;max-width:34ch;text-align:center;font:700 15px/1.45 var(--j,inherit);color:#fff;opacity:0;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.cel-x{position:relative;z-index:1;margin-top:14px;min-height:42px;padding:0 22px;border:0;border-radius:999px;background:#ffd23f;color:#1a1300;font:800 14px var(--j,inherit);cursor:pointer;opacity:0}
.cel-x:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cel-in .cel-s,.cel-in .cel-x{animation:celRayIn .4s ease-out .6s forwards}
.cel-calme .cel-i,.cel-calme .cel-neon,.cel-calme .cel-neon-b,.cel-calme .cel-s,.cel-calme .cel-x,.cel-calme .cel-ray{animation:none!important;opacity:1;transform:none}
.cel-calme .cel-ray{opacity:.6}
/* ===================== v9.53 : mobile « chambre bien rangée » ===================== */
/* journées : titre + nombre de matchs ; compétitions rangées dans chaque journée */
.prp-h2{display:flex;align-items:baseline;gap:10px}
.prp-h2n{font:600 13px var(--j);color:var(--mut2,#aab3c8);letter-spacing:0}
.prp-cg{display:contents}
.prp-cgh{display:flex;align-items:center;gap:8px;margin:14px 2px 2px;font:800 12px var(--j);letter-spacing:.08em;text-transform:uppercase;color:#cdd5e6}
.prp-cgh i{width:10px;height:10px;border-radius:3px;flex:none}
.prp-cgh span{margin-left:auto;padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#aab3c8;font-size:11px;letter-spacing:0}
.prp-cg:not(:has(.prc:not([hidden]))){display:none}
.prp-jour:not(:has(.prc:not([hidden]))){display:none}
/* barre du bas : la navigation n’apparaît que sur mobile */
.prp-dk-nav{display:none}
.prp-dk-c{display:flex;align-items:center;gap:12px;min-width:0}
.prp-dk-c:empty{display:none}
.prp-dock-vide{display:none}
.prp-dock .prp-dk-k{color:var(--mut2,#aab3c8);font-weight:600}
@media (max-width:700px){
  /* en-tête plus compact */
  .prp .prp-tete h1{font-size:40px;line-height:1.02}
  .prp .prp-tete .prp-s{font-size:15px;line-height:1.45;margin-top:6px}
  .prp .prp-gratuit{font-size:13px;line-height:1.45;padding:10px 12px;margin-top:10px}
  /* filtres : une seule rangée qui défile, au lieu de 4 lignes en vrac */
  .prp .prp-ch{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:2px -16px 6px;padding:2px 16px 6px;scroll-snap-type:x proximity;scrollbar-width:none;
    -webkit-mask:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent);mask:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent)}
  .prp .prp-ch::-webkit-scrollbar{display:none}
  .prp .prp-ch button{flex:none;scroll-snap-align:start;min-height:38px;padding:0 13px;font-size:14px;white-space:nowrap}
  /* titres de journée qui restent visibles pendant le défilement */
  .prp .prp-jour>.prp-h2{position:sticky;top:0;z-index:6;margin:10px -16px 0;padding:10px 16px 8px;background:linear-gradient(rgba(8,11,22,.94),rgba(8,11,22,.86));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
  .prp .prp-cgh{margin:16px 0 4px}
  /* plus de barre-ballon par-dessus les cartes : elle passe dans la barre du bas */
  .prp-rail{display:none!important}
  .prp-dock{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));transform:none;width:auto;max-width:none;gap:8px;padding:6px 6px 6px 6px;border-radius:999px}
  .prp-dock.prp-dock-vide{display:flex;left:auto}
  .prp-dk-nav{display:flex;align-items:center;flex:none;gap:0;padding:2px;border-radius:999px;background:rgba(255,255,255,.06)}
  .prp-dk-nav button{display:grid;place-items:center;width:34px;height:40px;border:0;border-radius:999px;background:none;color:#ffd23f;cursor:pointer;min-height:0;padding:0}
  .prp-dk-nav button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
  .prp-dk-nav .prp-dk-o{width:40px;height:40px;padding:3px;background:conic-gradient(#ffd23f var(--f,0deg),rgba(255,255,255,.12) 0)}
  .prp-dk-nav .prp-dk-o svg{width:100%;height:100%;fill:initial;stroke:none;border-radius:50%;background:#0b1020}
  .prp-dk-c{flex:1;gap:8px}
  .prp-dk-c>span{display:flex;flex-direction:column;min-width:0;line-height:1.2;font-size:13px}
  .prp-dk-c>span b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .prp-dk-c span .prp-dk-k{font-size:11px}
  .prp-dk-c span small[data-cd-ko]{font-size:11px}
  .prp-dk-c button{min-height:40px;padding:0 14px;font-size:13px}
  .prp{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}
.prp-dock .prp-dk-c button .prp-dk-m{display:none}.prp-dock .prp-dk-c button span{display:inline}
@media (max-width:700px){.prp-dock .prp-dk-c button .prp-dk-l{display:none}.prp-dock .prp-dk-c button .prp-dk-m{display:inline}.prp-dk-c button{padding:0 16px}.prp-dk-c span .prp-dk-k{display:none}.prp-dk-c span b{font-size:13.5px}}
/* v9.54 : bouton « Classement général » */
.prp-go-cl{display:flex;align-items:center;gap:12px;margin:12px 0 4px;padding:12px 14px;border-radius:16px;text-decoration:none;color:#fff;
  background:linear-gradient(100deg,rgba(31,224,106,.16),rgba(20,26,46,.85) 60%);border:1.5px solid rgba(31,224,106,.45);box-shadow:0 10px 24px -14px rgba(31,224,106,.6);transition:transform .15s,border-color .15s}
.prp-go-cl:hover{transform:translateY(-1px);border-color:#1fe06a}
.prp-go-cl:focus-visible{outline:2px solid #1fe06a;outline-offset:2px}
.prp-go-i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:rgba(31,224,106,.18);font-size:20px}
.prp-go-t{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.prp-go-t b{font:800 15.5px var(--j)}.prp-go-t small{font:600 12.5px var(--j);color:#9fe8bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prp-go-f{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1fe06a;color:#04230f;font:900 17px var(--j)}
.prp-cl{scroll-margin-top:12px}
/* v9.55 : réduire une compétition, boutons « Haut » */
.prp-cgr{margin-left:8px;min-height:30px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#e8ecf6;font:700 12px var(--j);letter-spacing:0;text-transform:none;cursor:pointer;transition:background .15s,border-color .15s}
.prp-cgr:hover{background:rgba(255,255,255,.12)}
.prp-cgr:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
.prp-cgr[aria-expanded=false]{background:#ffd23f;border-color:#ffd23f;color:#1a1300}
.prp-cg-ferme>.prc{display:none!important}
.prp-cg-ferme>.prp-cgh{margin-bottom:6px}
.prp-tk-h:has(.prp-haut){display:flex;align-items:center;justify-content:space-between;gap:10px}
.prp-haut{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:0 12px 0 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#ffd23f;font:700 12.5px var(--j);cursor:pointer}
.prp-haut svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.prp-haut:hover{background:rgba(255,210,63,.14);border-color:rgba(255,210,63,.5)}
.prp-haut:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
/* v9.56 : néon continu qui épouse chaque lettre, + reflet lumineux qui en fait le tour */
.cel-neon-b{opacity:0;filter:drop-shadow(0 0 2px #39ff6a) drop-shadow(0 0 7px rgba(57,255,106,.75))}
.cel-in .cel-neon-b{animation:celNeonOn .15s .7s forwards,celBuzz 1.8s steps(1) .85s infinite}
@keyframes celBuzz{0%,100%{opacity:1}11%{opacity:.7}13%{opacity:1}52%{opacity:.82}54%{opacity:1}}
.cel-calme .cel-neon{opacity:0}
/* v9.59 : bouton « Modifier mes pronos » */
.prp-go-cl+.prp-go-mp{margin-top:8px}
.prp-go-mp{background:linear-gradient(100deg,rgba(255,210,63,.16),rgba(20,26,46,.85) 60%);border-color:rgba(255,210,63,.5);box-shadow:0 10px 24px -14px rgba(255,210,63,.55)}
.prp-go-mp:hover{border-color:#ffd23f}.prp-go-mp:focus-visible{outline-color:#ffd23f}
.prp-go-mp .prp-go-i{background:rgba(255,210,63,.18)}.prp-go-mp .prp-go-t small{color:#ffe28a}
.prp-go-mp .prp-go-f{background:#ffd23f;color:#1a1300}
#prp-ticket{scroll-margin-top:12px}
/* ===================== v9.60 : boutons « pilule lumineuse » (taches de couleur qui bougent dans du jaune) ===================== */
.prp .prp-go-cl{position:relative;isolation:isolate;overflow:hidden;gap:10px;padding:10px 10px 10px 14px;border-radius:999px;border:2px solid rgba(255,248,170,.9);
  background:#f4dd3c;box-shadow:0 0 0 1px rgba(255,236,120,.35),0 0 18px rgba(255,226,70,.55),0 0 42px rgba(255,200,40,.25);color:#fff}
.prp .prp-go-cl:before{content:"";position:absolute;inset:-40% -20%;z-index:-2;filter:blur(14px);
  background:radial-gradient(28% 70% at 20% 50%,var(--b1),transparent 70%),radial-gradient(26% 80% at 50% 45%,var(--b2),transparent 70%),radial-gradient(30% 70% at 78% 55%,var(--b3),transparent 70%),radial-gradient(24% 60% at 62% 30%,var(--b4),transparent 70%);
  background-size:180% 100%,160% 100%,170% 100%,150% 100%;animation:goBl 7s ease-in-out infinite alternate}
.prp .prp-go-cl:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(120% 140% at 50% 50%,transparent 55%,rgba(255,248,170,.75) 100%),linear-gradient(rgba(255,255,255,.28),transparent 45%)}
@keyframes goBl{0%{background-position:0% 50%,100% 50%,50% 50%,20% 50%}33%{background-position:70% 40%,20% 60%,90% 50%,60% 40%}66%{background-position:30% 60%,80% 40%,10% 55%,100% 60%}100%{background-position:100% 50%,0% 50%,60% 45%,40% 50%}}
.prp .prp-go-cl{--b1:#9b6bd6;--b2:#ff7a1a;--b3:#e02bb5;--b4:#c99bdc}
.prp .prp-go-mp{--b1:#e02bb5;--b2:#ff8a00;--b3:#8b6cf0;--b4:#ff4f9a;animation-delay:-3s}
.prp .prp-go-mp:before{animation-delay:-3.5s;animation-direction:alternate-reverse}
.prp .prp-go-cl:hover{transform:translateY(-1px) scale(1.01);border-color:#fff8b0;box-shadow:0 0 0 1px rgba(255,236,120,.5),0 0 24px rgba(255,226,70,.75),0 0 52px rgba(255,200,40,.35)}
.prp .prp-go-cl:focus-visible{outline:3px solid #fff;outline-offset:3px}
.prp .prp-go-cl .prp-go-i{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.prp .prp-go-cl .prp-go-t b{color:#fff;text-shadow:0 1px 2px rgba(80,20,90,.55),0 0 10px rgba(120,30,120,.35)}
.prp .prp-go-cl .prp-go-t small{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(80,20,90,.6)}
.prp .prp-go-cl .prp-go-f{background:rgba(255,255,255,.92);color:#5b1a6b;box-shadow:0 2px 8px rgba(80,20,90,.3)}
@media (prefers-reduced-motion:reduce){.prp .prp-go-cl:before{animation:none}}
/* v9.61 : même effet pilule, mais avec les couleurs d’origine (vert pour le classement, jaune pour mes pronos) */
.prp .prp-go-cl{--bg:#0f1d18;--bd:rgba(31,224,106,.85);--gl:rgba(31,224,106,.5);--gl2:rgba(31,224,106,.22);--rim:rgba(31,224,106,.55);
  --b1:#1fe06a;--b2:#0e7a4a;--b3:#38f0a0;--b4:#0b3d2a;background:var(--bg);border-color:var(--bd);
  box-shadow:0 0 0 1px var(--gl2),0 0 18px var(--gl),0 0 42px var(--gl2)}
.prp .prp-go-mp{--bg:#1d1806;--bd:rgba(255,210,63,.9);--gl:rgba(255,210,63,.5);--gl2:rgba(255,190,40,.22);--rim:rgba(255,210,63,.55);
  --b1:#ffd23f;--b2:#b8860b;--b3:#ffe58a;--b4:#5a4200}
.prp .prp-go-cl:before{opacity:.75}
.prp .prp-go-cl:after{background:radial-gradient(120% 140% at 50% 50%,transparent 55%,var(--rim) 100%),linear-gradient(rgba(255,255,255,.14),transparent 45%)}
.prp .prp-go-cl:hover{border-color:var(--bd);box-shadow:0 0 0 1px var(--gl2),0 0 26px var(--gl),0 0 54px var(--gl2)}
.prp .prp-go-cl .prp-go-t b,.prp .prp-go-cl .prp-go-t small{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.prp .prp-go-cl .prp-go-i{background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1.5px var(--rim)}
.prp .prp-go-cl .prp-go-f{background:#1fe06a;color:#04230f}
.prp .prp-go-mp .prp-go-f{background:#ffd23f;color:#1a1300}
/* v9.62 : « Modifier mes pronos » en rose et violet électrique */
.prp .prp-go-mp{--bg:#1a0826;--bd:rgba(255,64,200,.9);--gl:rgba(236,72,255,.55);--gl2:rgba(140,60,255,.28);--rim:rgba(255,80,210,.55);
  --b1:#ff2bd6;--b2:#7c3aed;--b3:#ff6ad5;--b4:#3b0a7a}
.prp .prp-go-mp .prp-go-f{background:linear-gradient(135deg,#ff2bd6,#8b5cf6);color:#fff}
/* v9.63 : l’effet reste strictement dans la pilule (Safari iOS ne rogne pas un calque flouté par l’arrondi du parent) */
.prp .prp-go-cl:before{inset:0;border-radius:inherit;filter:none;clip-path:inset(0 round 999px);
  background:radial-gradient(40% 120% at 20% 50%,var(--b1),transparent 72%),radial-gradient(36% 130% at 50% 45%,var(--b2),transparent 72%),radial-gradient(40% 120% at 80% 55%,var(--b3),transparent 72%),radial-gradient(32% 110% at 62% 30%,var(--b4),transparent 72%);
  background-size:200% 100%,180% 100%,190% 100%,170% 100%}
.prp .prp-go-cl:after{clip-path:inset(0 round 999px)}
.prp .prp-go-cl{overflow:hidden;box-shadow:0 0 0 1px var(--gl2),0 0 14px -2px var(--gl),0 6px 18px -8px var(--gl)}
.prp .prp-go-cl:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--gl2),0 0 20px -2px var(--gl),0 8px 22px -8px var(--gl)}
/* v9.64 : onglet « Terminés » — cases vertes si validé, rouges si raté */
.prp .prp-tk .tk2.tk2-gagne{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.07));border-color:rgba(34,197,94,.55)}
.prp .prp-tk .tk2.tk2-rate{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.07));border-color:rgba(239,68,68,.55)}
.prp .prp-tk .tk2.tk2-gagne .tk2-b{border-top-color:rgba(34,197,94,.3)}.prp .prp-tk .tk2.tk2-rate .tk2-b{border-top-color:rgba(239,68,68,.3)}
.prp .tk2-sc small{white-space:nowrap}
/* v9.65 : plus de chevauchement en bas des cases (résultat, points, dé, bouton partager) */
.prp .tk2-r{flex-wrap:wrap;row-gap:6px;min-width:0}
.prp .tk2-r>*{flex:none}
.prp .prp-tk .tk2:has(.tk2-part) .tk2-r{padding-right:48px;min-height:34px}
.prp .tk2-part{bottom:12px;right:12px;z-index:2}
.prp .tk2-h{flex-wrap:wrap;row-gap:6px}
.prp .tk2-q{margin-left:auto}
@media (max-width:360px){.prp .prp-tk-o button{font-size:11.5px;padding:0 4px}.prp .prp-tk-o button span{margin-left:1px;padding:0 4px}}
/* v9.66 : « Mes pronos » rangés par jour, pastille calendrier */
.prp .tk4-j{display:flex;align-items:center;gap:10px;margin:16px 0 0}
.prp .tk3-t2+.tk4-j{margin-top:8px}
.prp .tk4-cal{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:52px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);line-height:1}
.prp .tk4-cal small{font:700 9.5px var(--j);text-transform:uppercase;letter-spacing:.04em;color:#aab3c8}
.prp .tk4-cal b{margin:2px 0;font:800 19px/1 var(--j);color:#fff}
.prp .tk4-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.prp .tk4-t b{font:800 14.5px var(--j);color:#fff}
.prp .tk4-t small{font:600 12px var(--j);color:#aab3c8}
.prp .tk4-j+.prp-tk{margin-top:8px}
/* v9.67 : jours séparés d’un trait fin, « Voir + » / « Voir − » */
.prp .tk4-j{padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.prp .tk3-t2+.tk4-j,.prp .tk3-afl+.tk4-j{border-top:0;padding-top:0}
.prp .tk3-vm{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.prp .tk3-vm .tk3-plus{flex:1;margin-top:0}
.prp .tk3-moins{color:#cdd5e6}
/* v9.68 : flèche « remonter » discrète, à droite */
.prp-mt{position:fixed;right:12px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:44;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;
  background:rgba(11,16,32,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:rgba(255,255,255,.9);cursor:pointer;
  opacity:0;transform:translateY(10px) scale(.9);pointer-events:none;transition:opacity .25s,transform .25s}
.prp-mt svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prp-mt.prp-mt-on{opacity:1;transform:none;pointer-events:auto}
.prp-mt:active{transform:scale(.92)}
.prp-mt:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
@media (min-width:701px){.prp-mt{display:none}}
@media (prefers-reduced-motion:reduce){.prp-mt{transition:none}}
/* v9.69 : les conforts du mobile aussi sur ordinateur */
@media (min-width:701px){
  /* titre de journée collé en haut pendant le défilement */
  .prp .prp-jour>.prp-h2{position:sticky;top:0;z-index:6;margin:14px -10px 0;padding:10px 10px 8px;border-radius:0 0 12px 12px;background:linear-gradient(rgba(8,11,22,.94),rgba(8,11,22,.86));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
  /* flèche « remonter » intelligente : à gauche de la barre au ballon */
  .prp-mt{display:grid;right:62px;bottom:24px}
}

/* v9.78 : profil d’un joueur */
.prp .pf-ok{cursor:pointer;transition:filter .15s}.prp .cl3-l.pf-ok:hover{filter:brightness(1.12)}.prp .pf-ok:focus-visible{outline:2px solid #e4f222;outline-offset:-2px}
.ppf-hero{position:relative;display:flex;align-items:center;gap:14px;margin:6px 0 14px}
.ppf-av{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:linear-gradient(160deg,hsl(var(--h) 75% 62%),hsl(var(--h) 65% 32%));box-shadow:0 0 0 3px rgba(255,255,255,.12),0 8px 22px -8px hsl(var(--h) 70% 40%);font:800 22px/1 Inter,sans-serif;color:#fff}
.ppf-n{display:flex;align-items:center;gap:8px;font:800 21px/1.1 Inter,sans-serif;color:#fff;word-break:break-word}
.ppf-rg{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ppf-rg span{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);font:800 14px/1 Inter,sans-serif;color:#e4f222}.ppf-rg em{font:600 10.5px/1 Inter,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#aab3c7}.ppf-rg small{font-weight:600;font-size:11px;color:#8b94ab}
.ppf-g{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.ppf-g div{padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.06);text-align:center}.ppf-g b{display:block;font:800 19px/1.1 Inter,sans-serif;color:#fff}.ppf-g span{display:block;margin-top:4px;font:600 10px/1.2 Inter,sans-serif;color:#aab3c7}
.ppf-f p{display:flex;align-items:center;gap:8px;margin:6px 0;font:600 13.5px/1.3 Inter,sans-serif;color:#e8ecf7}.ppf-f i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#22c55e;font-style:normal;font-size:11px;color:#06130a}
@media (max-width:380px){.ppf-g{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v9.79 : « Mon historique » (pilule bleu électrique) et fenêtre de l’historique */
.prp .prp-go-hi{--bg:#06162b;--bd:rgba(56,189,248,.9);--gl:rgba(56,189,248,.5);--gl2:rgba(37,99,235,.28);--rim:rgba(56,189,248,.55);--b1:#38bdf8;--b2:#1d4ed8;--b3:#67e8f9;--b4:#0b2a6b;margin-top:8px;animation-delay:-5s}
.prp .prp-go-hi .prp-go-f{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff}
.phi-vide{visibility:hidden}
.phi-g{margin-top:6px}
.phi-dl{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}.phi-dl button{padding:11px 10px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);font:700 14px/1 Inter,sans-serif;color:#fff;cursor:pointer}.phi-dl button:hover{background:rgba(255,255,255,.14)}.phi-dl button:focus-visible{outline:2px solid #e4f222;outline-offset:2px}
.phi-f{position:relative;display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.phi-f button{padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;font:700 12.5px/1 Inter,sans-serif;color:#dfe5f5;cursor:pointer}.phi-f button[aria-pressed="true"]{background:#e4f222;border-color:#e4f222;color:#111}
.phi-q{position:relative;display:block;margin-bottom:12px}.phi-q input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(0,0,0,.25);font:500 14px Inter,sans-serif;color:#fff}.phi-q input::placeholder{color:#8b94ab}
.phi-s{max-height:none}.phi-j{position:relative;margin:12px 0 6px;font:800 12px/1.2 Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#aab3c7}.phi-j:first-child{margin-top:0}

/* v9.91 : « Valider ce résultat » — gros bouton à droite sous le score */
.pr2-etat:has(.pr2-val){display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;margin-top:8px}
.pr2-sel{min-width:0}
.pr2-etat .pr2-val{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:12px;background:linear-gradient(180deg,#ffe066,#ffc21a);color:#14183a;font:800 15px var(--j);letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:0 0 0 1px rgba(255,210,63,.55),0 8px 22px -6px rgba(255,194,26,.65);animation:pr2-val-pulse 2.2s ease-in-out infinite;transition:transform .15s ease,filter .15s ease}
.pr2-etat .pr2-val:hover{transform:translateY(-1px);filter:brightness(1.05)}
.pr2-etat .pr2-val:focus-visible{outline:3px solid #fff;outline-offset:2px}
.pr2-etat .pr2-val:disabled{opacity:.7;cursor:wait;animation:none}
@keyframes pr2-val-pulse{0%,100%{box-shadow:0 0 0 1px rgba(255,210,63,.55),0 8px 22px -6px rgba(255,194,26,.65)}50%{box-shadow:0 0 0 4px rgba(255,210,63,.22),0 10px 26px -6px rgba(255,194,26,.85)}}
@media (prefers-reduced-motion:reduce){.pr2-etat .pr2-val{animation:none}}
@media (max-width:520px){.pr2-etat .pr2-val{flex:1 1 100%;justify-content:center}}

/* v9.93 : « Modifier » à droite du joker, dans le bleu de la carte (comme « Ton choix ») */
.prc-pied button.prc-mod,.prp.prp-verre .prc-pied button.prc-mod,.prp.prp-vs .prc-pied button.prc-mod{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid rgba(147,180,255,.75);border-radius:999px;background:linear-gradient(180deg,#3d7bff,#2453d6);color:#fff;font:700 12.5px var(--j);cursor:pointer;box-shadow:0 0 0 3px rgba(61,123,255,.18),0 6px 16px -6px rgba(36,83,214,.75);transition:filter .15s ease,transform .15s ease}
.prc-pied button.prc-mod:hover{filter:brightness(1.1);transform:translateY(-1px)}
.prc-pied .prc-mod:focus-visible{outline:3px solid #fff;outline-offset:2px}
.prc-pied .prc-mod[hidden]{display:none}

/* ===== v9.94 : refonte « pro » de la page Pronos (étape 1 : matchs en lignes, logos, coupon, stats sobres) ===== */
/* fond : on garde les étoiles, on retire les projecteurs et le halo */
.prp .prp-lum>i,.prp .prp-lum>b{display:none}
/* logos des clubs */
.prc-lg{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.prc-ph .prc-lg{width:60px;height:60px}
/* trois barres néon → bande de 3 cases sobres */
.prp .prp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:2px 0 6px}
.prp.prp-vs .prp-stats .prp-go-cl,.prp .prp-stats .prp-go-cl{margin:0;min-height:62px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(18,26,61,.82);box-shadow:none;animation:none;transform:none;gap:10px}
.prp .prp-stats .prp-go-cl:after,.prp .prp-stats .prp-go-cl:before{display:none}
.prp .prp-stats .prp-go-cl:hover{border-color:rgba(255,210,63,.5);background:rgba(24,33,74,.95);transform:none}
.prp .prp-stats .prp-go-i{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);box-shadow:none;font-size:16px}
.prp .prp-stats .prp-go-t b{font:800 13.5px var(--j);color:#fff}
.prp .prp-stats .prp-go-t small{font:600 11.5px/1.3 var(--j);color:#8a93b5}
.prp .prp-stats .prp-go-f{width:22px;height:22px;font-size:12px;background:rgba(255,255,255,.08);color:#ffd23f;box-shadow:none}
@media(max-width:720px){.prp .prp-stats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-14px;padding-right:14px}.prp .prp-stats .prp-go-cl{flex:0 0 74%;scroll-snap-align:start}}
/* le choc du jour : sans la grande photo de stade */
.prp .prc-ph .prc-ph-i{display:none}
.prp.prp-vs .prc-ph{border-color:rgba(255,210,63,.55);box-shadow:0 18px 40px rgba(0,0,0,.38),0 0 0 1px rgba(255,210,63,.18)}
/* choix en cours = jaune ; prono validé = bleu */
.prp button.pr2-t[aria-pressed=true]{background:linear-gradient(180deg,#ffe066,#ffc21a)!important;border-color:#ffd23f!important;color:#191300!important;box-shadow:0 8px 20px -8px rgba(255,210,63,.8)!important}
.prp button.pr2-t[aria-pressed=true] small,.prp button.pr2-t[aria-pressed=true] b{color:#191300!important}
/* matchs compacts (mobile aussi) : équipes l’une sous l’autre avec logo, fond sobre */
.prp.prp-vs .prc:not(.prc-ph){background:linear-gradient(180deg,rgba(16,23,56,.94),rgba(11,16,40,.94))}
.prp.prp-vs .prc:not(.prc-ph)>.prc-cdl{display:none}
.prp.prp-vs .prc:not(.prc-ph)>.prc-eq{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px 8px}
.prp.prp-vs .prc:not(.prc-ph) .prc-t{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:10px}
.prp.prp-vs .prc:not(.prc-ph) .prc-t b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prp.prp-vs .prc:not(.prc-ph) .prc-t .prc-lg,.prp.prp-vs .prc:not(.prc-ph) .prc-t .prc-k{flex:0 0 26px;width:26px;height:26px;padding:0;background:none;box-shadow:none}
.prp.prp-vs .prc:not(.prc-ph) .prc-t>:not(.prc-lg):not(.prc-k):not(b){display:none}
.prp.prp-vs .prc:not(.prc-ph) .prc-mid{order:3;align-self:flex-start}
.prp.prp-vs .prc:not(.prc-ph) .prc-mid .prc-heure{display:none}
@media(max-width:920px){.prp.prp-vs .prc:not(.prc-ph)>.pr{padding:0 14px 8px}.prp.prp-vs .prc:not(.prc-ph) .pr2-t{min-height:52px}.prp.prp-vs .prc:not(.prc-ph)>.prc-pied{padding:0 14px 12px}}
/* matchs en lignes (ordinateur) */
@media(min-width:921px){
 .prp.prp-vs .prc:not(.prc-ph){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-areas:"h h" "eq w" "pied w" "fi fi";column-gap:16px;margin-top:10px;border-radius:18px}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-h{grid-area:h;min-height:36px;padding-top:0;border-radius:17px 17px 0 0}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-cdl,.prp.prp-vs .prc:not(.prc-ph)>.prc-rub{display:none}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-eq{grid-area:eq;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:12px 0 6px 16px}
 .prp.prp-vs .prc:not(.prc-ph) .prc-t{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:10px}
 .prp.prp-vs .prc:not(.prc-ph) .prc-t b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .prp.prp-vs .prc:not(.prc-ph) .prc-t .prc-lg,.prp.prp-vs .prc:not(.prc-ph) .prc-t .prc-k{flex:0 0 26px;width:26px;height:26px;padding:0;background:none;box-shadow:none}
 .prp.prp-vs .prc:not(.prc-ph) .prc-t>:not(.prc-lg):not(.prc-k):not(b){display:none}
 .prp.prp-vs .prc:not(.prc-ph) .prc-mid{order:3;align-self:flex-start}
 .prp.prp-vs .prc:not(.prc-ph) .prc-mid .prc-heure{display:none}
 .prp.prp-vs .prc:not(.prc-ph)>.pr{grid-area:w;align-self:center;padding:12px 16px 12px 0;min-width:0}
 .prp.prp-vs .prc:not(.prc-ph) .pr2-tu{gap:7px;padding-top:0}
 .prp.prp-vs .prc:not(.prc-ph) .pr2-t{min-height:50px;border-radius:12px;padding:4px 6px}
 .prp.prp-vs .prc:not(.prc-ph) .pr2-t small{font-size:10.5px}
 .prp.prp-vs .prc:not(.prc-ph) .pr2-t b{font-size:13.5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-pied{grid-area:pied;align-self:end;flex-wrap:nowrap;padding:2px 0 12px 16px;gap:6px;min-width:0}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-pied button{min-height:30px;padding:0 9px;font-size:11.5px;white-space:nowrap}
 .prp.prp-vs .prc:not(.prc-ph){background:linear-gradient(180deg,rgba(16,23,56,.94),rgba(11,16,40,.94))}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-fiche{grid-area:fi}
}
/* coupon « Ma sélection » (colonne de droite) */
.prp .prp-coupon .pn-eq>span{display:none}
.prp .prp-coupon .pn-sc{justify-content:flex-start;gap:10px}
.prp .prp-coupon{flex:0 0 auto;position:relative;padding:0;overflow:hidden;border:1px solid rgba(255,210,63,.4)!important;background:linear-gradient(180deg,#18214f,#0f1638)!important;box-shadow:0 24px 60px -24px rgba(0,0,0,.75)}
.prp .prp-coupon[hidden]{display:none}
.prp .prp-coupon .pn-c{position:static;width:auto;max-height:none;border:0;border-radius:0;background:none;box-shadow:none}
.prp .prp-coupon .pn-h{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px 10px}
.prp .prp-coupon .pn-h b{font:900 italic 18px var(--j)}
.prp .prp-coupon .pn-cp-s{font:700 11.5px var(--j);color:#8a93b5}
.prp .prp-coupon .pn-l{max-height:46vh;overflow-y:auto;padding:0 10px}
.prp .prp-coupon .pn-m{cursor:pointer}
.prp .prp-coupon .pn-b{padding:12px 16px 16px;border-top:2px dashed rgba(255,255,255,.12)}
.prp .prp-coupon .pn-ok{width:100%;min-height:52px;border:0;border-radius:14px;background:linear-gradient(180deg,#ffe066,#ffc21a);color:#14183a;font:900 15.5px var(--j);box-shadow:0 12px 30px -10px rgba(255,194,26,.85);cursor:pointer}
.prp .prp-coupon .pn-ok:disabled{opacity:.6;cursor:default}
.prp .prp-coupon .pn-note{margin:9px 0 0;font-size:11px;color:#8a93b5;text-align:center}
.prp .prp-coupon.pn-pop{animation:prcp-pop .45s ease}
@keyframes prcp-pop{0%{transform:scale(1)}40%{transform:scale(1.025)}100%{transform:scale(1)}}
@media(max-width:920px){.prp .prp-coupon{display:none!important}}
@media(prefers-reduced-motion:reduce){.prp .prp-coupon.pn-pop{animation:none}}
.prp .prc-pied button.prc-mod[hidden],.prc-pied button.prc-mod[hidden]{display:none!important}

/* v9.95 : maillots uniques ; pied qui revient à la ligne quand « Modifier » s’ajoute */
@media(min-width:921px){.prp.prp-vs .prc:not(.prc-ph)>.prc-pied{flex-wrap:wrap}.prp.prp-vs .prc:not(.prc-ph) .prc-t .prc-k{flex-basis:30px;width:30px;height:30px}}
.prp.prp-vs .prc:not(.prc-ph) .prc-t .prc-k{filter:drop-shadow(0 3px 5px rgba(0,0,0,.45))}
/* v9.106 : carte de match « face-à-face » — gros maillots, score en grand, minute en direct, forme (4 derniers matchs) et rang */
.prp.prp-vs .prc>.prc-eq.prc-fx{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:4px;padding:22px 10px 16px!important}
.prp.prp-vs .prc .prc-fx .prc-t{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;gap:9px!important;min-width:0}
.prp.prp-vs .prc .prc-fx .prc-t .prc-k{flex:none!important;width:68px!important;height:68px!important;padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))!important}
.prp.prp-vs .prc .prc-fx .prc-t b{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;max-width:100%;white-space:normal!important;text-overflow:clip!important;font:800 16.5px/1.15 var(--j)!important;color:#fff!important;letter-spacing:-.01em;overflow-wrap:anywhere}
.prp.prp-vs .prc .prc-fx .prc-t>.prc-st{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:1px}
.prp.prp-vs .prc .prc-fx .prc-mid{order:0!important;align-self:start!important;display:flex!important;flex-direction:column;align-items:center;gap:10px;min-width:104px;padding-top:14px}
.prp.prp-vs .prc .prc-fx .prc-score{display:flex!important;align-items:center;gap:12px;padding:0!important;background:none!important;clip-path:none!important;border:0!important;color:#ffd84d!important;font:900 46px/1 var(--j)!important;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 3px 16px rgba(255,196,0,.28)}
.prp.prp-vs .prc .prc-fx .prc-score b{font:inherit}
.prp.prp-vs .prc .prc-fx .prc-sep{display:block;width:18px;height:7px;border-radius:4px;background:rgba(255,255,255,.26)}
.prp.prp-vs .prc .prc-fx .prc-heure{display:block!important;padding:0!important;background:none!important;clip-path:none!important;border:0!important;color:#fff!important;font:900 32px/1 var(--j)!important;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:center}
.prp.prp-vs .prc .prc-fx .prc-heure:after{content:"coup d’envoi";display:block;margin-top:8px;font:700 10.5px/1 var(--j);letter-spacing:.08em;text-transform:uppercase;color:#aab3c8}
.prp.prp-vs .prc .prc-fx .prc-live{display:inline-flex!important;align-items:center;gap:9px;font:700 16px/1 var(--j);color:#fff;font-variant-numeric:tabular-nums}
.prp.prp-vs .prc .prc-fx .prc-live i{flex:none;width:12px;height:12px;border-radius:50%;background:#ff3b45;box-shadow:0 0 0 4px rgba(255,59,69,.22)}
.prp.prp-vs .prc.prc-fin .prc-fx .prc-live{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#aab3c8}
.prp.prp-vs .prc.prc-fin .prc-fx .prc-score{color:#fff!important;text-shadow:none}
/* forme : 4 pastilles (du plus ancien au plus récent) + l'anneau « ce match » ; puis le rang */
.prc-fo{display:inline-flex;align-items:center;gap:5px}
.prc-fo i{display:block;width:11px;height:11px;border-radius:50%;background:#9aa3b8}
.prc-fo .prc-fo-V{background:#5fd38d}
.prc-fo .prc-fo-N{background:#9aa3b8}
.prc-fo .prc-fo-D{background:#f0646a}
.prc-fo .prc-fo-c{box-sizing:border-box;width:13px;height:13px;background:radial-gradient(circle,#9aa3b8 0 2.6px,transparent 3.2px);border:2px solid #9aa3b8}
.prc-fo .prc-fo-c[data-r=V]{border-color:#5fd38d;background:radial-gradient(circle,#5fd38d 0 2.6px,transparent 3.2px)}
.prc-fo .prc-fo-c[data-r=D]{border-color:#f0646a;background:radial-gradient(circle,#f0646a 0 2.6px,transparent 3.2px)}
.prc-fo .prc-fo-c.prc-fo-on{animation:prcFo 1.6s ease-in-out infinite}
@keyframes prcFo{50%{transform:scale(1.25);opacity:.75}}
.prc-rg{display:inline-flex;align-items:baseline;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font:800 12.5px/1.1 var(--j);color:#e6ebf7;font-variant-numeric:tabular-nums}
.prc-rg sup{font-size:.68em;margin-left:1px;vertical-align:baseline;position:relative;top:-.45em}
.prc-t-e .prc-st .prc-rg{order:-1}
.prc-j{font-weight:700;opacity:.88;white-space:nowrap}
/* un but tombe : le score s'illumine */
.prp.prp-vs .prc .prc-fx .prc-score.prc-but{animation:prcBut 1.8s cubic-bezier(.3,1.5,.5,1)}
@keyframes prcBut{0%{transform:scale(1)}18%{transform:scale(1.28);color:#fff;text-shadow:0 0 26px rgba(255,216,77,.95)}100%{transform:scale(1)}}
@media (max-width:420px){
 .prp.prp-vs .prc>.prc-eq.prc-fx{padding:20px 6px 14px!important}
 .prp.prp-vs .prc .prc-fx .prc-t .prc-k{width:60px!important;height:60px!important}
 .prp.prp-vs .prc .prc-fx .prc-t b{font-size:15px!important}
 .prp.prp-vs .prc .prc-fx .prc-mid{min-width:92px;padding-top:12px}
 .prp.prp-vs .prc .prc-fx .prc-score{font-size:40px!important;gap:10px}
 .prp.prp-vs .prc .prc-fx .prc-heure{font-size:28px!important}
 .prc-fo{gap:4px}.prc-fo i{width:10px;height:10px}.prc-fo .prc-fo-c{width:12px;height:12px}
 .prp.prp-vs .prc .prc-fx .prc-t>.prc-st{gap:5px}
 .prc-rg{padding:2px 6px;font-size:11.5px}
}
/* v9.109 : sur ordinateur aussi, chaque carte a le même rendu que la carte du match vedette (face-à-face sur toute la largeur, puis les choix, puis les boutons) */
@media (min-width:921px){
 .prp.prp-vs .prc:not(.prc-ph){display:block;margin-top:22px;border-radius:24px}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-h{min-height:46px;padding-top:4px;border-radius:23px 23px 0 0}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-rub{display:block}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-eq.prc-fx{padding:22px 24px 16px!important;align-self:auto}
 .prp.prp-vs .prc:not(.prc-ph)>.pr{padding:0 16px 8px;align-self:auto}
 .prp.prp-vs .prc:not(.prc-ph) .pr2-tu{gap:10px;padding-top:6px}
 .prp.prp-vs .prc:not(.prc-ph) .pr2-t{min-height:52px;border-radius:16px;padding:6px 4px}
 .prp.prp-vs .prc:not(.prc-ph) .pr2-t small{font-size:11.5px}
 .prp.prp-vs .prc:not(.prc-ph) .pr2-t b{font-size:16px}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-pied{flex-wrap:wrap;padding:0 16px 14px;gap:8px;align-self:auto}
 .prp.prp-vs .prc:not(.prc-ph)>.prc-pied button{min-height:38px;padding:0 12px;font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.prc-fo .prc-fo-c.prc-fo-on,.prp.prp-vs .prc .prc-fx .prc-score.prc-but{animation:none}}
/* v9.110 : sur ordinateur, le ballon de la barre de défilement est le même que sur mobile — ballon blanc qui tourne dans son anneau jaune de progression */
.prp-rail-o{box-sizing:border-box;width:38px;height:38px;padding:3px;border-radius:50%;background:conic-gradient(#ffd23f var(--f,0deg),rgba(255,255,255,.12) 0)}
.prp-rail-o svg{border-radius:50%;background:#0b1020}
@media (prefers-reduced-motion:reduce){.prp-rail-o svg{transform:none!important}}
/* v9.111 : avatars des pronostiqueurs */
.tf-avo{overflow:hidden;background:radial-gradient(circle at 50% 30%,#33457f,#121a36)!important;padding:0!important}
.tf-avo img,.prp-tc-av img,.prp-go-avi img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.prp-cl .cl3-av.tf-avo{transform:none;border-radius:50%;width:38px;height:38px}
.pr-av.tf-avo{box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.ppf-av.tf-avo{flex-basis:76px;width:76px;height:76px}
.prp-tc-av{display:block;width:52px;height:52px;margin:2px auto 6px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#33457f,#121a36);box-shadow:0 0 0 2px rgba(255,255,255,.55),0 6px 16px rgba(0,0,0,.35)}
.prp .prp-stats .prp-go-avi{overflow:hidden;padding:0;border-radius:50%;background:radial-gradient(circle at 50% 30%,#33457f,#121a36)}
.prp .prp-stats:has(.prp-go-av){grid-template-columns:repeat(2,minmax(0,1fr))}
.pdu-img{position:relative;display:block;width:118px;height:108px;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 -4px 14px rgba(0,0,0,.35))}
/* sélecteur */
.av-f .pr-feuille-c{max-width:640px}
.av-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:min(58vh,520px);overflow-y:auto;padding:4px 2px 6px;margin-top:10px}
.av-c{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 8px;border-radius:16px;border:2px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 30%,rgba(80,110,200,.35),rgba(12,18,40,.6));color:#e6ebf7;font:700 11.5px/1.2 var(--j,system-ui);cursor:pointer;transition:transform .15s,border-color .15s}
.av-c img{width:84px;height:84px;object-fit:contain}
.av-c span{text-align:center;min-height:2.4em;display:flex;align-items:center}
.av-c:hover{transform:translateY(-2px);border-color:rgba(255,210,63,.6)}
.av-c[aria-checked=true]{border-color:#ffd23f;box-shadow:0 0 0 3px rgba(255,210,63,.25);background:radial-gradient(circle at 50% 30%,rgba(255,210,63,.3),rgba(12,18,40,.6))}
.av-c:focus-visible{outline:3px solid #ffd23f;outline-offset:2px}
.av-c:disabled{opacity:.6;cursor:wait}
.av-m{min-height:1.2em;margin:8px 0 0;font:700 13px var(--j,system-ui);color:#7ee2a8;text-align:center}
.av-x{margin:4px 0 0;text-align:center}
@media (max-width:420px){.av-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.av-c img{width:72px;height:72px}.prp-cl .cl3-av.tf-avo{width:30px;height:30px}}
@media (prefers-reduced-motion:reduce){.av-c{transition:none}.av-c:hover{transform:none}}
/* v9.112 : profil d'un joueur — son personnage en entier, en vitrine (halo + socle). v9.117 : le personnage à gauche, pseudo, nom du personnage, rangs et bouton à droite */
.ppf-hero.ppf-hero-av{flex-direction:row;align-items:center;gap:12px;margin:-6px 0 16px;text-align:left}
.ppf-vit{position:relative;flex:0 0 auto;width:min(172px,44vw);aspect-ratio:1/1;margin:0}
.ppf-vit:before{content:"";position:absolute;inset:6% 4% 12%;border-radius:50%;background:radial-gradient(circle at 50% 46%,rgba(255,216,77,.34),rgba(124,58,237,.24) 46%,transparent 70%);filter:blur(4px)}
.ppf-vit:after{content:"";position:absolute;left:10%;right:10%;bottom:-8px;height:24px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,216,77,.5),rgba(255,216,77,.12) 55%,transparent 72%)}
.ppf-vit img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45));animation:ppfVit .55s cubic-bezier(.2,1.3,.4,1) both}
@keyframes ppfVit{from{transform:translateY(12px) scale(.93);opacity:0}}
.ppf-vit-n{position:relative;margin:8px 0 0;padding:5px 12px;border-radius:999px;background:rgba(255,216,77,.13);border:1px solid rgba(255,216,77,.38);font:800 11px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffd84d}
.ppf-hero-av .ppf-id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;margin:0}
.ppf-hero-av .ppf-n{justify-content:flex-start;flex-wrap:wrap;row-gap:4px;font-size:22px;overflow-wrap:anywhere}
.ppf-hero-av .ppf-rg{justify-content:flex-start}
.ppf-vit-sil svg{position:relative;z-index:1;display:block;width:100%;height:100%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.4))}
@media (max-width:340px){.ppf-vit{width:40vw}.ppf-hero-av .ppf-n{font-size:19px}}
.ppf-avc{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);font:700 12.5px/1 Inter,sans-serif;color:#fff;cursor:pointer}
.ppf-avc:hover{background:rgba(255,255,255,.14)}
.ppf-avc:focus-visible{outline:2px solid #ffd84d;outline-offset:2px}
.ppf .pr-toi{margin-left:2px;padding:2px 8px;border-radius:999px;background:#e4f222;color:#111;font-size:10px;vertical-align:3px}
@media (prefers-reduced-motion:reduce){.ppf-vit img{animation:none}}
/* v9.114 : choix de l'avatar rangé par familles (55 personnages) */
.av-gt{grid-column:1/-1;display:flex;align-items:baseline;gap:6px;margin:12px 2px 0;font:800 11.5px/1.2 var(--j,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#ffd84d}
.av-gt:first-child{margin-top:2px}
.av-gt small{font-size:10.5px;letter-spacing:0;color:#aab3c8}
/* v9.119 : en-têtes de compétition (coupes d'Europe par horaire) — rien ne se coupe sur deux lignes ; sur téléphone, l'horaire et « Voir moins » passent ensemble sur une 2e ligne, côte à côte */
.prp-cgh{flex-wrap:wrap;row-gap:8px}
.prp-cgg{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}
.prp-cgn{min-width:0;font:inherit;letter-spacing:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prp-cgh .prp-cgg>span{flex:none;white-space:nowrap}
.prp-cgd{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-left:auto}
.prp-cgh .prp-cr{margin-left:0;white-space:nowrap;padding:5px 11px}
.prp-cgh .prp-cgr{margin-left:0;white-space:nowrap}
/* ===================== v9.120 : deux journées — Aujourd’hui (bleu) / Demain (violet) =====================
   Grand écran : deux colonnes de même largeur, bandeaux collants. Écran étroit : deux onglets collants, une journée à la fois.
   La bascule suit la largeur RÉELLE du bloc des matchs (requête de conteneur), pas celle de l’écran. Un seul défilement : celui de la page. */
.prp-in:has(.prp-lay-2j){max-width:1680px}
.prp-lay.prp-lay-2j{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.prp-lay-2j>.prp-nav{display:none}
.prp-lay-2j>.prp-feed{max-width:none;width:auto;min-width:0}
.prp-lay-2j>.prp-side{min-width:0}
.prp-lay-2j .prp-nx-s{display:none}
/* la barre « ballon » fixée à droite ne mord jamais sur la colonne de droite */
@media (min-width:701px){html.prp-a-rail .prp-in:has(.prp-lay-2j){padding-right:max(24px,calc(58px - max(0px,(100vw - 1680px) / 2)))}
 html.prp-a-rail .prp-2j-on{margin-right:max(-24px,calc(-58px + max(0px,(100vw - 1680px) / 2)));padding-right:max(24px,calc(58px - max(0px,(100vw - 1680px) / 2)))}}
@media (min-width:921px) and (max-width:1319.98px){
 .prp-lay-2j .prp-side-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;position:static;max-height:none;overflow:visible;padding-right:0;margin-right:0}
 .prp-lay-2j .prp-side-in>.prp-coupon{grid-column:1/-1}
}
@media (min-width:1320px){
 .prp-lay.prp-lay-2j{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch}
 .prp-lay-2j>.prp-feed{align-self:start}
 .prp-lay-2j .prp-side-in{position:sticky;top:var(--prp-side-top,16px);max-height:none;overflow:visible;padding-right:0;margin-right:0}
 .prp-lay-2j .prp-nx-s{display:block}
}
@media (min-width:1720px){
 .prp-lay.prp-lay-2j{grid-template-columns:250px minmax(0,1fr) 340px}
 .prp-lay-2j>.prp-nav{display:block}
 .prp-lay-2j .prp-nx-s{display:none}
}
/* le bloc des deux journées */
.prp-2j{container:prp2j/inline-size;display:flex;flex-direction:column;gap:14px;min-width:0}
.prp-2j-g{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;min-width:0}
.prp-col{--dj1:#3b82f6;--dj2:#1d4ed8;--djl:#9ab8ff;min-width:0;display:flex;flex-direction:column;gap:14px}
.prp-col-dem{--dj1:#8b5cf6;--dj2:#5b21b6;--djl:#c9b6ff}
.prp-2j .prp-jour{gap:14px}
/* titre de journée des sections : lu par les lecteurs d’écran, le bandeau le montre */
.prp .prp-2j .prp-jour[data-jour]>.prp-h2{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.prp .prp-2j .prp-encours>.prp-h2{position:static;margin:4px 0 0;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.prp-jour.prp-jour-passe{display:none!important}
/* bandeau de journée : collant en haut de sa colonne */
.prp-jb{position:sticky;top:0;z-index:7;display:flex;flex-direction:column;padding-top:6px}
.prp-jb.prp-jb-colle{background:linear-gradient(rgba(8,11,24,.97),rgba(8,11,24,.93));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 22px -16px rgba(0,0,0,.9)}
.prp-jb-b{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:18px;background:linear-gradient(115deg,var(--dj2),var(--dj1));box-shadow:0 14px 28px -16px var(--dj1),inset 0 1px 0 rgba(255,255,255,.2);color:#fff}
.prp-jb-i{flex:none;width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.prp-jb-i .prp-jb-ip{fill:#fff;stroke:none}
.prp-jb-t{margin:0;min-width:0;display:flex;flex-direction:column;gap:2px}
.prp-jb-t b{font:900 21px/1.05 var(--j);letter-spacing:.04em;text-transform:uppercase}
.prp-jb-t span{font:600 14.5px/1.2 var(--j);color:rgba(255,255,255,.92)}
.prp-jb-m{margin:0 0 0 auto;padding-left:8px;font:800 17px var(--j);white-space:nowrap}
.prp-jb-r{margin:0;display:flex;align-items:center;gap:9px;padding:10px 6px 8px;font:700 14.5px var(--j);color:#e3e9f7}
.prp-jb-r i,.prp-2j-i [data-ji-r]:before{flex:none;box-sizing:border-box;width:16px;height:16px;border-radius:50%;border:2.5px solid var(--djl)}
.prp-jb-r.prp-jb-ok i{border:0;background:#22c55e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23062a12' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
/* les cartes : un repère Aujourd’hui / Demain sur le ruban, aux couleurs de la journée ; la place sous le bandeau collant */
.prp-2j .prc{scroll-margin-top:var(--prp-sm,140px)}
.prp-2j .prc[data-jr] .prc-rub span{background:linear-gradient(90deg,var(--dj2),var(--dj1))}
.prp .prc.prc-af{box-shadow:0 0 0 1.5px rgba(255,210,63,.6),0 16px 34px -18px rgba(255,210,63,.55)}
.prp .prc.prc-af .prc-rub span{text-shadow:0 1px 2px rgba(0,0,0,.4)}
/* journée sans match */
.prp-jv{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 16px;border-radius:20px;border:1.5px dashed color-mix(in srgb,var(--dj1) 45%,rgba(255,255,255,.12));background:rgba(255,255,255,.03);text-align:center}
.prp-jv[hidden]{display:none}
.prp-jv p{margin:0;font:700 15px/1.4 var(--j);color:#e3e9f7}
.prp-jv-b{min-height:42px;padding:0 18px;border:0;border-radius:999px;background:#2563eb;color:#fff;font:800 14px var(--j);cursor:pointer}
.prp-jv-b[hidden]{display:none}
.prp-jv-b:focus-visible,.prp-2j-on button:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
/* onglets (écran étroit) : collants, une journée à la fois */
.prp-2j-on{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 -24px;padding:10px 24px 8px;background:linear-gradient(rgba(8,11,24,.97),rgba(8,11,24,.93));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.prp-2j:not(.prp-2j-js) .prp-2j-on{display:none}
.prp-2j-on button{--dj1:#3b82f6;--dj2:#1d4ed8;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:0 10px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--dj1) 60%,transparent);background:color-mix(in srgb,var(--dj1) 14%,rgba(255,255,255,.03));color:#e8edf8;font:800 15.5px var(--j);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.prp-2j-on .prp-on-dem{--dj1:#8b5cf6;--dj2:#5b21b6}
.prp-2j-on button b{font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prp-2j-on button span{flex:none;min-width:24px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.12);font:800 13px var(--j);text-align:center}
.prp-2j-on button[aria-selected="true"]{background:linear-gradient(115deg,var(--dj2),var(--dj1));border-color:transparent;color:#fff;box-shadow:0 12px 24px -14px var(--dj1),inset 0 1px 0 rgba(255,255,255,.2)}
.prp-2j-on button[aria-selected="true"] span{background:rgba(255,255,255,.24)}
.prp-2j-i{grid-column:1/-1;margin:2px 2px 0;display:flex;align-items:center;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;font:700 14px/1.3 var(--j);color:#fff}
.prp-2j-i [data-ji-r]{--djl:#9ab8ff;display:inline-flex;align-items:center;gap:7px;color:#d3dbee;font-weight:700}
.prp-2j[data-jsel="dem"] .prp-2j-i [data-ji-r]{--djl:#c9b6ff}
.prp-2j-i [data-ji-r]:before{content:""}
.prp-2j-i [data-ji-r].prp-jb-ok:before{border:0;background:#22c55e}
.prp-2j-i [data-ji-d]{display:inline-flex;align-items:center;gap:8px}
.prp-2j-i [data-ji-d]:before{content:"";width:10px;height:10px;border-radius:3px;background:#3b82f6}
.prp-2j[data-jsel="dem"] .prp-2j-i [data-ji-d]:before{background:#8b5cf6}
@container prp2j (max-width:859.98px){
 .prp-2j.prp-2j-js .prp-jb{display:none}
 .prp-2j.prp-2j-js[data-jsel="auj"] .prp-col-dem,.prp-2j.prp-2j-js[data-jsel="dem"] .prp-col-auj{display:none}
 .prp-2j .prc{scroll-margin-top:var(--prp-sm,120px)}
}
@container prp2j (min-width:860px){
 .prp-2j-on{display:none!important}
 .prp-2j-g{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,3.4cqi,44px);align-items:stretch}
 .prp-col{padding:0 16px 20px;border-radius:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--dj1) 11%,transparent),rgba(255,255,255,.015) 420px);border:1px solid color-mix(in srgb,var(--dj1) 34%,rgba(255,255,255,.05))}
 .prp-jb{margin:0 -16px;padding:0;border-radius:25px 25px 0 0}
 .prp-jb.prp-jb-colle{border-radius:0}
 .prp-jb-b{border-radius:25px 25px 0 0;padding:14px 20px}
 .prp-jb.prp-jb-colle .prp-jb-b{border-radius:0 0 16px 16px}
 .prp-jb-r{padding:11px 20px 6px}
 .prp-jv{margin-top:8px}
}
@media (prefers-reduced-motion:reduce){.prp-2j-on button{transition:none}}
/* « Mes pronos » : les journées gardent leurs couleurs */
.prp .tk4-j.tk4-auj .tk4-cal{background:linear-gradient(160deg,#3b82f6,#1d4ed8);border-color:transparent}
.prp .tk4-j.tk4-dem .tk4-cal{background:linear-gradient(160deg,#8b5cf6,#5b21b6);border-color:transparent}
.prp .tk4-j.tk4-auj .tk4-cal small,.prp .tk4-j.tk4-dem .tk4-cal small{color:rgba(255,255,255,.85)}
.prp .tk4-j.tk4-auj .tk4-t b{color:#a9c3ff}
.prp .tk4-j.tk4-dem .tk4-t b{color:#d2c2ff}
.prp .tk4-j:first-child{margin-top:12px;padding-top:0;border-top:0}
.prp-tk-sc{--dj1:#3b82f6;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:10px 0 0;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--dj1) 16%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--dj1) 45%,transparent);font:700 13px var(--j);color:#fff}
.prp-tk-sc-dem{--dj1:#8b5cf6}
.prp-tk-sc-tous{--dj1:#64748b}
.prp-tk-sc span{display:inline-flex;align-items:center;gap:7px}
.prp-tk-sc span:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--dj1)}
.prp-tk-sc button{min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font:700 12.5px var(--j);cursor:pointer}
.prp-tk-sc button:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
.prp .prc.prc-passe{display:none!important}
/* v9.121 : une saison = un mois — rappel dans le classement */
.prp-cl-sa{display:flex;align-items:center;gap:8px;margin:2px 0 10px;padding:8px 12px;border-radius:12px;background:rgba(255,210,63,.08);border:1px solid rgba(255,210,63,.28);font:600 12.5px/1.35 var(--j);color:#e8ecf6}
.prp-cl-sa:before{content:"🗓";flex:none;font-size:15px}
.prp-cl-sa>span{min-width:0}
.prp-cl-sa b{color:#ffd23f;font-weight:800}
.prp-cl-sa sup{font-size:.7em;line-height:0}
.prp-cl-sa.prp-cl-sa-fin{background:rgba(255,210,63,.16);border-color:rgba(255,210,63,.6)}
/* ===== v9.122 : état de connexion, fenêtre de connexion, blocs repliables, règlement, classements complets ===== */
.prp-tete-l{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.prp-ct-t{display:none}
@media (max-width:700px){.prp-lg-t{display:none}.prp-ct-t{display:inline}.prp .prp-tete{margin-bottom:14px}.prp .prp-gratuit{margin-top:10px;padding:8px 12px;font-size:13px}}
.prp-sess{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-height:40px;font:600 13px/1.3 var(--j);color:#dfe6f6}
.prp-sess-e{display:inline-flex;align-items:center;gap:7px;color:#cfd7ea}
.prp-sess-e i,.prp-sess-cx i{flex:none;width:9px;height:9px;border-radius:50%;background:#8b94ab}
.prp-sess-v i{border:2px solid rgba(255,255,255,.25);border-top-color:#8fb0ff;background:none;width:12px;height:12px;animation:prpTourne .8s linear infinite}
@keyframes prpTourne{to{transform:rotate(360deg)}}
.prp-sess-co{color:#b8f5cf;font-weight:700}
.prp-sess-co i{background:var(--neon);box-shadow:0 0 0 3px rgba(31,224,106,.18),0 0 10px rgba(31,224,106,.6)}
.prp-sess-p{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px 0 4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.prp-sess-p b{color:#fff;font-weight:800;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prp-sess-p:not(:has(img)){padding-left:12px}
.prp-sess-av{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#1b2340}
.prp-sess-dx,.prp-sess-ps{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:transparent;color:#aab3c8;font:700 12.5px var(--j);cursor:pointer}
.prp-sess-dx:hover{color:#fff;border-color:rgba(255,255,255,.35)}
.prp-sess-dx2{color:#ffb4b4;border-color:rgba(255,120,120,.6)}
.prp-sess-ps{color:#1a1300;background:#ffd23f;border-color:#ffd23f}
.prp-sess-cx{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 6px 0 14px;border:1px solid rgba(255,210,63,.55);border-radius:999px;background:rgba(255,210,63,.08);color:#e8ecf6;font:600 13.5px var(--j);cursor:pointer}
.prp-sess-cx i{background:#ff7a7a;box-shadow:0 0 0 3px rgba(255,122,122,.16)}
.prp-sess-cx b{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:999px;background:#ffd23f;color:#1a1300;font-weight:800}
.prp-sess-t{color:#8b94ab}
.prp-sess-cx:hover b{background:#ffe066}
.prp-sess button:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
@media (max-width:420px){.prp-sess-cx{font-size:13px;padding-left:12px}.prp-sess-cx b{padding:0 11px}}
/* fenêtre « Déjà inscrit ? Se connecter » */
.prx-ouvert,.prx-ouvert body{overflow:hidden}
.prx{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:rgba(4,6,16,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--j)}
.prx-c{position:relative;width:min(460px,100%);margin:auto;padding:24px 22px 18px;border-radius:22px;background:linear-gradient(180deg,#151b36,#0d1226);border:1px solid rgba(143,176,255,.25);box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.4);color:#e8ecf6}
.prx-c:focus{outline:none}
.prx-x{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:17px;cursor:pointer}
.prx-x:hover{background:rgba(255,255,255,.16)}
.prx-k{display:flex;align-items:center;gap:8px;margin:0 48px 8px 0;font:800 11.5px var(--j);letter-spacing:.14em;text-transform:uppercase;color:#8fb0ff}
.prx-k .prc-sl{position:static;display:inline-flex;gap:3px;transform:skewX(-20deg)}
.prx-k .prc-sl i{display:block;width:4px;height:12px;background:#8fb0ff}
.prx-k .prc-sl i:nth-child(2){background:#a855f7}.prx-k .prc-sl i:nth-child(3){background:#ffd23f}
.prx h2{margin:0 48px 8px 0;font:800 25px/1.15 var(--j);letter-spacing:-.01em;color:#fff}
.prx h2 span{color:#ffd23f}
.prx-s{margin:0 0 14px;font-size:14px;line-height:1.5;color:#aab3c8}
.prx-pr .pr-msg:empty{display:none}
.prx .pr-login{padding:0;background:none;border:0;color:#e8ecf6}
.prx-lab{display:block;margin:0 0 6px;font:700 13px var(--j);color:#dfe6f6}
.prx .pr-l{grid-template-columns:1fr}
.prx .pr-l input{min-height:50px;font-size:16px;border:1px solid rgba(255,255,255,.22);background:#0a0f22;color:#fff;border-radius:14px}
.prx .pr-l input::placeholder{color:#6f7891}
.prx .pr-l input:focus{outline:2px solid #8fb0ff;outline-offset:1px;border-color:transparent}
.prx .pr-l button{min-height:50px;border-radius:14px;background:#ffd23f;color:#1a1300;font:800 15px var(--j)}
.prx .pr-l button:hover{background:#ffe066}
.prx .pr-lmsg{color:#cfe0ff;font-size:13.5px;line-height:1.45}
.prx .pr-login-ok .pr-lmsg{padding:10px 12px;border-radius:12px;background:rgba(31,224,106,.1);border:1px solid rgba(31,224,106,.35);color:#c9f7da}
.prx .pr-captcha:not(:empty){margin-top:10px;min-height:65px}
.prx .pr-charte a{color:#ffd23f}
.prx-n{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;line-height:1.5;color:#aab3c8}
.prx-n b{color:#fff}
.prx-sans{display:block;width:100%;min-height:44px;margin-top:12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:transparent;color:#cfd7ea;font:700 14px var(--j);cursor:pointer}
.prx-sans:hover{background:rgba(255,255,255,.06);color:#fff}
.prx button:focus-visible,.prx a:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
@media (max-width:520px){.prx{align-items:flex-start;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.prx-c{padding:20px 16px 16px;border-radius:20px}.prx h2{font-size:22px}}
/* case « Rester connecté » (dans tous les formulaires de connexion) */
.pr-rester{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0!important}
.pr-rester input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#ffd23f;cursor:pointer}
.pr-rester label{cursor:pointer;line-height:1.35}
.pr-rester b{display:block;font-size:14px}
.pr-rester small{display:block;margin-top:2px;font-size:12.5px;opacity:.75}
/* blocs secondaires repliables */
.prp-pli{flex:none;display:inline-flex;align-items:center;gap:3px;min-height:32px;padding:0 10px 0 6px;margin-left:auto;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#dfe6f6;font:700 12px var(--j);letter-spacing:0;text-transform:none;cursor:pointer;white-space:nowrap}
.prp-pli svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.prp-pli[aria-expanded=false]{background:#ffd23f;border-color:#ffd23f;color:#1a1300}
.prp-pli[aria-expanded=false] svg{transform:rotate(180deg)}
.prp-pli:hover{background:rgba(255,255,255,.12)}
.prp-pli:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
.prp-tk-h:has(.prp-pli){flex-wrap:wrap}
.prp-tk-h .prp-pli+*{order:3}
.prp-cl .prp-tk-h{flex-wrap:wrap;row-gap:10px}
.prp-cl .prp-tk-h::after{content:"";order:2;flex-basis:100%;height:0}
.prp-cl .prp-tk-h .prp-pli{order:1}
.prp-cl .prp-tk-h .prp-seg{order:3}
.prp-cl.prp-plie .prp-tk-h .prp-seg,.prp-cl.prp-plie .prp-tk-h::after{display:none}
.prp-plie>:not(.prp-tk-h):not(h2){display:none!important}
.prp-plie{padding-bottom:16px}
.prp-top-z>h2{display:flex;align-items:center;gap:10px}
.prp-top-z.prp-plie>h2{margin-bottom:0}
/* règlement fermé par défaut */
.prp-rg-t,.prp-rg-r{flex:none;min-height:34px;padding:0 14px;border:1px solid #ffd23f;border-radius:999px;background:#ffd23f;color:#1a1300;font:800 12.5px var(--j);cursor:pointer}
.prp-rg-on .prp-rg-t,.prp-rg-r{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#e8ecf6}
.prp-rg-t:hover{filter:brightness(1.08)}
.prp-rg-t:focus-visible,.prp-rg-r:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
.prp-rg-c{margin-top:12px}
.prp-rg-c[hidden]{display:none}
.prp-rgb{scroll-margin-top:12px}
.prp-rg-bas{display:flex;justify-content:flex-start;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
/* classement : aperçu, ma ligne, « Voir tout le classement » */
.prp-cl-tout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:10px;border:1px solid rgba(31,224,106,.45);border-radius:14px;background:rgba(31,224,106,.08);color:#d9fbe6;font:800 13.5px var(--j);cursor:pointer}
.prp-cl-tout span{font-weight:600;color:#97a19a}
.prp-cl-tout:hover{background:rgba(31,224,106,.16)}
.prp-cl-tout:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.cl3-sep{display:flex;justify-content:center;padding:2px 0;color:#6f7a73;font:800 14px/1 var(--j);letter-spacing:.2em;background:#1c1f1d!important}
.prp-cl .pr-cl2 li.pr-cl-sep{display:flex;justify-content:center;min-height:0;padding:0;background:none!important;box-shadow:none!important;color:#6f7a73;font:800 14px/1 var(--j);letter-spacing:.2em}
.clt .pr-feuille-c{max-width:640px;padding-top:18px}
.clt-sel{display:flex;flex-wrap:wrap;gap:6px;margin:4px 48px 10px 0}
.clt-sel span{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font:700 12.5px var(--j);color:#e8ecf6}
.clt-sel .clt-sel-p{background:var(--neon);border-color:var(--neon);color:#04230f}
.clt-moi{position:sticky;top:-18px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;padding:9px 10px 9px 14px;border-radius:12px;background:#10261a;border:1px solid rgba(31,224,106,.45);font:600 13.5px var(--j);color:#d9fbe6}
.clt-moi b{color:#fff}
.clt-moi button{flex:none;min-height:34px;padding:0 12px;border:0;border-radius:999px;background:var(--neon);color:#04230f;font:800 12.5px var(--j);cursor:pointer}
.clt-l{padding-bottom:4px}
.clt-n{margin:10px 0 0;text-align:center;font-size:12.5px;color:#8b94ab}
.clt-flash{animation:cltFlash 1.6s ease-out}
@keyframes cltFlash{0%,30%{outline:3px solid #ffd23f;outline-offset:-3px}100%{outline:3px solid transparent;outline-offset:-3px}}
@media (prefers-reduced-motion:reduce){.prp-sess-v i{animation:none}.clt-flash{animation:none;outline:3px solid #ffd23f;outline-offset:-3px}}
.prx,.clt{--j:"TF Jakarta","Plus Jakarta Sans",Inter,system-ui,sans-serif;--neon:#1fe06a}
.prp-lg .prp-tk-h{gap:8px}.prp-lg .prp-tk-h .prp-haut{padding:0 10px 0 6px}.prp-lg .prp-tk-h .prp-haut+.prp-pli{margin-left:0}
.prp-lg .prp-tk-h .prp-haut{margin-left:auto}
.prx .pr-login>p:first-child:not(.pr-rester){display:none}
.prx .pr-charte input{width:20px;height:20px;margin:0 6px 0 0;vertical-align:-4px;accent-color:#ffd23f}
/* ===================== v9.123 : interface allégée (.prp-sobre) ===================== */
/* fond et effets plus calmes : les couleurs fortes restent aux journées et aux boutons de prono */
.prp.prp-sobre{background:linear-gradient(180deg,#111733 0,#0b0f1f 380px) #0b0f1f}
.prp.prp-sobre .prp-pt{opacity:.28}
.prp.prp-sobre .prp-pt s{box-shadow:none}
.prp.prp-sobre .prp-pt s:nth-child(2n){display:none}
.prp.prp-sobre .prp-in{max-width:1240px;padding-top:18px}
html.prp-a-rail .prp.prp-sobre .prp-in{max-width:1240px}
.prp.prp-sobre .prp-lay.prp-lay-2j{display:block}
.prp.prp-sobre .prp-lay-2j>.prp-feed{max-width:none;width:auto;gap:0}
/* en-tête compact */
.prp.prp-sobre .prp-tete{max-width:none;margin:0 0 14px}
.prp.prp-sobre .prp-tete-l{flex-wrap:nowrap;align-items:center;gap:12px}
.prp.prp-sobre .prp-tete h1{font:800 34px/1.05 var(--j);font-style:normal;text-transform:none;letter-spacing:-.02em;color:#fff}
.prp.prp-sobre .prp-tete .prp-s{margin:6px 0 0;font:500 14.5px/1.4 var(--j);color:#c3cbe0}
.prp.prp-sobre .prp-tete .prp-s b{color:#fff}
.prp-mention2{margin:3px 0 0;font:500 12.5px/1.4 var(--j);color:#8b94ab}
.prp-mention2 a{color:#dfe6f6;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.prp-mention2 a:hover{text-decoration-color:#fff}
/* compte : un seul bouton discret (avatar + pseudo + point vert), menu avec « Se déconnecter » */
.prp.prp-sobre .prp-sess{position:relative;flex:none;min-height:0;margin-left:auto}
.prp-sess-v{display:inline-flex;align-items:center;gap:7px;font:600 12.5px var(--j);color:#aab3c8}
.prp-sess-v i{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#8fb0ff;animation:prpTourne .8s linear infinite}
.prp.prp-sobre .prp-sess-cx{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border:0;border-radius:999px;background:#ffd23f;color:#1a1300;font:800 14px var(--j);cursor:pointer}
.prp.prp-sobre .prp-sess-cx:hover{background:#ffe066}
.prp-cpt{display:inline-flex;align-items:center;gap:8px;min-height:40px;max-width:220px;padding:3px 10px 3px 3px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);color:#e8ecf6;font:700 13.5px var(--j);cursor:pointer}
.prp-cpt:hover,.prp-cpt[aria-expanded=true]{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.prp-cpt-av{position:relative;flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1b2340;overflow:visible}
.prp-cpt-av img,.prp-cpt-img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.prp-cpt-av i{font:800 12px var(--j);font-style:normal;color:#cfd7ea}
.prp-cpt-av s{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--neon,#1fe06a);border:2px solid #0f1428}
.prp-cpt-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prp-cpt-ch{flex:none;width:16px;height:16px;fill:none;stroke:#8b94ab;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.prp-cpt[aria-expanded=true] .prp-cpt-ch{transform:rotate(180deg)}
.prp-cpt-m{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:230px;padding:6px;border-radius:14px;background:#141a33;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.prp-cpt-m[hidden]{display:none}
.prp-cpt-st{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px 10px;border-bottom:1px solid rgba(255,255,255,.08);font:600 12.5px var(--j);color:#aab3c8}
.prp-cpt-st i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--neon,#1fe06a)}
.prp-cpt-st b{color:#fff}
.prp-cpt-m [role=menuitem]{display:block;width:100%;min-height:40px;margin-top:2px;padding:0 10px;border:0;border-radius:10px;background:none;color:#e8ecf6;font:600 14px var(--j);text-align:left;cursor:pointer}
.prp-cpt-m [role=menuitem]:hover,.prp-cpt-m [role=menuitem]:focus-visible{background:rgba(255,255,255,.08);outline:none}
.prp-cpt-m .prp-cpt-dx{color:#ffb4b4}
.prp-cpt:focus-visible,.prp-sess-cx:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
/* barre : filtres (une ligne) + Classements / Mon espace */
.prp-barre{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.prp-filtres{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.prp.prp-sobre .prp-ch{flex:1;min-width:0;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.prp.prp-sobre .prp-ch::-webkit-scrollbar{display:none}
.prp.prp-sobre .prp-ch button{flex:none;gap:7px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);font:700 13px var(--j);white-space:nowrap;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.prp.prp-sobre .prp-ch button i{width:8px;height:8px;border-radius:50%}
.prp.prp-sobre .prp-ch button span{color:#7f89a3}
.prp.prp-sobre .prp-ch button[aria-pressed=true]{background:#fff;border-color:#fff;color:#0b1020}
.prp.prp-sobre .prp-ch button[aria-pressed=true] span{color:#56607a}
.prp-champ{display:none}
.prp-acces{flex:none;display:flex;gap:8px}
.prp-ac{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:#e8ecf6;font:700 13.5px var(--j);cursor:pointer;white-space:nowrap}
.prp-ac:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28)}
.prp-ac:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
.prp-ac svg,.prp-zone-ong svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* prochaine clôture : une ligne discrète */
.prp.prp-sobre .prp-nx.prp-nx-l{display:flex;align-items:center;gap:8px;max-width:none;margin:0 0 10px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font:500 13px/1.3 var(--j);color:#aab3c8;white-space:nowrap;overflow:hidden}
.prp.prp-sobre .prp-nx-l::before,.prp.prp-sobre .prp-nx-l::after{display:none}
.prp-nx-li{flex:none;display:inline-flex;align-items:center;gap:6px;color:#8b94ab}
.prp-nx-li svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.prp-nx-lm{min-width:0;overflow:hidden;text-overflow:ellipsis}
.prp-nx-lm b{color:#e8ecf6;font-weight:700}
.prp.prp-sobre .prp-nx-l a{flex:none;margin-left:auto;padding:0;background:none;border:0;color:#ffd23f;font:700 13px var(--j);text-decoration:none}
.prp.prp-sobre .prp-nx-l a:hover{text-decoration:underline}
/* journées : on garde leurs couleurs, on retire les halos */
.prp.prp-sobre .prp-col{box-shadow:none}
.prp.prp-sobre .prc{box-shadow:none}
.prp.prp-sobre .prc.prc-af{box-shadow:0 0 0 1px rgba(255,210,63,.4)}
.prp.prp-sobre .prc.prc-ph{box-shadow:none;border-color:rgba(255,210,63,.4)}
.prp.prp-sobre .prp-box{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
/* règlement et barème, discret en bas de page */
.prp.prp-sobre .prp-rgb{margin-top:22px}
/* volet « Classements / Mon espace » */
.prp-zone[hidden]{display:none}
.prp-zone{position:fixed;inset:0;z-index:55;display:flex;justify-content:flex-end;font-family:var(--j)}
.prp-zone-fond{position:absolute;inset:0;background:rgba(4,6,16,.55)}
.prp-zone-c{position:relative;display:flex;flex-direction:column;width:min(460px,100%);height:100%;background:#0e1325;border-left:1px solid rgba(255,255,255,.1);box-shadow:-24px 0 60px rgba(0,0,0,.45);transform:translateX(28px);opacity:0;transition:transform .2s ease,opacity .2s ease}
.prp-zone-c:focus{outline:none}
.prp-zone.prp-zone-vu .prp-zone-c{transform:none;opacity:1}
.prp-zone-h{display:flex;align-items:center;gap:8px;padding:max(12px,env(safe-area-inset-top)) 12px 12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.prp-zone-ong{flex:1;display:flex;gap:4px;padding:3px;border-radius:999px;background:rgba(255,255,255,.06)}
.prp-zone-ong button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:0;border-radius:999px;background:none;color:#aab3c8;font:700 13.5px var(--j);cursor:pointer}
.prp-zone-ong button[aria-selected=true]{background:#fff;color:#0b1020}
.prp-zone-ong button:focus-visible,.prp-zone-x:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}
.prp-zone-x{flex:none;width:40px;height:40px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:16px;cursor:pointer}
.prp-zone-x:hover{background:rgba(255,255,255,.16)}
.prp-zone-b{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px calc(28px + env(safe-area-inset-bottom))}
.prp-zone-p{display:flex;flex-direction:column;gap:14px}
.prp-zone-p[hidden]{display:none}
.prp-zone-rg{margin:0;font:600 13px var(--j);color:#aab3c8}
.prp-zone-rg:empty{display:none}
html.prp-zone-ouverte{overflow:hidden}
.prp-zone .prp-box{scroll-margin-top:8px}
.prp-zone .prp-top-z .prp-top{gap:8px}
/* Mon espace */
.prp-esp-c{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.prp-esp-av{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1b2340;overflow:hidden}
.prp-esp-av img,.prp-esp-img{width:46px;height:46px;object-fit:cover}
.prp-esp-av i{font:800 15px var(--j);font-style:normal;color:#cfd7ea}
.prp-esp-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.prp-esp-t b{font:800 16px var(--j);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prp-esp-t small{display:flex;align-items:center;gap:6px;font:500 12.5px/1.4 var(--j);color:#aab3c8}
.prp-esp-t small i{width:8px;height:8px;border-radius:50%;background:var(--neon,#1fe06a)}
.prp-esp-b,.prp-esp-b2{flex:none;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:#ffd23f;color:#1a1300;font:800 13px var(--j);cursor:pointer}
.prp-esp-b2{background:rgba(255,255,255,.08);color:#e8ecf6;border:1px solid rgba(255,255,255,.16);font-weight:700}
.prp.prp-sobre .prp-stats.prp-esp-l{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;overflow:visible}
.prp.prp-sobre .prp-esp-l .prp-go-cl{flex:none;width:100%;min-height:56px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
@media (max-width:700px){
  .prp.prp-sobre .prp-in{padding:12px 14px 72px}
  .prp.prp-sobre .prp-tete{margin-bottom:12px}
  .prp.prp-sobre .prp-tete h1{font-size:28px}
  .prp.prp-sobre .prp-tete .prp-s{margin-top:4px;font-size:13.5px}
  .prp-mention2{font-size:12px}
  .prp-cpt{max-width:170px;min-height:38px;font-size:13px}
  .prp.prp-sobre .prp-sess-cx{min-height:36px;padding:0 14px;font-size:13.5px}
  .prp-barre{flex-direction:column-reverse;align-items:stretch;gap:8px;margin-bottom:8px}
  .prp-acces{display:grid;grid-template-columns:1fr 1fr}
  .prp-ac{justify-content:center;min-height:40px}
  .prp.prp-sobre .prp-ch{flex:none;overflow:visible}
  .prp.prp-sobre .prp-ch button[data-f]{display:none}
  .prp.prp-sobre .prp-ch button[data-mes]{min-height:40px}
  .prp-champ{order:-1;position:relative;flex:1;min-width:0;display:flex;align-items:center;min-height:40px;padding:0 34px 0 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:#e8ecf6}
  .prp-champ::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid #aab3c8;border-bottom:2px solid #aab3c8;transform:rotate(45deg);pointer-events:none}
  .prp-champ.prp-champ-on{border-color:#fff;background:rgba(255,255,255,.12)}
  .prp-champ-t{flex:none;margin-right:6px;font:600 12.5px var(--j);color:#8b94ab}
  .prp-champ select{flex:1;min-width:0;height:38px;padding:0;border:0;background:transparent;color:#fff;font:700 14px var(--j);-webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis}
  .prp-champ select:focus{outline:none}
  .prp-champ:focus-within{outline:2px solid #ffd23f;outline-offset:2px}
  .prp-champ select option{color:#0b1020}
  .prp-nx-li span,.prp-nx-li{font-size:0}
  .prp-nx-li svg{width:15px;height:15px}
  .prp-zone-c{width:100%;border-left:0}
}
@media (max-width:360px){.prp-ac{padding:0 10px;font-size:13px}.prp-champ-t{display:none}}
@media (prefers-reduced-motion:reduce){.prp-zone-c{transition:none}.prp-sess-v i{animation:none}}
.prp.prp-sobre .prp-nx-l b{display:inline;margin:0;font:700 13px/1.3 var(--j);color:#e8ecf6}
.prp.prp-sobre .prp-nx-l a{min-height:0;border-radius:0}
.prp.prp-sobre .prp-nx-l a:hover{background:none}
.prp.prp-sobre .prp-ch{margin:0;padding:2px 0}
@media (max-width:700px){
  .prp.prp-sobre .prp-2j-on{margin:0 -14px;padding-left:14px;padding-right:14px}
  html.prp-a-rail .prp.prp-sobre .prp-2j-on{margin-right:-14px;padding-right:14px}
}
.prp-s-c{display:none}
@media (max-width:380px){.prp-s-l{display:none}.prp-s-c{display:inline}.prp-mention2{font-size:11.5px}}
/* cartes de match : moins de décor, les boutons de prono ressortent */
.prp.prp-sobre .prc-sl{display:none}
.prp.prp-sobre .prc-h{filter:saturate(.72) brightness(.92)}
.prp.prp-sobre .pr2-t{border-color:rgba(160,190,255,.38);background:rgba(255,255,255,.09)}
.prp.prp-sobre button.pr2-t:hover{border-color:rgba(200,220,255,.75);background:rgba(255,255,255,.14)}
.prp-mention2 a{white-space:nowrap}
.prp div.prp-tk-sc{display:flex;white-space:normal}
.prp-nx-lm{display:flex;align-items:baseline;gap:5px}
.prp-nx-lm b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prp-nx-lm [data-cd]{flex:none}