/* The vendor scene stays in an opaque sandbox; it never sits over a control. */
#robotBackground{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .6s ease}
#robotBackground iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}
html[data-robot-state="ready"] #robotBackground{opacity:.42}
html.dark[data-robot-state="ready"] #robotBackground{opacity:.55}
html[data-robot-state="ready"] .platform-atmosphere{opacity:.08}
html[data-robot-state="ready"] #gate{background:transparent}
html[data-robot-state="ready"] #gate .welcome-world{background:transparent}
html[data-robot-state="ready"] #gate .welcome-atmosphere{display:none}
html[data-robot-state="ready"][data-background="custom"] .platform-atmosphere{opacity:.24}
html[data-robot-state="ready"][data-background="custom"] #gate .welcome-world:before{opacity:.24}
html[data-robot-state="ready"] #gate .welcome-world:after{background:linear-gradient(90deg,#07161d20,#07161d78)}
body>header,body>main,body>footer{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){#robotBackground{transition:none;display:none}}