.signal-badge {
    margin-top: 10px;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    display: inline-block;
    border: 1px solid transparent;
    text-transform: uppercase; /* Ensures consistency for signal text */
    /* GPU optimization for the flash animation */
    will-change: opacity;
}

/* Extreme Fear State */
.extreme-fear-glow {
    /* Slightly reduced spread for better performance on mobile */
    box-shadow: 0 0 15px rgba(255, 49, 49, 0.35);
    background: rgba(255, 49, 49, 0.1);
    border-color: #ff3131 !important;
    color: #ff3131;
    animation: subtle-flash 2.5s infinite ease-in-out;
}

/* Extreme Greed State */
.extreme-greed-glow {
    box-shadow: 0 0 15px rgba(2, 192, 118, 0.35);
    background: rgba(2, 192, 118, 0.1);
    border-color: #02c076 !important;
    color: #02c076;
    animation: subtle-flash 2.5s infinite ease-in-out;
}

/* Optimized Keyframes */
@keyframes subtle-flash {
    0%, 100% {
        opacity: 1;
        /* Adding a very slight scale can make it feel more organic 
           without affecting performance */
        transform: scale(1);
    }
    50% {
        opacity: 0.7; /* 0.6 can sometimes make the text unreadable; 0.7 is safer */
        transform: scale(0.98);
    }
}