/* Page transition. Fixed camera. */
.tn-beam-canvas{position:fixed;inset:0;z-index:80;width:100%;height:100%;pointer-events:none;background:transparent}
.tn-beam-ro{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:81;margin:0;pointer-events:none;font:bold .8rem/1.6 var(--mono,Consolas,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--cy2,#7fdcff);text-align:center;padding:.8rem 1.6rem;border:1px solid var(--line2,rgba(150,230,255,.6));background:rgba(2,6,12,.8);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.tn-beam-ro b{display:block;color:#fff;font-size:1.3rem;letter-spacing:.12em;text-shadow:0 0 12px rgba(95,240,255,.9)}
html.tn-beam-out body{opacity:0;transition:opacity 200ms linear}
html.tn-beam-in body{opacity:0}
html.tn-beam-in.tn-beam-in-go body{opacity:1;transition:opacity 200ms linear}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}
@media (prefers-reduced-motion:reduce){
 .tn-beam-canvas,.tn-beam-ro{display:none!important}
 ::view-transition-old(root){animation:tn-beam-vt-out 200ms linear both}
 ::view-transition-new(root){animation:tn-beam-vt-in 200ms linear both}
}
@keyframes tn-beam-vt-out{to{opacity:0}}
@keyframes tn-beam-vt-in{from{opacity:0}}