@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Quicksand:wght@400;500;600;700;800&display=swap");
:root{
  --bg:#070910;
  --surface:#111725;
  --surface2:#171e2d;
  --surface3:#1e273a;
  --glass:rgba(255,255,255,.055);
  --glass2:rgba(255,255,255,.03);
  --ink:#f6f8fc;
  --muted:#8f98ad;
  --soft:#cbd2df;
  --brand:#8f6bff;
  --brand2:#c3adff;
  --gold:#f3c96a;
  --green:#63d49b;
  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.07);
  --shadow:0 18px 60px rgba(0,0,0,.34);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 10% -8%, rgba(143,107,255,.18), transparent 32%),
    radial-gradient(circle at 90% 0%, rgba(243,201,106,.08), transparent 28%),
    linear-gradient(180deg,#070910,#0a0e17 48%,#070910);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
h1,h2,h3,p{margin-top:0}
.hero{
  display:grid;
  grid-template-columns:1fr 280px;
  gap:32px;
  align-items:center;
  padding:52px clamp(22px,4vw,72px) 44px;
  border-bottom:1px solid var(--line2);
}
.eyebrow{
  margin:0 0 10px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
}
.eyebrow.mini{
  font-size:11px;
  margin-bottom:6px;
}
.title-row{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
h1{
  margin:0;
  font-size:clamp(38px,5.2vw,72px);
  line-height:.94;
  letter-spacing:-.065em;
}
.version-badge,#footerVersion{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(143,107,255,.14);
  border:1px solid rgba(143,107,255,.34);
  color:var(--brand2);
  font-size:12px;
  font-weight:950;
  letter-spacing:.06em;
  white-space:nowrap;
}
.subtitle{
  margin:18px 0 0;
  max-width:820px;
  color:var(--muted);
  line-height:1.6;
  font-size:18px;
}
.hero-card,.card-base{
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.hero-card{
  padding:24px;
}
.hero-card span{font-size:32px}
.hero-card strong{
  display:block;
  margin-top:8px;
  font-size:32px;
  letter-spacing:-.05em;
}
.hero-card small{color:var(--muted)}
main{padding:30px clamp(22px,4vw,72px) 78px}
.answers{
  display:grid;
  grid-template-columns:1.05fr 1fr 1.45fr .8fr;
  gap:14px;
  margin-bottom:18px;
}
.answers article{
  min-height:118px;
  padding:20px;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.answers span,.scenario-active-kpis span{
  color:var(--muted);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.answers strong{
  font-size:clamp(26px,3vw,42px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.scenario-board{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);
  gap:14px;
  margin-bottom:22px;
}
.scenario-active-card,
.scenario-selector-card,
.model-impact-card{
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.scenario-active-card{
  padding:22px;
  display:grid;
  gap:18px;
}
.scenario-active-card h2{
  margin:0 0 8px;
  font-size:32px;
  letter-spacing:-.045em;
}
#scenarioDescription{
  margin:0;
  color:var(--muted);
  line-height:1.5;
  font-size:14px;
}
.scenario-active-kpis{
  display:grid;
  grid-template-columns:1fr 1.25fr .75fr;
  gap:10px;
}
.scenario-active-kpis div{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.scenario-active-kpis strong{
  display:block;
  margin-top:8px;
  font-size:20px;
  line-height:1.1;
  letter-spacing:-.035em;
}
.scenario-selector-card{
  padding:18px;
}
.section-label{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:end;
  margin-bottom:12px;
}
.section-label span{
  color:var(--muted);
  font-size:13px;
}
.scenario-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.scenario-card-grid article{
  position:relative;
  min-height:105px;
  cursor:pointer;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.18s ease;
}
.scenario-card-grid article:hover{
  border-color:rgba(143,107,255,.45);
  transform:translateY(-1px);
}
.scenario-card-grid article.active{
  background:rgba(143,107,255,.14);
  border-color:rgba(143,107,255,.42);
}
.scenario-card-grid article.active::after{
  content:"Actif";
  position:absolute;
  right:10px;
  top:10px;
  padding:4px 7px;
  border-radius:999px;
  color:#080b12;
  background:linear-gradient(135deg,#fff4cf,#d7c4ff);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.scenario-card-grid span{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding-right:38px;
}
.scenario-card-grid strong{
  display:block;
  margin-top:6px;
  font-size:20px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.scenario-card-grid small{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.25;
  max-height:30px;
  overflow:hidden;
}
.scenario-card-grid em{
  display:inline-flex;
  align-self:flex-start;
  margin-top:6px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:var(--brand2);
  font-style:normal;
  font-size:11px;
  font-weight:950;
}
.model-impact-card{
  grid-column:1 / -1;
  padding:18px;
}
.impact-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:18px;
  align-items:center;
}
.impact-text h3{
  margin:4px 0 8px;
  font-size:24px;
  letter-spacing:-.04em;
}
.impact-text p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
.impact-bars{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.impact-bars article{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.impact-bars article div,
.weight-row div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:8px;
}
.impact-bars span,.weight-row span{
  color:var(--soft);
  font-size:12px;
  font-weight:900;
}
.impact-bars strong,.weight-row strong{
  color:var(--brand2);
  font-size:13px;
}
progress{
  width:100%;
  height:8px;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:999px;
  overflow:hidden;
  background:#0a0d14;
}
progress::-webkit-progress-bar{background:#0a0d14;border-radius:999px}
progress::-webkit-progress-value{background:linear-gradient(90deg,var(--brand),var(--gold));border-radius:999px}
progress::-moz-progress-bar{background:linear-gradient(90deg,var(--brand),var(--gold));border-radius:999px}
.model-panel{
  margin-bottom:22px;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.model-panel summary{
  list-style:none;
}
.model-panel summary::-webkit-details-marker{display:none}
.model-summary{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:20px 22px;
  cursor:pointer;
}
.model-summary h2{
  margin:0 0 6px;
}
.model-summary p{
  margin:0;
  color:var(--muted);
}
.chevron{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--line2);
  color:var(--brand2);
  font-size:24px;
  transition:.18s ease;
}
details[open] .chevron{transform:rotate(180deg)}
.model-content{border-top:1px solid var(--line2)}
.model-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:16px;
}
.model-factor{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.model-factor span{display:block;font-size:20px;margin-bottom:8px}
.model-factor strong{display:block;margin-bottom:6px}
.model-factor p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.weights-card{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:20px;
  padding:18px 22px 22px;
  border-top:1px solid var(--line2);
}
.weights-card h3{margin:0 0 8px}
.weights-card p{margin:0;color:var(--muted);line-height:1.5}
.model-scenario-label{
  display:inline-flex;
  margin-bottom:10px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(143,107,255,.13);
  border:1px solid rgba(143,107,255,.30);
  color:var(--brand2);
  font-size:12px;
  font-weight:950;
}
.weights-list{display:grid;gap:10px}
.view-tabs{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:13px 0;
  margin:0 0 16px;
  background:linear-gradient(180deg,rgba(7,9,16,.98),rgba(7,9,16,.82));
  backdrop-filter:blur(14px);
}
.view-tabs button{
  border:1px solid var(--line);
  border-radius:999px;
  padding:11px 18px;
  background:rgba(255,255,255,.035);
  color:var(--soft);
  font-weight:900;
  cursor:pointer;
}
.view-tabs button.active{
  background:linear-gradient(135deg,#fff,#d9ceff);
  color:#080b12;
  border-color:transparent;
}
.controls{
  display:grid;
  grid-template-columns:2fr repeat(3,1fr);
  gap:10px;
  margin-bottom:18px;
}
input,select{
  width:100%;
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#0b0f18;
  color:var(--ink);
  font:inherit;
  outline:none;
}
input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(143,107,255,.14)}
input::placeholder{color:#6f788d}
.section-title{
  margin:36px 0 16px;
  font-size:30px;
  letter-spacing:-.045em;
}
.section-kicker{
  color:var(--muted);
  margin:-8px 0 20px;
}
.grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(260px,1fr));
  gap:18px;
}
.match-card{
  position:relative;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.match-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--brand),rgba(243,201,106,.7),transparent);
}
.match-top{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:var(--muted);
  font-size:13px;
}
.tag{font-weight:900;color:var(--brand2)}
.teams{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:10px;
  align-items:center;
  margin:19px 0;
}
.team{
  padding:10px;
  border:1px solid transparent;
  border-radius:15px;
  color:var(--muted);
}
.team strong{display:block;font-size:18px;line-height:1.22}
.team.away{text-align:right}
.team.winner{
  color:var(--ink);
  background:rgba(143,107,255,.13);
  border-color:rgba(143,107,255,.30);
}
.team.winner strong::after{
  content:"  ✓";
  color:var(--green);
}
.score{
  font-size:22px;
  font-weight:950;
  background:#080b12;
  color:var(--ink);
  border:1px solid rgba(255,255,255,.13);
  padding:8px 12px;
  border-radius:14px;
  min-width:62px;
  text-align:center;
}
.meta{display:flex;gap:8px;flex-wrap:wrap}
.meta span{
  border-radius:999px;
  padding:7px 10px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--line2);
  font-weight:850;
  color:var(--soft);
  font-size:12px;
}
.note{
  color:var(--muted);
  font-size:13px;
  line-height:1.52;
  margin-bottom:0;
}
.table-wrap{
  overflow:auto;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line);
  border-radius:20px;
  margin-bottom:18px;
}
table{width:100%;border-collapse:collapse}
th,td{padding:13px 12px;border-bottom:1px solid var(--line2);text-align:left}
th{
  color:var(--brand2);
  background:rgba(255,255,255,.035);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.09em;
}
tr:last-child td{border-bottom:0}
.qualified{font-weight:950;color:var(--ink)}
.subtle{color:var(--muted)}
.date-block{margin:32px 0}
.date-header{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}
.date-header h2{margin:0;font-size:24px;letter-spacing:-.03em}
.date-header::after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg,var(--line),transparent);
}
.timeline-list{display:grid;gap:10px}
.timeline-row{
  display:grid;
  grid-template-columns:92px 132px 1fr 84px 124px;
  gap:14px;
  align-items:center;
  padding:14px 16px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  border-radius:18px;
}
.timeline-time{font-weight:950;color:var(--brand2)}
.timeline-tag{color:var(--muted);font-size:13px}
.timeline-teams{font-weight:850}
.timeline-winner{
  color:var(--ink);
  background:rgba(143,107,255,.16);
  border:1px solid rgba(143,107,255,.28);
  padding:4px 8px;
  border-radius:999px;
}
.timeline-score{
  justify-self:center;
  background:#080b12;
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  padding:7px 10px;
  font-weight:950;
}
.timeline-pick{
  justify-self:end;
  color:var(--soft);
  font-weight:850;
  font-size:13px;
}
/* Bracket */
.bracket-stage{margin-top:18px;width:100%}
.bracket-note{color:var(--muted);line-height:1.6;max-width:1080px;margin:0}
.bracket-shell{width:100%;overflow-x:auto;padding:10px 0 42px}
.bracket{
  --slot-h:172px;
  display:grid;
  grid-template-columns:minmax(260px,1.12fr) minmax(260px,1.12fr) minmax(260px,1.12fr) minmax(260px,1.12fr) minmax(320px,1.28fr);
  column-gap:30px;
  min-width:1420px;
  width:100%;
}
.bracket-col{
  display:grid;
  grid-template-rows:44px repeat(32,calc(var(--slot-h)/2));
}
.bracket-col h3{
  grid-row:1;
  margin:0;
  color:var(--brand2);
  padding:12px 0;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  text-align:center;
  border-bottom:1px solid var(--line2);
}
.bracket-slot{
  position:relative;
  align-self:center;
  min-width:0;
  padding:8px 0;
}
.bracket-slot::after{
  content:"";
  position:absolute;
  right:-30px;
  top:50%;
  width:30px;
  height:1px;
  background:linear-gradient(90deg,#46516a,transparent);
}
.bracket-col[data-round="Finale"] .bracket-slot::after{display:none}
.bracket-card{
  width:100%;
  position:relative;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  border-radius:18px;
  padding:10px;
  box-shadow:0 14px 44px rgba(0,0,0,.28);
}
.bracket-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,var(--brand),transparent);
}
.bracket-team{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  border-radius:12px;
  color:var(--muted);
  border:1px solid transparent;
}
.bracket-team + .bracket-team{margin-top:4px}
.bracket-team.winner{
  background:rgba(143,107,255,.15);
  color:var(--ink);
  font-weight:950;
  border-color:rgba(143,107,255,.32);
}
.bracket-team.winner span:first-child::after{content:"  ✓";color:var(--green)}
.bracket-score{font-weight:950;color:var(--ink)}
.bracket-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:9px;
  color:var(--muted);
  font-size:12px;
}
.final-card{
  border-color:rgba(243,201,106,.45);
  box-shadow:0 0 0 1px rgba(243,201,106,.10),0 24px 70px rgba(0,0,0,.48);
}
.final-card::before{background:linear-gradient(90deg,var(--gold),var(--brand),transparent)}
.third-place-card{border-color:rgba(255,255,255,.14)}
.third-place-card::before{background:linear-gradient(90deg,rgba(243,201,106,.62),rgba(143,107,255,.38),transparent)}
.bracket-side-label{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
  text-align:center;
  margin-bottom:8px;
}
.champion-ribbon{
  margin-top:12px;
  padding:11px;
  text-align:center;
  border-radius:14px;
  background:linear-gradient(135deg,#fff4cf,#d7c4ff);
  color:#080b12;
  font-weight:950;
}
.site-footer{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:24px clamp(22px,4vw,72px);
  border-top:1px solid var(--line2);
  background:rgba(7,9,16,.88);
  color:var(--muted);
}
.site-footer div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.site-footer strong{color:var(--ink)}
.site-footer a,.back-link{color:var(--brand2);text-decoration:none;font-weight:900}
.site-footer a:hover,.back-link:hover{text-decoration:underline}
/* Changelog */
.changelog-actions{margin-bottom:22px}
.changelog-timeline{position:relative;display:grid;gap:22px;max-width:980px}
.changelog-timeline::before{
  content:"";
  position:absolute;
  left:12px;
  top:8px;
  bottom:8px;
  width:1px;
  background:linear-gradient(var(--brand),rgba(255,255,255,.08));
}
.changelog-item{position:relative;display:grid;grid-template-columns:28px 1fr;gap:18px}
.changelog-marker{
  width:25px;height:25px;border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--gold));
  box-shadow:0 0 0 6px rgba(143,107,255,.10);
  margin-top:20px;z-index:1;
}
.changelog-card{
  padding:22px;border-radius:22px;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);box-shadow:var(--shadow);
}
.changelog-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}
.changelog-head time{color:var(--muted);font-size:13px;font-weight:800}
.changelog-card h2{margin:0 0 12px}
.changelog-card ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.65}
@media(max-width:1200px){
  .hero{grid-template-columns:1fr}
  .answers{grid-template-columns:1fr 1fr}
  .answers article:last-child{grid-column:1/-1}
  .scenario-board{grid-template-columns:1fr}
  .scenario-card-grid{grid-template-columns:repeat(3,1fr)}
  .impact-layout{grid-template-columns:1fr}
  .impact-bars{grid-template-columns:repeat(2,1fr)}
  .model-grid{grid-template-columns:repeat(2,1fr)}
  .weights-card{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,minmax(240px,1fr))}
}
@media(max-width:760px){
  .hero{padding-top:34px}
  .answers,.scenario-active-kpis,.controls,.grid,.model-grid{grid-template-columns:1fr}
  .scenario-card-grid{grid-template-columns:1fr}
  .impact-bars{grid-template-columns:1fr}
  .timeline-row{grid-template-columns:1fr;gap:6px}
  .timeline-score,.timeline-pick{justify-self:start}
  .bracket{display:flex;min-width:0;gap:18px;overflow:visible;flex-direction:column}
  .bracket-shell{overflow-x:visible}
  .bracket-col{display:flex;flex-direction:column;gap:12px}
  .bracket-col h3{text-align:left}
  .bracket-slot{align-self:stretch;padding:0}
  .bracket-slot::after{display:none}
  .site-footer{flex-direction:column;align-items:flex-start}
}

/* v3.4 refinements */
.impact-layout.full{
  grid-template-columns:260px 1fr;
}
.impact-bars.all-criteria{
  grid-template-columns:repeat(4,1fr);
}
.model-note-card{
  margin:0;
  padding:16px 22px 22px;
  color:var(--muted);
  border-top:1px solid var(--line2);
  line-height:1.5;
}
.model-note-card strong{
  color:var(--brand2);
}
.fifa-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:7px;
  padding:3px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
  color:var(--brand2);
  font-size:10px;
  font-weight:950;
  letter-spacing:.03em;
  white-space:nowrap;
  vertical-align:middle;
}
.team-name{
  vertical-align:middle;
}
.team.winner .fifa-badge,
.bracket-team.winner .fifa-badge,
.timeline-winner .fifa-badge{
  background:rgba(99,212,155,.12);
  border-color:rgba(99,212,155,.25);
  color:var(--green);
}
.bracket-team .fifa-badge{
  margin-left:6px;
  font-size:9px;
  padding:2px 5px;
}
.timeline-teams .fifa-badge{
  font-size:9px;
}
.scenario-prob{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:8px;
}
.scenario-prob b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  padding:5px 8px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(243,201,106,.20),rgba(143,107,255,.16));
  border:1px solid rgba(243,201,106,.24);
  color:var(--gold);
  font-size:13px;
}
.scenario-prob i{
  color:var(--muted);
  font-style:normal;
  font-size:11px;
  line-height:1.2;
}
.scenario-card-grid article{
  min-height:132px;
}
@media(max-width:1200px){
  .impact-layout.full{grid-template-columns:1fr}
  .impact-bars.all-criteria{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .impact-bars.all-criteria{grid-template-columns:1fr}
  .fifa-badge{margin-left:4px}
}

/* Model V4 probabilistic additions */
.simulation-board{
  margin-bottom:22px;
  padding:18px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.simulation-grid{
  display:grid;
  grid-template-columns:1fr 1fr .9fr;
  gap:14px;
}
.simulation-grid article{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.simulation-grid h3,
.sim-details h3{
  margin:0 0 12px;
  font-size:18px;
}
.sim-bars{
  display:grid;
  gap:10px;
}
.sim-row div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
  font-size:13px;
}
.sim-row span{color:var(--soft);font-weight:850}
.sim-row strong{color:var(--brand2)}
.goals-panel strong{
  display:block;
  font-size:52px;
  line-height:1;
  letter-spacing:-.06em;
}
.goals-panel span{
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-weight:950;
}
.goals-panel p{
  margin:14px 0 6px;
  color:var(--muted);
}
.goals-panel em{
  color:var(--gold);
  font-style:normal;
  font-weight:950;
}
.sim-details{
  margin-top:14px;
}
.sim-details summary{
  cursor:pointer;
  color:var(--brand2);
  font-weight:950;
  padding:12px 0 4px;
}
.sim-details-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:14px;
  margin-top:12px;
}
.stage-table-wrap{
  overflow:auto;
  border-radius:16px;
  border:1px solid var(--line2);
}
.upset-list{
  display:grid;
  gap:10px;
}
.upset-list article{
  position:relative;
  padding:13px;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.upset-list article > span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}
.upset-list strong{
  display:block;
  font-size:14px;
  line-height:1.3;
}
.upset-list small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  line-height:1.35;
}
.upset-list em{
  position:absolute;
  top:10px;
  right:10px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(243,201,106,.14);
  border:1px solid rgba(243,201,106,.22);
  color:var(--gold);
  font-style:normal;
  font-size:11px;
  font-weight:950;
}
.match-card .note{
  min-height:54px;
}
@media(max-width:1200px){
  .simulation-grid,.sim-details-grid{grid-template-columns:1fr}
}

/* v4.1 help + ranking badges */
.help-dot{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  margin-left:6px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  color:var(--brand2);
  font-size:11px;
  font-weight:950;
  cursor:help;
  position:relative;
  vertical-align:middle;
}
.help-dot::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%);
  width:min(320px,80vw);
  padding:12px 13px;
  border-radius:14px;
  background:#0b0f18;
  border:1px solid rgba(255,255,255,.14);
  color:var(--soft);
  box-shadow:0 18px 50px rgba(0,0,0,.38);
  font-size:12px;
  line-height:1.45;
  font-weight:650;
  text-transform:none;
  letter-spacing:0;
  opacity:0;
  visibility:hidden;
  z-index:50;
  pointer-events:none;
}
.help-dot:hover::after,
.help-dot:focus::after{
  opacity:1;
  visibility:visible;
}
.fifa-badge{
  display:none !important;
}
.rank-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:7px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
  color:var(--brand2);
  font-size:10px;
  font-weight:950;
  letter-spacing:.02em;
  white-space:nowrap;
  vertical-align:middle;
}
.rank-badge.top10{
  background:linear-gradient(135deg,rgba(243,201,106,.20),rgba(143,107,255,.14));
  border-color:rgba(243,201,106,.28);
  color:var(--gold);
}
.team.winner .rank-badge,
.bracket-team.winner .rank-badge,
.timeline-winner .rank-badge{
  background:rgba(99,212,155,.12);
  border-color:rgba(99,212,155,.25);
  color:var(--green);
}
.bracket-team .rank-badge{
  margin-left:6px;
  font-size:9px;
  padding:2px 5px;
}
.timeline-teams .rank-badge{
  font-size:9px;
}
.sim-note{
  margin:12px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
  border-top:1px solid var(--line2);
  padding-top:10px;
}
.simulation-grid h3,
.sim-details h3{
  display:flex;
  align-items:center;
  gap:4px;
}

/* v4.2 ranking badge readability + bracket check fix */
.rank-badge{
  margin-left:8px;
  padding:4px 9px;
  font-size:12px;
  line-height:1;
  min-height:22px;
  letter-spacing:.01em;
}
.rank-badge.top10{
  box-shadow:0 0 0 1px rgba(243,201,106,.10), 0 0 18px rgba(243,201,106,.10);
}
.team.winner .rank-badge,
.timeline-winner .rank-badge{
  background:rgba(99,212,155,.12);
  border-color:rgba(99,212,155,.25);
  color:var(--green);
}
.bracket-team .rank-badge{
  margin-left:7px;
  padding:3px 7px;
  font-size:11px;
  min-height:20px;
}
.bracket-team.winner .rank-badge{
  background:rgba(99,212,155,.12);
  border-color:rgba(99,212,155,.25);
  color:var(--green);
}
/* The bracket winner check must appear only after the team name, not after the ranking badge */
.bracket-team.winner span:first-child::after{
  content:"";
}
.bracket-team.winner .team-name::after{
  content:"  ✓";
  color:var(--green);
}
.team.winner strong::after{
  content:"";
}
.team.winner .team-name::after{
  content:"  ✓";
  color:var(--green);
}
.timeline-winner .team-name::after{
  content:"  ✓";
  color:var(--green);
}
@media(max-width:760px){
  .rank-badge{
    font-size:11px;
    padding:4px 8px;
  }
}

/* v4.3 layout cleanup */
.scenario-board.compact{
  grid-template-columns:minmax(240px,.55fr) minmax(620px,1.45fr);
}
.scenario-board.compact .scenario-active-card{
  min-height:auto;
  align-content:start;
}
.scenario-board.compact .scenario-active-card h2{
  font-size:28px;
}
.scenario-board.compact .model-impact-card{
  grid-column:1 / -1;
}
.scenario-active-kpis{
  display:none !important;
}
.scenario-card-grid{
  grid-template-columns:repeat(4,1fr);
}
.scenario-card-grid article{
  min-height:124px;
}
.rank-badge{
  min-width:34px;
  margin-left:8px;
  padding:5px 8px;
  font-size:12px;
  line-height:1;
  border-radius:999px;
  font-weight:950;
}
.rank-elite{
  background:linear-gradient(135deg,rgba(243,201,106,.24),rgba(255,255,255,.06));
  border-color:rgba(243,201,106,.38);
  color:var(--gold);
  box-shadow:0 0 18px rgba(243,201,106,.12);
}
.rank-top10{
  background:rgba(143,107,255,.16);
  border-color:rgba(143,107,255,.34);
  color:var(--brand2);
}
.rank-top20{
  background:rgba(99,212,155,.10);
  border-color:rgba(99,212,155,.22);
  color:var(--green);
}
.rank-top35{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.10);
  color:var(--soft);
}
.rank-standard{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.07);
  color:var(--muted);
}
.bracket-meta{
  justify-content:flex-end;
}
.bracket-meta span{
  margin-left:auto;
}
@media(max-width:1200px){
  .scenario-board.compact{grid-template-columns:1fr}
  .scenario-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .scenario-card-grid{grid-template-columns:1fr}
}

/* v5 power rating */
.rank-badge{
 min-width:auto;
 font-size:12px;
 padding:5px 10px;
 font-weight:1000;
}
.tier-Splus{
 background:linear-gradient(135deg,rgba(243,201,106,.28),rgba(255,255,255,.08));
 border-color:rgba(243,201,106,.45);
 color:#ffd66e;
}
.tier-S{
 background:rgba(143,107,255,.18);
 border-color:rgba(143,107,255,.40);
 color:#d4c4ff;
}
.tier-Aplus{
 background:rgba(87,150,255,.14);
 border-color:rgba(87,150,255,.30);
 color:#a9c7ff;
}
.tier-A{
 background:rgba(99,212,155,.12);
 border-color:rgba(99,212,155,.25);
 color:#7fe0af;
}
.tier-B{
 background:rgba(255,255,255,.06);
}
.model-note-card{
 line-height:1.8;
}

/* v5.1 Data Quality + fixed Power Rating semantics */
.team.winner .rank-badge,
.bracket-team.winner .rank-badge,
.timeline-winner .rank-badge{
  background:inherit;
  border-color:inherit;
}
.team.winner .tier-Splus,
.bracket-team.winner .tier-Splus,
.timeline-winner .tier-Splus{
  background:linear-gradient(135deg,rgba(243,201,106,.28),rgba(255,255,255,.08));
  border-color:rgba(243,201,106,.45);
  color:#ffd66e;
}
.team.winner .tier-S,
.bracket-team.winner .tier-S,
.timeline-winner .tier-S{
  background:rgba(143,107,255,.18);
  border-color:rgba(143,107,255,.40);
  color:#d4c4ff;
}
.team.winner .tier-Aplus,
.bracket-team.winner .tier-Aplus,
.timeline-winner .tier-Aplus{
  background:rgba(87,150,255,.14);
  border-color:rgba(87,150,255,.30);
  color:#a9c7ff;
}
.team.winner .tier-A,
.bracket-team.winner .tier-A,
.timeline-winner .tier-A{
  background:rgba(99,212,155,.12);
  border-color:rgba(99,212,155,.25);
  color:#7fe0af;
}
.data-quality-card{
  margin-bottom:22px;
  padding:20px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.dq-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-bottom:16px;
}
.dq-head h2{
  margin:0 0 8px;
}
.dq-head p{
  color:var(--muted);
  margin:0;
}
.dq-score{
  min-width:120px;
  text-align:center;
  padding:16px;
  border-radius:18px;
  background:rgba(143,107,255,.12);
  border:1px solid rgba(143,107,255,.25);
}
.dq-score strong{
  display:block;
  font-size:36px;
}
.dq-score span{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:950;
}
.dq-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.dq-item{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.dq-item strong{
  display:block;
  margin-bottom:5px;
}
.dq-item span{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
}
.dq-item p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.dq-item.measured span,
.dq-item.computed span{color:var(--green)}
.dq-item.proxy span,
.dq-item.expert span{color:var(--gold)}
.dq-item.missing span{color:#e38c9b}
@media(max-width:1200px){
  .dq-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .dq-head{flex-direction:column;align-items:stretch}
  .dq-grid{grid-template-columns:1fr}
}

/* v6 data-driven badge refinement */
.rank-badge{
  min-width:58px;
  justify-content:center;
}
.data-quality-card .dq-head h2::after{
  content:" data-driven";
  color:var(--brand2);
  font-size:14px;
  letter-spacing:0;
  margin-left:8px;
}

/* v6.3 Power Rating table + PWA */
.power-page .section-title{
  margin:4px 0 0;
}
.power-table-wrap{
  max-height:72vh;
  overflow:auto;
}
.power-table th{
  position:sticky;
  top:0;
  z-index:3;
  cursor:pointer;
  white-space:nowrap;
}
.power-table th .help-dot{
  cursor:help;
}
.power-table td{
  white-space:nowrap;
  vertical-align:middle;
}
.power-table td small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}
.power-table tr:hover td{
  background:rgba(143,107,255,.055);
}
.power-table .rank-badge{
  margin-left:0;
}
@media(max-width:760px){
  .power-table-wrap{
    max-height:none;
  }
}

/* v6.4 Power table tooltip fix */
.power-table th{
  overflow:visible;
}
.power-table th > span:first-child{
  vertical-align:middle;
}
.table-help{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  margin-left:6px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.07);
  color:var(--brand2);
  font-size:11px;
  font-weight:950;
  cursor:help;
  position:relative;
  vertical-align:middle;
}
.table-help::after{
  content:attr(data-tip);
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  transform:translateX(-50%);
  width:min(340px,72vw);
  padding:12px 13px;
  border-radius:14px;
  background:#0b0f18;
  border:1px solid rgba(255,255,255,.16);
  color:var(--soft);
  box-shadow:0 18px 50px rgba(0,0,0,.42);
  font-size:12px;
  line-height:1.45;
  font-weight:650;
  text-transform:none;
  letter-spacing:0;
  white-space:normal;
  opacity:0;
  visibility:hidden;
  z-index:100;
  pointer-events:none;
}
.table-help:hover::after,
.table-help:focus::after,
.table-help.open::after{
  opacity:1;
  visibility:visible;
}
.power-table td:nth-child(2) .rank-badge{
  display:none;
}

/* v7 Monte Carlo */
.mc-grid{
  display:grid;
  grid-template-columns:1fr 1fr .85fr;
  gap:14px;
  margin-bottom:16px;
}
.mc-grid.two{
  grid-template-columns:1.15fr .85fr;
}
.mc-grid > article{
  padding:16px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.mc-grid h3{
  margin:0 0 12px;
}
.mc-bars{
  display:grid;
  gap:10px;
}
.mc-bars article{
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.mc-bars article div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:7px;
}
.mc-bars span{color:var(--soft);font-weight:850}
.mc-bars strong{color:var(--brand2)}
@media(max-width:1200px){
  .mc-grid,.mc-grid.two{grid-template-columns:1fr}
}

/* v9 live tracking */
.tracking-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}
.ghost-button{
  border:1px solid var(--line);
  border-radius:999px;
  padding:11px 16px;
  background:rgba(255,255,255,.045);
  color:var(--soft);
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.ghost-button:hover{
  border-color:rgba(143,107,255,.45);
  color:var(--ink);
}
.file-button{
  display:inline-flex;
  align-items:center;
}
.tracking-grid{
  display:grid;
  grid-template-columns:1.4fr .8fr .8fr;
  gap:14px;
  margin-bottom:18px;
}
.tracking-grid article{
  padding:18px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.tracking-grid span{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:950;
}
.tracking-grid strong{
  display:block;
  margin-top:8px;
  font-size:32px;
  letter-spacing:-.05em;
}
.tracking-grid p{
  color:var(--muted);
  margin:10px 0 0;
}
.tracking-results{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.tracking-results article{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.tracking-results span{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
  margin-bottom:8px;
}
.tracking-results strong{
  display:block;
  line-height:1.35;
}
.tracking-results small{
  display:block;
  margin-top:8px;
  color:var(--muted);
}
.tracking-help{
  margin-top:18px;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.tracking-help summary{
  cursor:pointer;
  color:var(--brand2);
  font-weight:950;
}
.tracking-help pre{
  white-space:pre-wrap;
  color:var(--soft);
}
@media(max-width:1000px){
  .tracking-grid,.tracking-results{grid-template-columns:1fr}
}

/* v9.1 Monte Carlo score card */
.tracking-grid{
  grid-template-columns:1.35fr .7fr .7fr 1.1fr;
}
@media(max-width:1200px){
  .tracking-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .tracking-grid{grid-template-columns:1fr}
}

/* v9.3 UX navigation + model hub */
.app-nav{
  position:sticky;
  top:0;
  z-index:50;
  padding:12px clamp(22px,4vw,72px);
  margin:0;
  border-bottom:1px solid var(--line2);
}
.dashboard-view{
  display:block;
}
.model-hub .section-title{
  margin:4px 0 0;
}
.scenario-model-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}
.scenario-model-grid article{
  cursor:pointer;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
  display:flex;
  flex-direction:column;
  gap:16px;
  justify-content:space-between;
}
.scenario-model-grid article.active{
  background:rgba(143,107,255,.14);
  border-color:rgba(143,107,255,.40);
}
.scenario-model-grid span{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
}
.scenario-model-grid strong{
  display:block;
  margin-top:7px;
  font-size:24px;
}
.scenario-model-grid small{
  display:block;
  color:var(--muted);
  margin-top:6px;
}
.model-score-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.model-score-pair div{
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line2);
}
.model-score-pair b{
  display:block;
  font-size:24px;
  color:var(--brand2);
}
.model-score-pair i{
  color:var(--muted);
  font-size:11px;
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
}
.model-hub-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:18px;
}
.model-hub-grid article{
  padding:18px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.model-hub-grid h3{
  margin:0 0 10px;
}
.model-hub-grid p{
  color:var(--muted);
  line-height:1.55;
  margin:0;
}
.mc-align b{
  color:var(--gold);
}
@media(max-width:1200px){
  .scenario-model-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .app-nav{overflow-x:auto; flex-wrap:nowrap}
  .scenario-model-grid,.model-hub-grid{grid-template-columns:1fr}
}

/* v10 backoffice */
.bo-login-card{
  max-width:520px;
  margin:32px auto;
  padding:24px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.bo-login-card h2{
  margin-bottom:10px;
}
.bo-login-card p,
.bo-login-card small{
  color:var(--muted);
  line-height:1.55;
}
#boLoginForm{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  margin:18px 0 10px;
}
.bo-error{
  color:#e38c9b !important;
  min-height:20px;
}
.bo-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:22px;
}
.bo-grid article{
  padding:18px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.bo-grid h3{
  margin:0 0 10px;
}
.bo-grid p{
  color:var(--muted);
  line-height:1.55;
}
.bo-grid input{
  margin-bottom:10px;
}
.bo-status{
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
@media(max-width:1100px){
  .bo-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  #boLoginForm{grid-template-columns:1fr}
}

/* v11 backtesting */
.backtesting-page .section-label span{max-width:760px;line-height:1.45}
.backtest-summary{grid-template-columns:1.2fr 1fr .8fr}
@media(max-width:1000px){.backtest-summary{grid-template-columns:1fr}}

/* v12 calibrated confidence */
.calibration-page .section-label span{
  max-width:720px;
  line-height:1.45;
}
.calibration-page table td:nth-child(4) strong{
  color:var(--gold);
}

/* v13 dynamic intelligence */
.intelligence-page .section-label span{
  max-width:760px;
  line-height:1.45;
}
.intelligence-kpis{
  grid-template-columns:1.1fr .9fr .8fr;
}
.pos{color:var(--green);font-weight:950}
.neg{color:#e38c9b;font-weight:950}
@media(max-width:1000px){
  .intelligence-kpis{grid-template-columns:1fr}
}

/* v13.1 scenario context selector */
.scenario-context-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
  padding:16px 18px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.scenario-context-bar strong{
  display:block;
  font-size:24px;
  letter-spacing:-.04em;
  margin:4px 0 5px;
}
.scenario-context-bar span{
  color:var(--muted);
  font-size:13px;
}
.scenario-context-bar label{
  min-width:260px;
  display:grid;
  gap:7px;
}
.scenario-context-bar label span{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
  color:var(--muted);
}
.scenario-context-bar select{
  min-width:240px;
}
@media(max-width:760px){
  .scenario-context-bar{
    align-items:stretch;
    flex-direction:column;
  }
  .scenario-context-bar label,
  .scenario-context-bar select{
    min-width:100%;
  }
}

/* v13.3 premium organized navigation */
.premium-nav{
  position:sticky;
  top:0;
  z-index:80;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px clamp(18px,4vw,72px);
  margin:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg,rgba(8,10,18,.90),rgba(8,10,18,.72)),
    radial-gradient(circle at 20% 0%,rgba(143,107,255,.18),transparent 35%);
  backdrop-filter:blur(18px);
  box-shadow:0 16px 50px rgba(0,0,0,.28);
}
.premium-nav button{
  font:inherit;
}
.premium-nav .nav-home,
.premium-nav .nav-parent,
.premium-nav .nav-menu button{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--soft);
  border-radius:999px;
  padding:10px 14px;
  font-weight:950;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.premium-nav .nav-home:hover,
.premium-nav .nav-parent:hover,
.premium-nav .nav-menu button:hover{
  transform:translateY(-1px);
  border-color:rgba(143,107,255,.45);
  color:var(--ink);
  background:rgba(143,107,255,.12);
}
.premium-nav .nav-home.active,
.premium-nav .nav-group.active > .nav-parent{
  color:#fff;
  border-color:rgba(143,107,255,.55);
  background:linear-gradient(135deg,rgba(143,107,255,.28),rgba(255,255,255,.07));
  box-shadow:0 10px 30px rgba(143,107,255,.18);
}
.nav-group{
  position:relative;
}
.nav-parent{
  display:flex;
  align-items:center;
  gap:8px;
}
.nav-parent span{
  font-size:12px;
  opacity:.75;
}
.nav-menu{
  position:absolute;
  left:0;
  top:calc(100% + 10px);
  min-width:230px;
  padding:10px;
  border-radius:22px;
  background:rgba(10,13,23,.96);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  backdrop-filter:blur(20px);
  display:grid;
  gap:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px) scale(.98);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.nav-group:hover .nav-menu,
.nav-group.open .nav-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.nav-menu button{
  width:100%;
  text-align:left;
  border-radius:14px !important;
  padding:11px 12px !important;
  background:rgba(255,255,255,.035) !important;
}
.nav-menu button.active{
  color:#fff;
  border-color:rgba(243,201,106,.42) !important;
  background:linear-gradient(135deg,rgba(243,201,106,.16),rgba(143,107,255,.12)) !important;
}
@media(max-width:980px){
  .premium-nav{
    overflow-x:auto;
    align-items:flex-start;
    padding-bottom:14px;
  }
  .nav-group{
    position:static;
  }
  .nav-menu{
    position:fixed;
    left:16px;
    right:16px;
    top:86px;
    min-width:0;
  }
}
@media(max-width:640px){
  .premium-nav{
    gap:8px;
  }
  .premium-nav .nav-home,
  .premium-nav .nav-parent{
    padding:9px 12px;
    font-size:13px;
    white-space:nowrap;
  }
}

/* v13.4 secure backoffice */
.readonly-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(243,201,106,.08);
  border:1px solid rgba(243,201,106,.24);
}
.readonly-notice strong{color:var(--gold)}
.readonly-notice span{color:var(--muted)}
.admin-session-badge{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(89,208,159,.08);
  border:1px solid rgba(89,208,159,.24);
}
.admin-session-badge strong{color:var(--green)}
.admin-session-badge span{color:var(--muted)}
.activity-log{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:12px;
}
.activity-log article{
  padding:12px;
  border-radius:16px;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.035);
}
.activity-log strong{
  display:block;
  color:var(--brand2);
  font-size:12px;
}
.activity-log span{
  display:block;
  margin:4px 0 8px;
  color:var(--muted);
  font-size:11px;
}
.activity-log p{
  margin:0;
  color:var(--soft);
  font-size:13px;
  line-height:1.4;
}
@media(max-width:1000px){
  .activity-log{grid-template-columns:1fr}
  .admin-session-badge,.readonly-notice{align-items:flex-start;flex-direction:column}
}

/* v13.5 dynamic real bracket */
.real-bracket-admin input{
  width:100%;
  min-width:170px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.045);
  color:var(--ink);
  font:inherit;
}
.real-bracket-admin input::placeholder{
  color:var(--muted);
}
.real-bracket-admin .ghost-button{
  padding:8px 12px;
  font-size:12px;
}

/* v13.6 auto real bracket */
.compact-admin{
  margin-top:8px;
  margin-bottom:14px;
}
.compact-admin .ghost-button{
  white-space:nowrap;
}
@media(max-width:760px){
  .compact-admin{
    align-items:stretch;
    flex-direction:column;
  }
}

/* v13.7 secure team selects */
.real-bracket-admin select{
  width:100%;
  min-width:190px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.045);
  color:var(--ink);
  font:inherit;
}
.real-bracket-admin select option{
  background:#101422;
  color:#f5f7fb;
}

/* v13.8 Intelligence Center */
.intel-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
 gap:16px;
}
.intel-grid article{
 padding:18px;
 border:1px solid var(--line2);
 border-radius:20px;
 background:rgba(255,255,255,.04);
}
.intel-flow{
 display:grid;
 gap:4px;
 text-align:center;
 font-weight:800;
}

/* v13.9.1 premium intelligence center final */
.intel-center.premium{
  display:grid;
  gap:18px;
}
.intel-hero{
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr;
  gap:14px;
}
.intel-hero article{
  padding:20px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.intel-hero span{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:950;
}
.intel-hero strong{
  display:block;
  margin-top:8px;
  font-size:34px;
  letter-spacing:-.06em;
}
.intel-hero p{
  color:var(--muted);
  margin:10px 0 0;
  line-height:1.45;
}
.intel-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px;
  border-radius:22px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.intel-tabs button{
  border:1px solid transparent;
  border-radius:999px;
  padding:10px 13px;
  background:rgba(255,255,255,.045);
  color:var(--soft);
  font:inherit;
  font-weight:950;
  cursor:pointer;
}
.intel-tabs button.active{
  color:#fff;
  border-color:rgba(143,107,255,.45);
  background:linear-gradient(135deg,rgba(143,107,255,.30),rgba(255,255,255,.06));
}
.intel-panel{
  display:none;
}
.intel-panel.active{
  display:grid;
  gap:16px;
}
.engine-flow{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  padding:18px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
}
.engine-flow div{
  padding:13px 15px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--line2);
  font-weight:950;
  text-align:center;
}
.engine-flow span{
  color:var(--brand2);
  font-weight:950;
}
.engine-flow.vertical{
  flex-direction:column;
}
.premium-table{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.premium-table article{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.premium-table article div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.premium-table span{
  color:var(--brand2);
  font-weight:950;
}
.premium-table small{
  color:var(--muted);
}
.coverage-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.coverage-grid article{
  padding:18px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
}
.coverage-grid p{
  line-height:1.7;
  color:var(--soft);
}
@media(max-width:1000px){
  .intel-hero,.premium-table,.coverage-grid{grid-template-columns:1fr}
}

/* v14.1 cleaned dashboard methodology */
.hero-subtitle{
  max-width:760px;
}

/* v14.3 prediction vs reality */
.reality-result{
  margin-top:12px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line2);
  display:grid;
  gap:4px;
  background:rgba(255,255,255,.035);
}
.reality-result strong{font-size:13px}
.reality-result .real-score{color:var(--soft);font-weight:950;font-size:13px}
.reality-result small{color:var(--muted)}
.reality-result.exact{border-color:rgba(89,208,159,.35);background:rgba(89,208,159,.09)}
.reality-result.good{border-color:rgba(143,107,255,.36);background:rgba(143,107,255,.10)}
.reality-result.close{border-color:rgba(243,201,106,.35);background:rgba(243,201,106,.09)}
.reality-result.miss{border-color:rgba(227,140,155,.35);background:rgba(227,140,155,.09)}
.timeline-real{min-width:140px}
.timeline-real .reality-result{margin-top:0;padding:8px 10px}
.performance-card{
  margin-top:18px;
  padding:18px;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.performance-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.performance-grid article{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line2);
}
.performance-grid span{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
  margin-bottom:8px;
}
.performance-grid strong{
  font-size:28px;
  letter-spacing:-.04em;
}
@media(max-width:900px){.performance-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.performance-grid{grid-template-columns:1fr}}

/* v14.4 Prediction vs Reality clarity */
.reality-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.reality-head span{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
}
.reality-scoreline{
  display:grid;
  grid-template-columns:1fr 1fr .75fr;
  gap:8px;
  margin-top:8px;
}
.reality-scoreline div{
  padding:9px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--line2);
}
.reality-scoreline small,
.reality-scoreline em{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-style:normal;
}
.reality-scoreline b{
  display:block;
  font-size:21px;
  margin:2px 0;
}
.reality-result.compact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:155px;
}
.reality-result.compact span{
  color:var(--soft);
  font-weight:950;
}
.reality-result.compact strong{
  white-space:nowrap;
}
@media(max-width:720px){
  .reality-scoreline{grid-template-columns:1fr}
}

/* v14.5 explicit prediction/reality visibility */
.dashboard-only-card[hidden]{
  display:none !important;
}
.reality-result.pending{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
}
.reality-result.pending strong{
  color:var(--muted);
}
.match-card .reality-result{
  margin-top:14px;
}
.timeline-row{
  gap:12px;
}

/* v14.6 bracket structural spacing fix */
.bracket{
  --slot-h:172px;
}
.bracket-col{
  grid-template-rows:48px repeat(32,calc(var(--slot-h)/2));
}
.bracket-slot{
  align-self:center;
  padding:0;
  margin:0;
}
.bracket-card{
  margin:0;
}
.bracket-col:not(:first-child) .bracket-slot,
.bracket-col:not(:first-child) .bracket-card{
  margin:0;
  padding-block:0;
  transform:none;
}
.bracket-shell{
  padding-bottom:56px;
}
@media(max-width:900px){
  .bracket{
    --slot-h:128px;
  }
}

/* v14.7 all matches redesign */
.all-matches-page{
  margin-bottom:18px;
}
.enriched-date-block{
  padding:16px;
  border-radius:var(--radius);
  background:rgba(255,255,255,.025);
  border:1px solid var(--line2);
  margin-bottom:18px;
}
.date-header.enriched{
  margin-bottom:12px;
}
.date-header.enriched span{
  color:var(--muted);
  font-size:13px;
}
.enriched-timeline{
  display:grid;
  gap:12px;
}
.enriched-match-row{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:0 10px 28px rgba(0,0,0,.20);
}
.timeline-main{
  display:grid;
  grid-template-columns:70px 110px minmax(260px,1fr) 110px 180px;
  align-items:center;
  gap:12px;
}
.timeline-score-block{
  padding:8px 10px;
  border-radius:14px;
  background:rgba(143,107,255,.10);
  border:1px solid rgba(143,107,255,.24);
  text-align:center;
}
.timeline-score-block span{
  display:block;
  font-size:10px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
}
.timeline-score-block strong{
  display:block;
  font-size:22px;
  letter-spacing:-.05em;
}
.timeline-details{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:8px;
}
.timeline-details div{
  padding:9px 10px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.timeline-details span{
  display:block;
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
  margin-bottom:4px;
}
.timeline-details strong{
  color:var(--soft);
  font-size:13px;
}
@media(max-width:1100px){
  .timeline-main{
    grid-template-columns:60px 90px 1fr;
  }
  .timeline-score-block,
  .timeline-real{
    grid-column:auto / span 1;
  }
  .timeline-details{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:720px){
  .timeline-main{
    grid-template-columns:1fr;
  }
  .timeline-details{
    grid-template-columns:1fr 1fr;
  }
}

/* v14.8 all matches cards layout */
.match-day-block{
  padding:18px;
  border-radius:var(--radius);
  background:rgba(255,255,255,.025);
  border:1px solid var(--line2);
  margin-bottom:20px;
}
.match-day-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.match-timeline-card{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:0 18px 46px rgba(0,0,0,.25);
}
.match-timeline-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.match-timeline-head > div{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.match-confidence{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(143,107,255,.12);
  border:1px solid rgba(143,107,255,.28);
  color:var(--soft);
  font-size:12px;
  white-space:nowrap;
}
.match-timeline-main{
  display:grid;
  grid-template-columns:1fr 120px 1fr;
  gap:12px;
  align-items:stretch;
}
.timeline-team{
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.timeline-team.away{
  text-align:right;
  align-items:flex-end;
}
.timeline-team strong{
  font-size:18px;
  line-height:1.25;
}
.timeline-team span{
  color:var(--muted);
  font-size:12px;
}
.timeline-team.projected{
  background:rgba(143,107,255,.12);
  border-color:rgba(143,107,255,.36);
}
.timeline-score-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(243,201,106,.14),rgba(143,107,255,.10));
  border:1px solid rgba(243,201,106,.28);
}
.timeline-score-center span,
.timeline-score-center em,
.match-analysis-grid span,
.probability-card > span{
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
  font-style:normal;
}
.timeline-score-center strong{
  font-size:34px;
  letter-spacing:-.07em;
}
.match-reality-panel .reality-result{
  margin:0;
}
.match-analysis-grid{
  display:grid;
  grid-template-columns:1.6fr repeat(3,1fr);
  gap:10px;
}
.match-analysis-grid > article{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.match-analysis-grid strong{
  display:block;
  margin-top:8px;
  color:var(--soft);
  font-size:17px;
}
.prob-bars{
  display:grid;
  gap:7px;
  margin-top:8px;
}
.prob-bars div{
  display:grid;
  grid-template-columns:18px 1fr 42px;
  gap:8px;
  align-items:center;
}
.prob-bars span{
  color:var(--brand2);
  font-weight:950;
  font-size:12px;
}
.prob-bars b{
  color:var(--soft);
  font-size:12px;
  text-align:right;
}
.prob-bars progress{
  width:100%;
  height:7px;
}
@media(max-width:1180px){
  .match-day-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .match-timeline-main{grid-template-columns:1fr}
  .timeline-team.away{text-align:left;align-items:flex-start}
  .timeline-score-center{padding:16px}
  .match-analysis-grid{grid-template-columns:1fr 1fr}
  .probability-card{grid-column:1 / -1}
}
@media(max-width:480px){
  .match-analysis-grid{grid-template-columns:1fr}
}

/* v14.9 calendar filters */
.calendar-filter-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-top:16px;
  padding:12px;
  border-radius:20px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.calendar-filter-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.calendar-filter-buttons button{
  border:1px solid var(--line2);
  border-radius:999px;
  padding:9px 12px;
  background:rgba(255,255,255,.04);
  color:var(--soft);
  font:inherit;
  font-weight:950;
  cursor:pointer;
}
.calendar-filter-buttons button.active{
  color:#fff;
  border-color:rgba(143,107,255,.46);
  background:linear-gradient(135deg,rgba(143,107,255,.28),rgba(255,255,255,.06));
}
.calendar-date-select{
  display:grid;
  gap:6px;
  min-width:210px;
}
.calendar-date-select span{
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
}
.empty-calendar-state{
  padding:28px;
  border-radius:var(--radius);
  background:rgba(255,255,255,.035);
  border:1px dashed var(--line2);
  text-align:center;
}
.empty-calendar-state p{
  color:var(--muted);
}
@media(max-width:760px){
  .calendar-filter-bar{
    align-items:stretch;
    flex-direction:column;
  }
  .calendar-date-select{
    min-width:100%;
  }
}

/* v15 live adaptive */
.live-adaptive-card{
 margin:18px 0;
 padding:18px;
 border-radius:var(--radius);
 background:linear-gradient(180deg,var(--glass),var(--glass2));
 border:1px solid var(--line);
 box-shadow:var(--shadow);
}
.adaptive-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:12px;
}
.adaptive-grid article{
 padding:14px;
 border-radius:18px;
 background:rgba(255,255,255,.04);
 border:1px solid var(--line2);
}
.adaptive-grid span{
 display:block;color:var(--muted);font-size:11px;
 text-transform:uppercase;font-weight:900;margin-bottom:8px;
}
.adaptive-grid strong{font-size:24px}
@media(max-width:900px){.adaptive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.adaptive-grid{grid-template-columns:1fr}}

/* v15.1 Live Adaptive visibility fix */
.live-adaptive-intro{
  margin:0 0 16px;
  color:var(--muted);
  line-height:1.55;
  max-width:920px;
}
.live-adaptive-card progress{
  width:100%;
  margin-top:10px;
  height:7px;
}
.dashboard-only-card[hidden]{
  display:none !important;
}

/* v15.2 bracket compact */
.bracket-card{
  min-height:112px;
}
.bracket-status{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid var(--line2);
  background:rgba(10,13,23,.86);
  box-shadow:0 8px 18px rgba(0,0,0,.22);
  font-size:12px;
  line-height:1;
}
.bracket-status.exact{
  border-color:rgba(89,208,159,.45);
  background:rgba(89,208,159,.16);
}
.bracket-status.good{
  border-color:rgba(143,107,255,.45);
  background:rgba(143,107,255,.16);
}
.bracket-status.close{
  border-color:rgba(243,201,106,.45);
  background:rgba(243,201,106,.16);
}
.bracket-status.miss{
  border-color:rgba(227,140,155,.45);
  background:rgba(227,140,155,.16);
}
.bracket-status.pending{
  color:var(--muted);
}

/* v15.3 bracket status left */
.bracket-card{
  padding:10px;
}
.bracket-card-body{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  align-items:stretch;
}
.bracket-status-rail{
  display:flex;
  align-items:center;
  justify-content:center;
}
.bracket-teams{
  min-width:0;
}
.bracket-status{
  position:static;
  width:24px;
  height:24px;
  flex:0 0 24px;
  box-shadow:none;
}
.bracket-team{
  padding-right:10px;
}
.bracket-score{
  min-width:22px;
  text-align:right;
  margin-left:8px;
}

/* v15.4 bracket polish */
.bracket-card{
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bracket-card-body{
  min-height:68px;
}
.bracket-meta{
  display:none !important;
}
.bracket-team{
  min-height:30px;
}
.bracket-team + .bracket-team{
  margin-top:6px;
}
.bracket-status-rail{
  min-height:68px;
}
.bracket-status{
  transform:none !important;
}
.bracket-score{
  flex:0 0 24px;
}

/* v15.5 bracket legend + internal alignment polish */
.bracket-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  flex-wrap:wrap;
}
.bracket-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
  max-width:560px;
}
.bracket-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--line2);
  color:var(--soft);
  font-size:12px;
  font-weight:850;
}
.legend-dot{
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-size:11px;
  border:1px solid var(--line2);
  background:rgba(10,13,23,.86);
}
.legend-dot.exact{border-color:rgba(89,208,159,.45);background:rgba(89,208,159,.16)}
.legend-dot.good{border-color:rgba(143,107,255,.45);background:rgba(143,107,255,.16)}
.legend-dot.close{border-color:rgba(243,201,106,.45);background:rgba(243,201,106,.16)}
.legend-dot.miss{border-color:rgba(227,140,155,.45);background:rgba(227,140,155,.16)}
.legend-dot.pending{color:var(--muted)}

.bracket-col:not([data-round="32es"]) .bracket-card{
  min-height:98px;
}
.bracket-col:not([data-round="32es"]) .bracket-card-body{
  min-height:74px;
  align-items:center;
}
.bracket-col:not([data-round="32es"]) .bracket-team{
  min-height:32px;
  padding-top:8px;
  padding-bottom:8px;
}
.bracket-col:not([data-round="32es"]) .bracket-team + .bracket-team{
  margin-top:8px;
}
.bracket-col:not([data-round="32es"]) .bracket-status-rail{
  min-height:74px;
}
.bracket-teams{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bracket-team span:first-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bracket-score{
  line-height:1;
}
@media(max-width:900px){
  .bracket-toolbar{
    flex-direction:column;
  }
  .bracket-legend{
    justify-content:flex-start;
  }
}

/* v15.6 bracket compact polish */
.bracket-toolbar{
  display:grid;
  grid-template-columns:minmax(420px,1fr) auto;
  align-items:start;
  gap:18px;
}
.bracket-legend{
  flex-wrap:nowrap;
  white-space:nowrap;
  max-width:none;
  overflow-x:auto;
  padding-bottom:2px;
}
.bracket-legend span{
  flex:0 0 auto;
  padding:6px 9px;
  font-size:11px;
}
.legend-dot{
  width:20px;
  height:20px;
  font-size:10px;
}

/* Compact the whole structural grid while keeping center alignment */
.bracket{
  --slot-h:144px;
}
.bracket-col{
  grid-template-rows:44px repeat(32,calc(var(--slot-h)/2));
}
.bracket-card{
  min-height:82px;
  padding:8px;
  justify-content:center;
}
.bracket-card-body{
  min-height:58px;
  grid-template-columns:26px 1fr;
  gap:7px;
}
.bracket-status-rail{
  min-height:58px;
}
.bracket-status{
  width:22px;
  height:22px;
  flex-basis:22px;
  font-size:11px;
}
.bracket-team{
  min-height:27px;
  padding:6px 8px;
  gap:8px;
}
.bracket-team + .bracket-team{
  margin-top:4px;
}
.bracket-score{
  flex:0 0 22px;
  min-width:22px;
}

/* Later rounds remain slightly roomier, but not oversized */
.bracket-col:not([data-round="32es"]) .bracket-card{
  min-height:88px;
}
.bracket-col:not([data-round="32es"]) .bracket-card-body{
  min-height:62px;
}
.bracket-col:not([data-round="32es"]) .bracket-team{
  min-height:29px;
  padding-top:7px;
  padding-bottom:7px;
}
.bracket-col:not([data-round="32es"]) .bracket-team + .bracket-team{
  margin-top:5px;
}
.bracket-col:not([data-round="32es"]) .bracket-status-rail{
  min-height:62px;
}

@media(max-width:1100px){
  .bracket-toolbar{
    grid-template-columns:1fr;
  }
  .bracket-legend{
    justify-content:flex-start;
    width:100%;
  }
}
@media(max-width:900px){
  .bracket{
    --slot-h:128px;
  }
}


/* v16.8.4 — FontAwesome + drapeaux */
.nav-home i,
.nav-parent i,
.nav-menu button i,
.answers article span i{
  margin-right:7px;
  opacity:.88;
}
.hero-card .fa-trophy{
  font-size:34px;
}
.team-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.team-flag{
  flex:0 0 auto;
  width:1.25em;
  line-height:1em;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 1px 4px rgba(0,0,0,.18);
}
.team-flag-placeholder{
  display:inline-block;
  width:1.25em;
  height:.9em;
  flex:0 0 auto;
}
.rank-badge .fa-circle-info{
  margin-right:3px;
}
.bracket-team .team-label,
.timeline-team .team-label{
  max-width:100%;
}
.bracket-team .team-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


/* v16.0 Tournament Board bracket redesign */
.tournament-board-stage{margin-top:18px}
.tournament-board-toolbar{align-items:flex-start;gap:18px}
.tournament-board-shell{
  width:100%;
  overflow-x:auto;
  padding:14px 2px 34px;
  scroll-snap-type:x proximity;
}
.tournament-board{
  display:grid;
  grid-template-columns:minmax(255px,1.35fr) minmax(245px,1fr) minmax(245px,.9fr) minmax(245px,.82fr) minmax(265px,.9fr);
  gap:18px;
  min-width:1240px;
  align-items:start;
}
.tournament-board-col{
  scroll-snap-align:start;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border-radius:24px;
  padding:12px;
  box-shadow:0 20px 50px rgba(0,0,0,.18);
  min-height:100%;
}
.tournament-board-header{
  display:flex;
  align-items:center;
  gap:10px;
  position:sticky;
  top:0;
  z-index:2;
  padding:10px 10px 12px;
  margin:-2px -2px 10px;
  border-radius:18px;
  background:rgba(10,18,32,.86);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.08);
}
.tournament-board-icon{
  width:34px;height:34px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(246,200,95,.14);
  color:#f6c85f;
}
.tournament-board-header strong{display:block;font-size:1rem;color:var(--ink)}
.tournament-board-header small{display:block;color:var(--muted);font-size:.76rem;margin-top:2px}
.tournament-board-list{display:flex;flex-direction:column;gap:10px}
.tournament-board-slot{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:stretch}
.tournament-match-index{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  font-size:.68rem;font-weight:900;letter-spacing:.08em;
  color:rgba(238,244,255,.58);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.07);
}
.tournament-board .bracket-card{
  min-height:auto;
  border-radius:18px;
  box-shadow:none;
  border:1px solid rgba(255,255,255,.095);
  background:rgba(255,255,255,.052);
}
.tournament-board .bracket-card::before{display:none}
.tournament-board .bracket-card-body{padding:8px;gap:8px;min-height:auto}
.tournament-board .bracket-status-rail{width:26px;border-radius:14px;background:rgba(255,255,255,.055)}
.tournament-board .bracket-status{width:20px;height:20px;font-size:.7rem}
.tournament-board .bracket-team{min-height:29px;padding:5px 7px;border-radius:11px;font-size:.78rem;gap:6px}
.tournament-board .bracket-team + .bracket-team{margin-top:4px}
.tournament-board .bracket-team .team-label{gap:6px;min-width:0}
.tournament-board .bracket-team .team-name{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tournament-board .bracket-score{font-size:.82rem;min-width:18px;text-align:right}
.tournament-board .champion-ribbon{
  margin:0 8px 8px;
  padding:7px 9px;
  border-radius:12px;
  font-weight:950;
  background:linear-gradient(135deg, rgba(246,200,95,.22), rgba(255,255,255,.07));
  color:#ffe2a0;
}
.tournament-board-extra{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.14)}
.tournament-board-extra-title{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;font-weight:900;margin:0 0 8px 2px;text-transform:uppercase;letter-spacing:.06em}
.tournament-board-col[data-round="Finale"] .tournament-board-list{gap:14px}
.tournament-board-col[data-round="Finale"] .bracket-card{background:linear-gradient(180deg, rgba(246,200,95,.13), rgba(255,255,255,.055));border-color:rgba(246,200,95,.25)}
@media (max-width: 900px){
  .tournament-board-toolbar{flex-direction:column}
  .tournament-board-shell{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .tournament-board{display:flex;min-width:0;gap:14px}
  .tournament-board-col{min-width:286px;max-width:286px}
  .tournament-board .bracket-team .team-name{max-width:142px}
}


/* v16.8.4 Tournament Board vertical / anti-écrasement */
.tournament-board-shell{
  overflow-x:visible;
  padding:16px 0 34px;
  scroll-snap-type:none;
}
.tournament-board{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:22px;
  align-items:stretch;
}
.tournament-board-col{
  min-height:auto;
  padding:16px;
  border-radius:26px;
}
.tournament-board-header{
  position:relative;
  top:auto;
  margin:0 0 14px;
  padding:12px 14px;
}
.tournament-board-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:12px;
}
.tournament-board-col[data-round="32es"] .tournament-board-list{
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
}
.tournament-board-col[data-round="8es"] .tournament-board-list,
.tournament-board-col[data-round="Quarts"] .tournament-board-list{
  grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));
}
.tournament-board-col[data-round="Demi-finales"] .tournament-board-list,
.tournament-board-col[data-round="Finale"] .tournament-board-list{
  grid-template-columns:repeat(auto-fit, minmax(360px, 1fr));
}
.tournament-board-slot{
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
}
.tournament-match-index{
  writing-mode:initial;
  transform:none;
  min-height:100%;
  font-size:.72rem;
  letter-spacing:.04em;
}
.tournament-board .bracket-card{
  border-radius:20px;
}
.tournament-board .bracket-card-body{
  padding:10px;
  grid-template-columns:30px minmax(0,1fr);
}
.tournament-board .bracket-status-rail{
  width:30px;
}
.tournament-board .bracket-team{
  min-height:36px;
  padding:8px 10px;
  font-size:.9rem;
}
.tournament-board .bracket-team .team-name{
  max-width:none;
}
.tournament-board .bracket-score{
  font-size:.95rem;
  min-width:24px;
}
.tournament-board-extra{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.tournament-board-extra-title{
  grid-column:1/-1;
  margin:4px 0 -2px 4px;
}
.tournament-board-col[data-round="Finale"] .tournament-board-list{
  gap:12px;
}
@media (min-width: 1180px){
  .tournament-board-col[data-round="32es"] .tournament-board-list{grid-template-columns:repeat(4, minmax(0,1fr));}
  .tournament-board-col[data-round="8es"] .tournament-board-list{grid-template-columns:repeat(4, minmax(0,1fr));}
  .tournament-board-col[data-round="Quarts"] .tournament-board-list{grid-template-columns:repeat(2, minmax(0,1fr));}
  .tournament-board-col[data-round="Demi-finales"] .tournament-board-list{grid-template-columns:repeat(2, minmax(0,1fr));}
  .tournament-board-col[data-round="Finale"] .tournament-board-list{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width: 900px){
  .tournament-board-shell{margin-left:0;margin-right:0;padding-left:0;padding-right:0;overflow-x:visible;}
  .tournament-board{display:flex;flex-direction:column;gap:18px;min-width:0;}
  .tournament-board-col{min-width:0;max-width:none;width:100%;padding:12px;border-radius:22px;}
  .tournament-board-list,
  .tournament-board-col[data-round="32es"] .tournament-board-list,
  .tournament-board-col[data-round="8es"] .tournament-board-list,
  .tournament-board-col[data-round="Quarts"] .tournament-board-list,
  .tournament-board-col[data-round="Demi-finales"] .tournament-board-list,
  .tournament-board-col[data-round="Finale"] .tournament-board-list{grid-template-columns:1fr;}
  .tournament-board-slot{grid-template-columns:30px minmax(0,1fr);}
  .tournament-board .bracket-team .team-name{max-width:none;}
}
@media (max-width: 520px){
  .tournament-board-col{padding:10px;}
  .tournament-board-header{padding:10px;}
  .tournament-board-slot{grid-template-columns:28px minmax(0,1fr);gap:8px;}
  .tournament-board .bracket-card-body{grid-template-columns:28px minmax(0,1fr);padding:8px;}
  .tournament-board .bracket-status-rail{width:28px;}
  .tournament-board .bracket-team{font-size:.82rem;min-height:32px;padding:7px 8px;}
}

/* v16.8.4 Tournament Board linked paths + podium split */
.tournament-board-slot::before{
  content:"";
  position:absolute;
  left:-5px;
  top:8px;
  bottom:8px;
  width:4px;
  border-radius:999px;
  background:var(--path-color, rgba(255,255,255,.16));
  box-shadow:0 0 18px var(--path-glow, transparent);
}
.tournament-board-slot .tournament-match-index{
  border-color:color-mix(in srgb, var(--path-color, rgba(255,255,255,.16)) 45%, rgba(255,255,255,.08));
  background:linear-gradient(180deg, color-mix(in srgb, var(--path-color, rgba(255,255,255,.12)) 16%, rgba(255,255,255,.055)), rgba(255,255,255,.04));
}
.tournament-board .bracket-card{
  border-left:4px solid var(--path-color, rgba(255,255,255,.14));
}
.tournament-board .bracket-card.path-final{
  border-left-color:#f6c85f;
  box-shadow:0 0 0 1px rgba(246,200,95,.08), 0 16px 34px rgba(246,200,95,.08);
}
.path-1{--path-color:#4cc9f0;--path-glow:rgba(76,201,240,.24)}
.path-2{--path-color:#7bd88f;--path-glow:rgba(123,216,143,.22)}
.path-3{--path-color:#c77dff;--path-glow:rgba(199,125,255,.22)}
.path-4{--path-color:#ff9f1c;--path-glow:rgba(255,159,28,.22)}
.path-final{--path-color:#f6c85f;--path-glow:rgba(246,200,95,.28)}
.path-third{--path-color:#b8c1d8;--path-glow:rgba(184,193,216,.18)}
.path-neutral{--path-color:rgba(255,255,255,.18);--path-glow:transparent}
.legend-path{
  width:22px;
  height:8px;
  border-radius:999px;
  display:inline-block;
  background:var(--path-color, rgba(255,255,255,.18));
  box-shadow:0 0 14px var(--path-glow, transparent);
  margin-right:2px;
}
.tournament-board-extra{
  margin-top:14px;
  padding:14px;
  border:1px dashed rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.035);
}
.tournament-board-extra-title{
  margin:0 0 10px;
}
.tournament-board-extra .tournament-board-slot{
  max-width:520px;
}
.tournament-board-col[data-round="Finale"] .tournament-board-list{
  grid-template-columns:minmax(320px, 520px);
}
.tournament-board-col[data-round="Finale"] .tournament-board-extra .bracket-card{
  background:rgba(255,255,255,.055);
  border-color:rgba(184,193,216,.22);
  border-left-color:var(--path-color, #b8c1d8);
}
@media (min-width: 1180px){
  .tournament-board-col[data-round="Finale"] .tournament-board-list{grid-template-columns:minmax(360px, 520px);}
}
@media (max-width: 900px){
  .tournament-board-extra{padding:10px;}
  .tournament-board-extra .tournament-board-slot{max-width:none;}
}

/* v16.8.4 Tournament Board: no match numbers + split finale/podium */
.tournament-board-slot{
  grid-template-columns:minmax(0,1fr);
}
.tournament-match-index,
.tournament-board-slot .tournament-match-index{
  display:none !important;
}
.tournament-finals-split{
  display:grid;
  grid-template-columns:repeat(2, minmax(320px, 520px));
  gap:16px;
  align-items:stretch;
}
.tournament-final-block{
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.04);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.final-block-main{
  background:linear-gradient(180deg, rgba(246,200,95,.13), rgba(255,255,255,.045));
  border-color:rgba(246,200,95,.24);
}
.third-block-main{
  background:linear-gradient(180deg, rgba(184,193,216,.10), rgba(255,255,255,.04));
  border-color:rgba(184,193,216,.20);
}
.tournament-final-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ink);
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.88rem;
}
.tournament-final-block .tournament-board-slot{
  max-width:none;
}
.tournament-podium-section .tournament-board-list{
  display:block;
}
@media (max-width:900px){
  .tournament-finals-split{grid-template-columns:1fr;}
}


/* v16.8.4 Tournament Board path labels + merged semi-final lanes */
.tournament-board .bracket-card{position:relative;overflow:visible;}
.tournament-path-badge{
  position:absolute;
  top:-10px;
  right:12px;
  z-index:2;
  min-width:34px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--path-color, rgba(255,255,255,.18)) 60%, rgba(255,255,255,.18));
  background:linear-gradient(180deg, color-mix(in srgb, var(--path-color, rgba(255,255,255,.16)) 24%, rgba(13,20,38,.96)), rgba(13,20,38,.92));
  box-shadow:0 6px 18px var(--path-glow, rgba(0,0,0,.18));
  color:var(--ink);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.04em;
  line-height:1;
  text-align:center;
  text-transform:uppercase;
}
.path-ab{--path-color:#8f7cf6;--path-glow:rgba(143,124,246,.26)}
.path-cd{--path-color:#ff7a59;--path-glow:rgba(255,122,89,.24)}
.tournament-board .bracket-card.path-ab,
.tournament-board .bracket-card.path-cd{
  background:linear-gradient(180deg, color-mix(in srgb, var(--path-color) 12%, rgba(255,255,255,.06)), rgba(255,255,255,.045));
}
.tournament-board-col[data-round="Demi-finales"] .tournament-board-header small{
  color:color-mix(in srgb, #fff 72%, var(--muted));
}
.bracket-legend .legend-path.path-ab,
.bracket-legend .legend-path.path-cd{width:28px;}
@media (max-width: 640px){
  .tournament-path-badge{top:-8px;right:10px;font-size:.64rem;padding:3px 7px;}
}

/* v16.8.4 Tournament Board badge polish */
.tournament-board-slot::before{
  display:none !important;
}
.tournament-board .bracket-card,
.tournament-board .bracket-card.path-final,
.tournament-board-col[data-round="Finale"] .tournament-board-extra .bracket-card{
  border-left-width:1px;
  border-left-color:rgba(255,255,255,.095);
}
.tournament-board .bracket-card{
  overflow:hidden;
}
.tournament-board .bracket-status-rail{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  padding:6px 0;
}
.tournament-board .bracket-card-body{
  grid-template-columns:34px minmax(0,1fr);
}
.tournament-path-badge{
  position:static;
  top:auto;
  right:auto;
  z-index:1;
  min-width:24px;
  max-width:34px;
  padding:3px 5px;
  border-radius:8px;
  font-size:.62rem;
  line-height:1;
  box-shadow:0 4px 12px var(--path-glow, rgba(0,0,0,.14));
  white-space:nowrap;
}
.tournament-path-badge.path-ab,
.tournament-path-badge.path-cd{
  min-width:34px;
  max-width:38px;
  font-size:.56rem;
  padding-left:4px;
  padding-right:4px;
}
.tournament-path-badge.path-final{
  min-width:30px;
  max-width:38px;
  font-size:.54rem;
}
@media (max-width: 640px){
  .tournament-path-badge{
    position:static;
    top:auto;
    right:auto;
    font-size:.58rem;
    padding:3px 4px;
  }
  .tournament-board .bracket-card-body{
    grid-template-columns:32px minmax(0,1fr);
  }
}


/* v16.8.4 Tournament Board badge/border polish */
.tournament-board-slot::before{
  display:none !important;
}
.tournament-board .bracket-card,
.tournament-board .bracket-card.path-final,
.tournament-board-col[data-round="Finale"] .tournament-board-extra .bracket-card{
  border-left-width:4px;
  border-left-style:solid;
  border-left-color:var(--path-color, rgba(255,255,255,.18));
  box-shadow:0 0 0 1px rgba(255,255,255,.04), -7px 0 22px -16px var(--path-color, rgba(255,255,255,.18));
  overflow:visible;
}
.tournament-board .bracket-card.path-final{
  border-left-color:#f6c85f;
  box-shadow:0 0 0 1px rgba(246,200,95,.08), -8px 0 24px -15px rgba(246,200,95,.8), 0 16px 34px rgba(246,200,95,.08);
}
.tournament-board .bracket-card-body{
  grid-template-columns:34px minmax(0,1fr);
  padding-top:18px;
}
.tournament-board .bracket-status-rail{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  padding:12px 0 6px;
  position:relative;
}
.tournament-path-badge{
  position:absolute;
  top:6px;
  left:8px;
  right:auto;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:22px;
  max-width:none;
  padding:0 8px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--path-color, rgba(255,255,255,.18)) 62%, rgba(255,255,255,.22));
  background:linear-gradient(180deg, color-mix(in srgb, var(--path-color, rgba(255,255,255,.16)) 26%, rgba(13,20,38,.98)), rgba(13,20,38,.94));
  box-shadow:0 6px 16px var(--path-glow, rgba(0,0,0,.18));
  color:var(--ink);
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.035em;
  line-height:1;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}
.tournament-path-badge.path-ab,
.tournament-path-badge.path-cd{
  min-width:46px;
  height:23px;
  padding:0 9px;
  font-size:.62rem;
}
.tournament-path-badge.path-final{
  min-width:62px;
  height:24px;
  padding:0 10px;
  font-size:.58rem;
  letter-spacing:.025em;
}
.tournament-path-badge.path-third{
  min-width:36px;
  height:23px;
  padding:0 9px;
  font-size:.62rem;
}
.tournament-board .bracket-status{
  margin-top:14px;
}
@media (max-width: 640px){
  .tournament-board .bracket-card-body{padding-top:17px;}
  .tournament-path-badge{top:6px;left:7px;min-width:28px;height:21px;font-size:.62rem;padding:0 7px;}
  .tournament-path-badge.path-ab,
  .tournament-path-badge.path-cd{min-width:43px;font-size:.58rem;}
  .tournament-path-badge.path-final{min-width:58px;font-size:.54rem;}
}

/* v16.8.4 badge detached from result rail */
.tournament-board .bracket-status-rail{position:static;}


/* v16.8.4 Tournament Board path label: stable inline placement */
.tournament-board .bracket-card{overflow:hidden;}
.tournament-board .bracket-card-body{padding-top:8px;}
.tournament-board .bracket-status-rail{padding:6px 0;}
.tournament-board .bracket-status{margin-top:0;}
.tournament-path-badge{display:none !important;}
.tournament-path-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  width:max-content;
  max-width:100%;
  min-height:20px;
  margin:0 0 6px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--path-color, rgba(255,255,255,.18)) 58%, rgba(255,255,255,.22));
  background:linear-gradient(180deg, color-mix(in srgb, var(--path-color, rgba(255,255,255,.16)) 22%, rgba(13,20,38,.96)), rgba(13,20,38,.90));
  box-shadow:0 5px 14px var(--path-glow, rgba(0,0,0,.14));
  color:var(--ink);
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.045em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}
.tournament-path-label.path-final{
  color:#ffe6a0;
  border-color:rgba(246,200,95,.44);
}
.tournament-path-label.path-third{
  color:#e7ebf6;
}
@media (max-width:640px){
  .tournament-board .bracket-card-body{padding-top:8px;}
  .tournament-path-label{font-size:.62rem;min-height:19px;padding:3px 7px;margin-bottom:5px;}
}


.bracket-card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
}
.bracket-card-header .bracket-status-rail{
  position:static;
  margin-left:12px;
}


/* v16.8.4 Tournament Board header layout fix */
.tournament-board .bracket-card-body{
  display:block !important;
  padding-top:8px !important;
}
.tournament-board .bracket-card-header{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  min-width:0;
}
.tournament-board .bracket-card-header .tournament-path-label{
  margin:0 !important;
  flex:0 1 auto;
  max-width:calc(100% - 38px);
}
.tournament-board .bracket-card-header .bracket-status-rail{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 auto;
  width:auto !important;
  min-width:28px;
  padding:0 !important;
  margin-left:auto !important;
  position:static !important;
  background:transparent !important;
  border:0 !important;
}
.tournament-board .bracket-card-header .bracket-status{
  margin:0 !important;
}
.tournament-board .bracket-teams{
  width:100%;
}
@media (max-width:640px){
  .tournament-board .bracket-card-header{gap:8px;margin-bottom:7px;}
  .tournament-board .bracket-card-header .tournament-path-label{max-width:calc(100% - 34px);}
}


/* v16.8.4 - Tournament Board: path label + prono badge on the exact same header line */
.tournament-board .bracket-card-body{
  display:block !important;
  min-height:0 !important;
  padding-top:8px !important;
}
.tournament-board .tournament-match-header{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 0 8px !important;
  padding:0 !important;
}
.tournament-board .tournament-match-header .tournament-path-label{
  display:inline-flex !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:calc(100% - 38px) !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.tournament-board .tournament-match-header .tournament-status-inline{
  display:inline-flex !important;
  flex:0 0 28px !important;
  width:28px !important;
  min-width:28px !important;
  height:24px !important;
  min-height:0 !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:0 !important;
  margin:0 !important;
  position:static !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.tournament-board .tournament-match-header .bracket-status-inline{
  position:static !important;
  top:auto !important;
  right:auto !important;
  margin:0 !important;
  transform:none !important;
  flex:0 0 24px !important;
  width:24px !important;
  height:24px !important;
}
.tournament-board .tournament-match-header + .bracket-teams{
  width:100% !important;
}
@media (max-width:640px){
  .tournament-board .tournament-match-header{gap:8px !important;margin-bottom:7px !important;}
  .tournament-board .tournament-match-header .tournament-path-label{max-width:calc(100% - 34px) !important;}
}


/* v16.8.4 - Board par phases avec voies verticales internes */
.tournament-phase-board{
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
}
.tournament-phase-section{
  width:100%;
  min-width:0;
  max-width:none;
}
.tournament-phase-lanes{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
  align-items:start;
}
.tournament-phase-lane{
  min-width:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:9px;
  background:rgba(255,255,255,.025);
}
.tournament-phase-lane-title{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:26px;
  margin-bottom:8px;
  color:var(--ink);
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.tournament-phase-lane-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:999px;
  background:var(--path-color, rgba(255,255,255,.38));
  box-shadow:0 0 12px var(--path-glow, rgba(255,255,255,.18));
}
.tournament-phase-lane-list{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.tournament-phase-lanes-stage .tournament-board-slot{
  display:block;
  min-width:0;
}
.tournament-phase-lanes-stage .tournament-board-slot::before,
.tournament-phase-lanes-stage .tournament-match-index{
  display:none !important;
}
.tournament-phase-lanes-stage .bracket-card{
  width:100%;
  min-width:0;
  position:relative;
  overflow:hidden;
  border-left:3px solid var(--path-color, rgba(255,255,255,.14));
  box-shadow:inset 4px 0 14px var(--path-glow, rgba(255,255,255,.08)), 0 12px 26px rgba(0,0,0,.16);
}
.tournament-phase-lanes-stage .bracket-card-body{
  padding:8px;
  gap:8px;
  min-height:auto;
}
.tournament-phase-lanes-stage .tournament-match-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  margin-bottom:7px;
}
.tournament-phase-lanes-stage .tournament-path-label{
  min-width:0;
  max-width:calc(100% - 34px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tournament-phase-lanes-stage .bracket-status-rail{
  position:static !important;
  flex:0 0 auto;
  width:auto;
  min-width:24px;
  height:24px;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.tournament-phase-lanes-stage .bracket-status{
  margin:0;
  width:22px;
  height:22px;
  font-size:.72rem;
}
.tournament-phase-lanes-stage .bracket-team{
  min-height:30px;
  padding:6px 7px;
  border-radius:11px;
  font-size:.78rem;
  gap:6px;
}
.tournament-phase-lanes-stage .bracket-team + .bracket-team{margin-top:4px;}
.tournament-phase-lanes-stage .bracket-team .team-name{
  max-width:132px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tournament-fusions-grid,
.tournament-finals-split{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}
.path-third,
.tournament-path-label.path-third,
.tournament-phase-lanes-stage .bracket-card.path-third{
  --path-color:#B87333;
  --path-glow:rgba(184,115,51,.34);
}
.third-place-card{
  border-color:rgba(184,115,51,.42) !important;
}
.third-block-main{
  border-color:rgba(184,115,51,.30);
  box-shadow:inset 0 0 0 1px rgba(184,115,51,.12), 0 16px 32px rgba(0,0,0,.14);
}
.third-block-main .tournament-final-title{
  color:#f1b36e;
}
@media (max-width:1100px){
  .tournament-phase-lanes{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width:720px){
  .tournament-phase-lanes,
  .tournament-fusions-grid,
  .tournament-finals-split{grid-template-columns:1fr;}
  .tournament-phase-lane{padding:8px;}
  .tournament-phase-lanes-stage .bracket-team .team-name{max-width:none;}
}


/* v16.8.4 real score inline next to predicted score */
.tournament-board .bracket-card-header,
.tournament-phase-lanes-stage .bracket-card-header{
  display:none !important;
}
.tournament-board .bracket-team,
.tournament-phase-lanes-stage .bracket-team{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.tournament-board .bracket-scoreline,
.tournament-phase-lanes-stage .bracket-scoreline{
  display:grid;
  grid-template-columns:22px 22px 24px;
  align-items:center;
  justify-items:end;
  gap:6px;
  flex:0 0 auto;
  margin-left:8px;
}
.tournament-board .bracket-score,
.tournament-phase-lanes-stage .bracket-score{
  min-width:22px;
  text-align:right;
  font-weight:950;
}
.tournament-board .bracket-real-score,
.tournament-phase-lanes-stage .bracket-real-score{
  min-width:22px;
  text-align:right;
  font-weight:850;
  color:var(--muted);
  font-size:.76rem;
  padding-left:6px;
  border-left:1px solid rgba(255,255,255,.12);
}
.tournament-board .bracket-real-score.played,
.tournament-phase-lanes-stage .bracket-real-score.played{
  color:var(--ink);
}
.tournament-board .bracket-score-status,
.tournament-phase-lanes-stage .bracket-score-status{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
}
.tournament-board .bracket-score-status-spacer,
.tournament-phase-lanes-stage .bracket-score-status-spacer{
  visibility:hidden;
}
.tournament-board .bracket-score-status .bracket-status,
.tournament-phase-lanes-stage .bracket-score-status .bracket-status{
  width:22px !important;
  height:22px !important;
  margin:0 !important;
  font-size:.72rem;
}
@media (max-width:640px){
  .tournament-board .bracket-scoreline,
  .tournament-phase-lanes-stage .bracket-scoreline{
    grid-template-columns:20px 20px 22px;
    gap:5px;
  }
}


/* v16.8.4 - badge exactly above the real score column */
.tournament-board .bracket-teams,
.tournament-phase-lanes-stage .bracket-teams{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.tournament-board .bracket-real-status-row,
.tournament-phase-lanes-stage .bracket-real-status-row{
  display:flex;
  justify-content:flex-end;
  line-height:1;
  min-height:22px;
  margin-bottom:0;
}
.tournament-board .bracket-scoreline-header,
.tournament-phase-lanes-stage .bracket-scoreline-header{
  display:grid;
  grid-template-columns:22px 22px;
  gap:6px;
  align-items:center;
  justify-items:end;
  flex:0 0 auto;
  margin-left:8px;
}
.tournament-board .bracket-scoreline,
.tournament-phase-lanes-stage .bracket-scoreline{
  display:grid !important;
  grid-template-columns:22px 22px !important;
  align-items:center;
  justify-items:end;
  gap:6px;
  flex:0 0 auto;
  margin-left:8px;
}
.tournament-board .bracket-score-status,
.tournament-phase-lanes-stage .bracket-score-status{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:22px !important;
  height:22px !important;
  position:static !important;
  margin:0 !important;
}
.tournament-board .bracket-score-status .bracket-status,
.tournament-phase-lanes-stage .bracket-score-status .bracket-status{
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  font-size:.68rem !important;
}
@media (max-width:640px){
  .tournament-board .bracket-scoreline,
  .tournament-phase-lanes-stage .bracket-scoreline,
  .tournament-board .bracket-scoreline-header,
  .tournament-phase-lanes-stage .bracket-scoreline-header{
    grid-template-columns:20px 20px !important;
    gap:5px;
  }
}

.match-status-side{
 position:absolute;
 left:8px;
 top:50%;
 transform:translateY(-50%);
 width:24px;height:24px;
 display:flex;align-items:center;justify-content:center;
}
.bracket-card-body{position:relative;}
.bracket-teams{padding-left:26px;}


/* v16.8.4 - Badge résultat/prono en pastilles couleur */
.real-score-status,
.match-result-badge,
.prediction-status,
.bracket-status,
.bracket-reality-badge,
.score-quality-badge {
  line-height: 1;
}

.real-score-status.exact,
.match-result-badge.exact,
.prediction-status.exact,
.bracket-status.exact,
.bracket-reality-badge.exact,
.score-quality-badge.exact {
  color: #22c55e;
  text-shadow: 0 0 8px rgba(34, 197, 94, .65);
}

.real-score-status.good,
.match-result-badge.good,
.prediction-status.good,
.bracket-status.good,
.bracket-reality-badge.good,
.score-quality-badge.good {
  color: #eab308;
  text-shadow: 0 0 8px rgba(234, 179, 8, .6);
}

.real-score-status.close,
.match-result-badge.close,
.prediction-status.close,
.bracket-status.close,
.bracket-reality-badge.close,
.score-quality-badge.close {
  color: #f97316;
  text-shadow: 0 0 8px rgba(249, 115, 22, .6);
}

.real-score-status.miss,
.match-result-badge.miss,
.prediction-status.miss,
.bracket-status.miss,
.bracket-reality-badge.miss,
.score-quality-badge.miss {
  color: #ef4444;
  text-shadow: 0 0 8px rgba(239, 68, 68, .65);
}


/* v16.8.4 - uniformisation réelle des pastilles badge/légende */
.legend-dot.exact{color:#22c55e!important;border-color:rgba(34,197,94,.45)!important;background:rgba(34,197,94,.12)!important;text-shadow:0 0 8px rgba(34,197,94,.65)!important;}
.legend-dot.good{color:#eab308!important;border-color:rgba(234,179,8,.45)!important;background:rgba(234,179,8,.12)!important;text-shadow:0 0 8px rgba(234,179,8,.6)!important;}
.legend-dot.close{color:#f97316!important;border-color:rgba(249,115,22,.45)!important;background:rgba(249,115,22,.12)!important;text-shadow:0 0 8px rgba(249,115,22,.6)!important;}
.legend-dot.miss{color:#ef4444!important;border-color:rgba(239,68,68,.45)!important;background:rgba(239,68,68,.12)!important;text-shadow:0 0 8px rgba(239,68,68,.65)!important;}
.bracket-status.exact,.real-score-status.exact{color:#22c55e!important;text-shadow:0 0 8px rgba(34,197,94,.65)!important;}
.bracket-status.good,.real-score-status.good{color:#eab308!important;text-shadow:0 0 8px rgba(234,179,8,.6)!important;}
.bracket-status.close,.real-score-status.close{color:#f97316!important;text-shadow:0 0 8px rgba(249,115,22,.6)!important;}
.bracket-status.miss,.real-score-status.miss{color:#ef4444!important;text-shadow:0 0 8px rgba(239,68,68,.65)!important;}

/* v16.8.4 - Phase finale initiale / réelle adaptive */
.bracket-mode-switch{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.bracket-mode-switch button{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:inherit;
  border-radius:999px;
  padding:7px 12px;
  font-weight:700;
  cursor:pointer;
}
.bracket-mode-switch button.active{
  border-color:rgba(80,190,255,.7);
  box-shadow:0 0 14px rgba(80,190,255,.24);
  background:rgba(80,190,255,.14);
}
.bracket-real-score.pending{opacity:.55}


/* v16.8.4 - Classements scénario / live réel */
.standings-mode-panel{
  margin-bottom:18px;
}
.segmented-toggle{
  display:inline-flex;
  gap:6px;
  padding:5px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.04);
}
.segmented-toggle button{
  border:0;
  border-radius:999px;
  padding:9px 14px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  cursor:pointer;
}
.segmented-toggle button.active{
  color:var(--ink);
  background:linear-gradient(135deg, rgba(143,107,255,.38), rgba(0,229,255,.22));
  box-shadow:0 0 18px rgba(143,107,255,.18);
}
.standings-title-row{
  align-items:flex-end;
}
.standings-title-row .section-title{
  margin:0;
}
.standings-title-row > span{
  color:var(--muted);
  font-size:13px;
  text-align:right;
}
.live-standings .table-wrap{
  border-color:rgba(0,229,255,.25);
  box-shadow:0 0 20px rgba(0,229,255,.05);
}
.scenario-standings .table-wrap{
  border-color:rgba(143,107,255,.22);
}
@media (max-width: 760px){
  .standings-mode-panel .section-label,
  .standings-title-row{
    align-items:flex-start;
    gap:12px;
  }
  .segmented-toggle{width:100%;}
  .segmented-toggle button{flex:1;}
  .standings-title-row > span{text-align:left;}
}


/* v16.8.4 - Group Alignment Badges */
.alignment-legend{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-items:center;
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  background:rgba(15,23,42,.38);
  color:rgba(226,232,240,.86);
  font-size:.86rem;
}
.alignment-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.group-alignment-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:10px;
  padding:3px 8px;
  border:1px solid rgba(148,163,184,.2);
  border-radius:999px;
  background:rgba(15,23,42,.45);
  font-size:.78rem;
  font-weight:700;
  vertical-align:middle;
}
.alignment-cell{
  text-align:center;
  width:64px;
}
.alignment-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.05rem;
  line-height:1;
  width:1.25em;
  height:1.25em;
}
.alignment-exact{
  color:#22c55e;
  text-shadow:0 0 8px rgba(34,197,94,.65);
}
.alignment-partial{
  color:#eab308;
  text-shadow:0 0 8px rgba(234,179,8,.62);
}
.alignment-divergent{
  color:#ef4444;
  text-shadow:0 0 8px rgba(239,68,68,.65);
}
.alignment-pending{
  color:#94a3b8;
  text-shadow:0 0 8px rgba(148,163,184,.45);
}
@media (max-width: 720px){
  .group-alignment-badge{
    margin-left:0;
    margin-top:6px;
  }
  .standings-title-row .section-title{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
  }
  .alignment-cell{
    width:auto;
  }
}

/* v16.8.4 - Daily Scenario Tracker */
.scenario-tracker-legend{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  margin:0 0 12px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-size:12px;
}
.scenario-tracker-legend strong{color:var(--soft)}
.tracker-dot{font-size:14px;line-height:1;text-shadow:0 0 8px currentColor}
.tracker-dot.alive{color:#22c55e}
.tracker-dot.pressure{color:#f97316}
.tracker-dot.danger{color:#ef4444}
.daily-tracker-grid article.daily-scenario-card{
  min-height:188px;
  gap:8px;
  overflow:hidden;
}
.daily-scenario-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:rgba(255,255,255,.12);
  box-shadow:0 0 14px rgba(255,255,255,.08);
}
.daily-scenario-card.status-alive::before{background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.5)}
.daily-scenario-card.status-solid::before{background:#84cc16;box-shadow:0 0 18px rgba(132,204,22,.45)}
.daily-scenario-card.status-pressure::before{background:#f97316;box-shadow:0 0 18px rgba(249,115,22,.45)}
.daily-scenario-card.status-danger::before{background:#ef4444;box-shadow:0 0 18px rgba(239,68,68,.45)}
.daily-scenario-card.status-dead::before{background:#991b1b;box-shadow:0 0 18px rgba(153,27,27,.45)}
.daily-scenario-card.status-pre::before{background:#94a3b8;box-shadow:0 0 18px rgba(148,163,184,.25)}
.scenario-card-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding-right:36px;
}
.scenario-rank-pill,.scenario-status-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.055);
  color:var(--soft);
  font-size:10px;
  font-weight:950;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.scenario-rank-pill{color:#ffe39a;background:rgba(243,201,106,.12);border-color:rgba(243,201,106,.25)}
.scenario-status-pill.alive{color:#22c55e;border-color:rgba(34,197,94,.26);background:rgba(34,197,94,.08)}
.scenario-status-pill.solid{color:#84cc16;border-color:rgba(132,204,22,.26);background:rgba(132,204,22,.08)}
.scenario-status-pill.pressure{color:#f97316;border-color:rgba(249,115,22,.26);background:rgba(249,115,22,.08)}
.scenario-status-pill.danger{color:#ef4444;border-color:rgba(239,68,68,.26);background:rgba(239,68,68,.08)}
.scenario-status-pill.dead{color:#fca5a5;border-color:rgba(153,27,27,.35);background:rgba(153,27,27,.14)}
.scenario-status-pill.pre{color:#cbd5e1;border-color:rgba(148,163,184,.22);background:rgba(148,163,184,.08)}
.survival-meter{
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
}
.survival-meter > div{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#22c55e);
  box-shadow:0 0 12px rgba(99,212,155,.35);
}
.daily-scenario-card .scenario-prob{
  margin-top:0;
}
.daily-scenario-card .team-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
@media(max-width:760px){
  .scenario-card-topline{padding-right:0;align-items:flex-start;flex-direction:column}
  .scenario-tracker-legend{font-size:11px}
}


/* v16.8.4 - scénario actif compact dans la ligne des KPI */
.answers .scenario-summary-answer{
  min-width:0;
}
.answers .scenario-summary-answer strong{
  font-size:clamp(22px,2.2vw,34px);
}
.answers .scenario-summary-answer small{
  color:var(--muted);
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.scenario-board.compact{
  align-items:start;
}
.scenario-selector-card{
  min-width:0;
}
@media (max-width:1100px){
  .answers{grid-template-columns:repeat(2,minmax(0,1fr));}
  .scenario-board{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .answers{grid-template-columns:1fr;}
}


/* v16.8.4 - Scénarios disponibles pleine largeur + cartes compactes */
.scenarios-panel,
.scenario-panel,
.scenarios-section,
.scenario-section,
.available-scenarios,
.scenarios-available,
#scenariosPanel,
#scenarioPanel {
  width: 100%;
  max-width: none;
  grid-column: 1 / -1;
}

/* Si l'écran scénarios utilisait une grille avec un panneau latéral, on force une lecture verticale plus respirante */
.scenario-layout,
.scenarios-layout,
.dashboard-scenarios-layout,
.scenario-dashboard,
.scenarios-dashboard {
  display: block;
}

.scenario-active-strip,
.active-scenario-strip,
.scenario-active-summary,
.active-scenario-summary {
  width: 100%;
  grid-column: 1 / -1;
}

/* Grille des cartes scénarios : plus de largeur, cartes mieux réparties */
.scenario-grid,
.scenarios-grid,
.scenario-cards,
.scenarios-cards,
.available-scenarios-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  width: 100%;
  max-width: none;
}

/* Cartes scénario plus lisibles avec beaucoup d'infos */
.scenario-card,
.scenario-option,
.scenario-tile,
.scenario-choice {
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.scenario-card *,
.scenario-option *,
.scenario-tile *,
.scenario-choice * {
  min-width: 0;
}

/* Header de carte : nom + podium/badge sur une seule ligne quand possible */
.scenario-card .scenario-header,
.scenario-option .scenario-header,
.scenario-tile .scenario-header,
.scenario-choice .scenario-header,
.scenario-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: nowrap;
}

.scenario-card .scenario-title,
.scenario-option .scenario-title,
.scenario-tile .scenario-title,
.scenario-choice .scenario-title,
.scenario-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Les KPI internes passent en mini grille compacte */
.scenario-card .scenario-meta,
.scenario-option .scenario-meta,
.scenario-tile .scenario-meta,
.scenario-choice .scenario-meta,
.scenario-kpis,
.scenario-card-kpis,
.daily-tracker-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 10px;
  align-items: stretch;
}

.scenario-card .scenario-meta > *,
.scenario-option .scenario-meta > *,
.scenario-tile .scenario-meta > *,
.scenario-choice .scenario-meta > *,
.scenario-kpis > *,
.scenario-card-kpis > *,
.daily-tracker-kpis > * {
  min-width: 0;
}

/* Pastilles / statuts : pas de débordement */
.scenario-status,
.scenario-survival-status,
.scenario-rank-badge,
.scenario-podium-badge,
.scenario-champion,
.scenario-projected-champion {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Barres de survie plus compactes */
.scenario-survival,
.survival-score,
.survival-meter,
.scenario-progress {
  width: 100%;
  max-width: 100%;
}

.scenario-survival-label,
.survival-label {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

/* Mobile : cartes en une colonne mais avec KPI lisibles */
@media (max-width: 720px) {
  .scenario-grid,
  .scenarios-grid,
  .scenario-cards,
  .scenarios-cards,
  .available-scenarios-grid {
    grid-template-columns: 1fr;
  }

  .scenario-card .scenario-meta,
  .scenario-option .scenario-meta,
  .scenario-tile .scenario-meta,
  .scenario-choice .scenario-meta,
  .scenario-kpis,
  .scenario-card-kpis,
  .daily-tracker-kpis {
    grid-template-columns: 1fr;
  }
}


/* v16.8.4 - Scénarios disponibles réellement pleine largeur */
.scenarios-available-wide-panel {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: 1 / -1 !important;
  flex-basis: 100% !important;
  align-self: stretch !important;
}

/* Si le parent est en grille Dashboard, le panneau occupe toute la rangée */
.dashboard-grid > .scenarios-available-wide-panel,
.dashboard-cards > .scenarios-available-wide-panel,
.kpi-grid > .scenarios-available-wide-panel,
.main-grid > .scenarios-available-wide-panel,
.cards-grid > .scenarios-available-wide-panel {
  grid-column: 1 / -1 !important;
}

/* Parent direct : autorise le retour à la ligne si layout flex */
.scenarios-available-wide-panel:is(.card, .panel, .glass-card, .dashboard-card) {
  display: block;
}

/* Grille interne des scénarios : 4 colonnes desktop, puis responsive */
.scenarios-available-wide-panel .scenario-grid,
.scenarios-available-wide-panel .scenarios-grid,
.scenarios-available-wide-panel .scenario-cards,
.scenarios-available-wide-panel .scenarios-cards,
.scenarios-available-wide-panel .scenario-list,
.scenarios-available-wide-panel [data-scenario-grid],
.scenarios-available-wide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
}

/* Les cartes ne doivent plus s'écraser */
.scenarios-available-wide-panel .scenario-card,
.scenarios-available-wide-panel .scenario-option,
.scenarios-available-wide-panel .scenario-tile,
.scenarios-available-wide-panel .scenario-choice {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
}

/* KPI internes plus compacts dans les cartes */
.scenarios-available-wide-panel .scenario-card,
.scenarios-available-wide-panel .scenario-option,
.scenarios-available-wide-panel .scenario-tile,
.scenarios-available-wide-panel .scenario-choice {
  padding: 14px !important;
}

.scenarios-available-wide-panel .scenario-meta,
.scenarios-available-wide-panel .scenario-kpis,
.scenarios-available-wide-panel .daily-tracker-kpis,
.scenarios-available-wide-panel .scenario-card-kpis {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 10px !important;
}

.scenarios-available-wide-panel .scenario-title,
.scenarios-available-wide-panel .scenario-name,
.scenarios-available-wide-panel .scenario-champion,
.scenarios-available-wide-panel .scenario-projected-champion {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Adaptation écrans moyens */
@media (max-width: 1200px) {
  .scenarios-available-wide-panel .scenario-grid,
  .scenarios-available-wide-panel .scenarios-grid,
  .scenarios-available-wide-panel .scenario-cards,
  .scenarios-available-wide-panel .scenarios-cards,
  .scenarios-available-wide-panel .scenario-list,
  .scenarios-available-wide-panel [data-scenario-grid],
  .scenarios-available-wide-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 720px) {
  .scenarios-available-wide-panel .scenario-grid,
  .scenarios-available-wide-panel .scenarios-grid,
  .scenarios-available-wide-panel .scenario-cards,
  .scenarios-available-wide-panel .scenarios-cards,
  .scenarios-available-wide-panel .scenario-list,
  .scenarios-available-wide-panel [data-scenario-grid],
  .scenarios-available-wide-grid {
    grid-template-columns: 1fr !important;
  }

  .scenarios-available-wide-panel .scenario-meta,
  .scenarios-available-wide-panel .scenario-kpis,
  .scenarios-available-wide-panel .daily-tracker-kpis,
  .scenarios-available-wide-panel .scenario-card-kpis {
    grid-template-columns: 1fr !important;
  }
}

/* v16.8.4 - FIX RÉEL : Scénarios disponibles pleine largeur dans le dashboard */
#dashboardView .scenario-board.compact,
.scenario-board.compact{
  display:grid !important;
  grid-template-columns:1fr !important;
  width:100% !important;
  max-width:none !important;
  gap:16px !important;
}

#dashboardView .scenario-board.compact .scenario-selector-card,
.scenario-board.compact .scenario-selector-card{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

#dashboardView .scenario-board.compact .model-impact-card,
.scenario-board.compact .model-impact-card{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

#scenarioCompare{
  width:100% !important;
  max-width:none !important;
}

#scenarioCompare .scenario-card-grid,
#scenarioCompare .scenario-card-grid.daily-tracker-grid,
.scenario-selector-card .scenario-card-grid,
.scenario-selector-card .daily-tracker-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(230px, 1fr)) !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
}

#scenarioCompare .daily-scenario-card,
.scenario-selector-card .daily-scenario-card{
  min-width:0 !important;
  width:100% !important;
  min-height:170px !important;
}

@media (max-width:1200px){
  #scenarioCompare .scenario-card-grid,
  #scenarioCompare .scenario-card-grid.daily-tracker-grid,
  .scenario-selector-card .scenario-card-grid,
  .scenario-selector-card .daily-tracker-grid{
    grid-template-columns:repeat(2, minmax(260px, 1fr)) !important;
  }
}

@media (max-width:720px){
  #scenarioCompare .scenario-card-grid,
  #scenarioCompare .scenario-card-grid.daily-tracker-grid,
  .scenario-selector-card .scenario-card-grid,
  .scenario-selector-card .daily-tracker-grid{
    grid-template-columns:1fr !important;
  }
}


/* v16.8.4 - Scenario Card Premium Layout */
.scenario-premium-panel {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}

.scenario-premium-panel .scenario-grid,
.scenario-premium-panel .scenarios-grid,
.scenario-premium-panel .scenario-cards,
.scenario-premium-panel .scenarios-cards,
.scenario-premium-panel .scenario-list,
.scenario-premium-panel [data-scenario-grid] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(240px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
}

.scenario-card-premium {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-height: 230px;
  padding: 16px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.scenario-card-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.045), transparent 42%);
  opacity: .9;
}

.scenario-premium-top,
.scenario-premium-champion,
.scenario-premium-metrics,
.scenario-premium-survival {
  position: relative;
  z-index: 1;
}

.scenario-premium-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.scenario-premium-titleblock {
  min-width: 0;
  flex: 1;
}

.scenario-premium-titleline {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.scenario-premium-rank {
  flex: 0 0 auto;
  min-width: 34px;
  height: 26px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .02em;
  background: rgba(255, 205, 85, .14);
  border: 1px solid rgba(255, 205, 85, .36);
  color: #ffd166;
  box-shadow: 0 0 14px rgba(255, 205, 85, .14);
}

.scenario-premium-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .82rem;
}

.scenario-premium-subtitle {
  margin-top: 6px;
  color: rgba(235, 239, 255, .66);
  font-size: .76rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scenario-premium-active {
  flex: 0 0 auto;
  align-self: flex-start;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .08em;
  color: #111827;
  background: linear-gradient(135deg, #ffffff, #f7e7b0);
  border: 1px solid rgba(255,255,255,.75);
  box-shadow: 0 0 18px rgba(255,255,255,.24);
}

.scenario-premium-champion {
  padding: 13px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.09);
}

.scenario-premium-label {
  display: block;
  color: rgba(235, 239, 255, .64);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .04em;
  margin-bottom: 6px;
}

.scenario-premium-champion strong {
  display: block;
  font-size: 1.08rem;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scenario-premium-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.scenario-premium-metric {
  padding: 10px 11px;
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
  min-width: 0;
}

.scenario-premium-metric span {
  display: block;
  color: rgba(235, 239, 255, .58);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  margin-bottom: 4px;
}

.scenario-premium-metric strong {
  display: block;
  font-size: .96rem;
  line-height: 1.1;
  color: #ffd166;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scenario-premium-goals {
  grid-column: 1 / -1;
}

.scenario-premium-bar {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.06);
}

.scenario-premium-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff5c5c, #f59e0b, #22c55e);
  box-shadow: 0 0 14px rgba(34,197,94,.28);
}

@media (max-width: 1280px) {
  .scenario-premium-panel .scenario-grid,
  .scenario-premium-panel .scenarios-grid,
  .scenario-premium-panel .scenario-cards,
  .scenario-premium-panel .scenarios-cards,
  .scenario-premium-panel .scenario-list,
  .scenario-premium-panel [data-scenario-grid] {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .scenario-premium-panel .scenario-grid,
  .scenario-premium-panel .scenarios-grid,
  .scenario-premium-panel .scenario-cards,
  .scenario-premium-panel .scenarios-cards,
  .scenario-premium-panel .scenario-list,
  .scenario-premium-panel [data-scenario-grid] {
    grid-template-columns: 1fr !important;
  }

  .scenario-card-premium {
    min-height: auto;
  }
}


/* v16.8.4 - VRAI layout premium des cartes scénarios */
#scenarioCompare .daily-tracker-grid {
  grid-template-columns: repeat(4, minmax(250px, 1fr)) !important;
  gap: 16px !important;
}

#scenarioCompare .daily-scenario-card.scenario-card-premium {
  position: relative;
  min-height: 250px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
}

#scenarioCompare .scenario-card-premium::before {
  width: 4px;
}

.scenario-premium-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.scenario-premium-identity {
  flex: 1 1 auto;
  min-width: 0;
}

.scenario-premium-title {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.scenario-premium-title > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .9rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.scenario-premium-sub {
  margin-top: 8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  color: var(--muted);
  font-size: .74rem;
}

#scenarioCompare .scenario-status-pill {
  position: static !important;
  flex: 0 0 auto;
}

.scenario-active-pill {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: #111827;
  background: linear-gradient(135deg, #fff, #f3c96a);
  border: 1px solid rgba(255,255,255,.68);
  box-shadow: 0 0 16px rgba(243,201,106,.28);
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .08em;
}

#scenarioCompare .scenario-premium-champion {
  padding: 13px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.09);
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#scenarioCompare .scenario-premium-champion > span {
  color: var(--muted);
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .04em;
}

#scenarioCompare .scenario-premium-champion > strong {
  display: block;
  font-size: 1.05rem;
  line-height: 1.15;
  min-width: 0;
}

#scenarioCompare .scenario-premium-champion .team-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#scenarioCompare .scenario-premium-champion > small {
  color: rgba(235,239,255,.56);
  font-size: .72rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scenario-premium-meter {
  margin: 0 !important;
}

.scenario-premium-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: auto;
}

#scenarioCompare .scenario-card-premium .scenario-prob {
  margin: 0 !important;
  min-width: 0;
  padding: 10px 11px;
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.075);
}

#scenarioCompare .scenario-card-premium .scenario-prob b {
  display: block;
  font-size: .98rem;
  color: #ffd166;
}

#scenarioCompare .scenario-card-premium .scenario-prob i {
  display: block;
  margin-top: 3px;
  font-size: .68rem;
  color: var(--muted);
  font-style: normal;
}

@media (max-width: 1280px) {
  #scenarioCompare .daily-tracker-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #scenarioCompare .daily-tracker-grid {
    grid-template-columns: 1fr !important;
  }
  .scenario-premium-header {
    flex-direction: column;
  }
  .scenario-active-pill {
    align-self: flex-start;
  }
}


/* v16.8.4 - polish cartes scénarios : anti-doublon ACTIF + champion aligné + titre barre */
#scenarioCompare .scenario-card-premium > .scenario-active-pill:not(.scenario-premium-header .scenario-active-pill),
#scenarioCompare .scenario-card-premium > .active-pill,
#scenarioCompare .scenario-card-premium > .scenario-active-badge,
#scenarioCompare .scenario-card-premium > .badge-active {
  display: none !important;
}

/* Évite tout badge ACTIF hérité/absolu venant d'anciennes versions */
#scenarioCompare .scenario-card-premium [class*="active"]:not(.scenario-active-pill):not(.active):not(.scenario-premium-header) {
  position: static;
}

#scenarioCompare .scenario-premium-header .scenario-active-pill {
  position: static !important;
  z-index: 2;
  white-space: nowrap;
}

/* Champion projeté : rang + drapeau + équipe sur une seule ligne propre */
#scenarioCompare .scenario-premium-teamline {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  max-width: 100%;
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 900;
}

#scenarioCompare .scenario-premium-teamrank {
  flex: 0 0 auto;
  min-width: 34px;
  height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #ffd166;
  background: rgba(255, 209, 102, .12);
  border: 1px solid rgba(255, 209, 102, .28);
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .04em;
}

#scenarioCompare .scenario-premium-teamline .team-label {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

#scenarioCompare .scenario-premium-teamline .team-label .fi,
#scenarioCompare .scenario-premium-teamline .fi {
  flex: 0 0 auto;
}

#scenarioCompare .scenario-premium-teamline .team-name,
#scenarioCompare .scenario-premium-teamline .team-label span:not(.fi) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#scenarioCompare .scenario-premium-champion > strong {
  display: none !important;
}

/* Titre de la progress bar */
#scenarioCompare .scenario-premium-progress-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: -6px;
  color: rgba(235,239,255,.70);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .035em;
}

#scenarioCompare .scenario-premium-progress-title strong {
  flex: 0 0 auto;
  color: #ffd166;
  font-size: .78rem;
}

#scenarioCompare .scenario-premium-meter {
  margin-top: 0 !important;
}

/* Header plus robuste : pas de superposition des badges */
#scenarioCompare .scenario-premium-header {
  position: relative;
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

#scenarioCompare .scenario-premium-identity {
  min-width: 0;
}

#scenarioCompare .scenario-premium-title {
  min-width: 0;
}

#scenarioCompare .scenario-premium-title .scenario-rank-pill {
  flex: 0 0 auto;
}

#scenarioCompare .scenario-premium-title > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 720px) {
  #scenarioCompare .scenario-premium-header {
    flex-direction: row;
    align-items: flex-start;
  }
  #scenarioCompare .scenario-premium-teamline {
    font-size: .98rem;
  }
}


/* v16.8.4 - Champion projeté simplifié et lisible */
#scenarioCompare .scenario-premium-champion {
  gap: 8px !important;
}

#scenarioCompare .scenario-premium-teamrank {
  display: none !important;
}

#scenarioCompare .scenario-premium-teamline {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 1.08rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
}

#scenarioCompare .scenario-premium-teamline .team-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

#scenarioCompare .scenario-premium-teamline .fi,
#scenarioCompare .scenario-premium-teamline .team-flag {
  flex: 0 0 auto !important;
}

#scenarioCompare .scenario-premium-teamline .team-name,
#scenarioCompare .scenario-premium-teamline .team-label span:not(.fi) {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Sur petites cartes, on autorise le retour propre plutôt que tronquer brutalement */
@media (max-width: 520px) {
  #scenarioCompare .scenario-premium-teamline .team-label,
  #scenarioCompare .scenario-premium-teamline .team-name,
  #scenarioCompare .scenario-premium-teamline .team-label span:not(.fi) {
    white-space: normal !important;
  }
}


/* v16.8.4 SAFE - correction visuelle sans toucher au moteur/rendu JS principal */

/* Un seul badge ACTIF : celui placé dans le header premium */
#scenarioCompare .scenario-card-premium > .scenario-active-pill,
#scenarioCompare .daily-scenario-card > .scenario-active-pill,
#scenarioCompare .scenario-card-premium > [class*="active-badge"],
#scenarioCompare .daily-scenario-card > [class*="active-badge"],
#scenarioCompare .scenario-card-premium > [class*="badge-active"],
#scenarioCompare .daily-scenario-card > [class*="badge-active"] {
  display: none !important;
}

#scenarioCompare .scenario-premium-header .scenario-active-pill {
  display: inline-flex !important;
  position: static !important;
  white-space: nowrap;
}

/* Si un statut a l'apparence d'un badge dans la sous-ligne, on le rend texte discret */
#scenarioCompare .scenario-premium-sub .scenario-status-pill {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: rgba(235,239,255,.68) !important;
}

/* Champion projeté : retirer l'effet capsule/encadré autour du label équipe dans ce bloc uniquement */
#scenarioCompare .scenario-premium-champion .team-label,
#scenarioCompare .scenario-premium-champion .team-chip,
#scenarioCompare .scenario-premium-champion [class*="team-label"],
#scenarioCompare .scenario-premium-champion [class*="team-chip"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Drapeau simple, sans encadré lourd */
#scenarioCompare .scenario-premium-champion .fi {
  box-shadow: none !important;
  background-color: transparent !important;
  border-radius: 2px !important;
  flex: 0 0 auto;
}

/* Pays lisible à côté du drapeau */
#scenarioCompare .scenario-premium-champion .team-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

#scenarioCompare .scenario-premium-champion .team-name,
#scenarioCompare .scenario-premium-champion .team-label span:not(.fi) {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* La section Impact modèle ne doit jamais être masquée par le polish scénario */
#modelImpact,
.model-impact,
.impact-model,
#scenarioImpact,
.scenario-impact {
  display: block;
}


/* v16.8.4 - ACTIF unique : le rang ne contient plus d'état actif */
#scenarioCompare .scenario-rank-pill span,
#scenarioCompare .scenario-rank-pill .active,
#scenarioCompare .scenario-rank-pill [class*="active"] {
  display: none !important;
}

#scenarioCompare .scenario-rank-pill {
  white-space: nowrap;
}

#scenarioCompare .scenario-premium-header .scenario-active-pill {
  display: inline-flex !important;
  position: static !important;
  flex: 0 0 auto;
}

#scenarioCompare .daily-scenario-card > .scenario-active-pill,
#scenarioCompare .daily-scenario-card > [class*="active-badge"],
#scenarioCompare .daily-scenario-card > [class*="badge-active"] {
  display: none !important;
}


/* v16.8.4 - Correction définitive double ACTIF
   Cause auditée : un ancien pseudo-élément CSS `.scenario-card-grid article.active::after`
   ajoutait automatiquement un badge "Actif" en plus du vrai `.scenario-active-pill`.
   On le neutralise à la source visuelle et on conserve seulement le badge du header. */
.scenario-card-grid article.active::after,
#scenarioCompare .scenario-card-grid article.active::after,
#scenarioCompare .daily-scenario-card.active::after,
#scenarioCompare article.active::after {
  content: none !important;
  display: none !important;
}

/* Seul badge ACTIF autorisé dans les cartes scénario */
#scenarioCompare .scenario-premium-header .scenario-active-pill {
  display: inline-flex !important;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Tout autre badge ACTIF direct hors header est masqué */
#scenarioCompare .daily-scenario-card > .scenario-active-pill,
#scenarioCompare .daily-scenario-card > .scenario-premium-active,
#scenarioCompare .daily-scenario-card > [class*="active-badge"],
#scenarioCompare .daily-scenario-card > [class*="badge-active"] {
  display: none !important;
}

/* L'ancien style générique du texte dans scenario-card-grid ne doit pas réserver de place pour le pseudo-badge */
#scenarioCompare .scenario-card-grid span {
  padding-right: 0;
}


/* ==========================================================================
   v16.8.4 — Refonte premium définitive : Scénarios disponibles
   ========================================================================== */

/* Le panneau prend toute la largeur, l'impact modèle descend dessous */
.scenario-board.compact {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 22px !important;
}

.scenario-board.compact > * {
  min-width: 0 !important;
}

#scenarioCompare,
.scenario-compare,
.scenarios-available-wide-panel,
.scenario-card-grid,
.scenario-premium-panel {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Grille cartes */
#scenarioCompare .daily-tracker-grid,
#scenarioCompare .scenario-card-grid,
.scenario-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(245px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
  align-items: stretch !important;
}

/* Neutralisation des anciens badges/pseudo-elements hérités */
#scenarioCompare .daily-scenario-card::after,
#scenarioCompare .daily-scenario-card.active::after,
#scenarioCompare .daily-scenario-card.is-active::after,
.scenario-card-grid article.active::after,
.scenario-card-grid article.is-active::after {
  content: none !important;
  display: none !important;
}

#scenarioCompare .daily-scenario-card > .scenario-active-pill,
#scenarioCompare .daily-scenario-card > .scenario-premium-active,
#scenarioCompare .daily-scenario-card > [class*="active-badge"],
#scenarioCompare .daily-scenario-card > [class*="badge-active"] {
  display: none !important;
}

/* Carte v16.8 */
#scenarioCompare .scenario-card-v168,
.scenario-card-v168 {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-height: 258px !important;
  padding: 16px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028)) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#scenarioCompare .scenario-card-v168.is-active {
  border-color: rgba(255,209,102,.38) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.30),
    0 0 28px rgba(255,209,102,.10),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.scenario-v168-accent {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #ffd166, #6ee7ff, #22c55e);
  opacity: .92;
  box-shadow: 0 0 20px rgba(110,231,255,.28);
  z-index: 0;
}

/* Header */
.scenario-v168-header {
  position: relative;
  z-index: 1;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.scenario-v168-titleblock {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.scenario-v168-titleline {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.scenario-v168-rank {
  flex: 0 0 auto !important;
  min-width: 38px !important;
  height: 28px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffd166 !important;
  background: rgba(255,209,102,.12) !important;
  border: 1px solid rgba(255,209,102,.28) !important;
  box-shadow: 0 0 14px rgba(255,209,102,.10) !important;
  font-weight: 950 !important;
  font-size: .78rem !important;
  white-space: nowrap !important;
}

.scenario-v168-rank span,
.scenario-v168-rank [class*="active"] {
  display: none !important;
}

.scenario-v168-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: .92rem !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

.scenario-v168-subline {
  margin-top: 8px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  color: rgba(235,239,255,.68) !important;
  font-size: .74rem !important;
  line-height: 1.25 !important;
}

.scenario-v168-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.scenario-v168-dot {
  opacity: .45;
}

.scenario-v168-active {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  color: #111827 !important;
  background: linear-gradient(135deg, #fff, #f4cf77) !important;
  border: 1px solid rgba(255,255,255,.70) !important;
  box-shadow: 0 0 18px rgba(244,207,119,.25) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
  white-space: nowrap !important;
}

/* Champion */
.scenario-v168-champion {
  position: relative;
  z-index: 1;
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.scenario-v168-sectionlabel {
  color: rgba(235,239,255,.62) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .045em !important;
}

.scenario-v168-champion-team,
.scenario-v168-champion-team .team-label,
.scenario-v168-champion-team .team-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.scenario-v168-champion-team {
  width: 100% !important;
  font-size: 1.08rem !important;
  font-weight: 950 !important;
  line-height: 1.22 !important;
  color: rgba(255,255,255,.96) !important;
}

.scenario-v168-champion-team .fi {
  flex: 0 0 auto !important;
  width: 1.45em !important;
  height: 1.05em !important;
  border-radius: 2px !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.scenario-v168-champion-team .team-name,
.scenario-v168-champion-team .team-label span:not(.fi) {
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.scenario-v168-champion small {
  display: block !important;
  color: rgba(235,239,255,.52) !important;
  font-size: .71rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Progress */
.scenario-v168-survival {
  position: relative;
  z-index: 1;
}

.scenario-v168-survival-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 7px !important;
  color: rgba(235,239,255,.70) !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  letter-spacing: .035em !important;
}

.scenario-v168-survival-head strong {
  flex: 0 0 auto !important;
  color: #ffd166 !important;
  font-size: .78rem !important;
}

.scenario-v168-meter {
  margin: 0 !important;
  width: 100% !important;
  height: 9px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

.scenario-v168-meter > div {
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #ef4444, #f59e0b, #22c55e) !important;
  box-shadow: 0 0 16px rgba(34,197,94,.28) !important;
}

/* KPIs */
.scenario-v168-kpis {
  position: relative;
  z-index: 1;
  margin-top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.scenario-v168-kpi {
  min-width: 0 !important;
  padding: 10px 11px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
}

.scenario-v168-kpi span {
  display: block !important;
  margin-bottom: 4px !important;
  color: rgba(235,239,255,.56) !important;
  font-size: .68rem !important;
  font-weight: 850 !important;
}

.scenario-v168-kpi strong {
  display: block !important;
  color: #ffd166 !important;
  font-size: .98rem !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* On cache les anciens éléments de carte s'ils survivent */
#scenarioCompare .scenario-card-v168 .scenario-card-topline,
#scenarioCompare .scenario-card-v168 .scenario-premium-header,
#scenarioCompare .scenario-card-v168 .scenario-premium-champion,
#scenarioCompare .scenario-card-v168 .scenario-premium-kpis,
#scenarioCompare .scenario-card-v168 .scenario-premium-progress-title {
  display: none !important;
}

@media (max-width: 1280px) {
  #scenarioCompare .daily-tracker-grid,
  #scenarioCompare .scenario-card-grid,
  .scenario-card-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #scenarioCompare .daily-tracker-grid,
  #scenarioCompare .scenario-card-grid,
  .scenario-card-grid {
    grid-template-columns: 1fr !important;
  }

  .scenario-v168-header {
    flex-direction: row !important;
  }

  .scenario-v168-champion-team .team-name,
  .scenario-v168-champion-team .team-label span:not(.fi) {
    white-space: normal !important;
  }
}


/* v16.8.4 - Correctif menu mobile */
@media (max-width: 860px) {
  .mobile-menu.open,
  .mobile-menu.is-open,
  .mobile-menu.active,
  .nav-menu.open,
  .nav-menu.is-open,
  .nav-menu.active,
  .navbar-menu.open,
  .navbar-menu.is-open,
  .navbar-menu.active,
  .topnav.open,
  .topnav.is-open,
  .topnav.active,
  nav.open,
  nav.is-open,
  nav.active {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    max-height: 80vh !important;
  }

  [data-menu-toggle],
  [data-nav-toggle],
  .menu-toggle,
  .nav-toggle,
  .hamburger,
  .mobile-menu-toggle,
  .navbar-toggle {
    pointer-events: auto !important;
    position: relative;
    z-index: 1200;
  }

  header,
  .header,
  .topbar,
  .navbar,
  .app-header {
    position: relative;
    z-index: 1100;
  }
}

#scenarioCompare,
.scenario-card-v168,
.scenario-v168-accent {
  z-index: auto;
}


/* v16.8.4 - Navigation mobile réelle */
.mobile-nav-toggle {
  display: none;
}

@media (max-width: 820px) {
  .mobile-nav-toggle {
    display: inline-flex !important;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
    color: #fff;
    cursor: pointer;
    position: fixed;
    top: 14px;
    right: 14px;
    z-index: 5000;
    backdrop-filter: blur(14px);
    box-shadow: 0 14px 35px rgba(0,0,0,.28);
  }

  .mobile-nav-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .18s ease, opacity .18s ease;
  }

  .mobile-nav-toggle.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .mobile-nav-toggle.is-open span:nth-child(2) {
    opacity: 0;
  }

  .mobile-nav-toggle.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .tab-nav,
  .tabs,
  .nav-tabs,
  .app-tabs,
  nav {
    max-height: none;
  }

  body:not(.mobile-nav-open) .tab-nav,
  body:not(.mobile-nav-open) .tabs,
  body:not(.mobile-nav-open) .nav-tabs,
  body:not(.mobile-nav-open) .app-tabs {
    display: none !important;
  }

  body.mobile-nav-open .tab-nav,
  body.mobile-nav-open .tabs,
  body.mobile-nav-open .nav-tabs,
  body.mobile-nav-open .app-tabs,
  .tab-nav.mobile-nav-open,
  .tabs.mobile-nav-open,
  .nav-tabs.mobile-nav-open,
  .app-tabs.mobile-nav-open {
    display: flex !important;
    position: fixed !important;
    top: 66px !important;
    left: 14px !important;
    right: 14px !important;
    z-index: 4999 !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    background: rgba(10, 14, 28, .96) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.42) !important;
    backdrop-filter: blur(18px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    max-height: calc(100vh - 90px) !important;
    overflow: auto !important;
  }

  body.mobile-nav-open .tab-nav button,
  body.mobile-nav-open .tabs button,
  body.mobile-nav-open .nav-tabs button,
  body.mobile-nav-open .app-tabs button,
  body.mobile-nav-open .tab-nav a,
  body.mobile-nav-open .tabs a,
  body.mobile-nav-open .nav-tabs a,
  body.mobile-nav-open .app-tabs a {
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
}


/* v16.8.4 - Menu mobile premium corrigé à la source */
.premium-mobile-toggle {
  display: none;
}

@media (max-width: 980px) {
  .premium-mobile-toggle {
    display: inline-flex !important;
    position: fixed;
    top: 14px;
    right: 14px;
    z-index: 7000;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(9,12,22,.92);
    color: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.36);
    backdrop-filter: blur(16px);
    cursor: pointer;
  }

  .premium-mobile-toggle span {
    width: 21px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .18s ease, opacity .18s ease;
  }

  .premium-mobile-toggle.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .premium-mobile-toggle.is-open span:nth-child(2) {
    opacity: 0;
  }
  .premium-mobile-toggle.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  /* Le vrai conteneur de nav devient un drawer, au lieu d'une barre scrollable */
  .premium-nav.app-nav,
  .premium-nav {
    display: none !important;
    position: fixed !important;
    top: 70px !important;
    left: 14px !important;
    right: 14px !important;
    z-index: 6990 !important;
    max-height: calc(100vh - 92px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 14px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background:
      linear-gradient(180deg,rgba(8,10,18,.98),rgba(8,10,18,.94)),
      radial-gradient(circle at 20% 0%,rgba(143,107,255,.22),transparent 38%) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.50) !important;
    backdrop-filter: blur(20px) !important;
  }

  body.premium-nav-open .premium-nav.app-nav,
  body.premium-nav-open .premium-nav,
  .premium-nav.mobile-open {
    display: flex !important;
  }

  .premium-nav .nav-home,
  .premium-nav .nav-parent,
  .premium-nav .nav-menu button {
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
    border-radius: 15px !important;
    padding: 12px 13px !important;
    white-space: normal !important;
    font-size: 14px !important;
  }

  .premium-nav .nav-group {
    position: static !important;
    width: 100% !important;
  }

  .premium-nav .nav-parent {
    display: flex !important;
    justify-content: space-between !important;
  }

  /* Sous-menus fermés par défaut dans le drawer */
  .premium-nav .nav-menu {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    display: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
  }

  .premium-nav .nav-group.open .nav-menu {
    display: grid !important;
    gap: 8px !important;
  }

  /* On désactive le hover mobile, seul le clic ouvre */
  .premium-nav .nav-group:hover .nav-menu {
    display: none !important;
  }
  .premium-nav .nav-group.open:hover .nav-menu {
    display: grid !important;
  }

  body.premium-nav-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 6980;
    background: rgba(0,0,0,.34);
    backdrop-filter: blur(2px);
  }
}

@media (min-width: 981px) {
  .premium-nav.app-nav,
  .premium-nav {
    display: flex !important;
  }
}


/* v16.8.4 - Navigation mobile repensée : accès direct sans dropdown fragile */
.mobile-quicknav-toggle,
.mobile-quicknav {
  display: none;
}

@media (max-width: 820px) {
  .premium-nav.app-nav {
    display: none !important;
  }

  .mobile-quicknav-toggle {
    display: inline-flex !important;
    position: fixed;
    top: 14px;
    right: 14px;
    z-index: 6000;
    width: 46px;
    height: 46px;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,.16);
    background:
      linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)),
      rgba(10,14,28,.82);
    color: #fff;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    backdrop-filter: blur(16px);
    box-shadow: 0 18px 42px rgba(0,0,0,.38);
  }

  .mobile-quicknav-toggle span {
    display: block;
    width: 21px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .18s ease, opacity .18s ease;
  }

  .mobile-quicknav-toggle.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .mobile-quicknav-toggle.is-open span:nth-child(2) {
    opacity: 0;
  }

  .mobile-quicknav-toggle.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .mobile-quicknav {
    display: block !important;
    position: fixed;
    inset: 0;
    z-index: 5999;
    background: rgba(3,5,12,.64);
    backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
  }

  body.mobile-quicknav-open .mobile-quicknav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .mobile-quicknav-panel {
    position: absolute;
    top: 72px;
    left: 14px;
    right: 14px;
    max-height: calc(100vh - 94px);
    overflow: auto;
    border-radius: 24px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background:
      radial-gradient(circle at 15% 0%, rgba(143,107,255,.24), transparent 38%),
      rgba(10,13,23,.96);
    box-shadow: 0 28px 80px rgba(0,0,0,.55);
  }

  .mobile-quicknav-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 4px 12px;
    color: #fff;
  }

  .mobile-quicknav-head strong {
    font-size: 1rem;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .mobile-quicknav-close {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
  }

  .mobile-quicknav-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .mobile-quicknav-grid button {
    width: 100%;
    min-height: 46px;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,.11);
    background: rgba(255,255,255,.055);
    color: rgba(245,247,255,.94);
    text-align: left;
    padding: 12px 14px;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
  }

  .mobile-quicknav-grid button:hover,
  .mobile-quicknav-grid button:active {
    border-color: rgba(243,201,106,.42);
    background: linear-gradient(135deg, rgba(243,201,106,.16), rgba(143,107,255,.12));
    color: #fff;
  }

  body.mobile-quicknav-open {
    overflow: hidden;
  }
}

/* v16.8.7 - Live Adaptive readable real scores + loaded match visual state */
.tracking-results-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:10px 0 16px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.tracking-results-toolbar > div,
.tracking-results-toolbar label{
  display:flex;
  align-items:center;
  gap:8px;
}
.tracking-results-toolbar span{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
}
.tracking-results-toolbar select{
  min-width:150px;
  border-radius:999px;
  border:1px solid var(--line2);
  background:rgba(7,10,24,.72);
  color:var(--ink);
  padding:9px 12px;
  font-weight:850;
}
.compact-real-results{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.compact-real-results .real-score-card{
  position:relative;
  min-height:116px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(89,208,159,.09),rgba(255,255,255,.035));
  border:1px solid rgba(89,208,159,.24);
  box-shadow:0 14px 32px rgba(0,0,0,.18);
  overflow:hidden;
}
.compact-real-results .real-score-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,rgba(89,208,159,.95),rgba(243,201,106,.7),transparent);
}
.compact-real-results .real-score-card span{
  display:block;
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:950;
  margin-bottom:8px;
}
.compact-real-results .real-score-card strong{
  display:block;
  font-size:14px;
  line-height:1.35;
}
.compact-real-results .real-score-card b{
  color:var(--green);
  font-size:18px;
  white-space:nowrap;
}
.compact-real-results .real-score-card small{
  display:block;
  color:var(--muted);
  margin-top:8px;
}
.match-card.actual-loaded::before,
.match-timeline-card.actual-loaded::before{
  background:linear-gradient(90deg,rgba(89,208,159,.98),rgba(46,229,157,.72),rgba(243,201,106,.45),transparent);
  height:4px;
}
.match-card.actual-loaded,
.match-timeline-card.actual-loaded{
  border-color:rgba(89,208,159,.32);
  box-shadow:0 18px 46px rgba(0,0,0,.25), 0 0 0 1px rgba(89,208,159,.08);
}
.match-timeline-card{
  position:relative;
  overflow:hidden;
}
.match-timeline-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--brand),rgba(243,201,106,.7),transparent);
}
.compact-section-label .section-title{margin-bottom:4px;}
@media(max-width:1180px){.compact-real-results{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:820px){.compact-real-results{grid-template-columns:repeat(2,minmax(0,1fr));}.tracking-results-toolbar{align-items:stretch}.tracking-results-toolbar label{flex:1 1 220px}.tracking-results-toolbar select{width:100%;}}
@media(max-width:560px){.compact-real-results{grid-template-columns:1fr}}

/* v16.8.10 groups aligned with Tous les matchs */
.group-match-grid{
  margin-bottom:20px;
}
.group-match-card{
  min-width:0;
}
@media(min-width:1320px){
  .group-match-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .group-match-grid{
    grid-template-columns:1fr;
  }
}

/* v16.8.12 - Live Adaptive read-only + Backoffice score edit */
.compact-real-results{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.compact-real-results .real-score-view-card{
  min-height:auto;
  padding:0;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
  border:1px solid rgba(89,208,159,.24);
  box-shadow:0 18px 46px rgba(0,0,0,.24),0 0 0 1px rgba(89,208,159,.08);
}
.compact-real-results .real-score-view-card::before{
  height:4px;
  background:linear-gradient(90deg,rgba(89,208,159,.98),rgba(46,229,157,.72),rgba(243,201,106,.45),transparent);
}
.live-score-main{
  padding:14px 16px 12px;
}
.live-score-editor{
  min-width:136px;
}
.inline-score-inputs{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:5px 0 4px;
}
.inline-score-inputs input{
  width:46px;
  height:42px;
  text-align:center;
  border-radius:14px;
  border:1px solid rgba(89,208,159,.24);
  background:rgba(7,10,24,.72);
  color:var(--ink);
  font-size:18px;
  font-weight:950;
  outline:none;
}
.inline-score-inputs input:focus{
  border-color:rgba(89,208,159,.65);
  box-shadow:0 0 0 3px rgba(89,208,159,.12);
}
.inline-score-inputs strong{
  color:var(--muted);
  font-size:18px;
}
.inline-score-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 16px 16px;
}
.inline-score-actions .ghost-button{
  min-height:36px;
  padding:8px 12px;
}
.ghost-button.soft-danger{
  border-color:rgba(227,140,155,.25);
  color:#ffd6df;
}
.live-inline-help{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.035);
}
.live-inline-help span{
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.live-score-readonly strong{
  display:block;
  color:var(--green);
  font-size:24px;
  line-height:1;
  margin:7px 0 4px;
}
.bo-score-editor{
  display:flex;
  align-items:center;
  gap:7px;
  justify-content:center;
  min-width:116px;
}
.bo-score-editor input{
  width:44px;
  height:38px;
  text-align:center;
  border-radius:12px;
  border:1px solid rgba(89,208,159,.24);
  background:rgba(7,10,24,.72);
  color:var(--ink);
  font-size:16px;
  font-weight:950;
  outline:none;
}
.bo-score-editor input:focus{
  border-color:rgba(89,208,159,.65);
  box-shadow:0 0 0 3px rgba(89,208,159,.12);
}
.bo-row-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.bo-row-actions .ghost-button{
  min-height:34px;
  padding:7px 10px;
}

@media(min-width:1380px){.compact-real-results{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:980px){.compact-real-results{grid-template-columns:1fr;}.live-inline-help{align-items:stretch;flex-direction:column}.live-inline-help .ghost-button{width:100%;}}
@media(max-width:560px){.live-score-main{grid-template-columns:1fr}.inline-score-actions{flex-direction:column}.inline-score-actions .ghost-button{width:100%;}}

/* v16.8.16 - Live scores redesign + Backoffice read-first editing */
.compact-real-results{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.real-score-match-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(89,208,159,.24);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.026));
  box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 0 1px rgba(89,208,159,.08);
}
.real-score-match-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,rgba(89,208,159,.98),rgba(46,229,157,.72),rgba(243,201,106,.45),transparent);
}
.real-score-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 15px 8px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.real-score-card-body{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:12px;
  align-items:center;
  padding:14px 15px 16px;
}
.real-score-team strong{
  display:block;
  font-size:15px;
  line-height:1.15;
  letter-spacing:-.02em;
}
.real-score-team small,
.real-score-center small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:950;
}
.real-score-team.away{text-align:right;}
.real-score-center{
  min-width:94px;
  padding:10px 12px;
  border-radius:18px;
  text-align:center;
  background:rgba(89,208,159,.08);
  border:1px solid rgba(89,208,159,.20);
}
.real-score-center b{
  display:block;
  color:var(--green);
  font-size:26px;
  line-height:1;
  letter-spacing:-.04em;
  margin:6px 0 5px;
}
.real-score-center em{
  display:block;
  color:var(--soft);
  font-size:10px;
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
}
.empty-real-results{
  grid-column:1/-1;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.035);
  border:1px dashed var(--line2);
  color:var(--muted);
}
.bo-score-readonly{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:108px;
  padding:8px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.bo-score-readonly.played{
  background:rgba(89,208,159,.08);
  border-color:rgba(89,208,159,.24);
}
.bo-score-readonly strong{
  color:var(--ink);
  font-size:18px;
  line-height:1;
}
.bo-score-readonly.played strong{color:var(--green);}
.bo-score-readonly span{
  margin-top:6px;
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:950;
  white-space:nowrap;
}
.bo-score-editor-panel{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
.bo-score-editor-panel small{
  color:var(--muted);
  font-size:11px;
  white-space:nowrap;
}
@media(max-width:1180px){.compact-real-results{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){.compact-real-results{grid-template-columns:1fr}.real-score-card-body{grid-template-columns:1fr;}.real-score-team,.real-score-team.away{text-align:center}.real-score-center{width:100%;}}

/* v16.8.16 - Backoffice: sections repliables groupes / phase finale */
.bo-collapsible{
  margin:18px 0;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  box-shadow:var(--shadow);
  overflow:hidden;
}
.bo-collapsible > summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  cursor:pointer;
  user-select:none;
}
.bo-collapsible > summary::-webkit-details-marker{display:none}
.bo-collapsible > summary::before{
  content:"▸";
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.045);
  color:var(--brand2);
  transition:transform .18s ease, background .18s ease;
}
.bo-collapsible[open] > summary::before{
  transform:rotate(90deg);
  background:rgba(143,107,255,.14);
}
.bo-collapsible > summary > div:first-of-type{
  flex:1 1 auto;
}
.bo-collapsible > summary .section-title{
  margin:3px 0 0;
}
.bo-collapsible > summary > span,
.bo-summary-actions > span{
  color:var(--muted);
  font-weight:900;
  white-space:nowrap;
}
.bo-summary-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.bo-collapsible-body{
  padding:0 18px 18px;
}
.bo-collapsible-body .table-wrap{
  margin:0;
}
@media(max-width:760px){
  .bo-collapsible > summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .bo-summary-actions{
    width:100%;
    justify-content:flex-start;
  }
}


/* Changelog compact v16.8.16 */
.changelog-compact{max-width:1100px;gap:14px}
.changelog-compact::before{display:none}
.changelog-group{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--glass),var(--glass2));box-shadow:var(--shadow);overflow:hidden}
.changelog-group summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:950;color:var(--ink)}
.changelog-group summary::-webkit-details-marker{display:none}
.changelog-group summary span{font-size:18px}
.changelog-group summary em{font-style:normal;color:var(--muted);font-size:13px;font-weight:850}
.changelog-group summary::after{content:"⌄";color:var(--brand2);font-size:18px;transition:transform .2s ease}
.changelog-group[open] summary::after{transform:rotate(180deg)}
.changelog-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px 18px}
.changelog-card-compact{box-shadow:none;border-radius:18px;padding:18px;background:rgba(255,255,255,.045)}
.changelog-card-compact h2{font-size:17px;margin:0 0 10px}
.changelog-card-compact ul{font-size:14px;line-height:1.55}
.empty-state{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--glass);color:var(--muted);font-weight:850}
.empty-state.danger{color:#ffd4d4;border-color:rgba(255,107,107,.35)}
@media(max-width:760px){.changelog-group-list{grid-template-columns:1fr}.changelog-group summary{align-items:flex-start}.changelog-group summary::after{margin-left:auto}}

/* v16.8.17 - Changelog pleine largeur multi-colonnes */
.changelog-page-main{
  max-width: none;
  width: 100%;
}
.changelog-wide{
  max-width: none;
  width: 100%;
}
.changelog-wide .changelog-group-list{
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: start;
}
.changelog-wide .changelog-card-compact{
  min-height: 100%;
}
@media(min-width:1280px){
  .changelog-wide .changelog-group-list{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media(min-width:1680px){
  .changelog-wide .changelog-group-list{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media(max-width:760px){
  .changelog-wide .changelog-group-list{
    grid-template-columns: 1fr;
  }
}

/* v16.9.0 — Live Adaptive scenario */
.live-projection-panel {
  margin: 22px 0;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(124, 58, 237, .10), rgba(14, 165, 233, .06));
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}
.adaptive-groups-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.adaptive-group-card,
.adaptive-thirds-panel article {
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  padding: 14px;
  backdrop-filter: blur(10px);
}
[data-theme="dark"] .adaptive-group-card,
[data-theme="dark"] .adaptive-thirds-panel article {
  background: rgba(15, 23, 42, .68);
}
.adaptive-group-card header {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom: 10px;
}
.adaptive-group-card header span {
  font-size:.78rem;
  opacity:.72;
  text-align:right;
}
.adaptive-group-card ol {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}
.adaptive-group-card li {
  display:grid;
  grid-template-columns: 1fr auto auto;
  gap:8px;
  align-items:center;
  padding:8px 10px;
  border-radius: 12px;
  background: rgba(148, 163, 184, .10);
}
.adaptive-group-card li.qualified {
  background: rgba(34, 197, 94, .12);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, .65);
}
.adaptive-group-card li b { font-size:.86rem; }
.adaptive-group-card li em { font-style:normal; min-width:32px; text-align:right; }
.adaptive-delta { font-weight:800; font-size:.82rem; }
.adaptive-delta.up { color:#16a34a; }
.adaptive-delta.down { color:#dc2626; }
.adaptive-delta.stable { opacity:.55; }
.adaptive-thirds-panel {
  margin-top:18px;
}
.adaptive-thirds-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap:10px;
}
.adaptive-thirds-panel article {
  display:grid;
  gap:6px;
}
.adaptive-thirds-panel article span,
.adaptive-thirds-panel article small {
  opacity:.72;
  font-size:.78rem;
}
.adaptive-standings .table-wrap {
  border-top: 3px solid rgba(124, 58, 237, .75);
}
@media (max-width: 720px) {
  .live-projection-panel { padding: 14px; border-radius: 18px; }
  .adaptive-groups-grid { grid-template-columns: 1fr; }
  .adaptive-group-card li { grid-template-columns: 1fr auto; }
  .adaptive-group-card li em { grid-column:2; }
}

/* v16.9.1 — harmonisation Live Adaptive */
.live-projection-panel,
.live-adaptive-card,
.standings-mode-panel,
.adaptive-thirds-panel{
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.adaptive-group-card,
.adaptive-thirds-panel article,
.adaptive-grid article{
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
  box-shadow:none;
}
[data-theme="dark"] .adaptive-group-card,
[data-theme="dark"] .adaptive-thirds-panel article{
  background:rgba(255,255,255,.035);
}
.adaptive-group-card li{
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.adaptive-group-card li.qualified{
  background:rgba(89,208,159,.10);
  border-color:rgba(89,208,159,.22);
  box-shadow:inset 3px 0 0 rgba(89,208,159,.70);
}
.group-live-projection-panel{
  margin-bottom:18px;
}
[data-current-scenario="liveadaptive"] .group-match-card.actual-loaded .timeline-score-center{
  background:linear-gradient(180deg,rgba(89,208,159,.18),rgba(143,107,255,.10));
  border-color:rgba(89,208,159,.34);
}
[data-current-scenario="liveadaptive"] .group-match-card.actual-loaded .match-confidence{
  background:rgba(89,208,159,.12);
  border-color:rgba(89,208,159,.30);
  color:var(--soft);
}


/* v16.9.3 — Live Adaptive visual polish */
.live-adaptive-card{
  margin:22px 0;
  padding:24px;
  border-radius:28px;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.live-adaptive-card .section-label{
  margin-bottom:12px;
}
.live-adaptive-card h2{
  margin:0;
}
.live-adaptive-intro{
  margin:0 0 18px;
  max-width:980px;
}
.live-adaptive-card .adaptive-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.live-adaptive-card .adaptive-grid article{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.live-adaptive-card .adaptive-grid strong{
  font-size:clamp(22px,2.4vw,30px);
}
.live-projection-panel{
  padding:22px;
  border-radius:28px;
}
.live-projection-panel .section-kicker{
  max-width:980px;
}
.adaptive-groups-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.adaptive-group-card{
  padding:16px;
  border-radius:20px;
}
.adaptive-thirds-panel{
  border-radius:24px;
  padding:18px;
}
.adaptive-thirds-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.adaptive-thirds-panel article{
  border-radius:18px;
  padding:14px;
}
@media(max-width:1280px){
  .adaptive-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .adaptive-thirds-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:980px){
  .adaptive-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .adaptive-thirds-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:720px){
  .live-adaptive-card,.live-projection-panel{padding:16px;border-radius:20px;}
  .live-adaptive-card .adaptive-grid{grid-template-columns:1fr;}
  .adaptive-groups-grid,.adaptive-thirds-grid{grid-template-columns:1fr;}
}

/* v16.9.5 — Pronostics à ne pas oublier */
.pronostic-reminder-card{
  margin: 18px 0 16px;
  padding: 18px;
  border: 1px solid var(--border, rgba(255,255,255,.12));
  border-radius: 24px;
  background: var(--card, rgba(255,255,255,.055));
  box-shadow: var(--shadow, 0 18px 50px rgba(0,0,0,.18));
}
.reminder-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.reminder-head h3{
  margin:2px 0 4px;
  font-size:1.15rem;
}
.reminder-head span{
  color:var(--muted, rgba(255,255,255,.62));
  font-size:.9rem;
}
.reminder-head > strong{
  max-width:280px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(139,92,246,.14);
  border:1px solid rgba(139,92,246,.22);
  font-size:.9rem;
  text-align:right;
}
.reminder-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.reminder-match-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid var(--border, rgba(255,255,255,.10));
  background:var(--surface, rgba(255,255,255,.04));
}
.reminder-match-card.urgent{
  border-top:3px solid rgba(245,158,11,.85);
}
.reminder-match-card strong{
  display:block;
  margin:8px 0 4px;
  line-height:1.25;
}
.reminder-match-card em{
  color:var(--muted, rgba(255,255,255,.56));
  font-style:normal;
  font-weight:600;
}
.reminder-match-card small{
  color:var(--muted, rgba(255,255,255,.62));
}
.reminder-score{
  min-width:72px;
  text-align:center;
  padding:9px 10px;
  border-radius:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
}
.reminder-score span{
  display:block;
  font-size:.72rem;
  color:var(--muted, rgba(255,255,255,.58));
  text-transform:uppercase;
  letter-spacing:.06em;
}
.reminder-score b{
  display:block;
  margin-top:2px;
  font-size:1.15rem;
}
.empty-reminder{
  grid-column:1 / -1;
  margin:0;
  color:var(--muted, rgba(255,255,255,.62));
}
@media (max-width: 980px){
  .reminder-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .reminder-head{flex-direction:column;}
  .reminder-head > strong{max-width:none;text-align:left;}
}
@media (max-width: 640px){
  .pronostic-reminder-card{padding:14px;border-radius:20px;}
  .reminder-grid{grid-template-columns:1fr;}
  .reminder-match-card{align-items:flex-start;}
}

/* v16.9.5 - Backoffice simplifié : saisie quotidienne manuelle */
.bo-daily-entry .section-kicker{
  margin-top:8px;
  max-width:760px;
}
.bo-ops-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:18px 0 22px;
}
.bo-ops-strip article{
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.bo-ops-strip strong{
  display:block;
  color:var(--ink);
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.03em;
}
.bo-ops-strip span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}
.bo-filter-panel{
  display:grid;
  grid-template-columns:1fr .8fr 1.4fr auto;
  gap:12px;
  align-items:end;
  margin-bottom:16px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line2);
}
.bo-filter-panel label{
  display:block;
  margin:0 0 6px;
  color:var(--muted);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bo-filter-panel select,
.bo-filter-panel input{
  width:100%;
  min-height:42px;
  border-radius:14px;
  border:1px solid var(--line2);
  background:rgba(7,10,24,.62);
  color:var(--ink);
  padding:0 12px;
  outline:none;
}
.bo-filter-panel select:focus,
.bo-filter-panel input:focus{
  border-color:rgba(143,107,255,.55);
  box-shadow:0 0 0 3px rgba(143,107,255,.12);
}
.bo-match-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.bo-match-admin-card{
  position:relative;
  overflow:hidden;
  padding:15px;
  border-radius:24px;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  border:1px solid var(--line);
  box-shadow:0 16px 38px rgba(0,0,0,.22);
}
.bo-match-admin-card.played{
  border-color:rgba(89,208,159,.25);
}
.bo-match-admin-card.played::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,rgba(89,208,159,.95),rgba(46,229,157,.55),transparent);
}
.bo-match-admin-top,
.bo-match-admin-foot{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}
.bo-match-admin-top span,
.bo-match-admin-foot > span{
  color:var(--muted);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.bo-match-admin-top strong{
  color:var(--soft);
  font-size:12px;
  white-space:nowrap;
}
.bo-match-admin-teams{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin:16px 0 14px;
}
.bo-match-admin-teams strong{
  color:var(--ink);
  font-size:16px;
  line-height:1.15;
  letter-spacing:-.02em;
}
.bo-match-admin-teams strong:last-child{text-align:right;}
.bo-match-admin-teams span{
  color:var(--muted);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.bo-match-admin-card .bo-score-readonly,
.bo-match-admin-card .bo-score-editor-panel{
  width:100%;
  margin:0 auto 14px;
}
.bo-match-admin-card .bo-score-readonly{
  padding:12px;
}
.bo-match-admin-card .bo-score-readonly strong{
  font-size:24px;
}
.bo-score-editor input[type="text"]{
  width:56px;
  height:48px;
  font-size:22px;
  font-variant-numeric:tabular-nums;
  caret-color:var(--brand2);
}
.bo-score-editor input::-webkit-outer-spin-button,
.bo-score-editor input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.bo-score-quick-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:4px;
}
.bo-score-quick-actions button{
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.045);
  color:var(--soft);
  font-weight:900;
  cursor:pointer;
}
.bo-score-quick-actions button:hover{
  border-color:rgba(89,208,159,.45);
  color:var(--ink);
}
.bo-file-tools{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  color:var(--muted);
}
.bo-file-tools p{
  flex:1 1 420px;
  margin:0;
}
@media(max-width:1180px){
  .bo-match-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bo-filter-panel{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  .bo-ops-strip,.bo-match-admin-grid,.bo-filter-panel{grid-template-columns:1fr;}
  .bo-match-admin-foot{align-items:stretch;flex-direction:column;}
  .bo-row-actions .ghost-button{flex:1 1 auto;}
}

/* v16.9.9 — flags in projected/leader header */
#championHero .team-label,
#champion .team-label,
#scenarioChampion .team-label,
#final .team-label,
#scenarioFinal .team-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  vertical-align:middle;
}
#championHero .team-flag,
#champion .team-flag,
#scenarioChampion .team-flag{
  width:1.35em;
  height:1em;
  border-radius:.18rem;
}
.final-separator{
  display:inline-flex;
  align-items:center;
  margin:0 .35rem;
  opacity:.62;
  font-size:.82em;
  text-transform:uppercase;
  letter-spacing:.06em;
}


/* v16.9.9 — drapeaux sans réduire la lisibilité */
.hero-card #championHero{
  display:block;
  margin-top:8px;
  font-size:32px !important;
  line-height:1.02;
  letter-spacing:-.05em;
}
.hero-card #championHero .team-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  font-size:inherit !important;
  line-height:inherit;
  white-space:nowrap;
}
.hero-card #championHero .team-name{
  font-size:inherit !important;
  line-height:inherit;
}
.hero-card #championHero .team-flag{
  width:1.25em;
  height:.88em;
  border-radius:.18rem;
}
.answers #champion .team-label,
.answers #scenarioChampion .team-label{
  font-size:inherit !important;
  line-height:inherit;
  gap:.5rem;
}
.answers #champion .team-name,
.answers #scenarioChampion .team-name{
  font-size:inherit !important;
  line-height:inherit;
}
.answers #champion .team-flag,
.answers #scenarioChampion .team-flag{
  width:1.2em;
  height:.86em;
}
.answers #final,
.answers #scenarioFinal{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.2rem .45rem;
}
.answers #final .team-label,
.answers #scenarioFinal .team-label{
  font-size:inherit;
  line-height:inherit;
  gap:.45rem;
}
.answers #final .team-flag,
.answers #scenarioFinal .team-flag{
  width:1.05em;
  height:.78em;
}
.answers #final .final-separator,
.answers #scenarioFinal .final-separator{
  font-size:.38em;
  letter-spacing:.08em;
  margin:0 .1rem;
}
@media(max-width:760px){
  .hero-card #championHero{font-size:28px !important;}
}


/* v16.9.10 — correction propre encart Champion + drapeaux affiche finale */
.hero-card #championHero,
.answers #champion,
.answers #scenarioChampion{
  letter-spacing:-.055em;
}
.hero-card #championHero .team-label,
.answers #champion .team-label,
.answers #scenarioChampion .team-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  min-width:0;
  max-width:100%;
  white-space:normal !important;
}
.hero-card #championHero .team-name,
.answers #champion .team-name,
.answers #scenarioChampion .team-name{
  display:inline-block;
  min-width:0;
  font-size:inherit !important;
  font-weight:inherit;
  line-height:.98 !important;
  letter-spacing:inherit;
}
.hero-card #championHero .team-flag{
  flex:0 0 34px !important;
  width:34px !important;
  height:24px !important;
  border-radius:5px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.16);
}
.answers #champion .team-flag,
.answers #scenarioChampion .team-flag{
  flex:0 0 36px !important;
  width:36px !important;
  height:25px !important;
  border-radius:5px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.16);
}
.answers #final,
.answers #scenarioFinal{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  font-size:clamp(22px,2.4vw,34px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
}
.answers #final .team-label,
.answers #scenarioFinal .team-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:inherit !important;
  line-height:inherit !important;
}
.answers #final .team-name,
.answers #scenarioFinal .team-name{
  font-size:inherit !important;
  line-height:inherit !important;
}
.answers #final .team-flag,
.answers #scenarioFinal .team-flag{
  flex:0 0 28px !important;
  width:28px !important;
  height:20px !important;
  border-radius:4px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14);
}
.final-score-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(143,107,255,.16);
  border:1px solid rgba(143,107,255,.28);
  color:var(--brand2);
  font-size:.55em;
  font-weight:950;
  letter-spacing:.02em;
  line-height:1;
  white-space:nowrap;
}
@media(max-width:760px){
  .hero-card #championHero .team-flag{flex-basis:30px !important;width:30px !important;height:21px !important;}
  .answers #champion .team-flag,.answers #scenarioChampion .team-flag{flex-basis:30px !important;width:30px !important;height:21px !important;}
  .answers #final,.answers #scenarioFinal{font-size:24px !important;}
}

/* v16.9.11 — correction finale KPI Champion + affiche finale + Documentation */
.hero-card #championHero,
.answers #champion,
.answers #scenarioChampion{
  color:#fff !important;
  letter-spacing:-.035em !important;
  font-weight:950 !important;
}
.hero-card #championHero .team-label,
.answers #champion .team-label,
.answers #scenarioChampion .team-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  white-space:nowrap !important;
  color:#fff !important;
}
.hero-card #championHero .team-name,
.answers #champion .team-name,
.answers #scenarioChampion .team-name{
  color:#fff !important;
  font-size:inherit !important;
  line-height:1 !important;
  letter-spacing:inherit !important;
}
.hero-card #championHero .team-flag,
.answers #champion .team-flag,
.answers #scenarioChampion .team-flag{
  flex:0 0 30px !important;
  width:30px !important;
  height:21px !important;
  border-radius:5px !important;
}
.answers #champion,
.answers #scenarioChampion{
  font-size:clamp(28px,2.7vw,40px) !important;
  line-height:1 !important;
}
.answers #final,
.answers #scenarioFinal{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:7px !important;
  color:#fff !important;
  font-size:clamp(18px,1.75vw,27px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
.answers #final .team-label,
.answers #scenarioFinal .team-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
  color:#fff !important;
  white-space:nowrap !important;
}
.answers #final .team-name,
.answers #scenarioFinal .team-name{
  color:#fff !important;
  font-size:inherit !important;
  line-height:1.05 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.answers #final .team-flag,
.answers #scenarioFinal .team-flag{
  flex:0 0 24px !important;
  width:24px !important;
  height:17px !important;
  border-radius:4px !important;
}
.answers #final .final-score-chip,
.answers #scenarioFinal .final-score-chip{
  flex:0 0 auto !important;
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  font-size:.68em !important;
  padding:4px 8px !important;
}
.answers #final .final-separator,
.answers #scenarioFinal .final-separator{
  color:rgba(255,255,255,.72) !important;
  font-size:.58em !important;
  margin:0 2px !important;
}
@media(max-width:980px){
  .answers #final,.answers #scenarioFinal{font-size:22px !important; flex-wrap:wrap !important; white-space:normal !important; overflow:visible !important;}
}
.documentation-shell{display:grid;gap:18px;max-width:1480px;margin:0 auto 40px;}
.doc-hero{padding:26px;}
.doc-hero h2{margin:4px 0 8px;font-size:clamp(30px,4vw,56px);letter-spacing:-.06em;}
.doc-hero p{max-width:900px;color:var(--muted);line-height:1.65;}
.doc-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;}
.doc-kpi-grid article,.doc-section,.doc-grid article{background:linear-gradient(180deg,var(--glass),var(--glass2));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);}
.doc-kpi-grid article{padding:16px;}
.doc-kpi-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.08em;}
.doc-kpi-grid strong{display:block;margin-top:6px;font-size:28px;color:#fff;letter-spacing:-.045em;}
.doc-kpi-grid small{display:block;color:var(--muted);margin-top:3px;}
.doc-section{padding:0;overflow:hidden;}
.doc-section summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);}
.doc-section summary::-webkit-details-marker{display:none;}
.doc-section summary span{font-size:20px;font-weight:950;color:#fff;letter-spacing:-.035em;}
.doc-section summary small{color:var(--muted);font-weight:800;}
.doc-section[open] summary{background:rgba(255,255,255,.035);}
.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;}
.doc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.doc-grid article{padding:18px;box-shadow:none;}
.doc-grid h3{margin:0 0 8px;color:#fff;font-size:18px;letter-spacing:-.03em;}
.doc-grid p,.doc-grid li{color:var(--muted);line-height:1.6;}
.doc-grid ul{margin:10px 0 0;padding-left:18px;}
.doc-note{margin:0 18px 18px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:var(--muted);line-height:1.55;}
.doc-weight-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.doc-weight-list span{padding:8px 10px;border-radius:999px;background:rgba(143,107,255,.14);border:1px solid rgba(143,107,255,.25);font-weight:900;color:#fff;font-size:12px;}
.doc-steps{margin:0;padding:18px 18px 18px 42px;color:var(--muted);line-height:1.75;}
.doc-steps li{padding-left:6px;}
.files-doc-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.scenarios-doc-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.documentation-shell code{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:8px;padding:1px 6px;}
@media(max-width:1100px){.doc-kpi-grid,.files-doc-grid,.scenarios-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.doc-grid,.doc-grid.two{grid-template-columns:1fr;}}
@media(max-width:700px){.doc-kpi-grid,.files-doc-grid,.scenarios-doc-grid{grid-template-columns:1fr;}.doc-section summary{align-items:flex-start;flex-direction:column;}.doc-hero{padding:20px;}}


/* v16.9.13 — documentation nettoyée */
.doc-live-state{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1.2fr);gap:.55rem .9rem;margin:.85rem 0 1rem;padding:1rem;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.doc-live-state span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.doc-live-state strong{font-size:.98rem;color:var(--text);text-align:right}
@media (max-width:640px){.doc-live-state{grid-template-columns:1fr}.doc-live-state strong{text-align:left}}


/* v16.9.20 — Thème 2 : Aurora Stadium
   Couche visuelle uniquement : aucune mécanique JS / données modifiée. */
:root{
  --bg:#040712;
  --surface:#0d1424;
  --surface2:#121b2f;
  --surface3:#18243b;
  --glass:rgba(255,255,255,.075);
  --glass2:rgba(255,255,255,.032);
  --ink:#f8fbff;
  --muted:#9aa8c2;
  --soft:#d7def0;
  --brand:#5eead4;
  --brand2:#a78bfa;
  --gold:#ffd166;
  --green:#6ee7b7;
  --line:rgba(255,255,255,.13);
  --line2:rgba(255,255,255,.075);
  --shadow:0 24px 80px rgba(0,0,0,.42);
  --radius:28px;
}
body{
  background:
    radial-gradient(circle at 8% -10%, rgba(94,234,212,.22), transparent 34%),
    radial-gradient(circle at 88% 2%, rgba(167,139,250,.19), transparent 31%),
    radial-gradient(circle at 55% 105%, rgba(255,209,102,.08), transparent 38%),
    linear-gradient(180deg,#030611 0%,#07101f 45%,#040712 100%);
}
body::before{
  background:
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 50% 0%,rgba(94,234,212,.08),transparent 40%);
  background-size:56px 56px,56px 56px,100% 100%;
  opacity:.92;
}
body::after{
  content:"";
  position:fixed;
  inset:auto 8% -24vh 8%;
  height:34vh;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(94,234,212,.12),transparent 68%);
  filter:blur(18px);
}
.hero{
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  padding-top:clamp(36px,5vw,68px);
}
h1{letter-spacing:-.075em;text-wrap:balance;}
.subtitle{color:#aab6ce;max-width:900px;}
.hero-card,.card-base,.answers article,.scenario-active-card,.scenario-selector-card,.model-impact-card,.match-card,.doc-kpi-grid article,.doc-section,.doc-grid article,
.live-adaptive-card,.live-card,.projection-card,.daily-card,.admin-card,.real-score-card,.group-live-projection-panel,.group-match-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035)),
    radial-gradient(circle at 12% 0%,rgba(94,234,212,.075),transparent 42%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 22px 75px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
}
.answers article,.scenario-active-card,.scenario-selector-card,.model-impact-card,.match-card{
  backdrop-filter:blur(18px);
}
.answers article{min-height:126px;}
.answers span,.scenario-active-kpis span,.doc-kpi-grid span{color:#9fb0cc;}
.answers strong,.scenario-active-kpis strong,.doc-kpi-grid strong{color:#fff;text-shadow:0 10px 35px rgba(94,234,212,.08);}
.premium-nav{
  background:
    linear-gradient(180deg,rgba(5,10,22,.88),rgba(5,10,22,.68)),
    radial-gradient(circle at 18% 0%,rgba(94,234,212,.16),transparent 34%),
    radial-gradient(circle at 76% 0%,rgba(167,139,250,.14),transparent 30%);
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 60px rgba(0,0,0,.34);
}
.premium-nav .nav-home,.premium-nav .nav-parent,.premium-nav .nav-menu button,
button,.btn,.chip,.filter-chip{
  border-radius:999px;
}
.premium-nav .nav-home,.premium-nav .nav-parent,.premium-nav .nav-menu button{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.13);
}
.premium-nav .nav-home.active,.premium-nav .nav-group.active > .nav-parent,
.scenario-card-grid article.active{
  background:linear-gradient(135deg,rgba(94,234,212,.20),rgba(167,139,250,.18));
  border-color:rgba(94,234,212,.42);
  box-shadow:0 16px 44px rgba(94,234,212,.13);
}
.nav-menu{
  background:rgba(6,11,23,.96);
  border-color:rgba(255,255,255,.14);
}
input,select,textarea{
  background:rgba(3,7,18,.72);
  border-color:rgba(255,255,255,.13);
  border-radius:18px;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(94,234,212,.72);
  box-shadow:0 0 0 4px rgba(94,234,212,.13);
}
.scenario-board{gap:18px;}
.scenario-card-grid article{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.10);
}
.scenario-card-grid article:hover,
.match-card:hover,.group-match-card:hover,.real-score-card:hover{
  transform:translateY(-2px);
  border-color:rgba(94,234,212,.36);
  box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 0 1px rgba(94,234,212,.05) inset;
}
.match-card::before,.group-match-card::before{
  height:4px;
  background:linear-gradient(90deg,var(--brand),var(--brand2),rgba(255,209,102,.65));
}
.score,.timeline-score-center,.final-score-chip{
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055)) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.team.winner,.group-match-card .winner{
  background:rgba(94,234,212,.12);
  border-color:rgba(94,234,212,.28);
}
.meta span,.tag,.version-badge,#footerVersion,.doc-weight-list span{
  background:rgba(94,234,212,.10);
  border-color:rgba(94,234,212,.22);
  color:#c8fff5;
}
.table-wrap,table{
  border-radius:22px;
}
th{
  color:#dbe7ff;
  background:rgba(255,255,255,.045);
}
td{border-color:rgba(255,255,255,.075);}
.section-title{font-size:clamp(25px,3vw,36px);}
.section-kicker{color:#a8b5cd;}
.documentation-shell{max-width:1540px;}
.doc-section summary{padding:20px 22px;}
.doc-grid article,.doc-kpi-grid article{border-radius:24px;}
.doc-live-state{
  background:linear-gradient(180deg,rgba(94,234,212,.085),rgba(255,255,255,.035));
  border-color:rgba(94,234,212,.20);
}
/* Grilles plus aérées sur desktop */
@media(min-width:1180px){
  .grid{grid-template-columns:repeat(3,minmax(280px,1fr));gap:20px;}
  .answers{grid-template-columns:1.1fr 1fr 1.35fr .85fr;gap:16px;}
  .scenario-card-grid{gap:12px;}
}
@media(min-width:1450px){
  main{padding-left:clamp(72px,6vw,108px);padding-right:clamp(72px,6vw,108px);}
  .grid{grid-template-columns:repeat(4,minmax(260px,1fr));}
}
/* Mobile : moins de bruit, cartes plus compactes */
@media(max-width:980px){
  .hero{grid-template-columns:1fr;gap:18px;padding-top:34px;}
  .hero-card{padding:20px;}
  .answers,.scenario-board,.scenario-active-kpis,.controls{grid-template-columns:1fr;}
  .scenario-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid{grid-template-columns:1fr;}
  .premium-nav{gap:8px;}
  .premium-nav .nav-home,.premium-nav .nav-parent{padding:10px 12px;}
}
@media(max-width:620px){
  main{padding-left:16px;padding-right:16px;}
  .hero{padding-left:16px;padding-right:16px;}
  .scenario-card-grid{grid-template-columns:1fr;}
  .answers article,.match-card,.scenario-active-card,.scenario-selector-card{border-radius:22px;padding:16px;}
  .teams{grid-template-columns:1fr;gap:8px;text-align:left;}
  .team.away{text-align:left;}
  .score{width:max-content;}
}

/* =========================================================
   v17.0.0 — BROADCAST EDITION
   Refonte visuelle majeure sans modification de mécanique.
   ========================================================= */
:root{
  --bg:#030611;
  --surface:#0b1020;
  --surface2:#10182d;
  --surface3:#16213d;
  --glass:rgba(255,255,255,.075);
  --glass2:rgba(255,255,255,.032);
  --ink:#ffffff;
  --muted:#9ca8c3;
  --soft:#e6ecff;
  --brand:#7c3cff;
  --brand2:#00e5ff;
  --gold:#ffd166;
  --green:#34e59d;
  --line:rgba(255,255,255,.13);
  --line2:rgba(255,255,255,.075);
  --shadow:0 30px 120px rgba(0,0,0,.52);
  --radius:30px;
}
html{background:#030611;}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 20% -14%, rgba(124,60,255,.42), transparent 30%),
    radial-gradient(circle at 86% 4%, rgba(0,229,255,.22), transparent 26%),
    radial-gradient(circle at 50% 110%, rgba(255,209,102,.14), transparent 34%),
    linear-gradient(180deg,#030611 0%,#081020 42%,#030611 100%) !important;
  overflow-x:hidden;
}
body::before{
  opacity:.75;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 35%);
  background-size:56px 56px,56px 56px,100% 100%;
  mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.8) 46%,transparent 90%);
}
body::after{
  content:"";
  position:fixed;
  inset:-20% -10% auto -10%;
  height:68vh;
  pointer-events:none;
  background:
    conic-gradient(from 180deg at 50% 0%, transparent 0 18deg, rgba(255,255,255,.07) 20deg 24deg, transparent 26deg 44deg, rgba(0,229,255,.055) 46deg 50deg, transparent 52deg 100deg, rgba(124,60,255,.055) 104deg 108deg, transparent 110deg 360deg);
  filter:blur(2px);
  opacity:.7;
  mix-blend-mode:screen;
  z-index:-1;
}
.hero{
  position:relative;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  min-height:360px;
  padding-top:68px;
  padding-bottom:58px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.11);
  background:
    linear-gradient(115deg,rgba(255,255,255,.075),rgba(255,255,255,.022) 48%,rgba(0,229,255,.08)),
    radial-gradient(circle at 82% 18%,rgba(255,209,102,.16),transparent 20%);
}
.hero::before{
  content:"2026";
  position:absolute;
  right:clamp(10px,4vw,70px);
  bottom:-48px;
  font-size:clamp(120px,18vw,270px);
  font-weight:1000;
  line-height:.8;
  letter-spacing:-.12em;
  color:rgba(255,255,255,.045);
  pointer-events:none;
}
.hero-copy{position:relative;z-index:1;}
.hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  color:#06111f;
  background:linear-gradient(90deg,var(--gold),#fff1b3);
  box-shadow:0 12px 35px rgba(255,209,102,.18);
}
.hero .eyebrow::before{content:none;}
.hero .eyebrow.broadcast-badge::before{content:"";}
h1{
  max-width:980px;
  font-size:clamp(44px,7.6vw,112px);
  line-height:.86;
  letter-spacing:-.085em;
  text-wrap:balance;
  text-shadow:0 18px 80px rgba(0,0,0,.55);
}
.subtitle{
  max-width:720px;
  color:#c4cee5;
  font-size:clamp(16px,1.5vw,22px);
}
.hero-broadcast-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.hero-broadcast-strip span{
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#eaf0ff;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  backdrop-filter:blur(14px);
}
.hero-champion-card{
  position:relative;
  z-index:1;
  min-height:245px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  background:
    linear-gradient(155deg,rgba(255,209,102,.18),rgba(124,60,255,.16) 45%,rgba(0,229,255,.08)),
    rgba(255,255,255,.06);
  backdrop-filter:blur(22px);
  box-shadow:0 38px 130px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.12);
}
.hero-champion-card::before{
  content:"";
  position:absolute;
  inset:-40% -35% auto auto;
  width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,209,102,.28),transparent 63%);
}
.hero-card-icon{
  position:absolute;
  top:22px;right:22px;
  width:58px;height:58px;
  display:grid;place-items:center;
  border-radius:22px;
  color:#071021;
  background:linear-gradient(135deg,var(--gold),#fff2bd);
}
.hero-card small,.hero-card em{
  position:relative;
  color:#c9d4ef;
  font-size:12px;
  font-style:normal;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.hero-card strong{
  position:relative;
  margin:10px 0 8px;
  color:#fff;
  font-size:clamp(32px,3.4vw,54px);
  line-height:.95;
  letter-spacing:-.06em;
}
.version-badge,#footerVersion{
  background:rgba(0,229,255,.12);
  border-color:rgba(0,229,255,.32);
  color:#bdfbff;
}
.premium-nav{
  position:sticky;
  top:14px;
  z-index:50;
  width:calc(100% - clamp(32px,8vw,144px));
  margin:14px auto 0;
  padding:10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(4,8,20,.72);
  backdrop-filter:blur(24px) saturate(160%);
  box-shadow:0 18px 70px rgba(0,0,0,.42);
}
.premium-nav .nav-home,.premium-nav .nav-parent,.premium-nav .nav-menu button{
  border-radius:999px !important;
  font-weight:900;
}
.premium-nav .active,.premium-nav .nav-home.active{
  background:linear-gradient(135deg,var(--brand),var(--brand2)) !important;
  color:#fff !important;
  box-shadow:0 10px 30px rgba(0,229,255,.18);
}
main{padding-top:34px;}
.dashboard-view{position:relative;}
.answers{
  grid-template-columns:1.05fr 1.1fr 1.5fr .82fr;
  gap:18px;
  margin-bottom:22px;
}
.answers article{
  position:relative;
  min-height:150px;
  padding:22px;
  overflow:hidden;
  background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  backdrop-filter:blur(18px);
  box-shadow:0 24px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);
}
.answers article::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--brand2),var(--brand),var(--gold));
  opacity:.9;
}
.answers article:nth-child(2){
  background:linear-gradient(150deg,rgba(255,209,102,.18),rgba(255,255,255,.04) 45%,rgba(124,60,255,.08));
}
.answers article:nth-child(3){
  background:linear-gradient(150deg,rgba(0,229,255,.13),rgba(255,255,255,.04) 45%,rgba(124,60,255,.09));
}
.answers span{color:#b4bfd8;}
.answers strong{
  color:#fff !important;
  font-size:clamp(25px,2.8vw,48px);
  text-shadow:0 12px 50px rgba(0,0,0,.45);
}
#final{font-size:clamp(22px,2.2vw,38px);white-space:nowrap;}
.final-score-chip{
  margin:0 8px;
  transform:translateY(-2px);
}
.scenario-board{grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:18px;}
.scenario-selector-card,.model-impact-card,.data-quality-card,.dashboard-only-card,
.live-adaptive-card,.scenario-active-card,.doc-section,.doc-live-state{
  border:1px solid rgba(255,255,255,.14) !important;
  background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.03)) !important;
  backdrop-filter:blur(18px);
  box-shadow:0 28px 110px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.scenario-card-grid{gap:14px;}
.scenario-card-grid article,
.match-card,.group-match-card,.real-score-card,.group-card,.standing-card,.bracket-card{
  border:1px solid rgba(255,255,255,.13) !important;
  background:linear-gradient(160deg,rgba(255,255,255,.072),rgba(255,255,255,.028)) !important;
  backdrop-filter:blur(16px);
  box-shadow:0 18px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.scenario-card-grid article.active,
.scenario-card-grid article.is-active{
  border-color:rgba(255,209,102,.46) !important;
  background:linear-gradient(155deg,rgba(255,209,102,.16),rgba(124,60,255,.12),rgba(255,255,255,.04)) !important;
}
.match-card,.group-match-card,.real-score-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.match-card:hover,.group-match-card:hover,.real-score-card:hover,.scenario-card-grid article:hover{
  transform:translateY(-4px);
  border-color:rgba(0,229,255,.42) !important;
  box-shadow:0 32px 110px rgba(0,0,0,.52),0 0 0 1px rgba(0,229,255,.06) inset !important;
}
.match-card::before,.group-match-card::before,.bracket-card::before{
  background:linear-gradient(90deg,var(--brand2),var(--brand),var(--gold)) !important;
  height:5px !important;
}
.tag,.meta span,.scenario-v168-status,.scenario-v168-active,.doc-weight-list span{
  border:1px solid rgba(0,229,255,.24) !important;
  background:rgba(0,229,255,.11) !important;
  color:#c8fbff !important;
}
.score,.timeline-score-center,.final-score-chip,.bracket-score{
  border:1px solid rgba(255,255,255,.22) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06)) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 34px rgba(0,0,0,.26) !important;
}
.live-adaptive-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(124,60,255,.34) !important;
}
.live-adaptive-card::before{
  content:"";
  position:absolute;
  inset:-40% -20% auto auto;
  width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(124,60,255,.26),transparent 65%);
  pointer-events:none;
}
.live-adaptive-card h2,.live-adaptive-card strong{color:#fff;}
.adaptive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.adaptive-grid article{
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.055) !important;
}
.live-adaptive-card progress{
  height:9px;
  border-radius:999px;
  overflow:hidden;
}
.live-adaptive-card progress::-webkit-progress-value{background:linear-gradient(90deg,var(--brand),var(--brand2));}
.controls{
  position:sticky;
  top:88px;
  z-index:25;
  padding:12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:rgba(4,8,20,.70);
  backdrop-filter:blur(20px);
}
input,select,textarea{
  border-radius:18px !important;
  background:rgba(255,255,255,.065) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#fff !important;
}
input::placeholder{color:#7f8ba6;}
.bracket-shell{padding-top:18px;}
.bracket{
  gap:22px;
}
.bracket-col h3{
  color:#fff;
  letter-spacing:-.035em;
  text-transform:none;
  font-size:18px;
}
.bracket-card{
  border-radius:24px !important;
}
.bracket-team{
  border-radius:16px !important;
}
.bracket-team.winner,.team.winner,.group-match-card .winner{
  background:rgba(52,229,157,.13) !important;
  border-color:rgba(52,229,157,.33) !important;
}
.section-title{
  color:#fff;
  letter-spacing:-.055em;
  font-size:clamp(30px,3.7vw,54px) !important;
}
.section-kicker{font-size:16px;color:#b8c4df;}
.table-wrap,table{background:rgba(255,255,255,.035) !important;border-color:rgba(255,255,255,.1) !important;}
th{background:rgba(255,255,255,.07) !important;color:#f2f6ff !important;}
td{border-color:rgba(255,255,255,.08) !important;}
.site-footer{
  border-top:1px solid rgba(255,255,255,.1);
  background:rgba(3,6,17,.72);
  backdrop-filter:blur(20px);
}
@media(min-width:1180px){
  .grid{grid-template-columns:repeat(4,minmax(240px,1fr));gap:20px;}
  .scenario-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .real-scores-grid,.live-adaptive-groups-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(min-width:1540px){
  .hero,main{padding-left:clamp(90px,7vw,132px);padding-right:clamp(90px,7vw,132px);}
  .answers{grid-template-columns:1.05fr 1.15fr 1.55fr .8fr;}
}
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:auto;}
  .hero-card{max-width:460px;}
  .answers,.scenario-board{grid-template-columns:1fr 1fr;}
  .answers article:nth-child(3){grid-column:1/-1;}
  .adaptive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #final{white-space:normal;}
}
@media(max-width:760px){
  .premium-nav{width:calc(100% - 24px);top:8px;border-radius:26px;overflow-x:auto;justify-content:flex-start;}
  .premium-nav .nav-menu{border-radius:22px;}
  .hero{padding-top:38px;padding-bottom:34px;}
  h1{font-size:clamp(42px,14vw,76px);}
  .answers,.scenario-board,.adaptive-grid{grid-template-columns:1fr;}
  .answers article{min-height:124px;}
  .hero-broadcast-strip{display:none;}
  .controls{position:relative;top:auto;grid-template-columns:1fr;}
  main{padding-left:16px;padding-right:16px;}
  .hero{padding-left:16px;padding-right:16px;}
}
@media(max-width:480px){
  .hero-card strong{font-size:34px;}
  .answers strong{font-size:30px;}
  .hero-champion-card{min-height:210px;}
  .match-card,.group-match-card,.real-score-card{border-radius:24px !important;}
}


/* =========================================================
   v17.0.1 — UI QA PASS
   Stabilisation visuelle complète : espacement, hiérarchie,
   cohérence couleurs, typographie, responsive.
   Aucune mécanique de jeu modifiée.
   ========================================================= */
:root{
  --bg:#040711;
  --surface:#0b1020;
  --surface2:#111a31;
  --surface3:#17223d;
  --glass:rgba(255,255,255,.065);
  --glass2:rgba(255,255,255,.028);
  --ink:#f8fbff;
  --muted:#9ca8c0;
  --soft:#dce5f7;
  --brand:#8b5cf6;
  --brand2:#27d8ff;
  --gold:#f6c95f;
  --green:#43e0a2;
  --red:#ff6b7a;
  --amber:#f7b955;
  --line:rgba(255,255,255,.115);
  --line2:rgba(255,255,255,.075);
  --shadow:0 18px 70px rgba(0,0,0,.36);
  --shadow-soft:0 10px 36px rgba(0,0,0,.28);
  --radius:24px;
  --radius-sm:16px;
  --page-x:clamp(18px,3.8vw,64px);
  --section-gap:22px;
  --card-pad:20px;
  --card-pad-lg:24px;
}
body{
  font-size:15px;
  line-height:1.48;
  background:
    radial-gradient(circle at 18% -12%, rgba(139,92,246,.34), transparent 31%),
    radial-gradient(circle at 88% 2%, rgba(39,216,255,.18), transparent 28%),
    linear-gradient(180deg,#040711 0%,#08101f 44%,#040711 100%) !important;
}
body::before{opacity:.55;}
body::after{opacity:.38;}

/* Page rhythm */
.hero,main{padding-left:var(--page-x) !important;padding-right:var(--page-x) !important;}
main{padding-top:24px !important;padding-bottom:70px !important;}
section + section{margin-top:var(--section-gap);}

/* Typography normalization */
h1,h2,h3,.section-title{font-weight:950;}
h1{font-size:clamp(44px,6.7vw,94px) !important;line-height:.9 !important;letter-spacing:-.075em !important;}
h2{letter-spacing:-.04em;}
.section-title{font-size:clamp(28px,3vw,46px) !important;line-height:1.02 !important;margin-bottom:8px !important;}
.section-kicker,.subtitle{color:#bcc7dd !important;}
.eyebrow,.eyebrow.mini{
  letter-spacing:.12em !important;
  font-size:11px !important;
  line-height:1.15;
}
.hero .eyebrow{padding:7px 11px !important;}

/* Broadcast hero: keep wow, reduce visual noise */
.hero{
  min-height:310px !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,350px) !important;
  gap:clamp(20px,3vw,34px) !important;
  padding-top:54px !important;
  padding-bottom:42px !important;
  border-bottom-color:rgba(255,255,255,.09) !important;
}
.hero::before{opacity:.78;bottom:-42px !important;}
.subtitle{font-size:clamp(15px,1.25vw,19px) !important;max-width:760px !important;margin-top:16px !important;}
.hero-broadcast-strip{margin-top:22px !important;gap:9px !important;}
.hero-broadcast-strip span{padding:8px 11px !important;font-size:11px !important;}
.hero-champion-card{
  min-height:220px !important;
  padding:24px !important;
  border-radius:28px !important;
}
.hero-card-icon{width:52px !important;height:52px !important;border-radius:18px !important;}
.hero-card strong{font-size:clamp(30px,3vw,46px) !important;line-height:1 !important;}

/* Navigation: less cramped, clearer menus */
.premium-nav{
  top:10px !important;
  width:calc(100% - (var(--page-x) * 2)) !important;
  max-width:1440px;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px !important;
  border-radius:28px !important;
}
.premium-nav button{min-height:40px;padding:9px 13px !important;font-size:13px !important;}
.nav-menu{padding:8px !important;border-radius:20px !important;box-shadow:var(--shadow-soft) !important;}
.nav-menu button{justify-content:flex-start;white-space:nowrap;}

/* Universal cards */
.answers article,
.scenario-selector-card,.model-impact-card,.data-quality-card,.dashboard-only-card,
.live-adaptive-card,.scenario-active-card,.doc-section,.doc-live-state,
.match-card,.group-match-card,.real-score-match-card,.real-score-card,.group-card,.standing-card,.bracket-card,
.bo-match-admin-card,.bo-filter-panel,.bo-collapsible,.pronostic-reminder-card,
.intel-panel,.probability-card,.performance-card,.model-note-card,.daily-scenario-card{
  border-radius:var(--radius) !important;
  border:1px solid var(--line) !important;
  background:linear-gradient(160deg,rgba(255,255,255,.068),rgba(255,255,255,.027)) !important;
  box-shadow:var(--shadow-soft) !important;
  backdrop-filter:blur(16px) saturate(135%);
}
.answers article,.scenario-selector-card,.model-impact-card,.data-quality-card,.dashboard-only-card,
.live-adaptive-card,.scenario-active-card,.doc-section,.doc-live-state,.bo-filter-panel,.pronostic-reminder-card{
  padding:var(--card-pad-lg) !important;
}
.match-card,.group-match-card,.real-score-match-card,.real-score-card,.bracket-card,.bo-match-admin-card{
  padding:18px !important;
}
.answers article::before{width:4px !important;opacity:.75 !important;}
.answers article:hover,.scenario-card-grid article:hover,.match-card:hover,.group-match-card:hover,.real-score-card:hover,.bo-match-admin-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 20px 72px rgba(0,0,0,.42) !important;
}

/* Dashboard */
.answers{
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.55fr) minmax(190px,.72fr) !important;
  gap:16px !important;
  margin-bottom:18px !important;
}
.answers article{min-height:132px !important;}
.answers span,.scenario-active-kpis span{font-size:10.5px !important;color:#aebad1 !important;}
.answers strong{
  font-size:clamp(25px,2.45vw,40px) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}
.answers small{color:#aebad1;line-height:1.35;}
#champion,#championHero{white-space:normal;word-break:normal;}
#final{font-size:clamp(20px,1.85vw,31px) !important;white-space:normal !important;line-height:1.08 !important;}
.final-score-chip{font-size:.78em !important;padding:4px 8px !important;margin:0 6px !important;vertical-align:middle;}
.scenario-board{grid-template-columns:minmax(0,1.48fr) minmax(330px,.92fr) !important;gap:16px !important;}
.section-label{align-items:flex-start !important;margin-bottom:14px !important;}
.section-label span{font-size:12.5px !important;color:#aebad1 !important;line-height:1.35;}
.scenario-card-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;}
.scenario-card-grid article{min-height:104px !important;padding:14px !important;border-radius:18px !important;}
.scenario-card-grid article h3,.scenario-v168-name{font-size:16px !important;line-height:1.1 !important;}

/* Controls */
.controls{
  display:grid;
  grid-template-columns:1.7fr repeat(3,minmax(145px,.55fr));
  gap:10px !important;
  padding:12px !important;
  margin:20px 0 !important;
  border-radius:22px !important;
  top:82px !important;
}
input,select,textarea,button{font-family:inherit;}
input,select,textarea{
  min-height:42px;
  padding:10px 12px !important;
  border-radius:14px !important;
  font-size:14px !important;
  outline:none;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(39,216,255,.48) !important;
  box-shadow:0 0 0 3px rgba(39,216,255,.11) !important;
}
button{cursor:pointer;}

/* Tags, chips, status */
.tag,.meta span,.scenario-v168-status,.scenario-v168-active,.doc-weight-list span,.timeline-tag,.bo-status,.admin-session-badge{
  border-radius:999px !important;
  padding:6px 9px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.035em;
}
.meta{gap:7px !important;align-items:center !important;flex-wrap:wrap;}
.score,.timeline-score-center,.final-score-chip,.bracket-score,.reminder-score{
  border-radius:14px !important;
  min-width:58px;
  text-align:center;
}

/* Match cards / groups */
.grid,.group-match-grid,.match-day-grid,.real-scores-grid,.live-adaptive-groups-grid{
  gap:16px !important;
}
.match-top,.bo-match-admin-top,.real-score-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:13px !important;
}
.match-top .date,.date{font-size:12px !important;color:#aebad1 !important;white-space:nowrap;}
.teams,.bo-match-admin-teams{
  gap:12px !important;
  align-items:center !important;
}
.team-name,.home,.away{line-height:1.14;}
.note{color:#aebad1 !important;font-size:13px !important;line-height:1.45 !important;margin-top:12px !important;}
.match-card::before,.group-match-card::before,.bracket-card::before{height:4px !important;opacity:.78 !important;}

/* Live Adaptive */
.live-adaptive-card{padding:24px !important;}
.live-adaptive-card::before{opacity:.62 !important;}
.adaptive-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;}
.adaptive-grid article{padding:16px !important;border-radius:18px !important;}
.live-projection-panel,.match-reality-panel,.adaptive-group-card,.adaptive-thirds-panel{
  border-radius:22px !important;
  padding:18px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid var(--line2) !important;
}
.adaptive-groups-grid,.adaptive-thirds-grid{gap:14px !important;}

/* Bracket */
.bracket{gap:18px !important;align-items:stretch;}
.bracket-col{min-width:240px;}
.bracket-col h3{font-size:16px !important;margin-bottom:12px !important;}
.bracket-card{border-radius:20px !important;margin-bottom:14px !important;overflow:hidden;}
.bracket-card-body{padding:14px !important;}
.bracket-team{padding:9px 10px !important;border-radius:13px !important;gap:8px !important;}
.bracket-toolbar,.bracket-legend{gap:10px !important;flex-wrap:wrap;}

/* Tables */
.table-wrap,.stage-table-wrap,.power-table-wrap{
  border-radius:22px !important;
  overflow:auto;
  border:1px solid var(--line2) !important;
}
table{border-collapse:separate !important;border-spacing:0 !important;width:100%;}
th,td{padding:11px 12px !important;vertical-align:middle;}
th{font-size:11px !important;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;z-index:1;}
td{font-size:13.5px !important;}

/* Backoffice daily input */
.backoffice-page{display:grid;gap:18px;}
.bo-filter-panel{display:grid;gap:14px;}
.bo-match-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px !important;}
.bo-score-editor-panel{gap:12px !important;padding:14px !important;border-radius:18px !important;}
.bo-score-quick-actions{display:flex;gap:6px;flex-wrap:wrap;}
.bo-score-quick-actions button{min-width:34px;min-height:34px;border-radius:12px !important;font-weight:900;}
.bo-row-actions{gap:8px !important;flex-wrap:wrap;}

/* Documentation */
.documentation-shell{display:grid;gap:20px;}
.doc-hero{padding:26px !important;border-radius:28px !important;}
.doc-grid,.files-doc-grid,.scenarios-doc-grid{gap:14px !important;}
.doc-section h2,.doc-live-state h2{font-size:24px !important;margin-bottom:10px !important;}
.doc-section p,.doc-section li,.doc-note{color:#b5c1d8 !important;line-height:1.55;}
.doc-kpi-grid{gap:12px !important;}

/* Color cleanup */
.good,.up,.alive{color:var(--green) !important;}
.down,.danger,.miss{color:var(--red) !important;}
.stable,.pending{color:var(--amber) !important;}
a{color:#9beeff;}
hr{border:0;border-top:1px solid var(--line2);}

/* Responsive QA */
@media(min-width:1400px){
  :root{--page-x:clamp(64px,6vw,104px);}
  main{max-width:1680px;margin:0 auto;}
  .hero{max-width:none;}
}
@media(max-width:1180px){
  .answers{grid-template-columns:1fr 1fr !important;}
  .answers article:nth-child(3){grid-column:1/-1;}
  .scenario-board{grid-template-columns:1fr !important;}
  .scenario-card-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .controls{grid-template-columns:1fr 1fr !important;position:relative !important;top:auto !important;}
  .adaptive-grid,.live-adaptive-groups-grid,.real-scores-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .bo-match-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:780px){
  :root{--page-x:16px;--card-pad:16px;--card-pad-lg:18px;--section-gap:18px;}
  .hero{grid-template-columns:1fr !important;padding-top:34px !important;padding-bottom:30px !important;}
  .hero::before{font-size:120px !important;right:8px !important;bottom:-22px !important;}
  h1{font-size:clamp(42px,13vw,70px) !important;}
  .hero-champion-card{min-height:190px !important;max-width:none !important;}
  .premium-nav{width:calc(100% - 20px) !important;margin-top:10px !important;overflow-x:auto;border-radius:24px !important;scrollbar-width:none;}
  .premium-nav::-webkit-scrollbar{display:none;}
  .premium-nav button{white-space:nowrap;font-size:12.5px !important;padding:9px 11px !important;}
  .nav-group{position:static;}
  .nav-menu{min-width:220px;}
  .answers,.controls,.adaptive-grid,.live-adaptive-groups-grid,.real-scores-grid,.bo-match-admin-grid{grid-template-columns:1fr !important;}
  .scenario-card-grid{grid-template-columns:1fr 1fr !important;}
  .answers article{min-height:116px !important;}
  #final{font-size:24px !important;}
  .grid,.group-match-grid,.match-day-grid{grid-template-columns:1fr !important;}
  .bracket{overflow-x:auto;padding-bottom:8px;}
  .bracket-col{min-width:230px;}
  .table-wrap,.stage-table-wrap,.power-table-wrap{margin-left:-2px;margin-right:-2px;}
}
@media(max-width:520px){
  .scenario-card-grid{grid-template-columns:1fr !important;}
  .title-row{gap:10px !important;}
  .version-badge{font-size:10.5px !important;padding:6px 8px !important;}
  .hero-broadcast-strip{display:flex !important;}
  .hero-broadcast-strip span{font-size:10px !important;padding:7px 9px !important;}
  .answers strong{font-size:27px !important;}
  .hero-card strong{font-size:32px !important;}
  .match-card,.group-match-card,.real-score-match-card,.bo-match-admin-card{padding:16px !important;}
  th,td{padding:9px 10px !important;}
}

/* =========================================================
   v17.0.2 — VISUAL CONSISTENCY PASS
   Corrections ciblées : fonds uniformes, arrondis/gradients,
   phase finale harmonisée, typographie plus ronde et premium.
   ========================================================= */
:root{
  --bg-fixed-a:#030611;
  --bg-fixed-b:#07101f;
  --title-font:"Avenir Next","Nunito Sans","Inter Rounded","SF Pro Rounded",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --body-font:Inter,"Avenir Next",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --card-radius:26px;
  --card-pad-stable:20px;
  --card-pad-large:24px;
}
html,
body{
  background-color:var(--bg-fixed-a) !important;
}
body{
  font-family:var(--body-font) !important;
  background-image:
    radial-gradient(circle at 18% -12%, rgba(124,60,255,.34), transparent 32%),
    radial-gradient(circle at 84% 0%, rgba(0,229,255,.18), transparent 28%),
    radial-gradient(circle at 50% 115%, rgba(255,209,102,.10), transparent 36%),
    linear-gradient(180deg,var(--bg-fixed-a) 0%,var(--bg-fixed-b) 46%,var(--bg-fixed-a) 100%) !important;
  background-attachment:fixed !important;
}
body::before,
body::after{
  position:fixed !important;
}
main,
.dashboard-view,
[data-view],
.view-panel,
.page-shell,
.admin-shell,
.documentation-shell,
.backoffice-page{
  background:transparent !important;
}

/* Typographie plus ronde/élégante sur les éléments importants */
h1,h2,h3,
.section-title,
.answers strong,
.hero-card strong,
.scenario-active-card h2,
.tournament-board-header strong,
.tournament-final-title,
#champion,#championHero,#final,#scenarioChampion,#scenarioFinal{
  font-family:var(--title-font) !important;
  font-weight:850 !important;
  letter-spacing:-.032em !important;
  text-rendering:geometricPrecision;
}
h1{letter-spacing:-.055em !important;line-height:.92 !important;}
.section-title{letter-spacing:-.035em !important;}
.answers strong{letter-spacing:-.03em !important;}
#champion,
#championHero{
  font-size:clamp(30px,2.7vw,44px) !important;
  line-height:1.03 !important;
  color:#fff !important;
}
#final{
  font-size:clamp(20px,1.75vw,30px) !important;
  line-height:1.12 !important;
  color:#fff !important;
  white-space:normal !important;
  text-wrap:balance;
}
.final-score-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 5px !important;
  padding:3px 7px !important;
  font-size:.72em !important;
  line-height:1 !important;
  vertical-align:middle !important;
}

/* Menu : les gradients respectent enfin les arrondis */
.premium-nav,
.premium-nav .nav-home,
.premium-nav .nav-parent,
.premium-nav .nav-menu,
.premium-nav .nav-menu button{
  overflow:hidden !important;
  background-clip:padding-box !important;
  isolation:isolate;
}
.premium-nav .nav-home,
.premium-nav .nav-parent,
.premium-nav .nav-menu button{
  position:relative;
  border-radius:999px !important;
  background:rgba(255,255,255,.055) !important;
}
.premium-nav .nav-home.active,
.premium-nav .nav-group.active > .nav-parent,
.premium-nav .active,
.premium-nav .nav-home.active{
  background:linear-gradient(135deg,rgba(124,60,255,.96),rgba(0,229,255,.78)) !important;
  background-clip:padding-box !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
.premium-nav .nav-menu{
  border-radius:22px !important;
  padding:8px !important;
  background:linear-gradient(180deg,rgba(8,14,30,.96),rgba(5,9,20,.94)) !important;
}
.premium-nav .nav-menu button.active,
.premium-nav .nav-menu button:hover{
  background:linear-gradient(135deg,rgba(124,60,255,.30),rgba(0,229,255,.16)) !important;
}

/* Arrondis/paddings uniformisés sur les sections problématiques */
.card-base,
.hero-card,
.answers article,
.scenario-selector-card,
.model-impact-card,
.data-quality-card,
.dashboard-only-card,
.live-adaptive-card,
.scenario-active-card,
.doc-section,
.doc-live-state,
.doc-hero,
.match-card,
.group-match-card,
.real-score-match-card,
.real-score-card,
.group-card,
.standing-card,
.table-wrap,
.stage-table-wrap,
.power-table-wrap,
.bo-match-admin-card,
.bo-filter-panel,
.bo-collapsible,
.pronostic-reminder-card,
.intel-panel,
.probability-card,
.performance-card,
.daily-scenario-card,
.live-projection-panel,
.match-reality-panel,
.adaptive-group-card,
.adaptive-thirds-panel,
.tournament-phase-lane,
.tournament-final-block{
  border-radius:var(--card-radius) !important;
  overflow:hidden !important;
  background-clip:padding-box !important;
}
.answers article,
.scenario-selector-card,
.model-impact-card,
.data-quality-card,
.dashboard-only-card,
.live-adaptive-card,
.scenario-active-card,
.doc-section,
.doc-live-state,
.doc-hero,
.bo-filter-panel,
.pronostic-reminder-card,
.live-projection-panel,
.match-reality-panel,
.adaptive-group-card,
.adaptive-thirds-panel{
  padding:var(--card-pad-large) !important;
}
.match-card,
.group-match-card,
.real-score-match-card,
.real-score-card,
.bo-match-admin-card,
.bracket-card{
  padding:18px !important;
}
.match-card::before,
.group-match-card::before,
.bracket-card::before,
.answers article::before{
  border-radius:inherit !important;
}

/* Dashboard KPI : plus premium, moins dur */
.answers article{
  min-height:138px !important;
  justify-content:flex-start !important;
  gap:12px !important;
}
.answers span{
  color:#b9c5dc !important;
  letter-spacing:.075em !important;
}
.answers small{
  color:#aebad2 !important;
  margin-top:auto !important;
}

/* Phase finale : layout plus harmonieux et respirant */
.bracket-stage,
.tournament-board-stage,
.tournament-phase-lanes-stage{
  margin-top:22px !important;
}
.bracket-toolbar,
.tournament-board-toolbar{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:22px !important;
  margin-bottom:18px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:28px !important;
  background:linear-gradient(160deg,rgba(255,255,255,.064),rgba(255,255,255,.025)) !important;
  box-shadow:0 18px 62px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
}
.bracket-note{
  max-width:900px !important;
  color:#b4c0d8 !important;
}
.bracket-mode-switch,
.bracket-legend{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
.bracket-mode-switch button,
.bracket-legend span{
  border-radius:999px !important;
  padding:8px 11px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:#d9e4fb !important;
}
.bracket-mode-switch button.active{
  background:linear-gradient(135deg,rgba(124,60,255,.88),rgba(0,229,255,.62)) !important;
  color:#fff !important;
}
.tournament-phase-board{
  gap:24px !important;
}
.tournament-phase-section{
  padding:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:30px !important;
  background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.018)) !important;
  box-shadow:0 22px 80px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
}
.tournament-phase-lanes{
  gap:16px !important;
}
.tournament-phase-lane{
  padding:14px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.024)) !important;
  border-color:rgba(255,255,255,.105) !important;
}
.tournament-phase-lane-title{
  min-height:34px !important;
  margin-bottom:12px !important;
  color:#eef4ff !important;
  font-size:.82rem !important;
  letter-spacing:.035em !important;
}
.tournament-phase-lane-list{
  gap:11px !important;
}
.tournament-phase-lanes-stage .bracket-card,
.tournament-board .bracket-card{
  border-radius:20px !important;
  padding:0 !important;
  background:linear-gradient(160deg,rgba(255,255,255,.072),rgba(255,255,255,.026)) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.tournament-phase-lanes-stage .bracket-card-body,
.tournament-board .bracket-card-body{
  padding:12px !important;
}
.tournament-phase-lanes-stage .bracket-team,
.tournament-board .bracket-team{
  min-height:34px !important;
  padding:7px 9px !important;
  border-radius:13px !important;
  font-size:.84rem !important;
}
.tournament-phase-lanes-stage .bracket-team .team-name,
.tournament-board .bracket-team .team-name{
  max-width:150px !important;
}
.tournament-fusions-grid,
.tournament-finals-split{
  gap:18px !important;
}
.tournament-final-block{
  padding:18px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.022)) !important;
}
.final-block-main{
  border-color:rgba(255,209,102,.25) !important;
  background:linear-gradient(160deg,rgba(255,209,102,.11),rgba(255,255,255,.026)) !important;
}
.tournament-final-title{
  margin-bottom:13px !important;
  font-size:1rem !important;
  color:#fff !important;
}
.champion-ribbon{
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(255,209,102,.95),rgba(255,245,198,.92)) !important;
  color:#06111f !important;
}

/* Éviter les changements de fond page par page dans les blocs qui forçaient du noir opaque */
.view-tabs,
.controls,
.site-footer{
  background:linear-gradient(180deg,rgba(4,8,20,.78),rgba(4,8,20,.62)) !important;
  backdrop-filter:blur(20px) saturate(150%) !important;
}
input,select,textarea,
.score,.timeline-score,.timeline-score-center,.bracket-score,.reminder-score{
  background:rgba(255,255,255,.07) !important;
}

@media(max-width:1180px){
  .bracket-toolbar,.tournament-board-toolbar{flex-direction:column !important;}
  .tournament-phase-lanes{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:780px){
  .answers article{min-height:122px !important;}
  #champion,#championHero{font-size:clamp(28px,9vw,38px) !important;}
  #final{font-size:clamp(20px,6.2vw,28px) !important;}
  .bracket-toolbar,.tournament-board-toolbar,
  .tournament-phase-section,
  .tournament-final-block{padding:16px !important;border-radius:24px !important;}
  .tournament-phase-lanes,
  .tournament-fusions-grid,
  .tournament-finals-split{grid-template-columns:1fr !important;}
  .tournament-phase-lane{padding:12px !important;}
  .tournament-phase-lanes-stage .bracket-team .team-name,
  .tournament-board .bracket-team .team-name{max-width:none !important;}
}


/* =========================================================
   v17.0.3 — TYPOGRAPHY UNIFICATION PASS
   La famille typographique appréciée sur le sous-titre dashboard
   devient la voix principale de toute l'application.
   ========================================================= */
:root{
  --app-font:"Avenir Next","Nunito Sans","Inter Rounded","SF Pro Rounded",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --title-font:var(--app-font);
  --body-font:var(--app-font);
}
html,
body,
button,
input,
select,
textarea,
table,
.premium-nav,
.card-base,
.hero-card,
.answers,
.section-title,
.match-card,
.group-match-card,
.real-score-match-card,
.bo-match-admin-card,
.doc-section,
.doc-live-state{
  font-family:var(--app-font) !important;
}
body{
  font-family:var(--app-font) !important;
  font-feature-settings:"liga" 1,"kern" 1;
  text-rendering:geometricPrecision;
}
h1,h2,h3,h4,
.title-row,
.section-title,
.eyebrow,
.answers strong,
.answers span,
.hero-card strong,
.scenario-active-card h2,
.tournament-board-header strong,
.tournament-final-title,
#champion,#championHero,#final,#scenarioChampion,#scenarioFinal,
.kpi-value,.kpi-label,
.card-title,
.match-team,
.group-title,
.bracket-team,
.doc-title{
  font-family:var(--app-font) !important;
}
.subtitle,
.hero p,
.card-base p,
.match-card small,
.group-match-card small,
.real-score-match-card small,
.doc-section p,
.doc-section li,
.bo-match-admin-card small{
  font-family:var(--app-font) !important;
  letter-spacing:-.005em;
}
/* Les grands chiffres restent élégants mais mieux alignés */
.scoreline,
.score-chip,
.final-score-chip,
.match-score,
.bo-score-value,
.stat-value,
.probability-value{
  font-family:var(--app-font) !important;
  font-variant-numeric:tabular-nums;
}
/* Version harmonisée */
.version-badge::after{content:"";}


/* =========================================================
   v17.0.4 — TYPOGRAPHY REFRESH
   Remplacement de la pile précédente par Quicksand :
   plus douce, plus arrondie, plus lisible et cohérente
   avec l'identité Broadcast Edition.
   ========================================================= */
:root{
  --app-font:"Quicksand","SF Pro Rounded","Aptos Rounded","Arial Rounded MT Bold",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --title-font:var(--app-font);
  --body-font:var(--app-font);
}

html,
body,
button,
input,
select,
textarea,
table,
.premium-nav,
.card-base,
.hero-card,
.answers,
.section-title,
.match-card,
.group-match-card,
.real-score-match-card,
.bo-match-admin-card,
.doc-section,
.doc-live-state,
.tournament-board,
.tournament-phase-lanes-stage,
.bracket-team{
  font-family:var(--app-font) !important;
}

body{
  font-family:var(--app-font) !important;
  font-feature-settings:"liga" 1,"kern" 1;
  text-rendering:geometricPrecision;
}

h1,h2,h3,h4,
.title-row,
.section-title,
.eyebrow,
.answers strong,
.answers span,
.hero-card strong,
.scenario-active-card h2,
.tournament-board-header strong,
.tournament-final-title,
#champion,#championHero,#final,#scenarioChampion,#scenarioFinal,
.kpi-value,.kpi-label,
.card-title,
.match-team,
.group-title,
.bracket-team,
.doc-title{
  font-family:var(--app-font) !important;
  letter-spacing:-.026em !important;
}

h1{
  font-weight:800 !important;
  letter-spacing:-.045em !important;
}

h2,h3,.section-title,.card-title,.group-title{
  font-weight:750 !important;
}

.answers strong,
.hero-card strong,
.kpi-value,
#champion,#championHero,#final,#scenarioChampion,#scenarioFinal{
  font-weight:800 !important;
  letter-spacing:-.032em !important;
}

.subtitle,
.hero p,
.card-base p,
.match-card small,
.group-match-card small,
.real-score-match-card small,
.doc-section p,
.doc-section li,
.bo-match-admin-card small{
  font-family:var(--app-font) !important;
  font-weight:500;
  letter-spacing:-.006em;
}

.scoreline,
.score-chip,
.final-score-chip,
.match-score,
.bo-score-value,
.stat-value,
.probability-value{
  font-family:var(--app-font) !important;
  font-variant-numeric:tabular-nums;
  font-weight:700;
}


/* =========================================================
   v17.0.5 — DUAL TYPOGRAPHY PASS
   Titres/KPI en Nunito pour plus d'impact et de rondeur,
   textes en Quicksand pour conserver la douceur validée.
   ========================================================= */
:root{
  --body-font:"Quicksand","SF Pro Rounded","Aptos Rounded",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --title-font:"Nunito","Nunito Sans","SF Pro Rounded","Aptos Rounded",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --app-font:var(--body-font);
}
html,body,button,input,select,textarea,table,
.premium-nav,.card-base,.hero-card,.match-card,.group-match-card,
.real-score-match-card,.bo-match-admin-card,.doc-section,.doc-live-state{
  font-family:var(--body-font) !important;
}
body{font-family:var(--body-font) !important;}
h1,h2,h3,h4,
.title-row,.section-title,.eyebrow,.card-title,.group-title,.doc-title,
.answers strong,.answers span,.hero-card strong,.scenario-active-card h2,
.tournament-board-header strong,.tournament-final-title,
#champion,#championHero,#final,#scenarioChampion,#scenarioFinal,
.kpi-value,.kpi-label,.match-team,.bracket-team,.champion-ribbon,
.hero-broadcast-strip span,.version-badge,.nav-parent,.nav-home{
  font-family:var(--title-font) !important;
}
h1{font-weight:900 !important;letter-spacing:-.05em !important;}
h2,h3,.section-title,.card-title,.group-title,.doc-title{
  font-weight:800 !important;letter-spacing:-.034em !important;
}
.answers strong,.hero-card strong,.kpi-value,
#champion,#championHero,#final,#scenarioChampion,#scenarioFinal{
  font-family:var(--title-font) !important;
  font-weight:900 !important;
  letter-spacing:-.038em !important;
}
.answers span,.kpi-label,.eyebrow,.hero-broadcast-strip span,.version-badge{
  font-weight:800 !important;
  letter-spacing:.055em !important;
}
.subtitle,.hero p,.card-base p,.match-card small,.group-match-card small,
.real-score-match-card small,.doc-section p,.doc-section li,.bo-match-admin-card small,
.description,.muted,.helper-text{
  font-family:var(--body-font) !important;
  font-weight:500;
  letter-spacing:-.006em;
}
.scoreline,.score-chip,.final-score-chip,.match-score,.bo-score-value,.stat-value,.probability-value{
  font-family:var(--title-font) !important;
  font-variant-numeric:tabular-nums;
  font-weight:800;
}

/* =========================================================
   v17.0.6 — Dashboard scale + menu regression fix
   - Les gros KPI dashboard sont ramenés à une taille premium/lisible.
   - Les menus déroulants ne sont plus coupés par l'overflow du thème.
   ========================================================= */
:root{
  --dashboard-kpi-title-size:clamp(18px,1.28vw,24px);
  --dashboard-final-size:clamp(14px,1.02vw,18px);
  --dashboard-goals-size:clamp(18px,1.25vw,24px);
}

/* Menus : le conteneur doit laisser sortir les sous-menus ; seuls les boutons gardent le clipping arrondi. */
.premium-nav{
  overflow:visible !important;
  isolation:isolate;
}
.premium-nav .nav-group{
  overflow:visible !important;
  z-index:2;
}
.premium-nav .nav-group.open,
.premium-nav .nav-group:hover{
  z-index:90;
}
.premium-nav .nav-menu{
  overflow:visible !important;
  z-index:9999 !important;
  background-clip:padding-box !important;
}
.premium-nav .nav-home,
.premium-nav .nav-parent,
.premium-nav .nav-menu button{
  overflow:hidden !important;
  background-clip:padding-box !important;
}

/* Dashboard : champion / affiche / buts moins massifs, mieux respirés. */
.answers{
  align-items:stretch;
}
.answers article{
  min-height:132px !important;
  padding:20px !important;
}
.answers span{
  font-size:11px !important;
  letter-spacing:.07em !important;
}
.answers strong,
.answers .kpi-value{
  text-shadow:0 10px 34px rgba(0,0,0,.38) !important;
}
#champion,
#championHero,
#scenarioChampion{
  font-size:var(--dashboard-kpi-title-size) !important;
  line-height:1.08 !important;
  letter-spacing:-.026em !important;
  font-weight:850 !important;
}
.answers #champion .team-label,
.answers #scenarioChampion .team-label,
.hero-card #championHero .team-label{
  gap:8px !important;
  align-items:center !important;
}
.answers #champion .team-flag,
.answers #scenarioChampion .team-flag,
.hero-card #championHero .team-flag{
  flex:0 0 26px !important;
  width:26px !important;
  height:18px !important;
  border-radius:4px !important;
}
#final,
#scenarioFinal{
  font-size:var(--dashboard-final-size) !important;
  line-height:1.18 !important;
  letter-spacing:-.018em !important;
  font-weight:800 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-wrap:balance;
}
.answers #final,
.answers #scenarioFinal{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px 7px !important;
}
.answers #final .team-label,
.answers #scenarioFinal .team-label{
  gap:5px !important;
  min-width:0 !important;
}
.answers #final .team-name,
.answers #scenarioFinal .team-name{
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:none !important;
}
.answers #final .team-flag,
.answers #scenarioFinal .team-flag{
  flex:0 0 20px !important;
  width:20px !important;
  height:14px !important;
  border-radius:3px !important;
}
.answers #final .final-separator,
.answers #scenarioFinal .final-separator{
  font-size:.62em !important;
  letter-spacing:.04em !important;
  margin:0 1px !important;
}
.answers #final .final-score-chip,
.answers #scenarioFinal .final-score-chip{
  font-size:.62em !important;
  padding:3px 7px !important;
  margin:0 1px !important;
}
#totalGoals{
  font-size:var(--dashboard-goals-size) !important;
  line-height:1.08 !important;
  letter-spacing:-.024em !important;
  font-weight:850 !important;
}

@media(max-width:980px){
  .premium-nav.app-nav,
  .premium-nav{
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  .premium-nav .nav-menu{
    overflow:hidden !important;
  }
  .answers{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .answers{grid-template-columns:1fr !important;}
  .answers article{min-height:auto !important;padding:17px !important;}
  #champion,#championHero,#scenarioChampion{font-size:clamp(24px,7vw,32px) !important;}
  #final,#scenarioFinal{font-size:clamp(17px,5.2vw,22px) !important;}
  #totalGoals{font-size:clamp(24px,7vw,32px) !important;}
}

/* =====================================================================
   v17.0.8 — Navigation clipping polish
   Objectif : aucun dégradé actif ne doit dépasser des coins arrondis.
   ===================================================================== */
.premium-nav .nav-home,
.premium-nav .nav-parent,
.premium-nav .nav-menu button,
.bracket-mode-switch button,
.segmented-toggle,
.segmented-toggle button,
.calendar-filter-buttons button,
.intel-tabs button,
button[class*="active"],
.btn,
.chip,
.pill {
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

.premium-nav .nav-home,
.premium-nav .nav-parent,
.premium-nav .nav-menu button,
.bracket-mode-switch button,
.segmented-toggle button,
.calendar-filter-buttons button,
.intel-tabs button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  transform: translateZ(0);
}

.premium-nav .nav-home::before,
.premium-nav .nav-home::after,
.premium-nav .nav-parent::before,
.premium-nav .nav-parent::after,
.premium-nav .nav-menu button::before,
.premium-nav .nav-menu button::after,
.bracket-mode-switch button::before,
.bracket-mode-switch button::after,
.segmented-toggle button::before,
.segmented-toggle button::after,
.calendar-filter-buttons button::before,
.calendar-filter-buttons button::after,
.intel-tabs button::before,
.intel-tabs button::after {
  border-radius: inherit !important;
  inset: 0 !important;
  overflow: hidden !important;
}

.premium-nav .nav-home.active,
.premium-nav .nav-group.active > .nav-parent,
.premium-nav .nav-menu button.active {
  border-radius: 999px !important;
  overflow: hidden !important;
  background-origin: border-box !important;
  background-clip: padding-box !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 12px 30px rgba(143,107,255,.18) !important;
}

.premium-nav .nav-menu button.active {
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(243,201,106,.18), rgba(143,107,255,.14)) padding-box !important;
}

.premium-nav .nav-menu {
  overflow: hidden !important;
}

/* =====================================================================
   v17.0.8 — Dropdown active clipping fix
   Correction ciblée : les groupes de navigation déroulants ne doivent
   jamais porter eux-mêmes le fond dégradé actif. Seul le bouton parent
   arrondi affiche le gradient, ce qui évite le débordement carré.
   ===================================================================== */
.premium-nav .nav-group.active,
.premium-nav .nav-group.open,
.premium-nav .nav-group:hover {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.premium-nav .nav-group.active > .nav-parent,
.premium-nav .nav-group.open > .nav-parent,
.premium-nav .nav-group:hover > .nav-parent {
  border-radius: 999px !important;
  overflow: hidden !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  position: relative !important;
  isolation: isolate !important;
}

.premium-nav .nav-group.active > .nav-parent {
  background: linear-gradient(135deg, var(--brand), var(--brand2)) padding-box !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 12px 30px rgba(143,107,255,.18) !important;
}

.premium-nav .nav-group.active > .nav-parent::before,
.premium-nav .nav-group.active > .nav-parent::after {
  border-radius: inherit !important;
  inset: 0 !important;
  overflow: hidden !important;
}

/* Le menu déroulant reste libre de sortir du conteneur, mais ses items gardent leur clipping propre. */
.premium-nav .nav-group > .nav-menu {
  overflow: hidden !important;
  border-radius: 22px !important;
}


/* =====================================================================
   v17.0.9 — Dashboard KPI final scale pass
   Les valeurs Champion / Affiche / Buts sur la ligne de KPI doivent rester
   lisibles sans écraser le dashboard Broadcast.
   ===================================================================== */
.answers{
  grid-template-columns:1fr 1.08fr 1.32fr .78fr !important;
  gap:14px !important;
}
.answers article{
  min-height:112px !important;
  padding:18px 19px !important;
  justify-content:center !important;
  gap:10px !important;
}
.answers span,
.scenario-active-kpis span{
  font-size:10px !important;
  letter-spacing:.075em !important;
  line-height:1.15 !important;
}
#champion,
#scenarioChampion,
#championHero{
  font-size:clamp(18px,1.28vw,24px) !important;
  line-height:1.12 !important;
  letter-spacing:-.018em !important;
  font-weight:850 !important;
}
#final,
#scenarioFinal{
  font-size:clamp(14px,1.02vw,18px) !important;
  line-height:1.18 !important;
  letter-spacing:-.01em !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  text-wrap:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}
.answers #final,
.answers #scenarioFinal{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:4px !important;
  min-width:0 !important;
}
.answers #final .team-label,
.answers #scenarioFinal .team-label{
  flex:0 1 auto !important;
  min-width:0 !important;
  gap:4px !important;
}
.answers #final .team-name,
.answers #scenarioFinal .team-name{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  max-width:116px !important;
}
.answers #final .team-flag,
.answers #scenarioFinal .team-flag{
  flex:0 0 17px !important;
  width:17px !important;
  height:12px !important;
  border-radius:3px !important;
}
.answers #final .final-separator,
.answers #scenarioFinal .final-separator{
  flex:0 0 auto !important;
  font-size:.58em !important;
  margin:0 1px !important;
}
.answers #final .final-score-chip,
.answers #scenarioFinal .final-score-chip{
  flex:0 0 auto !important;
  font-size:.58em !important;
  padding:2px 6px !important;
  margin:0 !important;
}
#totalGoals{
  font-size:clamp(18px,1.25vw,24px) !important;
  line-height:1.12 !important;
  letter-spacing:-.016em !important;
  font-weight:850 !important;
}
.answers #champion .team-flag,
.answers #scenarioChampion .team-flag,
.hero-card #championHero .team-flag{
  flex:0 0 21px !important;
  width:21px !important;
  height:15px !important;
  border-radius:3px !important;
}
@media(max-width:1180px){
  .answers{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .answers #final .team-name,.answers #scenarioFinal .team-name{max-width:160px !important;}
}
@media(max-width:760px){
  .answers{grid-template-columns:1fr !important;}
  .answers article{min-height:auto !important;padding:16px !important;}
  #champion,#scenarioChampion,#championHero,#totalGoals{font-size:clamp(20px,6vw,25px) !important;}
  #final,#scenarioFinal{font-size:clamp(15px,4.4vw,18px) !important;white-space:normal !important;overflow:visible !important;}
  .answers #final,.answers #scenarioFinal{flex-wrap:wrap !important;}
  .answers #final .team-name,.answers #scenarioFinal .team-name{max-width:none !important;overflow:visible !important;}
}


/* v17.0.10 — Dashboard KPI final scale: valeurs lisibles, non hero */
.answers article{
  min-height:118px !important;
  padding:18px 20px !important;
}
.answers article:nth-child(2),
.answers article:nth-child(3),
.answers article:nth-child(4){
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.answers article:nth-child(2) strong,
.answers #champion,
.answers #scenarioChampion{
  font-size:clamp(20px,1.45vw,27px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  text-transform:none !important;
}
.answers #champion .team-label,
.answers #scenarioChampion .team-label{
  gap:8px !important;
  white-space:nowrap !important;
  max-width:100% !important;
}
.answers #champion .team-name,
.answers #scenarioChampion .team-name{
  font-size:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:none !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.answers #champion .team-flag,
.answers #scenarioChampion .team-flag{
  flex:0 0 22px !important;
  width:22px !important;
  height:15px !important;
  border-radius:3px !important;
}
.answers article:nth-child(3) strong,
.answers #final,
.answers #scenarioFinal{
  font-size:clamp(15px,1.1vw,20px) !important;
  line-height:1.12 !important;
  letter-spacing:-.015em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-transform:none !important;
}
.answers #final .team-label,
.answers #scenarioFinal .team-label{
  gap:5px !important;
  min-width:0 !important;
  flex:1 1 0 !important;
}
.answers #final .team-name,
.answers #scenarioFinal .team-name{
  font-size:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-transform:none !important;
}
.answers #final .team-flag,
.answers #scenarioFinal .team-flag{
  flex:0 0 18px !important;
  width:18px !important;
  height:13px !important;
  border-radius:3px !important;
}
.answers #final .final-score-chip,
.answers #scenarioFinal .final-score-chip{
  flex:0 0 auto !important;
  margin:0 4px !important;
  padding:3px 7px !important;
  font-size:12px !important;
  line-height:1 !important;
  transform:none !important;
}
.answers article:nth-child(4) strong,
.answers #totalGoals{
  font-size:clamp(21px,1.55vw,29px) !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
}
.answers span{
  font-size:11px !important;
  letter-spacing:.085em !important;
}
@media(max-width:980px){
  .answers #final,.answers #scenarioFinal{
    font-size:clamp(15px,2.6vw,20px) !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }
}
@media(max-width:760px){
  .answers article{min-height:104px !important;padding:16px !important;}
  .answers #champion,.answers #scenarioChampion{font-size:22px !important;}
  .answers #final,.answers #scenarioFinal{font-size:16px !important;}
  .answers #totalGoals{font-size:24px !important;}
}

/* v17.0.11 — Dashboard finale readable: no truncation on projected final card */
.answers article:nth-child(3){
  min-width:0 !important;
}
.answers article:nth-child(3) strong,
.answers #final,
.answers #scenarioFinal{
  font-size:clamp(12.5px,0.88vw,15px) !important;
  line-height:1.2 !important;
  letter-spacing:-.006em !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-transform:none !important;
  max-width:100% !important;
}
.answers #final,
.answers #scenarioFinal{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  min-width:0 !important;
}
.answers #final .team-label,
.answers #scenarioFinal .team-label{
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
  gap:5px !important;
  white-space:nowrap !important;
}
.answers #final .team-name,
.answers #scenarioFinal .team-name{
  font-size:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:none !important;
}
.answers #final .team-flag,
.answers #scenarioFinal .team-flag{
  flex:0 0 16px !important;
  width:16px !important;
  height:11px !important;
  border-radius:2.5px !important;
}
.answers #final .final-score-chip,
.answers #scenarioFinal .final-score-chip{
  flex:0 0 auto !important;
  font-size:11px !important;
  line-height:1 !important;
  padding:3px 7px !important;
  margin:0 2px !important;
}
@media(max-width:1180px){
  .answers #final,.answers #scenarioFinal{font-size:clamp(12px,1.8vw,15px) !important;}
}
@media(max-width:760px){
  .answers #final,.answers #scenarioFinal{font-size:15px !important;flex-wrap:wrap !important;white-space:normal !important;}
}

/* v17.0.12 — Final UI polish: Classements section consistency */
.standings-mode-panel,
.standings-block{
  position:relative !important;
  overflow:hidden !important;
  border-radius:24px !important;
  padding:22px !important;
  margin:0 0 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.105) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.30) !important;
}
.standings-mode-panel::before,
.standings-block::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg, rgba(56,189,248,.85), rgba(168,85,247,.75), rgba(251,191,36,.45));
  opacity:.9;
  pointer-events:none;
}
.standings-mode-panel > *,
.standings-block > *{
  position:relative;
  z-index:1;
}
.standings-mode-panel .section-label,
.standings-block .standings-title-row{
  margin-bottom:14px !important;
  padding:0 !important;
}
.standings-mode-panel .section-kicker{
  margin:0 !important;
  max-width:980px;
  color:var(--muted);
  line-height:1.55;
}
.standings-block .table-wrap{
  margin:0 !important;
  border-radius:18px !important;
  overflow:auto !important;
  background:rgba(3,7,18,.28) !important;
  border:1px solid rgba(255,255,255,.085) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.standings-block table th:first-child{border-top-left-radius:18px;}
.standings-block table th:last-child{border-top-right-radius:18px;}
.standings-block th{
  background:rgba(255,255,255,.045) !important;
  color:rgba(226,232,240,.86) !important;
}
.standings-block td,
.standings-block th{
  padding:12px 13px !important;
}
.standings-block tr:hover td{
  background:rgba(255,255,255,.025);
}
.standings-title-row > span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  white-space:nowrap;
}
.segmented-toggle{
  overflow:hidden !important;
  border-radius:999px !important;
}
.segmented-toggle button.active{
  border-radius:999px !important;
}
@media(max-width:760px){
  .standings-mode-panel,
  .standings-block{
    padding:16px !important;
    border-radius:20px !important;
  }
  .standings-title-row > span{
    white-space:normal;
    text-align:left;
  }
  .standings-block td,
  .standings-block th{
    padding:10px 11px !important;
  }
}


/* v17.1.7 — alerte globale pronostics */
.global-prono-alert{
  position: sticky;
  top: 86px;
  z-index: 65;
  margin: 10px var(--page-x, clamp(18px,4vw,72px)) 0;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(124,58,237,.24), rgba(14,165,233,.16) 54%, rgba(245,158,11,.14));
  box-shadow: 0 18px 46px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(18px);
}
.global-alert-inner{
  display:grid;
  grid-template-columns: minmax(260px,1.1fr) minmax(280px,1.4fr) auto;
  gap:14px;
  align-items:center;
  padding: 13px 14px 13px 16px;
}
.global-alert-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.global-alert-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  flex:0 0 auto;
}
.global-alert-main strong{
  display:block;
  color:#fff;
  font-family: var(--font-heading, Nunito, sans-serif);
  font-weight:800;
  font-size: .98rem;
}
.global-alert-main p{
  margin:2px 0 0;
  color: rgba(255,255,255,.76);
  font-size:.86rem;
  line-height:1.25;
}
.global-alert-main p span{color:rgba(255,255,255,.54);font-weight:700;margin:0 4px;}
.global-alert-list{
  display:flex;
  gap:8px;
  overflow:hidden;
  min-width:0;
}
.global-alert-chip{
  min-width:0;
  max-width:230px;
  padding:8px 10px;
  border-radius:16px;
  background: rgba(2,6,23,.25);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
}
.global-alert-chip b{
  display:block;
  font-size:.78rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.global-alert-chip em{
  display:block;
  margin-top:2px;
  font-style:normal;
  font-size:.72rem;
  color:rgba(255,255,255,.62);
}
.global-alert-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.global-alert-open,
.global-alert-dismiss{
  border:0;
  color:#fff;
  cursor:pointer;
  font-family:var(--font-heading, Nunito, sans-serif);
}
.global-alert-open{
  padding:10px 13px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.16);
  font-weight:800;
  white-space:nowrap;
}
.global-alert-dismiss{
  width:34px;
  height:34px;
  border-radius:14px;
  background:rgba(255,255,255,.10);
  font-size:20px;
  line-height:1;
}
@media (max-width: 1080px){
  .global-alert-inner{grid-template-columns:1fr auto;}
  .global-alert-list{grid-column:1 / -1;}
}
@media (max-width: 720px){
  .global-prono-alert{top:72px;margin-left:12px;margin-right:12px;border-radius:20px;}
  .global-alert-inner{grid-template-columns:1fr;gap:10px;padding:12px;}
  .global-alert-list{display:grid;grid-template-columns:1fr;}
  .global-alert-chip{max-width:none;}
  .global-alert-actions{justify-content:space-between;}
  .global-alert-open{flex:1;}
}


/* v17.1.7 — Hero alerts: alerte intégrée dans le bas du hero, non sticky */
.global-prono-alert{
  display:none !important;
}
.hero{
  grid-template-rows:auto auto;
}
.hero-prono-alert{
  position:relative;
  z-index:2;
  grid-column:1 / -1;
  align-self:end;
  margin-top:4px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(14,165,233,.12) 56%, rgba(255,209,102,.10));
  box-shadow:0 20px 60px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px);
}
.hero-prono-alert[hidden]{display:none !important;}
.hero-prono-alert-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px 12px 16px;
}
.hero-prono-alert-copy{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.hero-prono-alert-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:15px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.13);
}
.hero-prono-alert-copy strong{
  display:block;
  color:#fff;
  font-family:var(--font-heading, Nunito, sans-serif);
  font-size:.98rem;
  font-weight:850;
  letter-spacing:-.01em;
}
.hero-prono-alert-copy p{
  margin:2px 0 0;
  color:rgba(234,240,255,.74);
  font-size:.86rem;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hero-prono-alert-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.hero-alert-open,
.hero-alert-dismiss{
  border:0;
  cursor:pointer;
  color:#fff;
  font-family:var(--font-heading, Nunito, sans-serif);
}
.hero-alert-open{
  padding:9px 14px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.15);
  font-weight:850;
}
.hero-alert-dismiss{
  width:32px;
  height:32px;
  border-radius:13px;
  background:rgba(255,255,255,.09);
  font-size:19px;
  line-height:1;
}
.hero-alert-open:hover,.hero-alert-dismiss:hover{filter:brightness(1.12);}
@media (max-width: 860px){
  .hero-prono-alert-inner{align-items:flex-start;}
  .hero-prono-alert-copy p{white-space:normal;}
}
@media (max-width: 620px){
  .hero-prono-alert{border-radius:18px;margin-top:0;}
  .hero-prono-alert-inner{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;}
  .hero-prono-alert-icon{width:34px;height:34px;border-radius:13px;}
  .hero-prono-alert-copy{align-items:flex-start;}
  .hero-prono-alert-copy strong{font-size:.92rem;}
  .hero-prono-alert-copy p{font-size:.8rem;}
  .hero-prono-alert-actions{justify-content:space-between;}
  .hero-alert-open{flex:1;}
}


/* =========================================================
   v17.1.7 — Badge version harmonisé + changelog majeur
   ========================================================= */
.hero .title-row:first-child{
  align-items:center;
  gap:10px;
}
.hero .title-row:first-child .eyebrow,
.hero .title-row:first-child .version-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  font-family:var(--font-heading, Nunito, sans-serif) !important;
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.hero .title-row:first-child .version-badge{
  margin:0 !important;
  color:#06111f !important;
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(217,226,255,.78)) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:0 12px 35px rgba(143,107,255,.14) !important;
}
.changelog-major-stack{
  display:grid;
  gap:18px;
  width:100%;
}
.changelog-major{
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg,var(--glass),var(--glass2));
  box-shadow:var(--shadow);
  overflow:hidden;
}
.changelog-major summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 24px;
}
.changelog-major summary::-webkit-details-marker{display:none;}
.changelog-major-title{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.changelog-major-title strong{
  font-family:var(--font-heading, Nunito, sans-serif);
  font-size:clamp(22px,2.2vw,34px);
  line-height:1;
  color:#fff;
}
.changelog-major-title span{
  color:var(--muted);
  font-size:13px;
  font-weight:850;
}
.changelog-major summary::after{
  content:"⌄";
  color:var(--brand2);
  font-size:18px;
  transition:transform .2s ease;
}
.changelog-major[open] summary::after{transform:rotate(180deg);}
.changelog-major-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:0 20px 20px;
}
.changelog-major .changelog-card-compact{
  border-radius:18px;
  background:rgba(255,255,255,.045);
}
@media(max-width:900px){
  .changelog-major-list{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .hero .title-row:first-child .eyebrow,
  .hero .title-row:first-child .version-badge{
    min-height:28px !important;
    padding:6px 10px !important;
    font-size:10px !important;
  }
}

.title-row .eyebrow{margin:0;display:inline-flex;align-items:center;line-height:1;} .version-badge{position:relative;top:0;}


/* =========================================================
   v17.1.7 — Changelog badge spécifique + alignement badges
   ========================================================= */
.changelog-hero .changelog-badge-row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:0 0 10px !important;
}
.changelog-hero .changelog-badge-row .eyebrow,
.changelog-hero .changelog-badge-row .version-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  font-family:var(--font-heading, Nunito, sans-serif) !important;
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  margin:0 !important;
  vertical-align:middle !important;
}
.changelog-hero .changelog-badge-row .version-badge{
  color:#06111f !important;
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(217,226,255,.78)) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:0 12px 35px rgba(143,107,255,.14) !important;
}
@media(max-width:520px){
  .changelog-hero .changelog-badge-row .eyebrow,
  .changelog-hero .changelog-badge-row .version-badge{
    min-height:28px !important;
    padding:6px 10px !important;
    font-size:10px !important;
  }
}


/* =========================================================
   v17.1.7 — Dashboard spacing polish
   - Ajoute un rythme vertical cohérent entre Live Adaptive
     et Performance du modèle sur le dashboard.
   ========================================================= */
#liveAdaptiveHero:not([hidden]) + #modelPerformanceCard:not([hidden]){
  margin-top:24px !important;
}
@media (max-width:760px){
  #liveAdaptiveHero:not([hidden]) + #modelPerformanceCard:not([hidden]){
    margin-top:18px !important;
  }
}


/* v17.1.9 — Dataviz progress bars
   Progress bars now use one solid fill color based on the represented value.
   This avoids misleading multi-color gradients inside a single quantitative bar. */
progress {
  --progress-color: #22c55e;
}
progress.pb-low { --progress-color: #ef4444; }
progress.pb-mid { --progress-color: #f59e0b; }
progress.pb-high { --progress-color: #22c55e; }

progress::-webkit-progress-value {
  background: var(--progress-color) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--progress-color) 36%, transparent) !important;
}
progress::-moz-progress-bar {
  background: var(--progress-color) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--progress-color) 36%, transparent) !important;
}

/* Custom div-based meters used by scenario cards */
.survival-meter > div,
.scenario-v168-meter > div,
.scenario-premium-meter > div,
.scenario-progress > div,
.scenario-survival > div {
  background: var(--progress-color, #22c55e) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--progress-color, #22c55e) 34%, transparent) !important;
}
.survival-meter.pb-low,
.scenario-v168-meter.pb-low,
.scenario-premium-meter.pb-low,
.scenario-progress.pb-low,
.scenario-survival.pb-low { --progress-color: #ef4444; }

.survival-meter.pb-mid,
.scenario-v168-meter.pb-mid,
.scenario-premium-meter.pb-mid,
.scenario-progress.pb-mid,
.scenario-survival.pb-mid { --progress-color: #f59e0b; }

.survival-meter.pb-high,
.scenario-v168-meter.pb-high,
.scenario-premium-meter.pb-high,
.scenario-progress.pb-high,
.scenario-survival.pb-high { --progress-color: #22c55e; }

/* =========================================================
   v17.1.9 — Themed solid progress bars
   - Conserve l'identité couleur de chaque composant.
   - Supprime les dégradés internes dans chaque jauge.
   - Les classes pb-low/pb-mid/pb-high ne pilotent plus une palette rouge/orange/vert globale.
   ========================================================= */
progress,
progress.pb-low,
progress.pb-mid,
progress.pb-high{
  --progress-color: var(--brand) !important;
}

/* Live Adaptive : violet uni */
.live-adaptive-card progress,
.live-adaptive-card progress.pb-low,
.live-adaptive-card progress.pb-mid,
.live-adaptive-card progress.pb-high,
#liveAdaptiveHero progress,
#liveAdaptiveHero progress.pb-low,
#liveAdaptiveHero progress.pb-mid,
#liveAdaptiveHero progress.pb-high{
  --progress-color: var(--brand) !important;
}

/* Performance / modèle : cyan uni */
#modelPerformanceCard progress,
#modelPerformanceCard progress.pb-low,
#modelPerformanceCard progress.pb-mid,
#modelPerformanceCard progress.pb-high,
.model-panel progress,
.model-panel progress.pb-low,
.model-panel progress.pb-mid,
.model-panel progress.pb-high,
#modelImpactStrip progress,
#modelImpactStrip progress.pb-low,
#modelImpactStrip progress.pb-mid,
#modelImpactStrip progress.pb-high{
  --progress-color: #38bdf8 !important;
}

/* Probabilités match : or uni, cohérent avec les accents Broadcast */
.prob-bars progress,
.prob-bars progress.pb-low,
.prob-bars progress.pb-mid,
.prob-bars progress.pb-high{
  --progress-color: var(--gold) !important;
}

/* Scénarios / compatibilité : vert uni, conservé comme signal de validité */
.survival-meter,
.survival-meter.pb-low,
.survival-meter.pb-mid,
.survival-meter.pb-high,
.scenario-v168-meter,
.scenario-v168-meter.pb-low,
.scenario-v168-meter.pb-mid,
.scenario-v168-meter.pb-high,
.scenario-premium-meter,
.scenario-premium-meter.pb-low,
.scenario-premium-meter.pb-mid,
.scenario-premium-meter.pb-high,
.scenario-progress,
.scenario-progress.pb-low,
.scenario-progress.pb-mid,
.scenario-progress.pb-high,
.scenario-survival,
.scenario-survival.pb-low,
.scenario-survival.pb-mid,
.scenario-survival.pb-high{
  --progress-color: var(--green) !important;
}

/* État critique explicite : on garde le rouge uniquement pour les éléments réellement marqués danger/dead. */
.scenario-status-pill.danger ~ .survival-meter,
.scenario-status-pill.dead ~ .survival-meter,
.scenario-card.danger .survival-meter,
.scenario-card.dead .survival-meter,
.daily-scenario-card.danger .survival-meter,
.daily-scenario-card.dead .survival-meter{
  --progress-color: #ef4444 !important;
}

/* Valeur de jauge : toujours une seule couleur solide. */
progress::-webkit-progress-value{
  background: var(--progress-color) !important;
  border-radius:999px !important;
  box-shadow:0 0 12px color-mix(in srgb, var(--progress-color) 34%, transparent) !important;
}
progress::-moz-progress-bar{
  background: var(--progress-color) !important;
  border-radius:999px !important;
  box-shadow:0 0 12px color-mix(in srgb, var(--progress-color) 34%, transparent) !important;
}
.survival-meter > div,
.scenario-v168-meter > div,
.scenario-premium-meter > div,
.scenario-progress > div,
.scenario-survival > div{
  background: var(--progress-color) !important;
  box-shadow:0 0 14px color-mix(in srgb, var(--progress-color) 32%, transparent) !important;
}

/* =========================================================
   v17.2.0 — Semantic themed solid progress bars
   - Couleur unique dans chaque jauge.
   - La couleur évolue par paliers de 20 points.
   - Chaque famille garde son identité visuelle.
   ========================================================= */
progress,
.survival-meter,
.scenario-v168-meter,
.scenario-premium-meter,
.scenario-progress,
.scenario-survival{
  --progress-color:#8f6bff;
}

/* Live Adaptive — gamme violet → cyan-violet */
.pb-theme-live.pb-0{--progress-color:#5b21b6 !important;}
.pb-theme-live.pb-20{--progress-color:#7c3aed !important;}
.pb-theme-live.pb-40{--progress-color:#8f6bff !important;}
.pb-theme-live.pb-60{--progress-color:#a78bfa !important;}
.pb-theme-live.pb-80{--progress-color:#67e8f9 !important;}

/* Modèle / performance — gamme bleu/cyan */
.pb-theme-model.pb-0{--progress-color:#075985 !important;}
.pb-theme-model.pb-20{--progress-color:#0284c7 !important;}
.pb-theme-model.pb-40{--progress-color:#06b6d4 !important;}
.pb-theme-model.pb-60{--progress-color:#38bdf8 !important;}
.pb-theme-model.pb-80{--progress-color:#7dd3fc !important;}

/* Probabilités / Monte Carlo — gamme or */
.pb-theme-prob.pb-0{--progress-color:#92400e !important;}
.pb-theme-prob.pb-20{--progress-color:#b45309 !important;}
.pb-theme-prob.pb-40{--progress-color:#d97706 !important;}
.pb-theme-prob.pb-60{--progress-color:#f59e0b !important;}
.pb-theme-prob.pb-80{--progress-color:#f6c85f !important;}

/* Scénarios / compatibilité — palette sémantique lisible */
.pb-theme-survival.pb-0{--progress-color:#ef4444 !important;}
.pb-theme-survival.pb-20{--progress-color:#f97316 !important;}
.pb-theme-survival.pb-40{--progress-color:#eab308 !important;}
.pb-theme-survival.pb-60{--progress-color:#84cc16 !important;}
.pb-theme-survival.pb-80{--progress-color:#22c55e !important;}

/* Défaut — palette Broadcast douce */
.pb-theme-default.pb-0{--progress-color:#ef4444 !important;}
.pb-theme-default.pb-20{--progress-color:#f97316 !important;}
.pb-theme-default.pb-40{--progress-color:#f6c85f !important;}
.pb-theme-default.pb-60{--progress-color:#8f6bff !important;}
.pb-theme-default.pb-80{--progress-color:#22c55e !important;}

progress::-webkit-progress-value{
  background:var(--progress-color) !important;
  border-radius:999px !important;
  box-shadow:0 0 12px color-mix(in srgb, var(--progress-color) 34%, transparent) !important;
}
progress::-moz-progress-bar{
  background:var(--progress-color) !important;
  border-radius:999px !important;
  box-shadow:0 0 12px color-mix(in srgb, var(--progress-color) 34%, transparent) !important;
}
.survival-meter > div,
.scenario-v168-meter > div,
.scenario-premium-meter > div,
.scenario-progress > div,
.scenario-survival > div{
  background:var(--progress-color) !important;
  box-shadow:0 0 14px color-mix(in srgb, var(--progress-color) 32%, transparent) !important;
}

/* =========================================================
   v17.2.1 — Semantic progress bars stabilisées
   - Les anciennes règles contextuelles v17.1.9 gardent l'identité métier,
     mais ces règles tardives réactivent les paliers tous les 20 points.
   - Barre toujours en couleur unique, avec glow néon contrôlé.
   ========================================================= */
:root{
  --pb-neon-glow: 0 0 10px color-mix(in srgb, var(--progress-color) 42%, transparent),
                  0 0 20px color-mix(in srgb, var(--progress-color) 18%, transparent);
}

/* Live Adaptive — violet/cyan-violet par paliers */
.live-adaptive-card progress.pb-theme-live.pb-0,
#liveAdaptiveHero progress.pb-theme-live.pb-0{--progress-color:#5b21b6 !important;}
.live-adaptive-card progress.pb-theme-live.pb-20,
#liveAdaptiveHero progress.pb-theme-live.pb-20{--progress-color:#7c3aed !important;}
.live-adaptive-card progress.pb-theme-live.pb-40,
#liveAdaptiveHero progress.pb-theme-live.pb-40{--progress-color:#8f6bff !important;}
.live-adaptive-card progress.pb-theme-live.pb-60,
#liveAdaptiveHero progress.pb-theme-live.pb-60{--progress-color:#a78bfa !important;}
.live-adaptive-card progress.pb-theme-live.pb-80,
#liveAdaptiveHero progress.pb-theme-live.pb-80{--progress-color:#67e8f9 !important;}

/* Impact / Performance modèle — bleu/cyan par paliers */
#modelImpactStrip progress.pb-theme-model.pb-0,
#modelPerformanceCard progress.pb-theme-model.pb-0,
.model-panel progress.pb-theme-model.pb-0,
.performance-card progress.pb-theme-model.pb-0{--progress-color:#075985 !important;}
#modelImpactStrip progress.pb-theme-model.pb-20,
#modelPerformanceCard progress.pb-theme-model.pb-20,
.model-panel progress.pb-theme-model.pb-20,
.performance-card progress.pb-theme-model.pb-20{--progress-color:#0284c7 !important;}
#modelImpactStrip progress.pb-theme-model.pb-40,
#modelPerformanceCard progress.pb-theme-model.pb-40,
.model-panel progress.pb-theme-model.pb-40,
.performance-card progress.pb-theme-model.pb-40{--progress-color:#06b6d4 !important;}
#modelImpactStrip progress.pb-theme-model.pb-60,
#modelPerformanceCard progress.pb-theme-model.pb-60,
.model-panel progress.pb-theme-model.pb-60,
.performance-card progress.pb-theme-model.pb-60{--progress-color:#38bdf8 !important;}
#modelImpactStrip progress.pb-theme-model.pb-80,
#modelPerformanceCard progress.pb-theme-model.pb-80,
.model-panel progress.pb-theme-model.pb-80,
.performance-card progress.pb-theme-model.pb-80{--progress-color:#7dd3fc !important;}

/* Probabilités — or par paliers */
.prob-bars progress.pb-theme-prob.pb-0{--progress-color:#92400e !important;}
.prob-bars progress.pb-theme-prob.pb-20{--progress-color:#b45309 !important;}
.prob-bars progress.pb-theme-prob.pb-40{--progress-color:#d97706 !important;}
.prob-bars progress.pb-theme-prob.pb-60{--progress-color:#f59e0b !important;}
.prob-bars progress.pb-theme-prob.pb-80{--progress-color:#f6c85f !important;}

/* Scénarios / compatibilité — sémantique lisible par paliers */
.survival-meter.pb-theme-survival.pb-0,
.scenario-v168-meter.pb-theme-survival.pb-0,
.scenario-premium-meter.pb-theme-survival.pb-0,
.scenario-progress.pb-theme-survival.pb-0,
.scenario-survival.pb-theme-survival.pb-0{--progress-color:#ef4444 !important;}
.survival-meter.pb-theme-survival.pb-20,
.scenario-v168-meter.pb-theme-survival.pb-20,
.scenario-premium-meter.pb-theme-survival.pb-20,
.scenario-progress.pb-theme-survival.pb-20,
.scenario-survival.pb-theme-survival.pb-20{--progress-color:#f97316 !important;}
.survival-meter.pb-theme-survival.pb-40,
.scenario-v168-meter.pb-theme-survival.pb-40,
.scenario-premium-meter.pb-theme-survival.pb-40,
.scenario-progress.pb-theme-survival.pb-40,
.scenario-survival.pb-theme-survival.pb-40{--progress-color:#eab308 !important;}
.survival-meter.pb-theme-survival.pb-60,
.scenario-v168-meter.pb-theme-survival.pb-60,
.scenario-premium-meter.pb-theme-survival.pb-60,
.scenario-progress.pb-theme-survival.pb-60,
.scenario-survival.pb-theme-survival.pb-60{--progress-color:#84cc16 !important;}
.survival-meter.pb-theme-survival.pb-80,
.scenario-v168-meter.pb-theme-survival.pb-80,
.scenario-premium-meter.pb-theme-survival.pb-80,
.scenario-progress.pb-theme-survival.pb-80,
.scenario-survival.pb-theme-survival.pb-80{--progress-color:#22c55e !important;}

progress::-webkit-progress-value{
  background:var(--progress-color) !important;
  box-shadow:var(--pb-neon-glow) !important;
}
progress::-moz-progress-bar{
  background:var(--progress-color) !important;
  box-shadow:var(--pb-neon-glow) !important;
}
.survival-meter > div,
.scenario-v168-meter > div,
.scenario-premium-meter > div,
.scenario-progress > div,
.scenario-survival > div{
  background:var(--progress-color) !important;
  box-shadow:var(--pb-neon-glow) !important;
}

/* =========================================================
   v17.2.2 — Probabilités fines groupes / matchs
   - Les jauges de probabilité gardent une couleur unique.
   - Leur couleur évolue par paliers de 5 points, plus pertinent
     pour les écarts courts entre probabilités de match/groupe.
   ========================================================= */
.pb-theme-prob.pb-prob-0{--progress-color:#7c2d12 !important;}
.pb-theme-prob.pb-prob-5{--progress-color:#9a3412 !important;}
.pb-theme-prob.pb-prob-10{--progress-color:#b45309 !important;}
.pb-theme-prob.pb-prob-15{--progress-color:#c2410c !important;}
.pb-theme-prob.pb-prob-20{--progress-color:#d97706 !important;}
.pb-theme-prob.pb-prob-25{--progress-color:#ea580c !important;}
.pb-theme-prob.pb-prob-30{--progress-color:#f97316 !important;}
.pb-theme-prob.pb-prob-35{--progress-color:#f59e0b !important;}
.pb-theme-prob.pb-prob-40{--progress-color:#fbbf24 !important;}
.pb-theme-prob.pb-prob-45{--progress-color:#f6c85f !important;}
.pb-theme-prob.pb-prob-50{--progress-color:#fde047 !important;}
.pb-theme-prob.pb-prob-55{--progress-color:#d9f99d !important;}
.pb-theme-prob.pb-prob-60{--progress-color:#bef264 !important;}
.pb-theme-prob.pb-prob-65{--progress-color:#a3e635 !important;}
.pb-theme-prob.pb-prob-70{--progress-color:#84cc16 !important;}
.pb-theme-prob.pb-prob-75{--progress-color:#65a30d !important;}
.pb-theme-prob.pb-prob-80{--progress-color:#22c55e !important;}
.pb-theme-prob.pb-prob-85{--progress-color:#10b981 !important;}
.pb-theme-prob.pb-prob-90{--progress-color:#14b8a6 !important;}
.pb-theme-prob.pb-prob-95{--progress-color:#2dd4bf !important;}

/* v17.2.3 — Intelligence pronostics */
.prediction-intel-panel{margin-top:24px;padding:22px;border-radius:24px;background:rgba(10,18,38,.72);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 50px rgba(0,0,0,.24);}
.prediction-consensus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;}
.prediction-consensus-card{border-radius:22px;padding:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);overflow:hidden;}
.prediction-consensus-card header{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.prediction-consensus-card header span{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.58);}
.prediction-consensus-card header strong{font-family:'Nunito',system-ui,sans-serif;font-size:1.02rem;color:#fff;line-height:1.25;}
.prediction-consensus-card header em{font-style:normal;color:rgba(255,255,255,.42);font-weight:700;margin:0 4px;}
.prediction-consensus-body{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:start;}
.vote-row{display:grid;grid-template-columns:22px 1fr 42px;gap:8px;align-items:center;margin:7px 0;font-size:.82rem;color:rgba(255,255,255,.78);}
.vote-track{height:7px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;}
.vote-track i{display:block;height:100%;border-radius:inherit;background:#9b5cff;box-shadow:0 0 12px rgba(155,92,255,.55);}
.prediction-scores{display:flex;flex-direction:column;gap:6px;}
.prediction-scores span{font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.55);}
.prediction-scores b{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.06);font-size:.82rem;color:#fff;}
.prediction-scores small{font-weight:600;color:rgba(255,255,255,.56);}
.prediction-consensus-card footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.prediction-consensus-card footer span{font-size:.76rem;color:rgba(255,255,255,.55);}
.prediction-consensus-card footer strong{color:#fff;font-family:'Nunito',system-ui,sans-serif;}
.prediction-consensus-card footer em{width:100%;font-style:normal;font-size:.78rem;color:rgba(255,255,255,.56);}
@media(max-width:1100px){.prediction-consensus-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.prediction-consensus-body{grid-template-columns:1fr;}}
@media(max-width:720px){.prediction-consensus-grid{grid-template-columns:1fr;}.prediction-intel-panel{padding:16px;border-radius:20px;}}


/* v17.3.1 — Intelligence Match Drawer */
.match-intel-button{width:100%;margin:12px 0 0;border:1px solid rgba(167,139,250,.32);border-radius:16px;padding:10px 12px;background:rgba(124,58,237,.12);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:'Nunito',system-ui,sans-serif;font-weight:800;cursor:pointer;overflow:hidden;box-shadow:0 0 18px rgba(124,58,237,.10);transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.match-intel-button:hover{transform:translateY(-1px);border-color:rgba(167,139,250,.62);background:rgba(124,58,237,.18);}
.match-intel-button strong{min-width:44px;text-align:center;border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.10);font-size:.82rem;}
.match-intel-button.level-trap{border-color:rgba(251,113,133,.38);background:rgba(244,63,94,.12);}
.match-intel-button.level-open{border-color:rgba(251,191,36,.38);background:rgba(245,158,11,.12);}
.match-intel-button.level-high,.match-intel-button.level-strong,.match-intel-button.level-massive{border-color:rgba(52,211,153,.34);background:rgba(16,185,129,.12);}
.match-intel-drawer-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(2,6,23,.68);backdrop-filter:blur(12px);display:flex;justify-content:flex-end;padding:18px;}
.match-intel-drawer{width:min(560px,100%);height:100%;overflow:auto;border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(10,15,30,.98));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 50px rgba(124,58,237,.16);padding:22px;color:#fff;}
.match-intel-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;}
.match-intel-header h2{margin:4px 0 6px;font-family:'Nunito',system-ui,sans-serif;font-size:1.45rem;line-height:1.18;color:#fff;}
.match-intel-header h2 em{font-style:normal;color:rgba(255,255,255,.45);font-size:.85em;margin:0 4px;}
.match-intel-header span{color:rgba(255,255,255,.62);font-size:.9rem;}
.match-intel-close{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;}
.match-intel-summary{border-radius:22px;padding:16px;margin-bottom:16px;border:1px solid rgba(255,255,255,.10);background:rgba(124,58,237,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.match-intel-summary span{display:block;color:rgba(255,255,255,.72);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;}
.match-intel-summary strong{display:block;margin-top:8px;font-family:'Nunito',system-ui,sans-serif;font-size:1.4rem;color:#fff;}
.match-intel-summary p{margin:6px 0 0;color:rgba(255,255,255,.68);}
.match-intel-summary.level-trap{background:rgba(244,63,94,.14);border-color:rgba(251,113,133,.28);}
.match-intel-summary.level-open{background:rgba(245,158,11,.14);border-color:rgba(251,191,36,.28);}
.match-intel-summary.level-high,.match-intel-summary.level-strong,.match-intel-summary.level-massive{background:rgba(16,185,129,.13);border-color:rgba(52,211,153,.26);}
.match-intel-block{border-radius:22px;padding:16px;margin-top:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);}
.match-intel-block.live{border-color:rgba(167,139,250,.25);background:rgba(124,58,237,.10);}
.match-intel-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.match-intel-block-head h3{margin:0;font-family:'Nunito',system-ui,sans-serif;font-size:1rem;color:#fff;}
.match-intel-block-head span{font-size:.78rem;color:rgba(255,255,255,.55);}
.drawer-votes .vote-row{grid-template-columns:72px 1fr 54px;}
.match-intel-score-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.match-intel-score-list article,.match-intel-live-grid article,.match-intel-scenario-list article{border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:10px 12px;}
.match-intel-score-list strong,.match-intel-live-grid strong,.match-intel-scenario-list strong{display:block;font-family:'Nunito',system-ui,sans-serif;color:#fff;}
.match-intel-score-list span,.match-intel-live-grid span,.match-intel-scenario-list span{display:block;color:rgba(255,255,255,.58);font-size:.82rem;}
.match-intel-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.match-intel-note{margin:12px 0 0;color:rgba(255,255,255,.66);font-size:.9rem;}
.match-intel-note.changed{color:#c4b5fd;}
.match-intel-scenario-list{display:grid;gap:8px;}
.match-intel-scenario-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;}
body.match-intel-open{overflow:hidden;}
@media(max-width:720px){.match-intel-drawer-backdrop{padding:10px;}.match-intel-drawer{border-radius:22px;padding:16px;}.match-intel-score-list,.match-intel-live-grid{grid-template-columns:1fr;}.drawer-votes .vote-row{grid-template-columns:42px 1fr 48px;}}

/* v17.4.1 — Live Adaptive intégré au drawer intelligence */
.match-intel-score-list article.has-live-adaptive,
.match-intel-scenario-list article.is-live-adaptive{
  border-color: rgba(167,139,250,.42);
  background: rgba(124,58,237,.16);
  box-shadow: 0 0 18px rgba(124,58,237,.14), inset 0 1px 0 rgba(255,255,255,.06);
}
.match-intel-score-list article.has-live-adaptive strong em{
  display:inline-flex;
  margin-left:6px;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(167,139,250,.18);
  color:#ddd6fe;
  border:1px solid rgba(167,139,250,.24);
  font-style:normal;
  font-size:.68rem;
  vertical-align:middle;
}
.match-intel-scenario-list article.is-live-adaptive span,
.match-intel-scenario-list article.is-live-adaptive strong{
  color:#fff;
}


/* v17.4.1 — Live Adaptive Evolution */
.live-evolution-shell{display:grid;gap:22px;margin-top:4px;}
.live-evolution-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;padding:26px;border-radius:28px;background:linear-gradient(135deg,rgba(124,58,237,.20),rgba(34,211,238,.08));border:1px solid rgba(167,139,250,.22);box-shadow:0 22px 70px rgba(0,0,0,.24),0 0 42px rgba(124,58,237,.10);}
.live-evolution-hero h2{margin:6px 0 8px;font-family:'Nunito',system-ui,sans-serif;color:#fff;font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.045em;}
.live-evolution-hero p{margin:0;color:rgba(229,236,255,.76);max-width:780px;line-height:1.55;}
.live-evolution-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:240px;}
.live-evolution-badges span{border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.78);font-weight:850;white-space:nowrap;}
.live-evolution-badges strong{color:#fff;}
.live-evolution-kpis article{border-color:rgba(167,139,250,.16)!important;}
.live-evolution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.live-evolution-card{padding:22px;border-radius:26px;background:rgba(10,18,38,.72);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 50px rgba(0,0,0,.22);overflow:hidden;}
.live-evolution-card.wide{grid-column:1/-1;}
.live-evolution-card h3{margin:0;color:#fff;font-family:'Nunito',system-ui,sans-serif;font-size:1.2rem;letter-spacing:-.025em;}
.evolution-compare-list{display:grid;gap:10px;margin-top:14px;}
.evolution-compare-list div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);}
.evolution-compare-list div.changed{border-color:rgba(167,139,250,.34);background:rgba(124,58,237,.12);box-shadow:0 0 24px rgba(124,58,237,.08);}
.evolution-compare-list span,.evolution-similarity-list span{color:rgba(255,255,255,.58);font-size:.84rem;font-weight:800;}
.evolution-compare-list strong{color:#fff;text-align:right;}
.evolution-similarity-list{display:grid;gap:12px;margin-top:14px;}
.evolution-similarity-list div{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);}
.evolution-similarity-list div.is-base{border-color:rgba(167,139,250,.36);background:rgba(124,58,237,.12);}
.evolution-similarity-list strong{float:right;color:#fff;font-family:'Nunito',system-ui,sans-serif;}
.evolution-similarity-list progress{width:100%;height:9px;margin:10px 0 6px;}
.evolution-similarity-list small{display:block;color:rgba(255,255,255,.52);}
.evolution-change-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;}
.evolution-change-table div{padding:14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);}
.evolution-change-table span{display:block;color:rgba(255,255,255,.55);font-size:.82rem;font-weight:850;margin-bottom:6px;}
.evolution-change-table strong{display:block;color:#fff;font-family:'Nunito',system-ui,sans-serif;}
.evolution-change-table em{font-style:normal;color:rgba(255,255,255,.42);font-size:.85em;margin:0 4px;}
.evolution-change-table p{margin:8px 0 0;color:rgba(255,255,255,.68);font-size:.9rem;}
.evolution-change-table b{color:#fff;}
.evolution-score-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.evolution-score-chips span{border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.74);font-weight:750;}
.evolution-score-chips strong{color:#fff;}
@media(max-width:900px){.live-evolution-hero{align-items:flex-start;flex-direction:column;}.live-evolution-badges{justify-content:flex-start;}.live-evolution-grid,.evolution-change-table{grid-template-columns:1fr;}}

/* v17.4.1 — Mobile nav polish: centre le bouton Dashboard comme les autres entrées */
@media (max-width: 760px){
  .premium-nav .nav-home{
    justify-content:center !important;
    text-align:center !important;
  }
  .premium-nav .nav-home i{
    margin-right:6px !important;
  }
}


/* v18.0.1 — Mobile Menu Alignment Polish
   Harmonise l'entrée Dashboard avec les menus déroulants : icônes à gauche,
   texte aligné, chevrons à droite pour les parents. */
@media (max-width: 760px){
  .premium-nav .nav-home,
  .premium-nav .nav-parent{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    min-height: 44px !important;
  }
  .premium-nav .nav-home i,
  .premium-nav .nav-parent i{
    flex: 0 0 20px !important;
    width: 20px !important;
    margin: 0 !important;
    text-align: center !important;
  }
  .premium-nav .nav-home span,
  .premium-nav .nav-parent span{
    flex: 1 1 auto !important;
    text-align: left !important;
  }
  .premium-nav .nav-parent .chevron,
  .premium-nav .nav-parent .fa-chevron-down,
  .premium-nav .nav-parent i:last-child:not(:first-child){
    margin-left: auto !important;
    flex: 0 0 auto !important;
  }
}


/* =========================================================
   v18.0.3 — Broadcast Pulse
   Micro-animation ON AIR du point rouge Broadcast Edition.
   ========================================================= */
.hero .eyebrow.broadcast-badge{
  position:relative;
  gap:9px;
}
.hero .eyebrow.broadcast-badge::before{
  content:"" !important;
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:#ff3159;
  box-shadow:0 0 0 0 rgba(255,49,89,.46),0 0 12px rgba(255,49,89,.78);
  animation:broadcastPulse 2.6s ease-in-out infinite;
}
@keyframes broadcastPulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(255,49,89,.42),0 0 10px rgba(255,49,89,.66);
    opacity:.95;
  }
  48%{
    transform:scale(1.22);
    box-shadow:0 0 0 7px rgba(255,49,89,0),0 0 18px rgba(255,49,89,.92);
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  .hero .eyebrow.broadcast-badge::before{animation:none;}
}


/* =========================================================
   v18.0.4 — Mobile Broadcast Pulse
   Amplification douce du témoin ON AIR sur mobile uniquement.
   ========================================================= */
@media (max-width: 720px){
  .hero .eyebrow.broadcast-badge::before{
    width:11px !important;
    height:11px !important;
    flex-basis:11px !important;
    box-shadow:0 0 0 0 rgba(255,49,89,.58),0 0 15px rgba(255,49,89,.9) !important;
    animation:broadcastPulseMobile 3.2s ease-in-out infinite !important;
  }
}
@keyframes broadcastPulseMobile{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(255,49,89,.52),0 0 12px rgba(255,49,89,.78);
    opacity:.98;
  }
  50%{
    transform:scale(1.42);
    box-shadow:0 0 0 9px rgba(255,49,89,0),0 0 24px rgba(255,49,89,1);
    opacity:1;
  }
}
@media (max-width: 720px) and (prefers-reduced-motion: reduce){
  .hero .eyebrow.broadcast-badge::before{animation:none !important;}
}


/* v18.1.0 — Tournoi Réaliste 2026 */
.realistic-factor-card {
  grid-column: 1 / -1;
  border: 1px solid rgba(125, 211, 252, 0.22);
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(168, 85, 247, 0.08));
}
.realistic-factor-card small {
  display: block;
  margin-top: 6px;
  color: var(--muted, rgba(226,232,240,.72));
  line-height: 1.45;
}

/* =========================================================
   v18.2.2 — Power Rating scroll fix
   Le bloc Power Rating doit pouvoir défiler sur les 48 équipes,
   même après les règles globales d'arrondis qui forçaient overflow:hidden.
   ========================================================= */
.power-page .power-table-wrap{
  max-height:min(72vh, 760px) !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable both-edges;
}
.power-page .power-table{
  min-width:1180px;
}
.power-page .power-table thead th{
  position:sticky !important;
  top:0;
  z-index:5;
}
@media(max-width:760px){
  .power-page .power-table-wrap{
    max-height:68vh !important;
    overflow:auto !important;
  }
  .power-page .section-label span{
    display:block;
    margin-top:8px;
  }
}

/* v18.4.0 — Audit pronostics + matrice scénarios */
.premium-page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.premium-page-head h2{margin:.15rem 0 .4rem}.audit-version{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.45rem .8rem;background:rgba(255,255,255,.06);white-space:nowrap}.audit-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.audit-kpi,.matrix-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(8,14,32,.78);box-shadow:0 18px 50px rgba(0,0,0,.25);padding:1rem}.audit-kpi span,.audit-kpi small{display:block;color:rgba(255,255,255,.68)}.audit-kpi strong{display:block;font-size:1.7rem;margin:.35rem 0}.audit-kpi.is-ok{border-color:rgba(80,255,190,.22)}.audit-kpi.is-alert{border-color:rgba(255,116,116,.45)}.matrix-card{margin-top:1rem}.scenario-matrix-page,.audit-page{animation:fadeIn .2s ease}.matrix-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.75rem;margin:1rem 0}.matrix-filters input,.matrix-filters select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);color:inherit;padding:.8rem .9rem}.scenario-matrix-scroll{max-height:68vh;overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(1,5,16,.35)}.audit-table-scroll{max-height:50vh}.scenario-matrix-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}.scenario-matrix-table th,.scenario-matrix-table td{padding:.75rem .85rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:center;vertical-align:middle}.scenario-matrix-table th{position:sticky;top:0;background:rgba(7,13,30,.98);z-index:2;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.72)}.scenario-matrix-table .sticky-col{position:sticky;left:0;text-align:left;background:rgba(7,13,30,.98);z-index:3;min-width:260px}.scenario-matrix-table td.sticky-col{background:rgba(8,14,32,.98);z-index:1}.match-cell strong{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.scenario-result-cell small{display:block;margin-top:.2rem;color:rgba(255,255,255,.55);font-size:.72rem}.scenario-result-icon{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:999px;font-weight:900;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.scenario-result-icon.exact{color:#ffe08a;background:linear-gradient(135deg,rgba(255,216,90,.22),rgba(139,92,246,.18));border-color:rgba(255,216,90,.55);box-shadow:0 0 18px rgba(255,216,90,.18)}.scenario-result-icon.ok{color:#7dffc4;background:rgba(35,255,170,.12);border-color:rgba(35,255,170,.28)}.scenario-result-icon.ko{color:#ff8f9b;background:rgba(255,80,100,.12);border-color:rgba(255,80,100,.28)}.scenario-result-icon.missing{color:#ffd166;background:rgba(255,209,102,.12);border-color:rgba(255,209,102,.28)}.scenario-result-icon.pending{color:rgba(255,255,255,.5)}.audit-pill{display:inline-flex;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;border:1px solid rgba(255,255,255,.15)}.audit-pill.ok{color:#7dffc4;border-color:rgba(35,255,170,.3)}.audit-pill.alert{color:#ffd166;border-color:rgba(255,209,102,.4)}.row-alert td{background:rgba(255,180,80,.04)}.audit-duplicate-list{display:grid;gap:.6rem}.audit-duplicate-list div{display:flex;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.7rem .85rem}.audit-empty{color:rgba(255,255,255,.68);margin:.5rem 0 0}@media (max-width:900px){.audit-kpi-grid{grid-template-columns:1fr 1fr}.matrix-filters{grid-template-columns:1fr}.premium-page-head{display:block}.scenario-matrix-scroll{max-height:70vh}}@media (max-width:560px){.audit-kpi-grid{grid-template-columns:1fr}.scenario-matrix-table .sticky-col{min-width:210px}.scenario-matrix-table th,.scenario-matrix-table td{padding:.65rem}}

/* v18.4.1 — Bracket réel adaptive projeté depuis les groupes */
.bracket-source-ribbon{
  margin: 0 1rem 1rem;
  padding: .45rem .7rem;
  border: 1px solid rgba(125, 211, 252, .25);
  border-radius: 999px;
  background: rgba(14, 165, 233, .10);
  color: #bae6fd;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}


/* v18.4.2 — Raccourci match en cours dans le hero */
.hero-prono-alert-inner.live-match-alert{
  background:linear-gradient(135deg, rgba(239,68,68,.18), rgba(124,58,237,.14), rgba(14,165,233,.10));
}
.live-dot-icon{
  position:relative;
  animation:livePulseIcon 1.25s ease-in-out infinite;
}
.match-timeline-card.is-live-now{
  border-color:rgba(239,68,68,.45);
  box-shadow:0 22px 80px rgba(239,68,68,.14), inset 0 1px 0 rgba(255,255,255,.10);
}
.match-timeline-card.is-live-now .match-timeline-head::after{
  content:"EN COURS";
  margin-left:auto;
  padding:5px 9px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  color:#fff;
  background:rgba(239,68,68,.25);
  border:1px solid rgba(239,68,68,.42);
}
.match-focus-pulse{
  animation:matchFocusPulse 1.6s ease-out 1;
}
@keyframes livePulseIcon{
  0%,100%{transform:scale(1);filter:brightness(1);}
  50%{transform:scale(1.08);filter:brightness(1.35);}
}
@keyframes matchFocusPulse{
  0%{outline:0 solid rgba(239,68,68,0);}
  25%{outline:4px solid rgba(239,68,68,.40);}
  100%{outline:0 solid rgba(239,68,68,0);}
}

/* v18.4.11 — Hero scores manquants : alertes empilables */
.hero-prono-alert:has(.hero-prono-alert-inner + .hero-prono-alert-inner){
  display:flex;
  flex-direction:column;
}
.hero-prono-alert-inner + .hero-prono-alert-inner{
  border-top:1px solid rgba(255,255,255,.10);
}
.hero-prono-alert-inner.missing-score-alert{
  background:linear-gradient(135deg, rgba(245,158,11,.18), rgba(239,68,68,.10), rgba(124,58,237,.10));
}
.hero-prono-alert-inner.missing-score-alert .hero-prono-alert-icon{
  background:rgba(245,158,11,.16);
  border-color:rgba(245,158,11,.28);
}