/* ============================================================
   MATRIXALIGNER_GLOBAL_BACKGROUND_V2
   Page-specific MatrixAligner background authority.
   ============================================================ */

html {
  min-height: 100%;
  background: #020807;
}

body {
  min-height: 100vh;

  background-image:
    linear-gradient(
      180deg,
      rgba(1, 7, 8, .18) 0%,
      rgba(1, 7, 8, .38) 48%,
      rgba(1, 7, 8, .68) 100%
    ),
    var(
      --matrixaligner-page-background,
      url("/matrixaligner/assets/backgrounds/matrix aligner homepage background.png")
    ) !important;

  background-position:
    center top,
    center top !important;

  background-size:
    cover,
    cover !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-attachment:
    fixed,
    fixed !important;
}

/*
 * Existing cards, forms, players, feeds, menus and runtime
 * surfaces remain authoritative. This stylesheet owns only
 * the page environment.
 */

@media (max-width: 900px) {
  body {
    background-attachment:
      scroll,
      scroll !important;

    background-position:
      center top,
      center top !important;
  }
}

/* MATRIXALIGNER_GLOBAL_BACKGROUND_V2_END */