/* Плавна зміна екранів */
.screen {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.screen.active {
    display: flex;
    opacity: 1;
}

/* Кастомний скролбар для фінального списку */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #4B5563; border-radius: 10px; }

/* Анімація конверта (спрощена концепція) */
.envelope-wrapper {
    width: 100px; height: 70px;
    position: relative;
    animation: flyUp 1.5s ease-in-out forwards;
    animation-delay: 1s;
}
.envelope {
    width: 100%; height: 100%;
    background: #4F46E5;
    border-radius: 5px;
    position: relative;
}
.envelope::before {
    content: ''; position: absolute;
    top: 0; left: 0;
    border-top: 35px solid #4338CA;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    transform-origin: top;
    animation: fold 1s forwards;
}
@keyframes fold {
    0% { transform: rotateX(180deg); }
    100% { transform: rotateX(0deg); }
}
@keyframes flyUp {
    0% { transform: translateY(0) scale(1); opacity: 1; }
    100% { transform: translateY(-200px) scale(0.5); opacity: 0; }
}