.cp-onglets { grid-column:1/-1; display:flex; gap:4px; padding:4px; background:var(--bloc); border:1px solid var(--filet); border-radius:5px; }
.cp-onglet { min-height:36px; padding:0 14px; border:0; border-radius:4px; background:transparent; color:var(--secondaire); font:700 12.5px Chivo,system-ui,sans-serif; cursor:pointer; }
.cp-onglet-actif { background:var(--texte); color:var(--fond); }
.ar-zone { position:relative; grid-column:1/-1; min-width:0; padding:12px; overflow-x:auto; scroll-snap-type:x mandatory; background:var(--bloc); border:1px solid var(--filet); border-radius:5px; }
.ar-bandeau { position:sticky; left:0; z-index:3; display:flex; gap:4px; width:max-content; margin-bottom:8px; }
.ar-tour-bouton { padding:7px 10px; border:1px solid var(--filet); border-radius:4px; background:var(--bloc); color:var(--secondaire); }
.ar-tour-bouton-actif { color:var(--texte); border-color:var(--texte); }
.ar-grille { display:flex; align-items:stretch; gap:32px; min-width:max-content; }
.ar-tour { width:260px; display:flex; flex-direction:column; scroll-snap-align:start; }
.ar-tour-titre { position:sticky; top:0; z-index:2; margin:0 0 12px; padding:8px; background:var(--bloc); border-bottom:1px solid var(--filet); font-size:12.5px; }
.ar-matchs { flex:1; display:flex; flex-direction:column; justify-content:space-around; gap:16px; }
.ar-match { position:relative; z-index:1; min-height:112px; padding:10px; border:1px solid var(--filet); border-radius:5px; background:var(--fond); }
.ar-slot { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; min-height:28px; align-items:center; }
.ar-equipe { overflow:hidden; padding:0; border:0; background:transparent; color:var(--texte); text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.ar-attente,.ar-manche,.ar-cumul { color:var(--secondaire); }
.ar-score { font:700 13px "Chivo Mono",monospace; }
.ar-manche,.ar-cumul { display:block; position:relative; z-index:1; margin:4px 0 0; color:var(--secondaire); font-size:11px; text-underline-offset:2px; }
.ar-equipe { position:relative; z-index:1; }
.ar-selection { font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.ar-parcours { border-color:var(--texte); border-width:2px; }
.ar-tour-courant .ar-tour-titre { border-bottom-color:var(--texte); color:var(--texte); }
.ar-fige .ar-match,.ar-fige .ar-tour-titre { border-color:var(--filet); background:var(--bloc); color:var(--texte); }
.ar-liaison { display:none; }
.ar-liaisons-svg { position:absolute; inset:0; z-index:0; width:max(100%,var(--largeur-arbre,100%)); height:100%; overflow:visible; pointer-events:none; }
.ar-liaisons-svg path { fill:none; stroke:var(--filet); stroke-width:1; vector-effect:non-scaling-stroke; }
.ar-format-tours .ar-grille { display:grid; min-width:0; }
.ar-format-tours .ar-tour { width:auto; }
@media (min-width:1024px) {
  .ar-format-arbre .ar-grille { align-items:center; justify-content:center; gap:52px; }
  .ar-branche { display:flex; align-items:stretch; gap:52px; }
  .ar-branche-droite { flex-direction:row; }
  .ar-format-arbre .ar-tour { width:240px; }
  .ar-liaison { display:none; }
}
@media (hover:hover) { .cp-onglet:hover,.ar-equipe:hover { color:var(--texte); } }

.ar-fige .ar-tour-titre { background:var(--fige); color:var(--sur-fige); }
.ar-fige .ar-tour-titre::before { content:""; display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#8c8c8c; }
@media (max-width:1023px) { .ar-liaisons-svg { display:none; } }