.ttl_css {
    position: absolute;
    z-index: 10000;
    pointer-events: none;
    padding: 12px 18px;
    
    background: rgba(255, 255, 250, 0.92);
    backdrop-filter: blur(10px) saturate(180%);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    
    border-radius: 14px;
    
    border: 1.5px solid #ff4500;
    box-shadow: 
        0 0 10px #ff4500,     
        0 0 20px #ff8c00,        
        inset 0 0 8px rgba(255, 69, 0, 0.3); 

    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 13px;
    color: #4a4639;
    font-weight: 600;
    
    animation: 
        ttl_pop 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        all_around_fire 1.5s infinite alternate ease-in-out;
}

@keyframes all_around_fire {
    0% {
        box-shadow: 
            0 0 8px #ff4500, 
            0 0 15px #ff8c00, 
            inset 0 0 5px #ff4500;
        border-color: #ff4500;
    }
    50% {
        box-shadow: 
            0 0 15px #ff2200, 
            0 0 30px #ffae00, 
            inset 0 0 12px #ff2200;
        border-color: #ffae00;
    }
    100% {
        box-shadow: 
            0 0 10px #ff4500, 
            0 0 22px #ff8c00, 
            inset 0 0 7px #ff4500;
        border-color: #ff4500;
    }
}

@keyframes ttl_pop {
    0% { opacity: 0; transform: scale(0.8) translateY(10px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

.tltp-content {
    position: relative;
    z-index: 2;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.tltp-content::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 25%;
    bottom: 25%;
    width: 3px;
    background: #ff4500;
    border-radius: 4px;
    box-shadow: 0 0 10px #ffae00;
    animation: flicker 0.1s infinite;
}

@keyframes flicker {
    0% { opacity: 0.8; }
    100% { opacity: 1; }
}