/* PHONE css */

.phone-display { display: block; }
.desktop-display { display: none; }
:root{
  --grid-font-size:80%;
}

body{margin-left:auto;margin-right:auto;max-width:95%;}

.popup{
  margin-left:auto;margin-right:auto; /* centered */
  padding:1em;
}

#card{
  margin:10px 10px 0 0;
  position:relative;
}
#card img{
  width:100%;
}
.card_text{
  position:absolute;
  left:0; top:0;
  width:100%;
  aspect-ratio:2/3;
  background:var(--box-bg);
  color:var(--box-ink);
  border:solid thick #222;
  border-radius:10px;
  visibility:hidden;
}
.card_text h1, .card_text p{ text-align:center; }
.card_text img{
  display:block;
  margin-left: auto;
  margin-right: auto;
}

.fingerprint_popup_lineup{
  display:flex;flex-direction:column;align-items:center;
}