/* The web build's own overrides. The popup is laid out at a fixed 380×590 for the
   extension; here it fills the browser window, and the wide layout (popup.css)
   takes over from 900px, as it does in the desktop app's big window. */

html,
body {
  width: 100%;
  height: 100%;
}

body {
  overflow: hidden;
}

/* The desktop app's window buttons have no meaning in a browser tab. */
#window-size,
#fullscreen {
  display: none !important;
}

/* The wide layout puts the columns side by side; the page needs room for them. */
.app {
  min-height: 100dvh;
}

/* A browser tab has no popup to close, so fomo.family links open beside it. */
@media (min-width: 900px) {
  .views {
    max-width: 1760px;
  }
}