/* Playora — pad dotykowy dla gier czasu rzeczywistego (wyścigi, strzelanki, sport). Gry turowe mają własne
   sterowanie. Cel: palec trafia bez patrzenia (minimum 72 px na stronę) i nie zahacza o systemowy pasek
   z „wracaniem" — panel siedzi powyżej safe-arei (notch, gest cofnięcia) z zapasem 18 px. Gry dokladaja
   własny wygląd (kolory, uklad); tu są minima, których zadna gra nie powinna przekroczyc w dół. */
.playora-pad {
  gap: 10px;
  padding-inline: 12px;
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);
  touch-action: none;
}
.playora-pad > div { gap: 10px; }
.playora-pad button {
  min-width: 72px;
  min-height: 72px;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* Tryb „tylko plansza" (telefon w poziomie): panel dotykowy siada na planszy, więc nie może mieć
   własnego tła ani ramki. Gry chowają wtedy własne menu i paski; minima przycisków zostają. */
@media (orientation: landscape) and (pointer: coarse) {
  .playora-pad { background: transparent; border-top: 0; box-shadow: none; }
}

/* Pad podłączony: przyciski dotykowe idą w odstawkę, sterowanie przejmuje kontroler.
   `has-gamepad` dokłada shared/ui/gamepad.js, a `!important` jest potrzebne, bo gry potrafią
   pisać własne reguły z `body` lub id (np. `body.in-race .touch-controls { display: flex }`). */
body.has-gamepad .playora-pad { display: none !important; }