/* =========================================
   O SANTUÁRIO OCULTO - ESTILO UNIVERSAL
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400&display=swap' );

:root {
    --bg-cave: #030108;
    --stone: #0a0612;
    --text-light: #e8dcc5;
    --text-dark: #8c7a6b;
    --gold-glow: #d4af37;
    --magic-fire: #ff7b00;
    --purple-mist: #4a0e8f;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

body {
    background-color: var(--bg-cave);
    color: var(--text-light);
    font-family: 'Cormorant Garamond', serif;
    padding-bottom: 90px;
    overflow-x: hidden;
    background-image: radial-gradient(circle at 50% 20%, rgba(255, 123, 0, 0.05) 0%, transparent 60%);
    animation: torch-flicker 4s infinite alternate;
    text-align: center;
}

@keyframes torch-flicker {
    0% { background-image: radial-gradient(circle at 50% 20%, rgba(255, 123, 0, 0.03) 0%, transparent 65%); }
    50% { background-image: radial-gradient(circle at 50% 20%, rgba(255, 123, 0, 0.08) 0%, transparent 55%); }
    100% { background-image: radial-gradient(circle at 50% 20%, rgba(255, 123, 0, 0.05) 0%, transparent 60%); }
}

/* Títulos */
h1, h2, h3, .cinzel { font-family: 'Cinzel', serif; color: var(--gold-glow); font-weight: normal; }
h1 { font-size: 2rem; margin: 30px 0 10px 0; text-shadow: 0 0 20px rgba(212, 175, 55, 0.3); }
.subtitulo { font-size: 1.1rem; color: var(--text-dark); font-style: italic; margin-bottom: 30px; padding: 0 20px; }

/* Névoa de Fundo */
.mist {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    background: url('https://raw.githubusercontent.com/danielstuart14/CSS_FOG_ANIMATION/master/fog1.png' ) repeat-x;
    background-size: 200% auto; opacity: 0.05; z-index: -1; pointer-events: none;
    animation: fog-move 60s linear infinite; filter: hue-rotate(250deg);
}
@keyframes fog-move { 0% { background-position: 0 0; } 100% { background-position: -200vw 0; } }

/* Botões Místicos */
button, .btn-glow {
    background: transparent; border: 1px solid var(--gold-glow); color: var(--gold-glow);
    padding: 12px 30px; font-family: 'Cinzel', serif; font-size: 1rem; letter-spacing: 2px;
    cursor: pointer; transition: all 0.4s; border-radius: 5px; margin: 15px auto; display: inline-block;
}
button:hover, .btn-glow:hover { background: var(--gold-glow); color: #000; box-shadow: 0 0 30px rgba(212, 175, 55, 0.5); }

/* Caixas de Resultado (Pedras) */
#resultado, .cartao-leitura {
    background: linear-gradient(160deg, #0f081c, #05020a);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 5px 25px 5px 25px;
    padding: 30px 20px; margin: 20px auto; max-width: 90%;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 10px 20px rgba(0,0,0,0.5);
    display: none;
}
#texto-leitura { font-size: 1.1rem; line-height: 1.6; color: var(--text-light); margin-top: 15px; }

/* Link de Voltar */
.voltar {
    display: block; margin: 40px auto; color: var(--text-dark); text-decoration: none;
    font-family: 'Cinzel', serif; font-size: 0.9rem; letter-spacing: 2px; transition: 0.3s;
}
.voltar:hover { color: var(--gold-glow); text-shadow: 0 0 10px var(--gold-glow); }