:root{color-scheme:dark;--ink:#080d14;--paper:#e5ddc8;--gold:#c7a76b;--muted:#919a9e;--line:rgba(199,167,107,.24);--accent:#d7ba80;--serif:"Songti SC","STSong","Noto Serif CJK SC",SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:14px}button,input{font:inherit}button{background:none;border:0;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:1px solid var(--gold);outline-offset:5px}button{transition:color .2s,background .2s,border-color .2s}button:hover{color:#fff2d3}a{color:var(--gold)}.hidden{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none}#atmosphere,#vignette{pointer-events:none;position:fixed;inset:0}#atmosphere{background:linear-gradient(90deg,rgba(7,12,19,.96) 0%,rgba(7,12,19,.7) 22%,transparent 51%),linear-gradient(0deg,#080d14 0%,transparent 25%,transparent 85%,rgba(8,13,20,.5))}#vignette{box-shadow:inset 0 0 160px 30px #01040873;opacity:.6}.masthead{position:fixed;top:0;left:0;right:0;height:104px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;gap:14px;align-items:center;text-align:left;padding:0}.brand svg{width:42px;height:42px;fill:none;stroke:var(--gold);stroke-width:.8}.brand>span{font-family:var(--serif);font-size:21px;letter-spacing:5px}.brand small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:4px;color:var(--muted);margin-top:6px}.masthead nav{display:flex;gap:42px;position:absolute;left:50%;transform:translate(-50%)}.masthead nav button{font-size:12px;letter-spacing:2px;padding:20px 0;color:#929ca2;position:relative}.masthead nav button.active{color:var(--paper)}.masthead nav button.active:after{content:"";position:absolute;bottom:6px;width:4px;height:4px;background:var(--gold);left:50%;transform:rotate(45deg)}.index-button{font-size:12px;letter-spacing:1px;color:#b4bbb9;display:flex;align-items:center;gap:10px}.index-button>span{font-size:24px;color:var(--gold)}kbd{font:10px var(--sans);border:1px solid var(--line);padding:3px 6px;color:var(--muted)}.intro{position:fixed;left:7%;top:24%;width:370px;pointer-events:none}.intro button{pointer-events:auto}.chapter{font-size:10px;letter-spacing:3px;color:var(--gold);display:flex;align-items:center;gap:12px}.chapter i{width:22px;height:1px;background:var(--gold)}h1{font-family:var(--serif);font-weight:400}.intro h1{font-size:clamp(50px,5.4vw,86px);letter-spacing:8px;margin:25px 0 8px;white-space:nowrap}.english{font-family:Georgia,serif;font-style:italic;font-size:21px;color:#9b9f9b;letter-spacing:1px;margin:0 0 32px}.hairline{width:48px;height:1px;background:var(--line);margin-bottom:25px}.intro-copy{font-size:13px;line-height:2.2;letter-spacing:2px;color:#b3bab9}.primary{margin-top:28px;padding:15px 23px;border:1px solid rgba(199,167,107,.55);background:linear-gradient(110deg,#c7a76b29,#c7a76b06);font-size:12px;letter-spacing:3px;min-width:178px;display:flex;align-items:center;justify-content:space-between;gap:42px}.primary span{font-size:20px;color:var(--gold)}.primary:hover{background:#c7a76b33}.footnote{font-size:9px;color:#778189;letter-spacing:1px;margin-top:15px}.intro-bottom{margin-top:45px;display:flex;gap:33px}.intro-bottom>span{font:25px Georgia,serif;color:#c5b79b}.intro-bottom small{display:block;margin-top:9px;font:9px var(--sans);letter-spacing:2px;color:#7e898e}.scene-caption{position:fixed;left:64%;bottom:214px;transform:translate(-50%);display:flex;align-items:center;gap:15px;pointer-events:none;white-space:nowrap;text-shadow:0 2px 12px #000}.little-star{font-size:28px;color:var(--gold)}.scene-caption strong{font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:3px}.scene-caption small{display:block;font-size:10px;letter-spacing:1px;color:#899599;margin-top:10px}#group-dock{position:fixed;left:7%;right:7%;bottom:55px;max-width:1400px;margin:auto;padding:15px 0 0;border-top:1px solid var(--line)}.dock-title{display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:2px;color:#7e898e;margin-bottom:12px}.dock-title>span:first-child{color:#b0b3aa}.dock-title button{padding:0;color:#8b9697;font-size:9px}.dock-title button.selected{color:var(--gold)}#group-count{margin-left:auto;font-family:Georgia,serif;letter-spacing:2px}#group-buttons{display:flex;justify-content:space-between;gap:8px}#group-buttons button{position:relative;display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:15px;letter-spacing:1px;padding:10px 8px;color:#a8ada9;white-space:nowrap;border-bottom:1px solid transparent}#group-buttons button:hover,#group-buttons button.selected{color:var(--paper);border-bottom-color:var(--accent)}.group-dot{display:block;width:5px;height:5px;transform:rotate(45deg);border:1px solid var(--accent)}#group-buttons button.selected .group-dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}#group-paths{display:flex;min-height:25px;justify-content:center;gap:22px;align-items:center}#group-paths button{font-size:11px;letter-spacing:1px;color:#b3bbba;padding:5px 3px}#group-paths button:hover{color:var(--gold)}#group-paths .group-explanation{font-size:10px;color:#7c888d;letter-spacing:1px}.tools{position:fixed;right:3%;top:42%;display:flex;flex-direction:column;gap:12px;z-index:6}.tools button{width:30px;height:30px;border:1px solid var(--line);color:#a5b0b0;font:17px Georgia,serif;background:#080d1473}.tools button.on{color:var(--gold);border-color:var(--gold)}footer{position:fixed;bottom:18px;left:4%;right:4%;display:flex;justify-content:space-between;color:#67757e;font-size:9px;letter-spacing:1px;z-index:5}footer button{font-size:9px;color:#88918f;padding:0}#hover-tip{position:fixed;pointer-events:none;z-index:20;padding:13px 17px;border:1px solid var(--line);background:#080d14eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:18px var(--serif);color:var(--paper)}#hover-tip small{display:block;color:var(--gold);font:10px var(--sans);letter-spacing:1px;margin-top:6px}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;white-space:nowrap;transform:translate(-50%,-50%);font:12px var(--serif);letter-spacing:2px;color:#cbc4b2;text-shadow:0 1px 5px #05070b,0 0 8px #05070b;pointer-events:none;transition:opacity .3s}.world-label small{display:block;text-align:center;font:8px Georgia,serif;letter-spacing:1px;color:#9d9a88;margin-top:5px}.world-label.focus-label{font-size:12px}.world-label.selected{color:#fff1cd}.world-label.group-label{font-size:11px;color:var(--accent)}#loading{position:fixed;inset:0;background:#080d14;z-index:80;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s}#loading.loaded{opacity:0;pointer-events:none}.loading-seal{font:64px Georgia;color:var(--gold);animation:breathe 2s ease-in-out infinite}#loading h2{font:22px var(--serif);letter-spacing:5px;font-weight:400;margin-top:30px}#loading p{font-size:11px;letter-spacing:2px;color:var(--muted)}@keyframes breathe{50%{opacity:.35;transform:rotate(45deg)}}body.path-mode #atmosphere{background:linear-gradient(90deg,rgba(7,12,19,.9),transparent 30%,transparent 62%,rgba(7,12,19,.86)),linear-gradient(0deg,#080d14,transparent 15%)}body.path-mode .tools{right:calc(29% + 24px);top:auto;bottom:60px;flex-direction:row}#path-header{position:fixed;left:5%;top:125px;width:270px}#path-header .back{font-size:11px;color:#839095;letter-spacing:1px;padding:0;margin-bottom:24px}#path-header .chapter{font-size:9px;letter-spacing:2px}#path-title{font-size:37px;letter-spacing:5px;margin:14px 0 8px}#path-subtitle{font-family:var(--serif);font-size:13px;letter-spacing:2px;color:#98a2a4;margin:0}#adjacent{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}#adjacent span{font-size:9px;color:#74838d;align-self:center}#adjacent button{font-size:10px;color:var(--accent);border-bottom:1px solid var(--line);padding:3px 0;margin-right:5px}#sequence-nav{position:fixed;left:5%;top:340px;bottom:65px;width:210px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.seq-caption{font:10px var(--sans);letter-spacing:2px;color:#b3b5a8;margin-bottom:15px}.seq-caption span{float:right;color:#6e7a7f;font-family:Georgia}#sequence-list{position:relative}#sequence-list:before{content:"";position:absolute;left:12px;top:15px;bottom:15px;width:1px;background:var(--line)}#sequence-list button{width:100%;display:flex;align-items:center;text-align:left;gap:18px;position:relative;padding:7px 0;color:#88979d;font-family:var(--serif);font-size:13px;letter-spacing:1px}#sequence-list button .seq-digit{font:13px Georgia;width:25px;height:25px;display:grid;place-items:center;background:#0b1119;border:1px solid #35404a;border-radius:50%;color:#8a928a;flex-shrink:0}#sequence-list button.active{color:var(--paper)}#sequence-list button.active .seq-digit{border-color:var(--accent);color:var(--paper);background:#343125;box-shadow:0 0 18px #c7a76b25}#sequence-list small{font:9px var(--sans);color:#6c7880;letter-spacing:0;margin-left:auto}#detail{position:fixed;right:4%;top:142px;bottom:65px;width:25%;max-width:400px;display:flex;flex-direction:column}.detail-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:var(--accent)}.detail-top button{font-size:10px;color:#94a2a4;letter-spacing:1px}.sequence-number{font:italic 65px Georgia;color:var(--accent);opacity:.65;margin-top:24px;line-height:1}#seq-title{font:30px var(--serif);letter-spacing:4px;margin:15px 0}#seq-ability{font-size:12px;line-height:1.9;color:#a9b5b6;letter-spacing:.5px;margin:0}.detail-rule{height:1px;background:var(--line);margin:25px 0 18px;flex-shrink:0}.detail-tabs{display:flex;gap:20px;flex-shrink:0;padding-bottom:12px}.detail-tabs button{padding:0 0 8px;font-size:11px;color:#798b93;border-bottom:1px solid transparent;white-space:nowrap}.detail-tabs .active{color:var(--paper);border-color:var(--accent)}#detail-body{overflow-y:auto;padding-right:12px;flex:1;scrollbar-width:thin;scrollbar-color:#536068 transparent;font-size:12px;color:#a2afb2}#detail-body h3{font-size:15px}#detail-body ul{padding-left:16px}#detail-body li{margin-bottom:16px}#detail-body p{margin:10px 0}#detail-body strong{color:#c7cfcd;font-weight:500}.detail-step{display:flex;justify-content:space-between;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line);flex-shrink:0}.detail-step button{font-size:10px;letter-spacing:1px;color:var(--accent);padding:0}.detail-step button:disabled{opacity:.25;cursor:default}body.path-mode .scene-caption{bottom:70px;left:44%;opacity:.7}body.path-mode .scene-caption strong{font-size:12px;letter-spacing:2px}body.path-mode .scene-caption small{font-size:9px}body.path-mode .scene-caption .little-star{font-size:20px}.outer-note{font-size:11px;line-height:2;color:#8e949e}.text-button{font-size:11px;color:var(--accent);padding:22px 0}body.outer-mode{--gold:#c18a92}body.outer-mode #outer-intro h1{font-size:50px;letter-spacing:4px}body.outer-mode .scene-caption{bottom:90px}dialog{color:var(--paper);background:#0c131bfa;border:1px solid #534c3b;padding:30px 36px;max-height:85vh;width:min(920px,90vw);box-shadow:0 30px 150px #000b}dialog::backdrop{background:#020509bf;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.dialog-top h2{font:28px var(--serif);letter-spacing:4px;margin:12px 0}.dialog-top>button{font:30px Georgia;color:#a8adab;padding:0 8px}.search{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:10px 0 15px}.search>span{font-size:30px;color:var(--gold)}.search input{background:transparent;border:0;outline:none;color:var(--paper);font-size:14px;flex:1;min-width:0;padding:8px}.search input::placeholder{color:#73818b}.index-tabs{display:flex;gap:30px;margin:24px 0 20px}.index-tabs button{font-size:12px;letter-spacing:1px;padding:0 0 10px;border-bottom:1px solid transparent;color:#7d909b}.index-tabs button.active{color:var(--paper);border-color:var(--gold)}#index-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 20px;max-height:46vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#536068 transparent}.path-result{padding:15px 10px;display:flex;text-align:left;gap:12px;align-items:center;border-bottom:1px solid #ffffff0c}.path-result:hover{background:#c7a76b09}.path-result .result-seal{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent);font:15px Georgia;flex-shrink:0}.path-result strong{font:18px var(--serif);letter-spacing:2px}.path-result small{display:block;color:#7f919b;font-size:9px;margin-top:8px;line-height:1.8}.path-result em{font-size:9px;color:var(--accent);font-style:normal}#search-count{font-size:10px;color:#73808b;margin-bottom:0}.library-layout{display:grid;grid-template-columns:185px 1fr;height:65vh;gap:30px}.library-layout nav{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#536068 transparent}.library-layout nav button{display:block;text-align:left;font-size:11px;line-height:1.7;padding:9px 10px;color:#7e939d;border-left:1px solid var(--line);width:100%}.library-layout nav button.active{border-color:var(--gold);color:var(--paper);background:#c7a76b0a}.library-layout nav hr{border:0;border-top:1px solid var(--line);margin:15px 0}#library-body{overflow-y:auto;padding-right:15px;scrollbar-width:thin;scrollbar-color:#536068 transparent}.prose{font-size:13px;line-height:2;color:#aebbc0;overflow-wrap:anywhere}.prose h1,.prose h2,.prose h3{font-family:var(--serif);font-weight:400;color:var(--paper);line-height:1.7;letter-spacing:1px}.prose h1{font-size:25px}.prose h2{font-size:21px;margin-top:30px}.prose h3{font-size:17px;margin-top:24px}.prose blockquote{margin:15px 0;padding:0 15px;border-left:1px solid var(--gold);color:#91a2a9;font-size:12px}.prose table{font-size:11px;border-collapse:collapse;width:100%;display:block;overflow-x:auto;white-space:normal}.prose td,.prose th{border:1px solid #ffffff15;padding:8px;min-width:65px}.prose th{color:var(--paper)}.prose hr{border:0;border-top:1px solid var(--line);margin:28px 0}.prose code{color:var(--gold);font:12px var(--sans)}.prose strong{color:#d3d8d2}#about-dialog{max-width:620px}body.immersive .masthead,body.immersive main,body.immersive footer,body.immersive #labels{opacity:0;pointer-events:none}body.immersive .tools{right:3%;bottom:40px;top:auto;flex-direction:row}body.immersive #atmosphere{opacity:.15}body.immersive .tools button:not(#immersive){display:none}.empty{grid-column:1/-1;padding:35px;text-align:center;color:#91a0a6;line-height:2}@media(min-height:950px){.intro{top:26%}.intro-bottom{margin-top:60px}#sequence-nav{top:365px}#sequence-list button{padding:10px 0}}@media(max-height:780px)and (min-width:801px){.masthead{height:80px}.intro{top:20%}.intro h1{font-size:62px;margin-top:20px}.english{margin-bottom:20px}.hairline{margin-bottom:16px}.intro-copy{font-size:12px}.primary{margin-top:18px}.intro-bottom{margin-top:22px}.scene-caption{bottom:190px}#group-dock{bottom:40px}.intro-bottom>span{font-size:20px}#path-header{top:95px}#path-header .back{margin-bottom:14px}#path-title{font-size:31px}#sequence-nav{top:275px;bottom:52px}#sequence-list button{padding:4px 0}#detail{top:104px;bottom:50px}.sequence-number{font-size:48px;margin-top:16px}#seq-title{font-size:26px;margin:12px 0}.detail-rule{margin:16px 0}.detail-tabs{gap:12px}footer{bottom:12px}}@media(max-width:1100px){.masthead nav{gap:24px}.intro{left:5%;width:290px}.intro h1{font-size:61px}.intro-copy{font-size:12px}#group-dock{left:5%;right:5%}#group-buttons button{font-size:12px;gap:6px;padding:10px 2px}#detail{right:4%;width:29%}#path-header,#sequence-nav{left:4%}.detail-tabs{gap:10px}#sequence-nav{width:180px}body.path-mode .tools{right:35%}body.path-mode .scene-caption{display:none}}@media(max-width:800px){.masthead{height:80px;padding:0 6%}.brand>span{font-size:17px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:2px}.brand svg{width:33px;height:33px}.masthead nav{position:fixed;left:6%;right:6%;top:78px;transform:none;justify-content:flex-start;gap:30px}.masthead nav button{padding:10px 0 15px;font-size:11px}.masthead nav button.active:after{bottom:3px}.index-button{font-size:0;gap:0}.index-button span{font-size:30px}.index-button kbd{display:none}.intro{left:7%;top:155px;width:85%}.intro h1{font-size:55px;margin-top:14px;margin-bottom:6px}.english{font-size:17px;margin-bottom:20px}.hairline{display:none}.intro-copy{font-size:11px;line-height:1.8;letter-spacing:1px;max-width:225px}.primary{min-width:145px;padding:11px 16px;margin-top:18px;font-size:11px;display:inline-flex}.footnote{font-size:8px;margin-top:12px}.intro-bottom{display:none}.chapter{font-size:9px}.scene-caption{left:50%;bottom:205px}.scene-caption strong{font-size:12px;letter-spacing:2px}.scene-caption small{font-size:9px}.scene-caption .little-star{font-size:21px}#atmosphere{background:linear-gradient(180deg,#080d1499,#080d1400 75%,#080d14 97%),linear-gradient(90deg,#080d14aa,transparent 90%)}#group-dock{left:6%;right:6%;bottom:46px}.dock-title{margin-bottom:7px}#group-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:0 9px}#group-buttons button{font-size:12px;padding:7px 0}#group-paths{position:fixed;top:121px;left:6%;right:6%;justify-content:flex-start;flex-wrap:wrap;gap:0 13px}#group-paths .group-explanation{display:none}.tools{right:5%;top:45%;gap:8px}.tools button{width:28px;height:28px}footer{font-size:8px;left:6%;right:6%;bottom:15px}footer>span{max-width:220px;line-height:1.5}footer button{font-size:8px}#path-header{top:132px;left:6%;width:90%}#path-header .back{margin-bottom:15px}#path-header .chapter{font-size:8px}#path-title{font-size:30px;margin:10px 0 6px}#path-subtitle{font-size:10px}#adjacent{margin-top:10px}#sequence-nav{left:6%;top:auto;bottom:45%;width:88%;height:64px;overflow:auto}.seq-caption{display:none}#sequence-list{display:flex;gap:8px;min-width:max-content}#sequence-list:before{inset:15px 0 auto;width:auto;height:1px}#sequence-list button{flex-direction:column;gap:6px;min-width:65px;font-size:10px;padding:0}#sequence-list button small{display:none}#sequence-list button .seq-digit{height:26px;width:26px}#detail{inset:57% 6% 45px;width:auto;max-width:none;padding-top:14px;border-top:1px solid var(--line);background:linear-gradient(#080d14bb,#080d14)}.detail-top{font-size:8px}.sequence-number{position:absolute;right:0;top:0;font-size:48px;margin-top:16px;opacity:.25}#seq-title{font-size:24px;margin:10px 0}#seq-ability{font-size:11px;line-height:1.7;max-width:85%}.detail-rule{margin:12px 0}.detail-tabs{gap:25px;padding-bottom:5px}.detail-tabs button{font-size:10px}#detail-body{font-size:11px}.detail-step{padding-top:10px;margin-top:8px}.detail-step button{font-size:9px}body.path-mode .tools{top:170px;bottom:auto;right:5%;flex-direction:column}body.path-mode #atmosphere{background:linear-gradient(#080d1477,transparent 55%,#080d14 65%)}body.path-mode footer>span{max-width:260px}#index-results{grid-template-columns:repeat(2,1fr);gap:4px}.path-result{padding:12px 4px;gap:8px}.path-result strong{font-size:16px}.path-result .result-seal{width:28px;height:28px;font-size:12px}.path-result small{font-size:8px}.dialog-top h2{font-size:23px;letter-spacing:2px}dialog{padding:20px;width:94vw;max-height:88vh}.index-tabs{gap:20px}.index-tabs button,.search input{font-size:11px}.search kbd{display:none}.library-layout{grid-template-columns:1fr;height:68vh;gap:15px}.library-layout nav{display:flex;overflow-x:auto;max-height:60px;gap:10px}.library-layout nav button{min-width:110px;font-size:10px;padding:5px 8px}.library-layout nav hr{display:none}#library-body{padding-right:4px}.prose{font-size:12px}.prose h1{font-size:21px}body.outer-mode #outer-intro h1{font-size:38px}.outer-note{font-size:10px;max-width:260px}.text-button{display:block;padding-top:16px}.world-label{font-size:10px}.world-label small{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:801px){body:not(.path-mode):not(.outer-mode) .scene-caption{bottom:205px;left:65%}#vignette{box-shadow:inset 0 0 190px 30px #010408a6}}@media(max-width:800px){body.path-mode #adjacent{display:none}body.path-mode #path-subtitle{font-size:9px}body.path-mode #path-header{pointer-events:none}body.path-mode #path-header button{pointer-events:auto}.intro{top:153px}.intro-copy{font-size:11px}body:not(.path-mode) .tools{top:47%}.world-label{display:none}.scene-caption{bottom:211px}.scene-caption strong{font-size:11px}.scene-caption small{font-size:8px}.scene-caption .little-star{font-size:16px}}.sequence-number{pointer-events:none;-webkit-user-select:none;user-select:none}#sequence-art{position:fixed;z-index:5;left:25%;bottom:65px;width:40%;max-width:550px;text-align:center;pointer-events:none;padding:14px 18px;background:linear-gradient(90deg,transparent,#080d14dc 18%,#080d14dc 82%,transparent)}#art-title{font-family:var(--serif);font-size:21px;letter-spacing:3px;color:#e7d7b8}#art-caption{font-size:11px;color:#acb6ba;line-height:1.7;margin:8px 0}#art-basis{display:block;font-size:9px;color:#89999f;line-height:1.5}.art-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.art-actions button{pointer-events:auto;padding:7px 16px;border:1px solid #a58d5a66;background:#15212be8;font-size:11px;color:#dac69c}.art-actions button[aria-pressed=true]{background:#8b724b;color:#fff}#art-status{font-size:10px;line-height:1.6;min-height:16px;color:#d0be98;margin:6px 0 0}body.path-mode #scene-caption,body.immersive #sequence-art{display:none}@media(max-width:800px){#sequence-art{left:6%;width:88%;bottom:auto;top:51%;padding:0;background:none}#art-title,#art-caption,#art-basis,#art-status{display:none}.art-actions{margin:0;justify-content:flex-end}.art-actions button{padding:5px 12px;font-size:10px}body.path-mode #sequence-nav{bottom:49%}body.path-mode #detail{top:58%}}.mobile-art-note{display:none}#sequence-list button{padding-top:6px;padding-bottom:6px}#sequence-nav{overflow-y:auto;scrollbar-width:thin}#sequence-art{max-height:210px}#art-caption{max-width:480px;margin:7px auto}body.immersive.path-mode #sequence-art{display:block;opacity:1;pointer-events:auto}body.immersive.path-mode main{opacity:1}body.immersive.path-mode main>*:not(#sequence-art){visibility:hidden}body.immersive.path-mode #sequence-art{left:30%;width:40%;bottom:24px}body.immersive.path-mode #sequence-art #art-caption,body.immersive.path-mode #sequence-art #art-basis{display:none}@media(max-width:800px){.mobile-art-note{display:block;border-left:1px solid #8f7e53;padding:0 0 0 10px;margin-bottom:12px}.mobile-art-note small{font-size:9px;color:#aa9971}body.immersive.path-mode #sequence-art{left:6%;width:75%;bottom:20px;top:auto}body.path-mode #sequence-list button{padding:0}#detail-body{min-height:65px}body.path-mode #art-status{display:block;font-size:9px;text-align:right;max-height:24px;overflow:auto;margin-top:2px}body.immersive.path-mode #art-title{display:block}}@media(min-width:801px)and (max-height:950px){.intro-bottom{display:none}}body.path-world #detail{display:none}body.path-world #sequence-art{left:40%;width:50%;max-width:650px;bottom:35px}body.path-world .art-actions,body.path-world #path-overview{display:none}#path-overview{margin-top:8px;padding:5px 0;color:#c4b184;font-size:11px}.district-label{padding:5px 10px;background:linear-gradient(90deg,transparent,#080d14bb,transparent);font-size:13px;letter-spacing:2px}.district-label small{font-size:9px}body.path-world .tools{right:3%;top:auto;bottom:130px}#atmosphere,#vignette{opacity:.65}@media(max-width:800px){body.path-world #sequence-nav{bottom:55px;top:auto}body.path-world #sequence-art{left:6%;width:88%;top:auto;bottom:135px}body.path-world #art-title{display:block;font-size:20px}body.path-world #art-caption{display:block;font-size:10px}body.path-world #art-basis{display:block;font-size:8px}body.path-world #art-status{display:none}body.path-world .tools{top:170px;bottom:auto}body.path-mode:not(.path-world) #path-title{font-size:24px;margin:8px 0 4px}#path-overview{font-size:10px;margin:4px 0 0}body.path-mode:not(.path-world) #sequence-nav{bottom:43%;height:51px}body.path-mode:not(.path-world) #sequence-art{top:57%}body.path-mode:not(.path-world) #detail{top:62%}body.path-mode:not(.path-world) #art-status{display:none}}.source-label{color:#e5cc98;font-size:14px;letter-spacing:3px}.source-label small{color:#9c987e;letter-spacing:4px;font-size:8px}body.path-mode:not(.path-world) #detail{background:linear-gradient(90deg,#080d1400,#080d14dd 18%);padding-left:15px}body.path-world #art-caption{font-size:12px;max-width:580px}body.path-world #art-basis:after{content:" · 点击场景或序列可靠近观看"}@media(min-width:801px){#path-title{white-space:nowrap;font-size:var(--path-title-size,37px)}#path-overview{position:fixed;left:27%;top:112px;z-index:10;padding:8px 13px;background:#0b1422cf;border:1px solid #aa95644d}}.tools #tour{width:92px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;letter-spacing:1px;background:#0b1424b3;border-color:#a9935b66}.tour-icon{font-size:13px}#tour[aria-pressed=true]{color:#f1ddaa;background:#62503670;border-color:#c7aa6c}.tools{align-items:flex-end}body:not(.path-mode):not(.outer-mode) .scene-caption{bottom:180px;left:66%;background:#071020a8;padding:9px 14px}body.immersive .tools #tour{display:flex}body.immersive .tools{align-items:center}@media(max-width:800px){.tools #tour{width:30px;height:30px}.tour-label{display:none}body:not(.path-mode):not(.outer-mode) .scene-caption{left:50%;bottom:211px;background:none;padding:0}}@media(min-width:801px){body:not(.path-mode):not(.outer-mode) .scene-caption{top:128px;bottom:auto;background:none;padding:0}}body.immersive .tools button#tour{display:flex}.tools #motion{width:92px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;background:#0b1424b3}.motion-label{font-size:10px;letter-spacing:1px}#motion[aria-pressed=true]{color:#daca9d;border-color:#a9935b66}#motion[aria-pressed=false]{color:#78838d}@media(max-width:800px){.tools #motion{width:60px}.motion-label{font-size:9px;letter-spacing:0}}@media(max-width:800px){body.path-mode:not(.path-world):not(.immersive) #path-header{top:122px}body.path-mode:not(.path-world) #path-header .back{margin-bottom:8px}body.path-mode:not(.path-world) #path-title{font-size:22px;margin:6px 0 4px}body.path-mode:not(.path-world) #path-overview{padding:3px 0;margin-top:3px}}.asset-progress{position:fixed;bottom:42px;left:30px;font-size:10px;letter-spacing:.08em;color:#bba87c;pointer-events:none}@media(max-width:800px){.asset-progress{bottom:24px;left:16px;font-size:9px}}
