/* The controls stay legible while the scene is given its own breathing space. */
body[data-solaris-presentation='observatory'] #ui-overlay{padding:22px 30px}
body[data-solaris-presentation='observatory'] .header{align-items:flex-start;gap:22px;padding:0 0 14px;background:linear-gradient(#04131cdf,transparent)}
body[data-solaris-presentation='observatory'] .header-title{font-family:'Cinzel',Georgia,serif;font-size:clamp(1.05rem,2.1vw,1.65rem);letter-spacing:.055em;line-height:1.35;max-width:27ch}
body[data-solaris-presentation='observatory'] .header-label{color:#a3dcd2;font-size:.6rem;letter-spacing:.12em;line-height:1.5}
body[data-solaris-presentation='observatory'] .header-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:600px}
body[data-solaris-presentation='observatory'] .header-actions .btn-action{min-height:44px;padding:9px 12px;font-size:.64rem;letter-spacing:.035em;background:#102a34d9;border-color:#9dc3b34a;box-shadow:0 4px 14px #0004}
body[data-solaris-presentation='observatory'] .header-actions nav{margin:0!important}
body[data-solaris-presentation='observatory'] .footer-bar{gap:9px;padding:14px 0 0;background:linear-gradient(transparent,#04131ceb)}
body[data-solaris-presentation='observatory'] .ring-selector{border-color:#9cbdb45c;background:#0a1d27de;box-shadow:0 8px 32px #0005}
body[data-solaris-presentation='observatory'] .ring-tab{font-family:Inter,system-ui,sans-serif;letter-spacing:.02em;font-size:.72rem;min-height:44px}
body[data-solaris-presentation='observatory'] .ring-tab.active{text-shadow:none;box-shadow:0 0 16px #7ae4d328;background:#afe9dc;color:#092a32}
body[data-solaris-presentation='observatory'] .hint-drawer{max-width:72ch;font-size:.76rem;line-height:1.5;color:#dfeddf}
body[data-solaris-presentation='observatory'] .btn-rotate{background:#142d38e6;border-color:#95cbb766;font-size:.72rem;min-height:44px}
body[data-solaris-presentation='observatory'] .seal-status{background:#061722e8}
body[data-solaris-presentation='observatory'] button:focus-visible,body[data-solaris-presentation='observatory'] a:focus-visible{outline:2px solid #b3fff0;outline-offset:3px}
@media(max-width:800px){body[data-solaris-presentation='observatory'] #ui-overlay{padding:14px 12px}body[data-solaris-presentation='observatory'] .header{flex-direction:column;align-items:center;gap:9px}body[data-solaris-presentation='observatory'] .header>div{width:100%;text-align:center}body[data-solaris-presentation='observatory'] .header-title{max-width:none;font-size:1.12rem}body[data-solaris-presentation='observatory'] .header-actions{justify-content:center;max-width:none}body[data-solaris-presentation='observatory'] .header-actions .btn-action{min-height:38px;font-size:.56rem;padding:6px 8px}body[data-solaris-presentation='observatory'] .header-actions nav{width:auto}body[data-solaris-presentation='observatory'] .header-actions nav>*{min-height:38px!important;font-size:11px!important;padding:6px 8px!important}body[data-solaris-presentation='observatory'] .ring-tab{font-size:.62rem;padding:7px 5px}body[data-solaris-presentation='observatory'] .footer-bar{padding:12px 0 0}body[data-solaris-presentation='observatory'] .hint-drawer{font-size:.7rem}body[data-solaris-presentation='observatory'] .ring-controls{gap:5px}body[data-solaris-presentation='observatory'] .btn-rotate{font-size:.62rem;padding:7px 8px}body[data-solaris-presentation='observatory'] .status-bar{font-size:.55rem}}
@media(max-height:580px) and (min-width:801px){body[data-solaris-presentation='observatory'] #ui-overlay{padding:10px 20px}body[data-solaris-presentation='observatory'] .header-title{font-size:1rem}body[data-solaris-presentation='observatory'] .footer-bar{gap:4px}body[data-solaris-presentation='observatory'] .ring-tab{min-height:38px}body[data-solaris-presentation='observatory'] .status-bar{display:none}}