/* Zerolabs — Barvag.
   Logotypen som en signal pa en dod kanal. */

:root {
    --svart: #07080a;
}

*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; }

body {
    margin: 0;
    background: var(--svart);
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    cursor: crosshair;
}

#signal {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* Skannlinjer. Fast overlagg, rors inte av glitchen — det ar rutan
   som ar stilla medan bilden i den stors. */

.scanlines {
    position: fixed;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: repeating-linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0px,
        rgba(0, 0, 0, 0) 2px,
        rgba(0, 0, 0, 0.26) 2px,
        rgba(0, 0, 0, 0.26) 3px);
}

.vinjett {
    position: fixed;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: radial-gradient(ellipse at center,
        rgba(7, 8, 10, 0) 48%,
        rgba(7, 8, 10, 0.45) 82%,
        rgba(7, 8, 10, 0.88) 100%);
}

/* Kallbilden. Doljs sa fort JavaScript tagit over, men ligger kvar
   synlig om det inte gor det — da ser man atminstone logotypen. */

.kalla {
    position: fixed;
    inset: 0;
    margin: auto;
    width: clamp(180px, 42vw, 520px);
    height: auto;
    z-index: 1;
}

.kalla.overtagen {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* Stillsamt lage: signalen laser och slutar glitcha. */

@media (prefers-reduced-motion: reduce) {
    .scanlines { opacity: 0.5; }
}