/* ==========================================================================
   🏛️ DECLARAÇÃO DE FONTES PERSONALIZADAS DO SANTUÁRIO
   ========================================================================== */
@font-face {
    font-family: "Ardenwood";
    src: url("../fonts/Ardenwood.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "WoodcutInitials";
    src: url("../fonts/typographerwoodcutinitialsone.regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "AugustaGothic";
    src: url("../fonts/Augusta.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GaramondBase";
    src: url("../fonts/eb-garamond.initials.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   🌌 ESTRUTURA GLOBAL E CONFIGURAÇÃO DE PALCO
   ========================================================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: #0b0b0b;
    background-image: url("../decor/blogBG.png") !important; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-family: "Jacquard 12", serif;
}

/* 🎯 ATUALIZADO: Garante que o cursor de asa de anjo funcione em cima das novas imagens clicáveis */
html, body, button, a, .menu-btn, #deadLambTrigger, #keeperImg {
    cursor: url("../cursor.png") 16 0, auto !important;
}


.blog-stage {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}


/* ==========================================================================
   💿 POSICIONAMENTO DO DISCMAN DE AUDIO (Recuperado e cravado no lugar)
   ========================================================================== */
.discman-audio-container {
    position: fixed !important;
    
    /* 📐 COORDENADAS ORIGINAIS DO SEU PHOTOSHOP: */
    top: 65px !important;    /* Distância em relação ao topo da janela */
    left: 75px !important;   /* Distância em relação à margem esquerda */
    
    /* 🎯 Garanta que o 'px' esteja colado no número 90: */
width: 180px !important;  /* Tamanho real do aparelho na tela */
    height: auto !important;
    z-index: 999999 !important; /* Fica acima de todas as névoas do blog */
    pointer-events: auto !important;
    
    display: inline-block !important;
    transition: transform 0.2s ease, filter 0.2s ease;
}


/* ==========================================================================
   💿 MODULE UI: INTERATIVIDADE E HOVER DO DISCMAN AUDIO PLAYER
   ========================================================================== */
.discman-asset {
    display: block !important;
    
    /* 🎯 SOLUÇÃO DEFINITIVA: Obriga a imagem do Discman a encolher e se moldar aos 90px da caixa mãe! */
    width: 100% !important; 
    height: auto !important;
    
    cursor: url("../decor/cursor.png") 16 0, auto !important;
    transition: transform 0.2s ease-in-out, filter 0.2s ease-in-out !important;
}


/* ✨ EFFECT HOVER: Pulsação sutil de tamanho e Outerglow branco místico */
.discman-asset:hover {
    transform: scale(1.04) !important; /* Aumenta um tico sem sair do lugar */
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.85)) !important;
}

/* Efeito extra opcional de clique físico ao pressionar o botão do mouse */
.discman-asset:active {
    transform: scale(0.98) !important;
}

/* MEMORIAL BOOK📦 CONTAINER LINK: Determina as coordenadas físicas dele no monitor */
.memorial-book-link {
    position: fixed !important; /* fixed garante que ele fique colado na tela mesmo com scroll */
    display: inline-block !important;
    
    /* 📐 PAINEL DE COORDENADAS EXTREMAS (Canto Inferior Direito) */
    bottom: 20px !important;   /* Distância do chão da tela */
    right: 27px !important;    /* Distância da margem direita da tela */
    
    z-index: 99999 !important; 
    pointer-events: auto !important; 
}

/* 🖼️ A IMAGEM DO LIVRO */
.memorial-book-img {
    display: block !important;
    
    /* 🎯 AJUSTE DE TAMANHO: Altere os pixels se quiser maior ou menor */
    width: 160px !important;    
    height: auto !important;   
    
    cursor: url("../decor/cursor.png") 16 0, auto !important;
    /* Transição suave para o efeito de hover */
    transition: transform 0.2s ease, filter 0.2s ease !important;
}

/* ✨ EFEITO DE HOVER (IGUAL AO DO COELHO) */
.memorial-book-link:hover .memorial-book-img {
    transform: scale(1.1) rotate(3deg) !important; /* Cresce 10% e dá uma leve inclinada charmosa */
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.6)) !important; /* Brilho em volta da imagem */
}


/* ==========================================================================
   📐 MOLDURA RENDADA DO PAPEL CENTRAL
   ========================================================================== */
.blog-frame-container {
    position: absolute !important;
    top: 50% !important;
    left: 45% !important; 
    transform: translate(-50%, -50%) !important;
    width: 38vw !important;
    height: 88vh !important;
    margin-left: 55px !important;
    margin-top: 20px !important; 
    rotate: 1deg !important; 
    z-index: 50 !important;

    background-image: url("../decor/paperbg.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-clip: padding-box !important; 
    border-radius: 8px !important; 
    
    border: 24px solid transparent !important;
    border-image: url("../decor/laceframe.png") 40 round !important;
    filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.45));
}

.blog-scroll-box {
    width: 100% !important;
    height: 100% !important;
    padding: 15px 25px !important; 
    background: transparent !important; 
    overflow-y: auto !important; 
    overflow-x: hidden !important;
}

.blog-scroll-box::-webkit-scrollbar {
    width: 10px !important; 
}
.blog-scroll-box::-webkit-scrollbar-track {
    background: #AAAA86 !important; 
    border-radius: 2px !important;
}
.blog-scroll-box::-webkit-scrollbar-thumb {
    background: #ffffff !important; 
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px !important;
}
.blog-scroll-box::-webkit-scrollbar-thumb:hover {
    background: #f0f0f0 !important;
}

/* ==========================================================================
   ✒️ TIPOGRAFIA DOS PARÁGRAFOS E CAPITULARES
   ========================================================================== */
.blog-content h1 {
    font-family: "Jacquard 12", system-ui, serif !important;
    font-size: 3.4rem;
    color: #AA5E62;
    text-align: center;
    margin-bottom: 25px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.blog-content p, #blogDynamicTarget p, .blog-content li, #blogDynamicTarget li {
    font-family: "EB Garamond", serif !important;
    font-size: 1.15rem !important; 
    color: #464B54 !important; 
    line-height: 1.45 !important;
    margin-bottom: 15px !important;
    text-align: justify !important;
}

.woodcut {
    float: left !important;
    display: block !important;
    font-family: "WoodcutInitials", sans-serif !important;
    font-size: 4.6rem !important; 
    font-weight: normal !important;
    font-style: normal !important;
    line-height: 0.65 !important; 
    margin-right: 14px !important;
    margin-top: 2px !important;
    margin-bottom: 0px !important;
    padding: 0 !important;
    color: #464B54 !important; 
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.blog-content p ~ p::first-letter, #blogDynamicTarget p ~ p::first-letter {
    font-family: "AugustaGothic", serif !important;
    font-size: 2.1rem !important; 
    font-weight: normal !important;
    color: #464B54 !important; 
    padding-right: 2px !important;
    float: none !important; 
}

/* ==========================================================================
   👑 TÍTULO DOS POSTS (PLACA RENDADA RECUADA À ESQUERDA)
   ========================================================================== */
.post-title-link {
    font-family: "Jacquard 12", system-ui, serif !important;
    font-size: 2.4rem !important;
    color: #464B54 !important;
    text-decoration: none !important;
    
    display: inline-block !important; 
    width: auto !important; 
    height: auto !important;
    padding: 2px 20px !important; 
    
    /* Trava rígida à esquerda */
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0px !important;
    background-clip: padding-box !important; 
    
    border: 12px solid transparent !important;
    border-image: url("../decor/laceframe.png") 30 round !important;
    background-image: url("../dividers/fishnetlace.png"), linear-gradient(#FAF4ED, #FAF4ED) !important;
    background-repeat: repeat, no-repeat !important;
    background-position: center, center !important;
    background-size: auto, cover !important;
    
    text-shadow: 
        -1px -1px 0px #EBE7DE,  
         1px -1px 0px #EBE7DE,
        -1px  1px 0px #EBE7DE,
         1px  1px 0px #EBE7DE !important;
         
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.blog-post-card h2 {
    text-align: left !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin-bottom: -5px !important; /* Puxa a plaquinha de metadados para cima */
}

/* ==========================================================================
   🏷️ METADADOS DO POST (PLAQUINHA RENDADA RECUADA À ESQUERDA)
   ========================================================================== */
.post-meta-tags {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    
    height: 44px !important; 
    padding: 0 16px !important;
    background-color: #FAF4ED !important; 
    background-clip: padding-box !important; 
    border: 12px solid transparent !important;
    border-image: url("../decor/laceframe.png") 30 round !important;
    outline: none !important;
    
    font-family: "Courier New", Courier, monospace !important;
    font-size: 0.85rem !important;
    font-weight: bold !important;
    color: #464B54 !important; 
    letter-spacing: 1px !important;
    text-decoration: none !important;
    
    margin: 10px auto 25px 0 !important; /* Alinhada perfeitamente à esquerda */
    width: auto !important; 
    filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.08)) !important;
}

/* ==========================================================================
   🌹 DIVISÓRIA DE ROSAS ENTRE OS POSTS DO FEED
   ========================================================================== */
.blog-post-card {
    margin-bottom: 50px !important;
    padding-bottom: 65px !important; 
    text-align: left;
    position: relative !important;
    border-bottom: none !important; 
}

.blog-post-card:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important; 
    
    width: 85% !important; 
    height: 48px !important; 
    display: block !important;
    
    background-image: url("../dividers/fishnetlace.png") !important;
    background-size: contain !important;
    background-repeat: repeat-x !important; 
    background-position: center !important;
    border: none !important; 
    
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1)) !important;
}

.blog-post-card:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ==========================================================================
   🏰 BARRA LATERAL DIREITA DO SITE
   ========================================================================== */
.right-sidebar {
    position: absolute !important;
    right: 14vw !important;  
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 185px !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 25px !important;
    z-index: 100 !important;
}

.pfp-widget {
    position: relative !important;
    width: 170px !important;  
    height: 170px !important; 
    border: 26px solid transparent !important; 
    border-image: url("../decor/laceframe.png") 38 fill round !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    filter: drop-shadow(0px 6px 12px rgba(0,0,0,0.4)) !important;
    background: transparent !important;
}

.pfp-widget .user-pfp {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Livro Lapvona Asset */
.book-hover-container {
    position: absolute !important;
    top: 100px !important;   
    right: -25px !important;  
    left: auto !important;
    width: 105px !important;  
    height: auto !important;
    z-index: 150 !important;
}

.book-hover-container .book-asset {
    width: 100% !important;
    display: block !important;
    filter: drop-shadow(2px 6px 8px rgba(0,0,0,0.55)) !important;
    transition: transform 0.25s ease, filter 0.25s ease !important;
}

.book-tooltip {
    position: absolute !important;
    top: 105% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(5px) !important;
    background: rgba(10, 10, 10, 0.5) !important;
    color: #FAF4ED !important;
    font-size: 1.2rem !important;
    padding: 4px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2) !important;
    z-index: 500 !important;
}

/* Menu de Navegação Lateral */
.navigation-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
}

.menu-btn {
    width: 100% !important;
    height: 52px !important; 
    background-clip: padding-box !important; 
    border: 12px solid transparent !important;
    border-image: url("../decor/laceframe.png") 30 round !important;
    outline: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #464B54 !important; 
    font-family: "Jacquard 12", serif !important;
    font-size: 1.5rem !important;
    letter-spacing: 2px !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, filter 0.2s ease !important;

    background-image: url("../dividers/fishnetlace.png"), linear-gradient(#FAF4ED, #FAF4ED) !important;
    background-repeat: repeat, no-repeat !important;
    background-position: center, center !important;
    background-size: auto, cover !important;
}

/* ==========================================================================
   🐑 REPOSICIONAMENTO DO CORDEIRINHO DEITADO (DEADLAMB / SLEEPYLAMB)
   ========================================================================== */
.deadlamb-sleep-wrapper {
    position: absolute !important;
    top: 700px !important;    
    left: 150px !important;   
    width: 245px !important;  
    height: auto !important;
    z-index: 50 !important;   
    display: inline-block !important;
    
    /* 🎯 INJECTION: Smoothly animations transitions so the hover doesn't jump or snap ruggedly */
    transition: transform 0.25s ease-in-out, filter 0.25s ease-in-out !important;
}

/* ⚡ HOVER ENGINE: Softly lifts the lamb up and projects a delicate white drop-glow */
.deadlamb-sleep-wrapper:hover {
    transform: scale(1.03) translateY(-2px) !important; /* Scale up slightly and glide up 2 pixels cleanly */
    filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.7)) !important; /* Soft, delicate outerglow shield */
}

/* Garante que a imagem física preencha a caixinha mãe de 120px sem distorcer */
#deadLambTrigger {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}


/* ==========================================================================
   🐑 REFORÇO DE LEITURA DO BALÃO DO CORDEIRINHO DEITADO (PALETA VITORIANA)
   ========================================================================== */
#deadLambSpeechBubble {
    /* 📐 POSICIONAMENTO E CENTRALIZAÇÃO ABSOLUTA:
       O 'bottom: 105%' joga ele para cima e as regras de left alinham perfeitamente ao meio do corpo dele */
    position: absolute !important;
    bottom: 105% !important; 
    left: 50% !important;
    transform: translateX(-50%) !important; 
    white-space: nowrap !important; /* Mantém a frase toda em uma linha elegante */
    z-index: 9999999 !important;

    /* 🎨 SUA PALETA DE CORES PERSONALIZADA:
       Usamos rgba baseada na sua cor F8F3EC para permitir que o fundo seja semi-transparente (0.85 de opacidade) */
    background: rgba(248, 243, 236, 0.85) !important; 
    border: 1px solid #A9B2A3 !important; /* O finíssimo contorno oliva acinzentado */
    color: #464B54 !important; /* O texto das frases na sua cor padrão */

    /* ✒️ TIPOGRAFIA EXTREMAMENTE EXPANDIDA E NÍTIDA */
    font-family: "AugustaGothic", monospace !important;
    font-size: 0.87rem !important; /* 🎯 Aumentado significativamente para leitura imediata */
    font-weight: bold !important;
    text-align: center !important;
    
    /* 🧼 ACABAMENTO DE CAIXA: */
    padding: 6px 12px !important; /* Dá um respiro confortável em volta das letras */
    border-radius: 4px !important; /* Cantos levemente suavizados de forma sutil */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15) !important; /* Sombra suave para desgrudar da grama */
}


// ==========================================================================
// 🐑 MYSTICAL SLEEPING LAMB ORACLE ENGINE (25% / 50% / 25% Matrix Cycle)
// ==========================================================================
document.addEventListener("DOMContentLoaded", function() {
    const lambBtn = document.getElementById("deadLambTrigger");
    const lambBubble = document.getElementById("deadLambSpeechBubble");

    if (lambBtn && lambBubble) {
        lambBtn.addEventListener("click", function(e) {
            e.stopPropagation(); // Stops interaction overlaps

            // Roll a digital die from 1 to 100
            const roll = Math.floor(Math.random() * 100) + 1;
            let textOutput = "...";

            // Evaluate percentage math bounds
            if (roll <= 25) {
                // 🔮 25% Chance
                textOutput = "...  Talvez esteja dormindo...";
            } else if (roll <= 75) {
                // 🔮 50% Chance (25 + 50 = 75)
                textOutput = "...";
            } else {
                // 🔮 25% Chance (Remaining pool bounds)
                textOutput = "...  Talvez não esteja dormindo...";
            }

            // Push text and bypass any strict CSS display locks instantly
            lambBubble.innerText = textOutput;
            lambBubble.style.setProperty('display', 'block', 'important');
            lambBubble.style.setProperty('z-index', '999999', 'important');
            lambBubble.classList.add('active');

            // Set up a 3-second display countdown frame
            clearTimeout(lambBtn.timeoutRef);
            lambBtn.timeoutRef = setTimeout(() => {
                lambBubble.classList.remove('active');
                lambBubble.style.setProperty('display', 'none', 'important');
            }, 3000);
        });
    }
});



/* ==========================================================================
   📥 PLACAS RENDADAS DE LER MAIS E EXPANSÃO DE INLINE POSTS
   ========================================================================== */
.post-options-box {
    margin-top: 20px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.opt-btn {
    height: 48px !important; 
    padding: 0 15px !important;
    border: 12px solid transparent !important;
    border-image: url("../decor/laceframe.png") 30 round !important;
    outline: none !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #464B54 !important; 
    font-family: "Jacquard 12", serif !important;
    font-size: 1.4rem !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, filter 0.2s ease !important;

    background-image: url("../dividers/fishnetlace.png"), linear-gradient(#FAF4ED, #FAF4ED) !important;
    background-repeat: repeat, no-repeat !important;
    background-position: center, center !important;
    background-size: auto, cover !important;
    background-clip: padding-box !important; 
}

/* ==========================================================================
   🗺️ PAINEL INTERNO E BOTÕES DA ABA ARCHIVE CRONOLÓGICO
   ========================================================================== */
.archive-nav-menu {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-bottom: 5px !important; 
    border-bottom: 1px dashed rgba(35, 35, 76, 0.15) !important;
    padding-bottom: 8px !important;
    flex-wrap: wrap !important;
}

.archive-tags-cloud {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    padding: 5px 10px !important; 
    z-index: 55 !important;
    justify-content: center !important;
}

.archive-nav-btn, .archive-tag-pill {
    height: 44px !important; 
    padding: 0 16px !important;
    border: 12px solid transparent !important;
    border-image: url("../decor/laceframe.png") 30 round !important;
    outline: none !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #464B54 !important; 
    font-family: "Jacquard 12", serif !important;
    font-size: 1.3rem !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, filter 0.2s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;

    background-image: url("../dividers/fishnetlace.png"), linear-gradient(#FAF4ED, #FAF4ED) !important;
    background-repeat: repeat, no-repeat !important;
    background-position: center, center !important;
    background-size: auto, cover !important;
    background-clip: padding-box !important; 
}

.archive-month-header {
    font-family: "AugustaGothic", serif !important;
    font-size: 1.3rem !important;
    color: #464B54 !important; 
    margin-left: 10px !important;
    margin-top: 15px !important;
    margin-bottom: 8px !important;
    text-align: left !important;
}

/* ==========================================================================
   🧵 ENFEITE DE PANO FIXO NA BASE DO PERGAMINHO CENTRAL (PROPORÇÃO REAL)
   ========================================================================== */
.blog-stage::after {
    content: "" !important;
    position: absolute !important;
    
    top: 53% !important;
    left: 47% !important; 
    transform: translate(-50%, -50%) translateY(40vh) rotate(0.5deg) !important; 
    
    width: 710px !important; 
    height: 140px !important;  
    
    background-image: url("../decor/decorblogbottom.png") !important;
    background-size: 100% auto !important; 
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    
    pointer-events: none !important; 
    z-index: 60 !important; 
    
    filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.25)) !important;
}

/* ==========================================================================
   👼 SEGUIDOR DO MOUSE ANGINHO E VETORES DE PARTÍCULAS
   ========================================================================== */
#angel-lamb-follower {
    position: absolute !important;
    width: 32px !important;
    height: auto !important;
    pointer-events: none !important;
        z-index: 1000000 !important;
    transform: translate(-50%, -50%) !important;
    filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.75)) !important;
}

.sparkle-node-glow {
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.85) !important;
}

/* ==========================================================================
   ✨ SISTEMA DE INTERATIVIDADE, HOVERS E ANIMAÇÕES
   ========================================================================== */
.menu-btn:hover, .menu-btn.active-tab {
    transform: scale(1.04) !important;
    filter: brightness(1.15) drop-shadow(0px 4px 8px rgba(255, 255, 255, 0.25)) !important;
    color: #AA5E62 !important; 
}

.archive-nav-btn:hover, .archive-tag-pill:hover {
    transform: scale(1.04) !important;
    filter: brightness(1.1) drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15)) !important;
    color: #AA5E62 !important; 
}

.opt-btn:hover {
    transform: scale(1.03) !important;
    filter: brightness(1.1) drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15)) !important;
    color: #AA5E62 !important; 
}

.post-title-link:hover {
    color: #AA5E62 !important; 
    transform: scale(1.01) !important; 
    
    text-shadow: 
        -1px -1px 0px #EBE7DE,  
         1px -1px 0px #EBE7DE,
        -1px  1px 0px #EBE7DE,
         1px  1px 0px #EBE7DE !important;
}

.lamb-ukagaka-wrapper:hover .lamb-asset {
    transform: scale(1.04) translateY(-2px) !important; 
}

.archive-link:hover {
    color: #464B54 !important; 
}

.book-hover-container:hover .book-asset {
    transform: scale(1.08) rotate(4deg) !important;
    filter: brightness(1.1) drop-shadow(4px 10px 15px rgba(0,0,0,0.65)) !important;
}

.book-hover-container:hover .book-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}