/* Native navigation stays native; unsupported engines simply ignore this. */
@view-transition{navigation:auto}
:root{view-transition-name:none}
::view-transition{pointer-events:none}
::view-transition-group(av-title-cover){animation-duration:300ms;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
::view-transition-image-pair(av-title-cover){overflow:hidden;border-radius:18px;isolation:isolate}
::view-transition-old(av-title-cover),::view-transition-new(av-title-cover){height:100%;width:100%;object-fit:cover;mix-blend-mode:normal;animation-duration:300ms}
.anime-page{position:relative;isolation:isolate}
.av-title-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;user-select:none;background:radial-gradient(ellipse at 90% 5%,#9a62df16,transparent 60%)}
.av-title-atmosphere span{position:absolute;width:480px;height:480px;max-width:90%;border-radius:50%;right:-100px;top:-180px;border:1px solid #bd8ff333;box-shadow:0 0 70px #9459d51a,inset 0 0 70px #9459d50d;animation:av-title-orbit 30s ease-in-out infinite alternate}
.av-title-atmosphere span:nth-child(2){width:350px;height:350px;right:-35px;top:-115px;animation-delay:-12s}
.av-title-atmosphere span:nth-child(3){width:160px;height:160px;right:60px;top:-20px;border-style:dashed;opacity:.5;animation-duration:40s}
html[data-av-interface=astral] .av-title-atmosphere{background:radial-gradient(ellipse at 95% 0,#588af326,transparent 65%)}
html[data-av-interface=astral] .av-title-atmosphere span{border-color:#8da9f14d;box-shadow:0 0 70px #719dfb1a,inset 0 0 65px #719dfb0d}
html[data-av-interface=manga] .av-title-atmosphere{background:repeating-linear-gradient(135deg,transparent 0 16px,#d3637610 16px 17px);opacity:.5}
html[data-av-interface=manga] .av-title-atmosphere span{border-color:#d7708244;border-radius:6px;animation:none;transform:rotate(12deg);box-shadow:none}
@keyframes av-title-orbit{from{transform:translate3d(0,0,0) rotate(-8deg)}to{transform:translate3d(-18px,25px,0) rotate(14deg)}}
html[data-av-effects=off] .av-title-atmosphere{display:none}
html[data-av-motion=off] .av-title-atmosphere span{animation:none}
@media(prefers-reduced-motion:reduce){.av-title-atmosphere span{animation:none!important}::view-transition-group(av-title-cover),::view-transition-old(av-title-cover),::view-transition-new(av-title-cover){animation:none!important}}
@media(forced-colors:active){.av-title-atmosphere{display:none}}
