/* Static Off Grid topographic background. The former canvas animation is
   intentionally not loaded so lower-powered devices avoid continuous paint. */
body {
    background-color: #050505;
}

body::before,
html.off-grid-suppressors-shop-route body::before {
    display: block;
    inset: 0;
    z-index: 0;
    background: #050505;
    opacity: 1;
    animation: none;
    will-change: auto;
}

html.static-background-ready body::before,
html.static-background-ready.off-grid-suppressors-shop-route body::before {
    background-image:
        linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.52)),
        image-set(
            url("images/backgrounds/off-grid-topographic-honeycomb-sharp-1920.avif?v=20261027-sharp") type("image/avif") 1x,
            url("images/backgrounds/off-grid-topographic-honeycomb-sharp-1920.webp?v=20261027-sharp") type("image/webp") 1x
        );
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

body::after,
.tactical-background-canvas {
    display: none !important;
}

@media (min-width: 2300px), (min-resolution: 1.5dppx) {
    html.static-background-ready body::before,
    html.static-background-ready.off-grid-suppressors-shop-route body::before {
        background-image:
            linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.52)),
            image-set(
                url("images/backgrounds/off-grid-topographic-honeycomb-sharp-4k.avif?v=20261027-sharp") type("image/avif") 1x,
                url("images/backgrounds/off-grid-topographic-honeycomb-sharp.webp?v=20261027-sharp") type("image/webp") 1x
            );
    }
}

@media (max-width: 760px) {
    html.static-background-ready body::before,
    html.static-background-ready.off-grid-suppressors-shop-route body::before {
        background-image:
            linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.52)),
            image-set(
                url("images/backgrounds/off-grid-topographic-honeycomb-sharp-mobile.avif?v=20261027-sharp") type("image/avif") 1x,
                url("images/backgrounds/off-grid-topographic-honeycomb-sharp-mobile.webp?v=20261027-sharp") type("image/webp") 1x
            );
        /* Mobile browser bars change the visual viewport while scrolling.
           Keep the image tied to the stable large viewport so cover sizing
           cannot recalculate and appear to zoom in or out. */
        background-position:
            center top,
            48% top;
        background-size:
            100% 100%,
            cover;
        background-size:
            100% 100%,
            max(100vw, 150lvh) auto;
        background-repeat:
            no-repeat,
            no-repeat;
    }
}