/* Shared starting-order presentation for SSR web and the Capacitor shell. */
.live-step-panel.live-start-document-head { padding: 16px; }
.live-step-panel.live-start-document-head .section-title { margin: 0; padding: 0; border: 0; background: none; }
.live-step-panel.live-start-document-head h2 { margin: 6px 0; font-size: 1.5rem; line-height: 1.25; }
.live-step-panel.live-start-document-head p { margin: 0; font-size: .875rem; }
.live-start-list {
  --starts-ink: var(--text-primary, var(--skate-text, #f4f7f5));
  --starts-muted: var(--text-muted, var(--skate-muted, #a6b5ad));
  --starts-accent: var(--color-brand, #ffd522);
  --starts-surface: var(--background-elevated, var(--skate-surface-soft, #142018));
  display: grid;
  gap: 14px;
  min-width: 0;
  color: var(--starts-ink);
}
.live-start-list .live-start-list__heading h2 { margin: 0; font-size: 1.45rem; line-height: 1.25; }
.live-start-list .live-start-list__heading p { margin: 6px 0 0; font-size: .875rem; color: var(--starts-muted); }
.live-start-list .live-start-heat {
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--starts-ink) 20%, transparent);
  border-radius: 18px;
  background: var(--starts-surface);
  scroll-margin-top: calc(var(--topbar-height, 5rem) + var(--space-safe-top, 0px) + 16px);
}
.live-start-list .live-start-heat__heading {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--starts-ink) 17%, transparent);
  background: linear-gradient(110deg, color-mix(in srgb, #38ce76 14%, var(--starts-surface)), var(--starts-surface));
}
.live-start-list .live-start-heat__heading h3 {
  display: flex; align-items: center; gap: 8px; min-width: 0; margin: 0;
  font-size: 1rem; line-height: 1.35; font-weight: 750; color: var(--starts-accent); overflow-wrap: anywhere;
}
.live-start-list .live-start-heat__heading .icon { width: 18px; height: 18px; flex-shrink: 0; }
.live-start-list .live-start-heat__heading > span { color: var(--starts-muted); font-size: .75rem; white-space: nowrap; }
.live-start-list .live-start-heat__athletes { list-style: none; padding: 0 14px; margin: 0; }
.live-start-list .live-start-athlete { display: flex; align-items: center; gap: 6px; min-width: 0; margin: 0; padding: 0; }
.live-start-list .live-start-athlete + .live-start-athlete { border-top: 1px solid color-mix(in srgb, var(--starts-ink) 14%, transparent); }
.live-start-list .live-start-athlete__identity {
  display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1; padding: 14px 0;
  border: 0; border-radius: 0; background: transparent; color: var(--starts-ink); text-align: left; text-decoration: none; font: inherit;
}
.live-start-list .live-start-athlete__bib {
  display: grid; align-content: center; justify-items: center; flex-shrink: 0; min-width: 44px; min-height: 46px;
  padding: 5px; border: 1px solid color-mix(in srgb, var(--starts-accent) 45%, transparent); border-radius: 11px;
  background: color-mix(in srgb, var(--starts-accent) 9%, var(--starts-surface)); color: var(--starts-accent); font-variant-numeric: tabular-nums;
}
.live-start-list .live-start-athlete__bib small { font-size: .625rem; line-height: 1.2; text-transform: uppercase; color: var(--starts-muted); }
.live-start-list .live-start-athlete__bib strong { font-size: 1.2rem; line-height: 1.2; }
.live-start-list .live-start-athlete__text { display: block; min-width: 0; }
.live-start-list .live-start-athlete__text > strong { display: block; color: var(--starts-ink); font-size: 1.125rem; line-height: 1.35; font-weight: 750; overflow-wrap: anywhere; }
.live-start-list .live-start-athlete__text > small { display: block; margin-top: 4px; color: var(--starts-muted); font-size: .75rem; line-height: 1.45; overflow-wrap: anywhere; }
.live-start-list .live-start-athlete > .live-start-athlete__follow {
  position: static; width: 44px; height: 44px; min-width: 44px; padding: 10px; flex-shrink: 0; border: 0; background: transparent; color: var(--starts-muted);
}
.live-start-list .live-start-athlete > .live-start-athlete__follow.is-followed { color: var(--starts-accent); }
.live-start-list .live-start-athlete.is-followed .live-start-athlete__text > strong,
.live-start-list .live-start-athlete.is-fisr-followed-athlete .live-start-athlete__text > strong { color: var(--starts-accent); }
.live-start-list .live-start-list__empty { padding: 14px; color: var(--starts-muted); }
:root[data-theme="light"] .live-start-list { --starts-accent: #806300; }
@media (prefers-color-scheme: light) {
  :root[data-theme="auto"] .live-start-list { --starts-accent: #806300; }
}
@media (max-width: 360px) {
  .live-start-list .live-start-heat__athletes { padding-inline: 10px; }
  .live-start-list .live-start-athlete__identity { gap: 8px; }
}