with position:fixed.
Pin every portal host to the same centred column as #root; the transform makes it the containing block for its fixed children. */
body>div:not([id]):not([style]){position:fixed;top:0;bottom:0;left:50%;width:100%;max-width:460px;transform:translateX(-50%);z-index:9000;pointer-events:none;overflow:hidden}
body>div:not([id]):not([style])>*{pointer-events:auto}
#oya-splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#F7F6F1;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:opacity .25s}
@media (min-width:760px){#oya-splash{left:50%;right:auto;width:460px;margin-left:-230px}}
#oya-splash .w{font-size:56px;font-weight:800;font-style:italic;color:#087A49;letter-spacing:-2px}
#oya-splash .w b{color:#FFC414}
#oya-splash .t{margin-top:6px;color:#65716A;font-size:15px}
#oya-splash .bar{margin-top:22px;width:140px;height:4px;border-radius:4px;background:#E4E8E1;overflow:hidden}
#oya-splash .bar i{display:block;width:40%;height:100%;background:#087A49;border-radius:4px;animation:oyaload 1.1s ease-in-out infinite}
@keyframes oyaload{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}