/* Saint Anastasia Island in 3D, standing on its own (tsarevets3d.com/anastasia): the app's styles as they were
   (styles.css, copied from WalkBurgas), and only what the page itself needs on top of them. */

/* A laptop or a tablet: the island fills the window (in the app it lived in a phone-wide column), and the panel keeps
   a phone's width, at the bottom left like a card laid over the sea; north and the postcard sit in the bottom right. */
@media (min-width: 700px) {
  .app { width: 100%; }
  .isle-panel { left: 28px; right: auto; width: 420px; }
  .isle-fabs { right: 28px; bottom: calc(28px + var(--safe-bottom)); }
  .chrome { left: 18px; right: 22px; }
}