/* DIVINA BRUXA 4.0 · MACROETAPA 6/14 · V554
   Universo da Carta do Dia e Tiragens. Movimento curto, propriedades compostas,
   nenhuma animação decorativa permanente e iPhone como primeiro viewport. */

:root{--db-v554-curve:cubic-bezier(.22,.82,.24,1);--db-v554-fast:150ms;--db-v554-settle:260ms}

#dailyCard .dw509,
#spreads.sp331{isolation:isolate}

#dailyCard .dw509__sanctuary,
#dailyCard .dw509__layer,
#spreads .spread-choice,
#spreads .spread-reading,
#spreads .spread-active-meaning,
#spreads .spread-synthesis,
#spreads .spread-premium,
#spreads .spread-config-panel,
#spreads .spread-confirm-panel,
#spreads .spread-history-panel{
  border-radius:clamp(24px,6vw,38px)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Carta do Dia: universo profundo em repouso. */
#dailyCard .dw509__sanctuary{
  background:
    radial-gradient(circle at 18% 14%,rgba(255,159,224,.16),transparent 27%),
    radial-gradient(circle at 84% 24%,rgba(125,95,255,.18),transparent 31%),
    radial-gradient(circle at 50% 82%,rgba(255,207,120,.10),transparent 33%),
    linear-gradient(160deg,rgba(31,10,52,.98),rgba(7,3,17,.99))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.10)!important;
}
#dailyCard .dw509__sanctuary::before,
#dailyCard .dw509__sanctuary::after,
#dailyCard .dw509__portal,
#dailyCard .dw509__orb-host::before,
#dailyCard .dw509__orb-host::after{
  animation:none!important;
  transition:opacity var(--db-v554-settle) var(--db-v554-curve),transform var(--db-v554-settle) var(--db-v554-curve)!important;
}
#dailyCard .dw509__sanctuary::before{transform:rotate(8deg)!important;opacity:.46!important}
#dailyCard .dw509__sanctuary::after{transform:scale(.94)!important;opacity:.32!important}
#dailyCard .dw509__portal--outer{transform:rotate(18deg)!important;opacity:.32!important}
#dailyCard .dw509__portal--inner{transform:rotate(-12deg)!important;opacity:.42!important}
#dailyCard .dw509__orb-host [data-supreme-orb="living"]{
  transition:transform var(--db-v554-fast) var(--db-v554-curve),opacity var(--db-v554-fast) ease!important;
}
#dailyCard .dw509.is-orb-touching .dw509__orb-host [data-supreme-orb="living"]{transform:scale(.975)!important}
#dailyCard .dw509.is-opening .dw509__orb-host,
#dailyCard .dw509.is-born .dw509__card{animation:none!important;transform:translate3d(0,0,0)!important}
#dailyCard .dw509__constellation{gap:8px!important;scroll-snap-type:x proximity}
#dailyCard .dw509__constellation button,
#dailyCard .dw509__actions button,
#dailyCard .dw509__intention-toggle{
  min-height:44px!important;border-radius:999px!important;
  transition:transform var(--db-v554-fast) var(--db-v554-curve),opacity var(--db-v554-fast) ease,background-color var(--db-v554-fast) ease!important;
}
#dailyCard .dw509__constellation button:active,
#dailyCard .dw509__actions button:active,
#dailyCard .dw509__intention-toggle:active{transform:scale(.975)!important}
#dailyCard .dw509__layer{
  background:radial-gradient(circle at 12% 0,rgba(210,104,255,.12),transparent 35%),linear-gradient(145deg,rgba(27,10,43,.96),rgba(8,4,17,.98))!important;
  box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)!important;
}
#dailyCard .dw509__layer p{max-width:68ch}
#dailyCard .dw509__identity,
#dailyCard .dw509__private,
#dailyCard .dw509__source{border-radius:999px!important}

/* Tiragens: portais arredondados, claros e responsivos. */
#spreads.sp331 .sp331__cosmos i{animation:none!important;opacity:.42!important;transform:scale(1)!important}
#spreads.sp331 .sp331__cosmos i:nth-child(n+4){display:none!important}
#spreads .spread-filters{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px 2px 10px!important;scroll-snap-type:x proximity!important}
#spreads .spread-filters button{
  flex:0 0 auto!important;min-height:48px!important;border-radius:999px!important;scroll-snap-align:start;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  transition:transform var(--db-v554-fast) var(--db-v554-curve),background-color var(--db-v554-fast) ease,opacity var(--db-v554-fast) ease!important;
}
#spreads .spread-filters button:active{transform:scale(.975)!important}
#spreads .spread-choice{
  min-height:124px!important;border-radius:28px!important;overflow:hidden!important;
  background:radial-gradient(circle at 14% 18%,rgba(191,95,255,.14),transparent 34%),linear-gradient(145deg,rgba(28,11,43,.97),rgba(8,4,16,.99))!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  transition:transform var(--db-v554-fast) var(--db-v554-curve),opacity var(--db-v554-fast) ease,border-color var(--db-v554-fast) ease!important;
}
#spreads .spread-choice[data-access="free"]{border-color:rgba(185,125,255,.32)!important}
#spreads .spread-choice[data-access="premium"]{border-color:rgba(242,204,124,.34)!important;background:radial-gradient(circle at 88% 9%,rgba(247,197,101,.15),transparent 34%),linear-gradient(145deg,rgba(31,14,39,.98),rgba(8,4,16,.99))!important}
#spreads .spread-choice:active{transform:scale(.982)!important}
#spreads .spread-choice-count b{border-radius:999px!important;padding:6px 9px!important}
#spreads .spread-choice[data-access="free"] .spread-choice-count b{color:#e5ceff!important;border-color:rgba(190,129,255,.32)!important}
#spreads .spread-choice[data-access="premium"] .spread-choice-count b::before{content:"◇ ";font-size:.86em}

#spreads .spread-ritual-v305,
#spreads .spread-resume-banner,
#spreads .spread-intention-field,
#spreads .spread-layout-note,
#spreads .spread-private-question,
#spreads .spread-orb-ritual,
#spreads .spread-premium-note,
#spreads .spread-whit-consent,
#spreads .spread-reset-confirm{
  border-radius:26px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
#spreads .spread-orb-ritual{
  position:relative;display:grid!important;place-items:center;min-height:300px!important;overflow:hidden;
  background:radial-gradient(circle at 50% 48%,rgba(183,75,255,.20),transparent 34%),radial-gradient(circle at 18% 12%,rgba(255,184,225,.12),transparent 28%),linear-gradient(160deg,rgba(25,8,43,.98),rgba(6,3,14,.99))!important;
}
#spreads .spread-orb-host{position:relative;display:grid;place-items:center;width:clamp(164px,44vw,224px);aspect-ratio:1;border-radius:50%;contain:layout paint style}
#spreads .spread-orb-host::before{content:"";position:absolute;inset:8%;border:1px solid rgba(245,213,148,.25);border-radius:50%;pointer-events:none}
#spreads .spread-orb-host [data-supreme-orb="living"]{width:100%!important;height:100%!important;max-width:none!important;transition:transform var(--db-v554-fast) var(--db-v554-curve),opacity var(--db-v554-fast) ease!important}
#spreads .spread-orb-host [data-supreme-orb="living"]:active{transform:scale(.975)!important}
#spreads .spread-orb-ritual.is-complete{min-height:250px!important}

#spreads .spread-position-card{border-radius:18px!important;contain:layout paint style}
#spreads .spread-position-card::before{display:none!important}
#spreads .spread-position-atlas{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;border-radius:17px!important;box-shadow:none!important}
#spreads .spread-position-slot{
  border-radius:22px!important;overflow:hidden!important;
  transition:transform var(--db-v554-fast) var(--db-v554-curve),opacity var(--db-v554-fast) ease,border-color var(--db-v554-fast) ease!important;
}
#spreads .spread-position-slot.born{animation:db-v554-card-arrive var(--db-v554-settle) var(--db-v554-curve) both!important}
#spreads .spread-position-slot:active{transform:scale(.98)!important}
#spreads .spread-active-meaning{display:grid!important;gap:clamp(18px,4vw,34px)!important;background:radial-gradient(circle at 8% 10%,rgba(216,92,255,.11),transparent 34%),linear-gradient(150deg,rgba(25,9,40,.98),rgba(7,3,15,.99))!important}
#spreads .spread-meaning-card img{border-radius:22px!important}
#spreads .spread-meaning-sections section,
#spreads .spread-life-map-v331 section,
#spreads .spread-synthesis-v331 blockquote,
#spreads .spread-next-step-v331,
#spreads .spread-patterns-v331{border-radius:22px!important}

#spreads .spread-premium{overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(245,198,103,.17),transparent 34%),radial-gradient(circle at 14% 90%,rgba(183,78,255,.13),transparent 35%),linear-gradient(150deg,rgba(30,12,39,.99),rgba(7,3,14,.99))!important}
#spreads .spread-premium-portal{display:grid;place-items:center;align-content:center;gap:10px;min-height:290px;border:1px solid rgba(240,201,119,.28);border-radius:32px;background:radial-gradient(circle,rgba(221,161,255,.16),transparent 32%),radial-gradient(circle,rgba(246,206,124,.10),transparent 62%);text-align:center}
#spreads .spread-premium-portal>span{display:grid;place-items:center;width:112px;aspect-ratio:1;border:1px solid rgba(243,207,130,.44);border-radius:50%;color:#f3d48d;font:400 3.2rem/1 Georgia,serif;box-shadow:inset 0 0 30px rgba(185,85,240,.12)}
#spreads .spread-premium-portal strong{color:#fff4dc;font:500 1.15rem/1.2 Georgia,serif}
#spreads .spread-premium-portal small{color:#c9b6cf;letter-spacing:.11em}

#spreads .spread-actions button,
#spreads .spread-actions a{min-height:44px!important;border-radius:999px!important;transition:transform var(--db-v554-fast) var(--db-v554-curve),opacity var(--db-v554-fast) ease!important}
#spreads .spread-actions button:active,
#spreads .spread-actions a:active{transform:scale(.975)!important}

@keyframes db-v554-card-arrive{from{opacity:.38;transform:translate3d(0,10px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}

@media(max-width:700px){
  #dailyCard .dw509__sanctuary{border-radius:28px!important}
  #spreads .spread-choice{grid-template-columns:48px minmax(0,1fr)!important;min-height:112px!important;padding:15px!important}
  #spreads .spread-choice-count{grid-column:2!important;justify-items:start!important;white-space:normal!important}
  #spreads .spread-orb-ritual{min-height:270px!important;padding:24px 16px!important}
  #spreads .spread-active-meaning{grid-template-columns:1fr!important}
  #spreads .spread-meaning-card{max-width:220px;margin-inline:auto}
  #spreads .spread-premium{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  #dailyCard *,#dailyCard *::before,#dailyCard *::after,
  #spreads *,#spreads *::before,#spreads *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

html[data-performance-tier="constrained"] #dailyCard .dw509__cosmos,
html[data-performance-tier="constrained"] #dailyCard .dw509__sanctuary::before,
html[data-performance-tier="constrained"] #spreads .sp331__cosmos,
html[data-performance-tier="constrained"] #spreads .sp331__reading-space{display:none!important}