/* Technical variants of the same full artwork. Keep layout.css size/colour/position/attachment. */
@media (max-width: 550px) {
    html[data-theme="dark"] body {
        background-image: url("/assets/style/image/background-dark-mobile-550.png?version=963908acc7636f593b214068ba485c1f");
    }
}
@media (max-width: 550px) and (min-resolution: 1.5dppx),
       (max-width: 550px) and (-webkit-min-device-pixel-ratio: 1.5) {
    html[data-theme="dark"] body {
        background-image: url("/assets/style/image/background-dark-mobile-1100.png?version=8d2d6563c30b61b8d1818997992a0fca");
    }
}
/* High density uses the original; another resize would add bytes or discard source detail. */
@media (max-width: 550px) and (min-resolution: 2.5dppx),
       (max-width: 550px) and (-webkit-min-device-pixel-ratio: 2.5) {
    html[data-theme="dark"] body {
        background-image: url("/assets/style/image/background-dark.png?version=c298563abbdcc01d9f99eaeacac06b21");
    }
}