/* Mentometry Ad Manager — stadium-board scrolling ticker, top & bottom of the game box */

.mam-stadium-bar {
    position: relative;
    width: 100%;
    height: 42px;
    overflow: hidden;
    background: #060810;
    border: 1px solid #232c4a;
    border-radius: 8px;
    margin: 6px 0;
    box-sizing: border-box;
}

.mam-stadium-track {
    display: flex;
    align-items: stretch;
    height: 100%;
    width: max-content;
    will-change: transform;
    animation-name: mam-ticker-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /* animation-duration is set inline by JS based on the speed setting */
}

@keyframes mam-ticker-scroll {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0%); }
}

.mam-stadium-bar:hover .mam-stadium-track {
    animation-play-state: paused;
}

.mam-ticker-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 18px;
    height: 100%;
    white-space: nowrap;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    border-inline-end: 1px solid rgba(255,255,255,.08);
    flex: 0 0 auto;
}

.mam-ticker-item img {
    height: 22px;
    width: auto;
    display: block;
    border-radius: 3px;
}

.mam-stadium-close {
    position: absolute;
    top: 50%;
    inset-inline-end: 6px;
    transform: translateY(-50%);
    z-index: 2;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    background: rgba(6,8,16,.85);
    border: 1px solid #232c4a;
    border-radius: 50%;
    color: #8a94b8;
    font-size: 14px;
    cursor: pointer;
}
.mam-stadium-close:hover { color: #eaf0ff; border-color: #3a4570; }

@media (max-width: 480px) {
    .mam-stadium-bar { height: 36px; }
    .mam-ticker-item { padding: 0 12px; font-size: 12px; }
    .mam-ticker-item img { height: 18px; }
}