/* DinoClade Living Atlas — exhibition edition, October 2026. */
body.living-atlas{--acid:#d1dcb0;--acid2:#aebf84;--ink:#eeeee3;--muted:#a5b2a8;--line:#d3dfba22;--deep:#040a09;background:#040a09}
body.living-atlas:before{background:radial-gradient(ellipse at 65% 40%,#24463a55,transparent 58%);opacity:1}
.living-atlas .app>header{height:78px;padding:0 32px;background:#040a09e8;border-bottom:1px solid #cbdac01c}
.living-atlas .app>header .brand img{width:42px;height:42px}
.living-atlas .wordmark{font-size:16px;letter-spacing:.17em}
.living-atlas .wordmark span{color:#d1dcb0}.living-atlas .sub{font-size:8px;letter-spacing:.24em;margin-top:5px}
.living-atlas .navlink{border:0!important;background:none!important;border-radius:0;font-size:11px;padding:12px 15px;color:#a8b4aa}
.living-atlas .navlink:first-child{color:#e4ebd2!important;border-bottom:1px solid #c0cf9b!important}
.living-atlas .world:before{display:none}.living-atlas #stage{background:radial-gradient(ellipse at 65% 44%,#12312940,transparent 53%)}
.atlas-editorial{position:absolute;z-index:6;left:36px;top:43px;bottom:93px;width:280px;display:flex;flex-direction:column;pointer-events:none}
.atlas-editorial a,.atlas-editorial button{pointer-events:auto}
.atlas-edition{font-size:9px;letter-spacing:.24em;color:#b7c798;display:flex;align-items:center;gap:13px}
.atlas-edition:before{content:'';width:25px;height:1px;background:#b7c798}
.atlas-editorial h2{font:400 clamp(40px,4.3vw,64px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:23px 0 19px;color:#edf0e2}
.atlas-editorial h2 em{display:block;font-weight:400;color:#aebe8b}
.atlas-editorial>p{font-size:12px;line-height:1.8;color:#9ba99e;max-width:230px;margin:0}
.atlas-expedition{position:relative;display:block;width:100%;margin-top:auto;padding:0;border:1px solid #ccdbb52c;background:#0e1911;overflow:hidden;text-align:left;color:#f1f0de;border-radius:3px;cursor:pointer}
.atlas-expedition>img{display:block;width:100%;height:124px;object-fit:cover;object-position:74% 56%;transition:transform .65s}
.atlas-expedition:hover>img{transform:scale(1.04)}
.atlas-expedition>span{display:block;padding:18px 20px 20px;background:linear-gradient(#102015,#0b150e)}
.atlas-expedition small{display:block;color:#bfcea7;font-size:8px;letter-spacing:.17em}
.atlas-expedition b{display:block;font:italic 29px/1.2 Georgia,serif;letter-spacing:-.025em;margin:8px 0}
.atlas-expedition em{display:flex;align-items:center;justify-content:space-between;font:11px/1.5 system-ui;color:#d8e1c9}
.atlas-expedition i{font:normal 21px Georgia,serif}
.atlas-editorial>footer{font-size:8px;letter-spacing:.12em;color:#81927e;margin-top:15px}
.atlas-mobile-expedition{display:none}
.living-atlas .atlas-search{left:350px;right:100px;top:26px;width:auto;max-width:420px;transform:none}
.living-atlas .search-box{height:44px;background:#071410d9;border-color:#c1d1af2c;border-radius:40px;padding-inline:17px}
.living-atlas .search-box input{font-size:11px}
.living-atlas .atlas-tools{left:350px;top:84px;gap:8px}
.living-atlas .atlas-tools details{border-color:#d2e1bb20;background:#07130ee3;border-radius:30px}
.living-atlas .atlas-tools summary{font-size:10px;padding:10px 12px}
.living-atlas .atlas-tools details[open]{z-index:28}
.living-atlas .atlas-tools .atlas-journeys>div,.living-atlas .atlas-settings>div,.living-atlas .atlas-info>div{border-radius:12px;background:#091710fa;border-color:#b8cda435}
.living-atlas .atlas-panorama-slot{display:none}
.living-atlas .timeline{left:350px;right:94px;bottom:25px;border-radius:4px;background:#07120ee8;border-color:#b8cda42b;box-shadow:none;padding:15px 20px 11px}
.living-atlas .timeline-title{letter-spacing:.14em;font-size:9px}
.living-atlas .timeline .count{font-size:9px;color:#9baf99}
.living-atlas .timeline-expand{font-size:9px}
.living-atlas .ticks{margin-top:12px}.living-atlas .era-labels{margin-top:10px}
.living-atlas .zoom-controls{right:30px;top:26px;border-radius:30px;background:#07140edb;overflow:hidden}
.living-atlas .zoom-btn{height:37px;width:37px;color:#d6e2c4}
.living-atlas .controls{right:30px;bottom:28px}
.living-atlas .cluster-tray{left:350px;width:420px;bottom:123px;border-radius:12px;background:#071710f7}
.living-atlas .panel{background:#08150ff7;box-shadow:-25px 0 90px #0005}
.living-atlas .panel .hero{border-bottom:1px solid #c8d6b51f}
.living-atlas .panel h2{font-family:Georgia,serif;letter-spacing:-.025em;font-weight:400}
.living-atlas .facts{gap:8px}.living-atlas .fact{background:#c2d7a505;border-color:#d2e1bb1c}
.living-atlas.species-open .atlas-editorial,.living-atlas.region-exploring .atlas-editorial{visibility:hidden}
.living-atlas.species-open .atlas-search{left:26px;right:auto;width:330px}
.living-atlas.species-open .atlas-tools{left:26px}
.living-atlas.species-open .timeline{left:26px;right:calc(32% + 32px)}
body.living-atlas:not(.species-open) .dc-chat-launch{left:36px;right:auto;bottom:24px!important;box-shadow:none;background:#0a160f;border-color:#b7c59e38;padding:12px 16px;font-size:10px}
.living-atlas .region-portal{background:#08170ef2;border-color:#c5d5af35}
.living-atlas .region-portrait{background:#142219;border-color:#c5d5af25}
.atlas-canvas-note{position:absolute;z-index:2;left:65%;bottom:122px;transform:translateX(-50%);font-size:8px;letter-spacing:.15em;color:#8faaa0;pointer-events:none;white-space:nowrap}
.living-atlas .world:has(.timeline.expanded) .atlas-canvas-note{visibility:hidden}
.living-atlas.species-open .atlas-canvas-note,.region-exploring .atlas-canvas-note{display:none}
.living-atlas :focus-visible{outline:2px solid #d8e7b2;outline-offset:4px}
/* Field view: scene first, controls at the perimeter. */
.hc-immersive .hc-foreground{display:none}
.hc-immersive .hc-living-sky{display:none}
.hc-immersive .hc-header{padding:28px 34px;background:linear-gradient(#040c09a8,transparent)}
.hc-immersive .hc-header h1{font:400 46px/1 Georgia,serif;letter-spacing:-.04em}
.hc-immersive .hc-header small{font-size:8px;letter-spacing:.22em}
.hc-immersive .hc-back,.hc-immersive .hc-info-toggle{background:#07130d75;border-color:#e6eac74d;padding:12px 17px;border-radius:30px}
.hc-immersive .hc-footer{padding:65px 34px 24px;background:linear-gradient(transparent,#051009b8);pointer-events:none;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.hc-immersive .hc-footer button,.hc-immersive .hc-footer summary,.hc-immersive .hc-footer details{pointer-events:auto}
.hc-immersive .hc-viewpoints{justify-content:start;gap:26px;grid-column:1;grid-row:1}
.hc-immersive .hc-viewpoints button{font-size:9px}
.hc-immersive .hc-viewpoints span{font-size:12px}
.hc-immersive .hc-field-note{grid-column:1;grid-row:2;text-align:left;margin:0;font-size:9px}
.hc-immersive .hc-directions{display:none}
.hc-fauna{position:relative;grid-column:2;grid-row:1/3;justify-self:end;pointer-events:auto}
.hc-fauna>summary{list-style:none;cursor:pointer;border:1px solid #d9e4c34d;border-radius:30px;padding:13px 20px;background:#0a1a11ba;font-size:11px;backdrop-filter:blur(12px)}
.hc-fauna>summary::-webkit-details-marker{display:none}
.hc-fauna[open]>summary{background:#cfdeac;color:#102014}
.hc-immersive .hc-fauna .hc-residents{position:absolute;bottom:52px;right:0;min-width:230px;background:#0c1c14f5;border:1px solid #c9d8b044;border-radius:12px;padding:8px;display:grid;gap:4px}
.hc-immersive .hc-fauna .hc-residents button{text-align:left;font-size:11px!important;border:0;border-radius:6px;padding:12px;background:transparent}
.hc-immersive .hc-fauna .hc-residents button:hover{background:#a3b98220}
.hc-immersive .hc-field-controls{right:34px;top:41%}
.hc-immersive .hc-field-controls button{width:40px;height:40px;background:#0b1b128c}
.hc-immersive .hc-animal span{width:27px;height:27px;font-size:16px;background:#0a180c8a;box-shadow:0 0 0 7px #eff3cd14}
.hc-immersive .hc-animal b{font-size:10px;letter-spacing:.07em;padding:7px 12px;background:#0a180cb8}
.hc-immersive.hc-observing .hc-card{top:26%;max-height:calc(100dvh - 240px);border-radius:4px;background:#0b1a12ee;border-color:#d8e4bf3a;box-shadow:0 20px 70px #0004}
.hc-immersive .hc-card h2{font-weight:400}
.hc-immersive .hc-info{top:110px;max-height:calc(100dvh - 180px);border-radius:8px;background:#0b1a12f5}
.hc-immersive .hc-info p{font-size:12px}
.hc-ambience{display:flex;gap:8px;position:absolute;z-index:5;top:100px;left:34px}
.hc-immersive .hc-ambience button{font-size:10px;padding:9px 13px;border-color:#dae5c52b;background:#07150c96}
.hc-immersive .hc-ambience button[aria-pressed=true]{border-color:#d9e5b6;background:#d2dfae;color:#152214}
.hc-immersive.hc-distraction-free .hc-footer,.hc-immersive.hc-distraction-free .hc-field-controls,.hc-immersive.hc-distraction-free .hc-animal,.hc-immersive.hc-distraction-free .hc-header>div,.hc-immersive.hc-distraction-free .hc-info-toggle{opacity:0;visibility:hidden;pointer-events:none}
.hc-water-light{position:absolute;inset:57% 22% 0 35%;pointer-events:none;opacity:.16;mix-blend-mode:screen;background:repeating-linear-gradient(177deg,transparent 0 7px,#f8efd733 8px,transparent 10px 18px);mask-image:radial-gradient(ellipse at 65% 65%,#000,transparent 70%);animation:hc-ripple 12s ease-in-out infinite alternate;animation-play-state:paused}
.hc-immersive[open]:not(.hc-motion-paused):not(.hc-page-hidden) .hc-water-light{animation-play-state:running}
.hc-immersive .hc-sunlight{opacity:.28}
.hc-immersive .hc-mist{opacity:.5}
@keyframes hc-ripple{to{transform:translate3d(9px,3px,0) scaleY(1.06);opacity:.26}}
@media(min-width:1500px){.atlas-editorial{width:320px;left:48px;top:60px}.atlas-editorial h2{font-size:72px}.atlas-editorial>p{font-size:14px;max-width:280px}.atlas-expedition>img{height:160px}.living-atlas .atlas-search,.living-atlas .atlas-tools,.living-atlas .timeline{left:410px}}
@media(max-height:740px) and (min-width:1051px){.atlas-editorial{top:26px;bottom:85px}.atlas-editorial h2{font-size:42px;margin:17px 0 12px}.atlas-editorial>p{font-size:11px}.atlas-expedition>img{height:80px}.atlas-expedition>span{padding:12px 17px}.atlas-expedition b{font-size:26px}.atlas-editorial>footer{display:none}}
@media(max-width:1050px){
 .atlas-editorial{left:23px;width:220px;top:28px}.atlas-editorial h2{font-size:46px}.atlas-editorial>p{font-size:11px}
 .atlas-expedition>img{height:100px}.atlas-expedition>span{padding:13px 15px}.atlas-expedition b{font-size:27px}
 .living-atlas .atlas-search,.living-atlas .atlas-tools,.living-atlas .timeline{left:270px}
 .living-atlas .atlas-tools{gap:4px}.living-atlas .atlas-tools summary{font-size:9px;padding:10px}
 .living-atlas .cluster-tray{left:270px;width:330px}
 .living-atlas .timeline .count{display:none}
}
@media(max-width:760px){
 .living-atlas .app{grid-template-rows:103px minmax(0,1fr)}
 .living-atlas .app>header{height:103px;padding:10px 14px 45px}
 .living-atlas .app>header .brand img{width:33px;height:33px}
 .living-atlas .wordmark{font-size:13px}.living-atlas .sub{font-size:7px}
 .living-atlas .navlink{font-size:9px;padding:7px 2px;min-height:32px}
 .atlas-editorial{display:none}.atlas-mobile-expedition{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;left:14px;right:14px;bottom:95px;border:1px solid #c7db9e50;border-radius:10px;background:linear-gradient(100deg,#15261eea,#0a170df5);color:#e8edd8;padding:12px 17px;cursor:pointer;text-align:left}
 .atlas-mobile-expedition span{display:block}.atlas-mobile-expedition small{display:block;font-size:8px;letter-spacing:.16em;color:#b9c99c;margin-bottom:4px}.atlas-mobile-expedition b{font:24px Georgia,serif;font-weight:400}.atlas-mobile-expedition i{font-style:normal;font-size:20px}
 .living-atlas .atlas-search,.living-atlas.species-open .atlas-search{left:14px;right:14px;top:12px;width:auto;max-width:none}
 .living-atlas .atlas-tools,.living-atlas.species-open .atlas-tools{left:14px;right:14px;top:66px;justify-content:space-between}
 .living-atlas .atlas-tools summary{font-size:9px;padding:9px 11px}.living-atlas .atlas-settings>div{right:-75px}
 .living-atlas .timeline,.living-atlas.species-open .timeline{left:14px;right:14px;bottom:12px;padding:11px 13px}
 .living-atlas .timeline-title{font-size:8px;letter-spacing:.05em}
 .living-atlas .timeline .count{display:none}
 .living-atlas .zoom-controls{right:14px;top:118px;bottom:auto}.living-atlas .zoom-btn{width:33px;height:33px}
 .living-atlas .controls{right:14px;bottom:171px}
 .living-atlas .cluster-tray{left:14px;right:14px;width:auto;bottom:100px;max-height:calc(100dvh - 310px)}
 .living-atlas .world:has(.timeline.expanded) .atlas-mobile-expedition{visibility:hidden}
 .living-atlas .world:has(.timeline.expanded) .zoom-controls{top:118px;bottom:auto}
 .living-atlas.species-open .atlas-mobile-expedition,.living-atlas.region-exploring .atlas-mobile-expedition,.living-atlas .world:has(.cluster-tray.open) .atlas-mobile-expedition{display:none}
 .living-atlas .atlas-canvas-note{left:50%;bottom:166px;font-size:7px}
 body.living-atlas:not(.species-open) .dc-chat-launch{left:14px;bottom:auto!important;top:222px;width:34px;height:34px;padding:7px}
 body.living-atlas .dc-chat-launch span{display:none}
 .hc-immersive .hc-header{padding:17px 14px;gap:8px}
 .hc-immersive .hc-header h1{font-size:29px;margin-top:8px}
 .hc-immersive .hc-header small{font-size:6px}
 .hc-immersive .hc-back,.hc-immersive .hc-info-toggle{font-size:9px;padding:10px;max-width:82px}
 .hc-ambience{left:14px;top:90px;gap:6px}.hc-immersive .hc-ambience button{font-size:9px;padding:9px 11px}
 .hc-immersive .hc-field-controls{right:14px;top:38%;bottom:auto}
 .hc-immersive .hc-footer{padding:42px 14px max(16px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:12px}
 .hc-immersive .hc-viewpoints{gap:12px}.hc-immersive .hc-viewpoints span{font-size:9px;margin:0;display:block;margin-top:6px}
 .hc-immersive .hc-viewpoints button{font-size:8px}
 .hc-immersive .hc-field-note{font-size:7px;grid-column:1/3}
 .hc-immersive .hc-field-note span{font-size:7px}
 .hc-fauna{grid-row:1}.hc-fauna>summary{font-size:10px;padding:12px}
 .hc-immersive .hc-fauna .hc-residents{width:230px;overflow:visible}
 .hc-immersive.hc-observing .hc-card,.hc-immersive.hc-observing .hc-card[data-side=left]{top:auto;bottom:88px;left:12px;right:12px;max-height:38dvh;width:auto;padding:18px}
 .hc-immersive.hc-observing .hc-footer{display:flex;justify-content:end}
 .hc-immersive.hc-observing .hc-field-note{display:none}
 .hc-immersive .hc-info{top:135px;max-height:calc(100dvh - 220px)}
}
@media(max-height:520px){.hc-immersive .hc-header h1{font-size:26px}.hc-ambience{top:80px}.hc-immersive .hc-field-note{display:none}.hc-immersive .hc-footer{padding:25px 18px 12px}.hc-immersive.hc-observing .hc-card{top:90px;bottom:75px;max-height:none}.hc-immersive .hc-header{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.hc-water-light{animation:none!important}.atlas-expedition>img{transition:none}}


/* Orbital edition: the atmosphere is rendered with the planet. */
body.living-atlas:before{background:radial-gradient(ellipse at 66% 42%,#0b1823 0%,#050b10 43%,#03080a 72%);opacity:1}
.living-atlas .world:before{display:none}
/* Prevent focus from scrolling the hidden-overflow body and cropping the globe. */
body.living-atlas{overflow:clip}