@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

#chat {
    position: absolute;
    top: 80px;
    left: 1000px;
    width: 500px;
    height: 300px;
    overflow: hidden;
    z-index: 9999;
    /* Fuente moderna, redondeada y asegurada */
    font-family: 'Poppins', 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    user-select: none;
    pointer-events: none;
}
    
#chat .msg {
    text-align: right;
    font-size: 14px;
    /* Fuerza el peso en negrita */
    font-weight: 700; 
    line-height: 2.0;
    opacity: 0.0;
    margin: 0;
    transform: translateY(100%);
    transition: transform 0.5s ease, opacity 0.5s ease;
    user-select: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    display: block;
    width: 490px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
    
#chat .msg.type0 {
    color: #5c5c5c;
}
    
#chat .msg.type1 {
    color: #5a5c1f;
}

#chat .msg:nth-last-child(1) { opacity: 0.7; }
#chat .msg:nth-last-child(2) { opacity: 0.7; }
#chat .msg:nth-last-child(3) { opacity: 0.7; }
#chat .msg:nth-last-child(4) { opacity: 0.7; }
#chat .msg:nth-last-child(5) { opacity: 0.7; }
#chat .msg:nth-last-child(6) { opacity: 0.7; }
#chat .msg:nth-last-child(7) { opacity: 0.7; }
#chat .msg:nth-last-child(8) { opacity: 0.7; }