/* UTOMARRY / MOBILE 01 — original Figma SVGs, desktop unchanged. */
.mobile-reality-stage { display:none; }
@media (max-width:740px) {
  body.portal .portal-desktop, body.portal main > .portal-stage { display:none !important; }
  body.portal .mobile-reality-stage {
    position:relative; display:block; width:100%; max-width:440px; margin-inline:auto;
    aspect-ratio:440 / 956; background:#fff; overflow:hidden; isolation:isolate; line-height:0;
  }
  .mobile-reality-stage .mobile-reality-layer {
    position:absolute; inset:0; display:block; width:100%; height:100%;
    object-fit:contain; pointer-events:none; user-select:none;
  }
  .mobile-reality-stage .mobile-reality-base { z-index:0; }
  .mobile-reality-stage .mobile-reality-light,
  .mobile-reality-stage .mobile-reality-dark {
    z-index:1; opacity:0; transition:opacity 260ms cubic-bezier(.22,.61,.36,1);
  }
  .mobile-reality-stage[data-hover="light"] .mobile-reality-light {opacity:1;}
  .mobile-reality-stage[data-hover="dark"] .mobile-reality-dark {opacity:1;}
  .mobile-reality-stage .mobile-reality-link {
    position:absolute; display:block; z-index:3; border-radius:12px;
    touch-action:manipulation; text-decoration:none; background:transparent;
  }
  .mobile-reality-stage .mobile-reality-link:focus-visible {
    outline:3px solid #1511ff; outline-offset:-4px;
  }
  /* HIT ZONES: use original 440 × 956 coordinate system. */
  .mobile-reality-stage .mobile-reality-link[data-universe="light"] {
    left:6.13636%; top:41.84100%; width:88.18182%; height:24.26778%;
  }
  .mobile-reality-stage .mobile-reality-link[data-universe="dark"] {
    left:6.13636%; top:67.78243%; width:88.18182%; height:24.26778%;
  }
}
@media (prefers-reduced-motion:reduce) {
  .mobile-reality-stage .mobile-reality-layer { transition:none !important; }
}