.iphone.asleep { pointer-events: none; }
.friend { position: fixed; left: 0; top: 0; z-index: 40; width: 16px; height: 16px; border-radius: 50%; background: #B3121F;
  pointer-events: none; will-change: transform; }
html.b2 .figs dd { display: flex; }
.odo { display: inline-flex; }
.odo .w { display: inline-block; height: 1em; overflow: hidden; line-height: 1em; text-align: center; width: .5em; }
.odo .st { display: block; will-change: transform; }
.odo .st span { display: block; height: 1em; }
.odo .lead { opacity: .16; }
.odo .sep { line-height: 1em; }
.figs dd .real { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.zoom { position: relative; height: 250vh; height: 250svh; }
.zoom .pin { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; display: grid; place-items: center; }
.zoom .sq, .zoom .dot { grid-area: 1 / 1; }
.zoom .dot { border-radius: 50%; background: #B3121F; }