/* =====================================================================
   Écran des pièces — public/assets/pieces.css

   Chargé par page.php en plus de screens.css et or.css, pour le seul
   écran des pièces. Ne décrit que ce qui distingue cet écran : ce
   qu'une case contient. Le cadre, la grille et la légende sont dans
   or.css ; le footer dans components/footer.css.

   Un contenu de views/or_pieces/ qui aurait ses propres règles les
   mettrait ici — et les emporterait en partant.
   ===================================================================== */


/* Pièces : avers et revers côte à côte, jamais déformés, jamais
   débordants. L'ombre les détache du fond sans cadre — une pièce
   découpée sur transparence n'a pas besoin d'être encadrée. */

.or-faces {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8vw;
}

.or-face {
    min-height: 0;
    max-height: 100%;
    max-width: 47%;
    object-fit: contain;
    filter: drop-shadow(0 .8vh 1.8vh rgba(0, 0, 0, .5));
}