/* 大观 design system — loaded last. Three acts share one typeface, one type and
   spacing scale, and one accent per surface: cinnabar on paper (the scroll map),
   gold on night (the chapter cover and the star sea). */
:root{
  --dg-serif:'Daguan Serif','Noto Serif SC','Songti SC','STSong',serif;
  --serif:var(--dg-serif);
  /* type scale (1.125–1.25 steps); nothing below 12px */
  --dg-text-xs:.75rem;--dg-text-sm:.8125rem;--dg-text-base:.9375rem;--dg-text-md:1.0625rem;--dg-text-lg:1.25rem;
  --dg-text-xl:1.5rem;--dg-text-2xl:2rem;--dg-text-3xl:2.75rem;
  /* spacing on an 8px rhythm */
  --dg-1:4px;--dg-2:8px;--dg-3:12px;--dg-4:16px;--dg-5:24px;--dg-6:32px;--dg-7:48px;--dg-8:64px;
  /* paper & ink */
  --dg-paper:oklch(0.915 0.027 80);--dg-paper-deep:oklch(0.845 0.04 72);--dg-paper-raised:oklch(0.95 0.018 82);--dg-land:oklch(0.935 0.022 82);
  --dg-ink:oklch(0.24 0.012 60);--dg-ink-2:oklch(0.40 0.015 60);--dg-ink-3:oklch(0.50 0.02 65);
  --dg-rule:oklch(0.3 0.02 60 / .3);--dg-cinnabar:oklch(0.54 0.175 31);--dg-cinnabar-hover:oklch(0.48 0.17 31);
  --dg-river:oklch(0.42 0.05 235 / .55);--dg-wave:oklch(0.45 0.03 230 / .3);
  /* night & gold */
  --dg-night:oklch(0.13 0.006 70);--dg-on-night:oklch(0.95 0.01 85);--dg-on-night-2:oklch(0.72 0.015 85);--dg-on-night-3:oklch(0.58 0.012 85);
  --dg-gold:oklch(0.80 0.12 78);--dg-gold-hover:oklch(0.87 0.11 84);
  --dg-ease:cubic-bezier(.16,1,.3,1);
  --dg-shadow-lg:0 1px 0 oklch(1 0 0 / .5) inset,0 18px 40px -18px oklch(0.3 0.04 60 / .35),0 4px 10px -6px oklch(0.3 0.04 60 / .2);
}
body.single-universe{font-family:var(--dg-serif)}

/* ═══ Act II · the scroll map ═══ */
#civilization-deep-cosmos .hm-world{background:radial-gradient(120% 90% at 62% 45%,var(--dg-paper) 40%,var(--dg-paper-deep));color:var(--dg-ink);font-family:var(--dg-serif)}
#civilization-deep-cosmos .hm-world::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.5;
  background:repeating-linear-gradient(90deg,oklch(0.5 0.03 70 / .025) 0 1px,transparent 1px 3px),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .42  0 0 0 0 .33  0 0 0 0 .22  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
#civilization-deep-cosmos .hm-world :is(.hm-marker-layer,.hm-annotation-layer,.hm-intro,.hm-mode,.hm-zoom,.hm-map-caption,.hm-map-credit,.hm-place-panel,.hm-reading-note,.hm-no-location){z-index:2}
#civilization-deep-cosmos .hm-world .hm-rail{z-index:3}

#civilization-deep-cosmos .hm-world .hm-sea{fill:url(#hm-waves)}
#civilization-deep-cosmos .hm-world #hm-waves path{fill:none;stroke:var(--dg-wave);stroke-width:.7}
#civilization-deep-cosmos .hm-world #hm-hatch line{stroke:oklch(0.3 0.02 60 / .22);stroke-width:.8}
#civilization-deep-cosmos .hm-world .hm-era-wash{fill:var(--hm-tint,transparent);opacity:.05;mix-blend-mode:multiply}
#civilization-deep-cosmos .hm-world .hm-graticule{stroke:var(--dg-ink);stroke-opacity:.07;stroke-width:.5}
#civilization-deep-cosmos .hm-world .hm-land-depth{fill:none;stroke:var(--dg-ink);stroke-opacity:.16;stroke-width:6;stroke-linejoin:round;transform:none;opacity:1;vector-effect:non-scaling-stroke}
#civilization-deep-cosmos .hm-world .hm-land{fill:var(--dg-land);stroke:var(--dg-ink);stroke-opacity:.9;stroke-width:1.1;stroke-linejoin:round}
#civilization-deep-cosmos .hm-world .hm-river-glow{display:none}
#civilization-deep-cosmos .hm-world .hm-rivers{stroke:var(--dg-river);stroke-opacity:1;stroke-width:.9}
#civilization-deep-cosmos .hm-world .hm-era-border path.hm-era-fill{fill:url(#hm-hatch);fill-opacity:1;stroke:none}
#civilization-deep-cosmos .hm-world .hm-era-border.is-main path.hm-era-fill{fill:oklch(0.3 0.02 60 / .085);fill-opacity:1;filter:url(#hm-wash)}
#civilization-deep-cosmos .hm-world .hm-era-border path.hm-era-line{fill:none;stroke:var(--dg-ink-3);stroke-opacity:1;stroke-width:.8;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
#civilization-deep-cosmos .hm-world .hm-era-border.is-main path.hm-era-line{stroke:var(--dg-ink-2);stroke-width:1;stroke-dasharray:7 4}
#civilization-deep-cosmos .hm-world .hm-era-border:hover path.hm-era-line{stroke:var(--dg-cinnabar);stroke-width:1.4}
#civilization-deep-cosmos .hm-world .hm-era-border-labels text{font-family:var(--dg-serif);writing-mode:vertical-rl;text-anchor:middle;dominant-baseline:central;stroke:none;paint-order:normal;
  fill:var(--dg-ink-2);font-weight:500;font-size:calc(22px / var(--hm-k,1));letter-spacing:.5em;opacity:.75}
#civilization-deep-cosmos .hm-world .hm-era-border-labels text.is-main{fill:var(--dg-ink);font-weight:900;font-size:calc(112px / var(--hm-k,1));letter-spacing:.15em;opacity:.08}
#civilization-deep-cosmos .hm-world .hm-zone{fill:oklch(0.3 0.02 60 / .06);stroke:var(--dg-ink-3);stroke-dasharray:3 4}
#civilization-deep-cosmos .hm-world .hm-zone-labels text{fill:var(--dg-ink-2);font:500 15px var(--dg-serif);letter-spacing:.2em}
#civilization-deep-cosmos .hm-world .hm-label-links path{stroke:var(--dg-ink-3);stroke-opacity:.5;stroke-width:.7}
/* places: walled-city seals (方城) */
#civilization-deep-cosmos .hm-world .hm-point-halo{fill:var(--dg-land);stroke:var(--dg-ink);stroke-width:1.3}
#civilization-deep-cosmos .hm-world .hm-point-core{fill:var(--dg-ink);stroke:none}
#civilization-deep-cosmos .hm-world .hm-point.is-active .hm-point-halo{fill:var(--dg-cinnabar);stroke:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-point.is-active .hm-point-core{fill:var(--dg-paper-raised)}
#civilization-deep-cosmos .hm-world .hm-anno-mark{fill:var(--dg-ink-3);stroke:none}
#civilization-deep-cosmos .hm-world .hm-anno-mark.is-capital{fill:var(--dg-cinnabar);stroke:var(--dg-land);stroke-width:1.5}
#civilization-deep-cosmos .hm-world .hm-marker small{display:none}
/* 舆图 layers */
#civilization-deep-cosmos .hm-world .hm-desert{fill:url(#hm-stipple);stroke:none}
#civilization-deep-cosmos .hm-world #hm-stipple circle{fill:oklch(0.45 0.05 70 / .38)}
#civilization-deep-cosmos .hm-world .hm-peaks-back{fill:oklch(0.86 0.028 175);stroke:var(--dg-ink-3);stroke-width:.7;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#civilization-deep-cosmos .hm-world .hm-peaks{fill:oklch(0.9 0.026 135);stroke:var(--dg-ink-2);stroke-width:.85;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#civilization-deep-cosmos .hm-world .hm-peak-shade{fill:none;stroke:var(--dg-ink-2);stroke-opacity:.45;stroke-width:.6;stroke-linecap:round;vector-effect:non-scaling-stroke}
#civilization-deep-cosmos .hm-world .hm-river-major-out{fill:none;stroke:oklch(0.42 0.06 235 / .75);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#civilization-deep-cosmos .hm-world .hm-river-major-in{fill:none;stroke:oklch(0.93 0.025 220);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#civilization-deep-cosmos .hm-world .hm-river-flow{fill:none;stroke:none}
@media (prefers-reduced-motion:no-preference){
  /* light drifting down the two great rivers */
  #civilization-deep-cosmos .hm-world .hm-river-flow{stroke:oklch(0.99 0.015 220);stroke-opacity:.95;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:2 34;vector-effect:non-scaling-stroke;animation:dg-flow 16s linear infinite}
}
@keyframes dg-flow{to{stroke-dashoffset:-360}}
/* the ink trace round a new era's frontier */
#civilization-deep-cosmos .hm-world .hm-era-trace{fill:none;stroke:var(--dg-ink);stroke-width:calc(2.2px / var(--hm-k,1));stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;pointer-events:none}
#civilization-deep-cosmos .hm-world .hm-era-borders.is-drawing .hm-era-trace{animation:dg-trace 1.9s var(--trace-delay,0s) cubic-bezier(.45,0,.25,1) forwards}
#civilization-deep-cosmos .hm-world .hm-era-borders.is-drawing :is(.hm-era-fill,.hm-era-line){animation:dg-appear 1.4s calc(var(--trace-delay,0s) + .6s) ease-out both}
#civilization-deep-cosmos .hm-world .hm-era-borders.is-drawing .hm-era-border-labels{animation:dg-appear 1.2s calc(var(--trace-delay,0s) + 1.2s) ease-out both}
@keyframes dg-trace{0%{stroke-dashoffset:1;opacity:1}72%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes dg-appear{from{opacity:0}to{opacity:1}}
/* 仰观: paper darkens, cities rise as stars */
#civilization-deep-cosmos .hm-world::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(120% 100% at 60% 40%,oklch(0.2 0.03 258),oklch(0.12 0.01 260));opacity:0;transition:opacity 1s ease-in}
#civilization-deep-cosmos .hm-world.is-ascending::before{opacity:1}
#civilization-deep-cosmos .hm-world .hm-ascend{position:absolute;inset:0;z-index:5;pointer-events:none}
#civilization-deep-cosmos .hm-world .hm-ascend i{position:absolute;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--dg-gold);box-shadow:0 0 14px 4px oklch(0.8 0.12 78 / .65);opacity:0;animation:dg-rise 1.1s calc(var(--i,0) * 45ms) cubic-bezier(.3,0,.2,1) forwards}
@keyframes dg-rise{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.3)}100%{opacity:.9;transform:translateY(-180px) scale(.5)}}
/* returning from the stars: the scroll unrolls right to left */
#civilization-deep-cosmos .hm-world.is-unrolling{animation:dg-unroll 1.2s cubic-bezier(.65,0,.35,1) both}
@keyframes dg-unroll{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
#civilization-deep-cosmos .hm-world .hm-art-labels text{font-family:var(--dg-serif);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--dg-land);stroke-width:calc(4px / var(--hm-k,1));stroke-linejoin:round}
#civilization-deep-cosmos .hm-world .hm-art-labels .hm-sea-label{stroke:none}
#civilization-deep-cosmos .hm-world .hm-range-label{font-size:calc(13px / var(--hm-k,1));font-weight:500;fill:var(--dg-ink-3);letter-spacing:.5em}
#civilization-deep-cosmos .hm-world .hm-desert-label{font-size:calc(15px / var(--hm-k,1));fill:oklch(0.45 0.05 70 / .8);letter-spacing:.9em}
#civilization-deep-cosmos .hm-world .hm-sea-label{writing-mode:vertical-rl;font-size:calc(17px / var(--hm-k,1));fill:oklch(0.42 0.05 235 / .7);letter-spacing:.7em}

/* place labels: vertical ink inscriptions */
#civilization-deep-cosmos .hm-world .hm-marker{writing-mode:vertical-rl;min-width:40px;min-height:44px;padding:var(--dg-1) var(--dg-2);color:var(--dg-ink);border-radius:2px;transition:color .2s,background .2s}
#civilization-deep-cosmos .hm-world .hm-marker span{font:500 var(--dg-text-md)/1.1 var(--dg-serif);letter-spacing:.14em;color:inherit;text-shadow:0 0 3px var(--dg-land),0 0 6px var(--dg-land),0 0 10px var(--dg-land)}
#civilization-deep-cosmos .hm-world .hm-marker small{font:var(--dg-text-xs)/1.2 var(--dg-serif);text-orientation:upright;color:var(--dg-ink-3);margin-inline-start:2px;letter-spacing:0}
#civilization-deep-cosmos .hm-world .hm-marker:hover{color:var(--dg-cinnabar);background:oklch(0.95 0.018 82 / .6)}
#civilization-deep-cosmos .hm-world .hm-marker.is-active{color:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-marker.is-active span{font-weight:900;color:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-marker:focus-visible{outline:2px solid var(--dg-cinnabar);outline-offset:2px}
#civilization-deep-cosmos .hm-world .hm-anno b{font:500 var(--dg-text-sm) var(--dg-serif);color:var(--dg-ink-2);text-shadow:0 0 4px var(--dg-land),0 0 8px var(--dg-land);letter-spacing:.1em}
#civilization-deep-cosmos .hm-world .hm-anno small{font:var(--dg-text-xs) var(--dg-serif);color:var(--dg-ink-3);text-shadow:0 0 4px var(--dg-land)}
#civilization-deep-cosmos .hm-world .hm-anno i{display:none}

/* the vertical era heading on the west of the scroll */
#civilization-deep-cosmos .hm-world .hm-intro{left:0;top:0;bottom:132px;width:max(460px,36vw);padding:104px var(--dg-6) var(--dg-5) var(--dg-7);display:flex;flex-direction:column;gap:var(--dg-5);
  background:linear-gradient(90deg,var(--dg-paper) 52%,oklch(0.915 0.027 80 / 0));pointer-events:none}
#civilization-deep-cosmos .hm-world .hm-intro-cols{flex:1;min-height:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;gap:20px}
#civilization-deep-cosmos .hm-world .hm-intro-cols>*{writing-mode:vertical-rl;margin:0;flex:none}
#civilization-deep-cosmos .hm-world .hm-seal{writing-mode:horizontal-tb!important;flex:none;width:56px;height:56px;display:grid;place-items:center;text-align:center;
  background:var(--dg-cinnabar);color:var(--dg-paper-raised);font:900 20px/1.05 var(--dg-serif);letter-spacing:.04em;border-radius:3px;
  box-shadow:inset 0 0 0 3px var(--dg-cinnabar),inset 0 0 0 4px oklch(0.95 0.02 80 / .55)}
#civilization-deep-cosmos .hm-world .hm-eyebrow{font:var(--dg-text-sm) var(--dg-serif);letter-spacing:.42em;color:var(--dg-ink-3)}
#civilization-deep-cosmos .hm-world .hm-eyebrow b{font-weight:500;color:var(--dg-ink-2)}
#civilization-deep-cosmos .hm-world .hm-era-title{white-space:nowrap;font:900 min(17vh,calc(60vh / var(--len,2)),168px)/1 var(--dg-serif);letter-spacing:-.02em;color:var(--dg-ink)}
#civilization-deep-cosmos .hm-world .hm-era-range{font:300 var(--dg-text-lg)/1 var(--dg-serif);letter-spacing:.3em;color:var(--dg-ink-2)}
#civilization-deep-cosmos .hm-world .hm-intro .hm-era-summary{font:300 var(--dg-text-md)/2.1 var(--dg-serif);letter-spacing:.1em;color:var(--dg-ink-2);max-inline-size:50vh}
#civilization-deep-cosmos .hm-world .hm-intro .hm-guide{position:static;pointer-events:auto;font:500 var(--dg-text-base) var(--dg-serif);letter-spacing:.3em;color:var(--dg-cinnabar);border:0;border-inline-start:1px solid var(--dg-cinnabar);padding:var(--dg-1) 0 var(--dg-1) var(--dg-1);transition:color .2s}
#civilization-deep-cosmos .hm-world .hm-guide:hover{color:var(--dg-cinnabar-hover)}
#civilization-deep-cosmos .hm-world .hm-era-picker{display:none!important;flex:none;width:min(300px,100%);margin:0;padding-top:var(--dg-3);border-top:1px solid var(--dg-rule);gap:var(--dg-1)}
#civilization-deep-cosmos .hm-world .hm-era-picker select{font:500 var(--dg-text-base) var(--dg-serif);color:var(--dg-ink);background:transparent;padding:var(--dg-2) var(--dg-1);border-radius:2px}
#civilization-deep-cosmos .hm-world .hm-era-picker button{color:var(--dg-ink-2);min-width:44px;min-height:44px;font:var(--dg-text-lg) var(--dg-serif)}
#civilization-deep-cosmos .hm-world .hm-era-picker :is(button,select):hover{color:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-era-picker :is(button,select):focus-visible,#civilization-deep-cosmos .hm-world .hm-rail button:focus-visible,#civilization-deep-cosmos .hm-world :is(.hm-mode,.hm-zoom) button:focus-visible{outline:2px solid var(--dg-cinnabar);outline-offset:2px}

/* tools on the east margin */
/* 仰观星海: the gateway to the star sea, drawn as an armillary emblem */
#civilization-deep-cosmos .hm-world .hm-mode{top:auto;bottom:196px;right:var(--dg-7);background:none;border:0;backdrop-filter:none}
#civilization-deep-cosmos .hm-world .hm-mode .hm-space{display:flex;flex-direction:column;align-items:center;gap:var(--dg-2);padding:var(--dg-2);background:none;border:0;cursor:pointer;color:var(--dg-ink-2);font:500 var(--dg-text-sm) var(--dg-serif);letter-spacing:.42em;text-indent:.42em;transition:color .3s}
#civilization-deep-cosmos .hm-world .hm-space-ring{width:72px;height:72px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.1;transition:transform 1.4s var(--dg-ease)}
#civilization-deep-cosmos .hm-world .hm-space-ring ellipse{stroke-dasharray:2 3}
#civilization-deep-cosmos .hm-world .hm-space-core{fill:var(--dg-cinnabar);stroke:none}
#civilization-deep-cosmos .hm-world .hm-mode .hm-space:hover{color:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-mode .hm-space:hover .hm-space-ring{transform:rotate(60deg)}
#civilization-deep-cosmos .hm-world .hm-mode .hm-space:focus-visible{outline:2px solid var(--dg-cinnabar);outline-offset:4px}
#civilization-deep-cosmos .hm-world .hm-mode .hm-map-mode{display:none}
#civilization-deep-cosmos .hm-world .hm-zoom{right:var(--dg-7);bottom:auto;top:50%;transform:translateY(-50%);background:oklch(0.95 0.018 82 / .82);border:1px solid var(--dg-rule);opacity:0;transition:opacity .3s}
#civilization-deep-cosmos .hm-world:hover .hm-zoom,#civilization-deep-cosmos .hm-world .hm-zoom:focus-within{opacity:1}
@media (hover:none){#civilization-deep-cosmos .hm-world .hm-zoom{display:none}}
#civilization-deep-cosmos .hm-world .hm-zoom button{width:44px;height:44px;color:var(--dg-ink-2);font:var(--dg-text-lg) var(--dg-serif);transition:color .2s,background .2s}
#civilization-deep-cosmos .hm-world .hm-zoom button:hover{color:var(--dg-cinnabar);background:oklch(0.3 0.02 60 / .05)}
#civilization-deep-cosmos .hm-world .hm-point-count{display:none}
#civilization-deep-cosmos .hm-world .hm-map-caption{left:auto;right:var(--dg-7);bottom:164px;max-width:none;gap:var(--dg-4);font:var(--dg-text-xs) var(--dg-serif);color:var(--dg-ink-3);letter-spacing:.06em}
#civilization-deep-cosmos .hm-world .hm-map-caption span:first-child{color:var(--dg-ink-2)}
#civilization-deep-cosmos .hm-world .hm-map-credit{right:var(--dg-7);bottom:144px;font:var(--dg-text-xs) var(--dg-serif);color:var(--dg-ink-3)}
#civilization-deep-cosmos .hm-world .hm-map-credit a{color:var(--dg-ink-3)}
#civilization-deep-cosmos .hm-world .hm-map-credit a:hover{color:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-reading-note{left:var(--dg-7);bottom:148px;font:var(--dg-text-sm)/1.7 var(--dg-serif);color:var(--dg-ink-2)}
#civilization-deep-cosmos .hm-world .hm-no-location{font:var(--dg-text-base)/1.9 var(--dg-serif);color:var(--dg-ink-2)}

/* place panel: a sheet of mounted paper */
#civilization-deep-cosmos .hm-world .hm-place-panel{right:var(--dg-8);top:156px;bottom:176px;width:340px;padding:var(--dg-6) var(--dg-5);background:var(--dg-paper-raised);color:var(--dg-ink);border:1px solid var(--dg-rule);border-top:3px solid var(--dg-cinnabar);box-shadow:var(--dg-shadow-lg);backdrop-filter:none;scrollbar-color:oklch(0.3 0.02 60 / .25) transparent}
#civilization-deep-cosmos .hm-world .hm-place-top>span{font:var(--dg-text-xs) var(--dg-serif);letter-spacing:.3em;color:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-place-close{color:var(--dg-ink-2);min-width:44px;min-height:44px;font:var(--dg-text-xl) var(--dg-serif)}
#civilization-deep-cosmos .hm-world .hm-place-close:hover{color:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-place-title{font:900 var(--dg-text-xl)/1.35 var(--dg-serif);letter-spacing:.06em;color:var(--dg-ink);margin:var(--dg-2) 0 var(--dg-3)}
#civilization-deep-cosmos .hm-world .hm-place-location{font:var(--dg-text-sm)/1.8 var(--dg-serif);color:var(--dg-ink-3);margin-bottom:var(--dg-5)}
#civilization-deep-cosmos .hm-world .hm-place-records button{border-top:1px solid var(--dg-rule);color:var(--dg-ink);padding:var(--dg-4) var(--dg-6) var(--dg-4) 0;transition:background .2s}
#civilization-deep-cosmos .hm-world .hm-place-records button:hover{background:oklch(0.3 0.02 60 / .04)}
#civilization-deep-cosmos .hm-world .hm-place-records button:hover strong{color:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-place-records span{font:var(--dg-text-xs) var(--dg-serif);letter-spacing:.12em;color:var(--dg-cinnabar);margin-bottom:var(--dg-2)}
#civilization-deep-cosmos .hm-world .hm-place-records strong{font:500 var(--dg-text-md)/1.6 var(--dg-serif);color:var(--dg-ink);transition:color .2s}
#civilization-deep-cosmos .hm-world .hm-place-records small{font:var(--dg-text-xs) var(--dg-serif);color:var(--dg-ink-3);margin-top:var(--dg-1)}
#civilization-deep-cosmos .hm-world .hm-place-records i{color:var(--dg-ink-3)}
#civilization-deep-cosmos .hm-world .hm-place-evidence{font:var(--dg-text-sm)/1.8 var(--dg-serif);color:var(--dg-ink-2)}
#civilization-deep-cosmos .hm-world .hm-place-evidence summary{color:var(--dg-ink-2)}
#civilization-deep-cosmos .hm-world .hm-place-evidence a{color:var(--dg-cinnabar)}

/* the scroll rail: all 22 eras as vertical inscriptions */
#civilization-deep-cosmos .hm-world .hm-rail{position:absolute;left:0;right:0;bottom:0;height:132px;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--dg-1);
  padding:var(--dg-5) var(--dg-8) 0 var(--dg-7);border-top:1px solid var(--dg-rule);background:linear-gradient(180deg,oklch(0.88 0.032 76 / .96),var(--dg-paper-deep))}
#civilization-deep-cosmos .hm-world .hm-rail button{position:relative;writing-mode:vertical-rl;min-width:32px;min-height:44px;padding:var(--dg-1) var(--dg-2);border:0;background:none;cursor:pointer;
  font:var(--dg-text-base) var(--dg-serif);letter-spacing:.16em;color:var(--dg-ink-3);transition:color .2s}
#civilization-deep-cosmos .hm-world .hm-rail button::before{content:"";position:absolute;top:-24px;left:50%;width:1px;height:8px;background:var(--dg-rule)}
#civilization-deep-cosmos .hm-world .hm-rail button:hover{color:var(--dg-ink)}
#civilization-deep-cosmos .hm-world .hm-rail button[aria-current=true]{color:var(--dg-cinnabar);font-weight:900}
#civilization-deep-cosmos .hm-world .hm-rail button[aria-current=true]::before{top:-29px;left:calc(50% - 4.5px);width:9px;height:9px;border-radius:50%;background:var(--dg-cinnabar)}
#civilization-deep-cosmos .hm-world .hm-rail .hm-rail-chrono{color:var(--dg-cinnabar);border-inline-start:1px solid var(--dg-rule);padding-inline-start:var(--dg-4);margin-inline-start:var(--dg-2)}
#civilization-deep-cosmos .hm-world .hm-rail .hm-rail-chrono::before{display:none}

/* header on paper */
body.historical-map-active:not(.dg-cover-open) .header{background:linear-gradient(var(--dg-paper) 20%,oklch(0.915 0.027 80 / 0))!important}
body.historical-map-active:not(.dg-cover-open) .header :is(.brand-name,.cosmic-primary > button,.explore-toggle,.dg-index-toggle){color:var(--dg-ink-2)!important;font-family:var(--dg-serif)!important}
body.historical-map-active:not(.dg-cover-open) .header .brand-name{color:var(--dg-ink)!important}
body.historical-map-active:not(.dg-cover-open) .header .brand-name small{color:var(--dg-ink-3)!important}
body.historical-map-active:not(.dg-cover-open) .header :is(.cosmic-primary > button,.dg-index-toggle):hover{color:var(--dg-cinnabar)!important}
body.historical-map-active:not(.dg-cover-open) #historicalMapButton{color:var(--dg-cinnabar)!important}
body.historical-map-active:not(.dg-cover-open) .header svg{stroke:currentColor}
body.historical-map-active #civilization-deep-cosmos .cu-timeline{display:none!important}

/* header: brand, 寻星 and 卷首 — every other entry lives in the 卷首 sheet */
body.single-universe .header .cosmic-primary > button:not(#cosmicSearch),body.single-universe .header .explore-toggle{display:none!important}
.dg-index-toggle{display:flex;align-items:center;gap:var(--dg-2);min-height:44px;margin-left:var(--dg-5);padding:0 var(--dg-1);background:none;border:0;cursor:pointer;font:500 var(--dg-text-base) var(--dg-serif);letter-spacing:.3em;color:var(--dg-on-night-2);transition:color .2s;pointer-events:auto}
.dg-index-toggle:hover{color:var(--dg-on-night)}
.dg-index-bars{display:grid;gap:5px;width:18px}
.dg-index-bars i{display:block;height:1px;background:currentColor}
.dg-index-bars i:last-child{width:11px}
.dg-index-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* the 卷首 sheet: paper over the map, night over the star sea */
.dg-index{--ix-bg:var(--dg-night);--ix-fg:var(--dg-on-night);--ix-fg-2:var(--dg-on-night-2);--ix-fg-3:var(--dg-on-night-3);--ix-accent:var(--dg-gold);--ix-rule:oklch(1 0 0 / .1);
  position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;overflow:hidden;overscroll-behavior:contain;background:oklch(0.15 0.01 60 / .4);font-family:var(--dg-serif);opacity:0;transition:opacity .26s var(--dg-ease)}
body.historical-map-active .dg-index{--ix-bg:var(--dg-paper-raised);--ix-fg:var(--dg-ink);--ix-fg-2:var(--dg-ink-2);--ix-fg-3:var(--dg-ink-3);--ix-accent:var(--dg-cinnabar);--ix-rule:var(--dg-rule)}
.dg-index[hidden]{display:none}
.dg-index.is-open{opacity:1}
.dg-index>*{position:relative}
.dg-index::before{content:none}
.dg-index-sheet{display:flex;flex-direction:column;width:min(460px,100%);height:100%;min-height:0;overflow:hidden;background:var(--ix-bg);box-shadow:-24px 0 60px -30px oklch(0.1 0.02 60 / .5);transform:translateX(32px);transition:transform .32s var(--dg-ease)}
.dg-index.is-open .dg-index-sheet{transform:none}
.dg-index-head,.dg-index-lede,.dg-index-list{width:100%;margin-left:auto;padding-inline:var(--dg-7) var(--dg-6);color:var(--ix-fg)}
.dg-index-head,.dg-index-lede{flex-shrink:0}
.dg-index-head{display:flex;justify-content:space-between;align-items:center;padding-top:var(--dg-6)}
.dg-index-head span{font:900 var(--dg-text-2xl) var(--dg-serif);letter-spacing:.3em}
.dg-index-close{min-width:44px;min-height:44px;background:none;border:0;cursor:pointer;color:var(--ix-fg-2);font:var(--dg-text-xl) var(--dg-serif)}
.dg-index-close:hover{color:var(--ix-accent)}
.dg-index-lede{margin:var(--dg-2) 0 var(--dg-6);margin-left:auto;font-size:var(--dg-text-sm);letter-spacing:.35em;color:var(--ix-fg-3)}
.dg-index-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px 24px;scrollbar-width:thin;scrollbar-color:var(--ix-rule) transparent;list-style:none;margin:0 0 0 auto;padding-bottom:max(var(--dg-6),env(safe-area-inset-bottom));padding-top:4px}
.dg-index-list button{width:100%;display:grid;grid-template-columns:40px 1fr;gap:var(--dg-4);align-items:baseline;text-align:left;padding:var(--dg-4) 0;background:none;border:0;border-top:1px solid var(--ix-rule);cursor:pointer;color:var(--ix-fg);font-family:var(--dg-serif)}
.dg-index-list b{font-weight:900;font-size:var(--dg-text-lg);color:var(--ix-accent)}
.dg-index-list strong{display:block;font-weight:500;font-size:var(--dg-text-lg);letter-spacing:.2em;transition:color .2s,transform .3s var(--dg-ease)}
.dg-index-list small{display:block;margin-top:var(--dg-1);font-size:var(--dg-text-sm);line-height:1.7;color:var(--ix-fg-3);letter-spacing:.06em}
.dg-index-list button:hover strong{color:var(--ix-accent);transform:translateX(6px)}
.dg-index-list button:focus-visible{outline:2px solid var(--ix-accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.dg-index,.dg-index-sheet{transition:none}.dg-index-sheet{transform:none}}

/* ═══ Act I · the chapter cover ═══ */
@property --dg-hole{syntax:'<length>';inherits:false;initial-value:-400px}
#civilization-deep-cosmos .dg-cover{--dg-hole:-400px;-webkit-mask-image:radial-gradient(circle at var(--dg-cx,50%) var(--dg-cy,50%),transparent var(--dg-hole),#000 calc(var(--dg-hole) + 280px));mask-image:radial-gradient(circle at var(--dg-cx,50%) var(--dg-cy,50%),transparent var(--dg-hole),#000 calc(var(--dg-hole) + 280px));
  position:absolute;inset:0;z-index:30;background:var(--dg-night);color:var(--dg-on-night);font-family:var(--dg-serif);cursor:pointer;opacity:0;transition:opacity .6s var(--dg-ease)}
#civilization-deep-cosmos .dg-cover[hidden]{display:none}
#civilization-deep-cosmos .dg-cover.is-in{opacity:1}
#civilization-deep-cosmos .dg-cover.is-leaving{opacity:0;pointer-events:none;transition:opacity .7s ease-in}
#civilization-deep-cosmos .dg-cover-art{position:absolute;inset:0;width:100%;height:100%;stroke:none;fill:none}
#civilization-deep-cosmos .dg-glyph-shape{font-family:var(--dg-serif);font-weight:900}
#civilization-deep-cosmos .dg-cover-city{font-family:var(--dg-serif);font-weight:500;letter-spacing:.12em}
#civilization-deep-cosmos .dg-cover-ghost path{fill:none;stroke:var(--dg-on-night);stroke-opacity:.06;stroke-width:1}
#civilization-deep-cosmos .dg-cover-glyph{opacity:0;transform:scale(1.05)}
#civilization-deep-cosmos .dg-cover-copy{position:absolute;left:60vw;right:var(--dg-8);top:96px;bottom:112px;display:flex;flex-direction:column;justify-content:center}
#civilization-deep-cosmos .dg-cover-copy>*{opacity:0;transform:translateY(12px)}
#civilization-deep-cosmos .dg-cover-chapter{font-size:var(--dg-text-sm);letter-spacing:.42em;text-transform:uppercase;color:var(--dg-gold)}
#civilization-deep-cosmos .dg-cover-chapter span{margin-left:var(--dg-3);letter-spacing:.3em}
#civilization-deep-cosmos .dg-cover-title{margin:var(--dg-5) 0 var(--dg-2);font-weight:500;font-size:clamp(34px,3.8vw,56px);line-height:1.25;letter-spacing:.12em;text-wrap:balance}
#civilization-deep-cosmos .dg-cover-years{font-weight:300;font-size:clamp(36px,4.2vw,64px);line-height:1.05;color:var(--dg-on-night-2);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em}
#civilization-deep-cosmos .dg-cover-lede{margin:var(--dg-6) 0 0;font-weight:300;font-size:var(--dg-text-md);line-height:1.95;color:var(--dg-on-night-2);max-width:22em;text-wrap:pretty}
#civilization-deep-cosmos .dg-cover-places{margin:var(--dg-6) 0 0;padding-top:var(--dg-5);border-top:1px solid oklch(1 0 0 / .1);display:grid;grid-template-columns:1fr 1fr;gap:var(--dg-3) var(--dg-6);max-width:26em}
#civilization-deep-cosmos .dg-cover-places dt{font-size:var(--dg-text-base);letter-spacing:.12em}
#civilization-deep-cosmos .dg-cover-places dd{margin:2px 0 0;font-size:var(--dg-text-sm);color:var(--dg-on-night-3);letter-spacing:.08em}
#civilization-deep-cosmos .dg-cover-actions{margin-top:var(--dg-7);display:flex;flex-wrap:wrap;gap:var(--dg-6);align-items:center}
#civilization-deep-cosmos .dg-cover-enter{font:500 var(--dg-text-md) var(--dg-serif);letter-spacing:.32em;color:var(--dg-gold);background:none;border:0;border-bottom:1px solid var(--dg-gold);padding:0 0 var(--dg-2);min-height:44px;cursor:pointer;transition:color .2s,border-color .2s}
#civilization-deep-cosmos .dg-cover-enter span{display:inline-block;margin-left:var(--dg-2);transition:transform .3s var(--dg-ease)}
#civilization-deep-cosmos .dg-cover-enter:hover{color:var(--dg-gold-hover);border-color:var(--dg-gold-hover)}
#civilization-deep-cosmos .dg-cover-enter:hover span{transform:translateX(8px)}
#civilization-deep-cosmos .dg-cover-space{font:var(--dg-text-base) var(--dg-serif);letter-spacing:.22em;color:var(--dg-on-night-2);background:none;border:0;min-height:44px;cursor:pointer;transition:color .2s}
#civilization-deep-cosmos .dg-cover-space:hover{color:var(--dg-on-night)}
#civilization-deep-cosmos .dg-cover :is(button):focus-visible{outline:2px solid var(--dg-gold);outline-offset:4px}
#civilization-deep-cosmos .dg-cover-rail{position:absolute;left:var(--dg-7);right:var(--dg-8);bottom:var(--dg-6);display:flex;justify-content:space-between;opacity:0}
#civilization-deep-cosmos .dg-cover-rail button{min-width:40px;min-height:44px;background:none;border:0;cursor:pointer;font:300 var(--dg-text-lg) var(--dg-serif);color:var(--dg-on-night-3);font-variant-numeric:lining-nums tabular-nums;transition:color .2s}
#civilization-deep-cosmos .dg-cover-rail button:hover{color:var(--dg-on-night)}
#civilization-deep-cosmos .dg-cover-rail button[aria-current=true]{color:var(--dg-gold);font-weight:500}
#civilization-deep-cosmos .dg-cover-hint{position:absolute;right:var(--dg-8);bottom:104px;margin:0;font-size:var(--dg-text-sm);letter-spacing:.3em;color:var(--dg-on-night-3);opacity:0}
#civilization-deep-cosmos .dg-cover.is-brief :is(.dg-cover-actions,.dg-cover-rail,.dg-cover-hint,.dg-cover-places){visibility:hidden}
@media (prefers-reduced-motion:no-preference){
  #civilization-deep-cosmos .dg-cover-glyph{transition:opacity .9s var(--dg-ease),transform 1.4s var(--dg-ease)}
  #civilization-deep-cosmos .dg-cover-copy>*{transition:opacity .6s var(--dg-ease),transform .6s var(--dg-ease)}
  #civilization-deep-cosmos .dg-cover-copy>:nth-child(2){transition-delay:.06s}
  #civilization-deep-cosmos .dg-cover-copy>:nth-child(3){transition-delay:.12s}
  #civilization-deep-cosmos .dg-cover-copy>:nth-child(4){transition-delay:.18s}
  #civilization-deep-cosmos .dg-cover-copy>:nth-child(5){transition-delay:.24s}
  #civilization-deep-cosmos .dg-cover-copy>:nth-child(6){transition-delay:.3s}
  #civilization-deep-cosmos .dg-cover-rail,#civilization-deep-cosmos .dg-cover-hint{transition:opacity .8s .4s}
  #civilization-deep-cosmos .dg-cover.is-leaving .dg-cover-glyph{transform:scale(1.14);transition:opacity 1s ease-in,transform 1.1s ease-in}
  #civilization-deep-cosmos .dg-cover.is-leaving{--dg-hole:2800px;transition:--dg-hole 1.2s cubic-bezier(.55,0,.8,.35),opacity .35s .9s ease-in}
}
#civilization-deep-cosmos .dg-cover.is-in .dg-cover-glyph{opacity:1;transform:scale(1)}
#civilization-deep-cosmos .dg-cover.is-in .dg-cover-copy>*{opacity:1;transform:none}
#civilization-deep-cosmos .dg-cover.is-in :is(.dg-cover-rail,.dg-cover-hint){opacity:1}
#civilization-deep-cosmos .dg-cover.is-leaving .dg-cover-glyph{opacity:0}
body.dg-cover-open .header{background:none!important}
body.dg-cover-open .header :is(.brand-name,.cosmic-primary > button,.explore-toggle,.dg-index-toggle){color:var(--dg-on-night-2)!important;font-family:var(--dg-serif)!important}
body.dg-cover-open .header .brand-name{color:var(--dg-on-night)!important}

@media (max-height:760px) and (min-width:801px){
  #civilization-deep-cosmos .dg-cover-places{display:none}
  #civilization-deep-cosmos .dg-cover-lede{margin-top:var(--dg-4)}
  #civilization-deep-cosmos .dg-cover-actions{margin-top:var(--dg-5)}
  #civilization-deep-cosmos .dg-cover-title{margin-top:var(--dg-3)}
  #civilization-deep-cosmos .dg-cover-hint{display:none}
}
/* ═══ narrow screens ═══ */
@media (max-width:800px){
  #civilization-deep-cosmos .hm-world .hm-intro{width:100%;bottom:auto;height:42vh;padding:84px var(--dg-5) 0;background:linear-gradient(180deg,var(--dg-paper) 72%,oklch(0.915 0.027 80 / 0))}
  #civilization-deep-cosmos .hm-world .hm-intro-cols{gap:var(--dg-4)}
  #civilization-deep-cosmos .hm-world .hm-seal{width:44px;height:44px;font-size:16px}
  #civilization-deep-cosmos .hm-world .hm-era-title{font-size:min(11vh,calc(25vh / var(--len,2)),104px)}
  #civilization-deep-cosmos .hm-world .hm-intro .hm-era-summary{font-size:var(--dg-text-base);line-height:1.9;max-inline-size:30vh}
  #civilization-deep-cosmos .hm-world .hm-era-picker,#civilization-deep-cosmos .hm-world .hm-zoom,#civilization-deep-cosmos .hm-world .hm-map-caption{display:none}
  #civilization-deep-cosmos .hm-world .hm-mode{top:auto;bottom:150px;right:var(--dg-2)}
  #civilization-deep-cosmos .hm-world .hm-space-ring{width:48px;height:48px}
  .dg-index-toggle{margin-left:var(--dg-3)}
  .dg-index-head,.dg-index-lede,.dg-index-list{padding-inline:var(--dg-5)}
  #civilization-deep-cosmos .hm-world .hm-map-credit{left:var(--dg-4);right:var(--dg-4);bottom:114px}
  #civilization-deep-cosmos .hm-world .hm-annotation-layer,#civilization-deep-cosmos .hm-world .hm-anno-symbols{display:none}
  #civilization-deep-cosmos .hm-world .hm-rail{height:108px;justify-content:flex-start;overflow-x:auto;padding:var(--dg-4) var(--dg-4) 0;scrollbar-width:none}
  #civilization-deep-cosmos .hm-world .hm-rail button{flex:none;font-size:var(--dg-text-sm)}
  #civilization-deep-cosmos .hm-world .hm-rail button::before{top:-14px}
  #civilization-deep-cosmos .hm-world .hm-rail button[aria-current=true]::before{top:-19px}
  #civilization-deep-cosmos .hm-world .hm-place-panel{left:var(--dg-3);right:var(--dg-3);width:auto;top:auto;bottom:116px;max-height:52vh}
  #civilization-deep-cosmos .hm-world .hm-reading-note{left:var(--dg-4);bottom:116px;max-width:none}
  #civilization-deep-cosmos .dg-cover-copy{left:var(--dg-5);right:var(--dg-5);top:auto;bottom:var(--dg-6);display:block}
  #civilization-deep-cosmos .dg-cover-title{font-size:30px;margin-top:var(--dg-3)}
  #civilization-deep-cosmos .dg-cover-years{font-size:36px}
  #civilization-deep-cosmos .dg-cover-lede{margin-top:var(--dg-4);font-size:var(--dg-text-base);line-height:1.8}
  #civilization-deep-cosmos .dg-cover-places,#civilization-deep-cosmos .dg-cover-rail,#civilization-deep-cosmos .dg-cover-hint{display:none}
  #civilization-deep-cosmos .dg-cover-actions{margin-top:var(--dg-5)}
}

/* ═══ Act II panels as mounted album leaves (册页) ═══
   Legacy panel styles use ~150 hand-picked night colours. Over the paper map
   they are reset wholesale (doubled id for specificity; inline heat-map fills
   still win), then accents are put back in cinnabar. */
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel{
  background:var(--dg-paper-raised)!important;color:var(--dg-ink-2);border:1px solid var(--dg-rule);border-top:3px solid var(--dg-cinnabar);
  box-shadow:var(--dg-shadow-lg);backdrop-filter:none;scrollbar-color:oklch(0.3 0.02 60 / .25) transparent;font-family:var(--dg-serif)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel *{color:var(--dg-ink-2);-webkit-text-fill-color:currentColor;border-color:var(--dg-rule);text-shadow:none;box-shadow:none;font-family:var(--dg-serif)}
/* the chronology scroll draws its events with fills, so keep those */
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel *:not(.cu-chrono-content *){background-color:transparent;background-image:none}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-chrono-content{background-color:oklch(0.3 0.02 60 / .03)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-detail-footer,.cu-detail-footer *){opacity:1}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-panel-close{color:var(--dg-ink-2)!important}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-panel-close:hover{color:var(--dg-cinnabar)!important}
#civilization-deep-cosmos .cu-panel-close{min-width:44px!important;min-height:44px!important}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-panel-close::before,body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-panel-close::after{background-color:var(--dg-ink-2);border-color:var(--dg-ink-2)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(h2,h3,h4,strong,.cu-detail-title,.cu-result-title,summary){color:var(--dg-ink)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-detail-title,.cu-panel h2){font-weight:900;letter-spacing:.06em}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-detail-kind,.cu-detail-kind *,.cu-eyebrow,.lg-kicker,.cu-deep-kicker,.cu-detail-date,.cu-chrono-sub b,.cu-lesson-step,.lg-section-heading span){color:var(--dg-cinnabar)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(small,.cu-record-id,.cu-status,.lg-note,.lg-note-global,.cu-journeys-note,.cu-related-note,.cu-map-note){color:var(--dg-ink-3)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(p,li,.cu-body,.cu-deep-body,.cu-meaning){line-height:1.95}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-detail-header,.cu-result-header,.lg-header,.cu-detail-footer){background-color:var(--dg-paper-raised)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-deep,.cu-lesson,.lg-era-background,.cu-check-options button,.lg-concept-detail){background-color:oklch(0.3 0.02 60 / .045);border-left:2px solid var(--dg-cinnabar)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-check-options button){border-left-width:1px;border:1px solid var(--dg-rule)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is([aria-pressed=true],[aria-selected=true],[aria-current=true],.is-active){color:var(--dg-cinnabar);background-color:oklch(0.54 0.175 31 / .07);border-color:oklch(0.54 0.175 31 / .5)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-reading-tabs [aria-pressed=true]{background-color:transparent;box-shadow:inset 0 -2px 0 var(--dg-cinnabar)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(button,a,summary):hover{color:var(--dg-cinnabar)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(button,a,summary,input,select):focus-visible{outline:2px solid var(--dg-cinnabar);outline-offset:2px}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(input,select,textarea){background-color:var(--dg-paper);color:var(--dg-ink);border:1px solid var(--dg-rule)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(input,textarea)::placeholder{color:var(--dg-ink-3)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel svg{stroke:currentColor}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-detail-orbit i{background-color:var(--dg-cinnabar)}

/* ═══ Act III · the armillary dial round the star sea ═══ */
#civilization-deep-cosmos .dg-armillary{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;fill:none;stroke:none;opacity:0;transition:opacity .8s var(--dg-ease)}
#civilization-deep-cosmos .dg-armillary.is-visible{opacity:1}
#civilization-deep-cosmos .dg-arm-ring{stroke:oklch(0.85 0.06 82 / .24);stroke-width:1}
#civilization-deep-cosmos .dg-arm-ring.is-faint{stroke:oklch(0.85 0.06 82 / .16);stroke-dasharray:1 5}
#civilization-deep-cosmos .dg-arm-ecliptic{stroke:oklch(0.85 0.06 82 / .12);stroke-dasharray:2 7}
#civilization-deep-cosmos .dg-arm-dial line{stroke:oklch(0.85 0.06 82 / .2);stroke-width:1}
#civilization-deep-cosmos .dg-arm-dial line.is-major{stroke:oklch(0.85 0.06 82 / .45)}
#civilization-deep-cosmos .dg-arm-dial .dg-arm-sep{stroke:oklch(0.85 0.06 82 / .14)}
#civilization-deep-cosmos .dg-arm-sector{fill:transparent;transition:fill .3s}
#civilization-deep-cosmos .dg-armillary.is-visible .dg-arm-era{pointer-events:auto;cursor:pointer}
#civilization-deep-cosmos .dg-arm-era text{fill:var(--dg-on-night-3);font:300 13px var(--dg-serif);letter-spacing:.22em;text-anchor:middle;dominant-baseline:central;transition:fill .2s}
#civilization-deep-cosmos .dg-arm-era:hover text{fill:var(--dg-on-night)}
#civilization-deep-cosmos .dg-arm-era:hover .dg-arm-sector{fill:oklch(0.85 0.06 82 / .05)}
#civilization-deep-cosmos .dg-arm-era:focus{outline:none}
#civilization-deep-cosmos .dg-arm-era:focus-visible .dg-arm-sector{stroke:var(--dg-gold);stroke-width:1.5}
#civilization-deep-cosmos .dg-arm-era.is-current .dg-arm-sector{fill:oklch(0.80 0.12 78 / .1)}
#civilization-deep-cosmos .dg-arm-era.is-current text{fill:var(--dg-gold);font-weight:500}
#civilization-deep-cosmos .dg-arm-pointer{fill:var(--dg-gold)}
@media (prefers-reduced-motion:no-preference){
  #civilization-deep-cosmos .dg-arm-dial{transition:transform 1.6s var(--dg-ease)}
  #civilization-deep-cosmos .dg-arm-ecliptic{animation:dg-spin 200s linear infinite}
}
@keyframes dg-spin{to{transform:rotate(360deg)}}
@media (max-width:700px){#civilization-deep-cosmos .dg-armillary{display:none}}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-next,body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-next *{color:var(--dg-cinnabar)!important;-webkit-text-fill-color:var(--dg-cinnabar)!important}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-deep,.cu-lesson,.lg-era-background,.lg-concept-detail){padding-left:var(--dg-4)}
body.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-next{background:var(--dg-paper-raised)!important}
#civilization-deep-cosmos#civilization-deep-cosmos .cu-detail .cu-detail-footer .cu-next{font-size:var(--dg-text-sm)!important;min-height:44px}

/* ═══ 文明时间线 · the chronology as a full-width handscroll ═══ */
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono{--tl-fg:var(--dg-on-night);--tl-fg-2:var(--dg-on-night-2);--tl-fg-3:var(--dg-on-night-3);--tl-accent:var(--dg-gold);--tl-on-accent:var(--dg-night);
  --tl-rule:oklch(1 0 0 / .12);--tl-band:oklch(1 0 0 / .028);--tl-read:oklch(0.80 0.12 78 / .08);--tl-span:oklch(0.85 0.06 82 / .09)}
body.single-universe.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono{--tl-fg:var(--dg-ink);--tl-fg-2:var(--dg-ink-2);--tl-fg-3:var(--dg-ink-3);--tl-accent:var(--dg-cinnabar);--tl-on-accent:var(--dg-paper-raised);
  --tl-rule:var(--dg-rule);--tl-band:oklch(0.3 0.02 60 / .035);--tl-read:oklch(0.54 0.175 31 / .06);--tl-span:oklch(0.54 0.175 31 / .07)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono.cu-panel{left:var(--dg-7);right:var(--dg-7);transform:none;width:auto;max-width:none;top:92px;bottom:168px;padding:var(--dg-6) var(--dg-7) var(--dg-4);display:flex;flex-direction:column;font-family:var(--dg-serif)}
body.single-universe.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono.cu-panel{bottom:148px}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-result-header{flex:none;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--dg-5)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-result-header h2{margin:var(--dg-2) 0 var(--dg-2);font:900 var(--dg-text-2xl)/1.2 var(--dg-serif);letter-spacing:.06em}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-result-header h2 span{color:var(--tl-fg);-webkit-text-fill-color:var(--tl-fg);background:none;filter:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-eyebrow{font-size:var(--dg-text-xs);letter-spacing:.4em;color:var(--tl-accent)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-sub{margin:0;font-size:var(--dg-text-sm);line-height:1.8;color:var(--tl-fg-3);max-width:46em}
/* tools: one quiet row */
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-tools{flex:none;margin:var(--dg-4) 0 0;padding-bottom:var(--dg-3);gap:var(--dg-3) var(--dg-5);border-bottom:1px solid var(--tl-rule)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono :is(.cu-chrono-views,.cu-chrono-filters,.cu-hzoom) button{min-height:36px;padding:0 var(--dg-3);border:1px solid var(--tl-rule);background:none;color:var(--tl-fg-2);font:var(--dg-text-sm) var(--dg-serif);letter-spacing:.1em;border-radius:2px;box-shadow:none;transition:color .2s,border-color .2s,background .2s}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono :is(.cu-chrono-views,.cu-chrono-filters,.cu-hzoom) button:hover{color:var(--tl-accent);border-color:var(--tl-accent)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-views{border:0;gap:0}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-views button+button{border-left:0}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-views button[aria-pressed=true]{background:var(--tl-fg);border-color:var(--tl-fg);color:var(--tl-on-accent);-webkit-text-fill-color:var(--tl-on-accent)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-filters{gap:var(--dg-2)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-filters button[aria-pressed=true]{color:var(--tl-accent);border-color:var(--tl-accent);background:var(--tl-read)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-filters b{font-weight:400;opacity:1;color:var(--tl-fg-3);margin-left:var(--dg-1)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hzoom{gap:0}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hzoom button+button{border-left:0}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-spark{display:flex;height:30px}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-spark i{background:var(--tl-accent);background-image:none;opacity:.45;width:7px}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-spark button:hover i{opacity:1;box-shadow:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-tools .cu-chrono-count{display:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-tools select{font:var(--dg-text-sm) var(--dg-serif);min-height:36px}
/* the scroll */
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-content{position:relative;margin-top:var(--dg-3);padding:0;-webkit-mask-image:none;mask-image:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono[data-view=scroll] .cu-chrono-content{overflow:hidden}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-scroll-wrap{position:relative;z-index:1;height:100%;border-radius:0;scrollbar-width:thin;scrollbar-color:var(--tl-rule) transparent}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-scroll-wrap:focus-visible{outline:2px solid var(--tl-accent);outline-offset:-2px}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-scroll-strip{height:100%}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hwater{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;font:900 clamp(120px,24vh,240px)/1 var(--dg-serif);color:var(--tl-fg);opacity:.05;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hband{position:absolute;top:0;bottom:0;height:auto;border-left:1px solid var(--tl-rule);background:none;transition:background .4s}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hband.is-alt{background:var(--tl-band)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hband.is-reading{background:var(--tl-read)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hband span{position:sticky;left:var(--dg-3);top:0;display:inline-flex;align-items:baseline;gap:var(--dg-2);margin:var(--dg-3) var(--dg-2) 0 var(--dg-3);padding:0;max-width:calc(100% - 24px);overflow:hidden;white-space:nowrap}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hband b{font:500 var(--dg-text-base) var(--dg-serif);letter-spacing:.14em;color:var(--tl-fg)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hband small{font-size:var(--dg-text-xs);color:var(--tl-fg-3);letter-spacing:.04em}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hband.is-reading b{color:var(--tl-accent)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hspan{position:absolute;height:22px;padding:0 var(--dg-2);border:1px solid var(--tl-rule);border-left:2px solid var(--tl-accent);border-radius:0 2px 2px 0;background:var(--tl-span);box-shadow:none;cursor:pointer;z-index:2;text-align:left;transition:border-color .2s}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hspan b{position:sticky;left:var(--dg-2);display:inline-block;max-width:100%;font:var(--dg-text-xs)/20px var(--dg-serif);letter-spacing:.08em;color:var(--tl-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hspan:hover{border-color:var(--tl-accent);box-shadow:none}
/* event tags: a title on a stem rising from the axis */
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-htag{position:absolute;z-index:3;height:22px;margin-left:-6px;padding:0 var(--dg-2) 0 0;display:flex;align-items:center;background:none;border:0;cursor:pointer;white-space:nowrap}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-htag::before{content:"";position:absolute;left:6px;top:20px;width:1px;height:var(--stem);background:var(--tl-rule)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-htag::after{content:"";position:absolute;left:2px;top:calc(18px + var(--stem));width:9px;height:9px;border-radius:50%;background:var(--star);box-shadow:0 0 0 2px var(--tl-on-accent)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-htag span{display:block;padding-left:var(--dg-2);margin-left:5px;border-left:2px solid var(--star);font:var(--dg-text-sm)/20px var(--dg-serif);letter-spacing:.04em;color:var(--tl-fg-2);transition:color .2s}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-htag.is-lesson span{color:var(--tl-fg);font-weight:500}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-htag:hover span,body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-htag:focus-visible span{color:var(--tl-accent)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-htag:hover::before{background:var(--tl-accent)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-htag:focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hdot{position:absolute;bottom:auto;width:7px;height:7px;margin-left:-3.5px;border:0;border-radius:50%;background:var(--star);opacity:.7;box-shadow:none;z-index:2}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hdot:is(:hover,:focus-visible){opacity:1;transform:scale(1.8);box-shadow:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-haxis{position:absolute;bottom:auto;left:0;right:0;height:1px;background:var(--tl-fg-3);background-image:none;opacity:.7}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hruler{position:absolute;bottom:auto;left:0;right:0;height:30px}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-tick{position:absolute;top:0;width:1px;height:8px;background:var(--tl-fg-3);background-image:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-tick span{position:absolute;top:12px;left:0;transform:translateX(-50%);font:var(--dg-text-xs) var(--dg-serif);color:var(--tl-fg-3);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-tick-minor{height:4px;opacity:.5}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hscalebreak{position:absolute;width:0;border-left:1px dashed var(--tl-fg-3);z-index:1}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hscalebreak span{position:absolute;top:var(--dg-1);bottom:auto;left:var(--dg-2);writing-mode:vertical-rl;font-size:var(--dg-text-xs);color:var(--tl-fg-3);letter-spacing:.1em;white-space:nowrap}
/* the reading cursor */
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hcursor{position:absolute;left:50%;z-index:4;width:1px;background:var(--tl-accent);opacity:.6;pointer-events:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hcursor::before{content:"";position:absolute;top:-5px;left:-4px;width:9px;height:9px;transform:rotate(45deg);background:var(--tl-accent)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hreadout{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:4;pointer-events:none;display:flex;align-items:baseline;gap:var(--dg-3);white-space:nowrap;padding:var(--dg-1) var(--dg-3)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hreadout b{font:500 var(--dg-text-lg) var(--dg-serif);color:var(--tl-accent);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.04em}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hreadout span{font-size:var(--dg-text-sm);color:var(--tl-fg-2);letter-spacing:.2em}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-scroll-hint{position:absolute;left:0;bottom:var(--dg-1);z-index:4;margin:0;font-size:var(--dg-text-xs);color:var(--tl-fg-3);letter-spacing:.06em;pointer-events:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-scroll-tip{z-index:6;padding:var(--dg-2) var(--dg-3);background:var(--tl-fg);color:var(--tl-on-accent);-webkit-text-fill-color:var(--tl-on-accent);border:0;border-radius:2px;font:var(--dg-text-sm)/1.6 var(--dg-serif);letter-spacing:.04em;max-width:420px}
/* 时代分组: two columns of chapters */
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono[data-view=groups] .cu-chrono-content{overflow:auto;padding-right:var(--dg-3)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era header h3{font:900 var(--dg-text-lg) var(--dg-serif);letter-spacing:.1em;color:var(--tl-fg)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era ol{columns:2 380px;column-gap:var(--dg-7)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era li{break-inside:avoid}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-year{color:var(--tl-accent);font-variant-numeric:lining-nums tabular-nums}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-title{color:var(--tl-fg)}
@media (max-width:900px){
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono.cu-panel{left:var(--dg-2);right:var(--dg-2);top:72px;bottom:150px;padding:var(--dg-4) var(--dg-4) var(--dg-2)}
  body.single-universe.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono.cu-panel{bottom:116px}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-sub,body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-scroll-hint,body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-spark,body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-tools .cu-chrono-count{display:none}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-filters button b{display:none}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-eyebrow{display:none}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-result-header h2{font-size:var(--dg-text-xl);margin:0}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-tools{flex-wrap:nowrap;overflow-x:auto;gap:var(--dg-2);margin-top:var(--dg-3);padding-bottom:var(--dg-2);scrollbar-width:none}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-filters{flex-wrap:nowrap}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono :is(.cu-chrono-views,.cu-chrono-filters,.cu-hzoom) button{flex:none;white-space:nowrap}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hzoom{margin-left:0}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono :is(.cu-chrono-views,.cu-chrono-filters,.cu-hzoom,label.cu-chrono-era){flex:none}
  body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-hwater{font-size:120px}
}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono{--tl-head:oklch(0.15 0.022 255 / .97)}
body.single-universe.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono{--tl-head:var(--dg-paper-raised)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era header{background:var(--tl-head)!important;background-image:none!important;box-shadow:none;border-bottom:1px solid var(--tl-rule)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era header::before,body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era header::after{background:none!important}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era header h3,body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era header h3 *{color:var(--tl-fg)!important;-webkit-text-fill-color:var(--tl-fg)!important}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era header small{color:var(--tl-fg-3)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-ghost{color:var(--tl-fg)!important;-webkit-text-fill-color:var(--tl-fg)!important;opacity:.08;background:none!important}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-count{color:var(--tl-fg-3);background:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-node{background:var(--tl-accent)!important;box-shadow:none}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era li button{background:none;border-color:var(--tl-rule)}
body.single-universe #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono .cu-chrono-era li button:hover .cu-chrono-title{color:var(--tl-accent)}