html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#17201d;color:#fff;font:14px/1.4 system-ui,sans-serif}
#viewers{position:fixed;inset:0;overflow:hidden}
.viewer-slot{position:absolute;inset:0;width:100%;height:100%;border:0;visibility:visible;background:transparent;opacity:1}
.viewer-slot.preparing{z-index:1;pointer-events:none}
.viewer-slot.active{z-index:2}
.viewer-slot.crossfade{z-index:3;opacity:0;transition:opacity 300ms linear}
#shell-status{position:fixed;z-index:20;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:calc(100vw - 120px);padding:7px 12px;border:1px solid #ad956347;border-radius:18px;background:#14201be6;color:#f7efd9;font-size:12px;text-align:center;pointer-events:none}
#shell-status:empty{display:none}

@media(prefers-reduced-motion:reduce){.viewer-slot.crossfade{transition:none}}