/* One artwork and layout for the HTML boot screen and React loading screen. */
.app-splash{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;background:#000000;color:#edf0eb;font-family:Arial,sans-serif;padding:max(24px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));}
.splash-brand{position:relative;width:min(86vw,520px);max-width:100%;aspect-ratio:810/160;overflow:hidden;animation:splash-brand-reveal .3s ease-out both;}
/* Display the wordmark and tagline from the original artwork, without the RX emblem. */
.splash-brand img{display:block;position:absolute;left:-30.24691358%;top:-303.125%;width:158.02469136%;height:auto;max-width:none;mix-blend-mode:lighten;}
.splash-brand-fallback{display:none;text-align:center;line-height:1.3;letter-spacing:.16em;font-size:clamp(28px,9vw,54px);}
.splash-brand-fallback small{display:block;font-size:clamp(6px,1.7vw,10px);letter-spacing:.25em;margin-top:10px;}
.splash-brand.is-unavailable .splash-brand-fallback{display:block;}
.splash-recovery{position:absolute;left:20px;right:20px;bottom:max(28px,env(safe-area-inset-bottom,0px));text-align:center;visibility:hidden;animation:splash-recovery-reveal .01s step-end 8s forwards;}
.splash-recovery p,.splash-noscript{font-size:12px;line-height:1.6;color:#a4ada2;}
.splash-recovery button{min-height:44px;padding:10px 18px;border:1px solid #ffffff24;border-radius:6px;background:transparent;color:inherit;font:12px Arial,sans-serif;cursor:pointer;}
.splash-recovery button:focus-visible{outline:2px solid #a9d681;outline-offset:4px;}
.splash-noscript{position:absolute;bottom:100px;left:20px;right:20px;text-align:center;}
@keyframes splash-brand-reveal{from{opacity:0}to{opacity:1}}
@keyframes splash-recovery-reveal{from,to{visibility:visible}}
@media(prefers-reduced-motion:reduce){.splash-brand{animation:none;}}