/* Language switch (EN · UK · RU) in the game's top bar. Same glass pill as the
   other HUD controls; the active language is a filled gold segment. */

.langSwitch {
  display: inline-flex;
  align-items: stretch;
  height: var(--control-h);
  padding: 3px;
  gap: 2px;
  border: 1px solid var(--glass-line);
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(36, 35, 52, .94), rgba(16, 23, 34, .96));
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
}

.langSwitch button {
  appearance: none;
  min-width: 36px;
  padding: 0 9px;
  color: var(--game-muted);
  border: 0;
  border-radius: 999px;
  background: transparent;
  font-family: var(--utility);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color var(--motion-tick) ease, background var(--motion-tick) ease;
}

.langSwitch button:hover,
.langSwitch button:focus-visible { color: var(--game-ivory); outline: 0; }
.langSwitch button:focus-visible { box-shadow: var(--focus-ring); }

.langSwitch button.is-active {
  color: #141c28;
  background: var(--gold-gradient);
}

@media (max-width: 599px), (orientation: landscape) and (max-height: 500px) and (max-width: 719px) {
  .langSwitch button { min-width: 32px; padding: 0 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .langSwitch button { transition: none; }
}