/**
 * Universal Scroll-Text Overlay — Shared styles for scrolling text overlays.
 *
 * Used by: credits, PJV legal, future license text.
 * Prefix: .mm-scroll-*
 */

/* --- Overlay (fullscreen, 70% opaque black) --- */

.mm-scroll-overlay {
    position: fixed;
    inset: 0;
    z-index: 300;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.mm-scroll-overlay.mm-scroll-visible {
    opacity: 1;
}

/* --- Scrolling inner container (positioned by JS via transform) --- */

.mm-scroll-inner {
    position: absolute;
    left: 50%;
    /* transform set by JS: translateX(-50%) translateY(...)  */
}

/* --- Universal spacer --- */

.mm-scroll-spacer {
    height: 40px;
}

/* --- Pause indicator (centered) --- */

.mm-scroll-paused-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    letter-spacing: 0.3em;
    color: rgba(255, 255, 255, 0.25);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mm-scroll-paused-indicator.mm-scroll-paused-visible {
    opacity: 1;
}

/* --- Language indicator (top-right) --- */

.mm-scroll-lang-indicator {
    position: fixed;
    top: 24px;
    right: 28px;
    font-size: 11px;
    letter-spacing: 0.25em;
    color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
}