body{font-family:monospace;margin:0;height:100vh;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;background-color:#000}body:before{content:"";position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:var(--np-bg-image, none);opacity:0;transition:opacity .4s ease-in-out;z-index:0}body:after{content:"";position:absolute;inset:0;background:#000000e6;z-index:1}body.bg-visible:before{opacity:1}body.route-page:after{background:#00000040}#route{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .6s ease-in-out;background-position:center;background-repeat:no-repeat;background-size:cover}#route.visible{opacity:1}#np,#activity{position:relative;z-index:2;text-align:center;width:100%;font-size:1rem;padding:1rem;color:#fff;opacity:0;transition:opacity .4s ease-in-out}#np.visible,#activity.visible{opacity:1}#np a,#activity a{color:inherit;opacity:.75;text-decoration:none}.overlay-page .bg-layer{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .4s ease-in-out;background-position:center;background-repeat:no-repeat;background-size:cover}.overlay-page .bg-layer.visible{opacity:1}.overlay-page .bg-map{mix-blend-mode:screen;isolation:isolate;transform-origin:center center;transition:opacity .6s ease-in-out,transform .12s linear}.overlay-page .bg-map img,.overlay-page .bg-map svg{position:absolute;inset:0;width:100%;height:100%}.overlay-page .bg-map img{object-fit:cover}#route-path-base{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.35}#route-path{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--path-length, 1000)}.overlay-page .tint{position:absolute;inset:0;z-index:1;background:#0009}.overlay-page .content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.overlay-page .line{text-align:center;width:100%;font-size:1rem;padding:0 1rem;color:#fff;opacity:0;transition:opacity .4s ease-in-out}.overlay-page .line.visible{opacity:1}.overlay-page .line a{color:inherit;opacity:.75;text-decoration:none}body.overlay-page:before,body.overlay-page:after{content:none}