/*   CSS FILE HEADER #
 *
 *   File:         [embutido.css]
 *   Author(s):    ['Pedro H.F Matias']
 *   Date:         ['10.10.2026']
 *   Version:      ['0.1.0']
 *   Description:  ['The grimoire as the Grimório page of the sheet (apps/ficha): the same type as the sheet (tema.css --e-fonte-*) and the Encadernação that points to the theme of the sheet. Loaded only by apps/ficha, after ficha.css.']
 */

/* the type is the sheet's, one set for the site (tema.css --e-fonte-*, 27/10): the grimoire alone and this page read the same */
.grimorio-raiz { font-family: var(--serif); }

/* the Grimório page while another page of the sheet shows: skipped instead of display: none, so Chrome keeps its style
   and layout and turning back to it does not lay out the 90 cards again (tema.css .oculto is display: none !important).
   Height 0 (size containment, no padding of its own): the sheet pages above it do not move. */
#aba-grimorio.oculto { display: block !important; content-visibility: hidden; }
#aba-grimorio.oculto .btn-mana::after { animation-play-state: paused; }

/* Encadernação: the leather and the pages are the theme of the sheet */
.tema-da-ficha .dica { margin: 0 0 8px; }

/* the vial of mana: inside the sheet the vitals stay pinned at the top with the mp, so the vial floats at the foot of the
   screen instead, never over them (27/10) */
.mana-flutuante { top: auto; bottom: 14px; transform: translate(-50%, 150%) scale(.9); }
.mana-flutuante.visivel { transform: translate(-50%, 0); }