.cosmos-on #focus-heading{top:148px}
.cosmos-on #focus-title{font-size:clamp(23px,3vw,36px);max-width:750px;margin:0 auto}
.cosmos-on #focus-title:focus{outline:none}
.cosmos-on #focus-subtitle{margin-top:9px}
#space-breadcrumbs{position:absolute;z-index:8;top:72px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;max-width:85vw;overflow:auto;white-space:nowrap;scrollbar-width:none}
#space-breadcrumbs button,#space-breadcrumbs span{border:0;background:none;color:var(--muted);font-size:10px;padding:6px}
#space-breadcrumbs button+button::before,#space-breadcrumbs span::before{content:'›';margin-right:12px;opacity:.45}
#space-breadcrumbs [aria-current=page]{color:var(--gold)}
#space-controls{position:absolute;top:108px;left:50%;transform:translateX(-50%);z-index:8;display:flex;gap:6px;align-items:center;white-space:nowrap}
#space-controls button{background:#0b151c99;border:1px solid var(--line);border-radius:16px;padding:6px 12px;font-size:10px;color:var(--muted)}
#space-controls button[aria-pressed=true]{border-color:#c2a66b80;color:var(--gold);background:#b69a5712}
.space-divider{color:var(--muted)}
.space-mode{font-size:10px;color:var(--muted);padding:6px 10px;letter-spacing:1px}
#space-continuations{position:absolute;left:50%;transform:translateX(-50%);z-index:8;display:flex;gap:6px;max-width:82vw;overflow:auto;white-space:nowrap}
#space-continuations button{border:1px solid #c3a56b55;background:#151d23b3;color:var(--gold);border-radius:16px;padding:6px 12px;font-size:10px}
#space-continuations button::before{content:'↔ ';opacity:.7}
#space-labels{position:absolute;inset:0;pointer-events:none;z-index:5}
.space-label{position:absolute;transform:translateX(-50%);pointer-events:auto;background:#071018b3;border:0;text-align:center;padding:5px 8px;max-width:210px;font-size:11px;color:var(--ink)}
.space-label span{display:block;max-width:194px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.space-label small{display:block;color:var(--muted);font-size:8px;letter-spacing:.6px;margin-top:3px}
.space-group-label{font-family:Georgia,serif;font-size:15px;background:transparent;text-shadow:0 2px 12px #000}
.space-group-label small{font-family:var(--font)}
#space-directory{position:absolute;left:30px;bottom:180px;z-index:9;max-width:min(310px,80vw);font-size:10px;color:var(--muted)}
#space-directory summary{cursor:pointer;list-style:none;padding:9px 12px;border:1px solid var(--line);border-radius:18px;background:#0d171fbd;width:max-content}
#space-directory[open]{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px}
.space-directory-list{max-height:40vh;overflow:auto;display:flex;flex-direction:column;margin-top:8px}
.space-directory-list button{background:none;border:0;border-bottom:1px solid var(--line);padding:10px;text-align:left;font-size:11px}
#space-pages{position:absolute;right:30px;bottom:180px;z-index:9;display:flex;gap:12px;align-items:center;font-size:10px}
#space-pages button{border:0;background:#0d171fd9;padding:8px 12px;border-radius:14px}
#space-directory[open]~#space-pages{visibility:hidden}
#space-note{position:absolute;bottom:135px;left:50%;transform:translateX(-50%);z-index:3;max-width:650px;width:75vw;text-align:center;color:var(--muted);font-size:9px;opacity:.7;pointer-events:none}
.cosmos-on .bottom-space{z-index:6}
@media(max-width:700px){
 #space-breadcrumbs{max-width:94vw;top:68px}
 #space-controls{top:104px;gap:4px}
 #space-controls button{padding:6px 9px;font-size:9px}
 .cosmos-on #focus-heading{top:146px;max-width:90vw}
 .cosmos-on #focus-title{font-size:22px}
 #space-directory{left:15px;bottom:181px}
 #space-pages{right:15px;bottom:185px;gap:5px;font-size:9px}
 #space-pages button{padding:5px 7px}
 #space-note{bottom:142px;width:88vw;font-size:8px}
 .space-label{max-width:160px}
 .space-label span{max-width:144px}
}
/* Keep the sky dominant; expanded controls remain keyboard accessible. */
.cosmos-on #focus-heading{top:104px;max-width:min(680px,84vw)}
.cosmos-on #focus-field{display:none}
.cosmos-on #focus-title{font-size:clamp(17px,2vw,24px);margin:0}
.cosmos-on #focus-subtitle{margin:3px 0 0;font-size:9px}
#space-breadcrumbs{top:64px}
#space-controls{left:24px;top:100px;transform:none;flex-direction:column;align-items:flex-start}
.space-mode{display:none}
#space-directory{bottom:92px;left:24px}
#space-directory summary{min-height:44px;padding:12px 16px}
#space-pages{bottom:100px;font-size:9px}
#space-note{bottom:12px;font-size:9px;max-width:720px;width:70vw;margin:0}
.cosmos-on .bottom-space{bottom:32px;width:min(440px,calc(100% - 120px))}
.cosmos-on #suggestions{display:none}
.cosmos-on .search-area:focus-within #suggestions,.cosmos-on.search-open #suggestions{display:flex}
.cosmos-on #navigation-hint{font-size:9px;white-space:nowrap}
.cosmos-on #search-form{padding:5px 12px}
.cosmos-on .snapshot-note,.cosmos-on #network-key{display:none}
.cosmos-on .camera-tools{gap:5px;right:16px}
.cosmos-on .camera-tools button{width:44px;height:44px}
.cosmos-on #focus-actions{bottom:112px;z-index:7}
.cosmos-on #status{bottom:148px}
#space-controls button,#space-continuations button{min-height:44px}
.space-label{max-width:210px;padding:7px 9px;min-height:38px;border-radius:3px;font-size:11px}
.space-label small{font-size:9px;letter-spacing:0}
#space-directory{max-height:60vh}
.space-directory-list button{min-height:44px}
@media(max-width:700px){
 .cosmos-on #focus-heading{top:112px;width:78%;max-width:78%}
 .cosmos-on #focus-title{font-size:18px;max-height:52px;overflow:hidden}
 #space-controls{top:62px;left:auto;right:10px;flex-direction:row;gap:3px}
 #space-controls button{padding:5px 8px;font-size:9px;min-height:40px}
 #space-breadcrumbs{top:68px;left:12px;transform:none;max-width:calc(100% - 155px)}
 #space-breadcrumbs button{min-height:40px}
 #space-directory{left:12px;bottom:106px}
 .cosmos-on .bottom-space{bottom:31px;width:calc(100% - 28px)}
 .cosmos-on #navigation-hint{font-size:8px;white-space:normal;margin:8px 0 0}
 #space-note{display:none}
 #space-pages{bottom:115px;right:14px}
 .cosmos-on .camera-tools{right:7px;gap:3px}
 .cosmos-on .camera-tools button{width:44px;height:44px}
 .space-label{max-width:158px}
 #space-continuations{max-width:90vw}
}
.space-label{background:transparent;text-shadow:0 1px 5px #000,0 1px 12px #000}
.space-label:hover,.space-label:focus-visible{background:#071018d9}
.space-label small{opacity:.78}
#cosmic-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;z-index:1}
.cosmos-on #focus-heading{z-index:2}
.cosmos-overview .vignette{box-shadow:inset 0 0 120px 25px #02060c66}
.cosmos-overview #space-breadcrumbs{visibility:hidden}
.cosmos-overview #focus-heading{top:91px;max-width:86vw;width:auto;animation:cosmic-arrival 1.8s ease both}
.cosmos-overview #focus-field{display:block;font-size:8px;letter-spacing:3px;color:#d5bd90;opacity:.8;margin-bottom:9px}
.cosmos-overview #focus-title{font-size:clamp(27px,3.3vw,42px);font-weight:400;letter-spacing:.3px;text-shadow:0 3px 35px #000}
.cosmos-overview #focus-subtitle{font-size:11px;color:#aebfc5;margin-top:10px;letter-spacing:.3px}
.cosmos-overview .space-group-label{font-size:15px;color:#f0e6d2;text-shadow:0 2px 12px #000,0 0 28px #000}
.cosmos-overview .space-group-label small{font-size:9px;color:#a7bbc6;opacity:.65;letter-spacing:.2px}
.cosmos-overview .space-group-label:hover small,.cosmos-overview .space-group-label:focus-visible small{opacity:1}
.cosmos-overview #space-note{opacity:.5}
@keyframes cosmic-arrival{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:700px){
 .cosmos-overview #focus-heading{top:108px;width:88%;max-width:88%}
 .cosmos-overview #focus-title{font-size:28px;max-height:none}
 .cosmos-overview #focus-subtitle{font-size:10px;max-width:250px;margin:8px auto 0}
 .cosmos-overview .space-group-label{font-size:13px}
 .cosmos-overview #focus-field{font-size:7px;letter-spacing:2.5px}
}
@media(prefers-reduced-motion:reduce){.cosmos-overview #focus-heading{animation:none}}
/* A window into the source field; keep the middle and edges for knowledge. */
.cosmos-overview #focus-heading{top:72px;left:30px;transform:none;width:auto;max-width:65vw;text-align:left;animation:none}
.cosmos-overview #focus-field{display:none}
.cosmos-overview #focus-title{font-size:18px;letter-spacing:.1px}
.cosmos-overview #focus-subtitle{font-size:10px;margin:5px 0 0;opacity:.7}
.cosmos-overview .vignette{box-shadow:inset 0 0 65px 12px #02060c33}
.cosmos-overview #cosmic-atmosphere{opacity:.3}
.cosmos-overview .space-group-label{font-family:var(--font);font-size:12px;color:#d3ddd9}
.cosmos-overview .space-collection-label{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#f0e6d2}
.cosmos-overview .space-group-label small{display:none}
.cosmos-overview .space-group-label:hover small,.cosmos-overview .space-group-label:focus-visible small{display:block}
@media(max-width:700px){
 .cosmos-overview #focus-heading{top:69px;left:16px;max-width:75vw;width:auto}
 .cosmos-overview #focus-title{font-size:16px;max-height:none}
 .cosmos-overview #focus-subtitle{font-size:9px;margin:4px 0 0}
 .cosmos-overview .space-group-label{font-size:11px}
}

/* Collection names orient the overview; individual objects emerge on approach. */
.cosmos-overview .space-collection-label{font-family:Georgia,serif;font-size:20px;letter-spacing:.6px;text-transform:none;color:#f0e7d3;padding:9px 14px;min-height:44px;text-shadow:0 2px 8px #000,0 0 20px #000}
.cosmos-overview .space-collection-label::after{content:'';display:block;width:30px;height:1px;background:#d8c59880;margin:6px auto 0}
.cosmos-overview .space-collection-label:hover,.cosmos-overview .space-collection-label:focus-visible{background:#071018b3}
.cosmos-overview .space-collection-label:hover small,.cosmos-overview .space-collection-label:focus-visible small{display:none}
@media(max-width:700px){.cosmos-overview .space-collection-label{font-size:16px;padding:7px 10px;letter-spacing:.2px}}