:root {
    --primary-color: #ffe166;
    --primary-dark: #e6c84d;
    --secondary-color: #DC2626;
    --secondary-dark: #b91c1c;
}

/* Main Container */
.ticker-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 6em;
    overflow: hidden;
}

/* Number Ticker Wrapper */
.number-ticker {
    font-family: 'Share Tech Mono', monospace;
    overflow: hidden;
    height: 1em;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* Individual Digit Column */
.digit {
    float: left;
    line-height: 1;
    transition: transform 1.75s ease;
    padding: 0 0.075em;
    will-change: transform;
    color: #fff;
}

/* Last Digit Styling */
.digit:last-child {
    background: #ec2c31 !important;
    color: white;
    border-left: 6px solid #fff;
}

/* Responsive Design */
@media (max-width: 768px) {}

/* =================== NEON GREEN RESULT GLOW =================== */
/* Active for 30 minutes after each bazi draw — shows actual result */
.ticker-result-glow {
    background: linear-gradient(135deg, #00ff88 0%, #00cc66 100%) !important;
}

/* Digits inside glow ticker become bright white for contrast */
.ticker-result-glow .digit {
    color: #ffffff;
    text-shadow:
        0 0 6px rgba(0, 255, 136, 0.9),
        0 0 12px rgba(0, 255, 136, 0.6);
}

/* Last digit (sum digit) stays red but glows */
.ticker-result-glow .digit:last-child {
    background: linear-gradient(135deg, #ff2d55 0%, #cc0033 100%) !important;
    color: #ffffff;
    text-shadow:
        0 0 6px rgba(255, 45, 85, 0.9),
        0 0 12px rgba(255, 45, 85, 0.6);
    box-shadow: inset 0 0 8px rgba(255, 45, 85, 0.4);
}

@keyframes neonGreenPulse {

    0%,
    100% {
        box-shadow:
            0 0 10px #00ff88,
            0 0 25px #00ff88,
            0 0 50px #00cc66,
            0 0 80px #00cc66;
    }

    50% {
        box-shadow:
            0 0 20px #00ff88,
            0 0 50px #00ff88,
            0 0 90px #00cc66,
            0 0 130px #00cc66;
    }
}