/* A brief astrolabe passage: the future opens outward, the past folds inward. */
#aenariel-era-passage{position:fixed;inset:0;z-index:2147483000;overflow:hidden;pointer-events:auto;isolation:isolate;background:#080f19;opacity:0;color:#dfca9d;contain:layout paint;--era-travel:1;font-family:Georgia,serif}
#aenariel-era-passage[data-direction="backward"]{--era-travel:-1}
#aenariel-era-passage[data-phase="depart"]{animation:era-passage-cover 120ms ease-out both}
#aenariel-era-passage[data-phase="arrive"]{pointer-events:none;animation:era-passage-uncover 280ms cubic-bezier(.2,.6,.25,1) both}
.era-passage-art{position:absolute;inset:-6%;background:radial-gradient(ellipse at center,#152c3990,transparent 62%),url('/assets/transitions/entreverse-time-passage.webp') center/cover;opacity:.75;transform:scale(1)}
.era-passage-orbits{position:absolute;left:50%;top:50%;width:min(70vw,650px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.65}
.era-passage-orbits i{position:absolute;inset:12%;border:1px solid #d9be7e99;border-radius:50%;box-shadow:0 0 28px #c6a96612,inset 0 0 28px #c6a96612;transform:rotateX(55deg) rotate(-26deg)}
.era-passage-orbits i:nth-child(2){inset:4%;border-color:#b1cbd044;transform:rotateX(67deg) rotate(38deg)}
.era-passage-orbits i:nth-child(3){inset:24%;border-style:dashed;border-color:#d9be7e55;transform:rotateX(40deg) rotate(8deg)}
.era-passage-orbits>span{position:absolute;inset:0;display:grid;place-items:center;color:#ddc489;font-size:clamp(32px,6vw,64px);text-shadow:0 0 24px #ddc48966}
.era-passage-caption{position:absolute;inset:auto 12px max(12%,env(safe-area-inset-bottom));text-align:center;text-shadow:0 2px 12px #000;letter-spacing:.2em}
.era-passage-caption>span{display:block;font:9px/1.6 system-ui,sans-serif;letter-spacing:.3em;color:#c9c1ab}
.era-passage-caption>strong{display:block;margin-top:9px;font-size:clamp(16px,3vw,22px);font-weight:400}
[data-phase="depart"]>.era-passage-art{animation:era-art-out 120ms ease-out both}
[data-phase="arrive"]>.era-passage-art{animation:era-art-in 280ms ease-out both}
[data-phase="depart"]>.era-passage-orbits{animation:era-orbits-out 120ms ease-out both}
[data-phase="arrive"]>.era-passage-orbits{animation:era-orbits-in 280ms ease-out both}
@keyframes era-passage-cover{from{opacity:0}to{opacity:1}}
@keyframes era-passage-uncover{from{opacity:1}to{opacity:0}}
@keyframes era-art-out{from{transform:scale(1)}to{transform:scale(calc(1 + .045 * var(--era-travel)))}}
@keyframes era-art-in{from{transform:scale(calc(1 + .045 * var(--era-travel)))}to{transform:scale(calc(1 + .11 * var(--era-travel)))}}
@keyframes era-orbits-out{from{transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{transform:translate(-50%,-50%) scale(calc(1 + .08 * var(--era-travel))) rotate(calc(8deg * var(--era-travel)))}}
@keyframes era-orbits-in{from{transform:translate(-50%,-50%) scale(calc(1 + .08 * var(--era-travel))) rotate(calc(8deg * var(--era-travel)))}to{transform:translate(-50%,-50%) scale(calc(1 + .2 * var(--era-travel))) rotate(calc(22deg * var(--era-travel)))}}
@media(prefers-reduced-motion:reduce){#aenariel-era-passage{display:none!important}#aenariel-era-passage *{animation:none!important}}
.portal-still #aenariel-era-passage{display:none!important}