/* ============================================================
   SteamDrops — Giveaway Details Background
   ============================================================ */

/* Full-bleed background container — sits behind page content */
.gd-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

/* Game art background — dimmed and blurred */
.gd-bg__image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center top;
    filter: blur(4px) brightness(0.3) saturate(1.1);
    transform: scale(1.04);
}

/* Fallback gradient when no image exists */
.gd-bg__fallback {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 30% 20%, rgba(139, 92, 246, 0.1) 0%, transparent 60%),
        radial-gradient(ellipse at 70% 60%, rgba(99, 102, 241, 0.08) 0%, transparent 50%),
        linear-gradient(180deg, rgba(30, 42, 60, 0.6) 0%, transparent 100%);
}

/* Bottom fade — blends into site bg */
.gd-bg__fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: linear-gradient(to top, var(--bg-main, #15202b) 0%, transparent 100%);
}