/* Configuração de Ícones */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Rotação e Sombra do Bolo */
.roulette-spin {
    transition: transform 4s cubic-bezier(0.15, 0, 0.15, 1);
}

.cake-shadow {
    filter: drop-shadow(0 20px 30px rgba(138, 72, 111, 0.25));
}

.dark .cake-shadow {
    filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.5));
}

/* Efeito Vidro Fosco (Overlay Vencedor) */
.frosted-glass {
    backdrop-filter: blur(8px);
    background: rgba(255, 248, 248, 0.85);
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark .frosted-glass {
    background: rgba(38, 25, 32, 0.90);
}

/* Animação de Botão ao Clicar */
.btn-squish {
    transition: transform 0.1s ease, box-shadow 0.1s ease, background-color 0.3s ease, color 0.3s ease;
}

.btn-squish:active {
    transform: scale(0.95) translateY(2px);
    box-shadow: none;
}

/* Brilho nos Botões Principais */
.shimmer {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
    background-size: 200% 100%;
    animation: shimmer 3s infinite;
}

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

/* Ajustes da barra de rolagem para ficar mais elegante */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #d5c1c9;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #8a486f;
}

/* Scrollbar no Dark Mode */
.dark ::-webkit-scrollbar-thumb {
    background: #4d3441;
}
.dark ::-webkit-scrollbar-thumb:hover {
    background: #8a486f;
}