/* The interface sits inside the journey; the world owns the viewport. */
body.single-universe{--edge:36px;--panel-top:95px;--panel-bottom:114px;background:#02040a}
body.single-universe .header{height:94px;padding:0 38px;background:linear-gradient(#02050b80,transparent);pointer-events:none}
body.single-universe .header>button{pointer-events:auto}
body.single-universe .brand{gap:0;min-width:0}
body.single-universe .brand-symbol{display:none}
body.single-universe .brand-name{font-size:27px;letter-spacing:8px;color:#e3ddcb}
body.single-universe .brand-name small{font-size:9px;letter-spacing:3px;color:#b7b6b38c}
.explore-toggle{margin-left:auto;font:12px var(--sans);letter-spacing:2px;color:#d1d4d6;display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:none;padding:8px}
.explore-icon{font:23px var(--serif);color:#d0b993;transition:transform .3s}.explore-open .explore-icon{transform:rotate(45deg)}
.single-universe .cu-vignette{background:radial-gradient(ellipse at 55% 45%,transparent 36%,#01030b38 100%),linear-gradient(0deg,#02050bbd,transparent 21%,transparent 90%,#02050b50)}
.single-universe .cu-intro{left:10%;top:43%;right:auto;max-width:450px;transform:translateY(-30%);transition:opacity .8s,transform 1.2s;pointer-events:none}
.single-universe .cu-intro .cu-eyebrow{font:9px var(--sans);letter-spacing:4px;color:#adbbcd8c;display:block}
.single-universe .cu-intro h1{font:65px/1.6 var(--serif);letter-spacing:15px;margin:13px 0 8px;color:#e8e1cf;text-shadow:0 0 35px #e3c99a12}
.single-universe .cu-intro-copy{display:block;font:13px/1.9 var(--serif);letter-spacing:3px;color:#b3bbcc;margin:0 0 24px}
.single-universe .cu-intro-actions{display:flex;gap:22px;align-items:center;pointer-events:auto}
.single-universe .cu-intro-actions .cu-cruise{border:1px solid #c6b48d40;background:#07132122;padding:12px 18px!important;display:flex;align-items:center;gap:36px;font:13px var(--serif)!important;color:#e4d8c2!important;letter-spacing:4px;min-height:46px;backdrop-filter:blur(5px)}
.cu-cruise i{font-style:normal;font-size:19px;color:#d2bd92}.single-universe .cu-discover{color:#9aacc0!important;font-size:11px!important}
.single-universe .cu-stat,.single-universe .cu-compass,.single-universe .cu-mode{display:none}
.single-universe.has-travelled .cu-intro{opacity:0;transform:translateY(-20%);visibility:hidden;pointer-events:none}
.cu-era-coordinate{position:absolute;left:50%;top:29px;transform:translateX(-50%);z-index:4;text-align:center;pointer-events:none;display:grid;gap:5px;color:#c3c5c8;transition:opacity .5s}
.cu-era-coordinate>span{font:8px var(--sans);letter-spacing:4px;color:#8190a18c}
.cu-era-coordinate>strong{font:17px var(--serif);letter-spacing:5px;color:#ded7c7}
.cu-era-coordinate>small{font:9px var(--sans);letter-spacing:1px;color:#9ca7b9}
.single-universe .cu-scope-bar{left:36px;top:106px;gap:10px;max-width:300px}
.single-universe .cu-scope{font-size:19px;letter-spacing:2px}.single-universe .cu-total{font-size:10px}.single-universe .cu-overview{font-size:11px!important}
.single-universe .cu-statusbar{bottom:116px;left:36px;color:#8698ae80;font-size:10px;gap:9px;pointer-events:none}.single-universe .cu-in-view{display:none}.cu-live-dot{opacity:.5}
.single-universe .cu-controls{bottom:108px;right:36px;opacity:.7}.single-universe .cu-controls:hover{opacity:1}
.single-universe .cu-controls button{min-width:32px;min-height:34px;font-size:15px!important}.single-universe .cu-scale{font-size:10px;width:36px}
.cu-flight-hint{position:absolute;left:50%;bottom:112px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;font:10px var(--sans);letter-spacing:2px;color:#a4b1c0c4;z-index:5;white-space:nowrap}
.cu-flight-hint i{height:1px;width:23px;background:#8198b85c}.cu-flight-toggle{min-width:32px;min-height:32px;color:#d4c39f!important;font:15px var(--sans)!important}
.single-universe .cu-timeline{left:36px;right:36px;bottom:19px;border-color:#d1d8e318;padding:10px 0 0;z-index:5}
.single-universe .cu-time-heading{margin-bottom:0}.single-universe .cu-timeline-label{font-size:9px;letter-spacing:3px;color:#9cabb485}.single-universe .cu-time-year{font-size:10px;letter-spacing:1px;color:#8c9cad;font-family:var(--sans)}
.single-universe .cu-eras{font-size:10px!important;letter-spacing:1px}
.single-universe .cu-time-track{height:12px;margin:0 0 3px;opacity:.75}.single-universe .cu-density{height:9px;opacity:.5}.single-universe .cu-density i{max-height:6px}
.single-universe .cu-slider{height:20px;top:-2px;cursor:ew-resize}.single-universe .cu-era-nav{display:grid;grid-template-columns:repeat(8,1fr)}
.single-universe .cu-era-nav button{font:10px var(--sans)!important;letter-spacing:1px;padding:8px 0 0!important;min-height:28px;color:#8492a4!important}.single-universe .cu-era-nav button[aria-pressed=true]{color:#ddc698!important}
.single-universe .cu-era-nav small,.single-universe .cu-foot{display:none}
.single-universe .cu-labels button{font:12px var(--serif)!important;letter-spacing:2px;color:#d4d7ded4!important}.single-universe .cu-labels button:before{width:12px}
.single-universe .explore-dock{position:fixed;left:30px;top:102px;width:350px;max-height:calc(100dvh - 220px);overflow:auto;z-index:22;padding:25px;background:linear-gradient(140deg,#0a1427ed,#040a16f0);border:1px solid #b0c2d621;border-radius:4px;backdrop-filter:blur(24px);box-shadow:0 25px 85px #0004;opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .25s,transform .25s,visibility .25s}
.explore-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#8c9bad;font-size:10px;letter-spacing:2px}
.explore-close{min-width:28px;min-height:28px;font:24px var(--sans)!important;color:#adbdcc!important}
.single-universe.explore-open .explore-dock{opacity:1;visibility:visible;transform:translateY(0)}
.single-universe.explore-open .cu-intro{opacity:0;pointer-events:none}
body.single-universe .explore-dock .navigation{position:static;display:flex;flex-wrap:wrap;gap:22px;margin:0;padding-bottom:20px;border-bottom:1px solid #a0b6d31c;width:auto;height:auto;background:none}
body.single-universe .explore-dock .nav-button{font-size:14px;letter-spacing:2px;padding:0;min-height:36px;color:#d3ccbd}
body.single-universe .explore-dock .source-button{position:absolute;right:26px;bottom:20px;font-size:10px;min-height:30px;display:flex;padding:0;gap:6px;margin:0;z-index:2}
body.single-universe .explore-dock .source-button svg{width:15px;height:15px}.single-universe .explore-dock .source-button span{display:block}
.single-universe .explore-dock .cu-toolbar{position:static;display:block;padding-top:23px}
.single-universe .explore-dock .cu-search-tools{display:flex;flex-wrap:wrap;gap:16px;width:auto}
.single-universe .explore-dock .cu-search-wrap{width:100%;flex:0 0 100%;height:40px}
.single-universe .explore-dock .cu-search{font-size:14px!important}
.single-universe .explore-dock .cu-search-tools>button{font-size:12px!important;min-height:35px;letter-spacing:1px}
.single-universe .explore-dock .cu-saved{margin-left:0}
.single-universe .explore-dock .cu-navigation{position:static;display:block;visibility:inherit!important;width:auto!important;margin-top:24px;padding:20px 0 38px;border-top:1px solid #a0b6d31c}
.single-universe .explore-dock .cu-navigation>p{display:block;font-size:10px;color:#768ba3;letter-spacing:2px;margin:0 0 15px}
.single-universe .explore-dock .cu-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 10px;flex-wrap:wrap;overflow:visible}
.single-universe .explore-dock .cu-categories button{font-size:12px!important;min-height:36px}
.single-universe .cu-panel{top:95px;bottom:114px;right:5%;width:min(440px,42vw);padding:27px 30px;border-radius:3px;border:1px solid #b6c9da18;background:linear-gradient(125deg,#06111fd9,#030918ed);box-shadow:0 20px 90px #0004;backdrop-filter:blur(23px)}
.single-universe .cu-detail-title{font-size:32px;letter-spacing:3px;margin:13px 0 12px}.single-universe .cu-detail-kind{color:#c7ae86}.single-universe .cu-context{color:#8499b1}
.single-universe .cu-detail-header,.single-universe .cu-result-header{top:-27px;background:linear-gradient(#081220 86%,#081220ee);border-bottom-color:#8aa0bd13}
.single-universe .cu-body p{color:#b6c4d4}.single-universe .cu-detail-date{color:#929daf}
.single-universe .cu-reading .cu-intro,.single-universe .cu-panel-open .cu-intro{display:none}
.single-universe .cu-reading .cu-flight-hint,.single-universe .cu-panel-open .cu-flight-hint,.daguan-layer-open .cu-flight-hint{visibility:hidden}
.single-universe .cu-reading .cu-scope-bar,.single-universe .cu-panel-open .cu-scope-bar{display:none}
.single-universe .cu-flying .cu-detail{animation:none}
.single-universe #contentDialog{inset:95px 5% 114px auto;width:min(660px,80vw);background:linear-gradient(145deg,#081522eb,#040a16f2);border:1px solid #b6c9da22;border-radius:3px}
.single-universe .cu-journey-dock{left:36px;bottom:154px;max-width:calc(100% - 560px);background:linear-gradient(90deg,#050c18bb,transparent);width:280px}
.single-universe .cu-toast{bottom:127px}
@media(min-width:1500px){.single-universe .cu-intro{left:13%}.single-universe .cu-intro h1{font-size:83px}.single-universe .cu-panel{right:8%;width:480px}}
@media(max-width:800px){
 body.single-universe{--panel-top:85px;--panel-bottom:100px}
 body.single-universe .header{height:80px;padding:0 22px}.single-universe .brand-name{font-size:23px!important;letter-spacing:6px!important}
 body.single-universe .brand-name small{display:block;font-size:7px;letter-spacing:1px;margin-top:4px}
 .explore-toggle{font-size:10px;letter-spacing:1px;gap:6px}.explore-icon{font-size:19px}
 .cu-era-coordinate{top:23px}.cu-era-coordinate>span{display:none}.cu-era-coordinate>strong{font-size:14px}.cu-era-coordinate>small{font-size:8px;max-width:125px}
 .single-universe .cu-intro{left:8%;top:38%;right:15px;max-width:300px;display:block}
 .single-universe .cu-intro h1{font-size:52px;letter-spacing:10px;margin:15px 0 12px}.single-universe .cu-intro .cu-eyebrow{font-size:7px;letter-spacing:2px}
 .single-universe .cu-intro-copy{font-size:12px;letter-spacing:1px;margin-bottom:25px}
 .single-universe .cu-intro-actions{gap:20px}.single-universe .cu-intro-actions .cu-cruise{gap:25px;font-size:12px!important;padding:9px 16px!important;min-height:42px}
 .single-universe .cu-discover{font-size:10px!important}
 .single-universe .cu-scope-bar{top:100px;left:22px}.single-universe .cu-scope{font-size:17px}
 .single-universe .cu-statusbar{display:none}.single-universe .cu-controls{right:15px;bottom:99px;display:flex}.single-universe .cu-controls .cu-fit,.single-universe .cu-scale{display:none}
 .single-universe .cu-controls button{min-width:28px;min-height:32px;font-size:14px!important}
 .cu-flight-hint{left:20px;transform:none;bottom:100px;font-size:9px;letter-spacing:1px;gap:7px}.cu-flight-hint>span:first-child,.cu-flight-hint>i{display:none}
 .single-universe .cu-timeline{left:20px;right:20px;bottom:16px;padding-top:9px}.single-universe .cu-time-heading{margin:0 0 3px}.single-universe .cu-timeline-label{display:none}
 .single-universe .cu-time-year{font-size:9px;max-width:69vw}.single-universe .cu-eras{font-size:9px!important}
 .single-universe .cu-time-track{height:12px;margin-bottom:0}.single-universe .cu-era-nav{display:flex;gap:0;justify-content:space-between}
 .single-universe .cu-era-nav button{font-size:9px!important;letter-spacing:0;min-height:29px;padding:8px 0 0!important;white-space:nowrap}
 .single-universe .cu-era-nav button:nth-child(4){font-size:0!important}.single-universe .cu-era-nav button:nth-child(4):after{content:'魏晋';font-size:9px}
 .single-universe .cu-labels button{font-size:10px!important;letter-spacing:1px;padding:5px!important}
 .single-universe .explore-dock{left:14px;right:14px;top:86px;width:auto;max-height:calc(100dvh - 183px);padding:22px}
 .single-universe.explore-open .cu-panel{visibility:hidden;pointer-events:none}
 .single-universe .cu-panel{inset:86px 14px 100px;width:auto;max-height:none;padding:23px;border-radius:3px}
 .single-universe .cu-detail-title{font-size:28px}.single-universe .cu-detail-header,.single-universe .cu-result-header{top:-23px}
 .single-universe .cu-next{bottom:-23px;margin-bottom:-23px;background:#060e1af5!important}
 .single-universe #contentDialog{inset:86px 14px 100px;width:auto;border-radius:3px}
 .single-universe .cu-journey-dock{display:none}.single-universe .cu-toast{bottom:104px}
 .single-universe .cu-reading .cu-era-coordinate,.single-universe .cu-panel-open .cu-era-coordinate,.daguan-layer-open .cu-era-coordinate{opacity:.5}
}
@media(max-width:370px){.cu-era-coordinate{display:none}.single-universe .cu-intro h1{font-size:45px}.single-universe .cu-era-nav button{font-size:8px!important}.single-universe .cu-era-nav button:nth-child(4):after{font-size:8px}}
@media(max-height:500px){
 body.single-universe .header{height:65px}.cu-era-coordinate{top:14px}
 .single-universe .cu-intro{top:29%;left:8%;display:block}.single-universe .cu-intro h1{font-size:38px;line-height:1.3;margin:12px 0}.single-universe .cu-intro-copy{display:none}
 .single-universe .cu-intro .cu-eyebrow{font-size:7px}.single-universe .cu-intro-actions .cu-cruise{min-height:34px;padding:6px 15px!important}
 .single-universe .cu-panel,.single-universe #contentDialog{top:67px;bottom:85px}.single-universe .explore-dock{top:67px;max-height:calc(100dvh - 84px)}
 .single-universe .cu-timeline{bottom:10px}.single-universe .cu-controls{bottom:80px}.cu-flight-hint{bottom:82px}.single-universe .cu-statusbar{display:none}
}
#civilization-deep-cosmos .cu-cruise{border:1px solid #c6b48d55;background:#07132155}
#civilization-deep-cosmos .cu-cruise span{padding:0}
.single-universe .explore-dock .explore-heading{position:static;inset:auto;width:auto;min-height:28px}
.single-universe .explore-dock .explore-heading>span{font-size:10px;color:#8c9bad}
#civilization-deep-cosmos .explore-dock .source-button{font-size:10px}
#civilization-deep-cosmos .explore-dock .nav-button{font-size:14px}
.single-universe .cu-slider::-webkit-slider-thumb{opacity:1!important}
.single-universe .cu-slider::-moz-range-thumb{opacity:1!important}
@media(max-width:800px){
 .single-universe.is-searching.explore-open .explore-dock{height:91px;padding:20px 22px;overflow:hidden}
 .single-universe.is-searching.explore-open .explore-heading,.single-universe.is-searching.explore-open .explore-dock .navigation,.single-universe.is-searching.explore-open .explore-dock .source-button,.single-universe.is-searching.explore-open .explore-dock .cu-navigation,.single-universe.is-searching.explore-open .cu-search-tools>button{display:none}
 .single-universe.is-searching.explore-open .explore-dock .cu-toolbar{padding-top:0}
 .single-universe.is-searching.explore-open .cu-results{visibility:visible;pointer-events:auto;top:187px}
}
body.single-universe .explore-dock .source-button{position:static;display:flex;width:fit-content;margin-left:auto;margin-top:8px;flex-shrink:0}
.single-universe .explore-dock .cu-navigation{padding-bottom:0}
.single-universe .cu-era-nav{display:grid;grid-template-columns:1fr 2fr 3fr 3fr 1fr 3fr 2fr 7fr;gap:3px}
.single-universe .cu-era-nav button:nth-child(8){text-align:right}
@media(max-width:800px){.single-universe .cu-era-nav{grid-template-columns:1fr 2fr 3fr 3fr 1fr 3fr 2fr 7fr;gap:2px}}