/* LOCPHAT_SINGLE_SPINNER_FULL_COVER_V1_20260820 */

html.lp-game-cover-active,
html.lp-game-cover-active body {
    overflow: hidden !important;
}

html.lp-game-cover-active::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 2147483645;
    display: block;
    background-color: #080808;
    background-image:
        url("/img/locphat-game-cache.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    pointer-events: auto;
}

/*
 * 页面上唯一的加载动画。
 * 没有第二个 DOM 转圈，也没有第二个伪元素转圈。
 */
html.lp-game-cover-active::after {
    content: "";
    position: fixed;
    z-index: 2147483646;
    left: 50%;
    top: 50%;
    width: 54px;
    height: 54px;
    margin-left: -27px;
    margin-top: -27px;
    box-sizing: border-box;
    border: 5px solid rgba(255, 255, 255, 0.58);
    border-top-color: #168cff;
    border-right-color: #168cff;
    border-radius: 50%;
    animation:
        lp-single-spinner-rotate 0.82s linear infinite;
    pointer-events: none;
}

@keyframes lp-single-spinner-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (min-width: 900px) {
    html.lp-game-cover-active::before {
        background-size: contain;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.lp-game-cover-active::after {
        animation-duration: 1.35s;
    }
}