html.portal-arriving,html.portal-arriving body{background:#000}
html.portal-arriving :is(header,.sidebar,.inspector,.stage-head,.stage-bottom,.orbit-controls,.orbit-help,.orientation,#stars,.draw-panel){opacity:0}
html.portal-arriving .ring-plane,html.portal-arriving #taiji-front{opacity:0}
html.portal-arriving #scene{opacity:1;clip-path:none;pointer-events:none}
html.portal-centred #scene{position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;z-index:9000;overflow:visible}
html.portal-centred #scene .assembly{width:min(82vw,74svh,760px)!important}
html.portal-arriving :is(#draw-pointer,.orbital,.axis-line,.draw-tooltip,.taiji-hint){opacity:0!important}
html.portal-docking #scene{overflow:visible}
html.portal-arriving.portal-show-ui :is(header,.sidebar,.inspector,.stage-head,.stage-bottom,.orbit-controls,.orbit-help,.orientation,#stars,.draw-panel){animation:arrival-ui .65s ease both}
.arrival-skip{position:fixed;right:24px;bottom:24px;z-index:10010;border:1px solid #c8bc9238;border-radius:24px;padding:9px 16px;background:#050809a8;color:#aaa58f;font:11px var(--serif);letter-spacing:.08em}
.arrival-skip:focus-visible{outline:1px solid #d9c792;outline-offset:4px}
@keyframes arrival-ui{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html.portal-arriving :is(header,.sidebar,.inspector,.stage-head,.stage-bottom,.orbit-controls,.orbit-help,.orientation,#stars,.ring-plane,#taiji-front){opacity:1;animation:none}}