#liveticker {
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    white-space: nowrap;

    /* Fiery gradient background */
    background: linear-gradient(270deg, #ff4500, #ff8c00, #ffd700, #ff4500);
    background-size: 400% 400%;

    border-radius: 12px;
    border: 2px solid #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);

    animation: gradientBG 12s ease infinite;
}

/* Scrolling container */
#liveticker ul {
    display: inline-flex;
    gap: 50px;
    margin: 0;
    padding: 0;

    /* Key fix */
    animation: ticker 20s linear infinite;
}

/* Items */
#liveticker li {
    list-style: none;
    white-space: nowrap;
    flex-shrink: 0;

    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 1.05em;
}

/* Links */
#liveticker a {
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}

#liveticker a:hover {
    color: #000;
    text-shadow: none;
}

/* Animation */
@keyframes ticker {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* Gradient animation */
@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}