html.embedded-view, .embedded-view body{width:100%;height:100%;margin:0;overflow:hidden;background:#050910}
.embedded-view #app{inset:0!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;min-width:0!important}
.embedded-view #app>header,.embedded-view #app>main,.embedded-view #app>nav,.embedded-view #app>footer,.embedded-view #timeline,.embedded-view #planetnav,.embedded-view .hud-control,.embedded-view .sky-title,.embedded-view .sky-settings,.embedded-view #skySettingsToggle,.embedded-view .stellar-top,.embedded-view .stellar-foot,.embedded-view .stellar-hint,.embedded-view .object-card,.embedded-view .vignette,.embedded-view #labels,.embedded-view #orbitCenterGroup,.embedded-view .tracking-marker,.embedded-view .app-back,.embedded-view .view-tabs,.embedded-view .film-exit-banner,.embedded-view #interactionHint,.embedded-view #sceneNote,.embedded-view .toast{display:none!important}
.embedded-view dialog:not(.embed-dialog){display:none!important}
.embedded-view #space,.embedded-view #skyPanel,.embedded-view .space-voyage{inset:0!important;width:100%!important;height:100%!important}
.embedded-view .embed-controls{position:fixed;inset:auto max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) auto;display:flex;align-items:center;gap:2px;z-index:10000;padding:0 3px;max-width:calc(100% - 20px);border:1px solid #c2cfe018;border-radius:11px;background:#10203038;color:#afbac8;font:11px/1.2 var(--ui-font,system-ui);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:opacity .45s ease}
.embedded-view .embed-controls.embed-idle{opacity:0;pointer-events:none}
.embedded-view .embed-brand{display:flex;align-items:center;gap:6px;min-width:0;min-height:44px;padding:0 8px;color:inherit;text-decoration:none;white-space:nowrap}
.embedded-view .embed-brand img{width:16px;height:16px;flex:none;opacity:.8}
.embedded-view .embed-signature{display:flex;align-items:baseline;gap:4px;letter-spacing:.02em}.embedded-view .embed-signature small{font-size:8px;color:#91a0b1}.embedded-view .embed-signature>span{font-size:11px;font-weight:500}
.embedded-view .embed-controls :is(button,a):hover{color:#e5c89e;background:#ffffff05}
.embedded-view .embed-controls :focus-visible{outline:1px solid #e5c89e;outline-offset:0}
@media(max-width:260px){.embedded-view .embed-signature small{display:none}.embedded-view .embed-brand{padding:0 4px}.embedded-view .embed-controls{gap:0}}
@media(prefers-reduced-motion:reduce){.embedded-view .embed-controls{transition:none}}
.share-embed{display:block}.share-embed textarea{width:100%;min-height:110px;box-sizing:border-box;resize:vertical;font:12px monospace}.share-embed[hidden]{display:none}
.embedded-view #app>:not(#space):not(#skyPanel):not(.space-voyage):not(#loading):not(#transitionCurtain){display:none!important}
.embedded-view body>:not(#app):not(.embed-controls):not(script):not(style):not(link){display:none!important}
.embedded-view #skyPanel>:not(canvas),.embedded-view .space-voyage>:not(canvas){display:none!important}

/* Share uses the same restrained night surfaces, warm actions and touch targets as settings. */
.share-sheet.share-sheet{position:fixed;inset:0;margin:auto;height:fit-content;min-height:0;box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:22px;border-radius:20px;border:1px solid #b4c5db35;background:#101c2af5;color:var(--text,#e4edf7);font-family:var(--font-ui,system-ui)}
.share-sheet.share-sheet .console-head{padding:0 0 14px;gap:16px;align-items:center;background:none}
.share-sheet.share-sheet .console-head h2{font-size:20px;line-height:1.3;letter-spacing:-.02em}
.share-sheet.share-sheet .console-head button{flex:0 0 40px;width:40px;min-height:40px;padding:0;border-radius:12px;font-size:22px;background:#10203038;color:inherit;border:1px solid #b4c5db35}
.share-sheet.share-sheet p{margin:0 0 14px;font-size:13px;line-height:1.5;color:#a8b6c7}
.share-sheet.share-sheet .share-link-kind{margin:0 0 16px;gap:6px;font-size:12px;color:#a8b6c7}
.share-sheet.share-sheet .share-link-kind select{padding:10px 12px;min-height:44px;border:1px solid #b4c5db35;border-radius:12px;background:#10203038;color:inherit;font:inherit;font-size:14px}
.share-sheet.share-sheet .share-options{gap:8px}
.share-sheet.share-sheet .share-options :is(button,a){min-height:44px;box-sizing:border-box;padding:10px 12px;border-radius:12px;font-size:13px;background:#10203038;border-color:#b4c5db35}
.share-sheet.share-sheet .share-options .share-copy{grid-column:1/-1;border-color:#e5c89e66;color:#e5c89e}
.share-sheet.share-sheet .share-icon{width:18px;height:18px}
.share-sheet.share-sheet [role=status]{min-height:0;margin:10px 0;color:#e5c89e;font-size:12px}
.share-sheet.share-sheet [role=status]:empty{margin:0}
.share-sheet.share-sheet .share-embed{margin-top:18px;border-top:1px solid #b4c5db24;padding-top:4px}
.share-sheet.share-sheet .share-embed>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;font-size:12px;color:#a8b6c7}
.share-sheet.share-sheet .share-embed>summary::-webkit-details-marker{display:none}
.share-sheet.share-sheet .share-embed>summary:after{content:'+';font-size:18px;color:#a8b6c7}
.share-sheet.share-sheet .share-embed[open]>summary:after{content:'−'}
.share-sheet.share-sheet .share-embed p{font-size:12px;margin:4px 0 12px}
.share-sheet.share-sheet .share-embed textarea{display:block;min-height:84px;padding:12px;margin-bottom:10px;border-radius:10px;border:1px solid #b4c5db35;background:#080f1b;color:#b5c4d6;font:11px/1.5 monospace}
.share-sheet.share-sheet .share-embed button{width:100%;min-height:44px;padding:10px 12px;border:1px solid #b4c5db35;border-radius:12px;background:#10203038;color:inherit;font:inherit;font-size:13px}
.share-sheet.share-sheet .share-embed>a{display:flex;align-items:center;min-height:44px;margin-top:4px;font-size:12px;color:#b5c4d6;text-underline-offset:4px}
.share-sheet.share-sheet :is(summary,button,a,select,textarea):focus-visible{outline:2px solid #e5c89e;outline-offset:2px}

/* Keep the initial scene covered until its route, textures and first frame are ready. */
html.embedded-view:not(.embed-ready) #loading{display:flex!important;position:fixed!important;inset:0!important;z-index:20000!important;opacity:1!important;visibility:visible!important;background:#080d17!important}
html.embedded-view.embed-ready #loading{display:none!important}
.embedded-view .embed-controls{padding:0 3px;border:1px solid #c2cfe012;background:#10203038}


.embedded-view .embed-controls button{min-width:44px;min-height:44px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit}

/* Embedded scenes own their minimal controls, regardless of the main HUD state. */
html.embedded-view body :is(.sky-time-dock,.exploration-clock,#sceneReadoutDock,#sceneStatusDock,#contextTools,.film-controls,.journey-strip,#appToolbar,#timeline,.time-wheel,.speed-wheel){display:none!important}
html.embedded-view body .embed-controls{border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;gap:0;padding:0;transition:opacity .25s ease;color:#c1ccd6;text-shadow:0 1px 3px #000a}
html.embedded-view body .embed-controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:inherit;border-radius:var(--control-radius,11px)!important}
html.embedded-view .embed-brand{padding:0 6px;min-height:44px;font:10px/1.2 var(--ui-font,Arial,sans-serif);letter-spacing:.03em;opacity:.7;background:none!important}
html.embedded-view .embed-controls button svg{filter:drop-shadow(0 1px 2px #0009)}
html.embedded-view .embed-controls :is(a,button):hover{color:#eac08b}
@media(max-width:600px),(max-height:300px){html.embedded-view .embed-controls .embed-expand{display:none!important}}
@media(max-width:300px),(max-height:180px){html.embedded-view .embed-controls .embed-brand{display:none!important}}
@media(prefers-reduced-motion:reduce){html.embedded-view body .embed-controls{transition:none}}
/* Beat the native dock's ID specificity and the shared important control layer. */
html.embedded-view body.unified-navigation #app :is(#timeline,.sky-time-dock,.exploration-clock,#appToolbar,#sceneReadoutDock,#sceneStatusDock){display:none!important}
@layer ui-controls{
 html.embedded-view body .embed-controls button{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#c1ccd6!important}
}