:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization){--green:#214b45;--deep:#153a35;--ivory:#f1ede3;--gold:#a88c55;--serif:'Songti SC','STSong',serif}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) *{box-sizing:border-box}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) html,:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) body{margin:0;background:var(--ivory);color:var(--green)}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) a{color:inherit;text-decoration:none}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) button{font:inherit}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) a:focus-visible,:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .site-header{height:88px;padding:0 4.8%;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #214b4517}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .brand{display:flex;gap:14px;align-items:center}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .seal{font:29px var(--serif);border:1px solid var(--gold);color:#8a7145;width:42px;height:45px;display:grid;place-items:center}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .brand strong{display:block;width:136px;height:42px;background:var(--green);color:transparent;font-size:0;mask:url('assets/wanxiang-lettering.png') center/contain no-repeat;-webkit-mask:url('assets/wanxiang-lettering.png') center/contain no-repeat}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .brand small{display:block;font-size:8px;letter-spacing:3px;color:#78847a}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) nav{display:flex;align-items:center;gap:30px;height:100%}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) nav a{position:relative;font-size:12px;letter-spacing:1px;height:100%;display:flex;align-items:center}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;height:2px;background:var(--gold);bottom:21px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) nav a:hover{color:#a1844d}
.civilization-scene{position:relative;isolation:isolate;overflow:hidden;background:#f1ede3;height:calc(100svh - 186px);min-height:600px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .scroll-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 18%;z-index:-3}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .silk-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f1ede3ed 0%,#f1ede3b8 23%,#f1ede300 43%);pointer-events:none}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .cover-copy{height:100%;padding:35px 0 35px 6.2%;width:39%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow{display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:2.8px;color:#6a7f70;margin:0 0 20px;white-space:nowrap}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow>span{font:19px var(--serif);color:#9f8149;letter-spacing:0}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow i{display:block;width:25px;height:1px;background:#a88c558c}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title{font:clamp(90px,8.4vw,128px)/1.02 WanxiangBangshu,var(--serif);font-weight:400;letter-spacing:10px;margin:0 0 24px -5px;color:#183e36}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title span{display:block}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .subtitle{font:20px/1.6 var(--serif);letter-spacing:3px;margin:0 0 18px;color:#6f6b4d}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .description{font-size:12px;line-height:1.9;letter-spacing:2px;color:#66796d;margin:0 0 24px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .primary{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:var(--ivory);width:208px;min-height:51px;padding:0 21px;font-size:13px;letter-spacing:2px;transition:background .2s,transform .2s}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .primary b{font:23px sans-serif;font-weight:300}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .primary:hover{background:#163b34;transform:translateY(-2px)}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .directory-link{border:0;background:none;color:#6f7d6a;font-size:9px;letter-spacing:1.5px;padding:0;display:flex;gap:22px;align-items:center;margin-top:17px;cursor:pointer}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .directory-link span{font-size:16px;color:#a18850}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption{position:absolute;right:6%;bottom:30px;display:flex;align-items:center;gap:12px;text-align:left;color:#eee6cd;text-shadow:0 2px 12px #142e2a8a}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption>span{display:block;width:28px;height:1px;background:#d7bd86}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption p{font:14px var(--serif);letter-spacing:3px;margin:0}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption small{display:block;font:8px sans-serif;letter-spacing:2px;margin-top:8px;color:#ded9be}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .vertical-note{position:absolute;right:26px;top:31px;writing-mode:vertical-rl;letter-spacing:2px;font-size:8px;margin:0;color:#ede7d3bf}
.chapter-footer-civilization{height:98px;position:relative;padding:0 4.8%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ivory);border-top:1px solid #214b4517}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .previous{display:flex;align-items:center;gap:20px;color:#7a8c7b}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .previous>span{font:28px var(--serif);color:#9c8452}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .previous small{font-size:10px;letter-spacing:2px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .collection{display:flex;align-items:center;gap:16px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .collection>strong{font:50px/1 var(--serif);font-weight:400;color:#a88c55}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .collection>span{font:15px var(--serif);letter-spacing:3px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .collection small{display:block;font:8px sans-serif;letter-spacing:2px;color:#84927e;margin-top:9px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .next{display:flex;align-items:center;gap:40px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .next small{display:block;font-size:8px;letter-spacing:2px;color:#a08d62}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .next strong{display:block;font:20px var(--serif);letter-spacing:3px;font-weight:400;margin-top:7px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .next b{font:28px var(--serif);color:#a88c55}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#dedbcf}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .progress span{display:block;height:100%;width:calc(100% / 6);margin-left:calc(100% / 6);background:#a88c55}
.civilization-dialog{width:min(850px,calc(100% - 34px));max-height:85svh;border:1px solid #a88c55;background:#f1ede3;color:#214b45;padding:30px;box-shadow:0 30px 120px #071d2366}
.civilization-dialog::backdrop{background:#0e2727a3;backdrop-filter:blur(5px)}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .dialog-header small{font-size:9px;letter-spacing:2px;color:#967d4d}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .dialog-header h2{font:31px var(--serif);letter-spacing:4px;margin:10px 0 0}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .dialog-header button{border:1px solid #b6b9a0;background:none;width:36px;height:36px;font-size:27px;font-weight:300;color:#214b45;cursor:pointer}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .directory-intro{font-size:12px;line-height:1.8;color:#768470;margin:20px 0}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) ol{padding-left:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 35px;font:14px/1.7 var(--serif)}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) li{padding:9px 0 9px 4px;border-bottom:1px solid #214b451c}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) li::marker{color:#a88c55;font:10px sans-serif}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .dialog-enter{display:inline-block;background:#214b45;color:#f1ede3;font-size:12px;letter-spacing:1px;padding:13px 18px;margin-top:20px}
@media(max-width:1100px){:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) nav{gap:19px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .site-header{gap:20px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .cover-copy{width:42%;padding-left:5%}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow{font-size:7px;letter-spacing:1.5px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title{font-size:100px;letter-spacing:8px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .subtitle{font-size:17px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .description{font-size:11px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .previous small{display:none}}
@media(max-height:780px) and (min-width:801px){.civilization-scene{min-height:490px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .cover-copy{padding-top:22px;padding-bottom:22px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow{margin-bottom:13px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title{font-size:91px;margin-bottom:17px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .subtitle{font-size:17px;margin-bottom:13px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .description{margin-bottom:18px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .directory-link{margin-top:13px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .primary{min-height:46px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption{bottom:22px}}
@media(max-width:800px){:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .site-header{height:121px;padding:16px 22px 9px;display:block}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .brand{gap:10px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .seal{width:31px;height:34px;font-size:23px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .brand strong{width:108px;height:34px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .brand small{font-size:7px;letter-spacing:2px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) nav{height:31px;justify-content:space-between;gap:10px;margin-top:13px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) nav a{font-size:9px;letter-spacing:0}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) nav a[aria-current]:after{bottom:0}
.civilization-scene{height:calc(100svh - 207px);min-height:610px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .scroll-art{inset:auto 0 0 auto;width:150%;height:auto;object-fit:contain}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .silk-shade{background:linear-gradient(180deg,#f1ede3 0%,#f1ede3 34%,#f1ede3b3 46%,#f1ede300 68%)}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .cover-copy{padding:29px 27px 0;width:100%;display:block}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow{font-size:7px;letter-spacing:1.8px;gap:10px;margin-bottom:17px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow>span{font-size:16px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow i{width:18px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title{font-size:65px;line-height:1.1;letter-spacing:2px;margin:0 0 18px -3px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title span{display:inline}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .subtitle{font-size:17px;letter-spacing:2px;margin-bottom:13px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .description{font-size:11px;line-height:1.8;letter-spacing:1px;margin-bottom:18px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .description br{display:none}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .primary{width:175px;min-height:44px;font-size:11px;padding:0 16px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .primary b{font-size:20px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .directory-link{font-size:8px;letter-spacing:1px;margin-top:14px;gap:13px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .directory-link span{font-size:14px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .vertical-note{display:none}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption{right:22px;bottom:18px;gap:8px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption>span{width:16px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption p{font-size:10px;letter-spacing:2px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption small{font-size:6px;letter-spacing:1px;margin-top:5px}
.chapter-footer-civilization{height:86px;padding:0 23px;gap:15px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .previous{display:none}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .collection{gap:10px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .collection>strong{font-size:38px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .collection>span{font-size:11px;letter-spacing:1px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .collection small{font-size:6px;letter-spacing:.5px;margin-top:7px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .next{gap:17px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .next small{font-size:6px;letter-spacing:1px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .next strong{font-size:15px;letter-spacing:1px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .next b{font-size:22px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .dialog-header h2{font-size:25px}
.civilization-dialog{padding:23px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) ol{grid-template-columns:1fr;font-size:14px}}
@media(max-width:380px){:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title{font-size:59px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .next strong{font-size:14px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .collection small{max-width:105px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .primary{transition:none}}
@media(max-width:800px){.civilization-scene{min-height:0}}
@media(min-width:651px) and (max-width:800px){:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .scroll-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:80% 18%}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .silk-shade{background:linear-gradient(90deg,#f1ede3ed 0%,#f1ede3b8 23%,#f1ede300 49%)}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .cover-copy{width:43%;display:flex;height:100%;padding:14px 0 14px 5%}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow{font-size:6px;letter-spacing:1px;gap:7px;margin-bottom:10px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow>span{font-size:15px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .eyebrow i{width:14px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title{font-size:82px;line-height:1.02;margin-bottom:12px;letter-spacing:5px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title span{display:block}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .subtitle{font-size:15px;letter-spacing:1px;margin-bottom:10px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .description{font-size:10px;line-height:1.8;margin-bottom:14px}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .description br{display:block}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .directory-link{font-size:7px;margin-top:12px}}
@media(min-width:651px) and (max-width:800px) and (max-height:760px){:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .main-title{font-size:68px}}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption{color:#214b45;text-shadow:0 1px 8px #f1ede3b3}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption>span{background:#9d854e}
:is(.civilization-scene,.civilization-dialog,.chapter-footer-civilization) .art-caption small{color:#506b59}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun){--green:#214b45;--night:#081c22;--ivory:#f1ede3;--gold:#a88c55;--serif:'Songti SC','STSong',serif}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) *{box-sizing:border-box}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) body{margin:0;background:var(--ivory);color:var(--green);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) a{color:inherit;text-decoration:none}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) button{font:inherit}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) a:focus-visible,:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) button:focus-visible{outline:2px solid #bc9c5f;outline-offset:5px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4.8%;border-bottom:1px solid #214b4517}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .brand{display:flex;align-items:center;gap:14px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .seal{font:29px var(--serif);border:1px solid var(--gold);color:#8a7145;width:42px;height:45px;display:grid;place-items:center}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .brand strong{display:block;width:136px;height:42px;font-size:0;color:transparent;background:var(--green);mask:url('assets/wanxiang-lettering.png') center/contain no-repeat;-webkit-mask:url('assets/wanxiang-lettering.png') center/contain no-repeat}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .brand small{display:block;font-size:8px;letter-spacing:3px;color:#78847a}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) nav{height:100%;display:flex;align-items:center;gap:30px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) nav a{position:relative;display:flex;height:100%;align-items:center;font-size:12px;letter-spacing:1px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:21px;height:2px;background:var(--gold)}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) nav a:hover{color:#a1844f}
.lushun-scene{height:calc(100svh - 186px);min-height:570px;position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--ivory)}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;z-index:-3}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .night-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#081c22 0%,#081c22e8 14%,#081c228c 33%,#081c2200 55%),linear-gradient(0deg,#081c2266,transparent 25%);pointer-events:none}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .cover-copy{height:100%;width:44%;padding:36px 0 42px 6.2%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .eyebrow{display:flex;align-items:center;gap:12px;color:#b8b38e;font-size:9px;letter-spacing:3px;margin:0 0 17px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .eyebrow>span{font:20px var(--serif);color:#b99a60;letter-spacing:0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .eyebrow i{display:block;height:1px;width:27px;background:#b99a6099}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1{font-weight:400;margin:0 0 25px -6px;line-height:1}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1 strong{display:block;font:clamp(110px,10.5vw,160px)/1.03 WanxiangBangshu,var(--serif);letter-spacing:15px;font-weight:400;color:#f3ead4}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1>span{display:block;font:29px/1.35 var(--serif);letter-spacing:19px;padding-left:8px;margin-top:7px;color:#d0c3a2}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .subtitle{font:22px/1.6 var(--serif);letter-spacing:3px;color:#d7c6a2;margin:0 0 16px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .description{font-size:12px;letter-spacing:1.5px;line-height:2;color:#b8c7bf;margin:0 0 26px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .primary{display:flex;align-items:center;justify-content:space-between;width:215px;min-height:52px;padding:0 21px;background:#d8c59e;border:1px solid #dfc99f;color:#173b36;font-size:13px;letter-spacing:2px;transition:background .2s,transform .2s}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .primary b{font:23px sans-serif;font-weight:300}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .primary:hover{background:#ebd9b4;transform:translateY(-2px)}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .atlas-link{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;color:#bfc8b3;border:0;padding:0;background:none;cursor:pointer;margin-top:17px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .atlas-link>span{color:#bca169;font-size:19px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .side-note{position:absolute;right:27px;top:28px;writing-mode:vertical-rl;color:#dcd0af88;font-size:8px;letter-spacing:2.4px;margin:0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .art-caption{position:absolute;right:6%;bottom:30px;display:flex;align-items:center;gap:12px;color:#ded4ba;text-shadow:0 2px 10px #071b22}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .art-caption>span{width:28px;height:1px;background:#b59a60}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .art-caption p{font:13px var(--serif);letter-spacing:2px;margin:0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .art-caption small{font:8px sans-serif;letter-spacing:1.5px;display:block;color:#a8b5a8;margin-top:8px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .coordinates{position:absolute;left:6.2%;bottom:22px;display:flex;align-items:center;gap:14px;font:6px sans-serif;letter-spacing:2px;color:#93a89977}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .coordinates i{display:block;width:26px;height:1px;background:#93a89944}
.chapter-footer-lushun{height:98px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4.8%;background:var(--ivory);border-top:1px solid #214b4517}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .previous{display:flex;align-items:center;gap:20px;color:#7a8c7b}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .previous>span{font:28px var(--serif);color:#9c8452}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .previous small{font-size:10px;letter-spacing:2px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .collection{display:flex;align-items:center;gap:16px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .collection>strong{font:50px/1 var(--serif);font-weight:400;color:#a88c55}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .collection>span{font:15px var(--serif);letter-spacing:3px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .collection small{display:block;font:8px sans-serif;letter-spacing:2px;color:#84927e;margin-top:9px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .next{display:flex;align-items:center;gap:40px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .next small{display:block;font-size:8px;letter-spacing:2px;color:#a08d62}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .next strong{display:block;font:20px var(--serif);letter-spacing:3px;font-weight:400;margin-top:7px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .next b{font:28px var(--serif);color:#a88c55}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#dedbcf}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .progress span{display:block;height:100%;width:calc(100% / 6);margin-left:calc(200% / 6);background:#a88c55}
.lushun-dialog{background:#10282b;color:#f1ede3;border:1px solid #a88c5580;width:min(950px,calc(100% - 34px));max-height:88svh;padding:27px;box-shadow:0 30px 120px #06191f99}
.lushun-dialog::backdrop{background:#081b23b8;backdrop-filter:blur(6px)}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-header small{font-size:8px;letter-spacing:2px;color:#baa36f}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-header h2{font:29px var(--serif);letter-spacing:4px;font-weight:400;margin:10px 0 0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-header button{width:35px;height:35px;background:none;border:1px solid #bca67177;color:#e4d4b2;font:27px sans-serif;cursor:pointer}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-intro{font-size:11px;letter-spacing:1px;color:#aabeb3;margin:17px 0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .atlas-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;align-items:stretch}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-map{position:relative;min-height:365px;background:radial-gradient(ellipse at 50% 50%,#23504c 0%,#10282b 62%);overflow:hidden}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .map-orbit{position:absolute;left:10%;top:21%;width:80%;height:58%;border:1px solid #a88c5533;border-radius:50%;pointer-events:none;transform:rotate(-30deg)}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .orbit-two{transform:rotate(45deg);left:17%;top:10%;width:66%;height:80%}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-button{position:absolute;padding:0;border:0;background:transparent;width:18px;height:18px;cursor:pointer;transform:translate(-50%,-50%);display:grid;place-items:center}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-button:before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#cbb47c;box-shadow:0 0 7px #c9ba8d80;transition:transform .15s,background .15s}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-button:hover:before,:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-button[aria-pressed=true]:before{transform:scale(2.1);background:#fff0c2;box-shadow:0 0 16px #f1d590}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .object-detail{margin:0;background:#0c2024;padding:15px;min-width:0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .object-image{height:230px;background:#122a2d;display:flex;align-items:center;justify-content:center}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .object-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .object-detail figcaption{padding:14px 3px 3px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .object-detail small{font-size:8px;letter-spacing:2px;color:#a69b74}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .object-detail h3{font:20px var(--serif);font-weight:400;letter-spacing:2px;margin:8px 0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .object-detail p{font-size:10px;letter-spacing:1px;color:#acbbac;margin:0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .object-detail .record-note{font-size:8px;color:#728c81;line-height:1.8;margin-top:12px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-enter{display:inline-block;border:1px solid #b39a5c8c;color:#ddcda6;font-size:11px;letter-spacing:1px;padding:12px 17px;margin-top:20px}
@media(max-width:1100px){:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) nav{gap:19px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .site-header{gap:20px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .cover-copy{width:48%;padding-left:5%}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .eyebrow{font-size:8px;letter-spacing:2px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1 strong{font-size:120px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1>span{font-size:25px;letter-spacing:16px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .subtitle{font-size:18px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .description{font-size:11px;letter-spacing:1px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .previous small{display:none}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .coordinates{left:5%}}
@media(max-height:780px) and (min-width:801px){.lushun-scene{min-height:450px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .cover-copy{padding-top:20px;padding-bottom:25px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .eyebrow{margin-bottom:12px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1{margin-bottom:18px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1 strong{font-size:116px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1>span{font-size:24px;margin-top:3px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .subtitle{font-size:19px;margin-bottom:12px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .description{font-size:11px;line-height:1.9;margin-bottom:18px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .primary{min-height:46px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .atlas-link{margin-top:12px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .coordinates{display:none}}
@media(max-width:800px){:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .site-header{height:121px;padding:16px 22px 9px;display:block}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .brand{gap:10px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .seal{width:31px;height:34px;font-size:23px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .brand strong{width:108px;height:34px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .brand small{font-size:7px;letter-spacing:2px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) nav{height:31px;justify-content:space-between;gap:10px;margin-top:13px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) nav a{font-size:9px;letter-spacing:0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) nav a[aria-current]:after{bottom:0}
.lushun-scene{height:calc(100svh - 207px);min-height:0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-art{inset:auto 0 0 auto;width:170%;height:auto;object-fit:contain}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .night-shade{background:linear-gradient(180deg,#081c22 0%,#081c22 31%,#081c2299 46%,#081c2200 65%)}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .cover-copy{padding:26px 27px 0;width:100%;height:100%;display:block}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .eyebrow{font-size:7px;letter-spacing:2px;gap:10px;margin-bottom:14px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .eyebrow>span{font-size:16px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .eyebrow i{width:18px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1{display:flex;align-items:baseline;gap:9px;margin:0 0 18px -3px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1 strong{font-size:88px;letter-spacing:5px;line-height:1.05}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1>span{font-size:19px;letter-spacing:5px;display:inline;margin:0;padding:0}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .subtitle{font-size:17px;letter-spacing:2px;margin-bottom:11px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .description{font-size:10px;letter-spacing:1px;line-height:1.8;margin-bottom:17px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .primary{width:179px;min-height:44px;font-size:11px;padding:0 16px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .primary b{font-size:20px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .atlas-link{font-size:8px;letter-spacing:1px;margin-top:11px;gap:7px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .atlas-link>span{font-size:17px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .side-note,:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .coordinates{display:none}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .art-caption{right:22px;bottom:17px;gap:8px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .art-caption>span{width:16px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .art-caption p{font-size:10px;letter-spacing:1px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .art-caption small{font-size:6px;letter-spacing:1px;margin-top:5px}
.chapter-footer-lushun{height:86px;padding:0 23px;gap:15px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .previous{display:none}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .collection{gap:10px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .collection>strong{font-size:38px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .collection>span{font-size:11px;letter-spacing:1px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .collection small{font-size:6px;letter-spacing:.5px;margin-top:7px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .next{gap:17px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .next small{font-size:6px;letter-spacing:1px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .next strong{font-size:15px;letter-spacing:1px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .next b{font-size:22px}
.lushun-dialog{padding:22px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-header h2{font-size:24px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-header small{font-size:6px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .atlas-layout{grid-template-columns:1fr;gap:15px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-map{min-height:215px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .object-image{height:220px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-intro{font-size:10px;line-height:1.8}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .dialog-enter{font-size:10px}}
@media(min-width:651px) and (max-width:800px){:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-art{inset:0;width:100%;height:100%;object-fit:contain;object-position:right center}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .night-shade{background:linear-gradient(90deg,#081c22 0%,#081c22e8 16%,#081c2266 40%,transparent 62%)}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .cover-copy{padding:18px 0 20px 5%;width:46%;display:flex}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1{display:block;margin-bottom:17px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1 strong{font-size:105px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1>span{display:block;font-size:22px;letter-spacing:13px;padding-left:6px;margin-top:4px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .subtitle{font-size:16px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .description{font-size:10px}}
@media(min-width:651px) and (max-width:800px) and (max-height:760px){:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1 strong{font-size:86px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1>span{font-size:20px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .eyebrow{margin-bottom:9px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .subtitle{font-size:15px;margin-bottom:8px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .description{margin-bottom:13px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .primary{min-height:42px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .atlas-link{margin-top:8px}}
@media(max-width:380px){:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1 strong{font-size:78px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) h1>span{font-size:18px;letter-spacing:3px}
:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .collection small{font-size:6px;max-width:120px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .primary,:is(.lushun-scene,.lushun-dialog,.chapter-footer-lushun) .star-button:before{transition:none}}
/* Approved chapter previews integrated into the seven-screen route. */
.civilization-scene,.lushun-scene{height:100%;min-height:0;flex:0 0 100%;margin:0;border:0;width:100%;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.civilization-scene::before,.civilization-scene::after,.lushun-scene::before,.lushun-scene::after{content:none}
.civilization-dialog,.lushun-dialog{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.lushun-dialog .star-map,.lushun-dialog .star-button{pointer-events:auto}
.civilization-scene .main-title span{display:block;line-height:0;letter-spacing:0}
.civilization-scene .main-title img{display:block;width:2.15em;height:auto;max-width:none}
.lushun-scene h1 strong img{display:block;width:2.15em;height:auto;max-width:none}
.page-shell.is-civilization-chapter,.page-shell.is-lushun-chapter{--topbar:88px;--bottombar:98px}
:is(.is-civilization-chapter,.is-lushun-chapter) .site-header{padding:0 4.8%;gap:30px}
:is(.is-civilization-chapter,.is-lushun-chapter) .brand-seal{width:42px;height:45px;font-size:29px;box-shadow:none}
:is(.is-civilization-chapter,.is-lushun-chapter) .header-marker{display:none}
:is(.is-civilization-chapter,.is-lushun-chapter) .chapter-nav{gap:30px}
:is(.is-civilization-chapter,.is-lushun-chapter) .chapter-nav button{font:12px/1.2 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;letter-spacing:1px;color:#214b45}
.chapter-footer-civilization,.chapter-footer-lushun{display:none;height:100%}
.is-civilization-chapter .site-footer,.is-lushun-chapter .site-footer{display:block;padding:0;border-top:0;background:#f1ede3}
.is-civilization-chapter .site-footer>:not(.chapter-footer-civilization){display:none}
.is-lushun-chapter .site-footer>:not(.chapter-footer-lushun){display:none}
.is-civilization-chapter .chapter-footer-civilization,.is-lushun-chapter .chapter-footer-lushun{display:flex;height:100%}
@media(max-width:1100px){:is(.is-civilization-chapter,.is-lushun-chapter) .chapter-nav{gap:19px}}
@media(max-width:800px){
 .page-shell.is-civilization-chapter,.page-shell.is-lushun-chapter{--topbar:121px;--bottombar:86px}
 :is(.is-civilization-chapter,.is-lushun-chapter) .site-header{padding:16px 22px 9px;gap:11px 20px}
 :is(.is-civilization-chapter,.is-lushun-chapter) .brand-seal{width:31px;height:34px;font-size:23px}
 :is(.is-civilization-chapter,.is-lushun-chapter) .chapter-nav{gap:10px;justify-content:space-between;flex-basis:100%;height:31px;margin-top:0}
 :is(.is-civilization-chapter,.is-lushun-chapter) .chapter-nav button{font-size:9px;letter-spacing:0;height:31px;min-height:0;padding:0}
 .civilization-scene .main-title{line-height:0;letter-spacing:0}
 .civilization-scene .main-title span{display:inline-block;vertical-align:top}
}
@media(min-width:651px) and (max-width:800px){.civilization-scene .main-title span{display:block}}