/* Scenic animation is below the readability scrim and the floating emblem. */
.immersive .hero-image{z-index:-3;opacity:.85;filter:saturate(.78) brightness(.82);transform-origin:72% 54%;transition:none;animation:scene-camera 32s cubic-bezier(.45,0,.55,1) infinite alternate;will-change:transform}
.scene-light{position:absolute;inset:-8%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 76% 37%,#54d8e81c,transparent 43%),radial-gradient(ellipse at 90% 77%,#dc253619,transparent 34%);animation:scene-light 24s ease-in-out infinite alternate;will-change:transform,opacity}
.immersive .hero-shade{z-index:-1;background:linear-gradient(90deg,#05090df5 0%,#05090dc7 30%,#05090d26 67%,#05090d30 100%),linear-gradient(0deg,#05090d 0%,#05090d20 30%,transparent 65%,#05090d60 100%)}
.brand-halo{background:radial-gradient(ellipse,#31b7ce12,transparent 67%)}
@keyframes scene-camera{from{transform:scale(1.055) translate3d(-.4%,.25%,0)}to{transform:scale(1.12) translate3d(.5%,-.45%,0)}}
@keyframes scene-light{from{transform:translate3d(-2%,1%,0);opacity:.45}to{transform:translate3d(2%,-1%,0);opacity:.85}}
.motion-paused .immersive .hero-image,.scene-offscreen .immersive .hero-image,.scene-hidden .immersive .hero-image,.motion-paused .scene-light,.scene-offscreen .scene-light,.scene-hidden .scene-light{animation-play-state:paused}
.admin-link.active{border-color:var(--cyan);background:#27e4eb12;color:var(--cyan)}
.store-toolbar,#universo{scroll-margin-top:28px}
.collection-dialog .dialog-close{position:sticky;float:right;grid-column:2;grid-row:1;justify-self:end;align-self:start;margin:12px 12px -50px 0;top:12px;right:auto}
.collection-dialog .detail-art{grid-column:1;grid-row:1}
.collection-dialog .detail-content{grid-column:2;grid-row:1}
.collection-card:focus-within{border-color:#57edf3aa}
.scene-hidden .logo-float{animation-play-state:paused}
.hero-foot button{min-height:44px;padding:10px 12px}
@media(max-width:760px){.immersive .hero-shade{background:linear-gradient(90deg,#05090dd9,#05090d6b),linear-gradient(0deg,#05090d 0%,transparent 48%,#05090d9e 100%)}.hero-actions{flex-wrap:wrap}.hero-actions .button{font-size:13px;padding:13px 16px}.collection-dialog .dialog-close{display:grid;margin-bottom:-50px}.portal-row{min-height:52px}.hero-foot button{font-size:11px}.store-toolbar,#universo{scroll-margin-top:16px}}
@media(max-width:760px){.immersive .hero-image{transform-origin:72% 60%;animation-duration:38s;filter:saturate(.8) brightness(.9)}.scene-light{opacity:.4}}
@media(prefers-reduced-motion:reduce){.immersive .hero-image,.scene-light{animation:none;transform:none;will-change:auto}}