/* The first paint on a public navigation is the saved artwork, edge to edge. */
html[data-dc88-loading]:not(.boss-admin-entry),
html[data-dc88-loading]:not(.boss-admin-entry) body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  background: #c8f0f8 !important;
  overscroll-behavior: none;
}

html[data-dc88-loading]:not(.boss-admin-entry) body::before {
  display: none !important;
}

html[data-dc88-loading]:not(.boss-admin-entry) body > :not(#app, script, style, link) {
  display: none !important;
}

#app > .dc88-loading-splash {
  display: block;
  width: min(100%, 560px);
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  background: #c8f0f8 var(--dc88-loading-background-image, none) center / cover no-repeat;
}

@media (max-width: 600px) {
  #app > .dc88-loading-splash { width: 100%; }
}

/* Paint Ice on the actual scrolling column as well, so the lower rail
   cannot uncover the dark canvas if Safari redraws its fixed layers late. */
html.native-aqua.public-light.public-ice body.aquamarine:not(.admin-mode) #app > .shell {
  min-height: 100vh;
  min-height: 100dvh;
  background: #aef0f8 url("/theme/dc88-ice-5ce977d2033a.png") center top / 100% 100vh no-repeat !important;
}

@supports (height: 100svh) {
  html.native-aqua.public-light.public-ice body.aquamarine:not(.admin-mode) #app > .shell {
    background-size: 100% 100svh !important;
  }
}