#invitation-form { margin-top: 1rem; }

.invitation-code {
  display: grid;
  gap: clamp(.25rem, 1.5vw, .5rem);
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.invitation-code[hidden] { display: none; }

.auth-card .invitation-code input {
  border-radius: .5rem;
  font-family: var(--mono);
  font-size: 1.4rem;
  min-height: 3.2rem;
  min-width: 0;
  padding: .5rem 0;
  text-align: center;
}

.auth-card .invitation-code input:focus {
  border-color: var(--saffron);
  outline: 2px solid var(--saffron);
  outline-offset: 2px;
}

[data-invitation-language-status]:empty { display: none; }