/* One instrument surface; all rules are scoped to the statistics strip. */
.performance-strip {
  background: linear-gradient(110deg, #191e20, #111516 70%);
  color: var(--paper); border-block: 1px solid #b9bdc01c;
  padding: 27px 0 0; overflow: hidden;
  --instrument-ease: cubic-bezier(.2,.7,.25,1);
}
.performance-caption { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:8px; line-height:1.6; letter-spacing:1.8px; color:#9fa9ad; }
.performance-caption > span:last-child { font-size:10px; letter-spacing:.2px; color:#aeb8bb; }
.instrument-top { display:grid; grid-template-columns:minmax(0,3fr) minmax(170px,1fr); align-items:center; gap:35px; padding:18px 0 23px; }
.metric-list { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.metric {
  display:flex; flex-direction:column; align-items:flex-start; gap:11px;
  position:relative; min-width:0; padding:11px 0 17px;
  color:#aab3b7; cursor:pointer; text-decoration:none;
}
.metric-number {
  display:block; width:2.15ch; font-family:var(--font-brand);
  font-size:clamp(60px,5.7vw,82px); line-height:1; font-weight:450;
  font-variant-numeric:tabular-nums lining-nums; font-feature-settings:"tnum" 1,"lnum" 1;
  letter-spacing:-3.8px; color:#afb9bd; transition:color .35s var(--instrument-ease);
}
.metric-label { font-size:10px; line-height:1.65; letter-spacing:1.7px; text-transform:uppercase; color:#b9c1c3; transition:opacity .55s var(--instrument-ease),transform .55s var(--instrument-ease); }
.metric.is-active .metric-number, .metric:hover .metric-number, .metric:focus-visible .metric-number { color:#f1f1eb; }
.metric:focus-visible { outline:1px solid #c9d0d2; outline-offset:5px; border-radius:2px; }
.metric-indicator { position:absolute; pointer-events:none; left:0; top:0; width:var(--marker-width,52px); height:var(--marker-height,2px); background:#ae3c47; transform:translate3d(var(--marker-x,0px),var(--marker-y,0px),0); transition:transform .45s var(--instrument-ease),width .3s,height .3s; opacity:0; }
.performance-strip[data-enhanced] .metric-indicator { opacity:1; }
.instrument-tagline { font-size:21px; line-height:1.5; letter-spacing:-.5px; font-weight:400; margin:0; color:#c1c7c9; transition:opacity .7s var(--instrument-ease),transform .7s var(--instrument-ease); }
.instrument-tagline em { font-style:normal; color:#efede7; }
.instrument-rail { height:34px;width:100%;position:relative;border-bottom:1px solid #aab4b729;--sled-x:0px; }
.instrument-rail:before { content:'';position:absolute;bottom:-1px;left:0;width:clamp(0px,calc(var(--sled-x) + 53px),100%);height:2px;background:linear-gradient(90deg,#a53d4820,#a53d48 80%,#f1b0b5);box-shadow:0 0 9px #c6516055;opacity:var(--sled-opacity,0); }
.instrument-rail:after { content:'';position:absolute;bottom:-2px;left:0;width:26px;height:4px;background:#efd4d6;box-shadow:0 0 13px #d65b6a;transform:translateX(calc(var(--sled-x) + 35px));opacity:var(--sled-opacity,0); }
.metric.is-passing .metric-number { color:#fff8f1;text-shadow:0 0 22px #df748477; }
.metric.is-passing .metric-label { color:#f4d9dc; }
.sled-athlete { position:absolute;bottom:-4px;left:0;width:60px;height:35px;pointer-events:none;transform:translateX(var(--sled-x));opacity:var(--sled-opacity,1);z-index:1; }
.sled-athlete svg { display:block;width:100%;height:100%;overflow:visible; }
.athlete-leg { transform-box:view-box;transform-origin:49px 60px; }
.performance-strip.is-training .athlete-leg-front { animation:sled-stride .16s ease-in-out infinite alternate; }
.performance-strip.is-training .athlete-leg-back { animation:sled-stride .16s ease-in-out infinite alternate-reverse; }
.performance-strip.is-training .sled-effort { animation:sled-effort .16s ease-in-out infinite alternate; }
@keyframes sled-stride { from{transform:rotate(-12deg)} to{transform:rotate(13deg)} }
@keyframes sled-effort { from{opacity:.25;transform:translateX(2px)} to{opacity:.8;transform:translateX(-2px)} }
@media(prefers-reduced-motion:reduce) { .sled-athlete { left:calc(50% - 30px);transform:none;opacity:1; } .instrument-rail:before,.instrument-rail:after { display:none; } }
.metric-details { min-height:107px; padding:21px 0 22px; }
.metric-detail[hidden] { display:none!important; }
.metric-detail h3 { font-size:15px; line-height:1.5; font-weight:500; letter-spacing:-.1px; color:#ecebe6; margin:0 0 7px; }
.metric-detail p { font-size:12px; line-height:1.75; color:#adb8bc; max-width:780px; margin:0; }
.metric-detail:focus-visible { outline:1px solid #b9bdc0; outline-offset:7px; }
.performance-strip.is-armed .metric-label, .performance-strip.is-armed .instrument-tagline { opacity:0; transform:translateY(7px); }
.performance-strip.is-armed .metric.is-arrived .metric-label, .performance-strip.is-armed .instrument-tagline.is-revealed { opacity:1; transform:none; }
.metric.is-arrived .metric-number { animation:instrument-ignite .8s ease-out both; }
@keyframes instrument-ignite { 0%{color:#afb9bd}35%{color:#f5f3ef}100%{color:#b9c3c7} }
.intro-complete .metric-number { animation:none; }
.metric.is-active.is-arrived .metric-number { animation-name:instrument-ignite-active; }
@keyframes instrument-ignite-active { 0%{color:#c2c9cc}40%,100%{color:#f1f1eb} }
@media(max-width:1050px){.instrument-top{gap:24px;grid-template-columns:minmax(0,3fr) minmax(150px,1fr)}.metric-list{gap:12px}.metric-number{font-size:62px}.metric-label{font-size:9px;letter-spacing:1.3px}.instrument-tagline{font-size:18px}}
@media(max-width:760px){
  .performance-strip{padding-top:24px}.performance-caption{align-items:flex-start;gap:15px;font-size:7px;letter-spacing:1.2px}.performance-caption>span:first-child{max-width:185px}.performance-caption>span:last-child{font-size:9px;white-space:nowrap}
  .instrument-top{grid-template-columns:1fr;gap:16px;padding:17px 0 24px}
  .metric-list{grid-template-columns:1fr;gap:4px;padding-left:14px}
  .metric{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:15px;padding:12px 0;min-height:82px}
  .metric-number{font-size:60px;letter-spacing:-2.8px}.metric-label{font-size:11px;line-height:1.7;letter-spacing:1.6px}
  .instrument-tagline{font-size:15px;letter-spacing:-.2px;line-height:1.65;padding-left:14px}.instrument-tagline br{display:none}.instrument-tagline br:after{content:' '}.instrument-tagline em{display:block}.instrument-tagline{word-spacing:.2px}
  .metric-details{min-height:165px;padding-top:21px}.metric-detail h3{font-size:15px;max-width:300px}.metric-detail p{font-size:12px;max-width:330px}
}
@media(prefers-reduced-motion:reduce){
  .performance-strip *, .performance-strip *:before, .performance-strip *:after{animation:none!important;transition:none!important}
  .performance-strip .metric-label,.performance-strip .instrument-tagline{opacity:1!important;transform:none!important}.performance-strip .instrument-pulse{display:none!important}
}

.performance-strip.is-armed .metric-number { opacity:0; }
.performance-strip.is-armed .metric.is-arrived .metric-number { opacity:1; }
@media(prefers-reduced-motion:reduce) { .performance-strip .metric-number { opacity:1!important; } }