/* full-wipe: going to another page wipes the whole screen under the menu bar, as HyperCard's wipe did: one hard line
   going down a step every frame, the whole screen in a third of a second, the new page left behind it. The menu bar isn't part of the
   screen: it changes at once */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  .menubar { view-transition-name: menubar; }
  ::view-transition-old(menubar) { display: none; }
  ::view-transition-group(menubar), ::view-transition-new(menubar) { animation: none; }
  ::view-transition-new(root) { animation: none; }
  ::view-transition-old(root) { animation: full-wipe 350ms steps(21, end) both; }
  @keyframes full-wipe { from { clip-path: inset(0 0 0 0); } to { clip-path: inset(100% 0 0 0); } }
}