/* CRT-оверлей (2.2.3, техпроект 02 §1): scanlines + виньетка + лёгкое свечение.
   Чистый CSS поверх canvas, без WebGL (Q-19). Включение — класс `crt` на body,
   переключатель — Options → CRT-фильтр (ui/win95.js, localStorage). */

#crt {
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: none;
}

body.crt #crt {
    display: block;
    /* Скан-линии: тёмная строка на каждые 3px экранных пикселя */
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.16) 0px,
        rgba(0, 0, 0, 0.16) 1px,
        transparent 1px,
        transparent 3px
    );
}

/* Виньетка: затемнение к краям «кинескопа» */
body.crt #crt::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
        ellipse at center,
        transparent 58%,
        rgba(0, 0, 0, 0.28) 100%
    );
}

/* Лёгкое свечение люминофора: зелёный текст панелей слегка «плывёт» */
body.crt .box {
    text-shadow: 0 0 2px rgba(51, 255, 102, 0.55);
}
body.crt #screen {
    box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.6);
}