html, body {
    background-color: #07070a;
    background-image:
        radial-gradient(ellipse 70% 60% at 50% 0%, rgba(216, 232, 0, 0.07), transparent 62%),
        radial-gradient(ellipse 90% 70% at 50% 110%, rgba(0, 0, 0, 0.8), transparent 60%),
        repeating-linear-gradient(90deg, transparent 0 62px, rgba(255, 255, 255, 0.022) 62px 64px, transparent 64px 126px);
    cursor: default;
}

body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    box-shadow: inset 0 0 14vmin 4vmin rgba(0, 0, 0, 0.6);
}

#demoToast {
    position: fixed;
    left: 50%;
    bottom: 3vmin;
    z-index: 200;
    transform: translate(-50%, 140%);
    padding: 1.1vmin 2vmin;
    border-radius: 0.7vmin;
    background: rgba(12, 12, 14, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #fff;
    font-family: var(--font-ui);
    font-size: 1.5vmin;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    transition: transform 420ms cubic-bezier(0.32, 0.72, 0, 1), opacity 260ms ease;
}

#demoToast.is-on {
    transform: translate(-50%, 0);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    #demoToast { transition: opacity 200ms ease; transform: translate(-50%, 0); }
}

body.has-scene {
    background-image:
        radial-gradient(ellipse 60% 50% at 50% 12%, rgba(216, 232, 0, 0.12), transparent 64%),
        url('../img/stacheldraht.png'),
        radial-gradient(ellipse 90% 70% at 50% 110%, rgba(0, 0, 0, 0.85), transparent 60%),
        repeating-linear-gradient(90deg, transparent 0 62px, rgba(255, 255, 255, 0.022) 62px 64px, transparent 64px 126px);
    background-repeat: no-repeat, no-repeat, no-repeat, repeat;
    background-position: center top, center -6vmin, center bottom, center;
    background-size: auto, 62vmin auto, auto, auto;
}

body.has-scene::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(7, 7, 10, 0.55), rgba(7, 7, 10, 0.9));
}