body.startup-active{overflow:hidden;background:#071b16}
body.startup-active>:not(#startup):not(script){visibility:hidden}
#startup[hidden]{display:none}
#startup{position:fixed;inset:0;width:100%;height:100dvh;z-index:3000;display:grid;place-items:center;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:#071b16;opacity:1;outline:none;isolation:isolate}
#startup-maker{display:block;width:min(78vw,720px);height:auto;max-height:40dvh;opacity:0;transition:opacity 250ms linear;pointer-events:none}
#startup[data-stage="logo-in"] #startup-maker,#startup[data-stage="logo-hold"] #startup-maker{opacity:1}
#startup[data-stage="logo-out"] #startup-maker{opacity:0;transition-duration:350ms}
#startup-title{position:absolute;inset:0;display:grid;place-items:center;background:#10251e;opacity:0;visibility:hidden;transition:opacity 350ms linear;pointer-events:none}
#startup-title-image{display:block;width:100%;height:100%;max-width:100%;max-height:100dvh;object-fit:contain;user-select:none;-webkit-user-drag:none}
#startup[data-stage="title-in"] #startup-title,#startup[data-stage="title"] #startup-title,#startup[data-stage="leaving"] #startup-title{visibility:visible;opacity:1}
#startup[data-stage="leaving"]{opacity:0;transition:opacity 220ms linear}
@media(prefers-reduced-motion:reduce){#startup,#startup-maker,#startup-title{transition:none!important}}