/* A captain's own page. One job, one screen, read on a phone with a game
   about to start — so it stays wide-spaced and short. */
.captain-page {
  max-width: 44rem;
}

.captain {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.captain-clock {
  padding: var(--space-md) var(--space-lg);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--surface-sunk);
}

/* Mint is "it's happening now" everywhere else in the app, and this is the
   most now anything gets. */
.captain-clock--yours {
  border-color: var(--border-win);
  background: var(--surface-win);
}

.captain-clock__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 600;
}

.captain-clock--yours .captain-clock__title {
  color: var(--text-win);
}

.captain-clock__hint {
  margin: var(--space-2xs) 0 0;
  color: var(--text-secondary);
}

.captain-pick__form {
  margin: 0;
}

.captain-pick {
  padding: var(--space-2xs) var(--space-smd);
  font-size: var(--text-sm);
}

.captain-page__footer {
  color: var(--text-secondary);
  font-size: var(--text-sm);
}