html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    background: #EECB0F;
}

body {
    overflow: hidden;
}

.native-splash {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: grid;
    place-items: center;
    background: #EECB0F;
    transition: opacity 160ms ease-out;
}

.native-splash__logo {
    display: block;
    width: clamp(142px, 22vw, 176px);
    height: auto;
    object-fit: contain;
    animation: native-splash-pulse 800ms ease-in-out infinite alternate;
}

@keyframes native-splash-pulse {
    from {
        transform: scale(0.985);
        opacity: 0.94;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .native-splash__logo {
        animation: none;
    }
}