/* Canonical Varlio gallery frame, shared only by the six mobile apps.
   No imitation Android buttons or embedded emulator shell. */
.gallery-phone.gallery-phone--mobile {
  position:relative;
  width:100%;
  height:auto;
  aspect-ratio:220 / 476;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:31px;
  background:#06020b;
  box-shadow:0 22px 54px rgba(0,0,0,.38);
  isolation:isolate;
}
.gallery-phone--mobile .gallery-screen {
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
  background:#06020b;
}
.gallery-phone--mobile .gallery-app-viewport {width:100%;height:100%;overflow:hidden;position:relative;}
.gallery-phone--mobile img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
/* Legacy VIORA captures include OS status/navigation rows. Display only the
   original app rectangle (x 0..560, y 40..1145), without changing source pixels,
   stretching the interface or hiding VIORA's own bottom navigation. */
.gallery-phone--mobile .gallery-screen--legacy {display:grid;place-items:center;background:#080d1a;}
.gallery-phone--mobile .gallery-screen--legacy .gallery-app-viewport {height:auto;aspect-ratio:560 / 1105;}
.gallery-phone--mobile .gallery-screen--legacy img {position:absolute;inset-inline-start:0;top:-3.6199095023%;width:100%;height:auto;max-width:none;}
@media(max-width:700px){.gallery-phone.gallery-phone--mobile{border-radius:28px;}}