/*
 * zombie-kart/app.css — nur das Eigene von Zombie Kart:
 * Streckenwahl auf der Start-/Endkarte, Touch-Knoepfe (lenken links, bremsen rechts).
 */

.kart-tracks {
  display: flex;
  gap: 4px;
  margin: var(--sp-2) 0 0;
  padding: 3px;
  border-radius: var(--radius-lg);
  background: var(--surface-2);
}

.kart-track {
  flex: 1;
  appearance: none;
  border: 0;
  padding: 8px 6px;
  border-radius: calc(var(--radius-lg) - 3px);
  background: transparent;
  color: var(--bar-fg-dim);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
}

.kart-track:hover {
  color: var(--bar-fg);
}

.kart-track.is-active {
  background: var(--surface-3);
  color: var(--bar-fg);
}

/* Bremse rechts, Lenken links */
.app-zombie-kart .game-pad-btn:nth-child(3) {
  margin-left: auto;
}

.app-zombie-kart .game-pad {
  justify-content: flex-start;
}