/* Shared galaxy chrome, with tabs suspended from its upper mounting line. */
.explorer>header{position:relative;isolation:isolate;background:#141a35}
.explorer>header::before,.explorer>header::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
.explorer>header::before{background:url('/assets/nebula-header.webp') center 44%/cover no-repeat;opacity:.62}
.explorer>header::after{background:linear-gradient(90deg,#10152b55,transparent 40%,#10152b18),url('/assets/starfield.svg') 72% 46%/1400px 1000px;opacity:.6}
.explorer>header>.masthead{background:transparent;border-bottom:1px solid #9578b04d}
.masthead::before,.masthead::after{content:none}
.brand img{filter:drop-shadow(0 0 3px #e5d4ff55) drop-shadow(0 0 11px #aa7ced50) drop-shadow(0 0 22px #8158d12e)}
.explorer>header>.tabs{background:transparent;border-bottom:0;height:102px;padding:0 26px 16px;align-items:start;gap:clamp(14px,1.2vw,40px);overflow:visible}
.tabs>.tab{height:74px;transform:none;transform-origin:top center;padding:0 12px;isolation:isolate;transition:height 220ms var(--ease),filter 220ms var(--ease)}
.tabs>.tab::before{border:var(--outline) solid #766084;border-top:0;border-radius:0 0 17px 17px;transform:perspective(180px) rotateX(-7deg);transform-origin:top center;background:#211b32d9;box-shadow:inset 0 -1px 0 #ffffff0a}
.tabs>.tab[aria-selected=true]{height:86px;transform:none;filter:drop-shadow(0 4px 8px #b877ff18)}
.tabs>.tab[aria-selected=true]::before{background:#7454abed;border-color:#c6a2ec;box-shadow:inset 0 -2px 0 #c4a3ed22}
.tabs>.tab:hover:not([aria-selected=true]){height:79px;transform:none}
.tabs>.tab:focus-visible{border-radius:0 0 17px 17px;outline-offset:2px}
@media(min-width:701px) and (max-width:1150px){
 .explorer>header>.tabs{height:108px;padding:0 20px 16px;gap:9px}
 .tabs>.tab{height:82px;gap:6px}
 .tabs>.tab[aria-selected=true]{height:92px}
 .tabs>.tab:hover:not([aria-selected=true]){height:86px}
}
@media(max-width:700px){
 .explorer>header>.tabs{height:108px;padding:0 10px 16px;gap:5px}
 .tabs>.tab{height:82px;padding:7px 2px 9px;gap:6px;justify-content:center}
 .tabs>.tab::before,.tabs>.tab:focus-visible{border-radius:0 0 12px 12px}
 .tabs>.tab[aria-selected=true]{height:92px}
 .tabs>.tab:hover:not([aria-selected=true]){height:86px}
 .tabs .active-star{top:17px}
}
@media(max-height:600px){
 .explorer>header>.tabs{height:76px;padding-top:0;padding-bottom:10px}
 .tabs>.tab{height:57px;gap:3px}
 .tabs>.tab[aria-selected=true]{height:66px}
 .tabs>.tab:hover:not([aria-selected=true]){height:61px}
 .tabs .active-star{top:14px}
}
@media(prefers-reduced-motion:reduce){.tabs>.tab{transition:none!important}}