/* Controls reference, rendered by controls_help_controller from game/controls_help
   (Réglages and the game menu). */

.controls-help {
  display: grid;
  gap: var(--space-lg);
  text-align: left;
}

.controls-help__group {
  display: grid;
  gap: var(--space-xs);
}

.controls-help__title {
  margin: 0;
  color: var(--amber);
  font: 600 0.75rem/1rem var(--font-ui);
  letter-spacing: var(--tracking-label-md);
  text-transform: uppercase;
}

.controls-help__list {
  display: grid;
  grid-template-columns: minmax(7.5rem, 38%) minmax(0, 1fr);
  margin: 0;
  font: 400 0.875rem/1.375rem var(--font-ui);
}

.controls-help__keys,
.controls-help__action {
  margin: 0;
  padding: var(--space-sm) 0;
  border-bottom: 1px solid var(--hairline);
}

.controls-help__list > :nth-last-child(-n + 2) {
  border-bottom: 0;
}

.controls-help__keys {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
  padding-right: var(--space-md);
  color: var(--text-strong);
  font-weight: 600;
}

.controls-help__action {
  color: var(--text-muted);
}

.controls-help--compact {
  gap: var(--space-md);
}

.controls-help--compact .controls-help__list {
  grid-template-columns: fit-content(45%) minmax(0, 1fr);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.controls-help--compact .controls-help__keys,
.controls-help--compact .controls-help__action {
  padding-block: 0.375rem;
}