html #page-atlas{background:#0c191e;color:#f4ece1;padding:0 0 calc(var(--tab-h) + 22px)}
.orbit-wrap{max-width:1440px;margin:auto;padding:0 clamp(18px,5vw,78px)}
.orbit-hero{display:grid;grid-template-columns:minmax(250px,.88fr) minmax(0,1.12fr);align-items:center;position:relative;isolation:isolate;border-bottom:1px solid #476064}
.orbit-hero:before{content:'';position:absolute;inset:0 -3% 0 15%;background:radial-gradient(ellipse at 70% 52%,#31555163,transparent 64%);z-index:-1;pointer-events:none}
.orbit-intro{padding:36px 0;position:relative;z-index:1}.orbit-intro h1{color:#f8f1dd;font:600 clamp(56px,6.4vw,100px)/1.05 var(--at-serif);letter-spacing:-.065em}.orbit-intro h1 em{color:#f5b389;font-style:normal}.orbit-intro p{margin:20px 0 12px;font-size:14px;color:#c7d6d1}
.orbit-stats,.orbit-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.orbit-stats button{min-height:44px;color:#b3c9c4;font-size:12px}.orbit-stats strong{font:24px Georgia;color:#f6f3e4}.orbit-actions{margin-top:15px}.orbit-actions button,.orbit-section-heading button{min-height:44px;font-size:14px}.orbit-primary{background:#f3bb94;color:#192a2a;border-radius:99px;padding:0 23px;font-weight:650}
.orbit-globe{position:relative;height:clamp(340px,35vw,505px);min-width:0;isolation:isolate}.orbit-globe:before{position:absolute;content:'';inset:27% 2% 26%;border:1px solid #78979155;border-radius:50%;transform:rotate(-20deg);z-index:-1}
.orbit-globe canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.orbit-globe canvas:active{cursor:grabbing}
.orbit-key,.globe-pause{position:absolute;bottom:15px;font-size:12px;color:#cedbd3}.orbit-key{left:3%;pointer-events:none}.orbit-key i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffb77d;margin-right:5px}.globe-pause{right:2%;min-height:44px;bottom:0;padding:0 10px}
.orbit-memories{padding:24px 0}.orbit-section-heading,.gallery-toolbar,.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:10px}.orbit-section-heading h2{font:600 clamp(24px,2.8vw,37px) var(--at-serif)}.orbit-section-heading button{color:#c4d4c9}
.motion-gallery{background:radial-gradient(ellipse at 50% 66%,#2b4244,#112227 72%);color:#f8eedc;overflow:hidden;position:relative;border:1px solid #3d5558;border-radius:12px;margin-top:12px;padding:10px clamp(10px,2vw,24px)}
.gallery-toolbar{position:relative;z-index:2}.gallery-modes,.gallery-arrows{display:flex;gap:4px}.gallery-toolbar button{min-width:44px;min-height:44px;padding:0 10px;color:#bdd1ca;font-size:13px}.gallery-modes button[aria-pressed=true]{color:#fff1ce;box-shadow:inset 0 -2px #efb58c}.gallery-arrows button{font-size:20px}.gallery-arrows button:disabled{opacity:.28}
.gallery-stage{position:relative;height:clamp(170px,21vw,275px);touch-action:pan-y;user-select:none;outline-offset:-3px!important;isolation:isolate}
.gallery-frame{position:absolute;left:50%;top:52%;width:clamp(100px,25%,230px);aspect-ratio:1.4;padding:4px;background:#f5eed9;border-radius:3px;box-shadow:0 10px 22px #030c1166;transition:transform .46s cubic-bezier(.2,.7,.2,1),opacity .4s;cursor:pointer}
.gallery-frame img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.gallery-caption{border-top:1px solid #546569;padding:10px 3px 7px;color:#c1d2c9;font:12px var(--f-ui)}.gallery-caption b{font:500 18px var(--at-serif);display:block;margin-top:4px;color:#f9efdb}.gallery-caption small{font-size:11px}
.orbit-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #476064;gap:30px}.orbit-links button{display:flex;align-items:center;gap:14px;text-align:left;padding:20px 0;color:#f6d4b2}.orbit-links span{flex:1;font-size:17px}.orbit-links small{display:block;font-size:12px;color:#bccfc6;margin-top:4px}.orbit-links b{font-size:19px}
#page-spaces .motion-gallery{margin:5px 0 18px}#page-spaces .gallery-stage{height:200px}#page-spaces .gallery-frame{width:37%}
@media(max-width:700px){.orbit-hero{grid-template-columns:1fr}.orbit-intro{padding:26px 0 0}.orbit-intro h1{font-size:clamp(42px,9vw,64px)}.orbit-intro h1 br{display:none}.orbit-intro p{margin:10px 0 3px}.orbit-actions{margin-top:4px}.orbit-globe{height:clamp(220px,58vw,320px)}.orbit-key{left:0}.orbit-memories{padding:16px 0}.gallery-frame{width:37%}.gallery-stage{height:154px}.orbit-links{gap:12px}.orbit-links button{gap:6px}.orbit-links button>svg{display:none}.orbit-links small{line-height:1.6}}
@media(prefers-reduced-motion:reduce){.gallery-frame{transition:none!important}}
.gallery-stage.dragging .gallery-frame{transition:none;cursor:grabbing}.gallery-flyby{position:absolute;pointer-events:none;z-index:102;left:45%;top:52%;width:clamp(100px,25%,230px);aspect-ratio:1.4;object-fit:cover;border:4px solid #f5eed9;border-radius:3px}#page-spaces .gallery-flyby{width:37%}
@media(max-width:700px){.gallery-flyby{width:37%}}
body[data-tab=atlas] #tabbar{background:#102126;border-color:#34484b}body[data-tab=atlas] #tabbar [data-tab]{color:#bed0c9}body[data-tab=atlas] #tabbar [data-tab].on{color:#ffe3bd;background:#3c4943}body[data-tab=atlas] #tabbar #btn-add{background:#f1b78d;color:#182b2b}body[data-tab=atlas] .at-brand{color:#faebd5}body[data-tab=atlas] .at-brand small{color:#adbfba}
html #page-atlas{inset:0 0 var(--tab-h);padding:0;overflow:hidden;background:#07161e}
.earth-home{position:relative;width:100%;height:100%;color:#f9eee0}
.earth-home .orbit-globe{width:100%;height:100%;background:radial-gradient(ellipse at 53% 44%,#152e36 0,#0b1c25 50%,#06131c 85%);overflow:hidden}
.earth-home .orbit-globe:before{display:none}
.earth-home canvas{touch-action:none;position:absolute;inset:0}
.earth-heading{position:absolute;top:clamp(16px,4vh,44px);left:clamp(18px,4vw,64px);pointer-events:none}.earth-heading h1{font:600 clamp(23px,3.2vw,50px)/1.25 var(--at-serif);letter-spacing:.02em}.earth-heading p{color:#bacbc9;font-size:13px;margin-top:6px}
.earth-tools{position:absolute;right:clamp(12px,2vw,32px);bottom:68px;display:grid;background:#10242eee;border:1px solid #47616b;border-radius:12px;overflow:hidden}
.earth-tools button{min-width:44px;min-height:44px;color:#f5e7ce;font-size:19px}.earth-tools button+button{border-top:1px solid #374d56}.earth-tools .globe-pause{position:static;font-size:12px;padding:3px 7px}
.earth-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#bed1cf;font-size:12px;pointer-events:none;white-space:nowrap}
.touch-hint{display:none}@media(pointer:coarse){.touch-hint{display:inline}.mouse-hint{display:none}}
.earth-shortcuts{position:absolute;left:clamp(14px,4vw,64px);bottom:58px;display:flex;flex-wrap:wrap;gap:6px}.earth-shortcuts button{min-height:44px;display:inline-flex;align-items:center;gap:7px;color:#eedfc7;background:#10252eee;border:1px solid #46616b;border-radius:24px;padding:0 13px;font-size:13px}
.earth-album{position:absolute;z-index:3;left:50%;bottom:12px;transform:translateX(-50%);width:min(720px,96%);padding:15px max(12px,2vw);border:1px solid #537176;border-radius:14px;background:#102329;box-shadow:0 10px 60px #0008;max-height:85%;overflow:auto}.earth-album .orbit-section-heading h2{font-size:23px}.earth-album .album-more{min-height:44px;color:#ded8c7}
html body.earth-blending #page-atlas{background:transparent}body.earth-blending .earth-home{opacity:0;transition:opacity .28s ease-out}
@media(min-width:801px){html #page-atlas{inset:64px 0 0;padding:0}}
@media(max-width:600px){.earth-shortcuts{bottom:50px}.earth-shortcuts button{padding:0 9px;font-size:12px}.earth-tools{bottom:108px}.earth-hint{bottom:18px}.earth-heading{top:calc(16px + var(--sat))}}
@media(prefers-reduced-motion:reduce){body.earth-blending .earth-home{transition:none}}
.earth-route{pointer-events:auto;margin-top:12px;max-width:min(260px,80vw);display:flex;gap:9px;align-items:center;text-align:left;padding:6px 12px;min-height:44px;border-radius:8px;background:#14282fdc;color:#ffe3c1;border:1px solid #4a5a59}.earth-route i{width:16px;height:2px;background:#ffc18d}.earth-route span{font-size:13px}.earth-route small{display:block;color:#c6d6d3;font-size:11px;margin-top:2px}.earth-route b{font-weight:400}
#flat-zoom{display:none}
body[data-tab=map]:has(#pickbar.hidden) #flat-zoom{display:grid;position:fixed;right:clamp(12px,2vw,32px);top:49%;transform:translateY(-50%);z-index:42;border:1px solid #47616b;border-radius:12px;overflow:hidden;background:#10242ef2;color:#f5e7ce}
#flat-zoom button{width:48px;height:44px;font-size:21px}#flat-zoom button+button{border-top:1px solid #47616b}
.earth-magnification{display:block;padding:2px 5px;text-align:center;color:#f5e7ce;font:600 12px/1.4 var(--f-ui);font-variant-numeric:tabular-nums;pointer-events:none}
