/* Companion surfaces for the mountain-and-stars opening.
   Geography, marker coordinates and reading layouts are unchanged. Load after
   daguan-design.css. The opt-in body class keeps legacy and reference pages intact. */
body.dg-celestial {
  --cm-night:#071117;
  --cm-surface:#0d1b20;
  --cm-raised:#12242a;
  --cm-white:#e9e5d8;
  --cm-text:#b9c7c6;
  --cm-muted:#8dabae;
  --cm-gold:#d4b982;
  --cm-rule:rgba(159,194,189,.20);
  background:var(--cm-night);
  color:var(--cm-white);
  color-scheme:dark;
}
body.dg-celestial #civilization-deep-cosmos .hm-world,
body.dg-celestial #civilization-deep-cosmos .cu-panel,
body.dg-celestial .dg-index {
  --dg-paper:var(--cm-night);
  --dg-paper-deep:#071216;
  --dg-paper-raised:var(--cm-surface);
  --dg-land:#173534;
  --dg-ink:var(--cm-white);
  --dg-ink-2:var(--cm-text);
  --dg-ink-3:var(--cm-muted);
  --dg-rule:var(--cm-rule);
  --dg-cinnabar:var(--cm-gold);
  --dg-cinnabar-hover:#efdab3;
  --dg-shadow-lg:0 1px 0 rgba(174,220,202,.07) inset,0 24px 72px rgba(0,0,0,.34);
}

/* Deep water, illuminated coast, and two principal rivers. The source paths
   stay in their original geographic projection; depth is only a light treatment. */
body.dg-celestial #civilization-deep-cosmos .hm-world {
  background:radial-gradient(ellipse at 68% 34%,#173131 0, #0c2025 42%,#061018 84%);
}
body.dg-celestial #civilization-deep-cosmos .hm-world::after {
  mix-blend-mode:normal;opacity:1;
  background:radial-gradient(ellipse at 67% 42%,transparent 26%,rgba(3,11,16,.19) 65%,rgba(3,11,16,.48) 100%);
  box-shadow:inset 0 0 120px rgba(0,0,0,.20);
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-sea {fill:#07141d;opacity:.74}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-wash {opacity:.025;mix-blend-mode:screen}
body.dg-celestial #civilization-deep-cosmos .hm-world #hm-land-tone stop:nth-child(1) {stop-color:#2c5350}
body.dg-celestial #civilization-deep-cosmos .hm-world #hm-land-tone stop:nth-child(2) {stop-color:#193c3b}
body.dg-celestial #civilization-deep-cosmos .hm-world #hm-land-tone stop:nth-child(3) {stop-color:#0c242c}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-land-depth {
  fill:#020b10;stroke:#020a0e;stroke-width:9;stroke-opacity:.6;
  transform:translate(0,4px);opacity:.8;filter:blur(3px);
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-land {
  fill:url(#hm-land-tone);stroke:#78938a;stroke-opacity:.6;stroke-width:.85;
  filter:drop-shadow(0 -1px 1px rgba(147,213,192,.18));
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-graticule {stroke:#8ea9a6;stroke-opacity:.075}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rivers {stroke:#87b3ad;stroke-opacity:.36;stroke-width:.65}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-river-glow {display:block;stroke:#8dc6b5;stroke-opacity:.09;stroke-width:4}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-river-major-out {stroke:#92c4b4;stroke-width:2.6;stroke-opacity:.22}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-river-major-in {stroke:#afc9ad;stroke-width:.85;stroke-opacity:.82}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-river-flow {stroke:#e3d3a9;stroke-width:.85;stroke-opacity:.5;animation-duration:28s}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-mountains {opacity:.23}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-peaks-back {fill:#06191e;stroke:none}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-peaks {fill:#37574d;stroke:#91a894;stroke-width:.4}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-peak-shade {stroke:#07191b;stroke-opacity:.6;stroke-width:.6}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-desert {opacity:.20}
body.dg-celestial #civilization-deep-cosmos .hm-world #hm-stipple circle {fill:#c2ac76}
body.dg-celestial #civilization-deep-cosmos .hm-world #hm-hatch line {stroke:#849a89;stroke-opacity:.16}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-border path.hm-era-fill {fill-opacity:.18}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-border.is-main path.hm-era-fill {fill:#b8ac76;fill-opacity:.05}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-border path.hm-era-line {stroke:#8fa28d;stroke-opacity:.38;stroke-width:.65}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-border.is-main path.hm-era-line {stroke:#c5b387;stroke-opacity:.50;stroke-width:.9;stroke-dasharray:5 5}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-border:hover path.hm-era-line {stroke:#e2cca1;stroke-opacity:.82}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-border-labels text {fill:#bdc4af;opacity:.55}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-border-labels text.is-main {fill:#d2ceb2;opacity:.10;font-size:calc(88px / var(--hm-k,1))}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-trace {stroke:#c3bd95;stroke-width:calc(1.5px / var(--hm-k,1))}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-zone {fill:#829887;fill-opacity:.06;stroke:#9da98b;stroke-opacity:.35}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-zone-labels text {fill:#97ada5}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-art-labels text {stroke:#173334;stroke-opacity:.75}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-range-label {fill:#92aba0;opacity:.74}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-desert-label {fill:#a49c7f;opacity:.62}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-sea-label {fill:#749ca7;opacity:.62}

/* The city labels retain their measured hit areas and leader-line layout. */
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-marker {color:#e2d6b8}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-marker span {text-shadow:0 1px 5px #051017,0 0 11px #06161b}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-marker:hover {background:rgba(161,202,185,.10);color:#fff0c8}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-marker.is-active span {color:#f1d5a2}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-point-halo {fill:#163029;stroke:#c8b984;stroke-width:1;filter:drop-shadow(0 0 5px rgba(198,178,115,.2))}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-point-core {fill:#e0cda0}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-point.is-active .hm-point-halo {fill:#c9b37d;stroke:#f4dbab}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-point.is-active .hm-point-core {fill:#182a25}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-label-links path {stroke:#a8b7a0;stroke-opacity:.45}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-anno b {color:#aebcab;text-shadow:0 0 5px #07171c,0 0 10px #07171c}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-anno-mark {fill:#9caf9e;opacity:.65}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-anno-mark.is-capital {fill:#c8ad78;stroke:#183331;opacity:.9}

/* A quiet chapter title beside the geography; no second giant cover glyph. */
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro {
  left:44px;top:132px;bottom:auto;width:min(300px,29vw);height:auto;padding:0;
  background:none;
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro[hidden] {display:none}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro-cols {
  display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:16px 12px;align-items:start;
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro-cols>* {writing-mode:horizontal-tb;min-width:0}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-seal {
  grid-column:2;grid-row:1 / span 2;width:30px;height:34px;font-size:12px;letter-spacing:.05em;
  color:#c9b47f;background:none;border:1px solid rgba(199,179,125,.5);box-shadow:inset 0 0 0 2px #102025;
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-eyebrow {grid-column:1;grid-row:1;font-size:12px;line-height:1.8;letter-spacing:.20em;color:#91afa9}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-title {
  grid-column:1;grid-row:2;font-size:clamp(42px,4.7vw,66px);font-weight:500;line-height:1.12;letter-spacing:.09em;
  white-space:normal;color:#eee6cf;text-wrap:balance;
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-range {grid-column:1 / -1;grid-row:3;font-size:15px;line-height:1.8;letter-spacing:.16em;color:#adbbab}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro .hm-era-summary {
  grid-column:1 / -1;grid-row:4;max-inline-size:none;font-size:14px;line-height:2.05;letter-spacing:.08em;color:#93aba9;
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro .hm-guide {
  grid-column:1 / -1;grid-row:5;justify-self:start;margin-top:12px;padding:0 0 9px;
  border:0;border-bottom:1px solid rgba(210,185,131,.4);letter-spacing:.16em;font-size:13px;
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-mode .hm-space {color:#c3bea4;letter-spacing:.23em;text-indent:.23em}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-space-ring {stroke-width:.75;opacity:.78}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-space-core {fill:#ddc693;filter:drop-shadow(0 0 5px #bea578)}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-zoom {background:#0b1a20;border-color:var(--cm-rule)}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-zoom button:hover {background:#1b3437}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail {
  background:linear-gradient(180deg,rgba(7,20,26,.95),#071118);border-top-color:rgba(153,184,167,.22);
  box-shadow:0 -14px 42px rgba(2,10,16,.18);
}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail button {color:#97aaa5;font-weight:400}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail button:hover {color:#e4ddc9}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail button[aria-current=true] {color:#e2c895;font-weight:500}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail button[aria-current=true]::before {width:5px;height:5px;left:calc(50% - 2.5px);top:-27px;background:#d7bd89;box-shadow:0 0 12px #ab945766}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-place-panel {border-top-width:1px;box-shadow:-12px 12px 70px rgba(0,0,0,.28);background:linear-gradient(145deg,#15282b,#0c191f)}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-place-records button:hover {background:rgba(180,211,194,.045)}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-place-title {font-size:30px;font-weight:500}
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-map-caption,
body.dg-celestial #civilization-deep-cosmos .hm-world .hm-map-credit {color:#8ba5a8}

/* Reading is the same calm night material in both world modes. Legacy paper
   selectors repeat the id and use !important; match that intentionally here. */
body.dg-celestial #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel {
  background:linear-gradient(150deg,#14252a,#0a161e)!important;color:var(--cm-text);
  border:1px solid var(--cm-rule);border-top:1px solid rgba(202,186,142,.5);
  box-shadow:0 24px 80px rgba(0,0,0,.38);backdrop-filter:none;
  scrollbar-color:#57716b transparent;
}
body.dg-celestial.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:transparent}
body.dg-celestial.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-deep,.cu-lesson,.lg-era-background,.lg-concept-detail) {background-color:rgba(119,166,146,.055);border-left-color:#8f9e7e}
body.dg-celestial.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is([aria-pressed=true],[aria-selected=true],[aria-current=true],.is-active) {background-color:rgba(201,181,129,.075);border-color:rgba(205,183,126,.46)}
body.dg-celestial #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel :is(.cu-detail-title,.cu-result-title,.lg-header h2) {font-weight:500;letter-spacing:.09em}
body.dg-celestial.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-next {background:transparent!important}
body.dg-celestial.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-check-options button.is-correct {border-color:#86baa6;background-color:rgba(94,154,131,.10)}
body.dg-celestial.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-check-options button.is-wrong {border-color:#be9c81;background-color:rgba(174,127,94,.09)}
body.dg-celestial.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-check-feedback {border-left-color:#86baa6;background-color:rgba(94,154,131,.06)}
body.dg-celestial.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-check-feedback.is-wrong {border-left-color:#be9c81}
body.dg-celestial #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono,
body.dg-celestial.single-universe.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono {
  --tl-fg:var(--cm-white);--tl-fg-2:var(--cm-text);--tl-fg-3:var(--cm-muted);
  --tl-accent:var(--cm-gold);--tl-on-accent:var(--cm-night);--tl-rule:var(--cm-rule);
  --tl-band:rgba(133,170,152,.035);--tl-read:rgba(198,178,128,.075);--tl-span:rgba(198,178,128,.08);--tl-head:#13242a;
}
body.dg-celestial.historical-map-active #civilization-deep-cosmos#civilization-deep-cosmos .cu-panel .cu-chrono-content {background-color:transparent}
body.dg-celestial .dg-index {--ix-bg:#0d1c22;--ix-fg:var(--cm-white);--ix-fg-2:var(--cm-text);--ix-fg-3:var(--cm-muted);--ix-accent:var(--cm-gold);--ix-rule:var(--cm-rule);background:rgba(2,10,15,.58)}
body.dg-celestial .dg-index-sheet {border-left:1px solid var(--ix-rule);background:linear-gradient(135deg,color-mix(in srgb,var(--ix-bg),#b8d9d5 4%),var(--ix-bg))}
body.dg-celestial.historical-map-active:not(.dg-cover-open) .header {background:linear-gradient(180deg,rgba(6,17,23,.92),rgba(6,17,23,0))!important}
body.dg-celestial.historical-map-active:not(.dg-cover-open) .header :is(.brand-name,.cosmic-primary > button,.explore-toggle,.dg-index-toggle) {color:#c5cfca!important}
body.dg-celestial.historical-map-active:not(.dg-cover-open) .header .brand-name {color:#e9e5d8!important}
body.dg-celestial.historical-map-active:not(.dg-cover-open) .header .brand-name small {color:#91aaa8!important}
body.dg-celestial.historical-map-active:not(.dg-cover-open) .header :is(.cosmic-primary > button,.dg-index-toggle):hover {color:#ead6af!important}

/* Reduce the instrument's competition with the stars. Canvas filtering affects
   color alone, leaving every content star and picking coordinate untouched. */
body.dg-celestial #civilization-deep-cosmos .cu-stars {filter:saturate(.48)}
body.dg-celestial #civilization-deep-cosmos .cu-sky {filter:saturate(.68)}
body.dg-celestial #civilization-deep-cosmos .dg-arm-ring {stroke:rgba(194,196,166,.13);stroke-width:.7}
body.dg-celestial #civilization-deep-cosmos .dg-arm-ring.is-faint {stroke:rgba(173,195,178,.08)}
body.dg-celestial #civilization-deep-cosmos .dg-arm-ecliptic {stroke:rgba(173,195,178,.07)}
body.dg-celestial #civilization-deep-cosmos .dg-arm-dial line {stroke:rgba(194,196,166,.12);stroke-width:.7}
body.dg-celestial #civilization-deep-cosmos .dg-arm-dial line.is-major {stroke:rgba(194,196,166,.26)}
body.dg-celestial #civilization-deep-cosmos .dg-arm-dial .dg-arm-sep {stroke:rgba(194,196,166,.09)}
body.dg-celestial #civilization-deep-cosmos .dg-arm-era text {fill:#82918d}
body.dg-celestial #civilization-deep-cosmos .dg-arm-era.is-current text {fill:#d4bd90}
body.dg-celestial #civilization-deep-cosmos .dg-arm-era.is-current .dg-arm-sector {fill:rgba(180,174,126,.055)}
body.dg-celestial #civilization-deep-cosmos .cu-era-guide {background:linear-gradient(110deg,rgba(12,28,34,.85),rgba(12,28,34,.08));backdrop-filter:none}

@media (max-width:1050px) and (min-width:801px) {
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro {left:30px;width:260px;top:126px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-title {font-size:48px}
}
@media (max-width:800px) {
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro {left:24px;right:24px;top:85px;width:auto;height:auto;bottom:auto;padding:0;background:none}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro-cols {grid-template-columns:minmax(0,1fr) 28px;gap:10px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-eyebrow {font-size:11px;letter-spacing:.15em}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-title {font-size:36px;letter-spacing:.10em}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-range {font-size:12px;letter-spacing:.14em}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-seal {width:27px;height:32px;font-size:11px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro .hm-guide {position:static;font-size:12px;margin:0;padding-bottom:5px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail {padding-top:16px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail button[aria-current=true]::before {top:-18px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-mode {bottom:157px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-mode .hm-space {font-size:12px;letter-spacing:.12em}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-space-ring {width:40px;height:40px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-place-panel {padding:18px 20px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-place-title {font-size:26px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-map-credit {font-size:10px;gap:5px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-land-depth {stroke-width:5;filter:none;transform:translate(0,2px)}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-land {filter:none}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-mountains {opacity:.14}
}
@media (max-width:360px) {
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro {left:20px;right:20px;top:80px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-title {font-size:32px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro-cols {gap:8px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-eyebrow {font-size:10px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-range {font-size:11px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-place-panel {padding:14px 16px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-map-credit {font-size:9px}
}
@media (max-height:500px) {
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro {left:22px;top:77px;right:auto;width:190px;bottom:auto}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro-cols {gap:8px;grid-template-columns:1fr}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-title {font-size:30px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-eyebrow {font-size:10px;letter-spacing:.10em}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-era-range {font-size:11px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-seal,
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro .hm-era-summary,
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-intro .hm-guide {display:none}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail {height:49px;padding:0 16px;align-items:center;gap:12px;overflow-x:auto;justify-content:flex-start}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail button {writing-mode:horizontal-tb;white-space:nowrap;flex:none;min-height:44px;padding:8px 4px;font-size:12px;letter-spacing:.06em}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-rail button::before {display:none}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-mode {top:70px;right:20px;bottom:auto}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-mode .hm-space {flex-direction:row;gap:10px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-space-ring {width:30px;height:30px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-map-caption,
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-map-credit {display:none}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-place-panel {top:72px;bottom:56px;left:auto;right:14px;width:47%;max-height:none;padding:12px 16px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-place-title {font-size:23px}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-reading-note {top:70px;bottom:auto;font-size:11px;max-width:31vw}
  body.dg-celestial #civilization-deep-cosmos#civilization-deep-cosmos .cu-chrono.cu-panel {bottom:57px}
}
@media (prefers-reduced-motion:reduce) {
  body.dg-celestial #civilization-deep-cosmos .hm-world :is(.hm-river-flow,.hm-era-trace),
  body.dg-celestial #civilization-deep-cosmos .dg-arm-ecliptic {animation:none!important}
  body.dg-celestial #civilization-deep-cosmos .hm-world .hm-space-ring,
  body.dg-celestial #civilization-deep-cosmos .dg-arm-dial {transition:none!important}
}