.lightbox{--lb-card:22rem;--lb-side:var(--s-3);--lb-pad:var(--s-4);overscroll-behavior:contain;background:var(--bg);block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--fg);font:400 var(--fs-note) / 1.6 var(--font-body);letter-spacing:var(--ls-body);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lightbox::backdrop{background:color-mix(in srgb, var(--night) 70%, transparent)}html:has(.lightbox[open]){overflow:hidden}.lb{grid-template:"bar close""stage stage"minmax(0,1fr)"card card"/minmax(0,1fr) auto;block-size:100%;display:grid}.lb[data-world=astray]{--world:var(--part-astray)}.lb[data-world=dbnp]{--world:var(--part-dbnp)}.lb[data-world=junoxia]{--world:var(--part-junoxia)}.lb[data-world=other]{--world:var(--fg)}.lb__bar{align-items:center;gap:var(--s-3);min-block-size:3.25rem;min-inline-size:0;border-block-end:var(--r1) solid var(--rule-soft);grid-area:bar;padding-inline-start:var(--lb-pad);display:flex}.lb__count{font:600 var(--fs-label) / 1 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:.08em;font-variant-numeric:tabular-nums lining-nums;color:var(--fg-3);align-items:baseline;gap:.2em;display:flex}.lb__count b{font:900 clamp(1.5rem, 1.3rem + .6vw, 2rem) / 1 var(--font-display);font-stretch:var(--wdth-condensed);letter-spacing:0;color:var(--fg)}.lb__label{font:600 var(--fs-label) / 1 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);color:var(--accent-text);white-space:nowrap}.lb__label:empty{display:none}.lb__tools{margin-inline-start:auto;display:flex}.lb__btn{min-block-size:44px;min-inline-size:44px;font:500 var(--fs-label) / 1 var(--font-hei);letter-spacing:var(--ls-hei);color:var(--fg);border-inline-start:var(--r1) solid var(--rule-soft);white-space:nowrap;justify-content:center;align-items:center;gap:.5em;padding-inline:.85em;display:inline-flex;position:relative}.lb__btn b{font:700 var(--fs-note) / 1 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:.04em;font-variant-numeric:tabular-nums lining-nums}.lb__k{font:600 var(--fs-label) / 1 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--fg-3)}:lang(en) .lb__btn,:lang(en) .lb__page,:lang(en) .lb__more-btn{font-family:var(--font-sans);font-weight:600;font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);text-transform:uppercase}:lang(en) .lb__k{font:500 var(--fs-label) / 1 var(--font-hei);letter-spacing:var(--ls-hei);text-transform:none}.lb__btn:hover{color:var(--accent-text)}.lb__btn[aria-pressed=true]{background:var(--fg);color:var(--bg)}.lb__btn[aria-pressed=true] .lb__k{color:inherit}.lb__btn[aria-pressed=true]:after{content:"";block-size:var(--r2);background:var(--accent);position:absolute;inset:auto 0 0}.lb__btn[aria-disabled=true]{opacity:.35;pointer-events:none}.lb__close{border-block-end:var(--r1) solid var(--rule-soft);padding-inline:.9em var(--lb-pad);grid-area:close}.lb__x{flex:none;block-size:.9rem;inline-size:.9rem;position:relative}.lb__x:before,.lb__x:after{content:"";block-size:var(--r2);background:var(--accent);position:absolute;inset:calc(50% - 1px) -.1rem auto;rotate:45deg}.lb__x:after{rotate:-45deg}.lb__ico{fill:currentColor;flex:none;block-size:1rem;inline-size:1rem}.lb__ico--play{fill:var(--accent)}.lb__btn[aria-pressed=true] .lb__ico--play,.lb__ico--pause{display:none}.lb__btn[aria-pressed=true] .lb__ico--pause{display:block}.lb__nav{z-index:2;block-size:48px;inline-size:48px;color:var(--fg);background:color-mix(in srgb, var(--bg) 78%, transparent);border:var(--r1) solid var(--rule-soft);grid-area:stage;align-self:center;place-items:center;display:grid}.lb__prev{justify-self:start;margin-inline-start:var(--s-2)}.lb__next{justify-self:end;margin-inline-end:var(--s-2)}.lb__nav svg{fill:currentColor;block-size:11px;inline-size:26px;transition:translate var(--t1) var(--ease-out)}.lb__next svg{scale:-1 1}.lb__nav:hover{color:var(--accent);border-color:var(--accent)}.lb__prev:hover svg{translate:-3px}.lb__next:hover svg{translate:3px}.lb__nav[aria-disabled=true]{opacity:.25;cursor:default;color:var(--fg);border-color:var(--rule-soft)}.lb__nav[aria-disabled=true] svg{translate:none}.is-single .lb__nav{display:none}.lb__stage{min-block-size:0;padding:var(--s-4) var(--lb-side);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;grid-area:stage;display:grid;position:relative;overflow:hidden;container-type:size}.lb__mat{padding:var(--mat-pad);background:linear-gradient(var(--fg), var(--fg)) 0 0 / 100% var(--press-bar) no-repeat, var(--mat);margin:auto;padding-block-start:calc(var(--mat-pad) + var(--press-bar));position:relative}.lb__frame{inline-size:min(100cqi - 2 * var(--mat-pad), (100cqb - 2 * var(--mat-pad) - var(--press-bar)) * var(--ar,1));aspect-ratio:var(--ar,1);background:var(--bg) center / 100% 100% no-repeat;outline:var(--r1) solid var(--fg-3);cursor:zoom-in;position:relative;overflow:hidden}.lb__frame picture,.lb__frame img{block-size:100%;inline-size:100%;display:block}.lb__frame img{object-fit:contain;-webkit-user-drag:none}.lb__pic,.lb__line{transition:opacity var(--t2) var(--ease-out);position:absolute;inset:0}.lb__line,.is-line .lb__pic{opacity:0}.is-line .lb__line{opacity:1}html:not([data-motion=on]) :is(.lb__pic,.lb__line){transition:none}.lb__video{z-index:2;object-fit:contain;background:var(--mat);block-size:100%;inline-size:100%;position:absolute;inset:0}.is-playing .lb__frame{cursor:auto}.lb__fold{z-index:3;padding:var(--s-5);text-align:center;color:var(--fg);background:linear-gradient(135deg, transparent 49.75%, var(--rule-soft) 49.8% 50.2%, transparent 50.25%), var(--bg-2);cursor:pointer;place-content:center;gap:.5em;display:grid;position:absolute;inset:0}.lb__fold-t{font:600 var(--fs-note) / 1.4 var(--font-hei);letter-spacing:.12em}.lb__fold-n{font:500 var(--fs-label) / 1.4 var(--font-hei);color:var(--accent-text)}.is-folded .lb__pic{visibility:hidden}.is-folded .lb__frame{cursor:auto}.is-zoomed .lb__stage{touch-action:auto;cursor:grab;overscroll-behavior:contain;scrollbar-width:thin;padding:0;overflow:auto}.is-grabbing .lb__stage{cursor:grabbing}.is-zoomed .lb__mat{background:0 0;padding:0}.is-zoomed .lb__mat:before,.is-zoomed .lb__mat:after{display:none}.is-zoomed .lb__frame{inline-size:var(--zw);cursor:inherit;outline:0}.lb__card{overscroll-behavior:contain;min-block-size:0;max-block-size:45svh;padding:var(--s-3) var(--lb-pad) var(--s-4);border-block-start:var(--r1) solid var(--rule-soft);scrollbar-width:thin;grid-area:card;overflow-y:auto}.lb__head{align-items:center;gap:0 var(--s-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.lb .lb__num{font-size:2.75rem}.lb__code{font:600 var(--fs-label) / 1.3 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--fg-3);word-break:keep-all;flex-wrap:wrap;align-items:center;gap:.45em;display:flex}.lb__title{font:900 var(--fs-h3) / 1.3 "Eden Song", var(--font-zh);letter-spacing:var(--ls-zh-head);text-wrap:balance;margin-block-start:.15em}.lb__title i{font:italic 300 var(--fs-note) / 1.4 var(--font-text);letter-spacing:0;color:var(--fg-2);margin-block-start:.15em;display:block}:lang(en) .lb__title{font-family:var(--font-text);letter-spacing:0;font-weight:600}:lang(en) .lb__title i{font:300 var(--fs-note) / 1.5 var(--font-zh)}.lb__more-btn{min-block-size:44px;font:500 var(--fs-label) / 1 var(--font-hei);letter-spacing:var(--ls-hei);color:var(--fg-2);align-items:center;gap:.45em;padding-inline:.6em 0;display:inline-flex}.lb__more-btn i{aspect-ratio:1;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);inline-size:.6rem;transition:rotate var(--t2) var(--ease-out)}.lb__card.is-open .lb__more-btn i{rotate:180deg}.lb__more{display:none}.lb__card.is-open .lb__more{display:block}.lb__rule{margin-block:var(--s-4) var(--s-2)}.lb__rows{display:grid}.lb__row{grid-template-columns:max-content minmax(1em,1fr) minmax(0,max-content);align-items:baseline;gap:0 .5em;padding-block:.4em;display:grid}.lb__row:after{content:"";background:radial-gradient(circle, var(--fg-3) .09em, transparent .1em) 0 85% / .5em .5em repeat-x;grid-area:1/2;block-size:1em}.lb__row dt{font:500 var(--fs-label) / 1.4 var(--font-hei);letter-spacing:var(--ls-hei);color:var(--fg-3);grid-column:1}:lang(en) .lb__row dt{font:600 var(--fs-label) / 1.4 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);text-transform:uppercase}.lb__row dd{text-align:end;font-size:var(--fs-note);grid-column:3;line-height:1.45}.lb__tab{inline-size:var(--r4);vertical-align:-.12em;background:var(--world);block-size:.95em;margin-inline-end:.5em;display:inline-block}.lb__row--cn dd{color:var(--accent-text);font-weight:600}.lb__note{border-inline-start:var(--r2) solid var(--accent);color:var(--fg-2);margin-block-start:var(--s-4);padding-inline-start:.9em;line-height:1.8}.lb__appears{margin-block-start:var(--s-5);display:grid}.lb__lk{border-block-end:var(--r2) solid var(--rule);font:500 var(--fs-label) / 1.4 var(--font-hei);letter-spacing:var(--ls-hei);color:var(--fg-3);padding-block-end:var(--s-1)}:lang(en) .lb__lk{font:600 var(--fs-label) / 1.4 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);text-transform:uppercase}.lb__appears a{border-block-end:var(--r1) solid var(--rule-soft);align-items:baseline;gap:.6em;min-block-size:44px;padding-block:.55em;display:flex}.lb__appears a:hover{color:var(--accent-text)}.lb__appears b{font:200 1.5rem / 1 var(--font-display);font-stretch:var(--wdth-condensed);color:var(--accent-text)}.lb__page{min-block-size:44px;font:500 var(--fs-label) / 1 var(--font-hei);letter-spacing:var(--ls-hei);border-block-end:var(--r2) solid var(--accent);align-items:center;gap:.55em;margin-block-start:var(--s-4);display:inline-flex}.lb__page svg{block-size:.6rem;inline-size:1.4rem;fill:var(--accent);transition:translate var(--t1) var(--ease-out);scale:-1 1}.lb__page:hover svg{translate:4px}@media (width<=599px){.lb__tools .lb__k,.lb__zoom .lb__t,.lb__play .lb__t,.lb__close .lb__k,.lb__more-btn .lb__k{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.lb__btn{padding-inline:.7em}}@media (width>=900px),(orientation:landscape) and (width>=600px){.lightbox{--lb-side:calc(48px + var(--s-5));--lb-pad:var(--s-5)}.lb{grid-template-columns:minmax(0, 1fr) var(--lb-card);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"bar close""stage card"}.lb__close{border-inline-start:var(--r1) solid var(--rule-soft);justify-content:flex-end;justify-self:stretch}.lb__card{max-block-size:none;padding:var(--s-5) var(--lb-pad) var(--s-6);border-block-start:0;border-inline-start:var(--r1) solid var(--rule-soft)}.lb__head{display:block}.lb .lb__num{inline-size:max-content;margin-block-end:var(--s-4);font-size:clamp(4.5rem,2.5rem + 4vw,7.5rem);display:block}.lb__more-btn{display:none}.lb__more{display:block}.lb__prev{margin-inline-start:var(--s-4)}.lb__next{margin-inline-end:var(--s-4)}}@media (orientation:landscape) and (height<=560px){.lightbox{--lb-card:17rem;--lb-side:calc(44px + var(--s-3))}.lb .lb__num{margin-block-end:var(--s-2);font-size:3.25rem}.lb__stage{padding-block:var(--s-2)}.lb__card{padding-block:var(--s-3)}}@media (width>=2560px){.lightbox{--lb-card:26rem}}html.lb-vt *{view-transition-name:none!important}@keyframes lb-vt-out{to{opacity:0}}@keyframes lb-vt-in{0%{opacity:0}}html.lb-vt::view-transition-old(root){animation:lb-vt-out .2s var(--ease-out) both}html.lb-vt::view-transition-new(root){animation:lb-vt-in .2s var(--ease-out) both}html.lb-vt--close::view-transition-old(root),html.lb-vt--close::view-transition-new(root){animation-duration:.18s}html.lb-vt--step::view-transition-old(root),html.lb-vt--step::view-transition-new(root){animation-duration:.24s}html.lb-vt::view-transition-group(plate-active){animation-duration:.38s;animation-timing-function:var(--ease-press)}html.lb-vt--close::view-transition-group(plate-active){animation-duration:.18s;animation-timing-function:var(--ease-out)}html.lb-vt--step::view-transition-group(plate-active){animation-duration:.24s;animation-timing-function:var(--ease-out)}html.lb-vt::view-transition-old(plate-active),html.lb-vt::view-transition-new(plate-active){object-fit:contain;block-size:100%}@media (forced-colors:active){.lb__frame,.lb__nav{border:1px solid canvastext}.lb__btn[aria-pressed=true]{outline:2px solid canvastext}.lb__tab{forced-color-adjust:none}}@media (prefers-contrast:more){.lb__nav{background:var(--bg)}}