/* ================================================================
   Screensaver — Fullscreen overlay with canvas animation
   z-index 5000: above windows/palette/context-menu, below boot
   ================================================================ */

.screensaver {
    position: fixed;
    inset: 0;
    z-index: 5000;
    background: #000;
    opacity: 0;
    cursor: none;
    transition: opacity 0.8s ease;
    pointer-events: none;
}

.screensaver[hidden] {
    display: none;
}

.screensaver--active {
    opacity: 1;
    pointer-events: all;
}

.screensaver--fading {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.screensaver__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .screensaver {
        display: none !important;
    }
}