/* Zentrale CRT-Raumhülle. Die Werte entsprechen dem aktuell abgenommenen
   CRT PROFILE 01-Stand; die Tiefen-Layer verwenden die bestehende
   home-v1-Geometrie unverändert. */
.crt-room-page {
    position: relative;
    isolation: isolate;
    background: #050508;
}

.crt-room-page::before {
    content: "";
    position: fixed;
    z-index: 1000;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 88% 94% at 50% 45%, rgba(240, 238, 255, .028), transparent 62%),
        radial-gradient(ellipse 106% 102% at 50% 48%, transparent 52%, rgba(7, 7, 10, .1) 72%, rgba(2, 2, 4, .5) 94%, rgba(0, 0, 2, .72) 100%);
    box-shadow:
        inset 0 0 44px rgba(235, 231, 255, .035),
        inset 0 0 118px rgba(0, 0, 3, .54),
        inset 0 0 0 1px rgba(238, 235, 255, .09);
}

.crt-room-page::after {
    content: "";
    position: fixed;
    z-index: 999;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(112deg, rgba(255, 255, 255, .025), transparent 18%, transparent 72%, rgba(170, 181, 255, .014)),
        repeating-linear-gradient(to bottom, rgba(223, 226, 238, .012) 0, rgba(223, 226, 238, .012) 1px, transparent 1px, transparent 4px);
    opacity: .7;
}

.crt-room-page > main,
.crt-room-page > .terminal,
.crt-room-page > .legal-terminal-shell {
    position: relative;
    z-index: 2;
}

@media (max-width: 600px) {
    .crt-room-page::before {
        background:
            radial-gradient(ellipse 92% 96% at 50% 44%, rgba(240, 238, 255, .03), transparent 58%),
            radial-gradient(ellipse 108% 102% at 50% 48%, transparent 46%, rgba(7, 7, 10, .07) 67%, rgba(2, 2, 4, .34) 91%, rgba(0, 0, 2, .52) 100%);
        box-shadow:
            inset 0 0 22px rgba(235, 231, 255, .04),
            inset 0 0 64px rgba(0, 0, 3, .4),
            inset 0 0 0 1px rgba(238, 235, 255, .08);
    }

    .crt-room-page::after {
        background:
            linear-gradient(112deg, rgba(255, 255, 255, .03), transparent 20%, transparent 70%, rgba(170, 181, 255, .016)),
            repeating-linear-gradient(to bottom, rgba(229, 231, 242, .02) 0, rgba(229, 231, 242, .02) 1px, transparent 1px, transparent 3px);
    }
}