/* ==========================================================================
   BACKGROUND.CSS - Premium Cinematic Slow-Motion Particle & Ambient Atmosphere
   ========================================================================== */

html {
    background: #080b14 !important;
}

body {
    background: #080b14 !important;
    color: #e2e8f0;
    overflow-x: hidden;
}

/* Fullscreen Background Canvas */
#background-canvas {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: transparent !important;
    display: block !important;
}

/* Unified Even Background (No Patchy Blobs) */
.ambient-glow-layer,
.fog-vapor-layer {
    display: none !important;
}

/* Soft Cinematic Vignette around screen edges */
.cinematic-vignette {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    box-shadow: inset 0 0 120px rgba(2, 4, 10, 0.7);
    z-index: -2 !important;
    pointer-events: none !important;
}