.nested-scale-view[hidden]{display:none!important}
.nested-scale-view{position:absolute;inset:0;z-index:3;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(57,87,52,.18),transparent 34%),linear-gradient(180deg,rgba(2,5,7,.28),rgba(2,4,5,.72));pointer-events:none}
.nested-scale-shell{position:absolute;inset:18px clamp(22px,22vw,360px) 48px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;pointer-events:auto}
.nested-scale-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.nested-scale-breadcrumb button{border:1px solid rgba(154,186,169,.32);background:rgba(4,11,13,.82);color:#aebeb8;padding:7px 10px;font:600 10px/1.1 var(--font-ui,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 5px 20px rgba(0,0,0,.25)}
.nested-scale-breadcrumb button:hover,.nested-scale-breadcrumb button:focus-visible{border-color:#d0a45b;color:#fff}
.nested-scale-breadcrumb button[aria-current=page]{border-color:#d0a45b;color:#f4dba9;background:rgba(53,39,17,.74)}
.nested-scale-breadcrumb span{color:#697b75}
.nested-scale-viewport{position:relative;min-height:0;display:grid;place-items:center;isolation:isolate}
.nested-planet-orb{position:relative;width:min(64vh,68vw);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 67% 34%,color-mix(in srgb,var(--planet-secondary) 84%,white 16%),transparent 11%),radial-gradient(circle at 34% 64%,color-mix(in srgb,var(--planet-primary) 88%,black 12%),transparent 28%),radial-gradient(circle at 48% 48%,var(--planet-secondary),var(--planet-primary) 64%,#07100c 78%);box-shadow:inset -70px -45px 90px rgba(0,0,0,.78),inset 24px 14px 36px rgba(255,255,255,.09),0 0 18px color-mix(in srgb,var(--planet-atmosphere) 65%,transparent),0 0 64px color-mix(in srgb,var(--planet-atmosphere) 24%,transparent)}
.nested-planet-orb:before,.nested-planet-orb:after{content:"";position:absolute;inset:-8%;border-radius:50%;pointer-events:none}
.nested-planet-orb:before{background:repeating-radial-gradient(ellipse at 43% 38%,transparent 0 18px,rgba(233,255,221,.055) 21px 23px,transparent 28px 42px);filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.016 .045' numOctaves='3' seed='18'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='46'/%3E%3C/filter%3E%3C/svg%3E%23n");opacity:.8}
.nested-planet-orb:after{inset:0;background:linear-gradient(105deg,rgba(255,255,255,.16),transparent 24%,transparent 55%,rgba(0,0,0,.72) 82%),radial-gradient(circle at 28% 31%,rgba(184,255,132,.12),transparent 19%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--planet-atmosphere) 55%,transparent)}
.nested-planet-texture{position:absolute;inset:4%;border-radius:50%;opacity:.62;background:repeating-conic-gradient(from 12deg at 48% 52%,rgba(15,35,14,.3) 0 4deg,rgba(131,174,67,.18) 6deg 9deg,rgba(51,21,75,.27) 12deg 16deg)}
.nested-planet-clouds{position:absolute;inset:-6%;border-radius:50%;background:repeating-radial-gradient(ellipse at 62% 40%,transparent 0 24px,rgba(220,235,214,.11) 27px 30px,transparent 34px 55px);filter:blur(3px);mix-blend-mode:screen;animation:nestedCloudDrift 38s linear infinite}
.nested-planet-orb svg{position:absolute;inset:0;width:100%;height:100%;z-index:3}
.nested-planet-orb polygon{fill:color-mix(in srgb,var(--region-color) 22%,transparent);stroke:color-mix(in srgb,var(--region-color) 82%,white 18%);stroke-width:5;stroke-dasharray:13 8;filter:drop-shadow(0 0 7px var(--region-color))}
.nested-region-marker,.nested-location-marker{position:absolute;z-index:5;transform:translate(-50%,-50%);border:1px solid rgba(225,237,205,.72);background:rgba(4,12,8,.88);color:#f3f6e8;padding:7px 10px;min-width:120px;text-align:left;box-shadow:0 0 0 3px rgba(10,23,12,.65),0 8px 22px rgba(0,0,0,.38)}
.nested-region-marker:hover,.nested-region-marker:focus-visible,.nested-location-marker:hover,.nested-location-marker:focus-visible{border-color:#f0c974;box-shadow:0 0 0 3px rgba(240,201,116,.18),0 0 24px rgba(240,201,116,.28)}
.nested-region-marker span,.nested-location-marker span{display:block;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.nested-location-marker small{display:block;color:#9aac9f;font-size:9px;margin-top:3px}
.nested-location-marker i{position:absolute;left:-8px;top:50%;width:10px;height:10px;border:2px solid #f0c974;background:#162018;transform:translate(-50%,-50%) rotate(45deg)}
.nested-region-surface{position:relative;width:min(78vh,74vw);height:min(62vh,58vw);overflow:hidden;border:1px solid color-mix(in srgb,var(--region-color) 60%,#88978f);clip-path:polygon(5% 0,95% 0,100% 8%,100% 92%,95% 100%,5% 100%,0 92%,0 8%);background:radial-gradient(ellipse at 45% 30%,color-mix(in srgb,var(--region-color) 24%,transparent),transparent 25%),linear-gradient(155deg,var(--planet-secondary),var(--planet-primary) 68%,#06100b);box-shadow:inset 0 0 90px rgba(0,0,0,.72),0 20px 80px rgba(0,0,0,.54)}
.nested-region-canopy{position:absolute;inset:-20%;opacity:.9;background:repeating-radial-gradient(ellipse at 48% 48%,rgba(215,242,160,.11) 0 4px,transparent 6px 21px),repeating-conic-gradient(from 30deg,rgba(22,45,18,.62) 0 7deg,rgba(73,35,91,.48) 9deg 15deg,rgba(9,25,13,.58) 18deg 26deg);filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.014' numOctaves='4' seed='31'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='58'/%3E%3C/filter%3E%3C/svg%3E%23n")}
.nested-region-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(181,211,178,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(181,211,178,.075) 1px,transparent 1px);background-size:6.25% 6.25%;mask-image:linear-gradient(transparent,black 15%,black 85%,transparent)}
.nested-scale-caption{position:absolute;left:clamp(10px,4vw,64px);bottom:clamp(10px,3vh,42px);z-index:8;display:grid;gap:4px;padding:12px 16px;border-left:3px solid #d0a45b;background:linear-gradient(90deg,rgba(3,9,8,.9),rgba(3,9,8,.08));min-width:min(330px,70%)}
.nested-scale-caption span{color:#d0a45b;font-size:9px;letter-spacing:.2em}.nested-scale-caption strong{font:700 clamp(22px,3vw,40px)/1 var(--font-display,Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase}.nested-scale-caption small{color:#aebdb4}
.nested-location-scene{position:relative;width:min(84vh,80vw);height:min(62vh,58vw);overflow:hidden;border:1px solid rgba(153,190,141,.5);background:linear-gradient(180deg,#0a1111 0,#172119 48%,#090b08 100%);box-shadow:inset 0 -70px 100px #020302,0 18px 80px rgba(0,0,0,.58)}
.nested-location-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 24%,color-mix(in srgb,var(--region-color) 22%,transparent),transparent 19%),repeating-radial-gradient(ellipse at 40% 100%,transparent 0 22px,rgba(106,165,74,.08) 26px 30px,transparent 34px 58px)}
.nested-location-depth{position:absolute;inset:12% -8% -8%;background:repeating-conic-gradient(from 8deg at 50% 100%,transparent 0 4deg,rgba(19,28,16,.88) 5deg 9deg,transparent 10deg 15deg);clip-path:polygon(0 54%,8% 38%,14% 61%,22% 27%,29% 58%,40% 17%,48% 56%,58% 24%,66% 59%,76% 31%,84% 61%,92% 40%,100% 55%,100% 100%,0 100%)}
.nested-location-depth.depth-two{inset:35% -8% -8%;filter:blur(2px);opacity:.72;transform:scaleX(1.12)}
.nested-location-beacon{position:absolute;left:50%;top:48%;width:18px;height:18px;border:2px solid #f0c974;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 22px #f0c974}
.nested-location-beacon:before,.nested-location-beacon:after{content:"";position:absolute;inset:-16px;border:1px solid rgba(240,201,116,.35)}.nested-location-beacon:after{inset:-34px}
.nested-location-title{position:absolute;left:7%;bottom:8%;display:grid;gap:5px}.nested-location-title span{color:#d0a45b;font-size:10px;letter-spacing:.18em}.nested-location-title strong{font:700 clamp(32px,6vw,76px)/.9 var(--font-display,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 8px 24px #000}.nested-location-title small{color:#b6c4b8;letter-spacing:.16em;text-transform:uppercase}
.nested-scale-rail{display:flex;align-items:center;justify-content:center;gap:7px;color:#78877f;font-size:8px;letter-spacing:.12em}.nested-scale-rail i{width:22px;height:1px;background:#485a51}.nested-scale-rail span:nth-last-child(-n+3){color:#d0a45b}
.planetary-atlas-dossier .chip{border-color:#91c86f;color:#b9e89a}.planetary-atlas-editor h3{color:#d0a45b;letter-spacing:.12em}.planetary-admin-heading{display:flex;align-items:center;justify-content:space-between}.planetary-admin-heading span{display:flex;gap:6px}.planetary-coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.planetary-coordinate-grid label{display:grid;gap:5px}
@keyframes nestedCloudDrift{to{transform:rotate(360deg)}}
@media(max-width:1100px){.nested-scale-shell{inset:16px 22px 118px}.nested-scale-rail{display:none}.nested-planet-orb{width:min(62vh,80vw)}}
@media(max-width:760px){.nested-scale-shell{inset:10px 10px 172px}.nested-scale-breadcrumb{justify-content:flex-start}.nested-scale-breadcrumb button{padding:6px 8px}.nested-region-surface,.nested-location-scene{width:94vw;height:48vh}.nested-scale-caption{bottom:5px}.nested-planet-orb{width:min(52vh,92vw)}}
@media(prefers-reduced-motion:reduce){.nested-planet-clouds{animation:none}}
