/* #overlay {
position: fixed;
display: block;
top: 10vh;
left: 25vw;
right: 0;
bottom: 0;
background: linear-gradient(to top, #f6eee0, transparent, transparent, #f6eee0);
z-index: 2;
} */

.timeline {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: #ccc;
    font-size: 14px;
}

.timeline .event {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
}

.timeline .event__timeline {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timeline .event__dot {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    margin: 0 20px;
}

.timeline .event__line {
    margin-top: -2px;
    height: 38px;
    width: 4px;
}

.timeline .event__description {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    transition: font-size 0.3s ease-in-out;
}

/* Modo competitivo "Cebo" */
#competitiveUI {
    transition: all 0.3s ease;
}

#objectiveLetters {
    letter-spacing: 0.25em;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

#turnIndicator.animate-pulse {
    animation: turnPulse 1.5s ease-in-out infinite;
}

@keyframes turnPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

#trapWordDisplay {
    border-top: 2px dashed rgba(239, 68, 68, 0.5);
}

#rivalWordDisplay {
    border-top: 1px solid #e5e7eb;
}

#livesContainer div {
    min-width: 120px;
}