/* F1LU Live Timing — mêmes jetons de couleur que les blocs de la home (flu-rw2) */
.flu-lt,.flu-lt *{box-sizing:border-box}
.flu-lt{
  --bg:#ffffff;--soft:#f5f7fb;--ink:#0d1324;--head:#00123a;--muted:#5b657a;--line:#e3e8f1;
  --accent:#e16a38;--accent2:#e54a42;--ice:#bfd1ff;--live:#16a34a;
  --purple:#9333ea;--green:#16a34a;--yellow:#ca8a04;--red:#dc2626;--rh:2.6rem;
  container-type:inline-size;font-family:Cairo,system-ui,sans-serif;color:var(--ink);margin:0 0 2.25rem;
}
@media(prefers-color-scheme:dark){.flu-lt{
  --bg:#0b1630;--soft:#0f1d3d;--ink:#eef2ff;--head:#ffffff;--muted:#9aa6bf;--line:rgba(191,209,255,.14);
  --live:#22c55e;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--red:#f87171;
}}
body.dark .flu-lt,body.dark-mode .flu-lt,html[data-theme="dark"] .flu-lt,body[data-theme="dark"] .flu-lt,.ast-dark-color-mode .flu-lt{
  --bg:#0b1630;--soft:#0f1d3d;--ink:#eef2ff;--head:#ffffff;--muted:#9aa6bf;--line:rgba(191,209,255,.14);
  --live:#22c55e;--purple:#c084fc;--green:#4ade80;--yellow:#facc15;--red:#f87171;
}
.flu-lt__boot{margin:0;padding:1.5rem;border-radius:20px;background:var(--soft);color:var(--muted);text-align:center}
.flu-lt__card{border-radius:20px;overflow:hidden;background:var(--bg);border:1px solid var(--line);box-shadow:0 18px 44px rgba(0,18,58,.10)}

/* En-tête */
.flu-lt__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 1.2rem;padding:1.1rem 1.2rem 1rem;border-bottom:1px solid var(--line);
  background:radial-gradient(520px 200px at 0% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 65%),var(--soft)}
.flu-lt__kicker{margin:0;color:var(--accent);font:700 .74rem/1 Cairo,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.flu-lt__title{margin:.3rem 0 0;font:700 clamp(1.6rem,4cqi,2.3rem)/1 "Big Shoulders Display",Cairo,sans-serif;color:var(--head);letter-spacing:.01em;text-transform:uppercase}
.flu-lt__chips{display:flex;flex-wrap:wrap;gap:.4rem}
.flu-lt__chip{display:inline-flex;align-items:center;gap:.4rem;font:600 .74rem/1 "Big Shoulders Display",Cairo,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  padding:.45rem .7rem;border-radius:999px;border:1px solid var(--line);color:var(--head);background:var(--bg);white-space:nowrap}
.flu-lt__chip--live{background:var(--live);border-color:transparent;color:#fff}
.flu-lt__chip--replay{background:linear-gradient(90deg,var(--accent),var(--accent2));border-color:transparent;color:#fff}
.flu-lt__dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;animation:flu-lt-pulse 1.4s ease-in-out infinite}
@keyframes flu-lt-pulse{50%{opacity:.3}}
.flu-lt__flag{color:#fff;border-color:transparent}
.flu-lt__flag[data-f="GREEN"]{background:#16a34a}
.flu-lt__flag[data-f="YELLOW"],.flu-lt__flag[data-f="DOUBLE_YELLOW"]{background:#facc15;color:#1a1400}
.flu-lt__flag[data-f="SC"],.flu-lt__flag[data-f="SC_END"],.flu-lt__flag[data-f="VSC"],.flu-lt__flag[data-f="VSC_END"]{background:#f59e0b;color:#1a1400}
.flu-lt__flag[data-f="RED"]{background:#dc2626}
.flu-lt__flag[data-f="CHEQUERED"]{color:#111;background:repeating-conic-gradient(#fff 0 25%,#d6dae3 0 50%) 0 0/10px 10px;border-color:var(--line)}
.flu-lt__notice{margin:0;padding:.7rem 1.2rem;font-size:.9rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 9%,var(--bg));color:var(--ink)}

/* Corps : tableau + direction de course */
.flu-lt__body{display:grid}
@container (min-width:1180px){.flu-lt__body{grid-template-columns:1fr 300px}.flu-lt__rc{border-top:0;border-left:1px solid var(--line)}}

.flu-lt__grid{container-type:inline-size;font-variant-numeric:tabular-nums;font-size:.9rem;overflow:hidden}
.flu-lt__hd,.flu-lt__row{--cols:2.2rem minmax(7.5rem,1.5fr) 5.2rem 5.2rem 5.6rem 5.6rem 3.9rem 3.9rem 3.9rem 3.6rem;
  display:grid;grid-template-columns:var(--cols);align-items:center;column-gap:.35rem;padding:0 .9rem}
.flu-lt__grid[data-race="1"] :is(.flu-lt__hd,.flu-lt__row){--cols:2.2rem minmax(7.5rem,1.5fr) 5.2rem 5.2rem 5.6rem 5.6rem 3.9rem 3.9rem 3.9rem 3.6rem 2.6rem}
.flu-lt__hd{height:2.2rem;color:var(--muted);font:700 .68rem/1 Cairo,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.flu-lt__rows{position:relative}
.flu-lt__row{position:absolute;left:0;right:0;top:0;height:var(--rh);border-bottom:1px solid var(--line);background:var(--bg);
  transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .3s}
@media(prefers-reduced-motion:reduce){.flu-lt__row{transition:none}.flu-lt__dot{animation:none}}
.flu-lt__row[data-dim="1"]{opacity:.5}
.flu-lt__row.is-up{background:color-mix(in srgb,var(--green) 12%,var(--bg))}
.flu-lt__row.is-down{background:color-mix(in srgb,var(--red) 10%,var(--bg))}
.flu-lt__r{text-align:right;white-space:nowrap}
.flu-lt__pos{font:700 1.05rem/1 "Big Shoulders Display",Cairo,sans-serif;color:var(--head);text-align:center}
.flu-lt__drv{display:flex;align-items:center;gap:.5rem;min-width:0}
.flu-lt__bar{width:4px;height:1.5rem;border-radius:2px;flex:none}
.flu-lt__code{font:700 1rem/1 "Big Shoulders Display",Cairo,sans-serif;letter-spacing:.04em;color:var(--head)}
.flu-lt__name{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flu-lt__tag{font:700 .6rem/1 Cairo,sans-serif;letter-spacing:.08em;padding:.22rem .38rem;border-radius:4px;background:var(--head);color:var(--bg);flex:none}
.flu-lt__tag--out{background:var(--live);color:#fff}
.flu-lt__tag--gar{background:transparent;color:var(--muted);border:1px solid var(--line)}
.flu-lt__p{color:var(--purple);font-weight:700}
.flu-lt__g{color:var(--green);font-weight:700}
.flu-lt__stale{opacity:.45}
.flu-lt__x{text-decoration:line-through;opacity:.6}
.flu-lt__ty{display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;width:100%}
.flu-lt__tyre{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;border:3px solid var(--c);font:800 .62rem/1 Cairo,sans-serif;color:var(--ink)}
.flu-lt__age{color:var(--muted);font-size:.75rem;min-width:1.1rem;text-align:left}

/* Colonnes masquées selon la largeur du tableau (il est son propre conteneur) */
@container (max-width:879px){
  .flu-lt__hd,.flu-lt__row,.flu-lt__grid[data-race="1"] :is(.flu-lt__hd,.flu-lt__row){--cols:2rem minmax(6rem,1fr) 4.9rem 4.9rem 5.4rem 3.4rem}
  .flu-lt__grid[data-race="1"] :is(.flu-lt__hd,.flu-lt__row){--cols:2rem minmax(6rem,1fr) 4.9rem 4.9rem 5.4rem 3.4rem 2.2rem}
  .flu-lt__c-best,.flu-lt__c-s{display:none}
  /* Essais et qualifs : le meilleur tour compte plus que le dernier */
  .flu-lt__grid[data-race="0"] .flu-lt__c-best{display:block}
  .flu-lt__grid[data-race="0"] .flu-lt__c-last{display:none}
}
@container (max-width:519px){
  .flu-lt__rows{--rh:2.4rem}
  .flu-lt__hd,.flu-lt__row,.flu-lt__grid[data-race="1"] :is(.flu-lt__hd,.flu-lt__row){--cols:1.5rem minmax(2.8rem,1fr) 4.3rem 4.7rem 2.9rem;padding:0 .55rem;column-gap:.3rem;font-size:.82rem}
  .flu-lt__drv{gap:.35rem}
  .flu-lt__c-int,.flu-lt__c-pits,.flu-lt__name{display:none}
}

/* Direction de course */
.flu-lt__rc{border-top:1px solid var(--line);padding:.9rem 1rem 1rem;background:var(--soft);min-width:0}
.flu-lt__rc h3{margin:0 0 .6rem;font:700 .74rem/1 Cairo,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.flu-lt__rc ol{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;max-height:34rem;overflow:auto}
.flu-lt__rc li{display:grid;grid-template-columns:auto 1fr;gap:.15rem .55rem;font-size:.8rem;line-height:1.35}
.flu-lt__rc time{color:var(--muted);font-variant-numeric:tabular-nums}
.flu-lt__rc li::before{content:"";grid-row:span 2;width:4px;border-radius:2px;background:var(--line)}
.flu-lt__rc li[data-k="YELLOW"]::before,.flu-lt__rc li[data-k="DOUBLE YELLOW"]::before,.flu-lt__rc li[data-k="SC"]::before{background:#f59e0b}
.flu-lt__rc li[data-k="RED"]::before{background:#dc2626}
.flu-lt__rc li[data-k="GREEN"]::before,.flu-lt__rc li[data-k="CLEAR"]::before{background:#16a34a}
.flu-lt__rc li[data-k="BLUE"]::before{background:#3b82f6}
.flu-lt__rc li[data-k="CHEQUERED"]::before{background:repeating-linear-gradient(#111 0 4px,#fff 4px 8px)}
.flu-lt__rc .m{grid-column:2}
.flu-lt__rc .e{color:var(--muted)}

/* Pied : contrôles du rejeu et source */
.flu-lt__ctl{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.8rem 1.2rem;border-top:1px solid var(--line)}
.flu-lt__btn{font:700 .8rem/1 Cairo,sans-serif;border:1px solid var(--line);border-radius:999px;padding:.5rem .8rem;background:var(--bg);color:var(--head);cursor:pointer}
.flu-lt__btn[aria-pressed="true"]{background:var(--head);color:var(--bg);border-color:var(--head)}
.flu-lt__range{flex:1 1 12rem;accent-color:var(--accent)}
.flu-lt__clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem;min-width:4.5rem}
.flu-lt__src{margin:0;padding:.65rem 1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.flu-lt__empty{padding:2rem 1.2rem;color:var(--muted);text-align:center}