/* ==========================================================================
   🎯 PAINEL DE CONTROLE DE COORDENADAS (Dentro de about/script-keeper.css)
   ========================================================================== */
.keeper-ukagaka-master {
    position: fixed !important;
    
    /* 📐 1. ALTURA VERTICAL: Posição em relação ao chão da tela */
    bottom: -10px !important;   /* 🎯 AUMENTE (ex: 40px, 60px) para SUBIR a anjinha
                                  🎯 DIMINUA (ex: 10px, 5px) para DESCER e grudar no rodapé */
    
    /* 📐 2. DISTÂNCIA LATERAL: Posição em relação à quina direita */
    right: 35px !important;    /* 🎯 AUMENTE (ex: 50px, 70px) para EMPURRAR para a esquerda
                                  🎯 DIMINUA (ex: 15px, 10px) para COLAR na quina da tela */
                                  
    /* 📐 3. TAMANHO DA ANJINHA: Controla a imponência do pixelart */
    width: 333px !important;   /* 🎯 AUMENTE (ex: 160px, 180px) para deixar ela MAIOR
                                  🎯 DIMINUA (ex: 120px, 110px) para deixar ela MENOR */
    
    left: auto !important;
    top: auto !important;
    z-index: 99999999 !important; 
}


.keeper-graphic-asset {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    /* 🎯 CAMINHO CORRIGIDO: Pula para fora da pasta about e entra na decor da raiz */
    cursor: url("../decor/cursor.png") 16 0, auto !important;
    filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.4)) !important;
    transition: transform 0.25s ease-in-out, filter 0.25s ease-in-out !important;
}

.keeper-graphic-asset:hover {
    transform: scale(1.04) translateY(-3px) !important;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.85)) !important;
}

.keeper-bubble-frame {
    position: absolute !important;
    bottom: 90% !important;   
    right: 0px !important;     
    left: auto !important;
    width: 245px !important;   
    background: #E4E0DB !important;       
    border: 2px solid #EBD5D2 !important; 
    padding: 14px !important;
    border-radius: 4px !important;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.45) !important;
    z-index: 100000000 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important;
    transform: translateY(5px);
}

.keeper-bubble-frame.visible-bubble {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

#keeper-speech-text {
    color: #464B54 !important; 
    font-family: "EB Garamond", serif !important;
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.keeper-actions-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin-top: 10px !important;
    width: 100% !important;
}

.keeper-sussurro-btn {
    display: block !important;
    background: #AAAA86 !important;       
    border: 1px solid #575755 !important; 
    color: #FAF4ED !important;            
    font-family: "Jacquard 12", serif !important;
    font-size: 1.15rem !important;
    padding: 4px 8px !important;
    width: 100% !important;               
    text-align: center !important;
    outline: none !important;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15) !important;
    transition: background 0.2s, transform 0.1s !important;
    /* 🎯 CAMINHO CORRIGIDO TAMBÉM NO BOTÃO */
    cursor: url("../decor/cursor.png") 16 0, auto !important;
}

.keeper-sussurro-btn:hover {
    background: #8E8E6A !important;       
    transform: scale(1.01) !important;
}