.hra-vyssi-nebo-nizsi .rezimy { display: flex; gap: 10px; justify-content: center; margin-bottom: 16px; flex-wrap: wrap; }
.hra-vyssi-nebo-nizsi .rezimy button[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--zelena); }
#pruh-stavu { display: flex; justify-content: space-between; font-weight: 700; color: var(--tlumeny); font-size: .92rem; margin: 0 4px 10px; }
.souboj { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; text-align: center; padding: 26px 18px; }
.polozka-souboj { display: flex; flex-direction: column; gap: 6px; min-height: 180px; justify-content: center; }
.polozka-souboj .ikona { font-size: 2.6rem; line-height: 1; }
.polozka-souboj .nazev { font-weight: 700; font-size: 1rem; min-height: 2.4em; }
.polozka-souboj .hodnota { font-size: clamp(1.5rem, 6vw, 2.1rem); font-weight: 800; font-variant-numeric: tabular-nums; color: var(--zelena); }
.polozka-souboj .hodnota--skryta { color: var(--tlumeny); letter-spacing: .1em; }
.polozka-souboj .obdobi { font-size: .78rem; color: var(--tlumeny); }
.souboj .vs { font-weight: 800; color: var(--zlata); font-size: 1.2rem; }
.otazka { text-align: center; font-weight: 700; margin: 18px 0 10px; }
.tlacitka-volba { justify-content: center; }
.btn--nizsi, .btn--vyssi { min-width: 140px; justify-content: center; font-size: 1.05rem; padding: 14px 22px; }
.btn--nizsi { background: var(--modra); }
.btn--vyssi { background: var(--zelena); }
#odpoved { text-align: center; margin-top: 16px; }
#odpoved .verdikt-kola { font-size: 1.15rem; font-weight: 700; margin: 0 0 6px; }
#odpoved .verdikt-kola.spravne { color: var(--zelena); }
#odpoved .verdikt-kola.chyba { color: var(--cervena); }

@media (max-width: 520px) {
  .souboj { grid-template-columns: 1fr; }
  .souboj .vs { order: 2; }
  #polozka-b { order: 3; }
  .polozka-souboj { min-height: auto; }
  .btn--nizsi, .btn--vyssi { flex: 1 1 45%; min-width: 0; }
}