/* Wartip public channel: keep the dark grid and soft purple glow stationary.
   This stylesheet changes only the page background, not navigation or content. */
html {
  background-color: #0c0b13;
}
body {
  background-attachment: fixed, fixed, fixed !important;
  background-repeat: no-repeat, repeat, repeat !important;
  background-position: center top, left top, left top !important;
}
/* Mobile Safari does not consistently support fixed background-attachment.
   Render its pattern on a fixed viewport layer instead. */
@supports (-webkit-touch-callout: none) {
  body {
    background-image: none !important;
    background-color: #0c0b13 !important;
  }
  body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-color: #0c0b13;
    background-image:
      radial-gradient(ellipse 850px 420px at 50% -145px, rgba(109,58,176,.16), transparent 85%),
      linear-gradient(rgba(162,139,201,.052) 1px, transparent 1px),
      linear-gradient(90deg, rgba(162,139,201,.052) 1px, transparent 1px);
    background-size: auto, 36px 36px, 36px 36px;
    background-position: center top, left top, left top;
  }
  body > .container {
    position: relative;
    z-index: 1;
  }
}