.sys-page{isolation:isolate;position:relative;overflow-x:clip}.sys-frame{max-width:1440px;margin-inline:auto;position:relative}.sys-box{position:relative}.sys-hero{z-index:1;max-width:430px;padding:96px 20px 0;position:relative}.sys-h1{max-width:300px;color:var(--foreground);font-size:34px;font-weight:700;line-height:1.12}.err-page .sys-h1{max-width:320px}.sys-sub{max-width:350px;color:var(--lead-foreground);margin-top:14px;font-size:17px;line-height:1.3}.err-actions{flex-direction:column;gap:12px;margin-top:28px;display:flex}.sys-stage{--u:calc(100cqw / 390);width:min(100%,468px);position:relative;container-type:inline-size}.sys-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nf-stage-mobile{aspect-ratio:390/386;margin-top:64px}.nf-page .sys-frame{padding-bottom:80px}.err-stage-mobile{aspect-ratio:390/260}.nf-sign-mobile{width:64px;height:64px;display:block;position:absolute;top:84px;right:20px}@media (min-width:1024px){.nf-sign-mobile{display:none}.sys-frame,.nf-page .sys-frame{padding-block:0;padding-inline:var(--gutter-desktop)}.sys-box{aspect-ratio:1200/740;--u:calc(100cqw / 1200);max-width:1200px;container-type:inline-size}.sys-hero{top:calc(150 * var(--u));width:calc(820 * var(--u));max-width:none;padding:0;position:absolute;left:0}.sys-h1,.err-page .sys-h1{max-width:none;font-size:clamp(40px, calc(60 * var(--u)), 60px)}.sys-sub{max-width:calc(760 * var(--u));font-size:clamp(18px, calc(22 * var(--u)), 22px)}.err-actions{flex-direction:row}.sys-stage{--u:inherit;width:100%;position:absolute;inset:0;container-type:normal}}.sys-ink{stroke:var(--foreground)}.sys-ink-fill{fill:var(--foreground)}.sys-paper{fill:var(--background)}.sys-teal{fill:var(--primary)}.sys-branch{stroke:var(--primary)}.sys-sign{opacity:.2}.sys-station{fill:var(--background);stroke:var(--primary)}.sys-station[data-lit]{fill:var(--primary)}.sys-threshold{transform-box:fill-box;transform-origin:50%}.nf-trip{fill:none;stroke:none}.err-post{fill:var(--foreground);opacity:.6}.err-amber{fill:#e8a33d}.nf-station-label{z-index:1;position:absolute}.nf-link{min-height:44px;color:var(--foreground);white-space:nowrap;border-radius:10px;align-items:center;padding-inline:12px;font-size:18px;font-weight:600;line-height:1.3;display:flex}.nf-link-mobile{padding-inline:8px}.sys-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sys-atmosphere-map{opacity:.08;width:2400px;height:2400px;position:absolute;top:-500px;left:-900px}.sys-atmosphere-glow{background:radial-gradient(closest-side,#2dd4bf33,#2dd4bf12 55%,#2dd4bf00);width:630px;height:630px;position:absolute;top:-300px;left:80px}.dark .sys-atmosphere-glow{background:radial-gradient(closest-side,#2dd4bf4d,#2dd4bf1b 55%,#2dd4bf00)}.sys-atmosphere-grain{display:none}@media (min-width:1024px){.sys-atmosphere{height:620px;bottom:auto;-webkit-mask-image:linear-gradient(#000 360px,#0000 620px);mask-image:linear-gradient(#000 360px,#0000 620px)}.sys-atmosphere-frame{width:1440px;margin-left:-720px;position:absolute;inset:0 auto 0 50%}.sys-atmosphere-map{width:2160px;height:2160px;top:-600px;left:-700px}.sys-atmosphere-glow{width:1170px;height:1170px;top:-460px;left:780px}.sys-atmosphere-grain{opacity:.5;background:url(/bg/grain.png) 0 0/100px 100px;display:block;position:absolute;inset:0}}@media (prefers-contrast:more){.sys-atmosphere-grain{display:none}}html.js:not(.rm) .nf-page[data-trip=pending] :is(.nf-train,.sys-hero){opacity:0;animation:0s 4s forwards sys-reveal}html.js:not(.rm) .nf-page[data-trip=pending] .nf-pass-later[data-lit]{fill:var(--background);animation:0s 4s forwards sys-light}html.js:not(.rm) .nf-page[data-trip=pending] .sys-threshold{animation:0s 4s forwards sys-draw;transform:scaleX(0)}@keyframes sys-reveal{to{opacity:1}}@keyframes sys-light{to{fill:var(--primary)}}@keyframes sys-draw{to{transform:scaleX(1)}}html.js:not(.rm) .nf-page[data-trip=running] .nf-train{animation:.2s linear both sys-fade-in}@keyframes sys-fade-in{0%{opacity:0}}html.js:not(.rm) .nf-page .sys-hero{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}html.js:not(.rm) .nf-page:not([data-risen]) .sys-hero{opacity:0;transform:translateY(16px)}@media (min-width:1024px){html.js:not(.rm) .nf-page:not([data-risen]) .sys-hero{transform:translateY(20px)}}html.js:not(.rm) .nf-page .sys-station{transition:fill .2s cubic-bezier(.16,1,.3,1)}html.js:not(.rm) .nf-page .sys-threshold{transition:transform .2s cubic-bezier(.16,1,.3,1)}html.js:not(.rm) .nf-page[data-trip=running] .sys-threshold{transform:scaleX(0)}.err-amber{animation:2.4s ease-in-out infinite err-blink}@keyframes err-blink{50%{opacity:.35}}html.rm .err-amber{animation:none}@media (prefers-reduced-motion:reduce){.err-amber{animation:none}}
