/* One approved sky across every ARCHon entry and workspace route. No render loop. */
:root{--archon-starfield:url('/archon-starfield.svg');--archon-space:#050714}
body{isolation:isolate;background-color:var(--archon-space)}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--archon-space);background-image:var(--archon-starfield);background-size:1440px 960px;background-position:center top;background-repeat:repeat}
.cinematic-lobby::before{z-index:-4;background-color:transparent}
body>.shell,body.cinematic-home>.shell,body.atlas-os>.os-shell{background:transparent}
.owner-intro,.owner-form-panel{background-color:#080f1dbf}
.owner-form{background-color:#0a1527eb}
/* Stars remain behind opaque reading surfaces and never intercept clicks. */
.sidebar #nav>a,.sidebar #nav>details>summary{transition:color .2s,background-color .2s,border-color .2s}
.sidebar #nav .nav-symbol{transition:color .2s,transform .2s}
.sidebar #nav>a:hover .nav-symbol,.sidebar #nav>details>summary:hover .nav-symbol{transform:translateY(-1px);color:#9de9e6}
body.cinematic-home .home-progress>a{min-width:0;display:block;padding:2px 12px 4px;border-left:1px solid #6aaab736;color:inherit;text-decoration:none;transition:color .2s,background-color .2s;border-radius:3px}
body.cinematic-home .home-progress>a:first-child{padding-left:0;border-left:0}
body.cinematic-home .home-progress>a:hover{background:#7bdeeb09}
body.cinematic-home .home-progress>a:hover strong{color:#9eeae3}
body.cinematic-home .home-progress>a:focus-visible{outline:2px solid #86dedf;outline-offset:4px}
@media(max-width:700px){body.cinematic-home .home-progress>a{padding:2px 7px 4px}.sidebar #nav{display:grid;grid-template-columns:repeat(3,38px) minmax(0,1fr) minmax(0,1fr);gap:2px}.sidebar #nav>a{min-width:36px;padding:8px;display:grid;place-items:center}.sidebar #nav>a>.nav-symbol{display:block}.sidebar #nav>a .nav-copy{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar #nav .nav-symbol,.sidebar #nav>a,.sidebar #nav>details>summary,body.cinematic-home .home-progress>a{transition:none}.sidebar #nav>a:hover .nav-symbol,.sidebar #nav>details>summary:hover .nav-symbol{transform:none}}

/* A quiet orbital portal distinguishes the separate Atlas workspace. */
.sidebar #nav>a.nav-atlas{margin-left:24px;gap:10px;border-radius:7px;padding:3px 9px;color:#d9d3f0;background:transparent;border-color:transparent;box-shadow:none}
.sidebar #nav>a.nav-atlas::before{left:-15px;height:24px}
.sidebar #nav>a.nav-atlas:hover{color:#efffff;background:#8c93dd08;border-color:transparent;box-shadow:none}
.sidebar #nav>a.nav-atlas:focus-visible{outline:2px solid #baa8ed;outline-offset:3px}
.nav-atlas .nav-copy>span{font-size:11px;font-weight:650;letter-spacing:2px;line-height:15px}
.nav-atlas .nav-copy .nav-atlas-caption{font-size:7px;line-height:10px;letter-spacing:1.25px;color:#9b91b6;margin-top:0}
.nav-atlas-orbit{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,#77e1d51a,transparent 70%);box-shadow:0 0 17px #9a80d812}
.nav-atlas-orbit svg{width:32px;height:32px;stroke:#b3a0e8;stroke-width:.9;transition:transform .5s ease,stroke .3s ease}
.nav-atlas-orbit ellipse{stroke:#80dcd8;opacity:.65}.nav-atlas-orbit path{fill:#99f0e2;stroke:#b6fff6;stroke-width:.6}.nav-atlas-star{fill:#b7a2ef;stroke:none}
.nav-atlas:hover .nav-atlas-orbit svg{transform:rotate(12deg);stroke:#d0bbff}
.nav-atlas-arrow{font-size:17px;line-height:1;color:#92d6d3;margin-left:2px}
@media(max-width:700px){.sidebar #nav>a.nav-atlas{grid-column:1/-1;justify-self:end;display:flex;width:auto;margin:6px 0 0;padding:2px 8px;min-height:38px}.sidebar #nav>a.nav-atlas .nav-copy{display:block}.sidebar #nav>a.nav-atlas::before{display:none}}
@media(prefers-reduced-motion:reduce){.nav-atlas-orbit svg{transition:none}.nav-atlas:hover .nav-atlas-orbit svg{transform:none}}
