/*!
 * SPDX-FileCopyrightText: © 2026 Amitiel Angelisme <armitiel@gmail.com>
 * SPDX-License-Identifier: LicenseRef-EwolucJA-Proprietary
 *
 * EwolucJA — gra edukacyjna dla dzieci.
 * Produkt powstał w ramach projektu Stowarzyszenia na Rzecz Edukacji „Pomost”;
 * autorskie prawa majątkowe pozostają przy autorze. Licencja: LICENSE.
 */
/*
 * WYRÓWNANIE SILNIKÓW (14.10.2026) — jedno miejsce na domyślne zachowania,
 * którymi Safari, Chrome i Firefox różnią się „z fabryki”. Linkowany
 * w index.html PRZED tokeny.css. Opis: docs/URZADZENIA.md.
 *
 * Wszystkie reguły siedzą w :where(), czyli mają zerową wagę — każda reguła
 * komponentu wygrywa z nimi bez `!important`. To jest podłoga, nie styl.
 *
 * Czego tu NIE ma i dlaczego:
 *   • `user-select: none` na całej stronie — panel Mentora i kody klas trzeba
 *     dać się zaznaczyć i skopiować; ekrany gry ustawiają to same.
 *   • `appearance: none` na przyciskach — gołe przyciski (panel Mentora)
 *     straciłyby obramowanie i tło.
 *   • blokada szczypania — jest w urzadzenie.js, tylko na ekranach gry;
 *     ekrany z tekstem zostają powiększalne (dostępność).
 */

:where(html) {
  /* iOS powiększa tekst po obrocie telefonu do poziomu — układ się rozjeżdża. */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* Szary prostokąt po stuknięciu (Safari, Chrome na Androidzie). */
  -webkit-tap-highlight-color: transparent;
  /* Bez powiększania podwójnym stuknięciem i bez 300-milisekundowego
     czekania na drugie stuknięcie. Przewijanie i szczypanie zostają. */
  touch-action: manipulation;
  /* Ta sama grubość liter na Macu w Safari, Chrome i Firefoksie. */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Bez „pociągnij, aby odświeżyć” (Chrome na Androidzie przeładowywał grę,
   gdy dziecko ciągnęło palcem w dół) i bez gumowego odbicia całej strony.
   Przewijanie wewnątrz ekranów działa jak dotąd. */
:where(html, body) {
  overscroll-behavior: none;
}

/* Przytrzymanie palca na obrazku otwierało w iOS menu „Zachowaj obraz”
   / „Udostępnij” — dzieci przytrzymują. */
:where(img, svg, canvas, video) {
  -webkit-touch-callout: none;
}

/* Przeciągnięcie myszą zaczęte na obrazku podnosiło jego „duszka” zamiast
   prowadzić liska (desktop, Safari i Chrome). */
:where(img) {
  -webkit-user-drag: none;
}

/* Pola tekstowe i tak mają się dać zaznaczyć i wkleić — także tam, gdzie
   ekran gry wyłączył zaznaczanie na rodzicu. */
:where(input, textarea, [contenteditable="true"]) {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}