.crb-hote{flex:none;display:flex;flex-direction:column;gap:14px}
.crb-bloc{background:var(--surface,#161919);border:1px solid var(--bordure,rgba(240,236,231,.09));
  border-radius:var(--coin-panneau,14px);overflow:hidden;box-sizing:border-box}
.crb{position:relative;box-sizing:border-box;padding:6px 0 2px;-webkit-user-select:none;user-select:none;touch-action:pan-y}

.crb-tete{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;padding:11px 16px 4px}
.crb-tete .no{font-family:var(--police-condensee,var(--police-mono));font-weight:800;font-size:18px;letter-spacing:.01em;text-transform:uppercase;
  color:var(--texte,#F0ECE7)}
.crb-tete .hr,.crb-tete .du,.crb-tete .to{font-size:14px;color:var(--texte-doux,#B2B8B7)}
.crb-tete .st{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 18px;margin-left:auto}
.crb-tete .s{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:14px;color:var(--texte-doux,#B2B8B7)}
.crb-tete .s b{font-size:16px;font-weight:500;color:var(--texte,#F0ECE7)}
.crb-tete .s .u{margin:0;font-size:12px;color:var(--texte-faible,#8E9594)}
.crb-tete .s .p{margin-left:4px;font-size:13px;color:var(--texte-faible,#8E9594)}
.crb-tete .s .p b{font-size:14px;color:var(--texte-doux,#B2B8B7)}
.crb-tete .s svg{width:13px;height:13px;align-self:center;flex:none}
.crb-tete .s.w svg,.crb-tete .s.w b{color:#EEC77C}
.crb-tete .s.c svg,.crb-tete .s.c b{color:#F2483A}
.crb-tete .s.w .p b,.crb-tete .s.c .p b{color:var(--texte-doux,#B2B8B7)}

.crb-colonnes{position:relative;margin-bottom:8px}
.crb-col{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;
  padding:7px 10px 8px;text-align:left;background:var(--surface-haute,#212525);border:1px solid var(--bordure,rgba(240,236,231,.09));
  border-top:3px solid var(--menthe-moyen,#8FD9D2);border-radius:10px;overflow:hidden;cursor:pointer;min-width:0}
.crb-col:hover,.crb-col:focus-visible{background:var(--n-250,#2B2E2E);border-color:var(--bordure-forte,rgba(240,236,231,.18));
  border-top-color:var(--menthe,#D7FEFA)}
.crb-col:focus-visible{outline:2px solid var(--menthe,#D7FEFA);outline-offset:1px}
.crb-col .nom{font-family:var(--police-mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.25;
  color:var(--texte-faible,#8E9594);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
  overflow-wrap:anywhere}
.crb-col .nom .g-gate{font-size:11px;font-weight:700;color:var(--cncb-ambre,#EEC77C);margin-left:3px;letter-spacing:0}
.crb-col .temps{font-size:21px;font-weight:400;line-height:1.1;color:var(--texte,#F0ECE7);white-space:nowrap}
.crb-col .mesures{display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 11px;font-size:13px;color:var(--texte-doux,#B2B8B7)}
.crb-col .m{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
.crb-col .m b{font-size:14px;font-weight:500}
.crb-col .m .u{margin:0;font-size:12px}
.crb-col .m svg{width:12px;height:12px;align-self:center;flex:none}
.crb-col .m.w{color:#EEC77C}
.crb-col .m.c{color:#F2483A}
.crb-col .m.p{color:var(--texte-faible,#8E9594)}
.crb-col .m.p b{color:var(--texte-doux,#B2B8B7)}

.crb-svg{display:block;touch-action:pan-y}
.crb-svg text{font-family:var(--police-mono);font-size:12px;fill:var(--texte-faible,#8E9594)}
.crb-svg .crb-nom{font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.crb-svg .crb-unite,.crb-svg .crb-echelle{fill:var(--n-500,#626968)}
.crb-svg .crb-unite{text-transform:none;letter-spacing:0}
.crb-fond{fill:rgba(240,236,231,.022)}
.crb-grille{stroke:var(--bordure,rgba(240,236,231,.09));stroke-width:1}
.crb-bande{fill:rgba(215,254,250,.055);pointer-events:none}
.crb-surligne{fill:rgba(238,199,124,.10);stroke:rgba(238,199,124,.5);stroke-width:1;pointer-events:none}
.crb-svg .crb-surligne-nom{fill:#EEC77C;font-size:12px;font-weight:500;letter-spacing:.06em;paint-order:stroke;
  stroke:var(--surface,#161919);stroke-width:3px;pointer-events:none}
.crb-marche{opacity:.3}
.crb-chapeau{opacity:1}
.crb-tour{stroke:rgba(240,236,231,.4);stroke-width:1}
.crb-tour-fil{stroke:rgba(240,236,231,.1);stroke-width:1;pointer-events:none}
.crb-svg .crb-tour-temps{fill:var(--texte-doux,#B2B8B7)}
.crb-svg .crb-tour-temps.dans-effort{fill:var(--texte,#F0ECE7)}
.crb-svg .crb-tour-no{fill:var(--n-600,#8E9594);font-weight:500}
.crb-w-brut{fill:none;stroke:#EEC77C;stroke-opacity:.42;stroke-width:1;stroke-linejoin:round}
.crb-w-lisse{fill:none;stroke:#EEC77C;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.crb-w-seul{fill:#EEC77C;fill-opacity:.6}
.crb-c-plein{fill:none;stroke:#F2483A;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.crb-c-seul{fill:#F2483A}
.crb-c-maintenu{stroke:#F2483A;stroke-opacity:.8;stroke-width:2.4;stroke-dasharray:.1 5;stroke-linecap:round}

.crb-repere{stroke:var(--n-500,#626968);stroke-width:1}
.crb-svg .crb-heure{fill:var(--texte-doux,#B2B8B7)}

.crb-curseur-ligne{stroke:rgba(240,236,231,.75);stroke-width:1;pointer-events:none}
.crb-point{fill:#fff;stroke:var(--surface,#161919);stroke-width:2;pointer-events:none}
.crb-point-puissance{fill:#EEC77C}
.crb-point-cardio{fill:#F2483A}
.crb-point-cardio.maintenu{fill:var(--surface,#161919);stroke:#F2483A;stroke-width:1.6}
.crb-lecture{position:absolute;z-index:3;pointer-events:none;min-width:116px;padding:7px 12px 8px;
  background:rgba(12,14,14,.95);border:1px solid var(--bordure-forte,rgba(240,236,231,.18));border-radius:10px;
  box-shadow:0 4px 18px rgba(0,0,0,.45)}
.crb-lecture .h{font-size:13px;color:var(--texte-faible,#8E9594);margin-bottom:3px}
.crb-lecture .l{display:flex;align-items:baseline;gap:6px;white-space:nowrap;line-height:1.35}
.crb-lecture .l b{font-size:17px;font-weight:500;color:var(--texte,#F0ECE7)}
.crb-lecture .l .u{margin:0;font-size:12px}
.crb-lecture .l svg{width:13px;height:13px;align-self:center;flex:none}
.crb-lecture .l.w svg{color:#EEC77C}
.crb-lecture .l.c svg{color:#F2483A}
.crb-lecture .l.c.maintenu b{color:var(--texte-doux,#B2B8B7)}
.crb-lecture .pastille{display:inline-block;width:12px;height:12px;border-radius:3px;align-self:center;flex:none}
.crb-lecture .l.t .tw{margin-left:6px;color:#EEC77C;display:inline-flex;align-items:baseline;gap:3px}
.crb-lecture .l.t .tw b{font-size:15px;color:#EEC77C}
.crb-lecture .l.t{margin-top:2px;padding-top:3px;border-top:1px solid var(--bordure,rgba(240,236,231,.09))}
@media (prefers-reduced-motion:reduce){.crb-col{transition:none}}
