/* Shared navigation for the site and the universe explorer. */
.sp-header{box-sizing:border-box;position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px;height:auto;padding:14px 140px 14px 4vw;border-bottom:1px solid #ffffff20;background:#050812f2;color:#eef1fa;font:15px/1.4 Arial,sans-serif}
.sp-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#eef1fa;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:1.7px;white-space:nowrap}.sp-brand b{color:#61e7fa}.sp-brand img{display:block}
.sp-header .sp-nav{display:flex;position:static;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px 20px;font:14px/1.4 Arial,sans-serif;width:auto;margin:0;padding:0;color:#b9c7dc}.sp-nav a{color:inherit;text-decoration:none;white-space:nowrap}.sp-nav a:hover,.sp-nav a[aria-current=page]{color:#67e8fa}.sp-header a:focus-visible,.sp-menu-toggle:focus-visible{outline:2px solid #67e8fa;outline-offset:5px}.sp-menu-toggle{display:none;color:#eaf3fc;font:inherit;padding:10px 14px;border:1px solid #536278;border-radius:8px;background:#0c1423}.explorer .sp-header{position:absolute;inset:0 0 auto;min-height:80px}.sp-universe-switch{font-size:12px;margin:12px 0 0}.sp-universe-switch a{color:#adf4da}.studio-preview{font-size:12px;padding:10px;border:1px solid #67e8fa66;border-radius:8px;background:#0d2531;color:#d3f7ff}.studio-preview a{display:block;color:#adf4da;margin-top:5px}
@media(max-width:1250px){.sp-header{min-height:76px;padding:12px 140px 12px 20px;flex-wrap:wrap;gap:12px}.sp-header .sp-nav{flex-basis:100%;justify-content:flex-start}.sp-header[data-nav-ready] .sp-menu-toggle{display:block;margin-left:auto}.sp-header[data-nav-ready] .sp-nav{display:none;position:absolute;left:14px;right:14px;top:calc(100% + 6px);padding:20px;background:#080e1c;border:1px solid #435067;border-radius:12px;box-shadow:0 20px 40px #0009;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sp-header[data-nav-ready].sp-menu-open .sp-nav{display:grid}.sp-header .sp-nav a{padding:10px;white-space:normal}.explorer .sp-header{min-height:76px}.explorer .navigator{top:98px}.explorer .deep-controls{top:98px}}
@media(max-width:600px){.sp-header{padding:12px 130px 12px 14px}.sp-brand{font-size:15px;gap:7px;letter-spacing:1px}.sp-brand img{width:32px;height:32px}.sp-header[data-nav-ready] .sp-menu-toggle{margin:0;padding:6px 9px;font-size:12px}.sp-header{gap:7px}.sp-header[data-nav-ready] .sp-nav{grid-template-columns:repeat(2,minmax(0,1fr));font-size:14px}.explorer .sp-header{min-height:84px}.explorer .navigator{top:96px}.explorer .deep-controls{top:96px}.explorer .scene-coordinate{top:142px}.sp-menu-toggle span{display:none}}