/* =========================================================
   Nekoh.it — Transizioni di documento (home <-> pagina del modulo)

   Il sito e' multi-pagina e resta tale: le View Transitions cross-document
   danno la continuita' di una SPA senza esserlo. Servono DUE cose, e vanno
   messe su ENTRAMBI i documenti:

     1. l'opt-in `@view-transition { navigation: auto }`
     2. lo stesso `view-transition-name` sull'elemento che deve "volare"

   Qui c'e' la parte della DESTINAZIONE. Il lato home sta in home.css.

   Perche' un foglio a parte e non una riga in style.css: style.css lo caricano
   47 pagine, e attivare le transizioni ovunque sarebbe un cambio di
   comportamento su tutto il sito dentro una modifica che riguarda la home.
   Qui l'opt-in ce l'hanno le quattro pagine che lo linkano, e nient'altro.

   Dove non e' supportato non succede nulla: la navigazione resta quella di
   sempre. Chi ha chiesto meno animazioni non ne riceve, come prescrive
   theme.css.
   ========================================================= */

@media (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }

    /* Un nome puo' stare su UN SOLO elemento per documento, o la transizione
       viene saltata. Qui e' il titolo della pagina; in home e' il titolo della
       card corrispondente. */
    [data-vt-name="sudoku"] { view-transition-name: nk-vt-sudoku; }
    [data-vt-name="wordle"] { view-transition-name: nk-vt-wordle; }
    [data-vt-name="dices"] { view-transition-name: nk-vt-dices; }
    [data-vt-name="weather"] { view-transition-name: nk-vt-weather; }
}