/* Checkered Flag Finish - dual progress bars */
.sprint-arena { gap: 20px; }

.sprint-board {
  width: min(560px, 94%);
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: linear-gradient(180deg, #22222c, #14141b);
  border: 1px solid var(--f1-line);
  border-radius: 16px;
  padding: clamp(14px, 4vw, 22px);
}

.sprint-row { display: flex; align-items: center; gap: 10px; }

.sprint-tag {
  flex: 0 0 auto;
  width: 54px;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 1px;
  color: var(--f1-yellow);
}

.sprint-tag.rival-tag { color: #7fd0ff; }

.sprint-bar {
  flex: 1;
  height: 34px;
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid var(--f1-line);
  overflow: hidden;
}

.sprint-fill {
  height: 100%;
  width: 100%;
  border-radius: 8px;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.1s linear;
}

.sprint-fill.you {
  background: linear-gradient(90deg, var(--f1-red), var(--f1-yellow));
}

.sprint-fill.rival {
  background: linear-gradient(90deg, #1466b8, #7fd0ff);
}

.sprint-car { font-size: 1.5rem; flex: 0 0 auto; }

.sprint-lap {
  text-align: center;
  font-size: 0.85rem;
  color: var(--f1-muted);
  font-weight: 600;
  min-height: 1.3em;
}

.sprint-pad {
  border-color: rgba(255, 212, 0, 0.6);
  color: var(--f1-yellow);
  animation: sprint-pulse 1.4s ease-in-out infinite;
}

@keyframes sprint-pulse {
  50% { box-shadow: 0 0 30px rgba(255, 212, 0, 0.45); }
}