/*
DA Goodies v8.1 — stable visual effects.
Lightweight CSS-only streak/glow. No JS. No pointer blocking.
*/
:root {
    --stable-stream-primary-rgb: 159, 230, 26;
    --stable-stream-secondary-rgb: 255, 141, 27;
    --stable-stream-accent-rgb: 19, 76, 255;
    --stable-stream-opacity: .26;
    --stable-glow-strength: .30;
}

body.dg-page-bg {
    isolation: isolate;
}

body.dg-page-bg::after {
    content: "";
    position: fixed;
    left: -45vw;
    top: 18vh;
    width: 48vw;
    height: 20vh;
    z-index: 0;
    pointer-events: none;
    opacity: var(--stable-stream-opacity);
    border-radius: 999px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(var(--stable-stream-primary-rgb), .26) 34%,
        rgba(var(--stable-stream-secondary-rgb), .20) 58%,
        rgba(var(--stable-stream-accent-rgb), .14) 78%,
        transparent 100%);
    filter: blur(26px);
    transform: skewX(-14deg);
    animation: dgStableColorStream 16s linear infinite;
}

@keyframes dgStableColorStream {
    from { transform: translateX(-20vw) skewX(-14deg); }
    to { transform: translateX(165vw) skewX(-14deg); }
}

.dg-topbar,
.dg-home-shell,
.dg-tracker-wrap,
.dg-modal {
    position: relative;
    z-index: 1;
}

.dg-cart-pill {
    box-shadow:
        0 4px 0 var(--dg-ink),
        0 0 26px rgba(var(--stable-stream-primary-rgb), .34) !important;
}

.dg-pack-tab,
.asset-pack,
.asset-delivery-panel,
.asset-checkout-panel,
.asset-suggest-panel {
    filter:
        drop-shadow(0 10px 18px rgba(0,0,0,.12))
        drop-shadow(0 0 18px rgba(var(--stable-stream-primary-rgb), var(--stable-glow-strength)));
    transition: transform .22s ease, filter .22s ease;
}

.dg-pack-tab:hover,
.asset-pack:hover,
.dg-cart-pill:hover {
    transform: translateY(-3px) scale(1.012);
    filter:
        drop-shadow(0 14px 24px rgba(0,0,0,.16))
        drop-shadow(0 0 30px rgba(var(--stable-stream-primary-rgb), .42));
}

.dg-pay-overlay-btn:hover {
    background: rgba(var(--stable-stream-primary-rgb), .08) !important;
    box-shadow: 0 0 28px rgba(var(--stable-stream-primary-rgb), .38) !important;
}

.dg-overlay-btn.is-orange:hover {
    background: rgba(var(--stable-stream-secondary-rgb), .10) !important;
    box-shadow: 0 0 24px rgba(var(--stable-stream-secondary-rgb), .38) !important;
}

body.dg-page-bg::before,
body.dg-page-bg::after,
.dg-home-shell::before,
.dg-home-shell::after,
.dg-hero::after,
.asset-delivery-panel::after,
.asset-packs-section::after,
.asset-checkout-panel::after {
    pointer-events: none !important;
}

.dg-modal.is-open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 9999 !important;
}

.dg-modal.is-open .dg-modal-card {
    pointer-events: auto !important;
}

[data-pack-id],
[data-open-modal],
[data-close-modal],
.dg-pay-overlay-btn,
.dg-overlay-btn,
.dg-clear-overlay {
    pointer-events: auto !important;
    cursor: pointer;
}

@media (max-width: 760px) {
    body.dg-page-bg::after {
        opacity: .16;
        height: 14vh;
        filter: blur(22px);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dg-page-bg::after {
        animation: none !important;
    }
}