/* LCD effect layers — warm amber STN.
   The amber LCD is the focal point of the whole UI; these layers make
   it feel luminous without overwhelming the content inside.
   Order: pixel grid → vignette → bloom. */

.lcd-grid {
    position: absolute; inset: 0;
    background:
        repeating-linear-gradient(
            0deg,
            transparent 0 1px,
            rgba(26, 13, 4, 0.07) 1px 2px
        ),
        repeating-linear-gradient(
            90deg,
            transparent 0 1px,
            rgba(26, 13, 4, 0.04) 1px 2px
        );
    mix-blend-mode: multiply;
    opacity: 0.7;
    z-index: 1;
}

.lcd-vignette {
    position: absolute; inset: 0;
    background:
        /* Soft inset darkening at the edges */
        radial-gradient(
            ellipse at center,
            transparent 55%,
            rgba(26, 13, 4, 0.20) 100%
        ),
        /* Polariser tint — slight cooler band on the upper-left */
        linear-gradient(
            135deg,
            rgba(120, 60, 0, 0.10) 0%,
            transparent 35%
        );
    z-index: 1;
}

.lcd-bloom {
    position: absolute; inset: 0;
    /* Warm interior glow — sells the backlight without obscuring text */
    background:
        radial-gradient(
            ellipse at 50% 60%,
            rgba(255, 220, 150, 0.16) 0%,
            transparent 65%
        ),
        radial-gradient(
            ellipse at 50% 0%,
            rgba(255, 230, 170, 0.10) 0%,
            transparent 50%
        );
    mix-blend-mode: screen;
    z-index: 1;
}

/* No flicker, no scanlines, no barrel distortion. */