/* prototype.css — unified SPA: screen-to-screen motion layers */

/* Push layer: slides in from the right over the current screen (iOS push) */
.proto-push{
  position:absolute; inset:0;
  background:var(--canvas);
  transform:translateX(100%);
  transition:transform .38s cubic-bezier(.32,.72,0,1);
  will-change:transform;
}
.proto-push[data-in="true"]{ transform:translateX(0); }
.proto-push > .fh,
.proto-push > .fs,
.proto-push > .rv{ height:100%; }

/* the parent screen eases back slightly while a push layer is in front */
.proto-home{ transition:transform .38s cubic-bezier(.32,.72,0,1), filter .38s ease; }
.proto-home[data-recessed="true"]{ transform:scale(.985) translateX(-12px); }

/* Celebration sits above every layer; wrapper must not eat taps when idle */
.proto-cele{ position:absolute; inset:0; z-index:90; pointer-events:none; }
.proto-cele > .celebrate{ pointer-events:auto; }