.nf{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100svh;display:grid;position:relative;overflow:clip}.nf:before{content:"";pointer-events:none;background:radial-gradient(60% 55% at 72% 38%,#5b8bff29,#0000 64%),radial-gradient(40% 40% at 10% 100%,#4758c72e,#0000 70%);position:absolute;inset:0}.nf-copy{z-index:3;align-self:center;max-width:700px;padding:130px clamp(16px,4vw,56px) 72px;position:relative}.nf-title{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2.3rem,4.1vw,4.4rem);font-weight:500;font-stretch:125%;line-height:.95}.nf-title span{white-space:nowrap;display:block}.nf-title .nf-dim{color:#ffffff61}.nf-lead{color:#ffffffa8;text-wrap:pretty;max-width:40ch;margin-top:24px;font-size:clamp(1.06rem,1.4vw,1.25rem);line-height:1.55}.nf-addr{border-radius:var(--radius-card,14px);border:1px solid var(--color-night-line);background:#ffffff0a;align-items:center;gap:14px;max-width:520px;margin-top:32px;padding:14px 18px 14px 14px;display:flex}.nf-addr-ico{color:#ff7a7a;background:#ff5c5c1f;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.nf-addr-txt{min-width:0}.nf-addr small{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;font-size:.72rem;display:block}.nf-addr code{color:var(--color-cream);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.95rem;display:block;overflow:hidden}.nf-addr s{color:#ffffffb3;text-decoration-color:#ff7a7acc;text-decoration-thickness:2px}.nf-dests{border-top:1px solid var(--color-night-line);max-width:560px;margin:36px 0 0;padding:0;list-style:none}.nf-dests a{border-bottom:1px solid var(--color-night-line);min-height:72px;transition:padding .5s var(--ease-lux);grid-template-columns:34px 1fr auto;align-items:center;gap:16px;padding:14px 6px;display:grid;position:relative}.nf-dests a:before{content:"";background:var(--color-neon);width:0;height:1px;transition:width .7s var(--ease-lux);position:absolute;bottom:-1px;left:0}.nf-dests a:hover,.nf-dests a:focus-visible{padding-left:14px}.nf-dests a:hover:before,.nf-dests a:focus-visible:before{width:100%}.nf-n{font-family:var(--font-display);color:#fff6;font-variant-numeric:tabular-nums;font-size:.85rem;font-stretch:125%}.nf-t{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:500;font-stretch:125%}.nf-s{font-family:var(--font-body);letter-spacing:0;color:#ffffff8c;margin-top:3px;font-size:.9rem;font-stretch:100%;display:block}.nf-go{border:1px solid var(--color-night-line);width:40px;height:40px;transition:background .4s var(--ease-lux), border-color .4s, transform .6s var(--ease-lux);border-radius:999px;place-items:center;display:grid}.nf-dests a:hover .nf-go,.nf-dests a:focus-visible .nf-go{background:var(--color-neon);border-color:var(--color-neon);color:#fff;transform:rotate(-45deg)}.nf-dests li:first-child .nf-go{background:var(--color-cream);color:var(--color-ink);border-color:var(--color-cream)}.nf-call{color:#fff9;margin-top:26px;font-size:.95rem}.nf-call a{color:var(--color-cream);border-bottom:1px solid #ffffff4d;padding-bottom:1px}.nf-call a:hover{border-color:var(--color-neon)}.nf-scene{--w:clamp(200px, min(23vw, 34vh), 340px);z-index:1;align-self:start;height:100svh;position:sticky;top:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18%);mask-image:linear-gradient(90deg,#0000 0,#000 18%)}.nf-ground{background:radial-gradient(circle at 1px 1px, #ffffff12 1px, transparent 1.4px) 0 0 / 26px 26px, var(--color-night);position:absolute;inset:0}.nf-beyond{width:calc(var(--w) * 2.4);background:radial-gradient(60% 100% at 50% 100%,#e5484d14,#0000 70%);height:14%;position:absolute;top:0;left:50%;transform:translate(-50%)}.nf-road{width:var(--w);background:linear-gradient(90deg,#0d1017,#161a24 12%,#181c27 50%,#161a24 88%,#0d1017);position:absolute;top:14%;bottom:-2%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0a,0 40px 120px #0009}.nf-road:before,.nf-road:after{content:"";background:#ffffff38;width:3px;position:absolute;top:0;bottom:0}.nf-road:before{left:7%}.nf-road:after{right:7%}.nf-dash{background:repeating-linear-gradient(#ffffff47 0 28px,#0000 28px 56px);width:3px;position:absolute;top:34%;bottom:0;left:50%;transform:translate(-50%)}.nf-paint{text-align:center;font-family:var(--font-display);font-weight:500;font-stretch:125%;font-size:calc(var(--w) * .36);letter-spacing:-.02em;transform-origin:top;color:rgba(255,255,255,calc(.1 + var(--lit,0) * .72));text-shadow:0 0 calc(var(--lit,0) * 40px) rgba(180,205,255,calc(var(--lit,0) * .55));line-height:1;position:absolute;top:11%;left:0;right:0;transform:scaleY(1.75)}.nf-stopline{left:7%;right:7%;top:calc(11% + var(--w) * .64);background:rgba(255,255,255,calc(.18 + var(--lit,0) * .5));height:10px;position:absolute}.nf-barrier{width:calc(var(--w) + 40px);height:22px;box-shadow:0 0 calc(10px + var(--lit,0) * 40px) rgba(229,72,77,calc(.25 + var(--lit,0) * .5));background:repeating-linear-gradient(-45deg,#e5484d 0 16px,#f4f4f4 16px 32px);border-radius:4px;position:absolute;top:calc(14% - 18px);left:50%;transform:translate(-50%)}.nf-barrier i{background:#ffb547;border-radius:99px;width:10px;height:10px;animation:1.4s step-end infinite nf-blink;position:absolute;top:-9px;box-shadow:0 0 18px 4px #ffb547b3}.nf-barrier i:first-child{left:10px}.nf-barrier i:last-child{animation-delay:.7s;right:10px}@keyframes nf-blink{50%{opacity:.15;box-shadow:none}}.nf-car{width:calc(var(--w) * .66);aspect-ratio:2/3;margin-left:calc(var(--w) * -.33);transform:translate3d(0, var(--y,120vh), 0) rotate(var(--r,0deg));transform-origin:50% 70%;will-change:transform;position:absolute;top:0;left:50%}.nf-car img{filter:drop-shadow(0 24px 22px #000000a6)}.nf-beam{pointer-events:none;mix-blend-mode:screen;clip-path:polygon(30% 100%,70% 100%,100% 0,0 0);width:80%;height:170%;opacity:var(--beam,1);filter:blur(6px);background:radial-gradient(50% 60% at 50% 100%,#cddeff61,#a0beff1f 55%,#0000 75%);position:absolute;bottom:88%;left:10%}.nf-brake{mix-blend-mode:screen;filter:blur(6px);height:6%;opacity:var(--brake,0);background:radial-gradient(closest-side,#ff3232f2,#ff1e1e59 60%,#0000);border-radius:50%;position:absolute;top:74%;left:26%;right:26%}.nf-reverse{pointer-events:none;mix-blend-mode:screen;height:30%;opacity:var(--rev,0);filter:blur(6px);background:radial-gradient(50% 50% at 50% 0,#ffffff59,#0000 70%);position:absolute;top:80%;left:30%;right:30%}.nf-haz{aspect-ratio:1;width:14%;opacity:var(--haz,0);mix-blend-mode:screen;filter:blur(2px);background:radial-gradient(closest-side,#ffcf6b,#ffaa2880 50%,#0000);border-radius:50%;position:absolute}.nf-haz.a{top:10%;left:24%}.nf-haz.b{top:10%;right:24%}.nf-haz.c{top:78%;left:22%}.nf-haz.d{top:78%;right:22%}.nf-nav{z-index:4;white-space:nowrap;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#11151fb8;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:12px;padding:10px 18px 10px 10px;display:flex;position:absolute;bottom:clamp(22px,6vh,56px);left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff14}.nf-nav-dot{width:32px;height:32px;color:var(--color-neon);background:#5b8bff29;border-radius:99px;place-items:center;transition:background .4s,color .4s;display:grid}.nf-nav[data-state=lost] .nf-nav-dot{color:#ff7a7a;background:#ff5c5c29}.nf-nav[data-state=route] .nf-nav-dot{background:var(--color-neon);color:#fff}.nf-nav[data-state=calc] .nf-nav-dot svg{animation:1s linear infinite nf-spin}@keyframes nf-spin{to{transform:rotate(360deg)}}.nf-nav p{font-size:.92rem}.nf-nav p span+span{color:#ffffff8c}@media (max-width:900px){.nf{grid-template-columns:1fr}.nf-scene{--w:min(52vw, 240px);order:-1;height:52svh;position:relative;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.nf-road{top:22%}.nf-barrier{top:calc(22% - 18px)}.nf-beyond{height:22%}.nf-paint{font-size:calc(var(--w) * .26);top:7%}.nf-stopline{top:calc(7% + var(--w) * .48)}.nf-nav{display:none}.nf-copy{margin-top:-4svh;padding-top:0;padding-bottom:56px}}@media (max-width:420px){.nf-title span{white-space:normal}}@media (prefers-reduced-motion:reduce){.nf-barrier i,.nf-nav[data-state=calc] .nf-nav-dot svg{animation:none}}
