/* [2026-06] FUNCAO SUPER - MODO INTENSIVO/ROLETA */
.user-dashboard-bar:has(.stacked-cards-container) { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
.stacked-cards-container { position: relative; width: 100%; height: 100%; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.stacked-card { width: 100%; border-radius: 12px; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), z-index 0.5s, opacity 0.5s; }
.front-card { position: relative; z-index: 2; background: white; box-shadow: 0 4px 15px rgba(0,0,0,0.08); padding: 15px 20px; transform: translate(0, 0); display: flex; flex-direction: column; gap: 15px; }
.back-card { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: #eef5f2; border: 2px solid #a8c3b7; padding: 15px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transform: translate(8px, 8px); }
@media (max-width: 768px) { .back-card { transform: translate(0px, 8px); } .stacked-cards-container.flipped .front-card { transform: translate(0px, -8px); } }
.stacked-cards-container.flipped .front-card { transform: translate(8px, 8px); z-index: 1; opacity: 0.7; filter: blur(1px); pointer-events: none; }
.stacked-cards-container.flipped .back-card { transform: translate(0, 0); z-index: 2; opacity: 1; pointer-events: auto; }
.stacked-cards-container:not(.flipped) .back-card { pointer-events: none; }
.intensive-card-content { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; }
.btn-intensivo-start { background: #0f4c3a; color: white; border: none; padding: 8px 24px; border-radius: 20px; font-weight: 600; cursor: pointer; font-family: 'Poppins', sans-serif; transition: transform 0.2s, background 0.2s; }
.btn-intensivo-start:hover { background: #156d53; transform: scale(1.05); }

/* FORÇA A VISIBILIDADE DO MODAL (Bypass da Regra Original) */
.modal-overlay.show .modal-card, .modal-overlay.active .modal-card { opacity: 1 !important; transform: scale(1) !important; visibility: visible !important; }

/* UI DINÂMICA ROLETA INFINITA */
body.roleta-mode .nav-container-bottom { display: none !important; }
body.roleta-mode #btn-super-intensivo { display: none !important; }
body.roleta-mode #btn-status-nivel { display: none !important; }
body.roleta-mode #card-baixo { display: flex !important; } 

/* OCULTAÇÃO DOS BOTÕES NATIVOS DURANTE O PLAY DA ROLETA INFINITA */
body.roleta-playing .btn-play-cima, 
body.roleta-playing .btn-stop-cima, 
body.roleta-playing .btn-play-baixo, 
body.roleta-playing .btn-stop-baixo,
body.roleta-playing .botoes-audio-container,
body.roleta-playing .container-botoes-audio {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Correção de Nomenclatura para Ocultação Perfeita */
body.roleta-playing .btn-circle-play, 
body.roleta-playing .btn-circle-stop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}