.flow{--f-name:var(--f-text);--f-word:var(--f-text);--f-small:var(--f-text);--f-word-style:normal;--f-word-weight:400;--f-name-weight:400;--f-track:0;--l:34px;--s:14px;--xs:13px;--u:2px;--icon:calc(36 * var(--u));--bw:none;--co:saturate(1)}html[data-theme=dark] .flow{--bw:invert(1);--co:url(#night-ink)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .flow{--bw:invert(1);--co:url(#night-ink)}}.nf{position:absolute}:where(.flow) a:focus-visible{text-underline-offset:.2em;text-decoration:underline 1px}.flow{--fw:min(960px, calc(var(--vw,1vw) * 100) - 64px);width:var(--fw);height:calc(var(--vh,1vh) * 100);height:calc(var(--vh,1dvh) * 100);min-height:620px;margin:0 auto;position:relative}html[data-grid] .flow{margin-left:calc(round(nearest, calc((100% - var(--fw)) / 2 + .01px), calc(var(--dwx) / var(--z,1))) + .002px)}.flow>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.m{display:none}.p{left:calc(var(--x) / 960 * 100%);top:calc(var(--y) / 900 * 100%);position:absolute}.line{fill:none;stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.hero{--x:0;--y:100;--mx:0;--my:60}.flow>.door:first-of-type{--x:660;--y:279.5;--mx:var(--rm,214);--my:277}.flow>.door:nth-of-type(2){--x:660;--y:353.5;--mx:var(--rm,214);--my:339}.flow>.door:nth-of-type(3){--x:575.6;--y:437.5;--sh:19px;--mx:var(--lm,8);--my:465}.flow>.door:nth-of-type(4){--x:438.7;--y:511.5;--sh:20px;--mx:var(--lm,8);--my:527}.flow>.door:nth-of-type(5){--x:307.6;--y:585.5;--sh:15px;--mx:var(--lm,8);--my:589}.road>.city{--y:748;--my:720}.road>.city:first-child{--x:360;--mx:68}.road>.city:nth-child(2){--x:500;--mx:135}.road>.city:nth-child(3){--x:640;--mx:202}.road>.city:nth-child(4){--x:780;--mx:269}.road>.city:nth-child(5){--x:920;--mx:336}.walk{--x:0;--y:748;--mx:0;--my:720}@media (width>=1000px) and (height>=580px) and (height<=619.98px) and (any-hover:hover){.flow{min-height:580px}.hero{top:calc(var(--y) / 900 * 620px)}}html.js .flow:not([data-live]){visibility:hidden;animation:0s 2s forwards zl-home-show}@keyframes zl-home-show{to{visibility:visible;--net-ic:block;--net-on:1}}html.js .flow:not([data-live])>.fader{visibility:hidden}html.js .flow:not([data-live]) .city .ic .bw{display:var(--net-ic,none)}html.js .flow:not([data-live]) .foot{opacity:var(--net-on,0)}html.js .flow:not([data-live]) .city .c:is(:hover,:focus-visible) .mem{opacity:1}html.js .flow:not([data-live]) .soc canvas{animation:0s 2s forwards zl-net-out}html.js .flow:not([data-live]) .soc .sr{animation:0s 2s forwards zl-net-name}html.js .flow:not([data-live]) .soc a{animation:0s 2s forwards zl-net-mark}@media (width<=999px){html.js .flow:not([data-live]) .soc{animation:0s 2s forwards zl-net-marks-m}html.js .flow:not([data-live]) .soc a{animation-name:zl-net-mark-m}html.js .flow:not([data-live]) .door{animation:0s 2s forwards zl-net-door-m}html.js .flow:not([data-live]) .mot{animation:0s 2s forwards zl-net-hide}}@keyframes zl-net-out{to{position:absolute}}@keyframes zl-net-name{to{clip-path:none;width:auto;height:auto;font-family:var(--f-small);font-size:var(--s);color:var(--grey);display:inline;position:static;overflow:visible}}@keyframes zl-net-mark{to{padding-right:4px}}@keyframes zl-net-hide{to{visibility:hidden}}@keyframes zl-net-marks-m{to{flex-wrap:wrap;gap:0 14px;max-width:170px;margin-top:2px;margin-left:0}}@keyframes zl-net-mark-m{to{padding:0;line-height:1.1}}@keyframes zl-net-door-m{to{top:calc((var(--my) + 56) / 844 * 100%)}}.hero{z-index:1;left:0}.name{font-family:var(--f-name);font-size:var(--l);font-weight:var(--f-name-weight);letter-spacing:var(--f-track);line-height:1.1}.intro{text-wrap:balance;max-width:24em;margin-top:20px}.intro .nb{white-space:nowrap}.o{background:var(--ink);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:.5em;display:inline-block}.say{font:inherit;line-height:inherit;letter-spacing:inherit;white-space:nowrap;-webkit-tap-highlight-color:transparent;cursor:default;display:inline-block;position:relative}.say:hover,.say:focus-visible{text-decoration:none}.say:focus-visible{outline:none}.say:focus-visible:after{content:"";background:currentColor;height:1px;position:absolute;bottom:.02em;left:0;right:0}.say.open:focus-visible:after{right:calc(var(--sp,.25em) - 1em)}.nmr{align-items:baseline;gap:18px;display:flex}.tk{position:relative}.say.split .tk{transition:transform .2s;display:inline-block}.say.open .tk{transition:transform .26s cubic-bezier(.2,.7,.2,1)}.say.open .tk:nth-child(2){transform:translate(.5em)}.say.open .tk:nth-child(3){transform:translateX(calc(1em - var(--sp,.25em)))}.tk:before{content:"·";color:var(--grey);opacity:0;margin-right:.25em;transition:opacity .2s;position:absolute;top:0;right:100%;transform:translate(50%)}.tk:first-child:before{content:none}.say.open .tk:before{opacity:1}.py,.hz{color:var(--grey);letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;font-style:normal;line-height:1;transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%)}.py{font-family:var(--f-small);font-size:var(--xs);bottom:calc(100% + 2px)}.hz{font:400 13px/1 Noto Serif SC,Songti SC,SimSun,serif;top:calc(100% + 4px)}.say.open .py{opacity:1;pointer-events:auto;transition-delay:60ms}.say.open .hz{opacity:1;pointer-events:auto;transition-delay:.14s}main.lt .name,main.lt .door h2{letter-spacing:0;font-size:0;line-height:0}main.lt .door h2 a,main.lt .say .tk{display:inline-block;position:relative}main.lt .lx{image-rendering:pixelated;display:inline-block}main.lt .tx{white-space:nowrap;width:100%;height:100%;font:400 var(--lt-fs,24px)/var(--lt-h,36px) var(--f-small);color:#0000;position:absolute;top:0;left:0;overflow:hidden}main.lt .door h2 a{text-decoration:none!important}main.lt .say:focus-visible:after,main.lt .tk:before{content:none}main.lt .say .tk:nth-child(2){margin-left:var(--ltr,4px)}main.lt .say .tk:nth-child(3){margin-left:var(--lsp,10px)}main.lt .say.open .tk:nth-child(2){transform:translateX(var(--g2,16px))}main.lt .say.open .tk:nth-child(3){transform:translateX(var(--g3,22px))}main.lt .dt{image-rendering:pixelated;pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:0;right:100%}main.lt .say.open .dt{opacity:1}.sfx{letter-spacing:0;color:var(--grey);pointer-events:none;margin-left:.4em;font-size:.5em}main.lt .sfx{margin-left:var(--sfx-gap,12px);font-size:0;transition:transform .2s;display:inline-block;position:relative}main.lt .say.open~.sfx{transform:translateX(var(--g3,18px));transition:transform .26s cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){main.lt .sfx,main.lt .say.open~.sfx{transition:none}}.soc{margin:8px 0 0 calc(-1 * var(--sp-soc));--sp-soc:8px;--su:2px;gap:2px;display:flex}.soc a{padding:var(--sp-soc);-webkit-tap-highlight-color:transparent;display:block;position:relative}.soc a:hover,.soc a:focus-visible{text-decoration:none}.soc canvas{width:calc(11 * var(--su));height:calc(11 * var(--su));image-rendering:pixelated}.soc a:focus-visible:after{content:"";left:var(--sp-soc);right:var(--sp-soc);bottom:calc(var(--sp-soc) - 5px);background:var(--ink);height:1px;position:absolute}html:not(.js) .soc canvas{display:none}html:not(.js) .soc .sr{clip-path:none;width:auto;height:auto;font-family:var(--f-small);font-size:var(--s);color:var(--grey);position:static;overflow:visible}html:not(.js) .soc a{padding-right:4px}.mot{font-family:var(--f-small);color:var(--grey);pointer-events:none;margin-top:6px;font-size:14px;line-height:20px}.mot span{white-space:nowrap}.door{z-index:2}.door .db{top:calc(-1 * var(--wc,30px));padding:var(--pt,6px) calc(var(--g,16px) + var(--sh,0px) + 8px) var(--pb,6px) 12px;white-space:nowrap;text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;right:-8px}.door h2{font:var(--f-word-style) var(--f-word-weight) 17px/18px var(--f-word);letter-spacing:var(--f-track)}.door h2 a{-webkit-tap-highlight-color:transparent}main:not(.lt) .door h2 a{color:color-mix(in srgb, var(--ink) 78%, var(--bg));transition:color .15s}main:not(.lt) .door.in h2 a{color:var(--ink);transition-duration:50ms}.what{font-family:var(--f-small);color:var(--grey);margin-top:4px;font-size:13px;line-height:17px;position:relative}.what .wd{transition:color .15s}.door.in .what .wd{color:var(--ink);transition-duration:50ms}.what .rd{vertical-align:middle;image-rendering:pixelated;margin-right:5px;display:inline-block;position:relative}.what .rd[hidden]{display:none}.what.cut{text-overflow:ellipsis;overflow:hidden}@media (prefers-reduced-motion:reduce){.what .wd,main:not(.lt) .door h2 a{transition:none!important}}.door .st{pointer-events:none;width:0;height:0;image-rendering:pixelated;position:absolute;top:0;left:0}html:not(.js) .door .st{display:none}.city .c{z-index:3;left:0;top:calc(-1 * var(--icon));white-space:nowrap;font-family:var(--f-small);font-size:var(--s);text-align:center;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;line-height:1.45;display:flex;position:absolute;transform:translate(-50%)}.city .ic{width:var(--icon);height:var(--icon);display:block;position:relative}.city .ic>*{width:var(--icon);height:var(--icon);position:absolute;top:0;left:0}.city .ic canvas{image-rendering:pixelated}.js .city .ic canvas{width:calc(var(--cw,36) * var(--u));height:calc(var(--ch,36) * var(--u));left:calc((36 - var(--cw,36)) / 2 * var(--u));top:calc((36 - var(--ch,36)) * var(--u));pointer-events:none}.city .ic .bw{opacity:.72;filter:var(--bw)}.city .ic .co{opacity:0;filter:var(--co)}.js .city .ic img,html:not(.js) .city .ic canvas{display:none}html:not(.js) .city .c:is(:hover,:focus-visible) .co{opacity:1}html:not(.js) .city .c:is(:hover,:focus-visible) .bw{opacity:0}.city .nm{text-underline-offset:.22em;margin-top:5px;text-decoration:underline 1px #0000;transition:text-decoration-color .2s}.city .c:focus-visible .nm{text-decoration-color:currentColor}.city .mem{font-style:var(--f-word-style);color:var(--grey);opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.city.on .mem{transition:opacity .25s .1s}.city:last-child .mem{left:auto;right:0;transform:none}.city.on .mem,html:not(.js) .city .c:is(:hover,:focus-visible) .mem{opacity:1}.city .wx{z-index:2;image-rendering:pixelated;pointer-events:none;position:absolute}html:not(.js) .wx{display:none}.walk{z-index:1;pointer-events:none}html:not(.js) .walk{display:none}.walker{left:0;top:calc(-13 * var(--u));width:calc(9 * var(--u));height:calc(13 * var(--u));image-rendering:pixelated;position:absolute}.walker.hop{animation:.2s step-end both hop}@keyframes hop{0%{translate:0 var(--h1,-4px)}35%{translate:0 var(--h2,-6px)}70%{translate:0 var(--h3,-2px)}to{translate:none}}.prints{position:absolute;top:0;left:0}@media (width<=999px){.flow{--s:13px;--xs:13px;--u:1px;--fw:min(calc(var(--vw,1vw) * 100) - 40px, 520px);min-height:560px}.d{display:none}.m{display:block}.p{left:calc(var(--mx) / 350 * 100%);top:calc(var(--my) / 844 * 100%)}.intro{max-width:250px;margin-top:16px}.soc{--sp-soc:9px;margin-top:6px}.nmr{gap:14px}.hz{font-size:13px}.door.v .db{padding:var(--pt,6px) 12px var(--pb,6px) calc(var(--g,16px) + 8px);text-align:left;left:-8px;right:auto}.door.l .what{white-space:normal;width:max-content;max-width:calc(var(--fw) * var(--rm,214) / 350 - var(--g,16px));margin-left:auto}.city .nm{margin-top:4px}.city:first-child .mem,.city:nth-child(2) .mem{left:0;transform:none}.city:nth-child(4) .mem{left:auto;right:0;transform:none}html:not(.js) .soc{flex-wrap:wrap;gap:0 14px;max-width:170px;margin-left:0}html:not(.js) .soc a{padding:0;line-height:1.1}html:not(.js) .soc{margin-top:2px}html:not(.js) .door{top:calc((var(--my) + 56) / 844 * 100%)}}@media (width<=374.98px){.city .c{font-size:12px}}@media (width<=359.98px){.city .c{font-size:11px}}@media (forced-colors:active){.say:after,.soc a:after,.flow .fader:after{border-top:1px solid}main.lt .lx,main.lt .dt{display:none}main.lt .tx{font:400 30px/1.2 var(--f-small);position:static}}.foot{font-family:var(--f-small);color:var(--grey);opacity:0;pointer-events:none;white-space:nowrap;margin:0;font-size:13px;line-height:1.5;position:absolute;bottom:16px;left:0}.foot.show,html:not(.js) .foot{opacity:1}.foot .hb{top:0!important;left:0!important}@media (width<=999px){.foot .fa{display:none}}.foot.fmh{text-align:right;left:auto;right:0}.foot.fmh .fmb{white-space:nowrap}@media (width<=999px){.foot.fmh{white-space:normal;text-align:left;max-width:100%;bottom:36px;left:0;right:auto}.mot{max-width:calc(var(--fw) * 196 / 350);margin-top:2px;font-size:13px;line-height:18px}html:not(.js) .mot{display:none}}@media (prefers-reduced-motion:reduce){.say.split .tk,.say.open .tk,.tk:before,.py,.hz,main.lt .dt{transition:none!important}.city .mem,.city.on .mem,.city .nm{transition:none}.walker{animation:none!important}}
