/*
 * Oráculo Digital — Home Ambient Layer v6 Performance
 * Scope: environmental life only. One adaptive canvas engine renders
 * fireflies, lantern/crystal glows, motes, travellers and burst particles.
 */
.od-home__ambient-canvas{
  position:absolute;
  inset:0;
  z-index:6;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.92;
  mix-blend-mode:screen;
  contain:strict;
  backface-visibility:hidden;
  transform:translateZ(0);
  will-change:opacity;
  transition:opacity .65s ease;
}

.od-home[data-period="day"] .od-home__ambient-canvas{opacity:.68}
.od-home[data-period="dawn"] .od-home__ambient-canvas{opacity:.80}
.od-home[data-period="dusk"] .od-home__ambient-canvas{opacity:.94}
.od-home[data-period="night"] .od-home__ambient-canvas{opacity:.98}

/* Staged opening: preserve the ceremonial pacing without animating a
   full-canvas CSS filter on every frame. */
.od-home.is-opening .od-home__ambient-canvas{opacity:.98}
.od-home.is-opening.is-unsealing .od-home__ambient-canvas{opacity:1}
.od-home.is-opening.is-open .od-home__ambient-canvas{opacity:.96}
.od-home.is-leaving .od-home__ambient-canvas{opacity:0}

/* Slower, staged gate opening. The seam animation itself lives in home.css. */
.od-home__bg{
  transition-duration:2.65s,5.4s,1.6s;
  backface-visibility:hidden;
}
.od-home__portal{transition-duration:1.65s,4.2s}
.od-home__rays{transition-duration:1.55s,3.6s}

.od-home.is-opening .od-home__world{
  transform:scale(1.048);
  filter:saturate(1.06) brightness(1.02);
}
.od-home.is-opening .od-home__rays{opacity:.2;transform:scale(.82)}

.od-home.is-opening.is-unsealing .od-home__world{
  transform:scale(1.064);
  filter:saturate(1.09) brightness(1.045);
}
.od-home.is-opening.is-unsealing .od-home__rays{opacity:.58;transform:scale(.94)}
.od-home.is-opening.is-unsealing .od-home__portal{opacity:.14;transform:scale(.79)}
.od-home.is-opening.is-unsealing .od-home__transition{
  text-shadow:0 2px 18px rgba(0,0,0,.78),0 0 34px rgba(246,198,93,.66),0 0 66px rgba(172,81,220,.22)
}
.od-home.is-opening.is-open .od-home__world{
  transform:scale(1.085);
  filter:saturate(1.06) brightness(1.045);
}

/* More tactile pre-click response: the gateway gradually wakes as the pointer approaches. */
.od-home.is-gate-aware .od-home__gate::before{opacity:1;filter:blur(10px);transform:scale(1.08)}
.od-home.is-gate-aware .od-home__gate::after{border-color:rgba(255,231,171,.82);box-shadow:0 0 0 22px rgba(246,215,139,.045),0 0 78px rgba(244,199,97,.48),0 0 145px rgba(172,81,220,.3)}
.od-home.is-gate-aware .od-gate-sigil{filter:brightness(1.22);text-shadow:0 0 22px #ffe39a,0 0 44px #b969ed}

.od-home.is-reduced-motion .od-home__ambient-canvas{opacity:.50;mix-blend-mode:normal}

@media(max-width:720px){
  .od-home__ambient-canvas{opacity:.76;mix-blend-mode:screen}
}