/* Ritocchi validi solo dentro l'app Capacitor (data-native su <html>).
   In browser il foglio non cambia nulla. */

html[data-native], html[data-native] body {
  overscroll-behavior: none;            /* niente pull-to-refresh ne' rimbalzo */
  -webkit-tap-highlight-color: transparent;
}

html[data-native] body {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;          /* niente menu al tocco prolungato */
}

html[data-native] input,
html[data-native] select,
html[data-native] textarea {
  -webkit-user-select: text;
  user-select: text;
}

/* --- Android TV ------------------------------------------------------- */

/* Le schermate TV sono gia' dimensionate per stare in 100vh con i loro
   3vh/4vw di margine: qui non si toccano padding o posizioni, altrimenti
   header e footer finiscono sopra il contenuto.

   La WebView del televisore espone pero' un viewport di circa 960 px CSS
   (1080p a 320 dpi), quindi i testi in rem risultano grandi il doppio
   rispetto al layout, fino a sovrapporsi. Qui il rem torna a valere la
   stessa frazione di larghezza del riferimento desktop: 16px su 1536. */
html[data-native="tv"] { font-size: clamp(9px, 1.04vw, 22px); }

/* Col telecomando la carta si sposta direttamente dalla fila (frecce) e si
   conferma con OK: i pulsanti freccia non servono. */
html[data-native="tv"] .carousel-tools { display: none; }

/* Elementi raggiungibili col telecomando che nel web non hanno un focus
   dedicato: sulle schermate di gioco lo stile esistente resta il suo. */
html[data-native="tv"] .button:focus,
html[data-native="tv"] .brand:focus,
html[data-native="tv"] .playback-fallback:focus {
  outline: 3px solid var(--lime);
  outline-offset: 4px;
}

/* Il telecomando non ha puntatore: l'hover non deve muovere nulla. */
html[data-native="tv"] .button:hover { transform: none; }