/* Keep the page surface in place when scrolling reaches either edge. */
html, body {
  overscroll-behavior-y: none;
}

body:not(.admin-mode), body:not(.admin-mode) #app, #app > .shell {
  min-height: 100vh;
  min-height: 100dvh;
}

@supports (height: 100svh) {
  @media (pointer: coarse) {
    html body.aquamarine:not(.admin-mode) {
      --ref-width: min(100vw, calc(100svh * 750 / 1334));
    }
  }
}