.tdf-rr, .tdf-jb, .tdf-pel, .tdf-stage, .tdf-lb, .tdf-stages, .tdf-countdown, .tdf-duel, .tdf-pt {
  --tdf-ink: #eef3fb;
  --tdf-sub: #9aa6bd;
  --tdf-surface: rgba(255,255,255,.05);
  --tdf-track-bg: rgba(255,255,255,.085);
  --tdf-line: rgba(255,255,255,.09);
  --tdf-row-zebra: rgba(255,255,255,.04);
  --tdf-green-ink: #46d36e;
  --tdf-live: #ff3348;
  font-family: var(--tdf-font-ui);
  color: var(--tdf-ink);
  width: 100%; height: 100%;
  box-sizing: border-box;
}
[data-theme="light"] .tdf-lb, [data-theme="light"] .tdf-jb, [data-theme="light"] .tdf-pel,
[data-theme="light"] .tdf-countdown, [data-theme="light"] .tdf-stages,
[data-theme="light"] .tdf-rr, [data-theme="light"] .tdf-stage {
  --tdf-ink: #1e2430;
  --tdf-sub: #5a6678;
  --tdf-surface: rgba(20,28,46,.05);
  --tdf-track-bg: rgba(20,28,46,.085);
  --tdf-line: rgba(20,28,46,.10);
  --tdf-row-zebra: rgba(20,28,46,.035);
  --tdf-green-ink: #157A37;
}

.w[data-wtype^="tdf-"] {
  --tdf-card-bg: linear-gradient(165deg, #252b3e 0%, #181c28 56%, #0f121b 100%);
  --tdf-card-bd: rgba(254,221,0,.20);
  --tdf-card-sh: 0 12px 34px rgba(0,0,0,.46), 0 2px 8px rgba(0,0,0,.30), inset 0 2px 0 rgba(254,221,0,.12), inset 0 3px 0 rgba(255,255,255,.04);
}
[data-theme="light"] .w[data-wtype="tdf-gc"],
[data-theme="light"] .w[data-wtype="tdf-classification"],
[data-theme="light"] .w[data-wtype="tdf-peloton"],
[data-theme="light"] .w[data-wtype="tdf-jersey-board"],
[data-theme="light"] .w[data-wtype="tdf-countdown"],
[data-theme="light"] .w[data-wtype="tdf-stages"],
[data-theme="light"] .w[data-wtype="tdf-stage"],
[data-theme="light"] .w[data-wtype="tdf-route-race"] {
  --tdf-card-bg: linear-gradient(165deg, #EEF1F5 0%, #E7EBF1 56%, #DFE4EC 100%);
  --tdf-card-bd: rgba(30,40,60,.12);
  --tdf-card-sh: 0 6px 18px rgba(30,45,70,.12), inset 0 1px 0 rgba(255,255,255,.65);
}
.w[data-wtype^="tdf-"],
.cv-board .w[data-wtype^="tdf-"],
#ecanvas .w[data-wtype^="tdf-"],
[data-theme="light"] body:not(.canvas-tv-mode) #ecanvas:not([data-cv-themed]) .w[data-wtype^="tdf-"] {
  background: var(--tdf-card-bg) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border: 1px solid var(--tdf-card-bd) !important;
  box-shadow: var(--tdf-card-sh) !important;
}

.w[data-wtype^="tdf-"][data-tdf-skin="night"] {
  --tdf-card-bg: radial-gradient(125% 100% at 50% -12%, #2c3756 0%, #1a2236 46%, #0c111d 100%);
  --tdf-card-bd: rgba(254,221,0,.24);
  --tdf-card-sh: 0 16px 44px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.07);
}
.w[data-wtype^="tdf-"][data-tdf-skin="carbon"] {
  --tdf-card-bg:
    repeating-linear-gradient(45deg, rgba(255,255,255,.022) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.20) 0 2px, transparent 2px 4px),
    linear-gradient(165deg, #20242e 0%, #15181f 60%, #0d0f15 100%);
  --tdf-card-bd: rgba(255,255,255,.11);
  --tdf-card-sh: 0 12px 34px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
}
.w[data-wtype^="tdf-"][data-tdf-skin="jaune"] {
  --tdf-card-bg: linear-gradient(165deg, #3a3413 0%, #2a2410 48%, #171307 100%);
  --tdf-card-bd: rgba(254,221,0,.44);
  --tdf-card-sh: 0 14px 38px rgba(40,30,0,.48), inset 0 1px 0 rgba(255,236,140,.11);
}
.w[data-wtype^="tdf-"][data-tdf-skin="glass"] {
  --tdf-card-bg: linear-gradient(165deg, rgba(28,34,52,.50), rgba(12,16,26,.40));
  --tdf-card-bd: rgba(255,255,255,.17);
  --tdf-card-sh: 0 16px 44px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10);
}
.w[data-wtype^="tdf-"][data-tdf-skin="clean"] {
  --tdf-card-bg: linear-gradient(165deg, #FFFFFF 0%, #F2F5F9 60%, #E9EEF5 100%);
  --tdf-card-bd: rgba(30,40,60,.14);
  --tdf-card-sh: 0 8px 22px rgba(30,45,70,.14), inset 0 1px 0 rgba(255,255,255,.80);
  --tdf-ink: #1e2430; --tdf-sub: #5a6678;
  --tdf-surface: rgba(20,28,46,.05); --tdf-track-bg: rgba(20,28,46,.085);
  --tdf-line: rgba(20,28,46,.10); --tdf-row-zebra: rgba(20,28,46,.035);
  --tdf-green-ink: #157A37;
}
.w[data-wtype^="tdf-"][data-tdf-skin="glass"],
.cv-board .w[data-wtype^="tdf-"][data-tdf-skin="glass"],
#ecanvas .w[data-wtype^="tdf-"][data-tdf-skin="glass"],
[data-theme="light"] body:not(.canvas-tv-mode) #ecanvas:not([data-cv-themed]) .w[data-wtype^="tdf-"][data-tdf-skin="glass"] {
  -webkit-backdrop-filter: blur(10px) saturate(1.12) !important;
  backdrop-filter: blur(10px) saturate(1.12) !important;
}
.canvas-tv-mode #ecanvas .w[data-wtype^="tdf-"][data-tdf-skin="glass"],
.canvas-tv-mode .cv-board .w[data-wtype^="tdf-"][data-tdf-skin="glass"] {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

@keyframes tdf-leader-breathe {
  0%, 100% { box-shadow: 0 0 0 0 rgba(254,221,0,0); }
  50%      { box-shadow: 0 0 12px 2px rgba(254,221,0,.45); }
}
@keyframes tdf-jaune-breathe {
  0%, 100% { filter: drop-shadow(0 0 6px rgba(254,221,0,.5)); }
  50%      { filter: drop-shadow(0 0 13px rgba(254,221,0,.9)); }
}
.w[data-wtype^="tdf-"] .tdf-lane.is-leader .tdf-lane-pos { animation: tdf-leader-breathe 2.6s ease-in-out infinite; }
.w[data-wtype^="tdf-"] .tdf-lane.is-leader .tdf-cyclist  { animation: tdf-jaune-breathe 2.6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  .w[data-wtype^="tdf-"] .tdf-lane.is-leader .tdf-lane-pos,
  .w[data-wtype^="tdf-"] .tdf-lane.is-leader .tdf-cyclist,
  .tdf-live-dot { animation: none; }
}
[data-motion-disabled] .w[data-wtype^="tdf-"] .tdf-lane.is-leader .tdf-lane-pos,
[data-motion-disabled] .w[data-wtype^="tdf-"] .tdf-lane.is-leader .tdf-cyclist { animation: none !important; }

.tdf-empty { display:flex; align-items:center; justify-content:center; height:100%;
  color: var(--tdf-sub); font-size:calc((clamp(.78rem,4.6cqi,1.1rem)) * var(--w-font-scale, 1)); text-align:center; padding:clamp(.7rem,4.85cqi,1.2rem); }

.tdf-rr { display:flex; flex-direction:column; padding:clamp(.42rem,2.9cqi,.7rem) clamp(.55rem,3.9cqi,.95rem); gap:clamp(.35rem,2.4cqi,.6rem); container-type:size; container-name:tdfrr; overflow:hidden; }
.tdf-rr-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:clamp(.2rem,1.25cqi,.35rem); border-bottom:1px solid var(--tdf-line); }
.tdf-rr-titlewrap { display:flex; flex-direction:column; min-width:0; gap:.08rem; }
.tdf-rr-kicker, .tdf-jb-kicker { display:flex; align-items:center; gap:.45em; font-family:var(--tdf-font-ui); font-size:calc((clamp(.5rem,2.8cqi,.68rem)) * var(--w-font-scale, 1)); line-height:1; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:var(--tdf-sub); }
.tdf-live-dot { width:.58em; height:.58em; border-radius:50%; flex:0 0 auto; background:var(--tdf-live); box-shadow:0 0 0 0 color-mix(in srgb,var(--tdf-live) 65%,transparent); animation:tdf-live-pulse 1.8s ease-out infinite; }
@keyframes tdf-live-pulse { 0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tdf-live) 62%,transparent)} 70%,100%{box-shadow:0 0 0 .55em transparent} }
.tdf-rr-title { font-family:var(--tdf-font-display); font-weight:900; font-style:italic; text-transform:uppercase; font-size:calc((clamp(.85rem,5.3cqi,1.3rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); letter-spacing:.035em; }
.tdf-rr-leader { display:flex; align-items:center; gap:clamp(.28rem,1.9cqi,.5rem); padding:clamp(.18rem,1.1cqi,.3rem) clamp(.4rem,2.5cqi,.7rem); border:1px solid color-mix(in srgb,var(--tdf-yellow) 38%,transparent); border-radius:999px; background:color-mix(in srgb,var(--tdf-yellow) 10%,transparent); font-weight:900; color:var(--tdf-gold); font-size:calc((clamp(.82rem,5.1cqi,1.25rem)) * var(--w-font-scale, 1)); }
.tdf-rr-leader svg { width:calc(clamp(.95rem,6.3cqi,1.55rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1.1rem,7.3cqi,1.8rem) * var(--w-jersey-scale, 1)); }
.tdf-lanes { display:flex; flex-direction:column; gap:clamp(.7rem,4.85cqi,1.2rem); flex:1; justify-content:safe center; padding:clamp(.28rem,1.9cqi,.5rem) 0; overflow-y:auto; min-height:0; }
.tdf-lane { display:flex; flex-direction:column; gap:clamp(.18rem,1.2cqi,.3rem); }
.tdf-lane-info { display:flex; align-items:center; gap:clamp(.35rem,2.4cqi,.6rem); padding:0 clamp(.18rem,1.2cqi,.35rem); border-radius:999px; }
.tdf-lane.is-leader .tdf-lane-info { background:linear-gradient(90deg,color-mix(in srgb,var(--tdf-yellow) 15%,transparent),transparent 72%); }
.tdf-lane-pos { width:clamp(1.15rem,7.3cqi,1.8rem); height:clamp(1.15rem,7.3cqi,1.8rem); flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  border-radius:50%; background:var(--tdf-track-bg); font-weight:800; font-size:calc((clamp(.66rem,3.9cqi,.95rem)) * var(--w-font-scale, 1)); }
.tdf-lane.is-leader .tdf-lane-pos { background:var(--tdf-yellow); color:var(--tdf-yellow-ink); }
.tdf-lane-name { display:flex; align-items:center; gap:.42em; color:var(--tdf-ink); font-weight:800; font-size:calc((clamp(.82rem,5.1cqi,1.25rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-lane-name::before { content:""; width:.62em; height:.62em; flex:0 0 auto; border-radius:50%; background:var(--tdf-team,#8a93a6); box-shadow:0 0 0 1px rgba(255,255,255,.42); }
.tdf-lane-jersey { width:calc(clamp(.82rem,5.1cqi,1.25rem) * var(--w-jersey-scale, 1)); height:calc(clamp(.95rem,5.8cqi,1.4rem) * var(--w-jersey-scale, 1)); display:inline-block; flex:0 0 auto; }
.tdf-lane-val { margin-left:auto; font-weight:800; font-size:calc((clamp(.85rem,5.3cqi,1.3rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); color:var(--tdf-ink); white-space:nowrap; }
.tdf-lane-val em { font-style:normal; font-weight:700; font-size:calc((clamp(.62rem,3.8cqi,.92rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); margin-left:clamp(.25rem,1.7cqi,.45rem); }
.tdf-road { position:relative; height:clamp(1.7rem,11cqi,2.9rem); border-radius:.6rem; overflow:hidden;
  background:linear-gradient(180deg,#3c4453,#262c38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), inset 0 -3px 7px rgba(0,0,0,.4); }
.tdf-road::after { content:''; position:absolute; top:50%; left:2%; right:2%; transform:translateY(-50%);
  border-top:3px dashed rgba(255,255,255,.34); }
.tdf-road-fill { position:absolute; top:0; bottom:0; left:0; border-radius:.6rem 0 0 .6rem;
  background:linear-gradient(90deg, color-mix(in srgb,var(--tdf-team,#888) 22%,transparent), var(--tdf-team,#888)); opacity:.68;
  transition:width .9s cubic-bezier(.34,.1,.2,1); }
.tdf-finish { position:absolute; top:0; bottom:0; width:9px; transform:translateX(-50%); z-index:1;
  background-color:#fff;
  background-image:linear-gradient(45deg,#1b2233 25%,transparent 25%,transparent 75%,#1b2233 75%),linear-gradient(45deg,#1b2233 25%,#fff 25%,#fff 75%,#1b2233 75%);
  background-size:9px 9px; background-position:0 0,4.5px 4.5px; }
.tdf-cyclist { position:absolute; bottom:.15rem; width:clamp(2.3rem,15.5cqi,3.8rem); height:clamp(1.65rem,11.2cqi,2.75rem); transform:translateX(-50%);
  transition:left .9s cubic-bezier(.34,.1,.2,1); filter:drop-shadow(0 3px 3px rgba(0,0,0,.45)); z-index:2; }
.tdf-cyc { display:block; width:100%; height:100%; }
.tdf-lane.is-leader .tdf-cyclist { filter:drop-shadow(0 0 8px rgba(254,221,0,.75)); }
.tdf-cyc-spark { animation:tdf-spark 1.4s ease-in-out infinite; transform-origin:46px 6px; }
.tdf-cyc-spark[data-on="0"] { display:none; }
@keyframes tdf-spark { 0%,100%{opacity:.45;transform:scale(.8)} 50%{opacity:1;transform:scale(1.15)} }
.tdf-rr-foot { position:relative; height:clamp(.8rem,4.85cqi,1.2rem); margin-top:clamp(.18rem,1.2cqi,.3rem); }
.tdf-goal-flag { position:absolute; transform:translateX(-50%); font-size:calc((clamp(.6rem,3.4cqi,.85rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:700; color:var(--tdf-sub); white-space:nowrap; }

.tdf-av { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
  border-radius:50%; font-weight:800; color:#fff; line-height:1;
  background:hsl(var(--tdf-h,210) 55% 48%); box-shadow:inset 0 0 0 2px rgba(255,255,255,.25); }
.tdf-av-sm { width:calc(clamp(1.15rem,7.3cqi,1.8rem) * var(--w-photo-scale, 1)); height:calc(clamp(1.15rem,7.3cqi,1.8rem) * var(--w-photo-scale, 1)); font-size:calc((clamp(.5rem,3cqi,.74rem)) * var(--w-font-scale, 1) * var(--w-photo-scale, 1)); }
.tdf-av-m { width:calc(clamp(1.5rem,9.7cqi,2.4rem) * var(--w-photo-scale, 1)); height:calc(clamp(1.5rem,9.7cqi,2.4rem) * var(--w-photo-scale, 1)); font-size:calc((clamp(.6rem,3.8cqi,.92rem)) * var(--w-font-scale, 1) * var(--w-photo-scale, 1)); }
.tdf-av-lg { width:calc(clamp(2.3rem,15cqi,3.7rem) * var(--w-photo-scale, 1)); height:calc(clamp(2.3rem,15cqi,3.7rem) * var(--w-photo-scale, 1)); font-size:calc((clamp(.78rem,5.1cqi,1.25rem)) * var(--w-font-scale, 1) * var(--w-photo-scale, 1)); }
.tdf-av-img { overflow:hidden; background:none; position:relative; box-shadow:none; }
.tdf-av-img img { width:100%; height:100%; object-fit:cover; display:block; border-radius:50%; }
.tdf-av-img::after { content:''; position:absolute; inset:0; border-radius:50%; box-shadow:inset 0 0 0 2px rgba(255,255,255,.25); pointer-events:none; }

.tdf-jb { padding:clamp(.4rem,2.6cqi,.7rem) clamp(.5rem,3.6cqi,.95rem); display:flex; flex-direction:column; gap:clamp(.3rem,2cqi,.6rem);
  container-type:size; container-name:tdfjb; min-height:0; }
.tdf-jb-head { display:flex; align-items:flex-end; justify-content:space-between; gap:.65rem; padding-bottom:clamp(.2rem,1.4cqi,.4rem); border-bottom:2px solid var(--tdf-yellow); flex:0 0 auto; }
.tdf-jb-title { font-family:var(--tdf-font-display); font-weight:900; font-style:italic; text-transform:uppercase; letter-spacing:.035em; font-size:calc((clamp(.78rem,min(5.3cqi,11cqh),1.3rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); line-height:1.1; }
.tdf-jb-kicker { order:2; color:var(--tdf-yellow); white-space:nowrap; padding-bottom:.1em; }
.tdf-jb-grid { display:grid; grid-template-columns:1fr; grid-auto-rows:1fr; gap:clamp(.4rem,2.6cqmin,.85rem);
  flex:1 1 0; min-height:0; align-content:stretch; align-items:stretch; }
@container tdfjb (min-width:14rem) { .tdf-jb-grid { grid-template-columns:repeat(var(--jb-cm,2),1fr); } }
@container tdfjb (min-width:52rem) { .tdf-jb-grid { grid-template-columns:repeat(var(--jb-cw,4),1fr); } }
.tdf-jcard { container-type:size; container-name:tdfjc; position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:center; justify-content:space-evenly;
  gap:clamp(.1rem,2.6cqmin,.42rem); padding:clamp(.5rem,5cqmin,1.6rem) clamp(.26rem,3.6cqmin,.72rem); text-align:center; min-width:0; min-height:0; overflow:hidden;
  background:radial-gradient(90% 55% at 50% 0%,color-mix(in srgb,var(--jc-col,#8a93a6) 18%,transparent),transparent 75%),var(--tdf-surface); border:1px solid color-mix(in srgb,var(--jc-col,#8a93a6) 30%,var(--tdf-line)); border-radius:clamp(.5rem,4cqmin,1rem);
  box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07); }
.tdf-jcard::before { content:""; position:absolute; z-index:-1; left:10%; right:10%; top:0; height:clamp(2px,1cqmin,4px); border-radius:0 0 999px 999px; background:var(--jc-col,#8a93a6); box-shadow:0 0 16px color-mix(in srgb,var(--jc-col,#8a93a6) 60%,transparent); }
.tdf-jcard.has-holder::after { content:"FØRER"; position:absolute; z-index:2; top:clamp(.35rem,3cqmin,.65rem); left:clamp(.4rem,3.8cqmin,.75rem); padding:.2em .55em; border-radius:999px; background:color-mix(in srgb,var(--jc-col,#8a93a6) 18%,#111827); border:1px solid color-mix(in srgb,var(--jc-col,#8a93a6) 65%,transparent); color:#fff; font-family:var(--tdf-font-ui); font-size:calc((clamp(.42rem,5cqmin,.68rem)) * var(--w-font-scale, 1)); font-weight:900; letter-spacing:.08em; line-height:1; }
.tdf-jcard-svg { width:calc(clamp(2.45rem,16.5cqi,4rem) * var(--w-jersey-scale, 1)); height:calc(clamp(2.65rem,17.9cqi,4.35rem) * var(--w-jersey-scale, 1)); flex:0 0 auto; filter:drop-shadow(0 3px 4px rgba(0,0,0,.18)); }
.tdf-jcard-rider { position:relative; width:calc(clamp(2.6rem,60cqmin,14.5rem) * var(--w-photo-scale, 1)); height:calc(clamp(2.5rem,54cqmin,13.5rem) * var(--w-photo-scale, 1)); flex:0 0 auto; min-height:0; display:flex; align-items:flex-end; justify-content:center; }
.tdf-jcard-rider .tdf-cyc { width:100%; height:100%; filter:drop-shadow(0 3px 5px rgba(0,0,0,.25)); }
.tdf-jcard-rider.has-photo { align-items:center; justify-content:center; overflow:visible; }
.tdf-jcard-face { position:relative; display:flex; height:100%; aspect-ratio:1; flex:0 0 auto; max-width:100%; }
.tdf-jcard-face .tdf-av-lg { width:100%; height:100%; font-size:calc((38cqmin) * var(--w-font-scale, 1)); box-shadow:0 0 0 4px var(--jc-col,#8a93a6),0 0 22px color-mix(in srgb,var(--jc-col,#8a93a6) 42%,transparent),0 6px 16px rgba(0,0,0,.5); }
.tdf-jcard-face .tdf-jcard-jbadge { top:-.4rem; right:-.4rem; }
.tdf-jcard-jbadge { position:absolute; top:-.45rem; right:.1rem; width:calc(clamp(1.2rem,24cqmin,2.6rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1.4rem,27cqmin,3rem) * var(--w-jersey-scale, 1)); filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)); }
.tdf-jcard-rider.tdf-jr-yellow .tdf-cyc { filter:drop-shadow(0 0 9px rgba(254,221,0,.7)) drop-shadow(0 3px 4px rgba(0,0,0,.25)); }
.tdf-jcard-name { flex:0 0 auto; min-height:1.15em; font-weight:900; font-size:calc((clamp(.58rem,11.5cqmin,1.7rem)) * var(--w-font-scale, 1)); text-transform:uppercase; letter-spacing:.06em; color:color-mix(in srgb,var(--jc-col,#8a93a6) 72%,var(--tdf-ink)); line-height:1.15; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-jcard-meas { font-size:calc((clamp(.46rem,8.5cqmin,1.1rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); line-height:1.2; color:var(--tdf-sub); opacity:.85; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-jcard-margin { font-size:calc((clamp(.5rem,8cqmin,.78rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); background:var(--tdf-track-bg); border-radius:100px; padding:clamp(.06rem,1.2cqmin,.13rem) clamp(.3rem,4cqmin,.6rem); white-space:nowrap; }
.tdf-jcard-margin b { color:var(--tdf-ink); font-weight:800; }
.tdf-jcard-days { font-size:calc((clamp(.46rem,7cqmin,.72rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); font-weight:700; letter-spacing:.01em; white-space:nowrap; opacity:.92; }
.tdf-jcard.is-blind .tdf-jcard-rider { filter:grayscale(.6) brightness(.9); opacity:.72; }
.tdf-jcard-locked { color:var(--tdf-sub); font-weight:800; letter-spacing:.02em; opacity:.9; }
.tdf-jcard.is-blind { position:relative; }
.tdf-jcard.is-blind::after { content:""; position:absolute; inset:0; border-radius:inherit; background:repeating-linear-gradient(45deg,transparent 0,transparent 9px,rgba(255,255,255,.035) 9px,rgba(255,255,255,.035) 18px); pointer-events:none; }
.tdf-jcard-winner { display:flex; flex:0 0 auto; flex-direction:column; align-items:center; gap:clamp(.08rem,1.8cqmin,.3rem); max-width:100%; }
.tdf-jcard-wb { display:flex; flex-direction:column; align-items:center; min-width:0; max-width:100%; }
.tdf-jcard-who { font-family:var(--tdf-font-display); font-weight:900; font-size:calc((clamp(.64rem,12cqmin,1.7rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); line-height:1.05; max-width:100%;
  display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal; overflow-wrap:anywhere; min-height:2.3em; }
.tdf-jcard-val { font-weight:800; font-size:calc((clamp(.78rem,15.5cqmin,2.6rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); color:var(--tdf-ink); line-height:1.05; }
.tdf-jcard-sub { width:100%; display:flex; flex-direction:column; gap:clamp(.12rem,1.6cqmin,.25rem); margin-top:.1rem; }
.tdf-jc-chasers { display:flex; flex-direction:column; align-items:stretch; gap:clamp(.1rem,1.4cqmin,.26rem); margin-top:clamp(.16rem,2.2cqmin,.44rem); width:100%; max-width:100%; min-width:0; }
.tdf-jc-chttl { font-size:calc((clamp(.4rem,6.4cqmin,.72rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); text-transform:uppercase; letter-spacing:.08em; font-weight:800; color:var(--tdf-sub); opacity:.72; text-align:left; padding-left:.15rem; }
.tdf-jc-chrow { display:flex; align-items:center; gap:clamp(.2rem,2.6cqmin,.5rem); padding:clamp(.08rem,1.3cqmin,.2rem) clamp(.2rem,2.6cqmin,.44rem); border:1px solid color-mix(in srgb,var(--jc-col,#8a93a6) 14%,transparent); border-radius:.55rem; background:linear-gradient(90deg,color-mix(in srgb,var(--jc-col,#8a93a6) 9%,transparent),var(--tdf-track-bg)); min-width:0; max-width:100%; }
.tdf-jc-chr { flex:0 0 auto; min-width:clamp(.9rem,7.4cqmin,1.45rem); height:clamp(.9rem,7.4cqmin,1.45rem); border-radius:100px; background:var(--jc-col,#8a93a6); color:#0c1018; font-size:calc((clamp(.44rem,4.8cqmin,.74rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:900; display:flex; align-items:center; justify-content:center; box-shadow:0 1px 2px rgba(0,0,0,.4); }
.tdf-jc-chav { flex:0 0 auto; display:inline-flex; }
.tdf-jcard .tdf-jc-chrow .tdf-jc-chav .tdf-av-sm { width:calc(clamp(1.35rem,12cqmin,2.4rem) * var(--w-photo-scale, 1)); height:calc(clamp(1.35rem,12cqmin,2.4rem) * var(--w-photo-scale, 1)); }
.tdf-jc-chnm { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; font-size:calc((clamp(.5rem,8.6cqmin,1.05rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-ink); text-align:left; }
.tdf-jc-chgap { flex:0 0 auto; font-size:calc((clamp(.44rem,7cqmin,.85rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); white-space:nowrap; }
.tdf-jc-chgap b { display:inline-flex; color:var(--tdf-ink); background:color-mix(in srgb,var(--jc-col,#8a93a6) 18%,transparent); border-radius:999px; padding:.12em .42em; font-weight:900; font-variant-numeric:tabular-nums; }
.tdf-jc-runner { display:flex; align-items:center; gap:clamp(.22rem,3cqmin,.5rem); font-size:calc((clamp(.56rem,9.5cqmin,.95rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-jc-rank { width:1.1rem; color:var(--tdf-sub); font-weight:800; }
.tdf-jc-rn { flex:1; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-jc-runner b { color:var(--tdf-sub); }
.tdf-jcard.is-team .tdf-jc-team { display:flex; justify-content:space-between; gap:clamp(.3rem,3cqmin,.6rem); padding:clamp(.16rem,2.2cqmin,.4rem) clamp(.3rem,3.8cqmin,.65rem); border-radius:.5rem;
  background:var(--tdf-track-bg); font-size:calc((clamp(.62rem,10cqmin,1.05rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-jcard.is-team .tdf-jc-team.win { background:linear-gradient(90deg, rgba(254,221,0,.28), rgba(254,221,0,.08)); font-weight:800; }
.tdf-jcard.is-team .tdf-jc-team b { font-weight:800; }
@container tdfjc (max-height:17rem) {
  .tdf-jcard-sub, .tdf-jcard-meas, .tdf-jcard-margin, .tdf-jcard-days { display:none; }
  .tdf-jcard-rider { width:clamp(3.5rem,42cqmin,7rem); height:clamp(3.5rem,42cqmin,7rem); }
}
@container tdfjc (max-height:8.5rem) { .tdf-jc-chasers { display:none; } }
@container tdfjc (max-height:15.5rem) { .tdf-jcard-meas { display:none; } }
@container tdfjc (max-height:14rem)  { .tdf-jcard-margin, .tdf-jcard-days { display:none; } }
@container tdfjc (max-height:11rem)  { .tdf-jcard-meas, .tdf-jcard-margin, .tdf-jcard-days { display:none; } }
@container tdfjc (max-height:9rem) { .tdf-jcard.has-holder::after { display:none; } }
@container tdfjc (max-height:5.5rem) { .tdf-jcard-name { display:none; } }
@container tdfjc (max-height:3.6rem) { .tdf-jcard-rider { display:none; } }
@container tdfjb (max-height:6.5rem) { .tdf-jb-head { display:none; } }

.tdf-pel { padding:clamp(.42rem,2.9cqi,.7rem) clamp(.55rem,3.9cqi,.95rem); display:flex; flex-direction:column; gap:.15rem; }
.tdf-pel-head { font-weight:800; font-size:calc((clamp(.82rem,5.1cqi,1.25rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); margin-bottom:clamp(.2rem,1.4cqi,.4rem); border-bottom:2px solid var(--tdf-yellow); padding-bottom:clamp(.2rem,1.4cqi,.4rem); }
.tdf-pel-ico { width:1.25em; height:1.25em; display:inline-flex; flex:0 0 auto; }
.tdf-pel-titlewrap { display:flex; flex-direction:column; gap:.05rem; min-width:0; }
.tdf-pel-title { font-family:var(--tdf-font-display); font-weight:800; }
.tdf-pel-sub { font-size:calc((clamp(.5rem,3cqi,.74rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:600; color:var(--tdf-sub); text-transform:none; letter-spacing:0; opacity:.9; }
.tdf-pel-row { display:flex; align-items:center; gap:clamp(.38rem,2.7cqi,.65rem); padding:clamp(.22rem,1.5cqi,.4rem) clamp(.2rem,1.5cqi,.4rem); border-radius:6px; }
.tdf-pel-row:nth-child(even) { background:var(--tdf-row-zebra); }
.tdf-pel-row.is-leader { background:var(--tdf-yellow-soft); }
[data-theme="dark"] .tdf-pel-row.is-leader { background:rgba(254,221,0,.16); }
.tdf-pel-row.is-decorated { box-shadow:inset 2px 0 0 var(--tdf-yellow-deep); }
.tdf-pel-pos { width:clamp(1.1rem,6.8cqi,1.7rem); text-align:center; font-weight:800; color:var(--tdf-sub); flex:0 0 auto; }
.tdf-pel-row.is-leader .tdf-pel-pos { color:var(--tdf-gold); }
.tdf-pel-name { flex:1; font-weight:700; font-size:calc((clamp(.72rem,4.2cqi,1.08rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-pel-deco { display:flex; align-items:center; gap:clamp(.2rem,1.4cqi,.4rem); flex:0 0 auto; }
.tdf-pel-deco .tdf-badge { width:calc(clamp(1rem,6.6cqi,1.65rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1.15rem,7.5cqi,1.9rem) * var(--w-jersey-scale, 1)); display:inline-flex; }
.tdf-pel-medal { display:inline-flex; align-items:center; gap:.12rem; font-size:calc((clamp(.58rem,3.4cqi,.85rem)) * var(--w-font-scale, 1)); font-weight:800; padding:.04rem .32rem .04rem .22rem; border-radius:100px; }
.tdf-pel-medal svg, .tdf-pel-medal .tdf-ico { width:.85em; height:.85em; }
.tdf-pel-medal b { font-variant-numeric:tabular-nums; }
.tdf-pel-sprint { background:color-mix(in srgb, var(--tdf-jersey-green,#1FA84C) 20%, transparent); color:var(--tdf-green-ink); }
.tdf-pel-kom { background:color-mix(in srgb, #E2231A 18%, transparent); color:#E2231A; }
.tdf-pel-badges { display:flex; gap:.15rem; }
.tdf-badge { width:calc(clamp(.9rem,5.3cqi,1.35rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1rem,6.1cqi,1.55rem) * var(--w-jersey-scale, 1)); display:inline-block; }
.tdf-pel-val { font-weight:700; min-width:clamp(2rem,11.6cqi,2.9rem); text-align:right; font-size:calc((clamp(.68rem,4cqi,.98rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); color:var(--tdf-sub); flex:0 0 auto; font-variant-numeric:tabular-nums; }

.tdf-stage { display:flex; align-items:center; gap:clamp(.7rem,4.85cqi,1.2rem); padding:clamp(.28rem,1.9cqi,.5rem) clamp(.62rem,4.4cqi,1.1rem); height:100%;
  background:var(--tdf-surface); border-radius:.8rem; overflow:hidden; }
.tdf-stage-logo { font-weight:900; letter-spacing:.3px; }
.tdf-stage-etape { font-weight:700; }
.tdf-stage-days, .tdf-stage-next { color:var(--tdf-sub); font-size:calc((clamp(.7rem,4.1cqi,1rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-stage-leader { margin-left:auto; font-weight:700; color:var(--tdf-gold); }

.tdf-jersey-svg { display:block; width:100%; height:100%; }

.tdf-lb { display:flex; flex-direction:column; padding:clamp(.4rem,2.7cqi,.65rem) clamp(.5rem,3.4cqi,.85rem); gap:clamp(.32rem,2.2cqi,.55rem); height:100%; box-sizing:border-box; }
.tdf-lb-head { display:flex; align-items:center; gap:clamp(.35rem,2.4cqi,.6rem); }
.tdf-lb-jersey { width:calc(clamp(1.15rem,7.3cqi,1.8rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1.3rem,8.2cqi,2rem) * var(--w-jersey-scale, 1)); flex:0 0 auto; display:inline-block; }
.tdf-lb-title { font-family:var(--tdf-font-display); font-weight:900; font-style:italic; text-transform:uppercase; letter-spacing:.025em; font-size:calc((clamp(.82rem,5.1cqi,1.25rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); }
.tdf-lb-titlewrap { display:flex; flex-direction:column; min-width:0; line-height:1.12; }
.tdf-lb-unit { margin-left:auto; flex:0 0 auto; align-self:center; font-size:calc((clamp(.46rem,2.5cqi,.64rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:800;
  text-transform:uppercase; letter-spacing:.05em; color:var(--tdf-sub); opacity:.9; white-space:nowrap; padding-left:.4rem; }
.tdf-lb-sub { font-family:var(--tdf-font-ui); font-weight:600; font-size:calc((clamp(.54rem,3.3cqi,.8rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub);
  text-transform:none; letter-spacing:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-lb-rows { display:flex; flex-direction:column; gap:.1rem; overflow:auto; flex:1; }
body.canvas-fullscreen .tdf-lb-rows { overflow:hidden; }
.tdf-lbr-groupsep { display:flex; align-items:center; gap:.55em; padding:clamp(3px,1.5cqi,7px) clamp(3px,1.6cqi,8px) clamp(2px,1cqi,4px); }
.tdf-lbr-groupsep::before, .tdf-lbr-groupsep::after { content:''; flex:1; height:2px; border-radius:2px; min-width:8px; }
.tdf-lbr-groupsep::before { background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--grp) 70%, transparent)); }
.tdf-lbr-groupsep::after { background:linear-gradient(90deg, color-mix(in srgb, var(--grp) 70%, transparent), transparent); }
.tdf-lbr-gs-name { display:inline-flex; align-items:center; gap:.42em; font-family:var(--tdf-font-display, inherit); font-weight:900; text-transform:uppercase; letter-spacing:.05em; font-size:calc((clamp(.5rem,3cqi,.72rem)) * var(--w-font-scale,1) * var(--w-sub-scale,1)); color:var(--grp); white-space:nowrap; }
.tdf-lbr-gs-name::before { content:''; width:.62em; height:.62em; border-radius:50%; background:var(--grp); box-shadow:0 0 0 3px color-mix(in srgb, var(--grp) 22%, transparent); flex:0 0 auto; }
.tdf-lbr-gs-count { font-weight:700; font-size:calc((clamp(.44rem,2.5cqi,.62rem)) * var(--w-font-scale,1) * var(--w-sub-scale,1)); color:var(--tdf-sub); white-space:nowrap; }
.tdf-lbr-row { display:flex; align-items:center; gap:clamp(.35rem,2.4cqi,.6rem); padding:clamp(.2rem,1.45cqi,.36rem) clamp(.24rem,1.7cqi,.42rem); border-radius:.45rem; flex-shrink:0; }
.tdf-lbr-row:not(:last-child) { border-bottom:1px solid var(--tdf-line); }
.tdf-lbr-rank { width:clamp(1.1rem,7cqi,1.7rem); text-align:center; font-weight:800; color:var(--tdf-sub); flex:0 0 auto; }
.tdf-lbr-name { flex:1; font-weight:600; font-size:calc((clamp(.74rem,4.4cqi,1.12rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-lbr-badges { display:flex; gap:.18rem; flex:0 0 auto; }
.tdf-lbr-jb { width:calc(clamp(.8rem,4.6cqi,1.15rem) * var(--w-jersey-scale, 1)); height:calc(clamp(.92rem,5.3cqi,1.35rem) * var(--w-jersey-scale, 1)); display:inline-block; }
.tdf-lbr-jb, .tdf-pel-deco .tdf-badge { position:relative; }
.tdf-lbr-jb.is-team, .tdf-pel-deco .tdf-badge.is-team { opacity:.92; }
.tdf-jb-days { position:absolute; right:-.32em; bottom:-.28em; min-width:1.15em; height:1.15em; padding:0 .2em; box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center; font-size:.62em; font-weight:900; line-height:1; border-radius:1em;
  background:var(--tdf-yellow-ink,#111); color:var(--tdf-paper,#fff); box-shadow:0 0 0 1.5px rgba(0,0,0,.35);
  font-variant-numeric:tabular-nums; pointer-events:none; }
.tdf-lbr-row.tdf-lbr-team { position:relative; }
.tdf-lbr-row.tdf-lbr-team { background:linear-gradient(90deg, color-mix(in srgb, var(--tdf-team) 20%, transparent), color-mix(in srgb, var(--tdf-team) 7%, transparent) 55%, color-mix(in srgb, var(--tdf-team) 2%, transparent)); }
.tdf-lbr-row.tdf-lbr-team::before { content:''; position:absolute; left:0; top:clamp(2px,1cqi,5px); bottom:clamp(2px,1cqi,5px); width:clamp(2.5px,1cqi,4px); border-radius:0 3px 3px 0; background:var(--tdf-team); pointer-events:none; }
.tdf-lb.tdf-no-tint .tdf-lbr-row.tdf-lbr-team { background:none; }
.tdf-lb.tdf-no-tint .tdf-lb-rows .tdf-lbr-row.tdf-lbr-team:nth-child(even) { background:var(--tdf-row-zebra); }
.tdf-tour-gc .tdf-lbr-row.tdf-lbr-team { background:color-mix(in srgb, var(--tdf-team) 5%, transparent); }
.tdf-tour-gc .tdf-lbr-row.tdf-lbr-team.is-leader { background:linear-gradient(90deg, rgba(254,221,0,.28), rgba(254,221,0,.08)); }
.tdf-lbr-teamj { width:calc(clamp(.78rem,4.4cqi,1.1rem) * var(--w-jersey-scale, 1)); height:calc(clamp(.9rem,5cqi,1.3rem) * var(--w-jersey-scale, 1)); display:inline-block; flex:0 0 auto; opacity:.95; }
.tdf-lbr-val { font-weight:900; font-size:calc((clamp(.82rem,5.1cqi,1.22rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); min-width:clamp(2.4rem,13.5cqi,3.5rem); text-align:right; flex:0 0 auto; font-variant-numeric:tabular-nums; line-height:1.1; }
.tdf-val-suffix { font-weight:600; font-size:.72em; opacity:.62; margin-left:.12em; }
.tdf-val-prefix { font-weight:600; font-size:.72em; opacity:.62; margin-right:.12em; }
.tdf-lbr-gap { text-align:center; min-width:clamp(2rem,10cqi,2.9rem); box-sizing:border-box; font-size:calc((clamp(.56rem,3.3cqi,.82rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:800; color:var(--tdf-sub); flex:0 0 auto; font-variant-numeric:tabular-nums; padding:1px clamp(3px,1.4cqi,7px); border-radius:999px; background:color-mix(in srgb, var(--tdf-sub) 13%, transparent); margin-left:clamp(2px,1cqi,5px); }
.tdf-lbr-catch { flex:0 0 auto; min-width:clamp(2.6rem,13cqi,3.8rem); box-sizing:border-box; text-align:center; line-height:1; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; margin-left:clamp(2px,1cqi,5px); padding:1px clamp(3px,1.2cqi,6px); border-radius:.4rem; background:color-mix(in srgb,var(--tdf-yellow,#FEDD00) 14%,transparent); }
.tdf-lbr-catch b { font-weight:900; font-size:calc((clamp(.6rem,3.6cqi,.9rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-ink); font-variant-numeric:tabular-nums; }
.tdf-lbr-catch-u { font-size:calc((clamp(.4rem,2.2cqi,.56rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:700; opacity:.7; text-transform:uppercase; letter-spacing:.03em; color:var(--tdf-sub); }
.tdf-lbr-gap.tdf-lbr-gap-empty, .tdf-lbr-catch.tdf-lbr-catch-empty { background:transparent; box-shadow:none; }
@container (max-width: 320px) { .tdf-lb-rows .tdf-lbr-catch { display:none; } }
@container (max-width: 250px) { .tdf-lb-rows .tdf-lbr-teamj, .tdf-lb-rows .tdf-lbr-gap, .tdf-lb-rows .tdf-lbr-reward { display:none; } }
@container (max-width: 185px) { .tdf-lb-rows .tdf-lbr-move, .tdf-lb-rows .tdf-lbr-badges, .tdf-lb-rows .tdf-lbr-dw { display:none; } }
.tdf-lbr-lead { color:var(--tdf-gold); font-weight:800; }
.tdf-lbr-reward { flex:0 0 auto; font-family:var(--tdf-font-display); font-weight:900; font-size:calc((clamp(.58rem,3.3cqi,.82rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-yellow-ink); background:linear-gradient(180deg,#FEDD00,#E0B400); padding:1px clamp(4px,1.8cqi,8px); border-radius:999px; margin-left:clamp(2px,1cqi,5px); white-space:nowrap; box-shadow:0 1px 3px rgba(224,180,0,.4); }
.tdf-lbr-reward small { font-weight:700; font-size:.74em; opacity:.75; }
.tdf-lbr-row.is-podium .tdf-lbr-rank { color:var(--tdf-ink); }
.tdf-lb-gc .tdf-lbr-row.is-leader { background:linear-gradient(90deg, rgba(254,221,0,.22), transparent); }
.tdf-lb-gc .tdf-lbr-row.is-leader .tdf-lbr-rank { background:var(--tdf-yellow); color:var(--tdf-yellow-ink); border-radius:50%; }
.tdf-lb-class .tdf-lbr-row.is-leader { background:linear-gradient(90deg, color-mix(in srgb, var(--tdf-jc,var(--tdf-jersey-green)) 26%, transparent), transparent); }
.tdf-lb-class .tdf-lbr-row.is-leader {
  background:linear-gradient(90deg, color-mix(in srgb, var(--tdf-jc,var(--tdf-jersey-green)) 42%, transparent), color-mix(in srgb, var(--tdf-jc,var(--tdf-jersey-green)) 12%, transparent) 58%, transparent);
  box-shadow:inset 4px 0 0 var(--tdf-jc, var(--tdf-jersey-green));
}

.tdf-lbr-row.is-moved-up, .tdf-lbr-row.is-moved-down { position:relative; }
.tdf-lbr-row.is-moved-up::after, .tdf-lbr-row.is-moved-down::after {
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:2;
  animation: tdfRkBlink 1s ease-in-out infinite, tdfRkLife var(--rk-flash-dur, 30000ms) linear forwards;
}
.tdf-lbr-row.is-moved-up::after   { --rk-c:34,197,94; }
.tdf-lbr-row.is-moved-down::after { --rk-c:239,68,68; }
.tdf-lbr-row.is-moved-up .tdf-lbr-rank, .tdf-lbr-row.is-moved-down .tdf-lbr-rank {
  position:relative; z-index:3; animation: tdfRkRankPulse 1s ease-in-out infinite;
}
.tdf-lbr-row.is-moved-up .tdf-lbr-rank { --rk-c:34,197,94; }
.tdf-lbr-row.is-moved-down .tdf-lbr-rank { --rk-c:239,68,68; }
@keyframes tdfRkBlink {
  0%,100% { background:rgba(var(--rk-c),.10); box-shadow:inset 5px 0 0 rgba(var(--rk-c),.6); }
  50%     { background:rgba(var(--rk-c),.34); box-shadow:inset 7px 0 0 rgba(var(--rk-c),1), 0 0 26px rgba(var(--rk-c),.55); }
}
@keyframes tdfRkRankPulse {
  0%,100% { transform:scale(1); }
  50%     { transform:scale(1.18); text-shadow:0 0 10px rgba(var(--rk-c),.9); }
}
@keyframes tdfRkLife { 0%,94% { opacity:1; } 100% { opacity:0; } }
@media (prefers-reduced-motion: reduce) {
  .tdf-lbr-row.is-moved-up::after, .tdf-lbr-row.is-moved-down::after {
    animation:tdfRkLife var(--rk-flash-dur,30000ms) linear forwards;
    background:rgba(var(--rk-c),.2); box-shadow:inset 5px 0 0 rgba(var(--rk-c),.8);
  }
  .tdf-lbr-row.is-moved-up .tdf-lbr-rank, .tdf-lbr-row.is-moved-down .tdf-lbr-rank { animation:none; }
}
.tdf-lb-class .tdf-lbr-row.is-leader .tdf-lbr-rank {
  background:var(--tdf-jc, var(--tdf-yellow)); color:var(--tdf-jc-ink, var(--tdf-yellow-ink)); border-radius:50%;
  box-shadow:0 0 0 1.5px color-mix(in srgb, var(--tdf-jc-ink, #333) 32%, transparent), 0 1px 4px rgba(0,0,0,.22);
}
.tdf-lbr-empty { color:var(--tdf-sub); font-size:calc((clamp(.7rem,4.1cqi,1rem)) * var(--w-font-scale, 1)); padding:1rem; text-align:center; }
.tdf-imp { font-variant-numeric:tabular-nums; white-space:nowrap; }
.tdf-imp.is-up { color:var(--tdf-ink); }
.tdf-imp.is-down { color:var(--tdf-ink); }
.tdf-imp-ref { font-weight:600; font-size:.58em; opacity:.6; margin-left:.18em; text-transform:none; letter-spacing:0; }
.tdf-jcard-val .tdf-imp-ref { display:block; margin-left:0; line-height:1; }
.tdf-lb-rows .tdf-lbr-header { padding-top:0; padding-bottom:clamp(.1rem,.8cqi,.24rem); background:none !important; }
.tdf-lb-rows .tdf-lbr-header > span { font-size:calc(clamp(.4rem,2.3cqi,.58rem) * var(--w-font-scale,1) * var(--w-sub-scale, 1)) !important; font-weight:800 !important; text-transform:uppercase; letter-spacing:.03em; color:var(--tdf-sub) !important; background:none !important; box-shadow:none !important; white-space:nowrap; }
.tdf-lb-rows .tdf-lbr-header .tdf-lbr-name { font-size:inherit !important; font-weight:800 !important; color:var(--tdf-sub) !important; text-transform:uppercase; letter-spacing:.03em; }
.tdf-lb-rows .tdf-lbr-header .tdf-lbr-val { font-weight:800 !important; }

.tdf-lb-rows .tdf-lbr-row.tdf-lbr-g {
  display:grid;
  grid-template-columns:max-content max-content max-content minmax(clamp(4.2em,24cqi,8em),1fr) minmax(0,max-content) max-content max-content max-content max-content;
  column-gap:0;
  align-items:center;
}
.tdf-lbr-g > .tdf-lbr-badges { overflow:hidden; justify-content:flex-end;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 14%); mask-image:linear-gradient(90deg, transparent 0, #000 14%); }
.tdf-lbr-g > .tdf-lbr-namew { padding-right:clamp(.25em,1.6cqi,.55em); overflow:hidden; }
.tdf-lbr-g > :nth-child(1) { grid-column:1; } .tdf-lbr-g > :nth-child(2) { grid-column:2; }
.tdf-lbr-g > :nth-child(3) { grid-column:3; } .tdf-lbr-g > :nth-child(4) { grid-column:4; }
.tdf-lbr-g > :nth-child(5) { grid-column:5; } .tdf-lbr-g > :nth-child(6) { grid-column:6; }
.tdf-lbr-g > :nth-child(7) { grid-column:7; } .tdf-lbr-g > :nth-child(8) { grid-column:8; }
.tdf-lbr-g > :nth-child(9) { grid-column:9; }
.tdf-lbr-g > * { margin-left:clamp(.35rem,2.4cqi,.6rem); }
.tdf-lbr-g > :first-child, .tdf-lbr-g > .tdf-lbr-slot, .tdf-lbr-g > .tdf-lbr-badges:empty { margin-left:0; }
.tdf-lbr-slot { width:0; min-width:0; padding:0; }
.tdf-lbr-namew { display:flex; align-items:center; min-width:0; }
.tdf-lbr-namew .tdf-lbr-name { flex:0 1 auto; }
.tdf-tour-gc-note { display:block; margin-top:.08em; color:var(--tdf-sub); font-size:.58em; font-weight:800; letter-spacing:.04em; line-height:1; text-transform:uppercase; }
.tdf-lbr-row.is-provisional, .tdf-pel-row.is-provisional { opacity:.78; }
.tdf-lbr-row.is-vacation, .tdf-pel-row.is-vacation, .tdf-pt-row.is-vacation, .tdf-gap-row.is-vacation {
  opacity:1;
  background:color-mix(in srgb,#7db7ff 10%,transparent);
}
.tdf-lbr-row.is-vacation > :not(.tdf-lbr-namew):not(.tdf-tour-gc-gap),
.tdf-pel-row.is-vacation > :not(.tdf-pel-name),
.tdf-pt-row.is-vacation > :not(.tdf-pt-nmw),
.tdf-gap-row.is-vacation > :not(.tdf-gap-name):not(.tdf-gap-val) {
  filter:blur(3px);
  opacity:.38;
  user-select:none;
}
.tdf-lbr-row.is-vacation .tdf-lbr-name,
.tdf-pel-row.is-vacation .tdf-pel-name,
.tdf-pt-row.is-vacation .tdf-pt-nm,
.tdf-gap-row.is-vacation .tdf-gap-name { font-weight:800; }
.tdf-lbr-row.is-vacation .tdf-tour-gc-gap,
.tdf-gap-row.is-vacation .tdf-gap-val {
  text-transform:uppercase;
  letter-spacing:.045em;
  color:#29486f;
  background:color-mix(in srgb,#7db7ff 28%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#7db7ff 52%,transparent);
}
.tdf-tour-gc-note.is-vacation { color:#4f6f9f; }
.tdf-lbr-gap.tdf-tour-gc-gap { min-width:clamp(4.8rem,20cqi,7.2rem); color:var(--tdf-ink); background:color-mix(in srgb,var(--tdf-yellow) 18%,transparent); white-space:nowrap; }
.tdf-lbr-gap.tdf-tour-gc-gap.is-vacation, .tdf-me-gap.is-vacation { color:#29486f; background:color-mix(in srgb,#7db7ff 20%,transparent); }
.tdf-me-gap.is-provisional { color:var(--tdf-ink); background:color-mix(in srgb,var(--tdf-yellow) 16%,transparent); }
.tdf-lbr-badges .tdf-lbr-dw { margin-right:0; }
.tdf-lbr-g > .tdf-lbr-reward { min-width:clamp(2.5rem,11cqi,3.5rem); text-align:center; box-sizing:border-box; justify-self:end; font-variant-numeric:tabular-nums; }
.tdf-lbr-reward.tdf-lbr-reward-empty { background:none; box-shadow:none; padding-left:0; padding-right:0; }
.tdf-lbr-reward.tdf-lbr-earned { background:linear-gradient(180deg,#FEDD00,#E0B400); box-shadow:0 1px 3px rgba(224,180,0,.5), inset 0 0 0 1px rgba(255,255,255,.32); }
.tdf-lbr-reward.tdf-lbr-reward-prize { background:none; color:var(--tdf-sub); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tdf-yellow) 42%,transparent); opacity:.7; }
.tdf-lbr-reward.tdf-lbr-reward-prize small { opacity:.6; }
.tdf-earn { display:inline-flex; align-items:center; gap:.18em; padding:.1em .46em .1em .3em; border-radius:999px;
  font-size:clamp(.55rem,2.6cqi,.72rem); font-weight:800; line-height:1.25; color:#3A2E00; white-space:nowrap;
  background:linear-gradient(180deg,#FEDD00,#E0B400); box-shadow:0 1px 3px rgba(224,180,0,.45), inset 0 0 0 1px rgba(255,255,255,.32); }
.tdf-earn small { font-size:.78em; font-weight:700; opacity:.72; }
.tdf-du-side .tdf-earn { margin-top:.25em; }
.tdf-pod-col .tdf-earn { margin-top:.3em; }
.tdf-earn::before, .tdf-lbr-reward.tdf-lbr-earned::before {
  content:''; flex:0 0 auto; width:.7em; height:.7em; border-radius:50%;
  background:radial-gradient(circle at 34% 30%, #FFF3B0 0 28%, #FEDD00 46%, #E0B400 78%, #C9972B 100%);
  box-shadow: inset 0 0 0 1px #C9972B, 0 1px 1px rgba(120,85,0,.35);
}
.tdf-lbr-reward.tdf-lbr-earned { display:inline-flex; align-items:center; justify-content:center; gap:.16em; }
.tdf-lbr-header .tdf-lbr-reward.tdf-lbr-rewhead { background:none; box-shadow:none; color:inherit; padding-left:0; padding-right:0; }
.tdf-lbr-header .tdf-lbr-rewhead::before { content:none; }

.tdf-stages { display:flex; flex-direction:column; padding:clamp(.4rem,2.7cqi,.65rem) clamp(.5rem,3.4cqi,.85rem); gap:clamp(.28rem,1.9cqi,.5rem); height:100%; box-sizing:border-box; }
.tdf-stages-head { font-weight:800; font-size:calc((clamp(.82rem,5.1cqi,1.25rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); border-bottom:2px solid var(--tdf-yellow); padding-bottom:clamp(.24rem,1.7cqi,.42rem); }
.tdf-stages-ico { width:1.05em; height:1.2em; flex:0 0 auto; display:inline-flex; }
.tdf-stages-ico svg { width:100%; height:100%; }
.tdf-stages-list { display:flex; flex-direction:column; gap:.15rem; overflow:auto; flex:1; padding-top:.15rem; }
.tdf-stg-item { display:flex; align-items:center; gap:clamp(.38rem,2.7cqi,.65rem); padding:clamp(.22rem,1.5cqi,.4rem) clamp(.2rem,1.5cqi,.4rem); border-radius:.45rem; }
.tdf-stg-no { width:clamp(1.25rem,7.8cqi,1.9rem); height:clamp(1.25rem,7.8cqi,1.9rem); flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  border-radius:50%; background:var(--tdf-track-bg); font-weight:800; font-size:calc((clamp(.6rem,3.6cqi,.88rem)) * var(--w-font-scale, 1)); }
.tdf-stg-item.is-done .tdf-stg-no { background:var(--tdf-jersey-green); color:#fff; }
.tdf-stg-item.is-now .tdf-stg-no { background:var(--tdf-yellow); color:var(--tdf-yellow-ink); box-shadow:0 0 0 3px rgba(254,221,0,.35); }
.tdf-stg-item.is-now { background:linear-gradient(90deg, rgba(254,221,0,.14), transparent); }
.tdf-stg-item.is-todo { opacity:.62; }
.tdf-stg-body { flex:1; display:flex; flex-direction:column; min-width:0; }
.tdf-stg-label { font-weight:700; font-size:calc((clamp(.74rem,4.4cqi,1.05rem)) * var(--w-font-scale, 1)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-stg-date { font-size:calc((clamp(.6rem,3.4cqi,.85rem)) * var(--w-font-scale, 1)); color:var(--tdf-sub); }
.tdf-stg-ic { font-size:calc((clamp(.82rem,4.85cqi,1.2rem)) * var(--w-font-scale, 1)); flex:0 0 auto; }
.tdf-stg-leader { font-size:calc((clamp(.64rem,3.8cqi,.92rem)) * var(--w-font-scale, 1)); font-weight:700; color:var(--tdf-gold); flex:0 0 auto; }

.wpm-fam-menu { position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center;
  background:rgba(8,12,22,.5); font-family:'Inter', sans-serif; }
.wpm-fam-menu-card { width:min(420px,92vw); max-height:80vh; overflow:auto; background:var(--card,#fff); color:var(--text-1,#11203a);
  border:1px solid var(--line,rgba(17,32,58,.14)); border-radius:14px; box-shadow:0 24px 70px rgba(0,0,0,.4); padding:14px; }
[data-theme="dark"] .wpm-fam-menu-card { background:#16203a; color:#eaf0fb; border-color:rgba(255,255,255,.14); }
.wpm-fam-menu-head { display:flex; align-items:center; justify-content:space-between; font-weight:800; font-size:calc((1.05rem) * var(--w-font-scale, 1)); margin-bottom:10px; }
.wpm-fam-menu-x { background:none; border:none; font-size:calc((20px) * var(--w-font-scale, 1)); cursor:pointer; color:inherit; }
.wpm-fam-menu-list { display:flex; flex-direction:column; gap:7px; }
.wpm-fam-menu-item { display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:left; padding:10px 12px;
  border:1px solid var(--line,rgba(17,32,58,.16)); border-radius:10px; background:var(--card-2,rgba(0,0,0,.02)); color:inherit; cursor:pointer; font-family:'Inter', sans-serif; }
.wpm-fam-menu-item:hover { border-color:var(--tdf-yellow); background:rgba(254,221,0,.1); }
.wpm-fam-menu-item strong { font-size:calc((.92rem) * var(--w-font-scale, 1)); }
.wpm-fam-menu-item span { font-size:calc((.72rem) * var(--w-font-scale, 1)); color:var(--text-3,var(--tdf-sub)); }

.wpm-fam-tabs { grid-column:1/-1; display:flex; gap:6px; flex-wrap:wrap; margin:0 0 12px;
  padding:5px; border-radius:14px; background:var(--bh-track, rgba(17,32,58,.05));
  border:1px solid var(--bh-edge, rgba(17,32,58,.1)); }
[data-theme="dark"] .wpm-fam-tabs { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); }
.wpm-fam-tabs .pill-btn { flex:1 1 auto; min-width:fit-content; font-weight:700; white-space:nowrap;
  background:transparent; border:1px solid transparent; color:var(--bh-ink-2, #5b6b86);
  border-radius:var(--bh-r-pill, 9px); transition:background .15s, color .15s, border-color .15s; }
.wpm-fam-tabs .pill-btn:hover { color:var(--bh-ink, #1a2740); background:rgba(255,255,255,.4); }
[data-theme="dark"] .wpm-fam-tabs .pill-btn:hover { background:rgba(255,255,255,.08); color:#eaf0fb; }

.tdf-comp-hub { grid-column:1/-1; }
.tdf-comp-card { position:relative; display:flex; align-items:center; gap:18px; width:100%; text-align:left;
  padding:20px 22px 20px 26px; border-radius:18px; cursor:pointer; overflow:hidden; font-family:inherit;
  border:1px solid var(--tdf-yellow,#FEDD00);
  background:linear-gradient(120deg,#fffdf2 0%,#fff7d4 55%,#ffefa6 100%);
  box-shadow:0 10px 26px -14px rgba(201,168,0,.5), inset 0 1px 0 rgba(255,255,255,.65);
  transition:transform .15s ease, box-shadow .15s ease; }
[data-theme="dark"] .tdf-comp-card { background:linear-gradient(120deg,#2a2410 0%,#3a3112 55%,#4a3d10 100%);
  border-color:rgba(254,221,0,.5); box-shadow:0 10px 26px -14px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.06); }
.tdf-comp-card:hover { transform:translateY(-2px); box-shadow:0 16px 34px -14px rgba(201,168,0,.62); }
.tdf-comp-card:focus-visible { outline:2px solid var(--tdf-yellow,#FEDD00); outline-offset:2px; }
.tdf-comp-stripe { position:absolute; left:0; top:0; bottom:0; width:6px;
  background:linear-gradient(180deg,var(--tdf-yellow,#FEDD00) 0 25%,var(--tdf-jersey-green,#1FA84C) 25% 50%,var(--tdf-polka-dot,#E2231A) 50% 75%,#fff 75% 100%); }
.tdf-comp-jersey { flex:0 0 auto; width:62px; height:62px; display:flex; align-items:center; justify-content:center; }
.tdf-comp-jersey svg { width:100%; height:100%; filter:drop-shadow(0 3px 6px rgba(201,168,0,.35)); }
.tdf-comp-cbody { display:flex; flex-direction:column; gap:3px; min-width:0; }
.tdf-comp-kicker { font-size:calc((.6rem) * var(--w-font-scale, 1)); font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#9a7d00; }
[data-theme="dark"] .tdf-comp-kicker { color:var(--tdf-yellow,#FEDD00); }
.tdf-comp-title { font-family:'Saira Condensed','Archivo',sans-serif; font-weight:800; font-style:italic;
  text-transform:uppercase; font-size:calc((1.45rem) * var(--w-font-scale, 1)); line-height:1; letter-spacing:.01em; color:#1a1a12; }
[data-theme="dark"] .tdf-comp-title { color:#fff; }
.tdf-comp-desc { font-size:calc((.72rem) * var(--w-font-scale, 1)); line-height:1.35; color:#5a5230; margin-top:2px; }
[data-theme="dark"] .tdf-comp-desc { color:rgba(255,255,255,.62); }
.tdf-comp-cta { margin-top:8px; align-self:flex-start; font-size:calc((.66rem) * var(--w-font-scale, 1)); font-weight:800; letter-spacing:.02em;
  padding:5px 13px; border-radius:100px; background:var(--tdf-yellow,#FEDD00); color:var(--tdf-yellow-ink,#1a1a12); }
.tdf-hub-back { grid-column:1/-1; justify-self:start; margin:0 0 4px; font-size:calc((.7rem) * var(--w-font-scale, 1)); font-weight:700;
  padding:5px 12px; border-radius:100px; cursor:pointer; font-family:inherit;
  background:transparent; border:1px solid var(--bh-edge,rgba(17,32,58,.18)); color:var(--bh-ink-2,#5b6b86);
  transition:background .15s,color .15s,border-color .15s; }
.tdf-hub-back:hover { color:var(--bh-ink,#1a2740); border-color:var(--tdf-yellow,#FEDD00); background:rgba(254,221,0,.1); }
[data-theme="dark"] .tdf-hub-back:hover { color:#fff; }

.cc-tdf-refresh { margin-top:6px; font-size:calc((.6rem) * var(--w-font-scale, 1)); padding:3px 9px; border-radius:6px;
  border:1px solid var(--line,rgba(17,32,58,.18)); background:transparent; color:var(--text-2,#5b6b86); cursor:pointer; }
.cc-tdf-refresh:hover { border-color:var(--tdf-yellow); }

.tdf-compact .tdf-lbr-row, .tdf-compact .tdf-pel-row { padding-top:.16rem; padding-bottom:.16rem; }
.tdf-compact .tdf-av-sm { width:calc((1.2rem) * var(--w-photo-scale, 1)); height:calc((1.2rem) * var(--w-photo-scale, 1)); font-size:calc((.55rem) * var(--w-font-scale, 1) * var(--w-photo-scale, 1)); }
.tdf-compact .tdf-lbr-name, .tdf-compact .tdf-pel-name { font-size:calc((.92rem) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); }
.custom-card label.cc-check { display:flex; align-items:center; gap:8px; cursor:pointer; font-size:calc((.72rem) * var(--w-font-scale, 1)); }
.custom-card label.cc-check input { flex:0 0 auto; width:auto; }

.tdf-lb-rows .tdf-lbr-rank { border-radius:50%; min-width:1.5rem; height:1.5rem; line-height:1.5rem; display:inline-flex; align-items:center; justify-content:center; }
.tdf-lb-rows .tdf-lbr-row.is-podium:nth-child(1) .tdf-lbr-rank { background:linear-gradient(135deg,var(--tdf-yellow),#E0B400); color:var(--tdf-yellow-ink); box-shadow:0 1px 4px rgba(224,180,0,.5); }
.tdf-lb-rows .tdf-lbr-row.is-podium:nth-child(2) .tdf-lbr-rank { background:linear-gradient(135deg,#dde2ea,#aab2c2); color:var(--tdf-yellow-ink); }
.tdf-lb-rows .tdf-lbr-row.is-podium:nth-child(3) .tdf-lbr-rank { background:linear-gradient(135deg,#e6ad7d,#c5854e); color:var(--tdf-yellow-ink); }
.tdf-lb-gc .tdf-lb-head { border-bottom:2px solid var(--tdf-yellow); padding-bottom:.35rem; }
.tdf-lb-class .tdf-lb-head { border-bottom:2px solid var(--tdf-jc,var(--tdf-jersey-green)); padding-bottom:.35rem; }
.tdf-lb-rows .tdf-lbr-row:hover { background:var(--tdf-track-bg); }
.tdf-jcard:has(.tdf-jcard-svg) { transition:transform .15s; }
.tdf-jb-head, .tdf-pel-head, .tdf-lb-title, .tdf-stages-head { display:flex; align-items:center; gap:.4rem; }

.tdf-rr-title, .tdf-jb-head, .tdf-pel-head, .tdf-lb-title, .tdf-stages-head, .tdf-stage-logo {
  font-family: var(--tdf-font-display); font-weight:800; font-style:italic;
  text-transform:uppercase; letter-spacing:.01em;
}
.tdf-lbr-rank, .tdf-lane-pos, .tdf-pel-pos {
  font-family: var(--tdf-font-display); font-weight:800; font-style:italic;
}
.tdf-lbr-name, .tdf-lane-name, .tdf-pel-name, .tdf-jcard-who {
  font-family: var(--tdf-font-display); font-weight:700;
  text-transform:uppercase; letter-spacing:.035em;
}
.tdf-lbr-val, .tdf-lbr-gap, .tdf-lane-val, .tdf-pel-val, .tdf-jcard-val {
  font-family: var(--tdf-font-display); font-weight:700;
}
.tdf-jcard-name, .tdf-stage-etape {
  font-family: var(--tdf-font-ui); text-transform:uppercase; letter-spacing:.02em;
}

.tdf-ico { width:1em; height:1em; display:inline-block; vertical-align:-.12em; }
.tdf-mv-ic { width:.78em; height:.78em; display:inline-block; vertical-align:-.06em; flex:0 0 auto; }
.tdf-stage-ico, .tdf-goal-ico { display:inline-flex; width:1.15em; height:1.15em; vertical-align:-.18em; }
.tdf-stage-ico .tdf-ico, .tdf-goal-ico .tdf-ico { width:100%; height:100%; }
.tdf-goal-ico .tdf-ico { color:var(--tdf-ink); }
.tdf-stage-jersey { display:inline-block; width:calc(1.05em * var(--w-jersey-scale, 1)); height:calc(1.25em * var(--w-jersey-scale, 1)); vertical-align:-.22em; }
.tdf-stage-jersey .tdf-jersey-svg { width:100%; height:100%; }
.tdf-stg-ic .tdf-ico { width:clamp(1rem,6.6cqi,1.65rem); height:clamp(1rem,6.6cqi,1.65rem); }
.tdf-stg-climb .tdf-stg-ic { color:var(--tdf-polka-dot); }
.tdf-stg-sprint .tdf-stg-ic { color:var(--tdf-jersey-green); }
.tdf-stg-finish .tdf-stg-ic { color:var(--tdf-ink); }

.tdf-ticker { display:flex; align-items:stretch; height:100%; min-height:clamp(1.7rem,10.2cqi,2.7rem); border-radius:12px; overflow:hidden;
  background:linear-gradient(180deg, #161b28 0%, #0d1017 100%); color:#fff; font-family:var(--tdf-font-display);
  position:relative; border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 34px -14px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.05); }
.tdf-ticker::before { content:''; position:absolute; inset:0 0 auto 0; height:2px; z-index:4;
  background:linear-gradient(90deg, var(--tdf-yellow), transparent 68%); opacity:.85; }
.tdf-ticker-label { display:flex; align-items:center; gap:clamp(.36rem,2.3cqi,.58rem); flex:0 0 auto;
  padding:0 clamp(1rem,5.6cqi,1.55rem) 0 clamp(.66rem,4.4cqi,1.1rem); position:relative; z-index:2;
  background:linear-gradient(180deg, #E4022E, #A80019); color:#fff; font-weight:900; font-style:italic;
  text-transform:uppercase; letter-spacing:.14em; font-size:calc((clamp(.6rem,3.3cqi,.84rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1));
  clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  box-shadow:8px 0 20px -8px rgba(0,0,0,.6); }
.tdf-ticker-label .tdf-ico { display:none; }
.tdf-ticker-label::before { content:''; width:clamp(.42rem,2.5cqi,.6rem); height:clamp(.42rem,2.5cqi,.6rem); border-radius:50%; background:#fff; flex:0 0 auto;
  box-shadow:0 0 8px rgba(255,255,255,.7); animation:tdfRecPulse 1.15s ease-in-out infinite; }
@keyframes tdfRecPulse { 0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(255,255,255,.7); } 50%{ opacity:.4; box-shadow:0 0 0 5px rgba(255,255,255,0); } }
.tdf-ticker-track { flex:1; overflow:hidden; position:relative; display:flex; align-items:center;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 3.5%, #000 96.5%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 3.5%, #000 96.5%, transparent); }
.tdf-ticker-run { display:inline-flex; align-items:center; flex:0 0 auto; white-space:nowrap; animation:tdf-tick var(--tk-dur,30s) linear infinite; padding-left:clamp(.6rem,3.9cqi,1rem); }
@keyframes tdf-tick { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.tdf-ticker:hover .tdf-ticker-run { animation-play-state:paused; }
.tdf-tk-item { display:inline-flex; align-items:center; gap:clamp(.32rem,2.1cqi,.52rem); font-weight:700; padding:clamp(.17rem,1.05cqi,.32rem) clamp(.52rem,3.1cqi,.86rem); margin:0 .1rem;
  border-radius:8px; color:var(--tdf-paper); background:color-mix(in srgb, currentColor 11%, transparent); }
.tdf-tk-item::before { content:''; width:.46em; height:.46em; border-radius:50%; background:currentColor; flex:0 0 auto;
  box-shadow:0 0 7px currentColor; opacity:.9; }
.tdf-tk-item.has-ico::before { display:none; }
.tdf-tk-ico { width:1.3em; height:1.3em; display:inline-flex; flex:0 0 auto; }
.tdf-tk-ico .tdf-jersey-svg, .tdf-tk-ico .tdf-ico, .tdf-tk-ico svg { width:100%; height:100%; }
.tdf-tk-txt { white-space:nowrap; letter-spacing:.005em; color:#eef2fa; }
.tdf-tk-sep { color:var(--tdf-yellow); opacity:.4; padding:0 clamp(.22rem,1.5cqi,.4rem); font-weight:700; }
.tdf-tk-jersey, .tdf-tk-lead { color:var(--tdf-yellow); }
.tdf-tk-sprint { color:#3ec46e; }
.tdf-tk-climb, .tdf-tk-kom { color:#ff5f5f; }
.tdf-tk-milestone { color:#ffcf4d; }
.tdf-tk-stage { color:#ffd76b; }
.tdf-tk-overtake { color:#57c4ff; }
.tdf-tk-team { color:#7ea7ff; }
.tdf-tk-onfire { color:#ff924d; }
.tdf-ticker-idle .tdf-ticker-run { animation-duration:50s; opacity:.55; font-style:italic; }
.tdf-ticker-idle .tdf-tk-item { background:transparent; color:var(--tdf-sub, #9aa6bd); }
.tdf-ticker-idle .tdf-tk-item::before { display:none; }

.tdf-sb { display:flex; align-items:center; gap:clamp(.5rem,3cqi,.9rem); height:100%; min-height:clamp(2.2rem,14cqi,3.4rem);
  padding:clamp(.3rem,2cqi,.6rem) clamp(.6rem,3.5cqi,1.1rem); border-radius:13px; overflow:hidden; position:relative;
  background:linear-gradient(180deg,#161b28,#0d1017); color:#fff; font-family:var(--tdf-font-display);
  border:1px solid rgba(255,255,255,.08); border-left:4px solid var(--tdf-yellow);
  box-shadow:0 12px 34px -14px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05); }
.tdf-sb-jersey { width:calc(clamp(1.7rem,11cqi,2.6rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1.7rem,11cqi,2.6rem) * var(--w-jersey-scale, 1)); flex:0 0 auto; display:inline-flex; }
.tdf-sb-jersey .tdf-jersey-svg, .tdf-sb-jersey svg { width:100%; height:100%; }
.tdf-sb-body { display:flex; flex-direction:column; min-width:0; flex:1 1 auto; }
.tdf-sb-lab { display:inline-flex; align-items:center; gap:.4rem; font-size:calc((clamp(.5rem,2.8cqi,.66rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--tdf-yellow); }
.tdf-sb-live { width:.5em; height:.5em; flex:0 0 auto; border-radius:50%; background:var(--tdf-flamme,#E2001A); box-shadow:0 0 8px var(--tdf-flamme,#E2001A); animation:tdfRecPulse 1.15s ease-in-out infinite; }
.tdf-sb-name { font-size:calc((clamp(1rem,6cqi,1.7rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); font-weight:900; line-height:1.05; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tdf-sb-sub { font-size:calc((clamp(.56rem,3cqi,.76rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:600; color:var(--tdf-sub,#9aa6bd); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tdf-sb-val { flex:0 0 auto; font-size:calc((clamp(1.1rem,7cqi,2rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); font-weight:900; color:var(--tdf-yellow); font-variant-numeric:tabular-nums; }
.tdf-sb-gap { flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end; font-size:calc((clamp(.66rem,3.6cqi,.9rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:800; color:var(--tdf-sub,#9aa6bd); font-variant-numeric:tabular-nums; line-height:1; }
.tdf-sb-gap small { font-size:.62em; font-weight:600; opacity:.75; text-transform:uppercase; letter-spacing:.04em; }
.tdf-sb-empty, .tdf-fl-empty { display:flex; align-items:center; justify-content:center; height:100%; padding:.5rem; font-size:calc((clamp(.6rem,3.4cqi,.72rem)) * var(--w-font-scale, 1)); color:var(--tdf-sub,#9aa6bd); background:var(--tdf-track-bg,rgba(255,255,255,.03)); border-radius:12px; text-align:center; }

.tdf-fl { display:flex; align-items:center; gap:clamp(.5rem,3cqi,.9rem); height:100%; min-height:clamp(2.2rem,14cqi,3.4rem);
  padding:clamp(.3rem,2cqi,.6rem) clamp(.6rem,3.5cqi,1.1rem); border-radius:13px; overflow:hidden; position:relative;
  background:linear-gradient(180deg,#1a1016,#0d0a0c); color:#fff; font-family:var(--tdf-font-display);
  border:1px solid rgba(226,0,26,.35); box-shadow:0 12px 34px -14px rgba(0,0,0,.7); transition:box-shadow .3s; }
.tdf-fl.is-hot { animation:tdfFlHot 1.4s ease-in-out infinite; }
@keyframes tdfFlHot { 0%,100%{ box-shadow:0 0 0 1px rgba(226,0,26,.3), 0 12px 34px -14px rgba(0,0,0,.7); } 50%{ box-shadow:0 0 0 1px rgba(226,0,26,.85), 0 0 26px -4px var(--tdf-flamme,#E2001A), 0 12px 34px -14px rgba(0,0,0,.7); } }
.tdf-fl-flag { width:clamp(1.5rem,9cqi,2.3rem); height:clamp(1.5rem,9cqi,2.3rem); flex:0 0 auto; color:var(--tdf-flamme,#E2001A); display:inline-flex; }
.tdf-fl.is-hot .tdf-fl-flag { animation:tdf-flag-wave 1.2s ease-in-out infinite; transform-origin:left center; }
@keyframes tdf-flag-wave { 0%,100%{ transform:rotate(-6deg); } 50%{ transform:rotate(8deg); } }
.tdf-fl-flag svg { width:100%; height:100%; }
.tdf-fl-body { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:.35rem; }
.tdf-fl-lab { font-size:calc((clamp(.56rem,3.2cqi,.82rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--tdf-flamme,#E2001A); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tdf-fl-bar { height:clamp(5px,2.4cqi,9px); border-radius:999px; background:rgba(255,255,255,.1); overflow:hidden; }
.tdf-fl-fill { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--tdf-yellow),var(--tdf-flamme,#E2001A)); transition:width .6s ease; }
.tdf-fl-pct { flex:0 0 auto; font-size:calc((clamp(.8rem,5cqi,1.3rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); font-weight:900; color:#fff; font-variant-numeric:tabular-nums; }

.tdf-evt-host { position:fixed; top:1rem; left:50%; transform:translateX(-50%); z-index:99999;
  display:flex; flex-direction:column; gap:.5rem; align-items:center; pointer-events:none; }
.tdf-evt-banner { display:flex; align-items:center; gap:.6rem; padding:.55rem 1.15rem; border-radius:999px;
  background:var(--tdf-ink); color:var(--tdf-paper); font-family:var(--tdf-font-display); font-weight:800; font-style:italic;
  text-transform:uppercase; letter-spacing:.02em; box-shadow:0 10px 34px rgba(0,0,0,.32);
  opacity:0; transform:translateY(-18px) scale(.95); transition:opacity .4s ease, transform .45s cubic-bezier(.2,.9,.3,1.3); }
.tdf-evt-banner.show { opacity:1; transform:translateY(0) scale(1); }
.tdf-evt-jersey, .tdf-evt-lead { background:var(--tdf-yellow); color:var(--tdf-yellow-ink); }
.tdf-evt-milestone { background:var(--tdf-flamme); color:#fff; }
.tdf-evt-sprint { background:var(--tdf-jersey-green); color:#fff; }
.tdf-evt-ico { width:1.55em; height:1.55em; display:inline-flex; flex:0 0 auto; }
.tdf-evt-ico .tdf-jersey-svg, .tdf-evt-ico .tdf-ico { width:100%; height:100%; }

@media (prefers-reduced-motion: reduce) {
  .tdf-ticker-run { animation:none; }
  .tdf-ticker-track { overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
  .tdf-evt-banner { transition:opacity .25s ease; transform:none; }
  .tdf-evt-banner.show { transform:none; }
}

.tdf-lb-gc       { --tdf-jc: var(--tdf-yellow);        --tdf-jc-ink:#1a1300; }
.tdf-lb.tdf-j-yellow { --tdf-jc: var(--tdf-yellow);     --tdf-jc-ink:#1a1300; }
.tdf-lb.tdf-j-green  { --tdf-jc: var(--tdf-jersey-green);--tdf-jc-ink:#fff; }
.tdf-lb.tdf-j-polka  { --tdf-jc: var(--tdf-polka-dot);  --tdf-jc-ink:#fff; }
.tdf-lb.tdf-j-white  { --tdf-jc: #e9edf4;               --tdf-jc-ink:#1a1300; }
.tdf-lb-rows .tdf-lbr-row { border-radius:8px; transition:background .18s ease,box-shadow .18s ease,transform .18s ease; }
.tdf-lb-rows .tdf-lbr-row:nth-child(even):not(.tdf-lbr-team) { background:var(--tdf-row-zebra); }
.tdf-lb-rows .tdf-lbr-row.is-leader {
  background:linear-gradient(105deg,var(--tdf-jc,var(--tdf-yellow)),color-mix(in srgb,var(--tdf-jc,var(--tdf-yellow)) 82%,#fff));
  border-left:4px solid color-mix(in srgb,var(--tdf-jc,var(--tdf-yellow)) 72%,#000); padding-left:.4rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 6px 18px color-mix(in srgb,var(--tdf-jc,var(--tdf-yellow)) 23%,transparent);
  color:var(--tdf-jc-ink,#1a1300);
}
.tdf-lb-rows .tdf-lbr-row.is-podium:not(.is-leader) { background:linear-gradient(90deg,color-mix(in srgb,var(--tdf-jc,var(--tdf-yellow)) 10%,transparent),transparent 76%); }
.tdf-lb-rows .tdf-lbr-row.is-podium:not(.is-leader) .tdf-lbr-name { font-weight:800; }
.tdf-lb-rows .tdf-lbr-row.is-leader .tdf-lbr-name,
.tdf-lb-rows .tdf-lbr-row.is-leader .tdf-lbr-val { color:var(--tdf-jc-ink,#1a1300); }
.tdf-lb-rows .tdf-lbr-row.is-leader .tdf-lbr-gap,
.tdf-lb-rows .tdf-lbr-row.is-leader .tdf-lbr-lead { color:color-mix(in srgb, var(--tdf-jc-ink,#1a1300) 72%, transparent); }
[data-theme="light"] .tdf-lb.tdf-j-white .tdf-lbr-row.is-leader {
  background:linear-gradient(90deg, #ccd4df 0%, rgba(204,212,223,.30) 100%) !important;
  border-left-color:#9aa6b8 !important; box-shadow:inset 0 0 0 1px rgba(30,40,60,.18);
}
[data-theme="light"] .tdf-lb.tdf-j-white .tdf-lb-head { border-bottom-color:#9aa6b8 !important; }
.tdf-lbr-move { flex:0 0 auto; width:1.5em; text-align:center; font-size:calc((clamp(.56rem,3.4cqi,.85rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:800; line-height:1; }
.tdf-lbr-move.is-up { color:var(--tdf-green-ink); }
.tdf-lbr-move.is-down { color:#E2231A; }
.tdf-lbr-move.is-new { color:var(--tdf-yellow-deep); }
.tdf-lbr-move.is-flat { color:var(--tdf-sub); opacity:.45; }
.tdf-lbr-tj { display:flex; align-items:center; justify-content:center; overflow:visible; }
.tdf-lbr-tj svg { width:calc(1.3em * var(--w-jersey-scale, 1)); height:auto; }
.tdf-lb-rows .tdf-lbr-rank { position:relative; overflow:visible; }
.tdf-lbr-rankmv { position:absolute; top:-.28em; right:-.42em; font-size:.5em; font-weight:900; line-height:1; text-shadow:0 1px 2px rgba(0,0,0,.35); pointer-events:none; }
.tdf-lbr-rankmv.is-up { color:var(--tdf-green-ink,#1FA84C); }
.tdf-lbr-rankmv.is-down { color:#E2231A; }
.tdf-lbr-rankmv.is-new { color:var(--tdf-yellow-deep,#E0B400); }
.tdf-lb-rows .tdf-lbr-rank { min-width:1.55rem; text-align:center; }

.tdf-cyc { animation: tdf-bob .6s ease-in-out infinite alternate; }
@keyframes tdf-bob { from { transform: translateY(0); } to { transform: translateY(-1.5px); } }
.tdf-cyclist::before { content:''; position:absolute; right:100%; top:48%; width:1.3rem; height:2px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.55)); border-radius:2px; pointer-events:none;
  animation: tdf-speed .5s linear infinite; }
@keyframes tdf-speed { 0%{opacity:0;transform:translateX(6px)} 50%{opacity:1} 100%{opacity:0;transform:translateX(-4px)} }
.tdf-rr.is-flamme { animation: tdf-flamme-pulse 1.1s ease-in-out infinite; border-radius:.7rem; }
@keyframes tdf-flamme-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(226,0,26,0)} 50%{box-shadow:0 0 0 3px rgba(226,0,26,.5)} }
.tdf-flamme-banner { text-align:center; font-family:var(--tdf-font-display); font-weight:800; font-style:italic;
  text-transform:uppercase; letter-spacing:.08em; color:#fff; background:var(--tdf-flamme); padding:.22rem .4rem;
  border-radius:.4rem; margin-bottom:.35rem; animation: tdf-flamme-blink 1s steps(2,end) infinite; }
@keyframes tdf-flamme-blink { 50% { opacity:.72; } }
@media (prefers-reduced-motion: reduce) {
  .tdf-cyc, .tdf-cyclist::before, .tdf-rr.is-flamme, .tdf-flamme-banner, .tdf-cyc-spark { animation:none; }
  .tdf-cyclist, .tdf-road-fill { transition:none; }
}

.tdf-stage { position:relative; }
.tdf-stage-fg { display:flex; align-items:center; gap:1rem; width:100%; }
.tdf-stage-bg { position:absolute; inset:0; opacity:.16; pointer-events:none; display:flex; align-items:flex-end; }
.tdf-stage-bg .tdf-profile { width:100%; height:100%; display:block; }
.tdf-stage-prog { position:absolute; top:0; bottom:0; width:2px; background:var(--tdf-flamme); opacity:.7; }

.tdf-stage-fg { flex-wrap:wrap; row-gap:.25rem; }
.tdf-rr-head { flex-wrap:wrap; gap:.3rem; }
.tdf-lbr-row, .tdf-pel-row, .tdf-lane-info, .tdf-lbr-name, .tdf-pel-name, .tdf-lane-name { min-width:0; }
@media (max-width: 560px) {
  .tdf-rr-title, .tdf-jb-head, .tdf-pel-head, .tdf-lb-title, .tdf-stages-head { font-size:calc((1rem) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); }
  .tdf-lane-name, .tdf-lbr-name, .tdf-pel-name { font-size:calc((.9rem) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); }
  .tdf-stage { gap:.5rem; }
}

@container tdfrr (max-height:340px) {
  .tdf-rr-head { min-height:18px; gap:4px; padding-bottom:2px; }
  .tdf-rr-kicker { display:none; }
  .tdf-rr-titlewrap { gap:0; }
  .tdf-rr-title, .tdf-rr-leader { font-size:14px; }
  .tdf-rr-leader { padding:1px 6px; }
  .tdf-rr-leader svg { width:14px; height:16px; }
  .tdf-lanes { justify-content:flex-start; gap:2px; padding:1px 0; overflow-y:auto; }
  .tdf-lane { gap:1px; }
  .tdf-lane-info { gap:5px; min-height:15px; }
  .tdf-lane-pos { width:15px; height:15px; font-size:10px; }
  .tdf-lane-name, .tdf-lane-val { font-size:13px; line-height:14px; }
  .tdf-lane-jersey { width:12px; height:14px; }
  .tdf-road { height:10px; min-height:10px; border-radius:4px; }
  .tdf-road::after { border-top-width:1px; }
  .tdf-finish { width:6px; background-size:6px 6px; background-position:0 0,3px 3px; }
  .tdf-cyclist { width:19px; height:13px; bottom:0; }
  .tdf-rr-foot { height:11px; margin-top:0; }
  .tdf-goal-flag { font-size:9px; }
}

.tdf-countdown { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:clamp(.32rem,2.2cqi,.55rem); padding:clamp(.35rem,2.4cqi,.6rem); text-align:center; }
.tdf-cd-title { font-family:var(--tdf-font-display); font-weight:800; font-style:italic; text-transform:uppercase; letter-spacing:.04em; color:var(--tdf-sub); font-size:calc((clamp(.64rem,3.8cqi,.92rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); }
.tdf-cd-row { display:flex; gap:clamp(.38rem,2.7cqi,.65rem); align-items:flex-end; justify-content:center; flex-wrap:wrap; }
.tdf-cd-unit { display:flex; flex-direction:column; align-items:center; min-width:clamp(1.6rem,10.2cqi,2.5rem); }
.tdf-cd-num { font-family:var(--tdf-font-display); font-weight:800; font-size:calc((clamp(1.4rem,9.2cqi,2.3rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); line-height:1; font-variant-numeric:tabular-nums; color:var(--tdf-ink); }
.tdf-cd-lbl { font-size:calc((clamp(.48rem,2.8cqi,.7rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); text-transform:uppercase; letter-spacing:.05em; color:var(--tdf-sub); margin-top:.15rem; }
.tdf-cd-done { font-family:var(--tdf-font-display); font-weight:800; font-style:italic; text-transform:uppercase; color:var(--tdf-flamme); font-size:calc((clamp(.95rem,5.8cqi,1.45rem)) * var(--w-font-scale, 1)); }

.tdf-lbr-dw { display:inline-flex; align-items:center; gap:1px; font-size:calc((clamp(.54rem,3.2cqi,.78rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:800; color:var(--tdf-green-ink); margin-right:.35rem; }
.tdf-lbr-dw-ic { width:.95em; height:.95em; display:inline-flex; }
.tdf-lbr-dw-ic .tdf-ico { width:100%; height:100%; }
.tdf-me { gap:clamp(.4rem,2.8cqi,.7rem); }
.tdf-me-head { display:flex; align-items:center; justify-content:space-between; gap:.4rem; }
.tdf-me-title { font-family:var(--tdf-font-display); font-weight:800; font-style:italic; text-transform:uppercase; letter-spacing:.04em; font-size:calc((clamp(.74rem,5cqi,1.2rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); }
.tdf-me-rankbadge { font-weight:900; font-size:calc((clamp(.6rem,3.8cqi,.95rem)) * var(--w-font-scale, 1)); padding:clamp(2px,1cqi,5px) clamp(6px,2.6cqi,12px); border-radius:999px; background:var(--tdf-track-bg); color:var(--tdf-ink); white-space:nowrap; }
.tdf-me.is-leader .tdf-me-rankbadge { background:linear-gradient(180deg,#FEDD00,#E0B400); color:var(--tdf-yellow-ink); }
.tdf-me-hero { display:flex; align-items:center; gap:clamp(.5rem,3cqi,1rem); }
.tdf-me .tdf-av-lg { width:calc(clamp(2.6rem,17cqi,5rem) * var(--w-photo-scale, 1)); height:calc(clamp(2.6rem,17cqi,5rem) * var(--w-photo-scale, 1)); box-shadow:0 0 0 3px var(--tdf-team,var(--tdf-yellow)); flex:0 0 auto; }
.tdf-me-who { min-width:0; flex:1; }
.tdf-me-name { font-family:var(--tdf-font-display); font-weight:800; text-transform:uppercase; letter-spacing:.03em; font-size:calc((clamp(.8rem,5.4cqi,1.5rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-me-team { font-size:calc((clamp(.56rem,3.2cqi,.82rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-me-statbox { display:flex; align-items:baseline; gap:clamp(2px,1.2cqi,6px); flex:0 0 auto; }
.tdf-me-val { font-family:var(--tdf-font-display); font-weight:900; font-size:calc((clamp(1.1rem,9cqi,2.6rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); line-height:1; font-variant-numeric:tabular-nums; }
.tdf-me-unit { font-size:calc((clamp(.5rem,2.8cqi,.72rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:800; color:var(--tdf-sub); text-transform:uppercase; }
.tdf-me-move { font-weight:800; font-size:calc((clamp(.56rem,3.2cqi,.85rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-me-move.is-up { color:var(--tdf-green-ink); } .tdf-me-move.is-down { color:#E2231A; } .tdf-me-move.is-new { color:var(--tdf-yellow-deep); }
.tdf-me-gap { font-family:var(--tdf-font-display); font-weight:800; font-size:calc((clamp(.7rem,4.6cqi,1.25rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); text-align:center; padding:clamp(4px,2cqi,9px); border-radius:.5rem; background:color-mix(in srgb, var(--tdf-green-ink) 12%, transparent); color:var(--tdf-green-ink); }
.tdf-me-gap.is-leader { background:linear-gradient(90deg, rgba(254,221,0,.3), rgba(254,221,0,.12)); color:var(--tdf-yellow-ink); }
.tdf-me-wins { display:flex; gap:.3rem; flex-wrap:wrap; }
.tdf-me-chip { font-size:calc((clamp(.56rem,3.2cqi,.8rem)) * var(--w-font-scale, 1)); font-weight:800; padding:2px clamp(5px,2cqi,9px); border-radius:999px; background:var(--tdf-track-bg); color:var(--tdf-green-ink); }
.tdf-me-jerseys { display:flex; flex-direction:column; gap:clamp(2px,1.4cqi,5px); }
.tdf-me-jhead { font-size:calc((clamp(.52rem,3cqi,.72rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--tdf-sub); }
.tdf-me-jrow { display:flex; align-items:center; gap:clamp(.35rem,2.2cqi,.6rem); }
.tdf-me-jico { width:calc(clamp(.9rem,4.8cqi,1.3rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1rem,5.4cqi,1.5rem) * var(--w-jersey-scale, 1)); flex:0 0 auto; } .tdf-me-jico svg { width:100%; height:100%; }
.tdf-me-jname { flex:1; font-weight:600; font-size:calc((clamp(.6rem,3.6cqi,.92rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-me-jpos { font-weight:800; font-size:calc((clamp(.6rem,3.6cqi,.92rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); flex:0 0 auto; }
.tdf-me-jlead { color:var(--tdf-gold); }
.tdf-me-jgap { color:var(--tdf-sub); font-weight:600; }
.tdf-me-goal { display:flex; flex-direction:column; gap:clamp(2px,1cqi,4px); }
.tdf-me-goalbar { height:clamp(.5rem,2.6cqi,.85rem); border-radius:999px; background:var(--tdf-track-bg); overflow:hidden; }
.tdf-me-goalfill { height:100%; border-radius:999px; background:linear-gradient(90deg,var(--tdf-green-ink),#3ddc84); transition:width .5s ease; }
.tdf-me-goalfill.is-done { background:linear-gradient(90deg,#FEDD00,#E0B400); }
.tdf-me-goaltxt { font-size:calc((clamp(.54rem,3cqi,.78rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:700; color:var(--tdf-sub); text-align:center; }
.tdf-me-reward { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:clamp(5px,2.4cqi,11px) clamp(8px,3cqi,14px); border-radius:.6rem; background:linear-gradient(120deg, rgba(254,221,0,.16), rgba(254,221,0,.06)); border:1.5px solid rgba(224,180,0,.45); }
.tdf-me-reward.is-winning { background:linear-gradient(120deg, rgba(254,221,0,.34), rgba(254,221,0,.14)); border-color:#E0B400; }
.tdf-me-reward.is-earned { background:linear-gradient(120deg, rgba(31,168,76,.20), rgba(31,168,76,.06)); border-color:rgba(31,168,76,.5); }
.tdf-me-reward.is-earned .tdf-me-rval { color:var(--tdf-green-ink,#1FA84C); }
.tdf-me-rlabel { font-family:var(--tdf-font-display); font-weight:800; font-style:italic; text-transform:uppercase; letter-spacing:.04em; font-size:calc((clamp(.56rem,3.2cqi,.82rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-yellow-ink); }
.tdf-me-rval { font-family:var(--tdf-font-display); font-weight:900; font-size:calc((clamp(.74rem,4.4cqi,1.2rem)) * var(--w-font-scale, 1)); color:var(--tdf-yellow-ink); white-space:nowrap; }
.tdf-me-rval small { font-weight:700; font-size:.72em; opacity:.8; }

.tdf-rr.is-joker { animation-duration:.7s; }
.tdf-rr.is-joker .tdf-flamme-banner { animation-duration:.55s; letter-spacing:.1em; }

.tdf-finished { position:relative; }
.tdf-finished::after { content:'AFSLUTTET'; position:absolute; top:clamp(.3rem,2cqi,.5rem); right:clamp(.38rem,2.7cqi,.65rem); z-index:4; pointer-events:none;
  font-family:var(--tdf-font-display); font-weight:800; font-style:italic; font-size:calc((clamp(.5rem,3cqi,.72rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); letter-spacing:.09em;
  padding:clamp(.1rem,.7cqi,.16rem) clamp(.34rem,2.4cqi,.58rem); border-radius:.35rem; background:var(--tdf-ink); color:var(--tdf-paper); opacity:.82; }
.tdf-finished .tdf-lb-head, .tdf-finished .tdf-rr-head, .tdf-finished .tdf-pel-head { padding-right:clamp(4rem,22cqi,5.5rem); }

.tdf-evt-banner { max-width:min(92vw, 32rem); }
.tdf-evt-txt { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-stage-leader { min-width:0; max-width:14rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.tdf-lbr-cd { color:var(--tdf-polka-dot); }

.tdf-rr.is-mountain { gap:clamp(.32rem,2.2cqi,.55rem); }
.tdf-mhd { display:flex; align-items:baseline; gap:clamp(.35rem,2.4cqi,.6rem) clamp(.5rem,3.4cqi,.85rem); flex-wrap:wrap; }
.tdf-mhd-etape { font-weight:800; font-size:calc((clamp(.64rem,3.8cqi,.92rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); text-transform:uppercase; letter-spacing:.6px;
  color:var(--tdf-yellow-ink); background:var(--tdf-yellow); padding:.12rem clamp(.35rem,2.4cqi,.6rem); border-radius:100px; flex:0 0 auto; }
.tdf-mhd-nm { font-weight:800; font-size:calc((clamp(.9rem,5.4cqi,1.35rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); letter-spacing:.2px; }
.tdf-mhd-km, .tdf-mhd-alt { font-size:calc((clamp(.66rem,4cqi,.98rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:700; color:var(--tdf-sub); display:inline-flex; align-items:center; gap:.2rem; }
.tdf-mhd-alt svg { width:clamp(.78rem,4.6cqi,1.15rem); height:clamp(.78rem,4.6cqi,1.15rem); }
.tdf-mhd-leader { margin-left:auto; display:flex; align-items:center; gap:clamp(.25rem,1.7cqi,.45rem); font-weight:800; color:var(--tdf-gold); }
.tdf-mhd-leader svg { width:calc(clamp(.95rem,5.6cqi,1.4rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1.1rem,6.5cqi,1.6rem) * var(--w-jersey-scale, 1)); }

.tdf-mtn { position:relative; height:clamp(150px, 70cqi, 350px); margin-top:clamp(1.2rem,8.2cqi,2rem); border-radius:.7rem;
  background:linear-gradient(180deg, color-mix(in srgb, var(--tdf-yellow) 6%, transparent), transparent 62%);
  overflow:visible; }
.tdf-mtn-terrain { position:absolute; inset:0; }
.tdf-mtn-terrain .tdf-stageprofile { width:100%; height:100%; display:block; }
.tdf-mtn::after { content:''; position:absolute; left:0; right:0; bottom:0; height:3px; border-radius:2px;
  background:var(--tdf-ink); opacity:.55; }

.tdf-climb { position:absolute; transform:translate(-50%, -100%); display:flex; flex-direction:column; align-items:center;
  gap:.1rem; z-index:3; pointer-events:none; white-space:nowrap; }
.tdf-climb-cat { font-weight:800; font-size:calc((clamp(.54rem,3.2cqi,.78rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); line-height:1; color:#fff; background:var(--cat,#1F6FE2);
  padding:.12rem clamp(.24rem,1.7cqi,.42rem); border-radius:.3rem; box-shadow:0 1px 2px rgba(0,0,0,.35); }
.tdf-climb-nm { font-size:calc((clamp(.5rem,3cqi,.74rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:700; color:var(--tdf-sub); max-width:8rem; overflow:hidden; text-overflow:ellipsis; }
.tdf-climb::after { content:''; width:1px; height:.4rem; background:var(--cat,#1F6FE2); opacity:.6; }
.tdf-climb.is-left { align-items:flex-start; } .tdf-climb.is-left .tdf-climb-nm { text-align:left; }
.tdf-climb.is-right { align-items:flex-end; } .tdf-climb.is-right .tdf-climb-nm { text-align:right; }

.tdf-mflag { position:absolute; display:flex; flex-direction:column; align-items:center;
  z-index:3; font-size:calc((clamp(.5rem,3cqi,.74rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:700; color:var(--tdf-sub); white-space:nowrap; pointer-events:none; }
.tdf-mflag.is-start { left:0; transform:translate(2%, -100%); align-items:flex-start; text-align:left; }
.tdf-mflag.is-finish { left:100%; transform:translate(-100%, -100%); align-items:flex-end; text-align:right; }
.tdf-mflag-dot { width:clamp(.42rem,2.7cqi,.66rem); height:clamp(.42rem,2.7cqi,.66rem); border-radius:50%; background:var(--tdf-leader-green,#1FA84C); box-shadow:0 0 0 2px rgba(255,255,255,.5); }
.tdf-mflag-ico { width:clamp(.8rem,4.85cqi,1.2rem); height:clamp(.8rem,4.85cqi,1.2rem); display:inline-block; }
.tdf-mflag-ico svg { width:100%; height:100%; }
.tdf-mflag-lbl { max-width:7rem; overflow:hidden; text-overflow:ellipsis; }

.tdf-mgoal { position:absolute; top:0; bottom:0; transform:translateX(-50%); z-index:2; pointer-events:none; border-left:2px dashed rgba(254,221,0,.6); }
.tdf-mgoal-lbl { position:absolute; top:2px; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:calc((clamp(.44rem,2.6cqi,.64rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:800; color:#111; background:rgba(254,221,0,.92); padding:0 .4em; border-radius:.5em; box-shadow:0 1px 3px rgba(0,0,0,.22); }

.tdf-mriders { position:absolute; inset:0; }
.tdf-mrider { position:absolute; transform:translate(-50%, -100%); display:flex; flex-direction:column; align-items:center;
  z-index:5; transition:left .9s cubic-bezier(.34,.1,.2,1), top .9s cubic-bezier(.34,.1,.2,1); will-change:left, top; }
.tdf-mrider-cyc { width:clamp(2.2rem, 13cqi, 3.3rem); height:clamp(1.6rem, 9.4cqi, 2.4rem); filter:drop-shadow(0 3px 3px rgba(0,0,0,.4)); }
.tdf-mrider-cyc svg { width:100%; height:100%; display:block; }
.tdf-mrider.is-leader { z-index:6; }
.tdf-mrider.is-leader .tdf-mrider-cyc { filter:drop-shadow(0 0 8px rgba(254,221,0,.8)); }
.tdf-mrider-tag { margin-top:-.15rem; font-size:calc((clamp(.5rem,3cqi,.74rem)) * var(--w-font-scale, 1)); font-weight:800; color:#fff; background:var(--tdf-team,#3a4256);
  padding:.05rem clamp(.24rem,1.7cqi,.42rem); border-radius:100px; max-width:6.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  box-shadow:0 1px 2px rgba(0,0,0,.3); }

.tdf-mlegend { display:flex; flex-wrap:wrap; gap:clamp(.22rem,1.5cqi,.4rem) clamp(.5rem,3.4cqi,.85rem); padding-top:.2rem; }
.tdf-mleg { display:flex; align-items:center; gap:clamp(.22rem,1.5cqi,.4rem); font-size:calc((clamp(.6rem,3.1cqi,.84rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-mleg-more { opacity:.6; font-weight:600; align-self:center; }
.tdf-mleg-pos { width:clamp(.86rem,4.6cqi,1.2rem); height:clamp(.86rem,4.6cqi,1.2rem); flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  border-radius:50%; background:var(--tdf-track-bg); font-weight:700; font-size:calc((clamp(.54rem,2.9cqi,.74rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-mleg.is-leader .tdf-mleg-pos { background:var(--tdf-yellow); color:var(--tdf-yellow-ink); }
.tdf-mleg-dot { width:clamp(.5rem,3cqi,.76rem); height:clamp(.5rem,3cqi,.76rem); border-radius:50%; flex:0 0 auto; }
.tdf-mleg-nm { font-weight:700; }
.tdf-mleg-jersey { width:calc(clamp(.74rem,4.4cqi,1.05rem) * var(--w-jersey-scale, 1)); height:calc(clamp(.85rem,5.1cqi,1.25rem) * var(--w-jersey-scale, 1)); display:inline-block; flex:0 0 auto; }
.tdf-mleg-val { font-weight:700; }
.tdf-mleg-val em { font-style:normal; font-weight:700; font-size:calc((clamp(.6rem,3.5cqi,.86rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); margin-left:.25rem; }

@media (prefers-reduced-motion: reduce) {
  .tdf-mrider { transition:none; }
}

.tdf-jb-head, .tdf-pel-head, .tdf-stages-head, .tdf-stages > .tdf-stages-head {
  font-family: var(--tdf-font-display, 'Inter'), sans-serif; text-transform: uppercase; letter-spacing: .03em;
}
@keyframes tdf-gold-sweep { 0% { background-position: -160% 0; } 100% { background-position: 260% 0; } }
.tdf-pel-row.is-leader, .tdf-jcard { position: relative; overflow: hidden; }
.tdf-pel-row.is-leader::after {
  content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
  background: linear-gradient(110deg, transparent 32%, rgba(254,221,0,.16) 50%, transparent 68%);
  background-size: 260% 100%; animation: tdf-gold-sweep 5s ease-in-out infinite;
}
@keyframes tdf-jcard-pulse { 0%,100% { box-shadow: 0 2px 10px rgba(0,0,0,.06); } 50% { box-shadow: 0 2px 16px rgba(254,221,0,.4); } }
.tdf-jcard[data-jersey="leader"] { animation: tdf-jcard-pulse 3.6s ease-in-out infinite; }
@keyframes tdf-rider-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
.tdf-jcard-rider .tdf-cyc { animation: tdf-rider-bob 2.4s ease-in-out infinite; }
.tdf-lane-val, .tdf-lbr-val, .tdf-lbr-gap { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  .tdf-pel-row.is-leader::after,
  .tdf-jcard[data-jersey="leader"], .tdf-jcard-rider .tdf-cyc { animation: none; }
}

.tdf-mhd-daily { font-size:calc((clamp(.52rem,3.1cqi,.76rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:800; text-transform:uppercase; letter-spacing:.4px; color:var(--tdf-sub); background:var(--tdf-track-bg); padding:.1rem clamp(.3rem,2cqi,.5rem); border-radius:100px; flex:0 0 auto; }

.tdf-day-ico { width:1.25em; height:1.25em; display:inline-flex; flex:0 0 auto; }
.tdf-day-hero { display:flex; align-items:center; gap:clamp(.6rem,4.1cqi,1rem); padding:clamp(.5rem,3.4cqi,.85rem) clamp(.15rem,1cqi,.25rem) clamp(.55rem,3.6cqi,.9rem); }
.tdf-day-hero .tdf-av-lg { box-shadow:0 0 0 3px var(--tdf-yellow-soft), 0 2px 8px rgba(0,0,0,.18); }
.tdf-day-herobody { display:flex; flex-direction:column; gap:.12rem; min-width:0; }
.tdf-day-herotag { font-size:calc((clamp(.5rem,2.9cqi,.72rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); font-weight:800; text-transform:uppercase; letter-spacing:.07em; color:var(--tdf-yellow-deep); }
.tdf-day-heroname { font-family:var(--tdf-font-display); font-weight:800; font-size:calc((clamp(1.05rem,6.3cqi,1.6rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); text-transform:uppercase; letter-spacing:.01em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-day-herostat { font-size:calc((clamp(.72rem,4.3cqi,1.05rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); }
.tdf-day-herostat b { color:var(--tdf-ink); font-weight:800; font-size:calc((clamp(.85rem,5.1cqi,1.25rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); }
.tdf-day-list { border-top:1px solid var(--tdf-line); padding-top:clamp(.3rem,2cqi,.5rem); display:flex; flex-direction:column; gap:.1rem; overflow:auto; min-height:0; }
.tdf-day-listhead { font-size:calc((clamp(.46rem,2.7cqi,.66rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); text-transform:uppercase; letter-spacing:.05em; font-weight:800; color:var(--tdf-sub); padding:0 .35rem .2rem; }
.tdf-day-row { display:flex; align-items:center; gap:clamp(.35rem,2.4cqi,.6rem); padding:clamp(.18rem,1.25cqi,.32rem) clamp(.24rem,1.7cqi,.42rem); border-radius:6px; flex-shrink:0; }
.tdf-day-row:nth-child(even) { background:var(--tdf-row-zebra); }
.tdf-day-rank { width:clamp(1rem,6.1cqi,1.5rem); text-align:center; font-weight:800; color:var(--tdf-sub); font-size:calc((clamp(.64rem,3.8cqi,.92rem)) * var(--w-font-scale, 1)); flex:0 0 auto; }
.tdf-day-name { flex:1; font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:calc((clamp(.72rem,4.2cqi,1rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); }
.tdf-day-v { font-weight:800; color:var(--tdf-ink); font-variant-numeric:tabular-nums; flex:0 0 auto; min-width:clamp(2.2rem,10cqi,3.2rem); text-align:right; }

.tdf-podium { display:flex; flex-direction:column; container-type:size; container-name:tdfpod; flex:1 1 0%; min-height:0; }
.tdf-podium-scene { position:absolute; inset:0; overflow:hidden; align-items:stretch; gap:0; margin-top:0; }
.tdf-pod-backdrop { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; border-radius:inherit; }
.tdf-podium-scene {
  --pod-banner-fs: calc((clamp(.5rem,2.9cqi,.72rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1));
  --pod-banner-pad: clamp(2px,1.2cqi,4px);
  --pod-banner-h: calc(var(--pod-banner-fs) + 2 * var(--pod-banner-pad));
}
.tdf-pod-banner { position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:2; display:flex; align-items:center; gap:clamp(2px,1.5cqi,5px);
  font-family:var(--tdf-font-display); font-weight:800; font-size:var(--pod-banner-fs); line-height:1; letter-spacing:.14em; text-transform:uppercase; color:#1a1300; white-space:nowrap;
  background:linear-gradient(180deg,#FEDD00,#E6BE00); padding:var(--pod-banner-pad) clamp(6px,3.9cqi,13px); border-radius:0 0 9px 9px; box-shadow:0 3px 9px rgba(0,0,0,.28); }
.tdf-pod-banner-ico { display:inline-flex; width:.95em; height:.95em; } .tdf-pod-banner-ico svg { width:100%; height:100%; }
.tdf-pod-spot { position:absolute; top:-2%; width:58%; height:96%; z-index:0; pointer-events:none; opacity:.5; filter:blur(5px);
  background:linear-gradient(180deg, color-mix(in srgb, var(--tdf-yellow) 42%, transparent) 0%, transparent 64%);
  clip-path:polygon(46% 0, 54% 0, 100% 100%, 0 100%); }
.tdf-pod-spot-l { left:-16%; transform:rotate(9deg); transform-origin:top center; }
.tdf-pod-spot-r { right:-16%; transform:rotate(-9deg); transform-origin:top center; }
[data-theme="light"] .tdf-pod-spot { opacity:.4; }
.tdf-pod-conflayer { position:absolute; inset:0; z-index:1; pointer-events:none; }
.tdf-pod-conf { position:absolute; top:-10%; border-radius:1px; opacity:.9; animation-name:tdfConfFall; animation-timing-function:linear; animation-iteration-count:infinite; }
@keyframes tdfConfFall { 0%{transform:translateY(-12%) rotate(0);opacity:0} 12%{opacity:.95} 100%{transform:translateY(720%) rotate(560deg);opacity:.12} }
.tdf-podium-scene .tdf-pod-head { position:relative; z-index:3; display:flex; align-items:center; justify-content:center; gap:clamp(3px,2cqi,7px); padding:clamp(2px,1cqi,4px) clamp(2px,1cqi,4px) 0; margin-top:calc(var(--pod-banner-h) + clamp(3px,1.4cqi,6px)); }
.tdf-podium-scene .tdf-pod-head .tdf-lb-titlewrap { flex:0 1 auto; align-items:center; text-align:center; }
.tdf-podium-scene .tdf-day-ico { display:inline-flex; width:clamp(.7rem,5.3cqi,1.2rem); height:clamp(.7rem,5.3cqi,1.2rem); color:var(--tdf-yellow); flex:0 0 auto; } .tdf-podium-scene .tdf-day-ico svg { width:100%; height:100%; }
.tdf-podium-scene .tdf-lb-title { font-size:calc((clamp(.74rem,5.1cqi,1.12rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); }
.tdf-podium-scene .tdf-lb-sub { font-size:calc((clamp(.46rem,2.7cqi,.66rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-pod-arena { position:relative; z-index:2; flex:1; display:flex; align-items:flex-end; justify-content:center; gap:clamp(3px,2.2cqi,8px); padding:clamp(3px,2cqi,7px) clamp(2px,1.5cqi,5px) 0; min-height:0; }
.tdf-pod-col { position:relative; display:flex; flex-direction:column; align-items:center; flex:1 1 0; max-width:34%; min-width:0; container-type:inline-size; }
.tdf-pod-col.is-empty { visibility:hidden; } .tdf-pod-col.is-p1 { z-index:3; }
.tdf-pod-col.is-p1::before { content:''; position:absolute; left:50%; top:-10%; width:178%; height:74%; transform:translateX(-50%); z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at 50% 32%, color-mix(in srgb, var(--tdf-yellow) 44%, transparent), transparent 66%); animation:tdfWinGlow 2.6s ease-in-out infinite; }
@keyframes tdfWinGlow { 0%,100%{ opacity:.6; } 50%{ opacity:1; } }
.tdf-pod-rider { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:clamp(1px,.7cqi,4px); margin-bottom:clamp(2px,1.5cqi,6px); min-width:0; max-width:100%; }
.tdf-pod-avwrap { position:relative; display:flex; align-items:center; justify-content:center; margin-bottom:0; }
.tdf-pod-col.is-p1 .tdf-pod-avwrap { margin-bottom:clamp(3px,min(13cqi,7cqh),40px); }
.tdf-pod-avwrap .tdf-av { position:relative; z-index:1; }
.tdf-podium-scene .tdf-av-lg { width:calc(clamp(2.9rem,min(80cqi,30cqh),16rem) * var(--w-photo-scale, 1)); height:calc(clamp(2.9rem,min(80cqi,30cqh),16rem) * var(--w-photo-scale, 1)); font-size:calc((clamp(.95rem,min(26cqi,9.8cqh),5rem)) * var(--w-font-scale, 1) * var(--w-photo-scale, 1)); }
.tdf-podium-scene .tdf-av-m { width:calc(clamp(1.7rem,min(48cqi,17cqh),10rem) * var(--w-photo-scale, 1)); height:calc(clamp(1.7rem,min(48cqi,17cqh),10rem) * var(--w-photo-scale, 1)); font-size:calc((clamp(.64rem,min(16cqi,5.6cqh),3rem)) * var(--w-font-scale, 1) * var(--w-photo-scale, 1)); }
.tdf-pod-laurel { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:clamp(2.9rem,min(75cqi,36cqh),18rem); height:clamp(3rem,min(77cqi,37cqh),18.5rem); z-index:1; } .tdf-pod-laurel svg { width:100%; height:100%; }
.tdf-pod-flowers { position:absolute; bottom:1%; left:50%; transform:translateX(-50%); width:clamp(.7rem,min(15cqi,7cqh),3.5rem); z-index:3; filter:drop-shadow(0 2px 3px rgba(0,0,0,.32)); } .tdf-pod-flowers svg { width:100%; height:auto; display:block; }
.tdf-pod-col.is-p1 .tdf-av-lg { box-shadow:0 0 0 3px #FEDD00, 0 5px 18px rgba(254,221,0,.5); }
.tdf-pod-col.is-p2 .tdf-av-m { box-shadow:0 0 0 2px #c9d2de; }
.tdf-pod-col.is-p3 .tdf-av-m { box-shadow:0 0 0 2px #d59a6a; }
.tdf-pod-fig { position:relative; display:inline-block; line-height:0; }
.tdf-pod-fig-lg { width:calc(clamp(4rem,min(94cqi,44cqh),20rem) * var(--w-jersey-scale, 1)); }
.tdf-pod-fig-m { width:calc(clamp(2.7rem,min(78cqi,34cqh),15rem) * var(--w-jersey-scale, 1)); }
.tdf-pod-fig-shirt { display:block; width:100%; margin-top:29%; filter:drop-shadow(0 3px 6px rgba(0,0,0,.3)); }
.tdf-pod-fig-shirt svg { display:block; width:100%; height:auto; }
.tdf-pod-fig-head { position:absolute; top:0; left:50%; transform:translateX(-50%); width:calc((80%) * var(--w-photo-scale, 1)); aspect-ratio:1; z-index:2; container-type:inline-size; }
.tdf-podium-scene .tdf-pod-fig-head .tdf-av { width:100%; height:100%; font-size:calc((42cqi) * var(--w-font-scale, 1)); }
.tdf-pod-col.is-p1 .tdf-pod-laurel { top:22%; width:clamp(1.6rem,min(42cqi,18cqh),9rem); height:clamp(1.65rem,min(43cqi,18.5cqh),9.3rem); }
.tdf-pod-namewrap { display:flex; flex-direction:column; align-items:center; gap:.02em; max-width:100%; min-width:0; }
.tdf-pod-name { font-weight:800; font-size:calc((clamp(.6rem,min(15cqi,8cqh),2.4rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); text-transform:uppercase; line-height:1.0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:96cqi; }
.tdf-pod-name2 { font-weight:600; font-size:calc((clamp(.48rem,min(11cqi,6cqh),1.7rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); line-height:1.05; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:96cqi; }
.tdf-pod-val { font-weight:800; color:var(--tdf-ink); font-size:calc((clamp(.6rem,min(17cqi,9cqh),2.4rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); font-variant-numeric:tabular-nums; margin-top:0; max-width:100%; display:flex; align-items:baseline; justify-content:center; gap:.26em; flex-wrap:wrap; }
.tdf-pod-block { position:relative; width:100%; border-radius:7px 7px 0 0; display:flex; align-items:flex-start; justify-content:center; padding-top:clamp(2px,1.5cqi,6px); flex-shrink:0;
  box-shadow:inset 0 2px 6px rgba(255,255,255,.3), 0 -2px 9px rgba(0,0,0,.2); }
.tdf-pod-place { font-family:var(--tdf-font-display); font-weight:900; font-size:calc((clamp(.95rem,min(42cqi,22cqh),5.5rem)) * var(--w-font-scale, 1)); line-height:1; color:rgba(0,0,0,.6); text-shadow:0 1px 0 rgba(255,255,255,.45), 0 -1px 1px rgba(0,0,0,.12); }
.tdf-pod-col.is-p1 .tdf-pod-block { height:clamp(2rem,31cqh,16rem); background:linear-gradient(180deg,#FEDD00,#E0B400); }
.tdf-pod-col.is-p2 .tdf-pod-block { height:clamp(1.2rem,18cqh,9.5rem); background:linear-gradient(180deg,#e6eaf1,#aab2c2); }
.tdf-pod-col.is-p3 .tdf-pod-block { height:clamp(.85rem,11cqh,6.5rem); background:linear-gradient(180deg,#edb482,#c5854e); }
.tdf-pod-crown { font-family:var(--tdf-font-display); font-weight:900; font-style:italic; text-transform:uppercase;
  letter-spacing:.04em; font-size:calc((clamp(.46rem,min(10.5cqi,3.6cqh),1.05rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-yellow-ink);
  background:linear-gradient(180deg,#FEDD00,#E0B400); padding:clamp(1px,.7cqi,4px) clamp(4px,2.4cqi,12px);
  border-radius:999px; line-height:1; white-space:nowrap; box-shadow:0 2px 8px rgba(224,180,0,.5);
  margin-bottom:clamp(2px,1.5cqi,7px); }
.tdf-pod-col.is-p1 .tdf-pod-name { font-size:calc((clamp(.74rem,min(17cqi,6.2cqh),2.8rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); font-weight:900; }
.tdf-pod-col.is-p1 .tdf-pod-val { font-size:calc((clamp(.72rem,min(19cqi,6.6cqh),2.7rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); }
@keyframes tdfPodReveal { 0%{ opacity:0; transform:translateY(16%) scale(.8); } 62%{ opacity:1; } 100%{ opacity:1; transform:translateY(0) scale(1); } }
.tdf-pod-col.is-p3 .tdf-pod-rider { animation:tdfPodReveal .5s cubic-bezier(.2,.9,.3,1.25) both; }
.tdf-pod-col.is-p2 .tdf-pod-rider { animation:tdfPodReveal .5s cubic-bezier(.2,.9,.3,1.25) .16s both; }
.tdf-pod-col.is-p1 .tdf-pod-rider { animation:tdfPodReveal .56s cubic-bezier(.2,.9,.3,1.35) .38s both; }
@media (prefers-reduced-motion: reduce) { .tdf-pod-col .tdf-pod-rider, .tdf-pod-col.is-p1::before { animation:none; } }
@container (max-height: 400px) {
  .tdf-pod-crown { display:none; }
  .tdf-podium-scene .tdf-av-lg { width:calc(clamp(2.1rem,22cqh,7rem) * var(--w-photo-scale, 1)); height:calc(clamp(2.1rem,22cqh,7rem) * var(--w-photo-scale, 1)); }
  .tdf-pod-col.is-p1 .tdf-pod-block { height:clamp(1.6rem,28cqh,7rem); }
}
.tdf-pod-trophy { position:absolute; bottom:clamp(2px,1cqi,4px); width:clamp(1rem,min(28cqi,14cqh),6rem); height:clamp(1.1rem,min(30cqi,15cqh),6.5rem); filter:drop-shadow(0 2px 3px rgba(0,0,0,.32)); z-index:2; }
.tdf-pod-trophy { left:clamp(2px,1.2cqi,5px); }
.tdf-pod-trophy svg { width:100%; height:100%; }
.tdf-podium-scene .tdf-pod-foot { position:relative; z-index:3; text-align:center; font-size:calc((clamp(.5rem,3cqi,.7rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); padding:clamp(3px,1.5cqi,7px); border-top:1px solid var(--tdf-line); }
@container tdfpod (max-width:250px) { .tdf-pod-laurel, .tdf-pod-flowers, .tdf-pod-trophy, .tdf-pod-conflayer, .tdf-pod-spot { display:none; } }
@container tdfpod (max-width:185px) { .tdf-pod-name2, .tdf-podium-scene .tdf-lb-sub, .tdf-pod-banner { display:none; } .tdf-podium-scene .tdf-pod-head { margin-top:clamp(2px,2cqi,8px); } }
@media (prefers-reduced-motion: reduce) {
  .tdf-pod-conf, .tdf-pod-conflayer, .tdf-pod-spot,
  .tdf-ticker-label::before { animation: none; }
}

.tdf-gaps-rows { display:flex; flex-direction:column; gap:.1rem; overflow:auto; flex:1; min-height:0; padding-top:.1rem; }
.tdf-gap-row { display:flex; align-items:center; gap:clamp(.38rem,2.7cqi,.65rem); padding:clamp(.2rem,1.35cqi,.34rem) clamp(.28rem,1.9cqi,.5rem); border-radius:6px; flex-shrink:0; }
.tdf-gap-row:nth-child(even) { background:var(--tdf-row-zebra); }
.tdf-gap-row.is-leader { background:var(--tdf-yellow-soft); }
[data-theme="dark"] .tdf-gap-row.is-leader { background:rgba(254,221,0,.17); }
.tdf-gap-row.is-break { border-top:2px dashed var(--tdf-line); margin-top:.25rem; padding-top:.42rem; }
.tdf-gap-rail { position:relative; flex:0 0 auto; width:clamp(1.25rem,7.8cqi,1.9rem); display:flex; align-items:center; justify-content:center; }
.tdf-gap-rail::before { content:''; position:absolute; left:50%; top:-60%; bottom:-60%; width:2px; transform:translateX(-50%); background:var(--tdf-line); z-index:0; }
.tdf-gap-node { position:relative; z-index:1; width:clamp(1.15rem,7.3cqi,1.8rem); height:clamp(1.15rem,7.3cqi,1.8rem); border-radius:50%; background:var(--tdf-track-bg); color:var(--tdf-ink); font-weight:800; font-size:calc((clamp(.62rem,3.7cqi,.9rem)) * var(--w-font-scale, 1)); font-variant-numeric:tabular-nums; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 0 0 3px var(--tdf-card-bg, #fff); }
.tdf-gaps-rows .tdf-gap-row.is-podium:nth-child(1) .tdf-gap-node { background:linear-gradient(135deg,var(--tdf-yellow),#E0B400); color:var(--tdf-yellow-ink); box-shadow:0 0 0 3px var(--tdf-card-bg,#fff),0 1px 4px rgba(224,180,0,.5); }
.tdf-gaps-rows .tdf-gap-row.is-podium:nth-child(2) .tdf-gap-node { background:linear-gradient(135deg,#dde2ea,#aab2c2); color:var(--tdf-yellow-ink); }
.tdf-gaps-rows .tdf-gap-row.is-podium:nth-child(3) .tdf-gap-node { background:linear-gradient(135deg,#e6ad7d,#c5854e); color:var(--tdf-yellow-ink); }
.tdf-gap-name { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; text-transform:uppercase; letter-spacing:.01em; font-size:calc((clamp(.7rem,4.1cqi,1rem)) * var(--w-font-scale, 1) * var(--w-name-scale, 1)); }
.tdf-gap-track { flex:0 0 34%; height:clamp(.5rem,3cqi,.74rem); border-radius:.35rem; background:color-mix(in srgb, var(--tdf-ink) 13%, transparent); overflow:hidden; position:relative; }
.tdf-gap-bar { position:absolute; inset:0 auto 0 0; min-width:.35rem; border-radius:.35rem; background:linear-gradient(90deg, #E0B400, var(--tdf-maillot-jaune, #FEDD00)); box-shadow:inset 0 -2px 3px rgba(0,0,0,.12); }
.tdf-gap-row.is-leader .tdf-gap-track { visibility:hidden; }
.tdf-gap-val { flex:0 0 auto; min-width:clamp(2.8rem,16.5cqi,4.1rem); text-align:right; font-weight:800; font-size:calc((clamp(.64rem,3.8cqi,.92rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); font-variant-numeric:tabular-nums; color:var(--tdf-sub); }
.tdf-gap-row.is-leader .tdf-gap-val { color:var(--tdf-yellow-deep); }

@keyframes tdfFlourishGlow {
  0%   { box-shadow: 0 0 0 0 transparent; }
  12%  { box-shadow: 0 0 0 3px var(--tdf-flash,#FEDD00), 0 0 28px 6px color-mix(in srgb, var(--tdf-flash,#FEDD00) 55%, transparent); }
  100% { box-shadow: 0 0 0 0 transparent; }
}
@keyframes tdfFlourishGlint { from { background-position: 175% 0; } to { background-position: -95% 0; } }
.tdf-flourish { animation: tdfFlourishGlow 1.6s ease-out; }
.tdf-flourish::after {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:7; border-radius:inherit;
  background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.42) 50%, transparent 62%);
  background-size: 260% 100%; animation: tdfFlourishGlint .9s ease-out forwards;
}
@media (prefers-reduced-motion: reduce) {
  .tdf-flourish, .tdf-flourish::after { animation: none; }
}

body.tdf-cursor-on.tdf-cursor-on.tdf-cursor-on #cvBoard,
body.tdf-cursor-on.tdf-cursor-on.tdf-cursor-on #cvBoard *,
.tdf-cursor { display: none !important; }
.tdf-cursor { position:fixed; top:0; left:0; z-index:999999; pointer-events:none; transform:translate(-9999px,-9999px); display:flex; align-items:flex-start; gap:0; will-change:transform; }
.tdf-cursor-ptr { filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); flex:0 0 auto; }
.tdf-cursor-label { display:inline-flex; align-items:baseline; gap:.25em; background:rgba(254,221,0,.80); color:#111;
  font-family:'Inter',sans-serif; font-style:italic; text-transform:uppercase; padding:1.5px 6px; border-radius:2px 7px 7px 2px;
  white-space:nowrap; box-shadow:0 1px 3px rgba(0,0,0,.2); margin-top:15px; margin-left:-2px;
  opacity:0; transition:opacity .22s ease; }
.tdf-cursor.is-moving .tdf-cursor-label { opacity:.78; }
.tdf-cursor-le { font-weight:700; font-size:calc((6px) * var(--w-font-scale, 1)); letter-spacing:.05em; opacity:.65; }
.tdf-cursor-ten { font-weight:800; font-size:calc((8.5px) * var(--w-font-scale, 1)); letter-spacing:.01em; }

.cc-tdf-camps { margin-top:10px; }
.cc-tdf-camphdr { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.cc-tdf-campsum { font-size:calc((.62rem) * var(--w-font-scale, 1)); color:var(--text-3,#8a93a6); white-space:nowrap; }
.cc-tdf-campsum a { color:var(--tdf-yellow-deep,#b59000); cursor:pointer; text-decoration:underline; }
.cc-tdf-campbulk { display:flex; gap:6px; margin-top:8px; }
.cc-tdf-campbulk button { flex:1; padding:5px 8px; font-size:calc((.66rem) * var(--w-font-scale, 1)); font-weight:700; border:1px solid var(--line,rgba(120,130,150,.3)); border-radius:7px; background:var(--tdf-track-bg,rgba(120,130,150,.08)); color:var(--text-2,#5a6273); cursor:pointer; }
.cc-tdf-campbulk button:hover { background:var(--tdf-row-zebra,rgba(120,130,150,.15)); }
.cc-tdf-campsearch { margin-top:6px; }
.cc-tdf-camplist { max-height:170px; overflow-y:auto; border:1px solid var(--line,rgba(120,130,150,.25)); border-radius:8px; padding:4px; margin-top:6px; display:flex; flex-direction:column; gap:1px; }
.cc-tdf-camp { display:flex; align-items:center; gap:7px; padding:3px 5px; font-size:calc((.7rem) * var(--w-font-scale, 1)); border-radius:5px; cursor:pointer; }
.cc-tdf-camp:hover { background:var(--tdf-row-zebra,rgba(120,130,150,.1)); }
.cc-tdf-camp input { margin:0; flex:0 0 auto; }
.cc-tdf-camp span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cc-tdf-grouprow { display:flex; align-items:center; gap:7px; padding:4px 5px; font-size:calc((.7rem) * var(--w-font-scale, 1)); font-weight:700; border-radius:5px; cursor:pointer; }
.cc-tdf-grouprow:hover { background:var(--tdf-row-zebra,rgba(120,130,150,.1)); }
.cc-tdf-grouprow input { margin:0; flex:0 0 auto; }
.cc-tdf-grouprow .cc-tdf-gname { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
.cc-tdf-grouprow .cc-tdf-gname::before { content:""; display:inline-block; width:.7em; height:.55em; margin-right:.4em; border-radius:1px 2px 2px 2px; background:var(--tdf-yellow-deep,#b59000); box-shadow:-.18em -.12em 0 -.04em var(--tdf-yellow-deep,#b59000); vertical-align:middle; }
.cc-tdf-gcount { flex:0 0 auto; font-size:calc((.58rem) * var(--w-font-scale, 1)); font-weight:800; color:var(--tdf-yellow-ink,#3a2e00); background:var(--tdf-yellow,#fedd00); border-radius:100px; padding:1px 6px; }
.cc-tdf-campdiv { font-size:calc((.56rem) * var(--w-font-scale, 1)); text-transform:uppercase; letter-spacing:.05em; font-weight:800; color:var(--text-3,#8a93a6); padding:8px 5px 2px; border-top:1px solid var(--line,rgba(120,130,150,.2)); margin-top:3px; }


.tdf-loebssituation.tdf-empty{display:flex;align-items:center;justify-content:center;min-height:120px;padding:24px;text-align:center;color:var(--text-3,#7C8499);font:600 13px/1.5 var(--mw-sans,'Inter',system-ui,sans-serif);background:#14161c;border-radius:var(--mw-r-block,22px)}
.tdf-loebssituation{
  --ls-yellow:var(--tdf-yellow,#FEDD00); --ls-ink:var(--tdf-ink,#111);
  --ls-green:var(--tdf-jersey-green,#1FA84C); --ls-red:var(--tdf-polka-dot,#E2231A);
  --ls-flamme:var(--tdf-flamme,#E2001A); --ls-peloton:#2E7CF6;
  --ls-as0:#23262E; --ls-as1:#191C22; --ls-as2:#0E1014; --ls-asfill:#3A3F47;
  --ls-tx1:#F4F5F7; --ls-tx2:#A7AEC0; --ls-tx3:#7C8499;
  --ls-pad:1.25em;
  font-size:calc((clamp(10.5px, min(4.15cqi, max(16px, 4.85cqb)), 34px)) * var(--w-font-scale, 1));
  position:relative;overflow:hidden;padding:0;border-radius:var(--mw-r-block,22px);
  height:100%;display:flex;flex-direction:column;container-type:size;container-name:tdfls;
  font-family:var(--mw-sans,'Inter',system-ui,sans-serif);color:var(--ls-tx1);
  background:radial-gradient(150% 100% at 50% -20%,#262a33 0%,#1a1d24 42%,#101218 76%,#0a0c10 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(255,255,255,.045);
}
.tdf-loebssituation *{box-sizing:border-box}
.tdf-loebssituation .lsX{position:relative;z-index:2}
.tdf-loebssituation::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;mix-blend-mode:overlay;opacity:.05;background-image:radial-gradient(rgba(255,255,255,.9) .5px,transparent .5px);background-size:3px 3px}

.tdf-loebssituation .ls-bar{flex:0 0 auto;display:flex;align-items:center;gap:.875em;padding:.875em var(--ls-pad) .8125em;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(8,9,12,.42),rgba(8,9,12,0))}
.tdf-loebssituation .ls-eyebrow{display:flex;flex-direction:column;gap:.25em;min-width:0}
.tdf-loebssituation .ls-kicker{display:inline-flex;align-items:center;gap:.5em;font-size:calc(.625em * var(--w-sub-scale, 1));font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.tdf-loebssituation .ls-kicker .ls-chip{width:1.5em;height:1.1em;border-radius:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--ls-yellow) 70%,#fff),var(--ls-yellow) 50%,color-mix(in srgb,var(--ls-yellow) 70%,#000));box-shadow:0 0 8px rgba(254,221,0,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.tdf-loebssituation .ls-title{font-size:calc((.94em) * var(--w-title-scale, 1));font-weight:800;letter-spacing:-.012em;line-height:1.05;color:var(--ls-tx1)}
.tdf-loebssituation .ls-stage{margin-left:auto;display:inline-flex;align-items:center;gap:.625em;font-size:calc(.625em * var(--w-sub-scale, 1));font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ls-tx2);font-variant-numeric:tabular-nums;white-space:nowrap}
.tdf-loebssituation .ls-stage b{color:var(--ls-yellow);font-weight:900}
.tdf-loebssituation .ls-live{display:inline-flex;align-items:center;gap:.7em;font-size:calc(.625em * var(--w-sub-scale, 1));font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ls-tx1);padding-left:1.2em;border-left:1px solid rgba(255,255,255,.14)}
.tdf-loebssituation .ls-live i{width:.8em;height:.8em;border-radius:50%;background:#E0392B;box-shadow:0 0 0 0 rgba(224,57,43,.6),0 0 8px rgba(224,57,43,.9);animation:tdfLS-pulse 1.5s ease-out infinite}

.tdf-loebssituation .ls-hero{position:relative;flex:1 1 auto;min-height:12em;overflow:hidden;isolation:isolate}
.tdf-loebssituation .ls-sky{position:absolute;left:0;right:0;top:0;height:25%;z-index:0;background:linear-gradient(180deg,rgba(46,124,246,.10),transparent 78%),radial-gradient(58% 90% at 88% 40%,rgba(254,221,0,.12),transparent 62%)}

.tdf-loebssituation .ls-road{position:absolute;left:0;right:0;top:10%;height:84%;z-index:1;background:linear-gradient(180deg,var(--ls-as2) 0%,var(--ls-as1) 26%,var(--ls-as0) 66%,#1b1e24 100%);box-shadow:inset 0 16px 26px rgba(0,0,0,.5),inset 0 -12px 22px rgba(0,0,0,.45)}
.tdf-loebssituation .ls-road::before{content:"";position:absolute;inset:0;opacity:.5;mix-blend-mode:soft-light;background-image:radial-gradient(rgba(255,255,255,.5) .6px,transparent .6px),radial-gradient(rgba(0,0,0,.5) .6px,transparent .6px);background-size:4px 4px,5px 5px;background-position:0 0,2px 1px}
.tdf-loebssituation .ls-road::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent)}
.tdf-loebssituation .ls-lane{position:absolute;left:0;right:0;top:53%;height:.3125em;z-index:2;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ls-yellow) 86%,#000) 0 26px,transparent 26px 64px);opacity:.42;animation:tdfLS-lane 1.4s linear infinite}
.tdf-loebssituation .ls-curb{position:absolute;left:0;right:0;z-index:2;height:.125em;background:repeating-linear-gradient(90deg,rgba(255,255,255,.20) 0 10px,transparent 10px 20px)}
.tdf-loebssituation .ls-curb.t{top:12%}
.tdf-loebssituation .ls-curb.b{top:92%}

.tdf-loebssituation .ls-field{position:absolute;left:0;right:0;top:10%;bottom:3.5%;z-index:3;display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:space-between;gap:.3em;padding:0 .7em}
.tdf-loebssituation .ls-field.is-sparse{justify-content:center;gap:1.4em}
.tdf-loebssituation .ls-grp{flex:1 1 0;min-width:0;max-width:17em;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:.35em}
.tdf-loebssituation .ls-pack{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.15em}
.tdf-loebssituation .ls-rider{display:flex;align-items:center;gap:.26em;min-width:0;padding:.1em .32em;border-radius:.55em;font-size:.62em;line-height:1.1;background:rgba(10,12,16,.62);border:1px solid color-mix(in srgb,var(--ls-c,#fff) 32%,transparent);box-shadow:0 2px 5px rgba(0,0,0,.4)}
.tdf-loebssituation .ls-dot{flex:0 0 auto;width:.85em;height:.85em;border-radius:50%;background:radial-gradient(circle at 36% 28%,color-mix(in srgb,var(--ls-c,#fff) 60%,#fff),var(--ls-c,#fff) 52%,color-mix(in srgb,var(--ls-c,#fff) 55%,#000));box-shadow:0 1px 2px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.4)}
.tdf-loebssituation .ls-av{flex:0 0 auto;width:calc((1.42em) * var(--w-photo-scale, 1));height:calc((1.42em) * var(--w-photo-scale, 1));border-radius:50%;padding:.08em;background:radial-gradient(circle at 36% 28%,color-mix(in srgb,var(--ls-c,#fff) 80%,#fff),var(--ls-c,#fff));box-shadow:0 1px 3px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center}
.tdf-loebssituation .ls-rider .tdf-av{width:100%;height:100%;font-size:calc((.52em) * var(--w-photo-scale, 1));border:1.5px solid rgba(10,12,16,.82);box-shadow:none}
.tdf-loebssituation .ls-rider .tdf-av-img::after{box-shadow:inset 0 0 0 1px rgba(0,0,0,.32)}
.tdf-loebssituation .ls-rider.is-me .ls-av{background:var(--ls-yellow)}
.tdf-loebssituation .ls-rtext{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.02}
.tdf-loebssituation .ls-rname{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;letter-spacing:.01em;color:var(--ls-tx1)}
.tdf-loebssituation .ls-rider .ls-rval{display:block;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ls-yellow);font-size:calc(.76em * var(--w-value-scale, 1))}
.tdf-loebssituation .ls-rider .ls-rval.ls-rval-o{color:var(--ls-tx2);font-weight:800;font-size:calc(.72em * var(--w-value-scale, 1))}
.tdf-loebssituation .ls-rider.is-me{background:linear-gradient(180deg,rgba(254,221,0,.28),rgba(254,221,0,.08));border-color:var(--ls-yellow);box-shadow:0 0 0 1px var(--ls-yellow),0 0 12px rgba(254,221,0,.45)}
.tdf-loebssituation .ls-grp.is-vacation .ls-rider{opacity:1;border-color:color-mix(in srgb,#7db7ff 55%,transparent);background:rgba(19,39,66,.68)}
.tdf-loebssituation .ls-rider.is-vacation .ls-av,
.tdf-loebssituation .ls-rider.is-vacation .ls-rval{filter:blur(3px);opacity:.38;user-select:none}
.tdf-loebssituation .ls-rider.is-vacation .ls-rname{font-weight:900}
.tdf-loebssituation .ls-rider.is-vacation .ls-away{text-transform:uppercase;letter-spacing:.045em}
.tdf-loebssituation .ls-grp.is-provisional .ls-rider{opacity:.76;border-color:color-mix(in srgb,#b8a2ff 55%,transparent);background:rgba(49,38,81,.68)}
.tdf-loebssituation .ls-away{flex:0 0 auto;font-size:calc(.72em * var(--w-sub-scale, 1));font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#d9ebff;background:rgba(67,126,196,.48);padding:.12em .4em;border-radius:.5em}
.tdf-loebssituation .ls-away.is-provisional{color:#efeaff;background:rgba(120,91,196,.55)}
.tdf-loebssituation .ls-you{flex:0 0 auto;font-size:calc(.8em * var(--w-sub-scale, 1));font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--tdf-yellow-ink,#111);background:var(--ls-yellow);padding:.05em .42em;border-radius:.5em}
.tdf-loebssituation .ls-more{align-self:center;font-size:calc(.5em * var(--w-sub-scale, 1));font-weight:800;letter-spacing:.02em;color:var(--ls-tx2);padding:0;line-height:1;white-space:nowrap;opacity:.8}
.tdf-loebssituation .ls-glabel{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.18em;max-width:100%;min-width:0}
.tdf-loebssituation .ls-gname{display:inline-flex;align-items:center;gap:.3em;min-width:0;max-width:100%;font-size:calc(.55em * var(--w-sub-scale, 1));font-weight:900;letter-spacing:.008em;text-transform:uppercase;color:var(--ls-tx1);padding:.3em .5em;border-radius:.76em;background:rgba(8,10,14,.86);border:1px solid var(--ls-c,rgba(255,255,255,.2));box-shadow:0 4px 10px rgba(0,0,0,.5)}
.tdf-loebssituation .ls-gname span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tdf-loebssituation .ls-gname i{flex:0 0 auto;width:.66em;height:.66em;border-radius:50%;background:var(--ls-c,#fff);box-shadow:0 0 7px var(--ls-c,#fff)}
.tdf-loebssituation .ls-gcount{font-size:calc(.56em * var(--w-sub-scale, 1));font-weight:800;letter-spacing:.03em;color:var(--ls-tx2);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tdf-loebssituation .ls-gcount b{color:var(--ls-c,var(--ls-tx1));font-weight:900}

.tdf-loebssituation .ls-grp.is-front .ls-gname{box-shadow:0 0 16px color-mix(in srgb,var(--ls-yellow) 55%,transparent),0 4px 10px rgba(0,0,0,.5)}

.tdf-loebssituation .ls-gap{flex:0 2 auto;min-width:0;align-self:flex-end;margin-bottom:2.4em;display:flex;align-items:center;justify-content:center;z-index:5}
.tdf-loebssituation .ls-gap .ls-gpill{display:inline-flex;align-items:center;gap:.26em;min-width:0;max-width:100%;padding:.2em .42em;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--ls-yellow) 22%,#15171c),#111318);border:1px solid color-mix(in srgb,var(--ls-yellow) 55%,transparent);box-shadow:0 4px 11px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)}
.tdf-loebssituation .ls-gap .ls-gv{font:900 calc(.58em * var(--w-sub-scale, 1))/1 var(--mw-mono,'Inter',system-ui,sans-serif);font-variant-numeric:tabular-nums;color:var(--ls-yellow);letter-spacing:.02em;text-shadow:0 0 10px rgba(254,221,0,.45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}
@container (max-width:32rem){ .tdf-loebssituation .ls-gap{display:none} }
@container tdfls (max-height:760px){
  .tdf-loebssituation .ls-rider{font-size:.57em;gap:.3em;padding:.09em .36em}
  .tdf-loebssituation .ls-av{width:calc((1.62em) * var(--w-photo-scale, 1));height:calc((1.62em) * var(--w-photo-scale, 1))}
}
@container tdfls (max-height:470px){
  .tdf-loebssituation .ls-rider{font-size:.48em}
  .tdf-loebssituation .ls-av{width:calc((1.5em) * var(--w-photo-scale, 1));height:calc((1.5em) * var(--w-photo-scale, 1))}
}

.tdf-loebssituation .ls-foot{flex:0 0 auto;position:relative;z-index:3;padding:.8125em var(--ls-pad) 1em;border-top:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(8,9,12,.5),rgba(8,9,12,.78))}
.tdf-loebssituation .ls-legend{display:flex;flex-wrap:wrap;gap:.34em;margin-bottom:.5em}
.tdf-loebssituation .ls-lg{display:inline-flex;align-items:center;gap:.36em;padding:.24em .5em .24em .4em;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.tdf-loebssituation .ls-lg i{width:.56em;height:.56em;border-radius:50%;background:var(--ls-c,#fff);box-shadow:0 0 7px var(--ls-c,#fff);flex:0 0 auto}
.tdf-loebssituation .ls-lg .ls-lgn{font-size:calc(.625em * var(--w-sub-scale, 1));font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ls-tx1)}
.tdf-loebssituation .ls-lg .ls-lgd{font-size:calc(.625em * var(--w-sub-scale, 1));font-weight:700;color:var(--ls-tx2)}
.tdf-loebssituation .ls-lg .ls-lgd b{color:var(--ls-tx1);font-weight:900;font-variant-numeric:tabular-nums}

.tdf-loebssituation .ls-summary{display:flex;align-items:center;gap:.625em;padding:.69em .8125em;border-radius:.8125em;background:linear-gradient(180deg,rgba(254,221,0,.06),rgba(255,255,255,.02));border:1px solid rgba(254,221,0,.18)}
.tdf-loebssituation .ls-summary svg{flex:0 0 auto;width:1.25em;height:1.25em;color:var(--ls-yellow);filter:drop-shadow(0 0 6px rgba(254,221,0,.5))}
.tdf-loebssituation .ls-sum-tx{font-size:calc(.75em * var(--w-sub-scale, 1));font-weight:700;line-height:1.3;color:var(--ls-tx1)}
.tdf-loebssituation .ls-sum-tx em{font-style:normal;color:var(--ls-yellow);font-weight:900;font-variant-numeric:tabular-nums}
.tdf-loebssituation .ls-sum-tx b{color:var(--ls-tx1);font-weight:900;font-variant-numeric:tabular-nums}

@keyframes tdfLS-pulse{0%{box-shadow:0 0 0 0 rgba(224,57,43,.6),0 0 8px rgba(224,57,43,.9)}70%{box-shadow:0 0 0 7px rgba(224,57,43,0),0 0 8px rgba(224,57,43,.5)}100%{box-shadow:0 0 0 0 rgba(224,57,43,0),0 0 8px rgba(224,57,43,.9)}}
@keyframes tdfLS-lane{from{background-position:0 0}to{background-position:90px 0}}
@media (prefers-reduced-motion:reduce){.tdf-loebssituation .ls-live i,.tdf-loebssituation .ls-lane{animation:none!important}}

.tdf-onshift {
  flex: 0 0 auto; display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  margin: 0 3px; background: #22c55e; vertical-align: middle;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, .5);
  animation: tdf-onshift-pulse 1.7s ease-out infinite;
}
@keyframes tdf-onshift-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(34, 197, 94, .5); }
  70%  { box-shadow: 0 0 0 7px rgba(34, 197, 94, 0); }
  100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
@media (prefers-reduced-motion: reduce) { .tdf-onshift { animation: none; } }

.tdf-pel { container-type:size; container-name:tdfpel; height:100%; overflow:hidden; }
@container tdfpel (max-height: 330px) { .tdf-pel-row:nth-child(n+9) { display:none; } }
@container tdfpel (max-height: 255px) { .tdf-pel-row:nth-child(n+7) { display:none; } }
@container tdfpel (max-height: 195px) { .tdf-pel-row:nth-child(n+5) { display:none; } }
.tdf-rr.is-mountain { container-type:size; container-name:tdfmtn; height:100%; overflow:hidden; }
.tdf-rr.is-mountain .tdf-mtn { flex:1 1 auto; height:auto; min-height:80px; margin-top:clamp(.4rem, 3.5cqb, 2rem); }
@container tdfmtn (max-height: 250px) {
  .tdf-mlegend { display:none; }
  .tdf-mhd { flex-wrap:wrap; }
}

.w[data-wtype="tdf-loebssituation"] { container-type:size; }

.tdf-duel { height:100%; display:flex; flex-direction:column; padding:clamp(.45rem,3cqi,.8rem) clamp(.55rem,3.6cqi,1rem); gap:clamp(.3rem,2cqi,.55rem); container-type:size; container-name:tdfdu; overflow:hidden; }
.tdf-du-head { display:flex; align-items:center; gap:clamp(.35rem,2.2cqi,.6rem); border-bottom:2px solid var(--tdf-yellow); padding-bottom:clamp(.2rem,1.4cqi,.4rem); }
.tdf-du-hj { width:calc(clamp(1rem,5.4cqi,1.7rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1rem,5.4cqi,1.7rem) * var(--w-jersey-scale, 1)); display:inline-flex; flex:0 0 auto; }
.tdf-du-title { font-family:var(--tdf-font-display); font-weight:800; font-style:italic; text-transform:uppercase; font-size:calc((clamp(.85rem,5.2cqi,1.35rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); }
.tdf-du-sub { margin-left:auto; font-size:calc((clamp(.5rem,2.9cqi,.72rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:600; color:var(--tdf-sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:55%; }
.tdf-du-arena { flex:1 1 auto; min-height:0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:clamp(.4rem,2.6cqi,.9rem); }
.tdf-du-side { display:flex; flex-direction:column; align-items:center; text-align:center; gap:clamp(.14rem,1cqi,.3rem); min-width:0;
  border-top:clamp(3px,.5cqi,5px) solid var(--du-team, var(--tdf-sub)); border-radius:clamp(.5rem,2cqi,.8rem);
  padding:clamp(.35rem,2.4cqi,.7rem) clamp(.3rem,2cqi,.6rem); background:var(--tdf-row-zebra); }
.tdf-du-side.is-a { box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tdf-yellow) 55%, transparent); }
.tdf-du-av { position:relative; display:inline-flex; }
.tdf-du-av .tdf-av { width:calc(clamp(2.4rem,16cqi,4.6rem) * var(--w-photo-scale, 1)) !important; height:calc(clamp(2.4rem,16cqi,4.6rem) * var(--w-photo-scale, 1)) !important; font-size:calc((clamp(.8rem,5cqi,1.4rem)) * var(--w-font-scale, 1) * var(--w-photo-scale, 1)); }
.tdf-du-crownj { position:absolute; right:-12%; top:-14%; width:calc(clamp(1.1rem,7cqi,2rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1.1rem,7cqi,2rem) * var(--w-jersey-scale, 1)); filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)); }
.tdf-du-nm { font-family:var(--tdf-font-display); font-weight:800; text-transform:uppercase; font-size:calc((clamp(.68rem,4.2cqi,1.15rem)) * var(--w-font-scale, 1)); line-height:1.05; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-du-team { font-size:calc((clamp(.5rem,2.8cqi,.7rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tdf-du-val { font-family:var(--tdf-font-display); font-weight:800; font-size:calc((clamp(1rem,7.5cqi,2.1rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); color:var(--tdf-ink); }
.tdf-du-role { font-size:calc((clamp(.48rem,2.6cqi,.66rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--tdf-sub); }
.tdf-du-mid { display:flex; flex-direction:column; align-items:center; gap:clamp(.15rem,1cqi,.3rem); min-width:clamp(3.2rem,16cqi,5.5rem); }
.tdf-du-vs { width:clamp(1.4rem,8cqi,2.6rem); height:clamp(1.4rem,8cqi,2.6rem); color:var(--tdf-yellow); filter:drop-shadow(0 0 10px color-mix(in srgb, var(--tdf-yellow) 60%, transparent)); }
.tdf-du-gap { font-family:var(--tdf-font-display); font-weight:800; font-size:calc((clamp(.8rem,4.8cqi,1.3rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); background:var(--tdf-yellow); color:#111; padding:.08em .5em; border-radius:.4em; transform:skewX(-8deg); }
.tdf-du-need { font-size:calc((clamp(.52rem,3cqi,.74rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:700; color:var(--tdf-jersey-green,#1FA84C); text-align:center; }
.tdf-du-pack { font-size:calc((clamp(.52rem,2.9cqi,.72rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); border-top:1px dashed color-mix(in srgb, var(--tdf-sub) 40%, transparent); padding-top:clamp(.2rem,1.4cqi,.4rem); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tdf-du-pack b { color:var(--tdf-ink); font-weight:700; }
.tdf-du-dot { display:inline-block; width:.28em; height:.28em; border-radius:50%; background:var(--tdf-sub); margin:0 .35em; vertical-align:middle; }
@container tdfdu (max-height: 190px) { .tdf-du-pack { display:none; } .tdf-du-team { display:none; } }

.tdf-pt { height:100%; display:flex; flex-direction:column; padding:clamp(.42rem,2.9cqi,.7rem) clamp(.55rem,3.9cqi,.95rem); gap:clamp(.18rem,1.2cqi,.35rem); container-type:size; container-name:tdfpt; overflow:hidden; }
.tdf-pt-head { display:flex; align-items:center; gap:clamp(.35rem,2.4cqi,.6rem); border-bottom:2px solid var(--tdf-jersey-green,#1FA84C); padding-bottom:clamp(.2rem,1.4cqi,.4rem); }
.tdf-pt-hj { width:calc(clamp(1.1rem,6cqi,1.8rem) * var(--w-jersey-scale, 1)); height:calc(clamp(1.1rem,6cqi,1.8rem) * var(--w-jersey-scale, 1)); flex:0 0 auto; display:inline-flex; }
.tdf-pt-titlew { display:flex; flex-direction:column; min-width:0; gap:.06em; }
.tdf-pt-title { font-family:var(--tdf-font-display); font-weight:800; font-style:italic; text-transform:uppercase; font-size:calc((clamp(.8rem,4.9cqi,1.25rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); line-height:1; }
.tdf-pt-sub { font-size:calc((clamp(.5rem,2.8cqi,.7rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); font-weight:600; color:var(--tdf-sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tdf-pt-hint { font-size:calc((clamp(.52rem,2.9cqi,.72rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); background:var(--tdf-row-zebra); border-left:3px solid var(--tdf-yellow); padding:.35em .6em; border-radius:.35em; }
.tdf-pt-rows { flex:1 1 auto; min-height:0; overflow:hidden; display:flex; flex-direction:column; gap:clamp(.1rem,.8cqi,.22rem); }
.tdf-pt-row { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto auto auto; align-items:center; gap:clamp(.3rem,2cqi,.55rem);
  padding:clamp(.18rem,1.3cqi,.36rem) clamp(.25rem,1.6cqi,.45rem); border-radius:6px; border-left:3px solid var(--pt-team, transparent); }
.tdf-pt-row:nth-child(even) { background:var(--tdf-row-zebra); }
.tdf-pt-row.is-leader { background:color-mix(in srgb, var(--tdf-jersey-green,#1FA84C) 16%, transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tdf-jersey-green,#1FA84C) 45%, transparent); }
.tdf-pt-pos { font-family:var(--tdf-font-display); font-weight:800; font-style:italic; min-width:1.4em; text-align:center; font-size:calc((clamp(.7rem,4cqi,1.05rem)) * var(--w-font-scale, 1)); }
.tdf-pt-nmw { display:flex; flex-direction:column; min-width:0; gap:.04em; }
.tdf-pt-nm { font-weight:800; text-transform:uppercase; font-size:calc((clamp(.62rem,3.7cqi,.98rem)) * var(--w-font-scale, 1)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tdf-pt-team { font-size:calc((clamp(.46rem,2.5cqi,.62rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); color:var(--tdf-sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tdf-pt-med { display:inline-flex; gap:.3em; align-items:center; }
.tdf-pt-mv { display:inline-flex; align-items:center; gap:.12em; font-weight:800; font-size:calc((clamp(.5rem,2.7cqi,.68rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-pt-mv.is-up { color:var(--tdf-jersey-green,#1FA84C); } .tdf-pt-mv.is-dn { color:var(--tdf-polka-dot,#E2231A); } .tdf-pt-mv.is-new { color:var(--tdf-sub); }
.tdf-pt-val { font-family:var(--tdf-font-display); font-weight:800; font-size:calc((clamp(.85rem,5.4cqi,1.5rem)) * var(--w-font-scale, 1) * var(--w-value-scale, 1)); color:var(--tdf-ink); white-space:nowrap; min-width:clamp(2.6rem,13cqi,4rem); text-align:right; font-variant-numeric:tabular-nums; }
.tdf-pt-val em { font-style:normal; font-weight:700; font-size:.52em; color:var(--tdf-sub); margin-left:.3em; text-transform:uppercase; letter-spacing:.05em; }
@container tdfpt (max-height: 330px) { .tdf-pt-row:nth-child(n+8) { display:none; } }
@container tdfpt (max-height: 250px) { .tdf-pt-row:nth-child(n+6) { display:none; } .tdf-pt-team { display:none; } }
@container tdfpt (max-height: 185px) { .tdf-pt-row:nth-child(n+4) { display:none; } .tdf-pt-hint { display:none; } }

.tdf-stage.is-rich { position:relative; height:100%; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; container-type:size; container-name:tdfstg; }
.tdf-stage-bgR { position:absolute; inset:0; opacity:.5; }
.tdf-stage-bgR svg, .tdf-stage-profR { width:100%; height:100%; display:block; }
.tdf-stage-fgR { position:relative; z-index:1; display:flex; flex-direction:column; gap:clamp(.18rem,1.4cqi,.4rem); padding:clamp(.45rem,3cqi,.85rem) clamp(.55rem,3.6cqi,1rem);
  background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--tdf-card-bg, #14161c) 82%, transparent) 34%); }
.tdf-stage-row1 { display:flex; align-items:center; gap:clamp(.3rem,2cqi,.55rem); }
.tdf-stage-plate { font-family:var(--tdf-font-display); font-weight:800; font-style:italic; text-transform:uppercase; background:var(--tdf-yellow); color:#111; padding:.12em .6em .08em; border-radius:.3em; transform:skewX(-8deg); font-size:calc((clamp(.62rem,3.6cqi,.95rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-stage-type { font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--tdf-sub); font-size:calc((clamp(.5rem,2.8cqi,.7rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-stage-daysR { margin-left:auto; font-weight:700; color:var(--tdf-sub); font-size:calc((clamp(.5rem,2.8cqi,.72rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); white-space:nowrap; }
.tdf-stage-route { font-family:var(--tdf-font-display); font-weight:800; font-style:italic; text-transform:uppercase; line-height:1.02; font-size:calc((clamp(1rem,7cqi,2.2rem)) * var(--w-font-scale, 1) * var(--w-title-scale, 1)); display:flex; align-items:center; gap:.3em; flex-wrap:wrap; }
.tdf-stage-arr { display:inline-flex; width:.8em; color:var(--tdf-yellow); }
.tdf-stage-chips { display:flex; gap:clamp(.25rem,1.8cqi,.5rem); flex-wrap:wrap; }
.tdf-stage-chip { display:inline-flex; align-items:center; gap:.3em; font-weight:700; font-size:calc((clamp(.52rem,3cqi,.76rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); background:var(--tdf-row-zebra); border-radius:1em; padding:.2em .7em; color:var(--tdf-ink); }
.tdf-stage-chip svg { width:1em; height:1em; }
.tdf-stage-leadR { display:flex; align-items:center; gap:.45em; margin-top:clamp(.1rem,.8cqi,.25rem); }
.tdf-stage-leadR > svg, .tdf-stage-leadR .tdf-jsvg { width:calc(clamp(.95rem,5cqi,1.5rem) * var(--w-jersey-scale, 1)); height:calc(clamp(.95rem,5cqi,1.5rem) * var(--w-jersey-scale, 1)); flex:0 0 auto; }
.tdf-stage-leadnm { font-weight:800; text-transform:uppercase; font-size:calc((clamp(.62rem,3.6cqi,.95rem)) * var(--w-font-scale, 1)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tdf-stage-leadteam { color:var(--tdf-sub); font-weight:600; font-size:calc((clamp(.5rem,2.7cqi,.68rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@container tdfstg (max-height: 165px) { .tdf-stage-chips, .tdf-stage-leadteam { display:none; } }

.tdf-lbr-val.is-zone-target { color:var(--tdf-ink); }
.tdf-lbr-val.is-zone-close  { color:var(--tdf-ink); }
.tdf-lbr-val.is-zone-chase  { color:var(--tdf-ink); opacity:1; }
.tdf-lbr-hit { display:inline-flex; width:.72em; height:.72em; margin-right:.18em; vertical-align:baseline;
  color:var(--tdf-jersey-green,#1FA84C); }
.tdf-lbr-hit svg { width:100%; height:100%; }
.tdf-lb-legend { display:flex; flex-wrap:wrap; gap:clamp(.35rem,2.2cqi,.7rem); justify-content:center;
  padding-top:clamp(.18rem,1.2cqi,.35rem); border-top:1px dashed color-mix(in srgb, var(--tdf-sub) 35%, transparent); }
.tdf-lgd { font-weight:700; text-transform:uppercase; letter-spacing:.05em;
  font-size:calc((clamp(.42rem,2.3cqi,.58rem)) * var(--w-font-scale, 1) * var(--w-sub-scale, 1)); }
.tdf-lgd.is-zone-target { color:var(--tdf-jersey-green,#1FA84C); }
.tdf-lgd.is-zone-close  { color:var(--tdf-yellow-ink,#B78900); }
.tdf-lgd.is-zone-chase  { color:var(--tdf-polka-dot,#E2231A); }
.tdf-lbr-reward { box-shadow:0 0 0 1px color-mix(in srgb, var(--tdf-yellow) 60%, transparent), 0 2px 8px -2px rgba(0,0,0,.35); }
@container (max-height: 200px) { .tdf-lb-legend { display:none; } }

.tdf-wp {
  display:inline-flex; align-items:center; gap:.26em;
  padding:.13em .46em .13em .34em; border-radius:.55em;
  background:linear-gradient(160deg, #FFEB80 0%, #F7C948 46%, #DDA61B 100%);
  border:1px solid rgba(122,86,0,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 1px 3px rgba(0,0,0,.35);
  color:#3D2E00; font-weight:900; line-height:1; white-space:nowrap; vertical-align:middle;
}
.tdf-wp .tdf-wp-ic { width:.95em; height:.95em; flex:0 0 auto; }
.tdf-wp .tdf-wp-n { font-size:1.05em; letter-spacing:-.01em; }
.tdf-wp .tdf-wp-chips { display:inline-flex; gap:.2em; margin-left:.06em; }
.tdf-wp .tdf-wp-chips i {
  font-style:normal; font-weight:800; font-size:.7em; padding:.16em .3em; border-radius:.4em;
  background:rgba(61,46,0,.85); color:#FFE873; letter-spacing:.02em;
}
.tdf-wp.is-kom { background:linear-gradient(160deg, #FFFFFF, #F4F5F7 55%, #E7E9EE); border-color:rgba(190,32,26,.6); color:#B7160D; }
.tdf-wp.is-kom .tdf-wp-chips i { background:#E2231A; color:#fff; }
.tdf-lbr-row .tdf-wp { font-size:.92em; }
.tdf-lbr-row.is-leader .tdf-wp { font-size:1.04em; }
.tdf-pel-row .tdf-wp { font-size:.9em; }
.tdf-jcard-wins { display:flex; justify-content:center; margin-top:.32em; }
.tdf-jcard-wins .tdf-wp { font-size:.98em; }

.tdf-pod-val .tdf-pod-valic { display:inline-flex; width:.85em; height:.85em; margin-right:.18em; vertical-align:-.06em; color:#C99700; }
.tdf-pod-val .tdf-pod-valic svg { width:100%; height:100%; }
.tdf-pod-hon { display:flex; flex-wrap:wrap; gap:.3em; justify-content:center; margin-top:0; max-width:100%; }
.tdf-pod-hj {
  display:inline-flex; align-items:center; gap:.3em; padding:.18em .55em .18em .36em; border-radius:.7em;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16);
  font-size:.74em; font-weight:800; line-height:1; white-space:nowrap;
}
.tdf-pod-hj .tdf-jersey-svg { width:calc(1.85em * var(--w-jersey-scale, 1)); height:calc(2.15em * var(--w-jersey-scale, 1)); flex:0 0 auto; filter:drop-shadow(0 1px 2px rgba(0,0,0,.28)); }
.tdf-pod-hj .tdf-pod-hjn { font-size:1.22em; font-weight:900; font-variant-numeric:tabular-nums; letter-spacing:.01em; }
.tdf-pod-hj i { font-style:normal; opacity:.85; letter-spacing:.02em; }
.tdf-pod-hj em { font-style:normal; opacity:.7; font-weight:700; }

.tdf-team-chip {
  display:inline-flex; align-items:center; gap:.28em; flex:0 0 auto;
  margin-left:.45em; padding:.1em .4em; border-radius:.45em;
  background:color-mix(in srgb, var(--tc) 16%, transparent);
  border:1px solid color-mix(in srgb, var(--tc) 55%, transparent);
  font-size:.6em; font-weight:800; letter-spacing:.05em; line-height:1;
  color:inherit; white-space:nowrap;
}
.tdf-team-chip i { width:.72em; height:.72em; border-radius:.22em; background:var(--tc); flex:0 0 auto; }
.tdf-lbr-row.is-leader .tdf-team-chip { font-size:.66em; }
.tdf-lgd-team { display:inline-flex; align-items:center; gap:.3em; }
.tdf-lgd-team i { width:.75em; height:.75em; border-radius:.22em; background:var(--tc); flex:0 0 auto; }
.tdf-lgd-team { white-space:nowrap; }
.tdf-lbr-namew .tdf-lbr-name { min-width: 10ch; }
.tdf-team-chip { flex:0 1 auto; min-width: 1.5em; overflow:hidden; }
.tdf-team-chip .tx { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }

.tdf-pod-val .tdf-pod-valunit { display:inline; font-size:.34em; font-weight:800; letter-spacing:.08em; text-transform:uppercase; opacity:.8; margin-top:0; }