/* Borne d'arcade : INSERT COIN + compteur de crédits en bas d'écran
   (effects/arcade.js). Police pixel incluse localement (Press Start 2P). */

@font-face {
    font-family: 'Press Start 2P';
    src: url("fonts/press-start-2p-l2C7s5x.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.arcade {
    position: absolute;
    left: 50%;
    bottom: max(2rem, env(safe-area-inset-bottom));
    transform: translateX(-50%);
    text-align: center;
    z-index: 4;
    pointer-events: none;
    user-select: none;
}

.arcade-line {
    display: block;
    font-family: 'Press Start 2P', 'Courier New', monospace;
    font-size: clamp(0.8rem, 2vw, 1.25rem);
    line-height: 1.9;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.arcade-coin {
    color: #ff2bd6;
    text-shadow:
        0 0 6px #ff2bd6,
        0 0 18px var(--neon-pink),
        0 0 36px var(--neon-purple);
    animation: arcade-blink 1.2s linear infinite;
}

.arcade-credits {
    color: #29fff0;
    text-shadow:
        0 0 6px #29fff0,
        0 0 18px var(--neon-cyan);
}

/* Le navigateur masque [hidden], mais on est plus explicite que la feuille de
   style ne lui impose un display:block. */
.arcade [hidden] {
    display: none;
}

@keyframes arcade-blink {
    0%, 49% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .arcade-coin {
        animation: none;
    }
}