/* DIVINA BRUXA 4.0 — TAROT LIVRE SUPREMO · MACROETAPA 5/14 · V553
   Primeiro responde, depois encanta. Sem fogo e sem motores decorativos. */

#tarot[data-tarot-world="orbe-os-v517"]{
  --tl553-response:150ms;
  --tl553-arrival:280ms;
  --tl553-history:160ms;
  --tl553-curve:cubic-bezier(.22,.82,.24,1);
}

/* O altar continua no Universo V524, mas evita filtros amplos que precisam ser
   repintados enquanto a carta atravessa a tela. */
#tarot[data-tarot-world="orbe-os-v517"] .tl517__stage::after,
#tarot[data-tarot-world="orbe-os-v517"] .tl517__card-zone::before,
#tarot[data-tarot-world="orbe-os-v517"] .tl517__orb-aura,
#tarot[data-tarot-world="orbe-os-v517"] .tl517__orb-flare{
  filter:none!important;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517__card,
#tarot[data-tarot-world="orbe-os-v517"] .tl517__card-ghost{
  transition:transform var(--tl553-history) var(--tl553-curve),opacity var(--tl553-history) ease!important;
  backface-visibility:hidden;
  transform-style:flat;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517__card>img,
#tarot[data-tarot-world="orbe-os-v517"] .tl517__card-back{
  box-shadow:
    0 24px 64px rgba(0,0,0,.62),
    0 0 34px color-mix(in srgb,var(--tl517-skin-accent) 24%,transparent),
    0 0 1px rgba(255,239,196,.88)!important;
}

/* A capa de nascimento agora é uma película CSS leve. O desenho em canvas
   480×720 não é mais repetido em cada carta. */
#tarot[data-tarot-world="orbe-os-v517"] .tl517__birth-veil{
  position:absolute;
  z-index:6;
  inset:0;
  display:block;
  border:1px solid rgba(255,224,164,.56);
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 45%,transparent 0 20%,rgba(244,205,128,.76) 20.5% 21.5%,transparent 22% 100%),
    radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--tl517-skin-accent) 38%,transparent),transparent 48%),
    linear-gradient(145deg,#16041f,#050108 62%,#12031b);
  box-shadow:inset 0 0 26px rgba(180,61,241,.18),0 0 20px rgba(164,48,233,.15)!important;
  filter:none!important;
  backface-visibility:hidden;
  transform-origin:50% 50%;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517.is-birthing .tl517__card-zone::before{
  animation:tl553-card-bloom var(--tl553-arrival) var(--tl553-curve) both!important;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517.is-birthing .tl517__card-zone::after{
  animation:tl553-card-arrival var(--tl553-arrival) var(--tl553-curve) both!important;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517.is-birthing .tl517__orb-flare{
  animation:tl553-orb-response var(--tl553-arrival) var(--tl553-curve) both!important;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517__orb-host>[data-supreme-orb="living"]{
  filter:saturate(1.08) brightness(1.035) drop-shadow(0 0 22px rgba(177,49,255,.42))!important;
  transition:filter var(--tl553-response) ease!important;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517:is(.is-orb-touching,[data-phase="summoning"],[data-phase="revealing"]) .tl517__orb-host>[data-supreme-orb="living"]{
  filter:saturate(1.14) brightness(1.075) drop-shadow(0 0 30px rgba(199,69,255,.58))!important;
}

/* As miniaturas usam o atlas oficial: uma única imagem para até 78 cartas,
   sem 78 downloads de artes integrais no grid. */
#tarot[data-tarot-world="orbe-os-v517"] .tl517__grid button{
  contain:layout paint style;
  box-shadow:0 8px 20px rgba(0,0,0,.30)!important;
  transition:opacity var(--tl553-response) ease,transform var(--tl553-response) var(--tl553-curve),border-color var(--tl553-response) ease!important;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517__grid button:is(:hover,:focus-visible,.is-current){
  box-shadow:0 10px 24px rgba(0,0,0,.38),0 0 14px rgba(179,62,245,.13)!important;
  transform:translate3d(0,-2px,0)!important;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517__grid-art{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background-color:#050109;
  image-rendering:auto;
  pointer-events:none;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517__grid-index{
  position:absolute!important;
  z-index:2;
  right:4px!important;
  bottom:4px!important;
  left:auto!important;
  top:auto!important;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517__card-nav button,
#tarot[data-tarot-world="orbe-os-v517"] .tl517__card-nav span{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#tarot[data-tarot-world="orbe-os-v517"] .tl517__card-nav button{
  transition:transform var(--tl553-response) var(--tl553-curve),opacity var(--tl553-response) ease,border-color var(--tl553-response) ease!important;
}

@keyframes tl553-card-bloom{
  0%{opacity:.18;transform:scale(.88)}
  55%{opacity:.62;transform:scale(1.025)}
  100%{opacity:.43;transform:scale(.88)}
}

@keyframes tl553-card-arrival{
  0%{opacity:.08;transform:scale(.96)}
  58%{opacity:.42;transform:scale(1.012)}
  100%{opacity:.28;transform:scale(.96)}
}

@keyframes tl553-orb-response{
  0%{opacity:0;transform:scale(.94)}
  48%{opacity:.58;transform:scale(1.025)}
  100%{opacity:0;transform:scale(1.04)}
}

@media(max-width:620px){
  #tarot[data-tarot-world="orbe-os-v517"]{
    --tl553-arrival:260ms;
    --tl553-history:150ms;
  }

  #tarot[data-tarot-world="orbe-os-v517"] .tl517__stage{
    contain:layout paint style size;
  }

  #tarot[data-tarot-world="orbe-os-v517"] .tl517__card-nav button{
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 7px 20px rgba(0,0,0,.24)!important;
  }
}

html[data-performance-tier="constrained"] #tarot[data-tarot-world="orbe-os-v517"]{
  --tl553-arrival:190ms;
  --tl553-history:120ms;
}

html[data-performance-tier="constrained"] #tarot[data-tarot-world="orbe-os-v517"] .tl517__stage::after,
html[data-performance-tier="constrained"] #tarot[data-tarot-world="orbe-os-v517"] .tl517__portal-crown,
html[data-performance-tier="constrained"] #tarot[data-tarot-world="orbe-os-v517"] .tl517__card-zone::after{
  display:none!important;
}

@media(prefers-reduced-motion:reduce){
  #tarot[data-tarot-world="orbe-os-v517"] .tl517__birth-veil{display:none!important}
  #tarot[data-tarot-world="orbe-os-v517"] .tl517.is-birthing .tl517__card-zone::before,
  #tarot[data-tarot-world="orbe-os-v517"] .tl517.is-birthing .tl517__card-zone::after,
  #tarot[data-tarot-world="orbe-os-v517"] .tl517.is-birthing .tl517__orb-flare{animation:none!important}
  #tarot[data-tarot-world="orbe-os-v517"] :is(.tl517__card,.tl517__card-ghost,.tl517__grid button,.tl517__card-nav button){transition:none!important}
}