body {
    font-family: 'Lexend', sans-serif;
}

.kiosk-bg {
    background:
        radial-gradient(circle at top left, rgba(13, 110, 253, 0.28), transparent 30%),
        radial-gradient(circle at bottom right, rgba(17, 24, 39, 0.7), transparent 35%),
        linear-gradient(135deg, #061224 0%, #0b2545 48%, #071423 100%);
}

.display-bg {
    background:
        radial-gradient(circle at top left, rgba(34, 211, 238, 0.2), transparent 25%),
        radial-gradient(circle at bottom right, rgba(13, 110, 253, 0.2), transparent 28%),
        linear-gradient(180deg, #040b16 0%, #0b2545 50%, #061224 100%);
}

.call-screen-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.45s ease, visibility 0.45s ease;
}

.call-screen-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.call-highlight {
    animation: pulse-call 1.1s ease;
}

#media-stage img,
#media-stage video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#media-stage > * {
    width: 100%;
    height: 100%;
}

@keyframes pulse-call {
    0% {
        transform: scale(0.96);
        opacity: 0.55;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}