/* ============================================================
   TRIBUNE · IDENTITÉ « BLOC » (refonte complète)
   Nouvelle direction : éditoriale et géométrique.
   · Couleurs : blanc pur / noir encre / orange signal (#ff4f1a),
     bleu électrique en couleur secondaire. Mode sombre : graphite.
   · Formes : angles droits (3 px), aucun dégradé, aucune ombre,
     filets fins et blocs pleins, onglets soulignés.
   · Typo : Space Grotesk (titres), Inter (texte), IBM Plex Mono
     (chiffres).
   Chargé en tout dernier : il remplace l'ancien thème partout.
   ============================================================ */
:root{
  --font-display:"Space Grotesk","Inter",system-ui,sans-serif !important;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif !important;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace !important;
}
/* ============================================================
   TRIBUNE · DESIGN « NUIT DE MATCH » (v5)
   Bleu nuit profond, cartes arrondies, orange Tribune pour l'action,
   bleu pour les données, vert / rouge pour gagné / perdu.
   ============================================================ */
:root,:root[data-theme="light"]{
  --bg:#f4f6fb; --surface:#ffffff; --surface-2:#eef1f7; --surface-3:#e4e9f2; --line:#e1e6ef; --panel:#ffffff;
  --fg:#0d1424; --text:#0d1424; --muted:#5f6b82; --accent:#f2561d; --accent-2:#2f6bff; --accent-ink:#ffffff; --gold:#2f6bff; --hl:#f2561d; --hl-ink:#ffffff;
  --live:#e8173a; --win:#0f9f5c; --draw:#b98100; --loss:#e0233d;
  --hdr:#0b1120; --hdr-2:#121a2e; --hdr-fg:#ffffff; --hdr-muted:#9aa6bf; --ink:#0d1424;
  --shadow:0 1px 2px rgba(13,20,36,.06),0 8px 24px -14px rgba(13,20,36,.18); --shadow-h:0 2px 6px rgba(13,20,36,.08),0 18px 40px -18px rgba(13,20,36,.28);
  --r:14px; --r-s:10px; --ds-r-l:18px; --ds-r-m:14px; --ds-r-s:10px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#070b16; --surface:#0f1626; --surface-2:#151e33; --surface-3:#1c2741; --line:#212c45; --panel:#0f1626;
  --fg:#e9eef8; --text:#e9eef8; --muted:#8e9ab3; --accent:#ff6a35; --accent-2:#5b8cff; --accent-ink:#ffffff; --gold:#5b8cff; --hl:#ff6a35; --hl-ink:#ffffff;
  --live:#ff4560; --win:#2bd17e; --draw:#e6b43c; --loss:#ff5468;
  --hdr:#070b16; --hdr-2:#0c1323; --hdr-fg:#ffffff; --hdr-muted:#8e9ab3; --ink:#e9eef8;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px -16px rgba(0,0,0,.6); --shadow-h:0 2px 8px rgba(0,0,0,.4),0 20px 44px -18px rgba(0,0,0,.75);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#070b16; --surface:#0f1626; --surface-2:#151e33; --surface-3:#1c2741; --line:#212c45; --panel:#0f1626;
  --fg:#e9eef8; --text:#e9eef8; --muted:#8e9ab3; --accent:#ff6a35; --accent-2:#5b8cff; --accent-ink:#ffffff; --gold:#5b8cff; --hl:#ff6a35; --hl-ink:#ffffff;
  --live:#ff4560; --win:#2bd17e; --draw:#e6b43c; --loss:#ff5468;
  --hdr:#070b16; --hdr-2:#0c1323; --hdr-fg:#ffffff; --hdr-muted:#8e9ab3; --ink:#e9eef8;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px -16px rgba(0,0,0,.6); --shadow-h:0 2px 8px rgba(0,0,0,.4),0 20px 44px -18px rgba(0,0,0,.75);
  color-scheme:dark}

/* ---------- base ---------- */
html body{background:var(--bg) !important;font-family:var(--font-body) !important;letter-spacing:-.006em;-webkit-font-smoothing:antialiased}
:root[data-theme="dark"] html body,:root:not([data-theme="light"]) body{background:radial-gradient(1200px 600px at 85% -10%,rgba(91,140,255,.10),transparent 60%),radial-gradient(900px 500px at -10% 0%,rgba(255,106,53,.08),transparent 55%),var(--bg) !important;background-attachment:fixed !important}
h1,h2,h3,h4,.brand{font-family:var(--font-display) !important;letter-spacing:-.02em !important}
.num,b.num,td.num{font-family:var(--font-mono)}
::selection{background:var(--accent);color:#fff}

/* ---------- 1. formes : coins arrondis et ombres douces ---------- */
.pitch2 .p i,.mm-st span,.th-st li span,.tool-st span,.ad-step h4 i,.qb-s>b i,.rd-side summary i,.srch-r a .dot,.dot,.co-ph,.pphoto,.lx-dot,.lv-live-dot,.fcm-ph,#pjimg{border-radius:50% !important}

/* ---------- 2. en-tête du site : verre fumé ---------- */
header.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--hdr) 82%,transparent) !important;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(255,255,255,.07) !important;box-shadow:0 10px 30px -20px rgba(0,0,0,.8) !important}
header.top .brand{text-transform:uppercase;font-weight:700 !important}
header.top nav.mainnav .mn-b{border-radius:10px !important;color:#c9d2e6 !important;transition:background .15s,color .15s}
header.top nav.mainnav .mn-b:hover{background:rgba(255,255,255,.07) !important;color:#fff !important}
header.top nav:not(.subbar) a[aria-current="true"],header.top nav button[aria-expanded="true"],header.top .on,header.top [aria-current="page"],.mainnav .mn-b[aria-current="true"],.mainnav .mn-g.on>.mn-b{background:color-mix(in srgb,var(--accent) 18%,transparent) !important;color:#ffb08f !important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent) !important}
header.top .btn-ghost{border-radius:10px !important;border:1px solid rgba(255,255,255,.1) !important;background:rgba(255,255,255,.04) !important;color:#dfe6f5 !important}
header.top .btn-ghost:hover{background:rgba(255,255,255,.1) !important}
.mn-p{border-radius:16px !important;border:1px solid var(--line) !important;box-shadow:var(--shadow-h) !important;background:var(--surface) !important;padding:8px !important}
.mn-p a{border-radius:10px !important}
.mn-p a:hover{background:var(--surface-2) !important}
.subbar{background:color-mix(in srgb,var(--hdr-2) 88%,transparent) !important;border-bottom:1px solid rgba(255,255,255,.06) !important}
.subbar a,.subbar button{border-radius:999px !important;border:1px solid transparent !important;color:#c9d2e6 !important}
.subbar a:hover{background:rgba(255,255,255,.06) !important;color:#fff !important}
.subbar a[aria-current="true"],.subbar a.on{background:var(--accent) !important;color:#fff !important;box-shadow:0 6px 18px -8px color-mix(in srgb,var(--accent) 80%,transparent) !important;border-color:transparent !important}

/* ---------- 3. en-têtes de page : bandeau dégradé ---------- */
.page-h,.bkh,.hero,section.hero,.cpx-hero,.sg-hero,.mm-hero,.cl-hero,.cp-hero,.oc-hero,.pr-hero,.fx-hero,.bkw-hero,.hub-hero,.ph{
  position:relative;overflow:hidden;
  background:radial-gradient(700px 260px at 100% 0%,color-mix(in srgb,var(--accent-2) 30%,transparent),transparent 70%),radial-gradient(600px 240px at 0% 100%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),linear-gradient(135deg,#0d1730,#0a1020) !important;
  border:1px solid rgba(255,255,255,.08) !important;border-radius:20px !important;box-shadow:var(--shadow) !important}
.page-h::after,.bkh::after,.cpx-hero::after,.sg-hero::after,.mm-hero::after,.cl-hero::after,.hero::after,.ph::after,.lx-h1::after{background:none !important}
.page-h h1,.bkh h1,.lx-h1 h1,.ph h1,section.hero h1,.cpx-hero h1,.sg-hero h1,.mm-hero h1,.cl-hero h1,.cp-hero h1,.oc-hero h1,.pr-hero h1,.fx-hero h1,.bkw-hero h1{
  font-family:var(--font-display) !important;font-weight:700 !important;text-transform:none !important;letter-spacing:-.03em !important;color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important}
.page-h p,.bkh p,.cpx-hero p,.sg-hero p,.mm-hero p,.cl-hero p,.cp-hero p,.oc-hero p,.fx-hero p{color:#c3cce0 !important}
.page-h .eyebrow,.bkh .eyebrow,section.hero .eyebrow,.cpx-hero .eyebrow,.sg-hero .eyebrow,.mm-hero .eyebrow,.cl-hero .eyebrow,.cp-hero .eyebrow,.oc-hero .eyebrow,.fx-hero .eyebrow,.ph .eyebrow{color:#ff9a72 !important;font-family:var(--font-mono) !important;letter-spacing:.1em !important}

/* ---------- 4. panneaux : cartes ---------- */
#view .panel,#view .fx-head{background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:18px !important;box-shadow:var(--shadow) !important}
#view .panel-h{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px !important}
#view .panel-h h2{font-family:var(--font-display) !important;text-transform:none !important;letter-spacing:-.02em !important;font-weight:700 !important;padding-left:16px !important}
#view .panel-h h2::before{width:6px !important;height:18px !important;top:50% !important;bottom:auto !important;transform:translateY(-50%);background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 55%,var(--accent-2))) !important;border-radius:99px !important;box-shadow:none !important}
#view .panel-h .src,#view .pill{background:var(--surface-2) !important;color:var(--muted) !important;font-family:var(--font-mono);font-size:10.5px !important;border-radius:999px !important}

/* ---------- 5. tuiles de chiffres ---------- */
#view .kpi,#view .es-k>div,#view .sg-k>div,#view .pk,#view .bi-kp>div,#view .mini{background:var(--surface-2) !important;border:1px solid var(--line) !important;border-radius:14px !important}
#view .kpi b,#view .es-k b,#view .sg-k b,#view .pk b,#view .mini b{font-family:var(--font-display) !important;font-weight:700 !important;letter-spacing:-.02em}
#view .kpi small,#view .es-k small,#view .sg-k small,#view .pk small{font-family:var(--font-body)}

/* ---------- 6. tableaux : clairs et aérés ---------- */
#view table thead th{background:var(--surface-2) !important;color:var(--muted) !important;border-bottom:1px solid var(--line) !important;font-family:var(--font-body) !important;font-weight:700 !important;letter-spacing:.05em !important;font-size:10.5px !important}
#view table thead th button,#view table thead th a{color:inherit !important}
#view table thead th:first-child{border-top-left-radius:10px}#view table thead th:last-child{border-top-right-radius:10px}
#view table td{border-bottom:1px solid var(--line) !important}
#view table tr.sec td,#view table tr.ts-tot td,#view table tr.tot td{background:var(--surface-2) !important;color:var(--fg) !important}
#view table tbody tr:not(.sec):hover>td{background-color:color-mix(in srgb,var(--accent-2) 7%,transparent) !important}
#view .tablewrap{border-radius:14px !important;border:1px solid var(--line) !important;background:var(--surface)}

/* ---------- 7. onglets : pilules ---------- */
.lp-tabs,.eq-sub,.an-tabs,.cp-nav,.co-sw,.cpx-seg,.ts-seg{background:var(--surface-2) !important;border:1px solid var(--line) !important;border-radius:14px !important;padding:4px !important;gap:4px !important;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.lp-tabs button,.eq-sub button,.an-tabs button,.cp-nav button,.co-sw button,.cpx-seg button,.ts-seg button{background:transparent !important;border:0 !important;border-radius:10px !important;color:var(--muted) !important;font-family:var(--font-body) !important;font-weight:600 !important;white-space:nowrap;transition:background .15s,color .15s}
.lp-tabs button:hover,.eq-sub button:hover,.an-tabs button:hover,.cp-nav button:hover,.co-sw button:hover{color:var(--fg) !important;background:color-mix(in srgb,var(--fg) 6%,transparent) !important}
.lp-tabs button[aria-selected="true"],.eq-sub button[aria-selected="true"],.an-tabs button[aria-pressed="true"],.cp-nav button[aria-pressed="true"],.co-sw button[aria-pressed="true"],.cpx-seg button[aria-pressed="true"],.ts-seg button[aria-pressed="true"]{color:var(--fg) !important;background:var(--surface) !important;box-shadow:0 1px 2px rgba(0,0,0,.12),0 6px 16px -10px rgba(0,0,0,.45) !important}
.cpx-seg{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.12) !important}.cpx-seg button{color:rgba(255,255,255,.7) !important}.cpx-seg button[aria-pressed="true"]{color:var(--fg) !important}
.an-tabs button em,.cp-nav button em{background:var(--surface-3,var(--surface-2)) !important;color:var(--fg) !important;border-radius:999px !important}

/* ---------- 8. boutons, filtres, champs ---------- */
#view .btn,#view button.btn,.mini-btn{border-radius:999px !important;font-family:var(--font-body) !important;font-weight:700 !important}
#view .btn,#view button.btn{background:var(--accent) !important;color:#fff !important;border:1px solid transparent !important;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--accent) 80%,transparent) !important}
#view .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.mini-btn{background:var(--surface-2) !important;border:1px solid var(--line) !important;color:var(--fg) !important}
.mini-btn:hover,.mini-btn[aria-pressed="true"]{background:var(--fg) !important;color:var(--bg) !important;border-color:var(--fg) !important}
#view select,#view input[type=search],#view input[type=text],#view input[type=number],#view input[type=date],#view textarea{background-color:var(--surface-2) !important;border:1px solid var(--line) !important;color:var(--fg) !important;font-family:var(--font-body) !important;border-radius:10px !important}
#view select:hover,#view input:hover{border-color:color-mix(in srgb,var(--fg) 25%,var(--line)) !important}
#view .pf-f.on select,#view .uf.on select{background-color:color-mix(in srgb,var(--accent) 16%,var(--surface-2)) !important;color:var(--fg) !important;border-color:var(--accent) !important}
#view #pfBox,#view #upF,#view .up-f2,#view .pf-box{background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:18px !important;box-shadow:var(--shadow) !important}

/* ---------- 9. pastilles, badges, formes ---------- */
#view .fm-chips i,#view .form i,#view .rp-form i{border-radius:2px !important;font-family:var(--font-mono)}
#view .pos-v,#view .tw{color:var(--win) !important}#view .neg-v,#view .tl{color:var(--loss) !important}

/* ---------- 10–14. bulle assistant, pied de page, téléphone ---------- */
.ai-fab{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#ff2d6f)) !important;color:#fff !important;border:0 !important;border-radius:999px !important;box-shadow:0 12px 30px -10px color-mix(in srgb,var(--accent) 75%,transparent) !important}
footer{border-top:1px solid var(--line) !important;background:transparent !important;color:var(--muted)}
#view th[data-s]:not([data-s=""])::after{content:" " attr(data-s)}
@media (max-width:640px){
  .page-h,.bkh,.hero,section.hero,.cpx-hero,.sg-hero,.mm-hero,.cl-hero,.cp-hero,.oc-hero,.fx-hero,.bkw-hero,.lx-h1,.ph{border-radius:16px !important}
  .lp-tabs button,.eq-sub button,.an-tabs button,.cp-nav button{padding:8px 10px !important;font-size:13px !important}
  #view .panel{border-radius:16px !important}
}

/* ---------- 15. Matchs déjà joués : refonte ---------- */
/* onglets en double : la barre du menu suffit */
#view .an-tabs{display:none !important}
/* bandeau bankroll */
#view .ph-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0;background:var(--hdr);color:#fff;border-radius:20px;overflow:hidden;margin:6px 0 12px}
#view .ph-ks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#view .ph-k{padding:16px 18px;border-right:1px solid rgba(255,255,255,.12);display:flex !important;flex-direction:column;gap:4px;min-width:0}
#view .ph-k small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);font-family:var(--font-mono)}
#view .ph-k b{white-space:nowrap;font-family:var(--font-mono);font-size:clamp(17px,1.65vw,26px);font-weight:600;letter-spacing:-.03em;color:#fff;line-height:1.05}
#view .ph-k b b{font-size:inherit}
#view .ph-k.pos b,#view .ph-k.pos b b{color:#2fd08c !important}#view .ph-k.neg b,#view .ph-k.neg b b{color:#ff6b78 !important}
#view .ph-k span{font-size:11.5px;color:rgba(255,255,255,.65)}
#view .ph-c{padding:14px 18px;display:grid;gap:4px}#view .ph-c small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);font-family:var(--font-mono)}
#view .ph-cv{width:100%;height:84px}
#view .bi-kp.ph-sm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important;gap:6px !important}
#view .bi-kp.ph-sm>div{background:var(--surface-2) !important;border:0 !important;border-left:3px solid var(--line) !important;padding:8px 10px !important}
#view .bi-kp.ph-sm>div b{font-size:16px !important;font-family:var(--font-mono)}
#view .bi-kp>div[style*="background"]{background:var(--surface-2) !important}
/* tableau des matchs joués : plus lisible */
#view .pt-wrap{max-height:none !important;border:1px solid var(--line) !important}
#view .pt-t{font-size:12px !important}
#view .pt-t td,#view .pt-t th{padding:7px 6px !important}
#view .pt-t thead tr.pt-g th{background:var(--accent) !important;color:var(--accent-ink) !important;font-size:11px !important}
#view .pt-t tbody tr>td{background:var(--surface) !important}
#view .pt-t tbody tr.pt-win>td{background:color-mix(in srgb,var(--win) 6%,var(--surface)) !important}
#view .pt-t tbody tr.pt-loss>td{background:color-mix(in srgb,var(--loss) 5%,var(--surface)) !important}
#view .pt-t tbody tr.pt-win>td:first-child{box-shadow:inset 4px 0 0 var(--win) !important}
#view .pt-t tbody tr.pt-loss>td:first-child{box-shadow:inset 4px 0 0 var(--loss) !important}
#view .pt-t tbody tr:hover>td{background:color-mix(in srgb,var(--accent) 8%,var(--surface)) !important}
#view .pt-t select{font-size:11px !important;padding:2px 4px !important}
/* filtres plus compacts */
#view #pfBox{padding:12px 14px !important}
#view #pfBox .pf-f>span{font-family:var(--font-mono);font-size:10px !important}
@media (max-width:900px){#view .ph-hero{grid-template-columns:1fr}#view .ph-ks{grid-template-columns:repeat(2,minmax(0,1fr))}#view .ph-k{border-bottom:1px solid rgba(255,255,255,.12)}}
/* statistiques bankroll façon tableau Excel */
#view .xs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-items:start}
#view .xs-g{border:1px solid var(--line);border-radius:14px;background:var(--surface)}
#view .xs-g h4{margin:0;padding:8px 12px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;background:var(--surface-2);font-family:var(--font-mono)}
#view .xs-r{display:flex;justify-content:space-between;gap:10px;padding:6px 12px;border-top:1px solid var(--line);font-size:13px}
#view .xs-r span{color:var(--muted)}#view .xs-r b{font-family:var(--font-mono);font-weight:600;white-space:nowrap}#view .xs-r b span{color:inherit}
#view .xs-g.evo{grid-column:1/-1}#view .xs-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}#view .xs-in .xs-r{border-right:1px solid var(--line)}
/* tableau des matchs terminés : tout visible, sans défilement horizontal */
#view :is(#pastT,#mpT) .pt-wrap{overflow:visible !important;max-height:none !important}
#view :is(#pastT,#mpT) .pt-t{width:100% !important;table-layout:fixed !important;min-width:0 !important;font-size:10.5px !important}
#view :is(#pastT,#mpT) .pt-t th,#view :is(#pastT,#mpT) .pt-t td{white-space:normal !important;word-break:break-word;overflow-wrap:anywhere;padding:5px 3px !important;line-height:1.2}
#view :is(#pastT,#mpT) .pt-t thead th{font-size:8.5px !important;letter-spacing:.02em !important}
#view :is(#pastT,#mpT) .pt-t td:nth-child(1){width:2.2%}
#view :is(#pastT,#mpT) .pt-t td:nth-child(2),#view :is(#pastT,#mpT) .pt-t td:nth-child(3){width:6%}
#view :is(#pastT,#mpT) .pt-t td:nth-child(4){width:5%}
#view :is(#pastT,#mpT) .pt-t td:nth-child(5),#view :is(#pastT,#mpT) .pt-t td:nth-child(6),#view :is(#pastT,#mpT) .pt-t td:nth-child(7),#view :is(#pastT,#mpT) .pt-t td:nth-child(8){width:3.4%}
#view :is(#pastT,#mpT) .pt-t td:nth-child(9){width:6%}#view :is(#pastT,#mpT) .pt-t td:nth-child(10){width:6.5%}#view :is(#pastT,#mpT) .pt-t td:nth-child(11){width:9%}
#view :is(#pastT,#mpT) .pt-t td:nth-child(n+12){width:auto}
#view :is(#pastT,#mpT) .pt-t td small{font-size:9px}
#view :is(#pastT,#mpT) .pt-t select{width:100%;max-width:46px;font-size:10px !important;padding:1px !important}
#view :is(#pastT,#mpT) .pt-t .bkf b{font-size:11px}
@media (max-width:1100px){#view :is(#pastT,#mpT) .pt-t{font-size:9.5px !important}#view :is(#pastT,#mpT) .pt-t thead th{font-size:7.5px !important}}
/* téléphone : chaque match devient une fiche, plus aucun défilement */
@media (max-width:760px){
  #view :is(#pastT,#mpT) .pt-t,#view :is(#pastT,#mpT) .pt-t tbody{display:block;width:100% !important}
  #view :is(#pastT,#mpT) .pt-t thead{display:none}
  #view :is(#pastT,#mpT) .pt-t tr{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin-bottom:10px;border:1px solid var(--line);padding:8px 10px;background:var(--surface)}
  #view :is(#pastT,#mpT) .pt-t tr.pt-win{border-left:5px solid var(--win)}#view :is(#pastT,#mpT) .pt-t tr.pt-loss{border-left:5px solid var(--loss)}
  #view :is(#pastT,#mpT) .pt-t td{display:flex !important;justify-content:space-between;gap:6px;width:auto !important;border:0 !important;border-bottom:1px dashed var(--line) !important;padding:4px 0 !important;font-size:12px !important;text-align:right !important;background:none !important;box-shadow:none !important}
  #view :is(#pastT,#mpT) .pt-t td::before{content:attr(data-l);font-size:9.5px;font-weight:700;color:var(--muted);text-transform:uppercase;text-align:left;font-family:var(--font-mono)}
  #view :is(#pastT,#mpT) .pt-t td:nth-child(2),#view :is(#pastT,#mpT) .pt-t td:nth-child(3),#view :is(#pastT,#mpT) .pt-t td:nth-child(11){grid-column:span 2}
  #view :is(#pastT,#mpT) .pt-t td:nth-child(6),#view :is(#pastT,#mpT) .pt-t td:nth-child(7){display:none !important}
}
/* fiche joueur : logos de clubs toujours petits */
#view #pjcar img,#view #pjtr img,#view #pjpal img,#view .ce-chip img,#view .ce-tr img,#view #pjcar .tlogo-s{width:22px !important;height:22px !important;max-width:22px !important;object-fit:contain}

/* ===== 16. Onglets bien visibles (menus de page et sous-menus) ===== */
#view .lp-tabs{background:var(--surface-2) !important;border-radius:14px !important;border:1px solid var(--line) !important;padding:5px !important;gap:4px !important;display:flex !important;overflow-x:auto;scrollbar-width:none;margin:14px 0 !important}
#view .lp-tabs::-webkit-scrollbar{display:none}
#view .lp-tabs button{flex:0 0 auto;color:var(--muted) !important;border:0 !important;border-radius:10px !important;padding:11px 16px !important;font-weight:700 !important;font-size:14px !important;letter-spacing:.03em;background:transparent !important}
#view .lp-tabs button:hover{color:var(--bg) !important;background:color-mix(in srgb,var(--bg) 14%,transparent) !important}
#view .lp-tabs button[aria-selected="true"]{background:var(--accent) !important;color:#fff !important;border:0 !important;box-shadow:0 2px 0 rgba(0,0,0,.25) inset !important}
#view :is(.eq-sub,.an-tabs,.cp-nav,.co-sw,.cpx-seg,.ts-seg,.mx-tabs,.tabs){border-bottom:2px solid var(--fg) !important;gap:2px !important}
#view :is(.eq-sub,.an-tabs,.cp-nav,.co-sw,.cpx-seg,.ts-seg,.tabs) button{color:color-mix(in srgb,var(--fg) 72%,transparent) !important;font-weight:700 !important}
#view :is(.eq-sub,.an-tabs,.cp-nav,.co-sw,.cpx-seg,.ts-seg,.mx-tabs,.tabs) button:hover{background:var(--surface-2) !important;color:var(--fg) !important}
#view :is(.eq-sub button[aria-selected="true"],.an-tabs button[aria-pressed="true"],.cp-nav button[aria-pressed="true"],.co-sw button[aria-pressed="true"],.cpx-seg button[aria-pressed="true"],.ts-seg button[aria-pressed="true"],.mx-tabs button[aria-selected="true"],.tabs button[aria-selected="true"],.tabs button[aria-pressed="true"]){background:color-mix(in srgb,var(--accent) 13%,transparent) !important;color:var(--fg) !important;border-bottom:4px solid var(--accent) !important;font-weight:800 !important}
@media(max-width:640px){#view .lp-tabs button{padding:10px 12px !important;font-size:12.5px !important}}

/* ===== 17. Rubriques du match : barre principale bien visible ===== */
#view .fx-tabs2{background:var(--surface-2) !important;border-radius:14px !important;padding:6px !important;gap:6px !important;border:0 !important;margin:12px 0 16px !important;backdrop-filter:none !important}
#view .fx-tabs2 button{background:transparent !important;border:1px solid transparent !important;border-radius:10px !important;color:var(--muted) !important;padding:12px 12px !important;box-shadow:none !important}
#view .fx-tabs2 button b{font-size:14.5px !important;text-transform:uppercase;letter-spacing:.02em}
#view .fx-tabs2 button small{color:color-mix(in srgb,var(--bg) 65%,transparent) !important;font-size:11px !important}
#view .fx-tabs2 button:hover{background:color-mix(in srgb,var(--bg) 18%,transparent) !important}
#view .fx-tabs2 button[aria-selected="true"]{background:var(--accent) !important;border-color:var(--accent) !important;color:#fff !important;box-shadow:none !important}
#view .fx-tabs2 button[aria-selected="true"] small{color:rgba(255,255,255,.85) !important}
@media(max-width:760px){#view .fx-tabs2{grid-template-columns:repeat(3,1fr) !important}#view .fx-tabs2 button{padding:10px 6px !important}#view .fx-tabs2 button b{font-size:12px !important}}

/* ===== 18. Barre des pages de la rubrique (toujours visible, bien lisible) ===== */
nav.subbar{display:flex !important;gap:4px !important;padding:6px 8px !important;overflow-x:auto;scrollbar-width:none;align-items:center}
nav.subbar[hidden]{display:none !important}
nav.subbar::-webkit-scrollbar{display:none}
nav.subbar .sb-g{flex:0 0 auto;display:inline-flex;gap:6px;align-items:center;font:800 11px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);padding:0 10px 0 4px;margin-right:4px;border-right:1px solid #3a3a3e}
nav.subbar a{flex:0 0 auto;font-weight:700 !important;font-size:13.5px !important;padding:8px 12px !important;color:rgba(255,255,255,.82) !important;white-space:nowrap}
nav.subbar a:hover{background:rgba(255,255,255,.1) !important;color:#fff !important}
nav.subbar a[aria-current="true"]{background:var(--accent) !important;color:#fff !important;box-shadow:none !important}
#view :is(#lpTabs,.eq-tabs,.pj-tabs){position:sticky;top:calc(var(--hdrh,64px) + 2px);z-index:20;margin:0 0 14px !important}
@media(max-width:640px){#view :is(#lpTabs,.eq-tabs,.pj-tabs){top:calc(var(--hdrh,56px) + 44px)}}
#view .up-fam.val{background:var(--win) !important;color:#fff !important;border-color:var(--win) !important;font-weight:800 !important}

/* ===== 19. Matchs à venir : tableau refait ===== */
#view .up-wrap{border:1px solid var(--line) !important;box-shadow:var(--shadow);border-radius:10px !important;max-height:none !important;background:var(--bg)}
#view .up-t{font-size:13px !important;border-collapse:collapse !important}
#view .up-t thead th{background:var(--surface-2) !important;color:var(--muted) !important;font:800 10px var(--font-mono,monospace) !important;letter-spacing:.07em !important;padding:10px 8px !important;top:0 !important}
#view .up-t td{padding:10px 8px !important;border-bottom:1px solid var(--line) !important;background:var(--bg)}
#view .up-t tbody tr.up-r:nth-child(even) td{background:var(--bg) !important}
#view .up-t tbody tr.up-r:hover td{background:var(--surface-2) !important}
/* séparateur de jour */
#view .up-t tr.up-day td{background:var(--surface-2) !important;color:var(--fg) !important;font:800 12px var(--font-mono,monospace) !important;text-transform:uppercase !important;letter-spacing:.08em;padding:9px 12px !important;border-top:2px solid var(--fg) !important;border-bottom:1px solid var(--line) !important}
/* heure et championnat */
#view .up-t .up-time{font:800 14px var(--font-mono,monospace) !important}
#view .up-t .up-live{display:table !important;margin:4px auto 0;background:var(--live,#e5484d);color:#fff !important;padding:1px 6px;font-size:10px !important}
#view .up-t .up-lg{font-size:11.5px !important;color:var(--muted) !important;font-weight:600}
/* équipes et score */
#view .up-t .up-h a,#view .up-t .up-a a{font-size:14px !important;font-weight:800 !important;gap:8px !important}
#view .up-t .tlogo-s{width:22px !important;height:22px !important;object-fit:contain}
#view .up-t .up-sc{font:700 11px var(--font-mono,monospace) !important;color:var(--muted) !important}
#view .up-t .up-sc b{border-radius:2px !important;font-size:14px !important;padding:3px 8px !important}
#view .up-t .xg-pill{background:var(--surface-2) !important;color:var(--muted) !important;border:0 !important;border-radius:2px !important;font:700 10px var(--font-mono,monospace) !important;padding:2px 5px !important}
/* ligne avec une value : bien visible */
#view .up-t tr.up-r[data-v] td{background:color-mix(in srgb,var(--win) 6%,var(--bg)) !important}
#view .up-t tr.up-r[data-v] td:first-child{box-shadow:inset 5px 0 0 var(--win)}
#view .up-t tr.up-r[data-v]:hover td{background:color-mix(in srgb,var(--win) 12%,var(--bg)) !important}
#view .up-t tr.up-r.nov td{opacity:.6}
#view .up-t tr.up-r.nov:hover td{opacity:1}
#view .up-t .up-nov{background:var(--surface-2) !important;color:var(--muted) !important;border-radius:2px !important;font:800 10px var(--font-mono,monospace) !important;text-transform:uppercase;padding:3px 7px !important}
/* pari, probabilité, cote, value */
#view .up-t .up-fam{border-radius:2px !important;font:800 10.5px var(--font-mono,monospace) !important;text-transform:uppercase;padding:4px 7px !important;letter-spacing:.02em}
#view .up-t td[id^="bx-"] b{font-size:13.5px}
#view .up-t .up-pb{width:56px !important;height:6px !important;border-radius:10px !important;background:var(--surface-2) !important;display:block !important;margin:0 0 4px auto !important}
#view .up-t .up-pb i{background:var(--accent) !important}
#view .up-t td[id^="bp-"] b{font:800 14px var(--font-mono,monospace)}
#view .up-t td[id^="be-"]{font:600 13px var(--font-mono,monospace);color:var(--muted)}
#view .up-t .up-odd{border-radius:2px !important;font-size:15px !important;padding:5px 10px !important;border-width:2px !important}
#view .up-t .up-v{border-radius:2px !important;font:800 13.5px var(--font-mono,monospace) !important;padding:5px 9px !important}
#view .up-t td[id^="bb-"]{font-size:12.5px;font-weight:700}
#view .up-t .up-allb{display:block;margin-top:5px;border-radius:2px !important;font-size:11px !important;padding:3px 7px !important;background:transparent !important}
#view .up-t tr.up-x td{background:color-mix(in srgb,var(--win) 3%,var(--bg)) !important;font-size:12px}
/* téléphone : chaque match devient une carte */
@media(max-width:820px){
  #view .up-wrap{border:0 !important;overflow:visible !important}
  #view .up-t,#view .up-t tbody{display:block}
  #view .up-t thead{display:none}
  #view .up-t tr.up-day{display:block}#view .up-t tr.up-day td{display:block}
  #view .up-t tr.up-r{display:grid;grid-template-columns:1fr auto 1fr;gap:6px 10px;padding:12px;border:1px solid var(--line);margin:8px 0;background:var(--bg);position:relative}
  #view .up-t tr.up-r[data-v]{border-color:var(--win);box-shadow:inset 5px 0 0 var(--win)}
  #view .up-t tr.up-r td{display:block;padding:0 !important;border:0 !important;background:transparent !important;text-align:left !important}
  #view .up-t tr.up-r td:first-child{box-shadow:none}
  #view .up-t tr.up-r[data-v]{background:color-mix(in srgb,var(--win) 6%,var(--bg))}
  #view .up-t tr.up-r[data-v] td,#view .up-t tr.up-r[data-v]:hover td{background:transparent !important}
  #view .up-t tr.up-r[data-v] td:first-child{box-shadow:none}
  #view .up-t tr.up-r .up-pb{margin:3px 0 !important}
  #view .up-t .up-allb{display:inline-block;margin:0 0 0 6px}
  #view .up-t tr.up-x{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;padding:8px 12px;margin:-6px 0 8px;border:1px dashed var(--win)}
  #view .up-t tr.up-x td{display:block;padding:0 !important;border:0 !important}
  #view .up-t tr.up-ob{display:block}#view .up-t tr.up-ob>td{display:block}
}
/* menu principal plus compact quand il y a beaucoup de rubriques */
@media(max-width:1560px){header.top .mainnav .mn-b{padding-left:8px !important;padding-right:8px !important;font-size:13.5px !important;gap:5px !important}header.top .mainnav .mn-b svg:first-child{display:none}}
@media(max-width:1300px){header.top .mainnav .mn-b{padding-left:6px !important;padding-right:6px !important;font-size:12.5px !important}header.top .mainnav .mn-b .chev{display:none}}

/* 20. Matchs déjà joués : statistiques centrées dans les tableaux */
#view .pt-t th,#view .pt-t td,#view .ts-t th,#view .ts-t td,#view .vb-t th,#view .vb-t td,#view .up-t th,#view .up-t td{text-align:center !important;vertical-align:middle !important}
#view .pt-t td.num,#view .ts-t td.num,#view .vb-t td.num,#view .up-t td.num{text-align:center !important}
#view .pt-t td > a,#view .pt-t td > span:not(.bk-pop),#view .vb-t td > a,#view .up-t td > a,#view .ts-t td .ts-lab{justify-content:center}
#view .pt-t td > div:not(.ob-w),#view .vb-t td > div:not(.ob-w){margin-left:auto;margin-right:auto;justify-content:center}
#view .ts-t td.l,#view .ts-t th.l{text-align:left !important}

/* 21. Fiche d'analyse d'un match : barre d'onglets compacte (une ligne) */
#view .fx-tabs2{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;scrollbar-width:none;gap:6px !important;background:var(--bg) !important;border:0 !important;border-bottom:1px solid var(--line) !important;padding:8px 0 !important;margin:10px 0 14px !important;grid-template-columns:none !important}
#view .fx-tabs2::-webkit-scrollbar{display:none}
#view .fx-tabs2 button{flex:0 0 auto !important;display:inline-flex !important;align-items:center;gap:6px;background:var(--surface) !important;border:1px solid var(--line) !important;color:var(--fg) !important;border-radius:999px !important;padding:9px 16px !important;white-space:nowrap}
#view .fx-tabs2 button b{font-size:13px !important;text-transform:none !important;letter-spacing:0 !important}
#view .fx-tabs2 button small{display:none !important}
#view .fx-tabs2 button:hover{border-color:var(--accent) !important;background:var(--surface) !important}
#view .fx-tabs2 button[aria-selected="true"]{background:var(--accent) !important;border-color:var(--accent) !important;color:#fff !important}
@media(max-width:760px){#view .fx-tabs2{position:sticky !important;top:calc(var(--hdrh,56px)) !important;z-index:6}#view .fx-tabs2 button{padding:8px 12px !important}#view .fx-tabs2 button b{font-size:12.5px !important}}
/* liste des paris : groupes compacts */
#view .mk-g>h4{background:transparent !important;border-bottom:1px solid var(--line);font-size:14px !important;padding:10px 12px 8px !important}
#view .mk-hd{position:sticky;top:calc(var(--hdrh,64px) + 52px);z-index:3;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;overflow:hidden;background:var(--bg)}
#view .mk-list.noob .ob{display:none !important}
#view .mk-list.noob .mk-r{grid-template-columns:minmax(0,1.8fr) 74px 66px 110px 92px 80px 64px 34px}
@media(max-width:760px){#view .mk-list.noob .mk-r{grid-template-columns:minmax(0,1fr) 62px 74px 64px 30px}#view .mk-hd{top:calc(var(--hdrh,56px) + 50px)}}
#view .mk-r .ln{display:inline-block;min-width:44px;font-weight:800;font-variant-numeric:tabular-nums}

/* 22. Téléphone : bouton assistant compact, en-tête équipe plus serré */
@media(max-width:760px){
  .ai-fab{padding:12px !important;bottom:calc(74px + env(safe-area-inset-bottom,0px)) !important;right:12px !important}
  .ai-fab span,.ai-fab b{display:none !important}
  #eq section.hero{min-height:0 !important;padding:16px !important;gap:10px !important}
  #eq section.hero .row-actions{margin:0 !important;width:100%}
  #eq section.hero .row-actions:empty{display:none}
  #view .tablewrap{-webkit-overflow-scrolling:touch}
}
#view .pt-t td.pt-tm .nl{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}#view .pt-t td.pt-tm img{width:18px;height:18px;object-fit:contain;flex:none}
/* 23. Matchs à venir : pari en direct perdant au score actuel = orange, gagnant = vert */
#view .up-t tr.up-r.up-losing td{background:color-mix(in srgb,#ff8a00 22%,var(--bg)) !important}
#view .up-t tr.up-r.up-losing td:first-child{box-shadow:inset 6px 0 0 #ff8a00 !important}
#view .up-t tr.up-r.up-winning td{background:color-mix(in srgb,var(--win) 14%,var(--bg)) !important}
#view .up-t tr.up-r.up-winning td:first-child{box-shadow:inset 6px 0 0 var(--win) !important}
/* 24. Barre des championnats sous l'en-tête : sans barre de défilement visible */
header.top nav.leagues{scrollbar-width:none !important;-ms-overflow-style:none}
header.top nav.leagues::-webkit-scrollbar{display:none !important;height:0 !important}
@media(max-width:760px){.pjx-top{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px}.pjx-top .pjx-tc{flex:0 0 82%;scroll-snap-align:start}}

/* 25. Le Book : le livre */
.bk-livre{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;background:#0b0b0c;color:#fff;border-left:6px solid #ff4f1a;padding:18px 22px;margin:16px 0}
.bk-livre img{width:100%;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.bk-livre h2{color:#fff;font-size:clamp(22px,3vw,32px);margin:4px 0 8px}.bk-livre p{color:rgba(255,255,255,.85);line-height:1.55;margin:0 0 10px}
.bk-livre .eyebrow{color:#ff4f1a}.bk-livre-k{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.bk-livre-k span{border:1px solid rgba(255,255,255,.2);padding:5px 10px;font-size:13px}.bk-livre-k b{color:#ff4f1a;margin-right:4px}
.bk-livre-b{display:flex;flex-wrap:wrap;gap:8px}.bk-livre-b .btn{text-decoration:none}.bk-livre-b .ghost{background:transparent !important;border:1px solid #fff !important;color:#fff !important}
@media(max-width:640px){.bk-livre{grid-template-columns:110px 1fr;gap:14px;padding:14px}.bk-livre p{font-size:13px}}
#view .up-t .up-lv{display:inline-grid;gap:2px;padding:5px 8px;font:800 11px var(--font-mono,monospace);white-space:nowrap;text-align:center}
#view .up-t .up-lv small{font:700 10px var(--font-mono,monospace);opacity:.85}
#view .up-t .up-lv.w{background:var(--win);color:#fff}#view .up-t .up-lv.l{background:#ff8a00;color:#111}#view .up-t .up-lv.n{background:var(--surface-2);color:var(--fg)}
/* 26. Comparer : logos des deux équipes mis en valeur */
#view .cp-side .cp-id{flex-direction:column;justify-content:center;text-align:center;gap:10px;min-height:150px;padding:8px 0 4px}
#view .cp-side .cp-id img{width:96px !important;height:96px !important;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));transition:transform .2s}
#view .cp-side .cp-id img:hover{transform:scale(1.06)}
#view .cp-side .cp-id b{font-size:21px !important;line-height:1.15}
#view .cp-side.a{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface) 60%) !important}
#view .cp-side.b{background:linear-gradient(180deg,color-mix(in srgb,var(--gold,#d6a019) 16%,var(--surface)),var(--surface) 60%) !important}
#view .cp-pick .cp-vs{font:900 clamp(26px,4vw,44px)/1 var(--font-display) !important;align-self:center;color:var(--accent)}
#view .cpx-sum .s small:first-child{font-size:13px !important}
@media(max-width:760px){#view .cp-side .cp-id{min-height:110px}#view .cp-side .cp-id img{width:68px !important;height:68px !important}#view .cp-side .cp-id b{font-size:18px !important}}
#view .cpx-sum .cpx-lg{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 6px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3))}

/* ===== 27. Classements : toute la rubrique ===== */
#view .cl-panel{border-radius:10px !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}
#view .cl-tabs{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;gap:0 !important;border-bottom:2px solid var(--fg) !important;padding:0 !important;margin:0 0 16px !important}
#view .cl-tabs::-webkit-scrollbar{display:none}
#view .cl-tabs .mini-btn{flex:none;border:0 !important;border-bottom:3px solid transparent !important;margin-bottom:-2px;background:transparent !important;color:color-mix(in srgb,var(--fg) 70%,transparent) !important;padding:11px 14px !important;font:700 14px var(--font-body,inherit) !important;white-space:nowrap;border-radius:10px !important}
#view .cl-tabs .mini-btn:hover{color:var(--fg) !important;background:var(--surface-2) !important}
#view .cl-tabs .mini-btn[aria-pressed="true"]{color:var(--fg) !important;border-bottom-color:var(--accent) !important;background:color-mix(in srgb,var(--accent) 10%,transparent) !important}
#view .cl-lg{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;align-items:center}#view .cl-lg::-webkit-scrollbar{display:none}
#view .cl-lg .mini-btn{flex:none;display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line) !important;background:var(--surface) !important;color:var(--fg) !important;padding:6px 11px !important;font:700 12.5px var(--font-body,inherit) !important;white-space:nowrap}
#view .cl-lg .mini-btn[aria-pressed="true"]{background:var(--accent) !important;border-color:var(--accent) !important;color:#fff !important}
#view .cl-lg select{flex:none}
#view .cl-back{display:inline-flex;gap:6px;border:1px solid var(--line);padding:6px 12px;background:var(--surface);color:var(--fg)}
#view #clF{background:var(--surface);border:1px solid var(--line);padding:10px 12px;gap:8px}
#view #clF select,#view #clF input{border:1px solid var(--line);background:var(--bg);color:var(--fg);padding:7px 10px;font:600 13px var(--font-body,inherit)}
#view #clF .hint{font:800 10.5px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em}
#view .st-w{border:1px solid var(--line);background:var(--surface)}
#view .st-t{font-size:13.5px}
#view .st-t thead th{background:var(--surface-2) !important;color:var(--muted) !important;font:800 10.5px var(--font-mono,monospace) !important;padding:10px 6px !important;border:0 !important;position:sticky;top:0;z-index:1}
#view .st-t td{padding:8px 6px !important;text-align:center}
#view .st-t td.l{text-align:left}
#view .st-t tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}
#view .st-t tbody tr:hover td{background:color-mix(in srgb,var(--accent) 9%,transparent) !important}
#view .st-t tr.r1 td{background:color-mix(in srgb,#f5b73b 12%,transparent) !important}
#view .st-rk{border-radius:10px !important;min-width:26px;height:26px;font-family:var(--font-mono,monospace)}
#view .st-tm span{font-weight:700}
#view .st-pt{border-radius:10px !important;background:var(--accent) !important;color:#fff !important;min-width:34px;padding:3px 6px}
#view .st-lgd{gap:8px 16px;padding:10px 12px;border:1px solid var(--line);border-top:0;margin-top:0;background:var(--surface)}
#view .st-lgd i{border-radius:10px !important}
#view .st-g{font:800 13px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;margin:18px 0 6px;padding-left:8px;border-left:3px solid var(--accent)}
#view .cl-src{font-size:12px;color:var(--muted);margin-top:10px}
#view .clk-intro{margin:0 0 12px;color:var(--muted);font-size:13.5px;max-width:760px}
#view .clk-pods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
#view .clk-pd{display:grid;justify-items:center;gap:4px;padding:14px 10px;border:1px solid var(--line);background:var(--surface);text-align:center;position:relative}
#view .clk-pd.p1{border-top:4px solid #f5b73b;background:linear-gradient(180deg,color-mix(in srgb,#f5b73b 12%,var(--surface)),var(--surface))}
#view .clk-pd.p2{border-top:4px solid #b8c0cc}#view .clk-pd.p3{border-top:4px solid #cd7f32}
#view .clk-pd .m{font-size:22px;line-height:1}#view .clk-pd b{font:800 15px var(--font-display)}#view .clk-pd .v{font:800 20px var(--font-mono,monospace)}#view .clk-pd small{font-size:11px;color:var(--muted)}
#view .clk-t{width:100%;border-collapse:collapse;font-size:13.5px}
#view .clk-t thead th{background:var(--fg);color:var(--bg);font:800 10.5px var(--font-mono,monospace);text-transform:uppercase;padding:10px 6px;position:sticky;top:0}
#view .clk-t td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums}
#view .clk-t td.l,#view .clk-t th.l{text-align:left}
#view .clk-t tbody tr:hover td{background:color-mix(in srgb,var(--accent) 8%,transparent)}
#view .clk-t tr.z1 .clk-rk{background:var(--accent);color:#fff}#view .clk-t tr.z2 .clk-rk{background:color-mix(in srgb,var(--accent) 45%,var(--bg))}
#view .clk-rk{display:inline-grid;place-items:center;min-width:26px;height:26px;background:var(--bg);font:800 12px var(--font-mono,monospace)}
#view .clk-n{display:inline-flex;gap:8px;align-items:center}
#view .clk-bar{display:inline-block;width:110px;height:6px;background:var(--bg);vertical-align:middle;margin-right:8px}#view .clk-bar i{display:block;height:100%;background:var(--accent)}
#view .clk-v{font-family:var(--font-mono,monospace)}
@media(max-width:760px){#view .clk-t .hm{display:none}#view .clk-bar{width:50px}#view .clk-pods{gap:6px}#view .clk-pd{padding:10px 4px}#view .clk-pd b{font-size:13px}#view .clk-pd .v{font-size:16px}
  #view .st-t td:nth-child(2),#view .st-t th:nth-child(2){position:sticky;left:0;background:var(--surface);z-index:1}}

/* ===== 28. Fiche match (#direct-…) : design ===== */
#view .mx-board{border-radius:0;border-top:4px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 70%);padding:28px 20px 18px}
#view .mx-team img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}
#view .mx-score .c{border-radius:0;font-family:var(--font-mono,monospace)}
#view .mx-sc{font-size:12.5px}
#view .mx-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px}
#view #mx>.panel{border-radius:0;padding:0 18px 18px !important}
#view .mx-tabs{border-bottom:2px solid var(--fg) !important;gap:0 !important;scrollbar-width:none}
#view .mx-tabs button{font-weight:700 !important;font-size:14px;padding:12px 14px !important;border-bottom:3px solid transparent;margin-bottom:-2px;color:color-mix(in srgb,var(--fg) 70%,transparent) !important}
#view .mx-tabs button[aria-selected="true"]{color:var(--fg) !important;border-bottom-color:var(--accent) !important;background:color-mix(in srgb,var(--accent) 9%,transparent)}
#view .tl{border:1px solid var(--line);background:var(--surface)}
#view .tl-row{padding:9px 12px;border-bottom:1px solid var(--line)}
#view .tl-row:nth-child(even){background:color-mix(in srgb,var(--surface-2) 40%,transparent)}
#view .tl-row .min{font-weight:800;color:var(--fg);background:var(--bg);padding:3px 0}
#view .tl-sep{background:var(--surface-2) !important;color:var(--muted) !important;font-family:var(--font-mono,monospace)}
#view .rs-story{border-radius:10px !important;border-left:4px solid var(--accent) !important}
#view .rs-k div,#view .rs-box,#view .rs-motm,#view .pr-c{border-radius:10px !important}
#view .rs-motm .n{border-radius:10px !important}
/* statistiques groupées */
#view .sx-hd{display:flex;justify-content:space-between;gap:10px;font:800 14px var(--font-display);text-transform:uppercase;padding:10px 12px;background:var(--fg);color:var(--bg)}
#view .sx-hd span{display:flex;gap:8px;align-items:center}#view .sx-hd img{width:24px;height:24px;object-fit:contain}
#view .sx{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;margin-top:12px}
#view .sx-g{border:1px solid var(--line);background:var(--surface);padding:10px 14px}
#view .sx-g h4{margin:0 0 6px;font:800 12px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.06em}
#view .sx-r{display:grid;grid-template-columns:62px 1fr 62px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--line)}#view .sx-r:last-child{border:0}
#view .sx-r b{font:600 14px var(--font-mono,monospace);color:var(--muted)}#view .sx-r b:last-child{text-align:right}#view .sx-r b.w{color:var(--fg);font-weight:800}
#view .sx-c{display:grid;gap:4px;text-align:center;font-size:12.5px;font-weight:700}
#view .sx-bb{display:grid;grid-template-columns:1fr 1fr;gap:3px}#view .sx-bb span{height:7px;background:var(--bg);display:flex}#view .sx-bb span:first-child{justify-content:flex-end}
#view .sx-bb span:first-child i{background:var(--accent)}#view .sx-bb span:last-child i{background:var(--away,#3b82f6)}#view .sx-bb i{display:block;height:100%}
/* commentaire */
#view .cmx-f{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px}#view .cmx-f::-webkit-scrollbar{display:none}
#view .cmx-f button{flex:none;border:1px solid var(--line);background:var(--surface);padding:6px 11px;font:700 12.5px var(--font-body,inherit);color:var(--fg);cursor:pointer}
#view .cmx-f button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}#view .cmx-f em{font-style:normal;opacity:.7;margin-left:5px;font-size:11px}
#view .cmx{border:1px solid var(--line);background:var(--surface);max-height:680px;overflow:auto}
#view .cmx-i{display:grid;grid-template-columns:50px 28px 1fr;gap:10px;align-items:start;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
#view .cmx-i[hidden]{display:none}
#view .cmx-i .m{font:800 13px var(--font-mono,monospace);text-align:center;background:var(--bg);padding:2px 0}
#view .cmx-i .ic{text-align:center}
#view .cmx-i.k-but{background:color-mix(in srgb,var(--win) 12%,var(--surface));font-weight:700;border-left:4px solid var(--win)}
#view .cmx-i.k-carton{background:color-mix(in srgb,#e9c21a 10%,var(--surface))}#view .cmx-i.red{background:color-mix(in srgb,var(--loss) 12%,var(--surface));border-left:4px solid var(--loss)}
#view .cmx-i.k-per{background:var(--fg);color:var(--bg);font-weight:800;text-transform:uppercase;font-size:12.5px;letter-spacing:.04em}#view .cmx-i.k-per .m{background:transparent;color:var(--bg)}
#view .cmx-i.k-chg .tx,#view .cmx-i.k-faute .tx,#view .cmx-i.k-hj .tx{color:color-mix(in srgb,var(--fg) 80%,transparent)}
/* compositions, stats joueurs, forme */
#view .lu>div{border:1px solid var(--line);background:var(--surface);padding:12px 14px}
#view .lu h3{border-bottom:2px solid var(--fg);padding-bottom:8px;margin:0}
#view .lu li{padding:7px 4px}#view .lu li:hover{background:var(--surface-2)}
#view .lu li .p{background:var(--bg);text-align:center;padding:2px 0}
#view #mxp .tablewrap table thead th{background:var(--fg);color:var(--bg);font:800 10.5px var(--font-mono,monospace);text-transform:uppercase}
#view #mxp .tablewrap tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}
@media(max-width:560px){#view .cmx-i{grid-template-columns:40px 22px 1fr;gap:6px;padding:9px 8px;font-size:13.5px}#view .sx-r{grid-template-columns:50px 1fr 50px}}
/* Elo des joueurs : filtre par club en logos */
#view .elo-clubs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px;margin-bottom:10px}
#view .elo-clubs button{flex:none;display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:5px 9px;font:700 12px var(--font-body,inherit);color:var(--fg);cursor:pointer;white-space:nowrap}
#view .elo-clubs button img{width:18px;height:18px;object-fit:contain}
#view .elo-clubs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
#view #clElo table td img,#view #clElo table td .lglogo{width:18px;height:18px;object-fit:contain}
/* Classements : coupes */
#view .cup-hd{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface);padding:12px 14px;margin:6px 0 12px}
#view .cup-hd .lgw{width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center}#view .cup-hd h2{margin:0;font:800 20px var(--font-display);text-transform:uppercase}#view .cup-hd small{display:flex;gap:6px;align-items:center;color:var(--muted)}
#view .cup-sec{margin:20px 0 10px;font:800 15px var(--font-display);text-transform:uppercase;display:flex;align-items:center;gap:10px}#view .cup-sec::after{content:"";flex:1;height:1px;background:var(--line)}
#view .cup-st{display:inline-block;padding:2px 8px;font:800 11px var(--font-body,inherit);white-space:nowrap}
#view .cup-st.win{background:#f5b73b;color:#111}#view .cup-st.out{background:color-mix(in srgb,var(--loss) 14%,transparent);color:var(--loss)}#view .cup-st.on{background:color-mix(in srgb,var(--live,#e11d2e) 14%,transparent);color:var(--live,#e11d2e)}#view .cup-st.q{background:color-mix(in srgb,var(--win) 15%,transparent);color:var(--win)}
#view tr.cup-o td{opacity:.72}#view .clk-n img{width:20px;height:20px;object-fit:contain}
#view .cup-r{border:1px solid var(--line);background:var(--surface);margin-bottom:8px}#view .cup-r summary{display:flex;gap:10px;align-items:baseline;padding:10px 14px;cursor:pointer;list-style:none;background:var(--fg);color:var(--bg)}#view .cup-r summary::-webkit-details-marker{display:none}#view .cup-r summary b{font:800 14px var(--font-display);text-transform:uppercase}#view .cup-r summary small{opacity:.75;font-size:12px}
#view .cup-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:8px;padding:10px}
#view .cup-tie{border:1px solid var(--line);background:var(--bg);display:grid}
#view .cup-m{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:center;padding:8px 10px;color:var(--fg);text-decoration:none;font-size:13px}#view .cup-m:hover{background:var(--surface-2)}#view .cup-m+.cup-m{border-top:1px dashed var(--line)}
#view .cup-m>i{font-style:normal;font:800 9.5px var(--font-mono,monospace);text-transform:uppercase;color:var(--muted)}#view .cup-m>b{font:800 14px var(--font-mono,monospace);text-align:center;min-width:44px;background:var(--surface);padding:2px 6px}
#view .cup-m:not(:has(>i)){grid-template-columns:1fr auto 1fr}
#view .cup-tm{display:flex;gap:6px;align-items:center;min-width:0}#view .cup-tm img{width:18px;height:18px;object-fit:contain;flex:none}#view .cup-tm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view .cup-m .cup-tm:last-child{flex-direction:row-reverse;text-align:right}
#view .cup-tm.w{font-weight:800}#view .cup-tm.lo{color:var(--muted)}
#view .cup-agg{display:block;padding:4px 10px 6px;font-size:11.5px;color:var(--muted);text-align:center;border-top:1px dashed var(--line)}
/* menus déroulants du haut toujours au-dessus des barres collantes des pages (ex. barre d'outils du direct) */
header.top{z-index:50 !important}
/* Matchs à venir : ligne « gagnant / perdant à la minute » sous le choix */
#view .up-now{display:block;margin-top:4px;font:800 11.5px var(--font-body,inherit);padding:2px 6px;width:max-content;max-width:100%;white-space:normal}
#view .up-now.w{background:color-mix(in srgb,var(--win) 16%,transparent);color:var(--win)}
#view .up-now.l{background:color-mix(in srgb,#f97316 18%,transparent);color:#f97316}
#view .up-now.n{background:var(--surface-2);color:var(--muted)}
#view .cp-q input{border:0 !important;background:none !important;box-shadow:none !important;padding:0 !important}
#view .cup-sw{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:-2px 0 10px}#view .cup-sw button{border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:6px 12px;font:700 12.5px var(--font-body,inherit);cursor:pointer}#view .cup-sw button[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#view .cup-sw .hint{width:100%}

/* ===== 29. Comparer deux joueurs : nouveau design ===== */
#view:has(.cp-pick){--gold:#3b82f6}
#view .cp-pick{border-radius:10px !important;border:1px solid var(--line) !important;box-shadow:none !important;overflow:hidden}
#view .cp-side{padding:16px !important}
#view .cp-side.a{border-left:0 !important;border-top:4px solid var(--accent) !important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface) 75%) !important}
#view .cp-side.b{border-right:0 !important;border-top:4px solid #3b82f6 !important;background:linear-gradient(180deg,color-mix(in srgb,#3b82f6 12%,var(--surface)),var(--surface) 75%) !important}
#view .cp-side .cp-id{display:flex;align-items:center;gap:12px;min-height:72px !important}
#view .cp-side .cp-id img{width:64px !important;height:64px !important;object-fit:cover;border-radius:50%;background:var(--surface-2);border:3px solid var(--accent)}
#view .cp-side.b .cp-id img{border-color:#3b82f6}
#view .cp-side .cp-id b{font:800 20px var(--font-display);text-transform:uppercase;line-height:1.1}
#view .cp-side .cp-sel{gap:6px !important}
#view .cp-side select{border-radius:10px !important;background:var(--bg) !important;font-weight:700 !important}
#view .cp-vs{font:900 28px var(--font-display) !important;color:var(--fg);background:var(--bg);display:grid;place-items:center}
#view .pd{border-radius:0;padding:0 !important;overflow:hidden}
#view .pd-top{padding:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface) 40%,var(--surface) 60%,color-mix(in srgb,#3b82f6 14%,var(--surface)));border-bottom:1px solid var(--line)}
#view .pd-ph{width:92px !important;height:92px !important;border-radius:50%;border-width:4px !important;background:var(--bg) !important}
#view .pd-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#view .pd-ph b{font:800 26px var(--font-display);color:var(--muted)}
#view .pd-c.b .pd-ph{border-color:#3b82f6 !important}
#view .pd-c h3{font:800 22px var(--font-display) !important;text-transform:uppercase;line-height:1.05}
#view .pd-tags span{background:var(--bg) !important;border:1px solid var(--line);padding:3px 8px !important}
#view .pd-vs{display:grid !important;grid-template-columns:1fr auto 1fr !important;grid-template-rows:auto auto !important;gap:2px 14px !important}
#view .pd-vs b{font:900 44px/1 var(--font-mono,monospace) !important;grid-row:1}
#view .pd-vs b:first-of-type{color:var(--accent);grid-column:1}#view .pd-vs b:last-of-type{color:#3b82f6;grid-column:3}
#view .pd-vs span{grid-column:2;grid-row:1/3;font:900 18px var(--font-display);align-self:center;background:var(--fg);color:var(--bg);padding:6px 8px}
#view .pd-vs small{grid-row:2;font:800 10px var(--font-mono,monospace);text-transform:uppercase;color:var(--muted)}
#view .pd-vs small:first-of-type{grid-column:1}#view .pd-vs small:last-of-type{grid-column:3}
#view .pd-mid{padding:16px 18px;gap:24px !important}
#view .pd-h{font:800 12px var(--font-mono,monospace) !important;color:var(--fg) !important;border-bottom:2px solid var(--fg);padding-bottom:6px}
#view .pd-d{grid-template-columns:44px 1fr 44px !important;margin-bottom:9px !important}
#view .pd-d>span{font:800 15px var(--font-mono,monospace);color:var(--muted)}#view .pd-d>span:last-of-type{text-align:right}
#view .pd-d>span.w{color:var(--fg)}
#view .pd-d small{font:700 12.5px var(--font-body,inherit) !important;color:var(--fg)}
#view .pd-bb{height:12px !important;gap:3px;background:none !important}
#view .pd-bb i{height:100%;min-width:2px}
#view .pd-bb i.a{background:var(--accent) !important;justify-self:end}#view .pd-bb i.b{background:#3b82f6 !important;justify-self:start}
#view .pd-bb{position:relative}#view .pd-bb::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--surface-2) 0 calc(50% - 1.5px),transparent calc(50% - 1.5px) calc(50% + 1.5px),var(--surface-2) calc(50% + 1.5px));z-index:-1}
#view .pd-lg i{border-radius:50%}
#view .pd-f div{border-left:4px solid var(--accent);background:var(--bg) !important}#view .pd-f div+div{border-left-color:#3b82f6}
#view .pd>.hint{padding:0 18px 14px}
#view .cpv-t{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px;margin-top:10px}
#view .cpv-t>div{border:1px solid var(--line);background:var(--bg);padding:10px 12px;display:grid;gap:6px}
#view .cpv-t small{font:800 10.5px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}#view .cpv-t small em{font-style:normal;opacity:.6}
#view .cpv-r{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:6px;align-items:center}
#view .cpv-r b{font:800 18px var(--font-mono,monospace);color:var(--muted);min-width:34px}#view .cpv-r b:first-child{color:color-mix(in srgb,var(--accent) 60%,var(--muted))}#view .cpv-r b:last-child{text-align:right;color:color-mix(in srgb,#3b82f6 60%,var(--muted))}
#view .cpv-r b.w:first-child{color:var(--accent)}#view .cpv-r b.w:last-child{color:#3b82f6}
#view .cpv-b{height:8px;background:var(--surface-2);display:flex}#view .cpv-b:first-of-type{justify-content:flex-end}#view .cpv-b i{display:block;height:100%}#view .cpv-b i.a{background:var(--accent)}#view .cpv-b i.b{background:#3b82f6}
#view .cp-t td.v.b.win,#view .cp-t td.v.b.win *{color:#3b82f6}
@media(max-width:720px){#view .pd-top{background:var(--surface)}#view .pd-vs b{font-size:34px !important}#view .pd-ph{width:70px !important;height:70px !important}}
#view .cp-side .cp-id img.lglogo{width:14px !important;height:14px !important;border:0 !important;border-radius:0 !important;background:none !important;display:inline-block;vertical-align:-2px}
#view .pd-ph{border-radius:50% !important}
/* Matchs à venir : value affichée aussi sur les lignes sans value bet */
#view .up-v.low{background:var(--surface-2) !important;color:var(--muted) !important;border:1px dashed var(--line)}
#view .up-v.low.neg{color:var(--loss,#dc2626) !important}
#view .up-best{color:var(--muted);font-weight:700}
#view label.cps-q input[type="search"],#view label.cp-q input[type="search"]{border:0 !important;outline:0 !important;box-shadow:none !important;background:transparent !important;padding:0 !important}
/* Coupes d'Europe : en-tête bleu nuit étoilé */
#view .lp-head.lp-eu{background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 85% 70%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.5),transparent),linear-gradient(120deg,#06113a,#0b2a8a 55%,#122e7a) !important;color:#fff !important;border-left-color:#7aa2ff !important}
#view .lp-head.lp-eu h1,#view .lp-head.lp-eu .meta,#view .lp-head.lp-eu .eyebrow{color:#fff !important}
#view .lp-head.lp-eu #lbadge img{background:#fff;border-radius:50%;padding:6px}
#view .cup-pays{margin:0 0 10px}#view .cup-pays label{display:inline-grid;gap:3px}#view .cup-pays span{font:800 10px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}#view .cup-pays select{border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:9px 12px;font:700 14px var(--font-body,inherit);min-width:240px}
/* Classements : les onglets de la page suffisent (mêmes noms et même ordre que le menu) */
body.is-cl #subbar{display:none !important}
/* barre du menu : jamais coupée. Les emojis s'affichent quand il y a la place, sinon le texte seul */
header.top .mainnav{min-width:0;flex-wrap:nowrap}
header.top .mainnav .mn-e{font-size:15px}
@media(max-width:1600px){header.top .mainnav .mn-b .chev{display:none}header.top .mainnav .mn-b{padding-left:7px !important;padding-right:7px !important;gap:4px !important}}
@media(max-width:1480px){header.top .mainnav .mn-e{display:none}}
@media(max-width:1180px) and (min-width:941px){header.top .mainnav .mn-b{font-size:12px !important;padding-left:5px !important;padding-right:5px !important}}
#view .pjx-c .st span.mv b{color:var(--accent)}
/* barre de menu : tout tient sur une ligne, sans libellé coupé, à toutes les largeurs d'écran d'ordinateur */
html body header.top nav.mainnav .mn-b,html body header.top nav.mainnav .mn-b span{white-space:nowrap}
html body header.top .wrap{max-width:none !important}
@media(min-width:941px){html body header.top #statusText{display:none}html body header.top .status{min-width:0}}
@media(max-width:2100px) and (min-width:941px){html body header.top nav.mainnav .mn-e{display:none}}
@media(max-width:1700px) and (min-width:941px){html body #whoami{display:none}html body .srch-b span,html body .srch-b kbd{display:none}html body header.top #logout{font-size:0 !important;padding:6px 9px !important}html body header.top #logout::before{content:"⏻";font-size:15px}}
@media(max-width:1500px) and (min-width:941px){html body header.top nav.mainnav .mn-b{font-size:12.5px !important;padding-left:5px !important;padding-right:5px !important;gap:3px !important}}
@media(max-width:1280px) and (min-width:941px){html body header.top nav.mainnav .mn-b{font-size:11.5px !important;padding-left:3px !important;padding-right:3px !important}html body header.top nav.mainnav .mn-dot{display:inline-block !important;width:7px;height:7px;margin-right:2px}html body header.top nav.mainnav .mn-b .chev{width:8px !important;height:8px !important;margin:0 !important}html body header.top nav.mainnav button.mn-b,html body header.top nav.mainnav a.mn-b{gap:2px !important;padding-left:1px !important;padding-right:1px !important}}
@media(max-width:1100px) and (min-width:941px){html body header.top nav.mainnav .mn-b{font-size:10.5px !important;padding-left:2px !important;padding-right:2px !important}html body header.top .brand{font-size:0}}
/* ---- classements UEFA / FIFA : version plus soignée et bien centrée ---- */
#view .clk-pods{max-width:760px;margin:0 auto 18px;align-items:end}
#view .clk-pd{border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,.12);padding:16px 10px 14px}
#view .clk-pd.p1{order:2;padding-top:24px;transform:translateY(-6px)}#view .clk-pd.p2{order:1}#view .clk-pd.p3{order:3}
#view .clk-pd .m{font-size:28px}#view .clk-pd img{border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
#view .clk-t{max-width:980px;margin:0 auto;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
#view .clk-t thead th{background:var(--surface-2);color:var(--muted);font-size:11px;letter-spacing:.06em;padding:12px 8px;text-align:center;border-bottom:1px solid var(--line)}
#view .clk-t td{padding:11px 8px;vertical-align:middle}
#view .clk-t td.l,#view .clk-t th.l{text-align:left}
#view .clk-t tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}
#view .clk-t tbody tr:last-child td{border-bottom:0}
#view .clk-rk{border-radius:9px;min-width:30px;height:30px}
#view .clk-n b{font-weight:800}
#view .clk-t td.l:has(.clk-bar){white-space:nowrap}
#view .clk-bar{border-radius:99px;overflow:hidden;height:8px}#view .clk-bar i{border-radius:99px;background:linear-gradient(90deg,var(--accent),#f5b73b)}
#view .clk-v{font-weight:800}
#view .clk-intro,#view .cl-src{text-align:center;margin-left:auto;margin-right:auto}
@media(max-width:760px){#view .clk-t td{padding:9px 4px;font-size:12.5px}#view .clk-rk{min-width:24px;height:24px}#view .clk-pd.p1{transform:none}}