:root {
    --arcade-top-bg-img: url("../../images/background/homebar-sgP0fnN.png");
}

/* Conteneur principal de la borne */
.arcade-machine {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* Partie haute de la borne (marquee) */
.arcade-top {
    background: var(--arcade-top-bg-img) no-repeat;
    background-size: cover;
    background-position-y: center;
    border: 8px solid var(--arcade-dark);
    border-bottom: none;
    border-radius: 50% 50% 0 0 / 20% 20% 0 0;
    padding: 1.65rem;
    text-align: center;
    box-shadow:
        inset 0 -10px 20px var(--arcade-top-shadow1-color),
        0 5px 15px var(--arcade-top-shadow2-color);
}

.arcade-title {
    color: var(--arcade-title-color);
    font-size: 4rem;
    font-weight: bold;
    text-shadow:
        0 0 10px var(--arcade-shadow-color),
        0 0 20px var(--arcade-shadow-color),
        4px 4px 0 var(--arcade-dark);
    letter-spacing: 4px;
    animation: neon-flicker 3s infinite alternate;
    font-family: var(--arcade-title-font);
    line-height: .8;
}

@keyframes neon-flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}


/* Responsive */
@media (max-width: 768px) {
    .arcade-top {
        border-radius: 30px 30px 0 0;
        padding: 1.25rem .9rem;
    }

    .arcade-title {
        font-size: 2.5rem;
        letter-spacing: 2px;
    }
}

@media (max-width: 480px) {
    body {
        padding: .62rem;
    }

    .arcade-top {
        border-width: 4px;
    }
}