/* Game Login */
    .game-login-form {
        /* background: #1f1f2e;
        padding: 24px;
        border-radius: 12px; */
        font-family: 'Segoe UI', sans-serif;
        color: #fff;
        max-width: 100%;
    }

    .game-login-top-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .game-login-top-row input[type="text"],
    .game-login-top-row input[type="password"] {
        padding: 12px 16px;
        border: none;
        border-radius: 8px;
        background-color: #204c3a;
        color: #FBF6E7;
        outline: none;
        min-width: 160px;
        flex: 1;
    }
    .game-login-top-row input[type="text"]::placeholder,
    .game-login-top-row input[type="password"]::placeholder {
        color: #FBF6E7;
        opacity: .7;
    }
    .game-login-top-row button {
        padding: 12px 16px;
        border: none;
        border-radius: 8px;
        font-weight: bold;
        cursor: pointer;
        transition: background 0.3s ease;
        white-space: nowrap;
    }

    .btn-login {
        background: #2a7e62;
        color: #fff;
    }

    .btn-login:hover {
        background: #1f5f4a;
    }

    .btn-register {
        background: #0D281F;
        color: #ddd;
    }

    .btn-register:hover {
        background: #184939;
    }

    .remember-me {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #bbb;
        margin-top: 6px;
    }

    .remember-me input {
        margin-right: 6px;
        transform: scale(1.1);
        accent-color: #4f90ff;
    }

    @media screen and (max-width: 700px) {
        .game-login-top-row {
            flex-direction: column;
            align-items: stretch;
        }

        .game-login-top-row input,
        .game-login-top-row button {
            width: 100%;
        }

        .remember-me {
            justify-content: flex-start;
        }
    }
/* Game Login */

.user-animate {
    animation: slide 35s infinite linear;
}
 /* Animation for the first right to left marquee */
 @keyframes slide {
    0% {
        transform: translateX(calc(0% + 40px));
    }

    100% {
        transform: translateX(-100%);
    }
}