/* css/live-styles.css */

/* --- Estilos Globais e Reset de Layout --- */
html, body { 
    height: 100%;
    height: -webkit-fill-available;
    overflow: hidden; 
    display: flex; 
    flex-direction: column; 
    background-color: #05030a; 
}

.app-wrapper { 
    flex: 1; 
    min-height: 0; 
    display: flex; 
    flex-direction: column; 
}

/* --- Responsividade Otimizada para Mobile --- */
@media (max-width: 1280px) {
    body { overflow: hidden; position: fixed; width: 100%; }
    header, .main-header, #top-nav { display: none !important; }
    .app-wrapper { height: 100% !important; height: -webkit-fill-available !important; }
}

/* --- Elementos de Interface e Componentes --- */
#chat-box::-webkit-scrollbar { width: 4px; }
#chat-box::-webkit-scrollbar-thumb { background: rgba(168, 85, 247, 0.4); border-radius: 10px; }

.no-select { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.video-container:hover .custom-controls, .video-container:focus-within .custom-controls { opacity: 1; }

/* --- Estado de Seleção de Mimos --- */
.selected-gift {
    border-color: #ec4899 !important;
    background-color: rgba(168, 85, 247, 0.2) !important;
    box-shadow: 0 0 20px rgba(236, 72, 153, 0.4) !important;
    transform: scale(1.05);
}

/* --- Animações e Efeitos Visuais --- */
@keyframes radarPulse {
    0% { transform: scale(0.92); opacity: 0.6; box-shadow: 0 0 0 0 rgba(168, 85, 247, 0.4); }
    50% { transform: scale(1); opacity: 1; box-shadow: 0 0 30px 10px rgba(236, 72, 153, 0.2); }
    100% { transform: scale(0.92); opacity: 0.6; box-shadow: 0 0 0 0 rgba(168, 85, 247, 0.4); }
}

.radar-container { animation: radarPulse 2.5s infinite ease-in-out; }

.msg-box { animation: slideIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }

@keyframes slideIn { 
    from { opacity: 0; transform: translateX(-20px); } 
    to { opacity: 1; transform: translateX(0); } 
}

/* --- Estilos Específicos do Modo OBS Overlay --- */
body.obs-layer { background-color: transparent !important; overflow: hidden; }
body.obs-layer ::-webkit-scrollbar { display: none; }