/* Pasek sapera: licznik min, czas i przełącznik flagi. Reszta wyglądu z Klyo Kit. */
.saper-hud { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
.saper-licznik {
  display: inline-flex; align-items: center; gap: 6px; min-block-size: 44px; padding: 0 12px;
  border-radius: 12px; border: 1px solid var(--kit-linia);
  background: color-mix(in srgb, var(--kit-tlo2) 82%, transparent);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: var(--kit-tekst); font-weight: 800; font-size: 16px; font-variant-numeric: tabular-nums;
}
.saper-licznik svg { inline-size: 18px; block-size: 18px; flex: none; color: var(--kit-tekst2); }
.saper-licznik b { min-inline-size: 2.2ch; text-align: end; }
.kit-hud .saper-flaga { gap: 6px; }
.saper-flaga svg { inline-size: 18px; block-size: 18px; flex: none; }
.saper-flaga[aria-pressed="true"] { background: #ff4d5e; border-color: #ff4d5e; color: #fff; }
@media (max-width: 380px) { .saper-flaga span { display: none; } .saper-licznik { padding: 0 9px; } }