@view-transition{navigation:auto}
::view-transition-group(terminal-portal){animation-duration:.15s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}
::view-transition-old(terminal-portal){animation:paper-out .12s ease both;mix-blend-mode:normal}
::view-transition-new(terminal-portal){animation:paper-in .15s ease both;mix-blend-mode:normal}
::view-transition-old(root){animation:paper-out .12s ease both}
::view-transition-new(root){animation:paper-in .15s ease both}
@keyframes paper-out{to{opacity:0;filter:brightness(1.15)}}
@keyframes paper-in{from{opacity:0}to{opacity:1}}
html.from-home .poster{view-transition-name:terminal-portal}
.portal-departure{position:fixed;z-index:1000;inset:0;pointer-events:none;overflow:hidden}
.portal-paper-wash{position:absolute;left:var(--portal-x);top:var(--portal-y);width:150vmax;height:150vmax;background:radial-gradient(ellipse,#fff 46%,#fffffff5 55%,#ffffff00 70%);border-radius:43% 57% 66% 34% / 60% 44% 56% 40%;transform:translate(-50%,-50%) scale(.025) rotate(-18deg);animation:paper-wash .15s cubic-bezier(.2,.65,.3,1) both}
@keyframes paper-wash{to{transform:translate(-50%,-50%) scale(1.2) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){:root:not(.motion-requested)::view-transition-group(*),:root:not(.motion-requested)::view-transition-old(*),:root:not(.motion-requested)::view-transition-new(*){animation:none!important}:root:not(.motion-requested) .portal-departure{display:none}}

