.mask-exploration{z-index:7;pointer-events:none;color:#dbd7ce;background:0 0;position:absolute;inset:0}.exploration-return{color:var(--text-secondary);font-family:var(--font-display);font-size:var(--type-micro);font-weight:var(--weight-regular);letter-spacing:var(--tracking-cn);cursor:pointer;pointer-events:none;opacity:0;background:0 0;border:0;padding:14px 18px;transition:opacity .2s,color .2s;position:absolute;top:32px;left:36px}.exploration-return:hover,.exploration-return:focus-visible{color:#fff}.state-EXPLORING .exploration-return{pointer-events:auto;opacity:1}.exploration-caption{color:var(--text-micro);font-family:var(--font-display);letter-spacing:var(--tracking-cn);white-space:nowrap;opacity:0;margin:0;font-size:11px;transition:opacity .4s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.state-EXPLORING .exploration-caption{opacity:1}.detail-notes{opacity:0;pointer-events:none;transition:opacity .7s;position:absolute;inset:0}.state-EXPLORING .detail-notes{opacity:1}.state-RETURNING .detail-notes,.state-RETURNING .exploration-caption{opacity:0;transition-duration:.18s}.detail-note{scrollbar-width:none;opacity:0;will-change:opacity,transform;isolation:isolate;width:clamp(360px,27vw,420px);max-height:calc(100svh - 155px);font-weight:400;transition:opacity .38s,transform .42s;position:absolute;top:51%;overflow-y:auto;transform:translateY(calc(10px - 50%))}.detail-note::-webkit-scrollbar{display:none}.mask-overview::-webkit-scrollbar{display:none}.detail-note[data-reading=true]{pointer-events:auto}.detail-note[data-side=left]{left:clamp(28px,7vw,120px);right:auto}.detail-note[data-side=right]{left:auto;right:clamp(28px,7vw,120px)}.detail-note[data-band=upper]{top:35%}.detail-note[data-band=lower]{top:66%}.detail-note>*{opacity:0;transition:opacity .42s,transform .46s cubic-bezier(.2,.6,.3,1);transform:translateY(6px)}.detail-note[data-reading=true]>*{opacity:1;transform:translateY(0)}.detail-note[data-reading=false]>*{transition-duration:.16s;transition-delay:0s}.detail-note[data-reading=false] h2{transition-delay:35ms}.detail-note[data-reading=false] .detail-english,.detail-note[data-reading=false] .detail-number{transition-delay:70ms}.detail-number{color:var(--text-micro);font-size:var(--type-micro);letter-spacing:var(--tracking-en);align-items:center;gap:16px;margin-bottom:22px;transition-delay:0s;display:flex}.detail-number:after{content:"";background:#84745f80;width:23px;height:1px;display:block}.detail-english{color:var(--text-secondary);font-size:var(--type-english);font-family:var(--font-editorial);letter-spacing:var(--tracking-en);margin:0 0 13px;line-height:1.5;transition-delay:80ms}.detail-note h2{color:var(--text-title);font-family:var(--font-display);font-size:var(--type-title);line-height:1.4;font-weight:var(--weight-medium);letter-spacing:var(--tracking-cn);margin:0 0 23px;transition-delay:.16s}.detail-description{color:var(--text-body);font-family:var(--font-display);font-size:var(--type-body);letter-spacing:var(--tracking-cn);overflow-wrap:anywhere;margin:0;line-height:1.82;transition-delay:.24s}.detail-description p{margin:0}.detail-description p+p{margin-top:.55em}.detail-material{color:#f5f1eab0;margin-top:10px;transition-delay:.25s}.detail-culture{margin-top:14px}.detail-basis{color:#e1dbcf8c;letter-spacing:.23em;margin:22px 0 0;font-family:SimSun,serif;font-size:9px;transition-delay:.34s}.detail-sources{margin-top:10px;font-size:9px;line-height:1.7;transition-delay:.38s}.detail-sources a{color:#b9ad98;pointer-events:auto;text-underline-offset:4px}.detail-marker{display:none}.detail-marker line{stroke:#aaa08e;stroke-width:.65px}.detail-marker circle{fill:#c3bba9}.mask-overview{scrollbar-width:none;opacity:0;pointer-events:none;width:clamp(360px,27vw,420px);max-height:calc(100svh - 155px);transition:opacity .45s,transform .45s;position:absolute;top:50%;left:clamp(28px,7vw,120px);overflow-y:auto;transform:translateY(-50%)}.state-EXPLORING .mask-overview[data-reading=true]{opacity:1;pointer-events:auto}.mask-overview[data-reading=false]{opacity:0;transform:translateY(calc(8px - 50%))}.mask-overview h2{color:var(--text-title);font-family:var(--font-display);font-size:var(--type-title);font-weight:var(--weight-medium);letter-spacing:var(--tracking-cn);margin:0 0 16px}.overview-role{color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.12em;margin:0 0 18px;font-size:12px;line-height:1.6}.overview-description{color:var(--text-body);font-family:var(--font-display);font-size:var(--type-body);letter-spacing:var(--tracking-cn);margin:0;line-height:1.82}.mask-overview .detail-sources{margin-top:20px}.mask-overview .detail-sources a{margin-top:5px;display:block}@media (width<=820px){.detail-note,.detail-note[data-band],.mask-overview{width:min(90vw,420px);max-height:44svh;inset:auto auto 62px 5vw;transform:none!important}.detail-note[data-side]{left:5vw;right:auto}.detail-number{margin-bottom:8px}.detail-english{margin-bottom:6px;font-size:13px}.detail-note h2,.mask-overview h2{margin-bottom:12px;font-size:26px}.detail-description,.overview-description{font-size:15px;line-height:1.75}.detail-basis{display:none}.exploration-caption{letter-spacing:0;font-size:10px;bottom:15px}.exploration-return{top:14px;left:14px}}@media (prefers-reduced-motion:reduce){.detail-note>*{transition:none}}:root{--font-display:"SimSun", "Songti SC", "Noto Serif SC", serif;--font-editorial:"Times New Roman", "Songti SC", serif;--weight-regular:400;--weight-medium:500;--text-title:#f7f4ecf2;--text-body:#efebe0cc;--text-secondary:#e8e4daa6;--text-micro:#e0dace80;--type-title:clamp(26px, 2vw, 32px);--type-brand:clamp(18px, 1.35vw, 23px);--type-nav:clamp(10px, .8vw, 13px);--type-english:clamp(13px, 1vw, 16px);--type-body:clamp(15px, 1.1vw, 17px);--type-micro:12px;--tracking-en:.2em;--tracking-cn:.04em;color:var(--text-body);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-editorial);font-weight:var(--weight-regular);background:#020202}*{box-sizing:border-box}html,body,#root{background:#020202;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.hero-replica{cursor:none;isolation:isolate;background:#020202;width:100vw;height:100svh;position:relative;overflow:hidden}.reference{display:none}.environment-light{z-index:2;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;display:block;position:absolute;inset:0}.background-repair{object-fit:cover;z-index:1;pointer-events:none;width:100%;height:100%;transform:translate3d(var(--detail-far-x,0px),var(--detail-far-y,0px),0) scale(var(--detail-far-scale,1.008));display:block;position:absolute;inset:0}.interactive-layer{z-index:3;touch-action:none;width:100vw;height:100svh;display:block;position:absolute;inset:0}.beam-haze{display:none}.hero-title{z-index:7;pointer-events:none;color:#f8f6f0f5;opacity:0;flex-direction:column;align-items:center;width:150px;height:34vh;transition:opacity .6s;display:flex;position:absolute;top:53%;left:50%;transform:translate(-50%)}.models-ready .hero-title{opacity:var(--entry-ui-opacity,1)}.hero-title h1{font-family:var(--font-display);font-size:var(--type-title);font-weight:var(--weight-medium);letter-spacing:0;color:var(--text-title);flex-direction:column;align-items:center;gap:.32em;margin:0;line-height:1;display:flex}.hero-title h1 span{font-size:1em;line-height:1;display:block}.hero-title i{background:#f0ece39e;width:1px;height:30px;margin:16px 0 14px;display:block}.hero-title p{text-align:center;color:var(--text-secondary);font-family:var(--font-editorial);letter-spacing:var(--tracking-en);margin:0;font-size:11px;line-height:1.6}.site-header{z-index:7;opacity:var(--entry-ui-opacity,1);pointer-events:none;color:var(--text-title);grid-template-columns:minmax(120px,1fr) auto minmax(300px,1fr);align-items:start;display:grid;position:absolute;top:clamp(24px,4.8vh,52px);left:3.3%;right:3.3%}.site-brand{width:110px;color:var(--text-title);pointer-events:auto;flex-direction:column;text-decoration:none;display:flex}.site-wordmark{font-family:var(--font-editorial);font-size:var(--type-brand);letter-spacing:.35em;line-height:1.38;font-weight:var(--weight-medium)}.site-brand i{background:#ebe6dad1;width:20px;height:1px;margin:7px 0 8px}.site-brand-caption{font-family:var(--font-editorial);letter-spacing:var(--tracking-en);color:var(--text-secondary);font-size:10px;line-height:1.72}.site-motto{min-height:32px;color:var(--text-secondary);font-family:var(--font-display);font-size:var(--type-micro);font-weight:var(--weight-regular);letter-spacing:.14em;white-space:nowrap;pointer-events:none;align-items:center;margin:0;padding:6px 14px;display:flex}.site-nav{pointer-events:auto;justify-self:end;align-items:center;gap:clamp(8px,1.05vw,16px);display:flex}.site-nav-item,.site-nav-menu{min-height:32px;color:var(--text-title);font-family:var(--font-editorial);font-size:var(--type-nav);font-weight:var(--weight-regular);letter-spacing:var(--tracking-en);white-space:nowrap;cursor:pointer;opacity:.7;background:0 0;border:0;justify-content:center;align-items:center;padding:6px 7px;line-height:20px;transition:opacity .22s;display:inline-flex;position:relative}.site-nav-item{text-decoration:none}.site-nav-item:hover,.site-nav-item:focus-visible,.site-nav-item.is-active,.site-nav-menu:hover,.site-nav-menu:focus-visible,.site-nav-menu.is-active{color:#faf7f0;opacity:1;letter-spacing:.29em}.site-nav-item:after{content:"";transform-origin:0;background:#bb9d6fcc;height:1px;transition:transform .32s;position:absolute;bottom:5px;left:5px;right:calc(5px + .32em);transform:scaleX(0)}.site-nav-item:hover:after,.site-nav-item:focus-visible:after,.site-nav-item.is-active:after{transform:scaleX(1)}.site-nav-item.is-active:before{content:"";background:#b79a70;border-radius:50%;width:3px;height:3px;position:absolute;top:6px;right:-2px}.site-nav-menu{opacity:.94;width:30px;padding:8px 6px}.site-nav-menu:after{content:"";transform-origin:50%;background:#bb9d6fcc;height:1px;transition:transform .32s;position:absolute;bottom:4px;left:6px;right:6px;transform:scaleX(0)}.site-nav-menu:hover:after,.site-nav-menu:focus-visible:after,.site-nav-menu.is-active:after{transform:scaleX(1)}.site-nav-menu i,.site-nav-menu i:before,.site-nav-menu i:after{content:"";background:currentColor;width:15px;height:1px;transition:transform .32s,opacity .32s;display:block}.site-nav-menu i{position:relative}.site-nav-menu i:before,.site-nav-menu i:after{position:absolute;left:0}.site-nav-menu i:before{top:-5px}.site-nav-menu i:after{top:5px}.site-nav-menu.is-active i:before{transform:translateY(5px)rotate(45deg)}.site-nav-menu.is-active i:after{transform:translateY(-5px)rotate(-45deg)}.site-nav-menu.is-active i{background:0 0}.site-nav .is-future[hidden]{display:none}.mask-active .interactive-layer{cursor:none}.entry-darkness{z-index:2;pointer-events:none;opacity:var(--entry-darkness,0);background:#020202;position:absolute;inset:0}.detail-atmosphere{z-index:4;object-fit:cover;object-position:center;width:103%;height:103%;opacity:var(--detail-atmosphere-opacity,0);filter:brightness(.65)contrast(.8)saturate(.72);transform:translate3d(var(--detail-parallax-x,0px),var(--detail-parallax-y,0px),0) scale(var(--detail-parallax-scale,1.018));pointer-events:none;will-change:transform,opacity;display:block;position:absolute;inset:-1.5%}.detail-atmosphere.is-derived-texture{opacity:calc(var(--detail-atmosphere-opacity,0) * .55);filter:brightness(.34)contrast(.74)saturate(.65)blur(23px)}.detail-atmosphere.is-artwork{opacity:calc(var(--detail-atmosphere-opacity,0) * .62);filter:brightness(.48)contrast(.73)saturate(.65)blur(9px)}.detail-atmosphere.is-supplied-background{opacity:calc(var(--detail-atmosphere-opacity,0) * .9);filter:brightness(.78)}.detail-atmosphere[src*=mask_01]{object-position:38% 48%}.detail-atmosphere[src*=mask_02]{object-position:62% 42%}.detail-atmosphere[src*=mask_03]{object-position:42% 58%}.detail-atmosphere[src*=mask_04]{object-position:56% 39%}.detail-atmosphere[src*=mask_05]{object-position:45% 54%}.hero-replica:not(.phase-HOME) .environment-light{z-index:5}.hero-replica:not(.phase-HOME) .interactive-layer{z-index:6}.hero-replica:not(.phase-HOME) .site-header *{pointer-events:none}.home-footer{z-index:7;pointer-events:none;letter-spacing:var(--tracking-en);color:var(--text-secondary);opacity:var(--entry-ui-opacity,1);justify-content:space-between;align-items:flex-end;font-size:11px;display:flex;position:absolute;inset:auto 3.3% 5.5vh}.home-index{align-items:center;gap:18px;display:flex}.home-index i{background:currentColor;width:100px;height:1px}.home-scroll{text-align:center;line-height:1.9}.home-scroll i{background:currentColor;width:1px;height:27px;margin:10px auto 0;display:block}.loading{z-index:8;color:#d8d4ca8a;letter-spacing:.38rem;background:#020202;place-items:center;font-size:.58rem;display:grid;position:absolute;inset:0}.loading span:after{content:"";transform-origin:0;background:#d8d4ca66;width:2.5rem;height:1px;margin:1rem auto 0;animation:1.4s ease-in-out infinite loading;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes loading{0%,to{opacity:.3;transform:scaleX(.15)}50%{opacity:.85;transform:scaleX(1)}}@media (width<=1100px){.site-header{grid-template-columns:1fr auto}.site-motto{display:none}}@media (width<=600px){.site-header{top:24px;left:20px;right:16px}.site-brand{width:70px}.site-brand-caption{display:none}.site-wordmark{letter-spacing:.25em;font-size:16px}.site-nav{gap:0}.site-nav-item{letter-spacing:.09em;padding:6px 5px;font-size:9px}.site-nav-menu{width:24px}.hero-title{top:58%}.hero-title h1{font-size:26px}.hero-title p{font-size:10px}.home-footer{font-size:9px;bottom:24px;left:20px;right:20px}.home-index i{width:48px}}@media (width<=700px){.hero-replica{cursor:auto}}@media (prefers-reduced-motion:reduce){.loading span:after{animation:none}*,:before,:after{transition-duration:.01ms!important}}.auxiliary-route{color:#eee9de;background:#050504;width:100vw;height:100svh;position:relative;overflow:hidden}.web-route iframe,.game-route iframe{background:#050504;border:0;width:100%;height:100%;position:absolute;inset:0}.auxiliary-navigation{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:24px;right:24px}.auxiliary-navigation button,.auxiliary-navigation a,.auxiliary-back{pointer-events:auto;color:#f1ede4;font-family:var(--font-editorial);letter-spacing:.18em;cursor:pointer;background:#060605c7;border:0;padding:12px 16px;font-size:11px;text-decoration:none;transition:background .3s,color .3s}.auxiliary-navigation button:hover,.auxiliary-navigation a:hover,.auxiliary-back:hover{color:#fff;background:#12100ceb}.web-route .auxiliary-navigation{animation:.65s ease-out both web-navigation-enter;top:68px;left:20px;right:20px}.web-route .auxiliary-navigation button,.web-route .auxiliary-navigation a{background:#06060552;border-left:1px solid #ebe6da7a;padding:8px 10px}.web-route .auxiliary-navigation button:hover,.web-route .auxiliary-navigation a:hover{background:#12100cb8}.game-route .auxiliary-navigation{animation:.65s ease-out both web-navigation-enter;top:10px;left:35%;right:30%}.game-route .auxiliary-navigation button,.game-route .auxiliary-navigation a{background:#06060552;border-left:1px solid #ebe6da7a;padding:8px 10px}.game-route .auxiliary-navigation button:hover,.game-route .auxiliary-navigation a:hover{background:#12100cb8}@keyframes web-navigation-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.coming-route{background:radial-gradient(at 42% 30%,#2b241c26,#0000 56%),linear-gradient(130deg,#080807,#020202 68%)}.coming-route:before{content:"";opacity:.1;filter:blur(32px)grayscale();pointer-events:none;background-image:url(/reference/hero-default.png);background-position:50%;background-size:cover;position:absolute;inset:0}.auxiliary-back{z-index:2;position:absolute;top:24px;left:28px}.coming-content{z-index:1;text-align:center;width:min(90vw,600px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coming-content span{letter-spacing:.35em;color:#a8a094;font-size:10px}.coming-content h1{font-family:var(--font-editorial);letter-spacing:.26em;margin:24px 0 16px;font-size:clamp(44px,8vw,100px);font-weight:400}.coming-content p{font-family:var(--font-display);letter-spacing:.18em;color:#c3bdb2;font-size:15px}@media (width<=600px){.auxiliary-navigation{top:12px;left:10px;right:10px}.auxiliary-navigation button,.auxiliary-navigation a{letter-spacing:.04em;padding:10px 8px;font-size:10px}.web-route .auxiliary-navigation{top:68px;left:10px;right:10px}}@media (width<=900px){.game-route .auxiliary-navigation{top:108px;left:10px;right:10px}}
