/* Les informations gardent leur ancrage sur le parcours, quelle que soit la largeur. */
#feed{display:flex;width:min(300px,42%);bottom:35px;right:12px;gap:6px}
#leaders{display:block}
.fcard{text-align:left;width:100%;font-size:11px;box-shadow:0 4px 18px #0000000c}
.fcard p{-webkit-line-clamp:2}
.fhint{font-size:11px}
.route-quick-notes{position:absolute;z-index:4;display:flex;align-items:center;flex-direction:column;gap:3px;pointer-events:auto}
.route-quick-caption{font-size:9px;letter-spacing:.035em;color:var(--ink);text-shadow:0 1px 4px var(--panel),0 0 9px var(--panel);opacity:.7}
.route-quick-controls{display:flex;padding:3px;gap:2px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:24px;background:color-mix(in srgb,var(--panel) 78%,transparent);backdrop-filter:blur(8px);box-shadow:0 3px 14px #00000012}
.route-quick-controls button{border:0;width:28px;height:28px;padding:6px;border-radius:50%;color:var(--muted)}
.route-quick-controls button:hover,.route-quick-controls button:focus-visible{color:var(--ink);background:var(--cursor-soft)}
.route-quick-controls svg,.route-note-marker svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.route-note-markers{position:absolute;inset:0;pointer-events:none;z-index:3}
.route-note-marker{position:absolute;width:23px;height:23px;padding:4px;transform:translateX(-50%);border:1px solid var(--cursor);border-radius:50%;background:var(--panel);color:var(--ink);pointer-events:auto;box-shadow:0 2px 6px #0002}
.route-note-marker:after{content:'';position:absolute;width:1px;height:7px;top:22px;left:10px;background:var(--cursor)}
.route-note-marker.is-current{background:var(--cursor);color:var(--bg)}
.route-note-toast{position:absolute;z-index:5;left:50%;bottom:6px;transform:translateX(-50%);display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:11px;padding:4px 8px 4px 12px;border-radius:30px;background:var(--panel);border:1px solid var(--line);box-shadow:0 3px 15px #0001}
.route-note-toast button{border:0;text-decoration:underline;padding:3px}
@container (max-width:820px){#feed{width:min(255px,42%)}.fcard{font-size:10px;padding:6px 8px}.fcard p{-webkit-line-clamp:1}.fhint{display:none}}
@container (max-width:520px){#feed{width:45%;bottom:66px;right:8px}.fcard p{display:none}.fcard .when{display:block;font-size:9px}.route-quick-controls button{width:32px;height:32px;padding:8px}}
@media(prefers-reduced-motion:reduce){.fcard{animation:none}}