.time-trial-launch-button {
  min-height: 62px;
  display: grid;
  place-content: center;
  gap: 2px;
  border-radius: 7px;
  clip-path: polygon(7px 0, 100% 0, calc(100% - 7px) 100%, 0 100%);
  border-color: rgba(77,238,234,.48) !important;
  background: linear-gradient(135deg, rgba(77,238,234,.18), rgba(9,15,27,.94)) !important;
  box-shadow: inset 0 0 24px rgba(77,238,234,.07), 0 0 20px rgba(77,238,234,.07);
}

.time-trial-launch-button span { color: #9ffcff; }
.time-trial-launch-button small { color: #a7b8ca; font-size: .57rem; letter-spacing: .12em; }

.game-screen.is-time-trial .hud.top-left > div:first-child span::after { content: ' MODE'; }
.game-screen.is-time-trial #hudPosition { color: #9ffcff; font-size: 0; }
.game-screen.is-time-trial #hudPosition::after { content: 'SOLO'; font-size: 1rem; }
.game-screen.is-time-trial .race-progress > span { background: linear-gradient(90deg, #4deeea, #ffd43b); }

.time-trial-medal {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--medal-colour, #94a3b8);
  font-weight: 1000;
  letter-spacing: .08em;
}

.time-trial-medal::before {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--medal-colour, #64748b);
  box-shadow: 0 0 12px color-mix(in srgb, var(--medal-colour, #64748b) 60%, transparent);
}

.time-trial-medal[data-medal="gold"] { --medal-colour: #ffd43b; }
.time-trial-medal[data-medal="silver"] { --medal-colour: #dce7f4; }
.time-trial-medal[data-medal="bronze"] { --medal-colour: #e29554; }

.result-time-trial { width: min(590px, calc(100vw - 24px)); }
.result-time-trial #resultTitle { color: #9ffcff; text-shadow: 0 0 26px rgba(77,238,234,.26); }
.result-time-trial .result-summary div:nth-child(5) strong { color: #ffd43b; }

@media (max-width: 640px) {
  .time-trial-launch-button { grid-column: 1 / -1; }
}