/* Shared Daily Math Quest backdrop for standalone app pages. */
body.dmq-page {
    background: var(--bg, #0f1117);
    isolation: isolate;
}

/* One decorative layer keeps every tree below text, cards and controls. */
body.dmq-page::before {
    content: '';
    display: block;
    position: fixed;
    inset: 0;
    width: auto;
    height: auto;
    background-image:
        url('../images/background.webp'),
        url('../images/background.webp'),
        url('../images/background.webp');
    background-repeat: no-repeat;
    background-size: 444px 513px, 444px 413px, 444px 513px;
    background-position: left top 72px, right -222px top 57px, right bottom -128px;
    opacity: 0.2;
    pointer-events: none;
    z-index: -1;
}

/* Replace older per-page decorations rather than stacking duplicate trees. */
body.dmq-page::after,
html::before {
    content: none;
}

@media (max-width: 767px) {
    body.dmq-page::before {
        background-size: 60vw auto, 266px 308px, 266px 308px;
        background-position: left -8vw top 72px, right -153px top 50px, right -32px bottom -77px;
        opacity: 0.14;
    }
}

@media print {
    body.dmq-page::before {
        display: none;
    }
}