/* Neutral charcoal canvas; colour comes from the compared objects. */
body.atlas-surface{--bg:#08090a;--surface:#16191a;--line:#46504f;--muted:#b3c9d5;background:#08090a}
body.atlas-surface.explorer-page{--bg:#101112;background:#101112}
body.atlas-surface.explorer-page:before{background:none}
body.atlas-surface.explorer-page #stage{background:radial-gradient(ellipse at 50% 43%,#ffffff04,transparent 72%)}
/* Decorative sky only: fixed screen-size points, no animation, no measured objects. */
body.atlas-surface.explorer-page #stage:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--cosmic-opacity,0);background-image:radial-gradient(circle at 17% 23%,#dce0dd 0 .65px,transparent 1px),radial-gradient(circle at 72% 61%,#c5cbc7 0 .55px,transparent 1px),radial-gradient(circle at 39% 82%,#e6e8e3 0 .8px,transparent 1.2px),radial-gradient(circle at 83% 17%,#bfc7c0 0 .6px,transparent 1px);background-size:311px 293px,433px 397px,619px 487px,743px 653px}
body.atlas-surface.explorer-page.distance-mode #stage:before{opacity:0}
body.atlas-surface.explorer-page header{filter:drop-shadow(0 2px 9px #07111a66)}
body.atlas-surface.explorer-page .scales button{color:#b2c5d0}
body.atlas-surface.explorer-page .scales button.active{color:#f0f4ee}
body.atlas-surface.explorer-page .object-caption small{color:#b2c6d2}
body.atlas-surface.explorer-page .zoom-controls,body.atlas-surface.explorer-page .search-button{background:#191d1eed;border-color:#6c7b7588}
body.atlas-surface header.experience-header{background:#15191aef;border-bottom-color:#496b7f}
body.atlas-surface header.experience-header>nav>a[aria-current=page]{background:#bce5df24}
body.atlas-surface .experience-card{background:linear-gradient(145deg,#1c2223,#15191a);border-color:#4c697d;box-shadow:none}
body.atlas-surface .experience-note{background:#202728;border-left-color:#acd7dd}
body.atlas-surface .quantity-canvas-wrap,body.atlas-surface .lab-scene,body.atlas-surface .sky-chart,body.atlas-surface .planet-plot,body.atlas-surface .time-scene{background:#0e1213;border-color:#486a7e}
body.atlas-surface .experience-main p{max-width:78ch}
body.atlas-surface .hub-tool{--hub-accent:#b6e0dc;background:linear-gradient(140deg,#1a3649,#153044);border-color:#527184}
body.atlas-surface .hub-compare{--hub-accent:#b8dfef}body.atlas-surface .hub-solar{--hub-accent:#f0d198}body.atlas-surface .hub-lab{--hub-accent:#b9ddbc}body.atlas-surface .hub-quantities{--hub-accent:#88d5e5}body.atlas-surface .hub-discover{--hub-accent:#d1c9ed}body.atlas-surface .hub-travel{--hub-accent:#eac6a2}body.atlas-surface .hub-cosmos{--hub-accent:#b6c9ee}
body.atlas-surface .hub-tool-name,body.atlas-surface .hub-tool .hub-drawing{color:var(--hub-accent)}
body.atlas-surface .hub-drawing svg{opacity:1}
@media(min-width:1600px){body.atlas-surface .experience-main{max-width:1680px;width:calc(100% - 48px)}body.atlas-surface header.experience-header{padding-inline:max(24px,calc((100vw - 1632px)/2))}}

.scale-object .river-comparison-caption{font-size:11px;line-height:13px;text-align:right}.scale-object .river-comparison-caption small{font-size:10px;line-height:13px}.scale-object .river-comparison-caption>span{white-space:nowrap}

.scale-object .river-comparison-caption{height:26px;box-sizing:border-box;padding:0}.scale-object .river-comparison-caption small{margin-top:0}.scale-object .river-comparison-caption>span{display:block;overflow:hidden;text-overflow:ellipsis}

/* Keep floating inspectors neutral against the charcoal scene. */
body.atlas-surface.explorer-page #quantityMap,body.atlas-surface.explorer-page #riverBrowser{background:#151a18f5;border-color:#6d807388}body.atlas-surface.explorer-page #quantityMap .quantity-map-head{background:#151a18}body.atlas-surface.explorer-page #quantityMap select,body.atlas-surface.explorer-page #riverBrowser input,body.atlas-surface.explorer-page #riverBrowser select{background:#0d1210;border-color:#73897966}body.atlas-surface.explorer-page #stageScale{background:#0d1110e8}

/* The last scale is an observational horizon, with a readable observer locator. */
#homeLocation>span{display:none}
#homeLocation[data-host="landmark-68"]>span{display:block;position:absolute;top:30px;left:50%;transform:translateX(-50%);width:170px;padding:5px 8px;border-radius:14px;background:#101112df;color:#ecede5;font-size:10px;line-height:1.5;pointer-events:none}
#universeSummary{font-size:12px;line-height:1.7;color:#c3c7bf;max-width:280px;border-top:1px solid #c8d9bb40;padding-top:14px;margin:12px 0}
body.universe-arrival .selected-info>.eyebrow{color:#d9ceb0}
@media(max-width:650px){#universeSummary{display:none}#homeLocation[data-host="landmark-68"]>span{font-size:10px;width:145px}}

#universeArrival{position:absolute;z-index:6;top:142px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 48px));text-align:center;pointer-events:none}#universeArrival strong{display:block;color:#e3e3d8;font:400 clamp(20px,2.2vw,30px)/1.3 Manrope,sans-serif;letter-spacing:-.03em}#universeArrival span{display:block;font-size:12px;line-height:1.6;color:#b9c1b8;margin-top:9px}@media(max-width:650px){#universeArrival{top:132px;width:calc(100% - 44px)}#universeArrival strong{font-size:21px}#universeArrival span{font-size:12px;max-width:270px;margin:9px auto 0}}

/* Read the result before the documentary detail. */
#detailDialog #detailLead{font-size:20px;line-height:1.5;color:#e4ebdb;margin:12px 0}#detailDialog #detailPeriod{font-size:12px;color:#b5c1b7;margin:0 0 20px}#detailDocumentation{border-top:1px solid #c8d9bb30;margin-top:22px;padding-top:10px}#detailDocumentation>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-size:13px;color:#c8d9bb}#detailDocumentation #detailText{font-size:13px;line-height:1.8}#detailDialog .dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}#detailDialog .dialog-actions>button{min-height:46px;white-space:normal;text-align:center}#detailDialog .dialog-actions>button:not(#detailCenter):not(#detailCompare){background:transparent;border:0;color:#aebdb1;font-size:12px;border-radius:0;text-decoration:underline;text-underline-offset:4px}#detailDialog #artOpen img{max-height:180px;object-fit:contain}#detailDialog #detailTitle{font-size:clamp(24px,3vw,32px);line-height:1.3}@media(max-width:450px){#detailDialog #detailLead{font-size:18px}#detailDialog .dialog-actions{grid-template-columns:1fr}#detailDialog .dialog-actions>button:not(#detailCenter):not(#detailCompare){min-height:36px}}