html[data-embed],html[data-embed] body,html[data-embed] #stage,html[data-embed] #universe {background:transparent!important}
html[data-embed] #pearl,html[data-embed] .scene-header,html[data-embed] .hero-footer,html[data-embed] .hero-copy,html[data-embed] #universe>header {display:none!important}
html[data-embed] .navigation {top:25px;left:40px}
html[data-embed] .hero {height:100dvh;min-height:0}
html[data-embed] #network-readout {bottom:10%;font-size:16px}
html[data-embed] #network-readout small {display:none}
html[data-embed] #trail {top:26px;left:40px}
html[data-embed] #network-context {top:25px}
html[data-embed] #inspector {top:65px;bottom:90px}
html[data-embed] #coverage-detail {top:24px;bottom:50px}
html[data-embed] #universe footer {left:40px;right:40px;bottom:24px}
html[data-embed] .gesture {font-size:11px}
html[data-embed] #network-dock {bottom:62px}
html[data-embed] .view-controls {bottom:65px}

html[data-embed] #stage:not(.exploring) .navigation {visibility:hidden;pointer-events:none}
html[data-embed="hero"] .navigation{top:100px;left:4%}
.embed-touch-tools[hidden]{display:none!important}
.embed-touch-tools{display:none}
@media(max-width:760px),(max-width:950px) and (max-height:500px){
 html[data-embed],html[data-embed] body{min-width:0;width:100%;overscroll-behavior-y:auto;touch-action:pan-y pinch-zoom}
 html[data-embed] .embed-touch-tools{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));display:flex;z-index:1200}
 .embed-touch-tools button{min-width:70px;min-height:44px;padding:10px 13px;border:1px solid #fff8;border-radius:22px;font:600 13px/1.2 Manrope,Arial,sans-serif;color:#4f46b6;background:#f8faffdf;backdrop-filter:blur(14px);box-shadow:0 3px 14px #4c4a7010;touch-action:manipulation}
 html[data-embed] #stage .navigation{top:8px;left:14px;right:88px}
 html[data-embed] #network-readout{font-size:16px;bottom:4%}
 html[data-embed="activity"] #trail{top:12px;left:12px;right:94px;max-width:calc(100% - 106px);min-height:44px;display:flex;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
 html[data-embed="activity"] #network-context{top:64px}
 html[data-embed] #space,html[data-embed] #art{touch-action:pan-y pinch-zoom}
 html[data-embed][data-touch-active=true] #space,html[data-embed][data-touch-active=true] #art{touch-action:none}
}
@media(max-width:760px),(max-width:950px) and (max-height:500px){html[data-embed="hero"] #search-panel [data-close="search-panel"]{display:none}}