/* Minimal extras — Tailwind handles most styling */

.slot-text.spinning {
    opacity: 0.5;
    transform: scale(0.97);
    transition: opacity 0.1s, transform 0.1s;
    filter: blur(0.5px);
}

.slot-text.revealed {
    animation: pop-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes pop-in {
    0%   { transform: scale(0.6); opacity: 0; }
    60%  { transform: scale(1.08); }
    100% { transform: scale(1); opacity: 1; }
}

#revealCard.shake {
    animation: shake 0.5s ease;
}

/* Shimmer bar for draw card */
.animate-shimmer {
    background-size: 200% auto;
    animation: shimmer 2s linear infinite;
}

@keyframes shimmer {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Scrollbar */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 4px; }

/* Select option dark mode fix */
select option { background: #0f172a; color: #f1f5f9; }

/* Team picker */
.team-picker.is-open .team-picker-dropdown {
    animation: slide-up 0.15s ease-out;
}

.team-picker-option.is-disabled {
    cursor: not-allowed;
}

.team-picker-list::-webkit-scrollbar { width: 4px; }
.team-picker-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 4px; }

@keyframes slide-up {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}