:root {
    --mh-bg: #030814;
    --mh-panel: #0b1f3d;
    --mh-panel-2: #0d2b55;
    --mh-line: rgba(92, 143, 220, 0.22);
    --mh-text: #edf4ff;
    --mh-muted: #9db9df;
    --mh-accent: #4f8dff;
    --mh-accent-2: #8fd8ff;
    --mh-danger: #ff5d7d;
}

/* Password lost page final theme override. */
html body.mh-password-lost-page,
html body.mh-password-lost-page #wrapper,
html body.mh-password-lost-page #container,
html body.mh-password-lost-page #content {
    background: transparent !important;
    color: #dbe7fb !important;
}

html body.mh-password-lost-page .mbskin {
    width: min(620px, calc(100vw - 32px)) !important;
    max-width: 620px !important;
    margin: 56px auto 80px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(7, 13, 25, 0.98)) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34) !important;
}

html body.mh-password-lost-page .mbskin *,
html body.mh-password-lost-page .mbskin form,
html body.mh-password-lost-page .mbskin fieldset,
html body.mh-password-lost-page .mbskin div,
html body.mh-password-lost-page .mbskin p,
html body.mh-password-lost-page .mbskin ul,
html body.mh-password-lost-page .mbskin li {
    box-sizing: border-box !important;
}

html body.mh-password-lost-page .mbskin form,
html body.mh-password-lost-page .mbskin fieldset {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body.mh-password-lost-page .mh-password-lost-title,
html body.mh-password-lost-page .mbskin h1,
html body.mh-password-lost-page .mbskin h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.22) !important;
    background: #07172f !important;
    color: #edf4ff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

html body.mh-password-lost-page .mbskin form > p,
html body.mh-password-lost-page .mbskin .win_desc,
html body.mh-password-lost-page .mbskin .frm_info,
html body.mh-password-lost-page .mbskin .local_desc,
html body.mh-password-lost-page .mbskin .local_desc01,
html body.mh-password-lost-page .mbskin .local_desc02 {
    margin: 0 !important;
    padding: 22px 24px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    background: rgba(11, 19, 36, 0.78) !important;
    color: #b8c7df !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
}

html body.mh-password-lost-page .mbskin label,
html body.mh-password-lost-page .mbskin .sound_only {
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

html body.mh-password-lost-page .mbskin input[type="text"],
html body.mh-password-lost-page .mbskin input[type="email"],
html body.mh-password-lost-page .mbskin input[type="password"],
html body.mh-password-lost-page .mbskin .frm_input {
    display: block !important;
    width: calc(100% - 48px) !important;
    max-width: none !important;
    height: 46px !important;
    margin: 20px 24px 0 !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

html body.mh-password-lost-page .mbskin input::placeholder {
    color: rgba(219, 231, 251, 0.52) !important;
    opacity: 1 !important;
}

html body.mh-password-lost-page #captcha {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: calc(100% - 48px) !important;
    margin: 22px 24px 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 8px !important;
    background: rgba(8, 13, 24, 0.9) !important;
}

html body.mh-password-lost-page #captcha legend {
    grid-column: 1 / -1 !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

html body.mh-password-lost-page #captcha_img {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 160px !important;
    height: 60px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #edf4ff !important;
    object-fit: fill !important;
}

html body.mh-password-lost-page #captcha_key {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
}

html body.mh-password-lost-page #captcha_mp3,
html body.mh-password-lost-page #captcha_reload {
    grid-row: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: rgba(18, 29, 49, 0.96) !important;
    color: #dbe7fb !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-indent: 0 !important;
}

html body.mh-password-lost-page #captcha_mp3 {
    grid-column: 1 !important;
}

html body.mh-password-lost-page #captcha_reload {
    grid-column: 2 !important;
    margin-left: 0 !important;
}

html body.mh-password-lost-page #captcha_info {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    margin: 0 !important;
    color: #9fb2d1 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

html body.mh-password-lost-page .btn_confirm,
html body.mh-password-lost-page .win_btn,
html body.mh-password-lost-page .btn_submit_wrap {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 28px 24px 30px !important;
    background: transparent !important;
}

html body.mh-password-lost-page .btn_submit,
html body.mh-password-lost-page button[type="submit"],
html body.mh-password-lost-page input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 152px !important;
    height: 46px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    border: 1px solid rgba(79, 141, 255, 0.82) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.12) !important;
    color: #65f0c8 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

html body.mh-password-lost-page .btn_submit:hover,
html body.mh-password-lost-page button[type="submit"]:hover,
html body.mh-password-lost-page input[type="submit"]:hover {
    background: rgba(79, 141, 255, 0.2) !important;
    color: #a7ffe2 !important;
}

@media (max-width: 640px) {
    html body.mh-password-lost-page .mbskin {
        margin-top: 28px !important;
    }

    html body.mh-password-lost-page #captcha {
        grid-template-columns: 1fr !important;
    }

    html body.mh-password-lost-page #captcha_img,
    html body.mh-password-lost-page #captcha_key,
    html body.mh-password-lost-page #captcha_mp3,
    html body.mh-password-lost-page #captcha_reload,
    html body.mh-password-lost-page #captcha_info {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
    }
}

/* EOF password lost white-panel fix. */
html body.mh-password-lost-page {
    background:
        radial-gradient(circle at 18% 0%, rgba(79, 141, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #06142b 0%, #030814 52%, #020612 100%) !important;
    color: #dbe7fb !important;
}

html body.mh-password-lost-page #wrapper,
html body.mh-password-lost-page #container,
html body.mh-password-lost-page #content {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

html body.mh-password-lost-page .new_win,
html body.mh-password-lost-page #find_info,
html body.mh-password-lost-page .mbskin {
    width: min(620px, calc(100vw - 32px)) !important;
    max-width: 620px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

html body.mh-password-lost-page #find_info,
html body.mh-password-lost-page .new_win.mbskin,
html body.mh-password-lost-page .mbskin {
    margin-top: 56px !important;
    margin-bottom: 80px !important;
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(7, 13, 25, 0.98)) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34) !important;
}

html body.mh-password-lost-page #find_info *,
html body.mh-password-lost-page .new_win *,
html body.mh-password-lost-page .mbskin * {
    box-sizing: border-box !important;
}

html body.mh-password-lost-page #find_info form,
html body.mh-password-lost-page #find_info fieldset,
html body.mh-password-lost-page #find_info #info_fs,
html body.mh-password-lost-page #find_info .win_desc,
html body.mh-password-lost-page #find_info .local_desc,
html body.mh-password-lost-page #find_info .local_desc01,
html body.mh-password-lost-page #find_info .frm_info,
html body.mh-password-lost-page .mbskin form,
html body.mh-password-lost-page .mbskin fieldset,
html body.mh-password-lost-page .mbskin #info_fs,
html body.mh-password-lost-page .mbskin .win_desc,
html body.mh-password-lost-page .mbskin .local_desc,
html body.mh-password-lost-page .mbskin .local_desc01,
html body.mh-password-lost-page .mbskin .frm_info {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-color: rgba(92, 143, 220, 0.18) !important;
    background: transparent !important;
    color: #b8c7df !important;
}

html body.mh-password-lost-page #find_info #info_fs,
html body.mh-password-lost-page .mbskin #info_fs {
    padding: 22px 24px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    background: rgba(11, 19, 36, 0.78) !important;
}

html body.mh-password-lost-page #find_info #info_fs p,
html body.mh-password-lost-page .mbskin #info_fs p,
html body.mh-password-lost-page #find_info .win_desc,
html body.mh-password-lost-page .mbskin .win_desc {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #b8c7df !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
}

html body.mh-password-lost-page #find_info label,
html body.mh-password-lost-page .mbskin label {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

html body.mh-password-lost-page #find_info #mb_email,
html body.mh-password-lost-page #find_info input[name="mb_email"],
html body.mh-password-lost-page #find_info input[type="text"],
html body.mh-password-lost-page #find_info input[type="email"],
html body.mh-password-lost-page .mbskin #mb_email,
html body.mh-password-lost-page .mbskin input[name="mb_email"],
html body.mh-password-lost-page .mbskin input[type="text"],
html body.mh-password-lost-page .mbskin input[type="email"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

html body.mh-password-lost-page #find_info .btn_confirm,
html body.mh-password-lost-page #find_info .win_btn,
html body.mh-password-lost-page .mbskin .btn_confirm,
html body.mh-password-lost-page .mbskin .win_btn {
    padding: 28px 24px 30px !important;
    background: transparent !important;
}

@media (max-width: 640px) {
    html body.mh-password-lost-page .new_win,
    html body.mh-password-lost-page #find_info,
    html body.mh-password-lost-page .mbskin {
        width: min(100%, calc(100vw - 28px)) !important;
    }
}

/* EOF PC register form hard override. */
@media (min-width: 721px) {
    html body.mh-register-page #register_form,
    html body.mh-register-page #fregisterform {
        background: transparent !important;
        color: #dbe7fb !important;
    }

    html body.mh-register-page #register_form section,
    html body.mh-register-page #register_form .tbl_frm01,
    html body.mh-register-page #register_form .tbl_wrap,
    html body.mh-register-page #register_form > div,
    html body.mh-register-page #fregisterform section,
    html body.mh-register-page #fregisterform .tbl_frm01,
    html body.mh-register-page #fregisterform .tbl_wrap,
    html body.mh-register-page #fregisterform > div {
        overflow: hidden !important;
        border: 1px solid rgba(92, 143, 220, 0.26) !important;
        border-radius: 6px !important;
        background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
        color: #dbe7fb !important;
    }

    html body.mh-register-page #register_form h2,
    html body.mh-register-page #fregisterform h2 {
        min-height: 72px !important;
        margin: 0 !important;
        padding: 20px 22px !important;
        border-bottom: 1px solid rgba(92, 143, 220, 0.22) !important;
        background: #07172f !important;
        color: #edf4ff !important;
        font-size: 20px !important;
        font-weight: 900 !important;
    }

    html body.mh-register-page #register_form ul,
    html body.mh-register-page #register_form ol,
    html body.mh-register-page #fregisterform ul,
    html body.mh-register-page #fregisterform ol {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
    }

    html body.mh-register-page #register_form li,
    html body.mh-register-page #fregisterform li {
        display: grid !important;
        grid-template-columns: 180px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 13px 20px !important;
        border-bottom: 1px solid rgba(92, 143, 220, 0.14) !important;
        background: rgba(13, 22, 38, 0.96) !important;
        color: #dbe7fb !important;
        list-style: none !important;
    }

    html body.mh-register-page #register_form li::marker,
    html body.mh-register-page #fregisterform li::marker {
        content: "" !important;
    }

    html body.mh-register-page #register_form li > label,
    html body.mh-register-page #fregisterform li > label {
        grid-column: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #edf4ff !important;
        font-size: 15px !important;
        font-weight: 900 !important;
    }

    html body.mh-register-page #register_form input[type="text"],
    html body.mh-register-page #register_form input[type="password"],
    html body.mh-register-page #register_form input[type="email"],
    html body.mh-register-page #register_form .frm_input,
    html body.mh-register-page #fregisterform input[type="text"],
    html body.mh-register-page #fregisterform input[type="password"],
    html body.mh-register-page #fregisterform input[type="email"],
    html body.mh-register-page #fregisterform .frm_input {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        height: 42px !important;
        margin: 0 !important;
        border: 1px solid rgba(92, 143, 220, 0.28) !important;
        border-radius: 6px !important;
        background: #061225 !important;
        color: #edf4ff !important;
    }

    html body.mh-register-page #register_form li > button:not(.btn_submit):not(.btn_cancel),
    html body.mh-register-page #register_form li > a:not(.btn_submit):not(.btn_cancel),
    html body.mh-register-page #fregisterform li > button:not(.btn_submit):not(.btn_cancel),
    html body.mh-register-page #fregisterform li > a:not(.btn_submit):not(.btn_cancel) {
        grid-column: 3 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border: 1px solid rgba(92, 143, 220, 0.28) !important;
        border-radius: 6px !important;
        background: rgba(18, 29, 49, 0.96) !important;
        color: #edf4ff !important;
        font-size: 0 !important;
    }

    html body.mh-register-page #register_form li > button:not(.btn_submit):not(.btn_cancel)::before,
    html body.mh-register-page #register_form li > a:not(.btn_submit):not(.btn_cancel)::before,
    html body.mh-register-page #fregisterform li > button:not(.btn_submit):not(.btn_cancel)::before,
    html body.mh-register-page #fregisterform li > a:not(.btn_submit):not(.btn_cancel)::before {
        content: "?" !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }
}

/* Final PC register form restore: keep mobile fixes from touching desktop inputs. */
@media (min-width: 721px) {
    html body.mh-register-page #register_form,
    html body.mh-register-page #fregisterform {
        width: min(1240px, calc(100% - 40px)) !important;
        max-width: 1240px !important;
        margin: 28px auto 56px !important;
        background: transparent !important;
        color: #dbe7fb !important;
    }

    html body.mh-register-page #register_form section,
    html body.mh-register-page #register_form .tbl_frm01,
    html body.mh-register-page #register_form .tbl_wrap,
    html body.mh-register-page #register_form > div,
    html body.mh-register-page #fregisterform section,
    html body.mh-register-page #fregisterform .tbl_frm01,
    html body.mh-register-page #fregisterform .tbl_wrap,
    html body.mh-register-page #fregisterform > div {
        overflow: hidden !important;
        margin: 14px 0 !important;
        border: 1px solid rgba(92, 143, 220, 0.26) !important;
        border-radius: 6px !important;
        background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
        color: #dbe7fb !important;
        box-shadow: none !important;
    }

    html body.mh-register-page #register_form h2,
    html body.mh-register-page #fregisterform h2 {
        display: flex !important;
        align-items: center !important;
        min-height: 72px !important;
        margin: 0 !important;
        padding: 20px 22px !important;
        border-bottom: 1px solid rgba(92, 143, 220, 0.22) !important;
        background: #07172f !important;
        color: #edf4ff !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
    }

    html body.mh-register-page #register_form ul,
    html body.mh-register-page #register_form ol,
    html body.mh-register-page #fregisterform ul,
    html body.mh-register-page #fregisterform ol {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
    }

    html body.mh-register-page #register_form li,
    html body.mh-register-page #fregisterform li {
        display: grid !important;
        grid-template-columns: 180px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 13px 20px !important;
        border-bottom: 1px solid rgba(92, 143, 220, 0.14) !important;
        background: rgba(13, 22, 38, 0.96) !important;
        color: #dbe7fb !important;
        list-style: none !important;
    }

    html body.mh-register-page #register_form li::marker,
    html body.mh-register-page #fregisterform li::marker {
        content: "" !important;
    }

    html body.mh-register-page #register_form li > label,
    html body.mh-register-page #fregisterform li > label {
        grid-column: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #edf4ff !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1.35 !important;
    }

    html body.mh-register-page #register_form input[type="text"],
    html body.mh-register-page #register_form input[type="password"],
    html body.mh-register-page #register_form input[type="email"],
    html body.mh-register-page #register_form .frm_input,
    html body.mh-register-page #fregisterform input[type="text"],
    html body.mh-register-page #fregisterform input[type="password"],
    html body.mh-register-page #fregisterform input[type="email"],
    html body.mh-register-page #fregisterform .frm_input {
        grid-column: 2 !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(92, 143, 220, 0.28) !important;
        border-radius: 6px !important;
        background: #061225 !important;
        color: #edf4ff !important;
        font-size: 14px !important;
    }

    html body.mh-register-page #register_form li > button:not(.btn_submit):not(.btn_cancel),
    html body.mh-register-page #register_form li > a:not(.btn_submit):not(.btn_cancel),
    html body.mh-register-page #fregisterform li > button:not(.btn_submit):not(.btn_cancel),
    html body.mh-register-page #fregisterform li > a:not(.btn_submit):not(.btn_cancel) {
        grid-column: 3 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(92, 143, 220, 0.28) !important;
        border-radius: 6px !important;
        background: rgba(18, 29, 49, 0.96) !important;
        color: #edf4ff !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    html body.mh-register-page #register_form li > button:not(.btn_submit):not(.btn_cancel)::before,
    html body.mh-register-page #register_form li > a:not(.btn_submit):not(.btn_cancel)::before,
    html body.mh-register-page #fregisterform li > button:not(.btn_submit):not(.btn_cancel)::before,
    html body.mh-register-page #fregisterform li > a:not(.btn_submit):not(.btn_cancel)::before {
        content: "?" !important;
        color: #edf4ff !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    html body.mh-register-page #register_form .frm_info,
    html body.mh-register-page #fregisterform .frm_info {
        grid-column: 2 / -1 !important;
        margin: 6px 0 0 !important;
        padding: 0 !important;
        color: #9db9df !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
        background: transparent !important;
    }

    html body.mh-register-page #register_form table,
    html body.mh-register-page #register_form tbody,
    html body.mh-register-page #register_form tr,
    html body.mh-register-page #register_form th,
    html body.mh-register-page #register_form td,
    html body.mh-register-page #fregisterform table,
    html body.mh-register-page #fregisterform tbody,
    html body.mh-register-page #fregisterform tr,
    html body.mh-register-page #fregisterform th,
    html body.mh-register-page #fregisterform td {
        border-color: rgba(92, 143, 220, 0.18) !important;
        background: #0d1626 !important;
        color: #dbe7fb !important;
    }

    html body.mh-register-page #register_form .btn_confirm,
    html body.mh-register-page #fregisterform .btn_confirm {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
        margin: 20px 0 0 !important;
    }

    html body.mh-register-page .mh-self-leave-panel {
        display: flex !important;
        justify-content: flex-end !important;
        margin: 14px 0 0 !important;
        padding: 14px 0 0 !important;
        border-top: 1px solid rgba(255, 91, 122, 0.16) !important;
    }

    html body.mh-register-page .mh-self-leave-button {
        display: inline-flex !important;
        min-width: 118px !important;
        height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 18px !important;
        border: 1px solid rgba(255, 91, 122, 0.42) !important;
        border-radius: 7px !important;
        background: rgba(255, 91, 122, 0.08) !important;
        color: #ff9bad !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
        cursor: pointer !important;
    }

    html body.mh-register-page .mh-self-leave-button:hover,
    html body.mh-register-page .mh-self-leave-button:focus {
        background: rgba(255, 91, 122, 0.18) !important;
        color: #ffffff !important;
        outline: none !important;
    }
}

html body.mh-register-page .mh-self-leave-panel {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 14px 0 0 !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid rgba(255, 91, 122, 0.16) !important;
}

html body.mh-register-page .mh-self-leave-button {
    display: inline-flex !important;
    min-width: 118px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 18px !important;
    border: 1px solid rgba(255, 91, 122, 0.42) !important;
    border-radius: 7px !important;
    background: rgba(255, 91, 122, 0.08) !important;
    color: #ff9bad !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}

html body.mh-register-page .mh-self-leave-button:hover,
html body.mh-register-page .mh-self-leave-button:focus {
    background: rgba(255, 91, 122, 0.18) !important;
    color: #ffffff !important;
    outline: none !important;
}

html body.mh-register-page .mh-member-open-hidden,
html body.mh-register-page .mh-member-open-hidden-group {
    display: none !important;
}

html body.mh-register-page .mh-nick-edit-row .mh-nick-edit-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

html body.mh-register-page .mh-nick-edit-row .mh-nick-edit-input {
    width: min(100%, 360px);
}

html body.mh-register-page .mh-nick-edit-row .mh-nick-edit-input.mh-nick-edit-locked {
    opacity: 0.72;
}

html body.mh-register-page .mh-nick-edit-row .mh-nick-edit-info {
    margin: 0;
    color: var(--mh-muted);
    font-size: 12px;
    line-height: 1.55;
}

html body.mh-register-page .mh-nick-edit-original-hidden {
    display: none !important;
}

html body.mh-register-page .mh-self-leave-panel {
    justify-content: flex-end !important;
    margin: 16px 0 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(255, 91, 122, 0.28) !important;
    border-radius: 7px !important;
    background: rgba(7, 17, 32, 0.84) !important;
}

html body.mh-register-page .mh-self-leave-button {
    min-width: 180px !important;
    height: 48px !important;
    padding: 0 24px !important;
    border-color: rgba(255, 91, 122, 0.66) !important;
    background: rgba(255, 91, 122, 0.13) !important;
    color: #ffb4c1 !important;
    font-size: 15px !important;
    box-shadow: 0 12px 28px rgba(255, 91, 122, 0.08) !important;
}

html body.mh-register-page .mh-self-leave-button:hover,
html body.mh-register-page .mh-self-leave-button:focus {
    border-color: rgba(255, 132, 158, 0.9) !important;
    background: rgba(255, 91, 122, 0.22) !important;
    box-shadow: 0 14px 34px rgba(255, 91, 122, 0.16) !important;
}

@media (max-width: 640px) {
    html body.mh-register-page .mh-self-leave-panel {
        justify-content: stretch !important;
    }

    html body.mh-register-page .mh-self-leave-button {
        width: 100% !important;
    }
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: var(--mh-text);
    background:
        radial-gradient(circle at 18% 0%, rgba(79, 141, 255, 0.12), transparent 28%),
        radial-gradient(circle at 80% 12%, rgba(143, 216, 255, 0.1), transparent 24%),
        linear-gradient(180deg, #06142b 0%, var(--mh-bg) 42%, #020612 100%);
    font-family: "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}

.mh-header {
    position: sticky;
    top: 0;
    z-index: 20;
    border-bottom: 1px solid var(--mh-line);
    background: rgba(7, 10, 18, 0.92);
    backdrop-filter: blur(16px);
}

.mh-topbar {
    border-bottom: 1px solid rgba(92, 143, 220, 0.14);
    color: var(--mh-muted);
    font-size: 12px;
}

.mh-topbar-inner,
.mh-header-inner,
.mh-main,
.mh-footer-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

.mh-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    gap: 18px;
}

.mh-user-nav,
.mh-nav {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mh-user-nav a {
    padding: 5px 0;
}

.mh-user-nav a:hover,
.mh-nav a:hover {
    color: var(--mh-accent);
}

.mh-header-main {
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.85), rgba(7, 10, 18, 0.7));
}

.mh-header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    min-height: 78px;
    gap: 22px;
}

.mh-brand {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
}

.mh-logo {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.mh-logo-text {
    display: inline-grid;
    place-items: center;
    flex: 0 0 48px;
    border: 1px solid rgba(79, 141, 255, 0.4);
    border-radius: 8px;
    color: #06110e;
    background: linear-gradient(135deg, var(--mh-accent), #76a9ff);
    font-size: 24px;
    font-weight: 900;
}

.mh-brand-text {
    display: grid;
    min-width: 0;
}

.mh-brand-text strong {
    overflow: hidden;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-brand-text em {
    color: var(--mh-accent);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.mh-nav {
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.mh-nav::-webkit-scrollbar {
    display: none;
}

.mh-nav a {
    flex: 0 0 auto;
    padding: 10px 12px;
    color: #c5d3ea;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.mh-download,
.mh-banner-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid rgba(79, 141, 255, 0.55);
    border-radius: 7px;
    color: #04100d;
    background: linear-gradient(135deg, var(--mh-accent), #8fd8ff);
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 0 24px rgba(79, 141, 255, 0.18);
}

.mh-wrapper {
    min-height: 560px;
}

.mh-main {
    padding-top: 28px;
    padding-bottom: 72px;
}

.mh-dashboard {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) 260px;
    gap: 18px;
    align-items: stretch;
}

.mh-side-panel,
.mh-board-card {
    border: 1px solid var(--mh-line);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.92), rgba(10, 15, 27, 0.94));
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
}

.mh-side-panel {
    min-height: 460px;
    padding: 18px;
}

.mh-panel-head,
.mh-card-head {
    display: grid;
    gap: 4px;
    margin-bottom: 16px;
}

.mh-panel-head span,
.mh-card-head span,
.mh-banner-badge {
    color: var(--mh-accent);
    font-size: 11px;
    font-weight: 900;
}

.mh-panel-head h2,
.mh-card-head h2 {
    margin: 0;
    font-size: 20px;
    letter-spacing: 0;
}

.mh-rank-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mh-rank-list a {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    min-height: 52px;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(92, 143, 220, 0.14);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
}

.mh-rank-list b {
    color: var(--mh-accent-2);
    font-size: 18px;
}

.mh-rank-list span {
    overflow: hidden;
    color: #dbe7fb;
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-rank-list em {
    color: var(--mh-muted);
    font-size: 12px;
    font-style: normal;
}

.mh-empty-row,
.mh-card-empty,
.mh-basic-latest-empty {
    color: var(--mh-muted);
    font-size: 14px;
}

.mh-main-banner {
    position: relative;
    overflow: hidden;
    height: var(--banner-height, 460px);
    border: 1px solid rgba(92, 143, 220, 0.24);
    border-radius: 8px;
    background: #111827;
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.34);
}

.mh-main-banner-track {
    display: flex;
    height: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.mh-main-banner-track::-webkit-scrollbar {
    display: none;
}

.mh-main-banner-slide {
    position: relative;
    flex: 0 0 100%;
    height: 100%;
    scroll-snap-align: start;
}

.mh-main-banner-slide::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(90deg, rgba(4, 7, 13, 0.9) 0%, rgba(4, 7, 13, 0.36) 52%, rgba(4, 7, 13, 0.72) 100%),
        linear-gradient(180deg, rgba(4, 7, 13, 0.08), rgba(4, 7, 13, 0.74));
}

.mh-main-banner-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mh-banner-overlay {
    position: absolute;
    right: 34px;
    bottom: 32px;
    left: 34px;
    z-index: 1;
    display: grid;
    max-width: 620px;
    gap: 12px;
}

.mh-banner-overlay strong {
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 900;
    line-height: 1.12;
}

.mh-banner-overlay em {
    color: #c4d2e8;
    font-size: 15px;
    font-style: normal;
    line-height: 1.7;
}

.mh-banner-cta {
    width: fit-content;
    margin-top: 4px;
}

.mh-main-banner-empty {
    display: grid;
    height: 100%;
    place-content: center;
    gap: 8px;
    padding: 30px;
    color: var(--mh-muted);
    text-align: center;
}

.mh-main-banner-empty strong {
    color: var(--mh-text);
    font-size: 20px;
}

.mh-quick-links {
    display: grid;
    gap: 10px;
}

.mh-quick-links a {
    display: grid;
    gap: 5px;
    min-height: 74px;
    padding: 14px;
    border: 1px solid rgba(92, 143, 220, 0.16);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
}

.mh-quick-links a:hover,
.mh-rank-list a:hover {
    border-color: rgba(79, 141, 255, 0.52);
    background: rgba(79, 141, 255, 0.08);
}

.mh-quick-links strong {
    font-size: 16px;
}

.mh-quick-links span {
    color: var(--mh-muted);
    font-size: 13px;
}

.mh-lower-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.mh-board-card {
    min-height: 238px;
    padding: 18px;
}

.mh-board-card-wide {
    grid-column: span 2;
}

.mh-card-head {
    position: relative;
    padding-right: 54px;
}

.mh-card-head a {
    position: absolute;
    top: 3px;
    right: 0;
    color: var(--mh-muted);
    font-size: 12px;
    font-weight: 800;
}

.mh-card-head a:hover {
    color: var(--mh-accent);
}

.mh-basic-latest ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mh-basic-latest li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 32px;
    border-bottom: 1px solid rgba(92, 143, 220, 0.1);
}

.mh-basic-latest li:last-child {
    border-bottom: 0;
}

.mh-basic-latest a {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: #dce8fb;
    font-size: 14px;
    font-weight: 700;
}

.mh-basic-latest a:hover {
    color: var(--mh-accent);
}

.mh-basic-latest a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-basic-latest b {
    flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 4px;
    color: #16070b;
    background: var(--mh-danger);
    font-size: 11px;
}

.mh-combined-latest b {
    padding: 0;
    border-radius: 0;
    color: #82b7ff;
    background: transparent;
    font-size: 12px;
    font-weight: 800;
}

.mh-basic-latest time {
    color: var(--mh-muted);
    font-size: 12px;
}

.mh-footer {
    border-top: 1px solid var(--mh-line);
    background: #020612;
}

.mh-footer-inner {
    padding-top: 28px;
    padding-bottom: 28px;
    color: var(--mh-muted);
    font-size: 13px;
}

.mh-footer-inner p {
    margin: 4px 0;
}

.mh-back-to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 5000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(79, 141, 255, 0.52);
    border-radius: 8px;
    background: rgba(8, 13, 24, 0.92);
    color: var(--mh-accent);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.38);
    cursor: pointer;
    touch-action: manipulation;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.mh-back-to-top span {
    display: block;
    position: relative;
    width: 22px;
    height: 24px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.mh-back-to-top span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-right: 11px solid transparent;
    border-bottom: 12px solid var(--mh-accent);
    border-left: 11px solid transparent;
    transform: translateX(-50%);
}

.mh-back-to-top span::after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 0;
    left: 6px;
    height: 14px;
    border-radius: 2px;
    background: var(--mh-accent);
}

.mh-back-to-top:hover,
.mh-back-to-top:focus-visible {
    border-color: rgba(79, 141, 255, 0.9);
    background: rgba(15, 31, 45, 0.96);
    color: #a7ffe2;
    transform: translateY(-2px);
    outline: none;
}

.mh-back-to-top:hover span::before,
.mh-back-to-top:focus-visible span::before {
    border-bottom-color: #a7ffe2;
}

.mh-back-to-top:hover span::after,
.mh-back-to-top:focus-visible span::after {
    background: #a7ffe2;
}

@media (max-width: 1080px) {
    .mh-header-inner,
    .mh-dashboard,
    .mh-lower-grid {
        grid-template-columns: 1fr;
    }

    .mh-header-inner {
        align-items: start;
    }

    .mh-nav {
        order: 3;
        grid-column: 1 / -1;
        width: 100%;
    }

    .mh-download {
        justify-self: end;
    }

    .mh-side-panel {
        min-height: auto;
    }

    .mh-board-card-wide {
        grid-column: auto;
    }
}

@media (max-width: 720px) {
    .mh-topbar-inner {
        align-items: flex-start;
        flex-direction: column;
        padding-top: 9px;
        padding-bottom: 9px;
        gap: 4px;
    }

    .mh-user-nav {
        flex-wrap: wrap;
    }

    .mh-header-inner,
    .mh-main,
    .mh-topbar-inner,
    .mh-footer-inner {
        padding-right: 14px;
        padding-left: 14px;
    }

    .mh-back-to-top {
        right: 14px;
        bottom: 16px;
        width: 42px;
        height: 42px;
    }

    .mh-header-inner {
        min-height: 72px;
        gap: 14px;
    }

    .mh-logo,
    .mh-logo-text {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .mh-brand-text strong {
        font-size: 20px;
    }

    .mh-download {
        min-height: 36px;
        padding: 0 12px;
        font-size: 13px;
    }

    .mh-main {
        padding-top: 18px;
        padding-bottom: 50px;
    }

    .mh-main-banner {
        height: 340px;
    }

    .mh-banner-overlay {
        right: 18px;
        bottom: 22px;
        left: 18px;
    }

    .mh-banner-overlay strong {
        font-size: 28px;
    }

    .mh-banner-overlay em {
        font-size: 13px;
    }

    .mh-basic-latest li {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 2px;
        padding-bottom: 8px;
    }
}

/* Final main layout: header visual + banner slots only */
#hd_login_msg {
    display: none !important;
}

.mh-header-visual {
    background-position: center 42%;
}

.mh-header-visual::before {
    background:
        linear-gradient(90deg, rgba(4, 7, 13, 0.56) 0%, rgba(4, 7, 13, 0.18) 56%, rgba(4, 7, 13, 0.36) 100%),
        linear-gradient(180deg, rgba(4, 7, 13, 0.02), rgba(4, 7, 13, 0.38));
}

.mh-header-visual .mh-header-inner {
    align-items: flex-end;
    min-height: 240px;
    padding-bottom: 42px;
}

.mh-header-visual .mh-brand {
    align-self: center;
}

.mh-header-visual .mh-user-nav {
    align-self: flex-end;
    margin-bottom: 20px;
}

.mh-main-banners-only {
    max-width: 1280px;
}

.mh-home-main-grid {
    position: relative;
    display: block;
    align-items: start;
    width: 1280px;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    overflow: visible;
}

.mh-home-left-panel,
.mh-home-right-panel {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding-top: 28px;
}

.mh-home-left-panel {
    position: absolute;
    top: 0;
    right: calc(100% + 18px);
    width: 280px;
}

.mh-home-right-panel {
    position: absolute;
    top: 0;
    left: calc(100% + 18px);
    width: 280px;
}

.mh-wrapper:has(.mh-home-main-grid) {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.mh-wrapper:has(.mh-home-main-grid) > .mh-main,
.mh-home-main-grid,
.mh-main-banners-only,
.mh-banner-market,
.mh-premium-row,
.mh-semi-row,
.mh-normal-grid,
.mh-normal-nine-grid {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.mh-wrapper:has(.mh-home-main-grid) > .mh-main {
    padding-bottom: 140px !important;
}

.mh-wrapper-global-side,
.mh-wrapper:has(.mh-global-side-layout) {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
}

.mh-global-side-layout {
    display: grid !important;
    grid-template-columns: var(--mh-global-left-width, 280px) minmax(0, 1280px) var(--mh-global-right-width, 280px) !important;
    align-items: start !important;
    width: calc(100vw - 40px) !important;
    max-width: calc(var(--mh-global-left-width, 280px) + var(--mh-global-right-width, 280px) + 1280px + var(--mh-global-side-gap, 18px) + var(--mh-global-side-gap, 18px)) !important;
    gap: var(--mh-global-side-gap, 18px) !important;
    justify-content: center !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.mh-global-main-content {
    min-width: 0 !important;
}

.mh-global-side-panel {
    position: static !important;
    top: auto !important;
    display: grid !important;
    max-height: none !important;
    align-self: start !important;
    gap: 10px !important;
    overflow: visible !important;
    padding-top: 28px !important;
    scrollbar-width: thin !important;
}

.mh-global-side-panel .mh-partner-banner-card,
.mh-global-side-panel .mh-admin-contact-widget,
.mh-global-side-panel .mh-home-board-card,
.mh-global-side-panel .mh-home-chat-widget-card,
.mh-global-side-panel .mh-home-ranking-card,
.mh-global-side-panel .mh-current-member-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.mh-global-side-panel .mh-partner-banner-card img {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 1500px) {
    .mh-global-side-layout {
        display: block !important;
        width: 100% !important;
        max-width: 1280px !important;
    }

    .mh-global-side-panel {
        display: none !important;
    }
}

.mh-partner-banner-card {
    display: grid;
    overflow: hidden;
    min-height: 130px;
    box-sizing: border-box;
    place-items: center;
    border: 1px solid rgba(159, 178, 209, 0.22);
    border-radius: 8px;
    background: rgba(8, 14, 25, 0.82);
    color: #f6fbff;
    text-align: center;
    box-shadow: inset 0 0 30px rgba(79, 141, 255, 0.04);
}

.mh-partner-banner-card img {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: fill;
}

.mh-partner-banner-card span {
    display: grid;
    gap: 6px;
    padding: 16px;
}

.mh-partner-banner-card strong {
    color: #ffffff;
    font-size: 15px;
}

.mh-partner-banner-card small {
    color: rgba(219, 231, 251, 0.66);
    font-size: 12px;
}

.mh-home-board-card {
    overflow: hidden;
    min-height: 178px;
    box-sizing: border-box;
    padding: 14px;
    border: 1px solid rgba(159, 178, 209, 0.22);
    border-radius: 8px;
    background: rgba(8, 14, 25, 0.82);
}

.mh-home-board-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(159, 178, 209, 0.16);
}

.mh-home-board-head h2 {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
}

.mh-home-board-head a {
    flex: 0 0 auto;
    color: rgba(79, 141, 255, 0.88);
    font-size: 12px;
    font-weight: 800;
}

.mh-home-board-card .mh-basic-latest li {
    min-height: 28px;
}

.mh-home-board-card .mh-basic-latest a {
    font-size: 13px;
}

.mh-home-board-empty {
    display: grid;
    min-height: 100px;
    place-items: center;
    color: rgba(219, 231, 251, 0.66);
    font-size: 13px;
}

.mh-current-member-card {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    min-height: 220px;
    box-sizing: border-box;
    padding: 14px;
    border: 1px solid rgba(159, 178, 209, 0.22);
    border-radius: 8px;
    background: rgba(8, 14, 25, 0.82);
}

.mh-current-member-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(159, 178, 209, 0.16);
}

.mh-current-member-head h2 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-current-member-head a {
    flex: 0 0 auto;
    color: rgba(79, 141, 255, 0.88);
    font-size: 12px;
    font-weight: 800;
}

.mh-current-member-list {
    display: grid;
    align-content: start;
    gap: 7px;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
    scrollbar-width: thin;
}

.mh-current-member-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    padding: 8px 9px;
    border: 1px solid rgba(159, 178, 209, 0.14);
    border-radius: 7px;
    background: rgba(10, 25, 48, 0.68);
}

.mh-current-member-info {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.mh-current-member-info strong,
.mh-current-member-info span,
.mh-current-member-info em {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-current-member-info strong {
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
}

.mh-current-member-name.has-crown {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.mh-current-member-crown {
    display: inline-grid;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    place-items: center;
    border: 1px solid rgba(255, 217, 102, 0.55);
    border-radius: 999px;
    background: rgba(255, 193, 61, 0.16);
    color: #ffd966;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 0 8px rgba(255, 193, 61, 0.38);
}

.mh-current-member-info > span,
.mh-current-member-info > em {
    color: rgba(219, 231, 251, 0.64);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.mh-current-member-list .mh-current-member-item {
    display: block;
    padding: 0;
}

.mh-current-member-toggle {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 9px;
}

.mh-current-member-info {
    width: 100%;
}

.mh-current-member-item > .mh-current-member-info {
    box-sizing: border-box;
    padding: 8px 9px;
}

summary.mh-current-member-info {
    cursor: pointer;
    list-style: none;
}

summary.mh-current-member-info::-webkit-details-marker {
    display: none;
}

.mh-current-member-info > span,
.mh-current-member-info > em {
    display: none;
}

.mh-current-member-memo {
    display: none;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 28px;
    padding: 0 9px;
    border: 1px solid rgba(143, 216, 255, 0.44);
    border-radius: 7px;
    background: rgba(79, 141, 255, 0.16);
    color: #dff3ff;
    font-size: 12px;
    font-weight: 900;
}

.mh-current-member-actions {
    display: none;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.mh-current-member-gift {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    height: 28px;
    padding: 0 9px;
    border: 1px solid rgba(255, 214, 102, 0.5);
    border-radius: 7px;
    background: rgba(255, 193, 61, 0.16);
    color: #fff1bd;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.mh-current-member-toggle[open] .mh-current-member-actions,
.mh-current-member-toggle[open] .mh-current-member-memo {
    display: inline-flex;
}

.mh-current-member-empty,
.mh-current-member-note {
    display: grid;
    place-items: center;
    min-height: 72px;
    margin: 0;
    color: rgba(219, 231, 251, 0.66);
    font-size: 13px;
    text-align: center;
}

.mh-current-connect-page {
    width: min(920px, calc(100% - 32px));
    margin: 28px auto 72px;
}

.mh-current-connect-shell {
    overflow: hidden;
    border: 1px solid rgba(92, 143, 220, 0.34);
    border-radius: 8px;
    background: rgba(7, 16, 30, 0.92);
    box-shadow: inset 0 0 36px rgba(79, 141, 255, 0.06);
}

.mh-current-connect-title {
    padding: 22px 24px;
    border-bottom: 1px solid rgba(159, 178, 209, 0.18);
    background: rgba(10, 30, 58, 0.72);
}

.mh-current-connect-title h1 {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0;
}

.mh-current-connect-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 20px 24px 24px;
    list-style: none;
}

.mh-current-connect-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid rgba(159, 178, 209, 0.18);
    border-radius: 8px;
    background: rgba(10, 25, 48, 0.72);
}

.mh-current-connect-item strong {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-current-connect-actions {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.mh-current-connect-memo,
.mh-current-connect-gift {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(106, 255, 201, 0.58);
    border-radius: 8px;
    background: rgba(33, 165, 116, 0.16);
    color: #dfffee;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.mh-current-connect-gift {
    border-color: rgba(255, 214, 102, 0.58);
    background: rgba(255, 193, 61, 0.16);
    color: #fff1bd;
    cursor: pointer;
}

.mh-current-connect-memo:hover,
.mh-current-connect-memo:focus {
    border-color: rgba(106, 255, 201, 0.92);
    background: rgba(33, 165, 116, 0.28);
    color: #ffffff;
}

.mh-current-connect-gift:hover,
.mh-current-connect-gift:focus,
.mh-current-member-gift:hover,
.mh-current-member-gift:focus {
    border-color: rgba(255, 225, 126, 0.92);
    background: rgba(255, 193, 61, 0.28);
    color: #ffffff;
}

.mh-current-connect-empty {
    display: grid;
    min-height: 180px;
    place-items: center;
    padding: 28px;
    color: rgba(219, 231, 251, 0.72);
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

@media (max-width: 640px) {
    .mh-current-connect-page {
        width: calc(100% - 20px);
        margin: 18px auto 48px;
    }

    .mh-current-connect-title {
        padding: 18px 16px;
    }

    .mh-current-connect-title h1 {
        font-size: 21px;
    }

    .mh-current-connect-list {
        padding: 14px;
    }

    .mh-current-connect-item {
        align-items: stretch;
        flex-direction: column;
    }

    .mh-current-connect-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        gap: 8px;
    }

    .mh-current-connect-memo,
    .mh-current-connect-gift {
        min-width: 0;
        width: 100%;
        height: 42px;
        box-sizing: border-box;
    }
}

.mh-point-gift-modal {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.68);
}

.mh-point-gift-card {
    position: relative;
    width: min(360px, 100%);
    box-sizing: border-box;
    padding: 24px 22px 20px;
    border: 1px solid rgba(255, 214, 102, 0.42);
    border-radius: 8px;
    background: #091426;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.48);
}

.mh-point-gift-card h2 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0;
}

.mh-point-gift-card p {
    margin: 0 0 18px;
    color: rgba(219, 231, 251, 0.78);
    font-size: 13px;
    line-height: 1.55;
}

.mh-point-gift-card .mh-point-gift-note {
    margin-top: -8px;
    padding: 10px 11px;
    border: 1px solid rgba(255, 214, 102, 0.24);
    border-radius: 8px;
    background: rgba(255, 193, 61, 0.08);
    color: #fff1bd;
    font-weight: 800;
}

.mh-point-gift-card strong {
    color: #fff1bd;
}

.mh-point-gift-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(219, 231, 251, 0.2);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.76);
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

.mh-point-gift-card label {
    display: grid;
    gap: 8px;
    color: #dbe7fb;
    font-size: 13px;
    font-weight: 900;
}

.mh-point-gift-card input[type="number"] {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    padding: 0 12px;
    border: 1px solid rgba(159, 178, 209, 0.34);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}

.mh-point-gift-card input[type="number"]:focus {
    border-color: rgba(255, 214, 102, 0.78);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(255, 193, 61, 0.13);
}

.mh-point-gift-actions {
    display: flex;
    gap: 8px;
    margin-top: 18px;
}

.mh-point-gift-actions button {
    display: inline-flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.mh-point-gift-actions button[type="submit"] {
    border: 1px solid rgba(255, 214, 102, 0.66);
    background: rgba(255, 193, 61, 0.22);
    color: #fff5cf;
}

.mh-point-gift-actions .mh-point-gift-cancel {
    border: 1px solid rgba(159, 178, 209, 0.28);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(219, 231, 251, 0.84);
}

.mh-point-gift-close:hover,
.mh-point-gift-close:focus,
.mh-point-gift-actions button:hover,
.mh-point-gift-actions button:focus {
    color: #ffffff;
    outline: 0;
}

.mh-home-chat-widget-card {
    overflow: hidden;
    min-height: 240px;
    box-sizing: border-box;
    border: 1px solid rgba(159, 178, 209, 0.22);
    border-radius: 8px;
    background: rgba(8, 14, 25, 0.82);
}

.mh-home-chat-widget-head {
    padding: 12px 14px 10px;
    border-bottom: 1px solid rgba(159, 178, 209, 0.16);
}

.mh-home-chat-widget-head h2 {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
}

.mh-home-chat-widget-body {
    height: calc(100% - 43px);
    min-height: 120px;
}

.mh-home-chat-widget-card--no-head .mh-home-chat-widget-body,
.mh-home-chat-widget-card:not(:has(.mh-home-chat-widget-head)) .mh-home-chat-widget-body {
    height: 100%;
}

.mh-home-chat-widget-body iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    border: 0 !important;
}

.mh-home-chat-widget-empty {
    display: grid;
    height: 100%;
    min-height: 120px;
    place-items: center;
    color: rgba(219, 231, 251, 0.66);
    font-size: 13px;
    text-align: center;
}

.mh-banner-market {
    display: grid;
    gap: 18px;
}

.mh-premium-row,
.mh-semi-row,
.mh-normal-grid {
    display: grid;
    gap: 18px;
}

.mh-premium-row,
.mh-semi-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mh-normal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mh-banner-card {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(92, 143, 220, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(9, 37, 73, 0.96), rgba(18, 91, 145, 0.92)),
        #10213a;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.26);
}

.mh-popular-server-card {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
    padding: 14px 16px;
    background:
        linear-gradient(135deg, rgba(9, 37, 73, 0.96), rgba(8, 18, 34, 0.96)),
        #10213a;
}

.mh-popular-server-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(159, 178, 209, 0.2);
}

.mh-popular-server-head strong {
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0;
}

.mh-popular-server-head span {
    color: #4f8dff;
    font-size: 11px;
    font-weight: 900;
}

.mh-popular-server-list {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 8px 0 0;
    list-style: none;
}

.mh-popular-server-list li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.mh-popular-server-rank {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(79, 141, 255, 0.42);
    border-radius: 7px;
    background: rgba(79, 141, 255, 0.12);
    color: #4f8dff;
    font-size: 13px;
    font-weight: 900;
}

.mh-popular-server-link {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    min-width: 0;
    color: #dbe7fb;
    text-decoration: none;
}

.mh-popular-server-name {
    overflow: hidden;
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-popular-server-count {
    color: rgba(159, 178, 209, 0.88);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.mh-popular-server-banner {
    display: grid;
    overflow: hidden;
    flex: 0 0 auto;
    width: 300px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(159, 178, 209, 0.18);
    border-radius: 7px;
    background: rgba(5, 13, 25, 0.72);
}

.mh-popular-server-banner img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: fill !important;
}

.mh-popular-server-banner em {
    color: rgba(219, 231, 251, 0.56);
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
}

.mh-premium-card {
    min-height: 238px;
}

.mh-semi-card,
.mh-normal-card {
    min-height: 118px;
}

.mh-banner-card.has-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.28s ease;
}

.mh-banner-card.has-image::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(90deg, rgba(4, 7, 13, 0.82), rgba(4, 7, 13, 0.28)),
        linear-gradient(180deg, rgba(4, 7, 13, 0.04), rgba(4, 7, 13, 0.74));
}

.mh-banner-card.is-pending {
    border-color: rgba(79, 141, 255, 0.38);
    background:
        linear-gradient(135deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)),
        #0b1f3d;
}

.mh-banner-card.is-pending .mh-banner-card-content {
    align-content: center;
    text-align: center;
}

.mh-banner-card.is-pending .mh-banner-card-content strong {
    color: #4f8dff;
}

.mh-banner-card:hover {
    border-color: rgba(79, 141, 255, 0.55);
}

.mh-banner-card.is-static,
.mh-popular-server-link.is-empty {
    cursor: default !important;
}

.mh-banner-card.is-static:hover {
    border-color: rgba(92, 143, 220, 0.24);
}

.mh-banner-card:hover img {
    transform: scale(1.04);
}

.mh-banner-card.is-static:hover img {
    transform: none;
}

.mh-banner-card-content {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: end;
    min-height: inherit;
    padding: 18px;
    gap: 8px;
}

.mh-banner-card-content em {
    display: none !important;
}

.mh-banner-card-content strong {
    overflow: hidden;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-premium-card .mh-banner-card-content strong {
    font-size: 28px;
}

.mh-banner-card-content small {
    overflow: hidden;
    color: #d3e0f5;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .mh-premium-row,
    .mh-semi-row,
    .mh-normal-grid {
        grid-template-columns: 1fr;
    }

    .mh-header-visual .mh-header-inner {
        align-items: flex-start;
        flex-direction: column;
        min-height: 220px;
    }

    .mh-header-visual .mh-user-nav {
        align-self: flex-end;
        margin-bottom: 0;
    }
}

/* Final override: user's marked layout */
.mh-header-visual .mh-header-inner {
    align-items: center;
    min-height: 240px;
    padding-bottom: 0;
}

.mh-header-visual .mh-brand {
    align-self: center;
}

.mh-header-visual .mh-user-nav {
    display: none;
}

.mh-menu-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 20px;
    gap: 18px;
}

.mh-menu-inner {
    max-width: none;
    margin: 0;
    padding: 0;
}

.mh-menu-user {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    min-width: 340px;
}

.mh-menu-user a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(92, 143, 220, 0.2);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
    color: #dbe7fb;
    font-size: 14px;
    font-weight: 900;
}

.mh-menu-user a:hover {
    border-color: rgba(79, 141, 255, 0.58);
    color: var(--mh-accent);
    background: rgba(79, 141, 255, 0.08);
}
.mh-menu-user .mh-user-memo-link,
.mh-mobile-menu-user .mh-user-memo-link {
    gap: 6px;
}

.mh-user-memo-link .mh-user-memo-count {
    display: inline-grid;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    place-items: center;
    border-radius: 999px;
    background: rgba(79, 141, 255, 0.24);
    color: #ffffff;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

.mh-user-memo-link.is-unread {
    border-color: rgba(255, 91, 122, 0.68) !important;
    background: rgba(255, 91, 122, 0.16) !important;
    color: #ffb4c2 !important;
}

.mh-user-memo-link.is-unread .mh-user-memo-count {
    background: #ff3f68;
    color: #ffffff;
}

@keyframes mhMemoUnreadPulse {
    0%, 100% {
        border-color: rgba(255, 70, 95, 0.72);
        background: rgba(255, 42, 76, 0.18);
        box-shadow: 0 0 0 rgba(255, 42, 76, 0);
        color: #ffd6de;
    }
    45% {
        border-color: rgba(255, 40, 70, 1);
        background: rgba(255, 42, 76, 0.34);
        box-shadow: 0 0 18px rgba(255, 42, 76, 0.7);
        color: #ffffff;
    }
}

@keyframes mhMemoCountPop {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.18);
    }
}

.mh-menu-user .mh-user-memo-link.is-unread,
.mh-mobile-menu-user .mh-user-memo-link.is-unread {
    animation: mhMemoUnreadPulse 1.05s ease-in-out infinite !important;
}

.mh-user-memo-link.is-unread .mh-user-memo-count {
    min-width: 21px !important;
    height: 21px !important;
    background: #ff244f !important;
    border: 1px solid rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 0 12px rgba(255, 36, 79, 0.75) !important;
    animation: mhMemoCountPop 0.9s ease-in-out infinite !important;
}

.mh-premium-row,
.mh-semi-row {
    grid-template-columns: 1fr;
}

.mh-normal-nine-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.mh-normal-small-card {
    min-height: 118px;
}

@media (max-width: 900px) {
    .mh-menu-shell {
        grid-template-columns: 1fr;
    }

    .mh-menu-user {
        justify-content: flex-start;
        min-width: 0;
        flex-wrap: wrap;
    }

    .mh-normal-grid,
    .mh-normal-nine-grid {
        grid-template-columns: 1fr;
    }

    .mh-popular-server-link {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .mh-popular-server-banner {
        grid-column: 1 / -1;
        width: 100% !important;
    }
}

/* GNUBOARD board pages */
.mh-wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

.mh-wrapper > .mh-main {
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

#container_title,
#bo_list,
#bo_w,
#bo_v,
#bo_gall,
#faq_wrap,
#new_sch,
#new_list,
#member_confirm,
#register_form,
#fregister {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

#container_title {
    margin-top: 30px;
    margin-bottom: 16px;
    color: var(--mh-text);
    font-size: 24px;
    font-weight: 900;
}

#container_title span {
    display: inline-block;
    padding: 0;
    border: 0;
    background: transparent;
}

#bo_list,
#bo_w,
#bo_v,
#bo_gall {
    margin-top: 34px;
    margin-bottom: 72px;
    color: var(--mh-text);
}

#bo_list_total {
    float: none;
    margin: 0 0 12px;
    color: var(--mh-muted);
    font-size: 14px;
}

.bo_fx,
#bo_btn_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    clear: both;
    gap: 12px;
    margin: 12px 0;
}

.btn_bo_user,
.btn_bo_adm {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    float: none !important;
    margin: 0;
    padding: 0;
    position: static !important;
    list-style: none;
}

.btn_bo_user li,
.btn_bo_adm li {
    float: none !important;
    margin: 0 !important;
    padding: 0;
}

.btn_bo_user a,
.btn_bo_user button,
.btn_bo_adm a,
.btn_bo_adm button,
.bo_fx a,
.bo_fx button,
.btn_b01,
.btn_b02,
.btn_admin,
.btn_cancel,
.btn_submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(92, 143, 220, 0.22);
    border-radius: 7px;
    background: rgba(18, 29, 49, 0.92);
    color: #dbe7fb !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.btn_bo_user a:hover,
.btn_bo_user button:hover,
.btn_bo_adm a:hover,
.btn_bo_adm button:hover,
.bo_fx a:hover,
.bo_fx button:hover,
.btn_b01:hover,
.btn_b02:hover,
.btn_admin:hover,
.btn_cancel:hover,
.btn_submit:hover {
    border-color: rgba(79, 141, 255, 0.58);
    color: var(--mh-accent) !important;
    background: rgba(79, 141, 255, 0.08);
}

.tbl_head01,
.tbl_head01 table {
    width: 100%;
}

.tbl_head01 {
    overflow: hidden;
    border: 1px solid rgba(92, 143, 220, 0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.92), rgba(10, 15, 27, 0.94));
}

.tbl_head01 table {
    border-collapse: collapse;
    border-spacing: 0;
}

.tbl_head01 caption,
.sound_only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

.tbl_head01 th {
    height: 46px;
    padding: 10px;
    border-bottom: 1px solid rgba(92, 143, 220, 0.2);
    color: #eaf2ff;
    background: rgba(255, 255, 255, 0.04);
    font-size: 14px;
    font-weight: 900;
    text-align: center;
}

.tbl_head01 td {
    padding: 14px 10px;
    border-bottom: 1px solid rgba(92, 143, 220, 0.12);
    color: #d8e5f8;
    font-size: 14px;
    text-align: center;
}

.tbl_head01 tr:last-child td {
    border-bottom: 0;
}

.tbl_head01 .td_subject {
    text-align: left;
}

.tbl_head01 a {
    color: #edf4ff;
}

.tbl_head01 a:hover {
    color: var(--mh-accent);
}

.empty_table,
.empty_list {
    padding: 56px 16px !important;
    color: var(--mh-muted) !important;
    text-align: center !important;
}

#bo_sch {
    display: flex;
    justify-content: center;
    clear: both;
    margin: 22px 0 0;
    padding: 18px;
    border: 1px solid rgba(92, 143, 220, 0.18);
    border-radius: 8px;
    background: rgba(18, 29, 49, 0.72);
}

#bo_sch form {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 680px;
    width: 100%;
}

#bo_sch select,
#bo_sch input[type="text"],
#bo_sch input[type="search"],
.frm_input,
select {
    min-height: 40px;
    border: 1px solid rgba(92, 143, 220, 0.24);
    border-radius: 7px;
    background: #061225;
    color: var(--mh-text);
}

#bo_sch input[type="text"],
#bo_sch input[type="search"],
.frm_input {
    flex: 1 1 auto;
    padding: 0 12px;
}

#bo_sch button,
#bo_sch .btn_submit {
    min-width: 48px;
    color: #06110e !important;
    background: linear-gradient(135deg, var(--mh-accent), #8fd8ff);
}

.pg_wrap {
    display: flex;
    justify-content: center;
    margin: 24px 0;
}

.pg {
    display: flex;
    gap: 6px;
}

.pg_page,
.pg_current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    border: 1px solid rgba(92, 143, 220, 0.22);
    border-radius: 6px;
    color: #dbe7fb;
    background: rgba(18, 29, 49, 0.9);
}

.pg_current {
    color: #06110e;
    background: var(--mh-accent);
}

@media (max-width: 720px) {
    .mh-wrapper {
        padding-right: 14px;
        padding-left: 14px;
    }

    .bo_fx,
    #bo_btn_top,
    #bo_sch form {
        align-items: stretch;
        flex-direction: column;
    }

    .btn_bo_user,
    .btn_bo_adm {
        justify-content: flex-start;
    }

    .tbl_head01 {
        overflow-x: auto;
    }

    .tbl_head01 table {
        min-width: 720px;
    }
}

/* Board action buttons: text buttons, not icon-only controls */
#bo_list .btn_bo_user,
#bo_list .btn_bo_adm,
#bo_v .btn_bo_user,
#bo_v .btn_bo_adm,
#bo_w .btn_confirm,
#bo_gall .btn_bo_user,
#bo_gall .btn_bo_adm {
    justify-content: flex-end;
    width: 100%;
    margin-left: auto;
}

#bo_list .btn_bo_user i,
#bo_list .btn_bo_adm i,
#bo_v .btn_bo_user i,
#bo_v .btn_bo_adm i,
#bo_gall .btn_bo_user i,
#bo_gall .btn_bo_adm i,
#bo_sch i {
    display: none !important;
}

#bo_list .btn_bo_user .sound_only,
#bo_list .btn_bo_adm .sound_only,
#bo_v .btn_bo_user .sound_only,
#bo_v .btn_bo_adm .sound_only,
#bo_gall .btn_bo_user .sound_only,
#bo_gall .btn_bo_adm .sound_only,
#bo_sch .sound_only {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
}

#bo_list .btn_bo_user a,
#bo_list .btn_bo_user button,
#bo_list .btn_bo_adm a,
#bo_list .btn_bo_adm button,
#bo_v .btn_bo_user a,
#bo_v .btn_bo_user button,
#bo_v .btn_bo_adm a,
#bo_v .btn_bo_adm button,
#bo_gall .btn_bo_user a,
#bo_gall .btn_bo_user button,
#bo_gall .btn_bo_adm a,
#bo_gall .btn_bo_adm button {
    min-width: 74px;
    color: #dbe7fb !important;
    text-indent: 0 !important;
}

#bo_btn_top {
    justify-content: flex-end;
}

#bo_btn_top:has(#bo_list_total) {
    justify-content: space-between;
}

#bo_btn_top #bo_list_total {
    margin-right: auto;
}

/* Board read/write/search pages: remove default white surfaces */
#bo_v_title,
#bo_v_info,
#bo_v_atc,
#bo_v_con,
#bo_v_top,
#bo_v_bot,
#bo_w .write_div,
#bo_w .bo_w_tit,
#bo_w .bo_w_info,
#bo_w .bo_w_link,
#bo_w .bo_w_flie,
#bo_w .bo_w_option,
#bo_w .cke_sc,
#bo_sch,
.bo_sch_wrap,
.new_win,
.local_sch,
.local_desc,
.form_01,
.form_01 li,
.tbl_frm01,
.tbl_frm01 table,
.tbl_frm01 th,
.tbl_frm01 td {
    color: var(--mh-text);
    background: transparent;
}

#bo_v {
    overflow: hidden;
    border: 1px solid rgba(92, 143, 220, 0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.92), rgba(10, 15, 27, 0.94));
}

#bo_v_title {
    padding: 24px 24px 14px;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16);
}

#bo_v_title .bo_v_tit,
#bo_v_title h1,
#bo_v_title h2 {
    color: var(--mh-text);
    font-size: 26px;
    font-weight: 900;
}

#bo_v_info {
    padding: 12px 24px;
    border-bottom: 1px solid rgba(92, 143, 220, 0.12);
    color: var(--mh-muted);
}

#bo_v_atc,
#bo_v_con {
    min-height: 220px;
    padding: 24px;
    color: #d8e5f8;
    line-height: 1.8;
}

#bo_v_top,
#bo_v_bot {
    padding: 16px 24px;
}

#bo_w {
    padding: 24px;
    border: 1px solid rgba(92, 143, 220, 0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.92), rgba(10, 15, 27, 0.94));
}

#bo_w label,
#bo_w .sound_only,
.tbl_frm01 th,
.form_01 label {
    color: #dbe7fb;
}

#bo_w input[type="text"],
#bo_w input[type="password"],
#bo_w input[type="email"],
#bo_w input[type="file"],
#bo_w textarea,
#bo_w select,
.tbl_frm01 input[type="text"],
.tbl_frm01 input[type="password"],
.tbl_frm01 textarea,
.form_01 input[type="text"],
.form_01 input[type="password"],
.form_01 input[type="email"],
.form_01 textarea,
.form_01 select {
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(92, 143, 220, 0.24);
    border-radius: 7px;
    background: #061225;
    color: var(--mh-text);
}

#bo_w textarea,
.tbl_frm01 textarea,
.form_01 textarea {
    min-height: 220px;
    padding: 12px;
}

#bo_w input[type="file"] {
    padding: 9px 12px;
}

.tbl_frm01 {
    overflow: hidden;
    border: 1px solid rgba(92, 143, 220, 0.18);
    border-radius: 8px;
}

.tbl_frm01 th,
.tbl_frm01 td {
    padding: 12px;
    border-bottom: 1px solid rgba(92, 143, 220, 0.12);
}

.tbl_frm01 th {
    width: 160px;
    background: rgba(255, 255, 255, 0.035);
}

#bo_sch {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
}

#bo_sch .btn_submit {
    min-width: 82px;
}

@media (max-width: 720px) {
    #bo_list .btn_bo_user,
    #bo_list .btn_bo_adm,
    #bo_v .btn_bo_user,
    #bo_v .btn_bo_adm,
    #bo_gall .btn_bo_user,
    #bo_gall .btn_bo_adm {
        justify-content: flex-start;
    }

    #bo_w,
    #bo_v_title,
    #bo_v_info,
    #bo_v_atc,
    #bo_v_con,
    #bo_v_top,
    #bo_v_bot {
        padding-right: 16px;
        padding-left: 16px;
    }
}

/* Board button refinement */
#bo_btn_top,
.bo_fx {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    gap: 12px;
}

#bo_btn_top #bo_list_total,
.bo_fx #bo_list_total {
    grid-column: 1;
    margin: 0;
}

#bo_btn_top .btn_bo_user,
#bo_btn_top .btn_bo_adm,
.bo_fx .btn_bo_user,
.bo_fx .btn_bo_adm {
    grid-column: 2;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: auto;
    min-width: 0;
    margin: 0;
}

#bo_btn_top .btn_bo_user a,
#bo_btn_top .btn_bo_user button,
#bo_btn_top .btn_bo_adm a,
#bo_btn_top .btn_bo_adm button,
.bo_fx .btn_bo_user a,
.bo_fx .btn_bo_user button,
.bo_fx .btn_bo_adm a,
.bo_fx .btn_bo_adm button {
    width: auto !important;
    min-width: 74px !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    overflow: visible !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(10, 18, 32, 0.96)) !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 40px !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

#bo_list .btn_bo_user a:not(.btn_more_opt),
#bo_list .btn_bo_user button:not(.btn_more_opt),
#bo_list .btn_bo_adm a,
#bo_list .btn_bo_adm button,
#bo_gall .btn_bo_user a:not(.btn_more_opt),
#bo_gall .btn_bo_user button:not(.btn_more_opt),
#bo_gall .btn_bo_adm a,
#bo_gall .btn_bo_adm button,
#bo_v .btn_bo_user a:not(.btn_more_opt),
#bo_v .btn_bo_user button:not(.btn_more_opt),
#bo_v .btn_bo_adm a,
#bo_v .btn_bo_adm button {
    font-weight: 800 !important;
}

#bo_btn_top .btn_bo_user a::before,
#bo_btn_top .btn_bo_user button::before,
#bo_btn_top .btn_bo_adm a::before,
#bo_btn_top .btn_bo_adm button::before,
.bo_fx .btn_bo_user a::before,
.bo_fx .btn_bo_user button::before,
.bo_fx .btn_bo_adm a::before,
.bo_fx .btn_bo_adm button::before {
    display: none !important;
}

#bo_btn_top .btn_more_opt,
.bo_fx .btn_more_opt,
#bo_btn_top .is_list_btn,
.bo_fx .is_list_btn {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    font-size: 0 !important;
    text-indent: 0 !important;
}

#bo_btn_top .btn_more_opt::after,
.bo_fx .btn_more_opt::after,
#bo_btn_top .is_list_btn::after,
.bo_fx .is_list_btn::after {
    display: block;
    color: #edf4ff;
    content: "...";
    font-size: 21px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 36px;
    transform: rotate(90deg);
}

#bo_btn_top .btn_more_opt .sound_only,
.bo_fx .btn_more_opt .sound_only,
#bo_btn_top .is_list_btn .sound_only,
.bo_fx .is_list_btn .sound_only,
#bo_btn_top .btn_more_opt i,
.bo_fx .btn_more_opt i,
#bo_btn_top .is_list_btn i,
.bo_fx .is_list_btn i {
    display: none !important;
}

.more_opt,
.bo_v_nb,
#bo_list .more_opt {
    overflow: hidden;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-radius: 8px !important;
    background: #0b1220 !important;
    color: var(--mh-text) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28) !important;
}

.more_opt li,
.more_opt a,
.more_opt button {
    background: transparent !important;
    color: #dbe7fb !important;
}

.more_opt a:hover,
.more_opt button:hover {
    color: var(--mh-accent) !important;
    background: rgba(79, 141, 255, 0.08) !important;
}

#bo_list .tbl_head01,
#bo_list .tbl_head01 table {
    overflow: hidden;
    border-radius: 8px;
}

#bo_list .tbl_head01 th:first-child,
#bo_list .tbl_head01 td:first-child {
    border-left: 0;
}

#bo_list .tbl_head01 th:last-child,
#bo_list .tbl_head01 td:last-child {
    border-right: 0;
}

@media (max-width: 720px) {
    #bo_btn_top,
    .bo_fx {
        grid-template-columns: 1fr;
    }

    #bo_btn_top .btn_bo_user,
    #bo_btn_top .btn_bo_adm,
    .bo_fx .btn_bo_user,
    .bo_fx .btn_bo_adm {
        grid-column: 1;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

/* Revision: vertical premium slots and menu-right member buttons */
.mh-header-visual .mh-header-inner {
    align-items: center;
    min-height: 240px;
    padding-bottom: 0;
}

.mh-header-visual .mh-brand {
    align-self: center;
}

.mh-header-visual .mh-user-nav {
    display: none;
}

.mh-menu-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 20px;
    gap: 18px;
}

.mh-menu-inner {
    max-width: none;
    margin: 0;
    padding: 0;
}

.mh-menu-user {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    min-width: 340px;
}

.mh-menu-user a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(92, 143, 220, 0.2);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
    color: #dbe7fb;
    font-size: 14px;
    font-weight: 900;
}

.mh-menu-user a:hover {
    border-color: rgba(79, 141, 255, 0.58);
    color: var(--mh-accent);
    background: rgba(79, 141, 255, 0.08);
}
.mh-menu-user .mh-user-memo-link,
.mh-mobile-menu-user .mh-user-memo-link {
    gap: 6px;
}

.mh-user-memo-link .mh-user-memo-count {
    display: inline-grid;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    place-items: center;
    border-radius: 999px;
    background: rgba(79, 141, 255, 0.24);
    color: #ffffff;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

.mh-user-memo-link.is-unread {
    border-color: rgba(255, 91, 122, 0.68) !important;
    background: rgba(255, 91, 122, 0.16) !important;
    color: #ffb4c2 !important;
}

.mh-user-memo-link.is-unread .mh-user-memo-count {
    background: #ff3f68;
    color: #ffffff;
}

.mh-premium-row,
.mh-semi-row {
    grid-template-columns: 1fr;
}

.mh-premium-card {
    min-height: 238px;
}

.mh-semi-card {
    min-height: 118px;
}

.mh-normal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mh-normal-nine-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mh-normal-small-card {
    min-height: 118px;
}

@media (max-width: 900px) {
    .mh-menu-shell {
        grid-template-columns: 1fr;
    }

    .mh-menu-user {
        justify-content: flex-start;
        min-width: 0;
        flex-wrap: wrap;
    }

    .mh-normal-grid,
    .mh-normal-nine-grid {
        grid-template-columns: 1fr;
    }
}

/* Header v2: logo row + menu button row */
.mh-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 220px;
}

.mh-header {
    position: relative;
    top: auto;
}

.mh-header-visual {
    position: relative;
    overflow: hidden;
    background-color: #030814;
    background-position: center;
    background-size: cover;
}

.mh-header-visual::before {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(90deg, rgba(4, 7, 13, 0.88) 0%, rgba(4, 7, 13, 0.44) 54%, rgba(4, 7, 13, 0.7) 100%),
        linear-gradient(180deg, rgba(4, 7, 13, 0.1), rgba(4, 7, 13, 0.78));
}

.mh-header-visual .mh-header-inner {
    position: relative;
    z-index: 1;
}

.mh-header-visual .mh-brand {
    padding: 14px 16px;
    border: 1px solid rgba(92, 143, 220, 0.22);
    border-radius: 8px;
    background: rgba(5, 8, 15, 0.52);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

.mh-header-visual .mh-logo,
.mh-header-visual .mh-logo-text {
    width: 64px;
    height: 64px;
    flex-basis: 64px;
}

.mh-header-visual .mh-brand-text strong {
    font-size: clamp(32px, 5vw, 58px);
}

.mh-header-visual .mh-brand-text em {
    font-size: 13px;
}

.mh-mobile-chat-open,
.mh-mobile-chat-close,
html body .mh-mobile-chat-open,
html body .mh-mobile-chat-close {
    display: none !important;
}

.mh-user-nav {
    flex: 0 0 auto;
}

.mh-user-nav a {
    padding: 8px 10px;
    border: 1px solid rgba(92, 143, 220, 0.16);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.035);
    color: #c5d3ea;
    font-size: 13px;
    font-weight: 800;
}

.mh-menu-row {
    border-top: 1px solid rgba(92, 143, 220, 0.14);
    background: rgba(5, 8, 15, 0.72);
}

.mh-menu-inner {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 20px;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}

.mh-menu-inner::-webkit-scrollbar {
    display: none;
}

.mh-menu-inner a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(92, 143, 220, 0.18);
    border-radius: 7px;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.92), rgba(9, 14, 26, 0.94));
    color: #dbe7fb;
    font-size: 14px;
    font-weight: 900;
}

.mh-menu-inner a:hover {
    border-color: rgba(79, 141, 255, 0.58);
    color: var(--mh-accent);
    background: rgba(79, 141, 255, 0.08);
}

.mh-menu-inner a.mh-admin-contact-button,
.mh-mobile-menu-main a.mh-admin-contact-button {
    position: relative !important;
    display: inline-flex !important;
    min-width: 168px !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 2px !important;
    overflow: hidden !important;
    padding: 6px 20px !important;
    border: 1px solid rgba(143, 216, 255, 0.72) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(79, 141, 255, 0.88), rgba(13, 43, 85, 0.94)),
        radial-gradient(circle at 18% 0%, rgba(143, 216, 255, 0.22), transparent 42%) !important;
    background-position: center !important;
    background-size: cover !important;
    color: #ffffff !important;
    box-shadow: 0 10px 28px rgba(6, 38, 105, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    text-align: center !important;
    text-decoration: none !important;
}

.mh-menu-inner a.mh-admin-contact-button::before,
.mh-mobile-menu-main a.mh-admin-contact-button::before,
.mh-admin-contact-widget::before {
    position: absolute !important;
    inset: 0 !important;
    content: "" !important;
    background: linear-gradient(180deg, rgba(2, 6, 18, 0.08), rgba(2, 6, 18, 0.42)) !important;
    pointer-events: none !important;
}

.mh-admin-contact-button span,
.mh-admin-contact-button em {
    position: relative !important;
    z-index: 1 !important;
}

.mh-admin-contact-button span {
    font-size: 32px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.mh-admin-contact-button em {
    color: rgba(232, 244, 255, 0.78) !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.mh-menu-inner a.mh-admin-contact-button:hover,
.mh-mobile-menu-main a.mh-admin-contact-button:hover {
    border-color: rgba(255, 255, 255, 0.9) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 34px rgba(42, 96, 205, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.mh-admin-contact-widget {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(143, 216, 255, 0.72) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    box-shadow: 0 10px 28px rgba(6, 38, 105, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    text-align: center !important;
    text-decoration: none !important;
}

.mh-admin-contact-widget:hover,
.mh-admin-contact-widget:focus {
    border-color: rgba(255, 255, 255, 0.9) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 34px rgba(42, 96, 205, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.mh-banner-section {
    display: grid;
    gap: 14px;
}

.mh-site-visual {
    position: relative;
    display: grid;
    min-height: 250px;
    align-content: end;
    overflow: hidden;
    padding: 28px;
    border: 1px solid rgba(92, 143, 220, 0.24);
    border-radius: 8px;
    background-position: center;
    background-size: cover;
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.36);
}

.mh-site-visual::before {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(90deg, rgba(4, 7, 13, 0.92) 0%, rgba(4, 7, 13, 0.42) 55%, rgba(4, 7, 13, 0.74) 100%),
        linear-gradient(180deg, rgba(4, 7, 13, 0.08), rgba(4, 7, 13, 0.76));
}

.mh-site-visual-mark,
.mh-site-visual-text {
    position: relative;
    z-index: 1;
}

.mh-site-visual-mark {
    display: inline-grid;
    place-items: center;
    width: 68px;
    height: 68px;
    margin-bottom: 14px;
    border: 1px solid rgba(79, 141, 255, 0.48);
    border-radius: 8px;
    background: rgba(5, 8, 15, 0.72);
}

.mh-site-visual-mark img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.mh-site-visual-mark span {
    color: var(--mh-accent);
    font-size: 32px;
    font-weight: 900;
}

.mh-site-visual-text {
    display: grid;
    gap: 7px;
}

.mh-site-visual-text em {
    color: var(--mh-accent);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.mh-site-visual-text strong {
    max-width: 620px;
    font-size: clamp(34px, 5vw, 62px);
    font-weight: 900;
    line-height: 1.05;
}

.mh-promo-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.mh-promo-card {
    position: relative;
    display: block;
    min-height: 160px;
    overflow: hidden;
    border: 1px solid rgba(92, 143, 220, 0.22);
    border-radius: 8px;
    background: #0b1f3d;
}

.mh-promo-span-6 {
    grid-column: span 6;
    min-height: 210px;
}

.mh-promo-span-3 {
    grid-column: span 3;
}

.mh-promo-span-2 {
    grid-column: span 2;
}

.mh-promo-card img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    transition: transform 0.28s ease;
}

.mh-promo-card::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, rgba(3, 6, 12, 0.08), rgba(3, 6, 12, 0.82));
}

.mh-promo-card:hover img {
    transform: scale(1.04);
}

.mh-promo-content {
    position: absolute;
    right: 16px;
    bottom: 15px;
    left: 16px;
    z-index: 1;
    display: grid;
    gap: 6px;
}

.mh-promo-badge {
    color: var(--mh-accent-2);
    font-size: 10px;
    font-weight: 900;
}

.mh-promo-content strong {
    overflow: hidden;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-promo-span-6 .mh-promo-content strong {
    font-size: 27px;
}

.mh-promo-content em {
    overflow: hidden;
    color: #c9d6eb;
    font-size: 13px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-promo-empty {
    grid-column: 1 / -1;
    display: grid;
    min-height: 180px;
    place-content: center;
    gap: 8px;
    padding: 26px;
    border: 1px dashed rgba(92, 143, 220, 0.32);
    border-radius: 8px;
    color: var(--mh-muted);
    text-align: center;
}

.mh-promo-empty strong {
    color: var(--mh-text);
    font-size: 18px;
}

@media (max-width: 1080px) {
    .mh-header-inner {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 720px) {
    .mh-header-inner {
        min-height: 170px;
        padding-top: 16px;
        padding-bottom: 14px;
        gap: 12px;
    }

    .mh-user-nav {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .mh-menu-inner {
        padding-right: 14px;
        padding-left: 14px;
    }

    .mh-site-visual {
        min-height: 220px;
        padding: 20px;
    }

    .mh-site-visual-mark {
        width: 56px;
        height: 56px;
    }

    .mh-site-visual-mark img {
        width: 44px;
        height: 44px;
    }

    .mh-promo-span-6,
    .mh-promo-span-3,
    .mh-promo-span-2 {
        grid-column: span 6;
    }
}

/* Last overrides for the requested main-page revision */
#hd_login_msg {
    display: none !important;
}

.mh-header-visual {
    background-position: center 42%;
}

.mh-header-visual::before {
    background:
        linear-gradient(90deg, rgba(4, 7, 13, 0.56) 0%, rgba(4, 7, 13, 0.18) 56%, rgba(4, 7, 13, 0.36) 100%),
        linear-gradient(180deg, rgba(4, 7, 13, 0.02), rgba(4, 7, 13, 0.38));
}

.mh-header-visual .mh-header-inner {
    align-items: center;
    min-height: 240px;
    padding-bottom: 0;
}

.mh-header-visual .mh-brand {
    align-self: center;
}

.mh-header-visual .mh-user-nav {
    display: none;
}

.mh-main-banners-only {
    max-width: 1280px;
}

.mh-banner-market,
.mh-premium-row,
.mh-semi-row,
.mh-normal-grid,
.mh-normal-nine-grid {
    display: grid;
    gap: 18px;
}

.mh-premium-row,
.mh-semi-row {
    grid-template-columns: 1fr;
}

.mh-normal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mh-normal-nine-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mh-banner-card {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(92, 143, 220, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(9, 37, 73, 0.96), rgba(18, 91, 145, 0.92)),
        #10213a;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.26);
}

.mh-premium-card {
    min-height: 238px;
}

.mh-semi-card,
.mh-normal-card,
.mh-normal-small-card {
    min-height: 118px;
}

.mh-banner-card.has-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.28s ease;
}

.mh-banner-card.has-image::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(90deg, rgba(4, 7, 13, 0.82), rgba(4, 7, 13, 0.28)),
        linear-gradient(180deg, rgba(4, 7, 13, 0.04), rgba(4, 7, 13, 0.74));
}

.mh-banner-card:hover {
    border-color: rgba(79, 141, 255, 0.55);
}

.mh-banner-card:hover img {
    transform: scale(1.04);
}

.mh-banner-card-content {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: end;
    min-height: inherit;
    padding: 18px;
    gap: 8px;
}

.mh-banner-card-content em {
    color: var(--mh-accent);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
}

.mh-banner-card-content strong {
    overflow: hidden;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-premium-card .mh-banner-card-content strong {
    font-size: 28px;
}

.mh-banner-card-content small {
    overflow: hidden;
    color: #d3e0f5;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .mh-premium-row,
    .mh-semi-row,
    .mh-normal-grid,
    .mh-normal-nine-grid {
        grid-template-columns: 1fr;
    }

    .mh-header-visual .mh-header-inner {
        align-items: flex-start;
        flex-direction: column;
        min-height: 220px;
    }

    .mh-header-visual .mh-user-nav {
        align-self: flex-end;
        margin-bottom: 0;
    }
}

/* Absolute final board button fix */
#bo_list #bo_btn_top,
#bo_list .bo_fx,
#bo_gall #bo_btn_top,
#bo_gall .bo_fx {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 12px auto !important;
    padding: 0 !important;
}

#bo_list #bo_btn_top #bo_list_total,
#bo_gall #bo_btn_top #bo_list_total {
    flex: 1 1 auto !important;
    margin: 0 !important;
    color: var(--mh-muted) !important;
    text-align: left !important;
}

#bo_list .btn_bo_user,
#bo_list .btn_bo_adm,
#bo_gall .btn_bo_user,
#bo_gall .btn_bo_adm,
#bo_v .btn_bo_user,
#bo_v .btn_bo_adm {
    position: static !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    list-style: none !important;
}

#bo_list .btn_bo_user li,
#bo_list .btn_bo_adm li,
#bo_gall .btn_bo_user li,
#bo_gall .btn_bo_adm li,
#bo_v .btn_bo_user li,
#bo_v .btn_bo_adm li {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

#bo_list .btn_bo_user a,
#bo_list .btn_bo_user button,
#bo_list .btn_bo_adm a,
#bo_list .btn_bo_adm button,
#bo_gall .btn_bo_user a,
#bo_gall .btn_bo_user button,
#bo_gall .btn_bo_adm a,
#bo_gall .btn_bo_adm button,
#bo_v .btn_bo_user a,
#bo_v .btn_bo_user button,
#bo_v .btn_bo_adm a,
#bo_v .btn_bo_adm button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 78px !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    overflow: visible !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    background-image: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

#bo_list .btn_bo_sch,
#bo_gall .btn_bo_sch,
#bo_v .btn_bo_sch {
    min-width: 112px !important;
    font-weight: 800 !important;
}

#bo_list .btn_admin,
#bo_gall .btn_admin,
#bo_v .btn_admin {
    min-width: 72px !important;
}

#bo_list .btn_b02,
#bo_gall .btn_b02,
#bo_v .btn_b02 {
    min-width: 74px !important;
}

#bo_list .btn_more_opt,
#bo_gall .btn_more_opt,
#bo_v .btn_more_opt {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
}

#bo_list .btn_bo_user i,
#bo_list .btn_bo_adm i,
#bo_gall .btn_bo_user i,
#bo_gall .btn_bo_adm i,
#bo_v .btn_bo_user i,
#bo_v .btn_bo_adm i {
    display: none !important;
}

#bo_list .btn_bo_user .sound_only,
#bo_list .btn_bo_adm .sound_only,
#bo_gall .btn_bo_user .sound_only,
#bo_gall .btn_bo_adm .sound_only,
#bo_v .btn_bo_user .sound_only,
#bo_v .btn_bo_adm .sound_only {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

#bo_list .btn_more_opt .sound_only,
#bo_gall .btn_more_opt .sound_only,
#bo_v .btn_more_opt .sound_only {
    display: none !important;
}

#bo_list .btn_more_opt::after,
#bo_gall .btn_more_opt::after,
#bo_v .btn_more_opt::after {
    display: block !important;
    width: 100% !important;
    color: #edf4ff !important;
    content: "..." !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 20px !important;
    text-align: center !important;
    transform: rotate(90deg) !important;
}

#bo_list .btn_bo_user a:hover,
#bo_list .btn_bo_user button:hover,
#bo_list .btn_bo_adm a:hover,
#bo_list .btn_bo_adm button:hover,
#bo_gall .btn_bo_user a:hover,
#bo_gall .btn_bo_user button:hover,
#bo_gall .btn_bo_adm a:hover,
#bo_gall .btn_bo_adm button:hover,
#bo_v .btn_bo_user a:hover,
#bo_v .btn_bo_user button:hover,
#bo_v .btn_bo_adm a:hover,
#bo_v .btn_bo_adm button:hover {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: var(--mh-accent) !important;
    background: rgba(79, 141, 255, 0.09) !important;
    background-image: none !important;
}

#bo_list .more_opt,
#bo_gall .more_opt,
#bo_v .more_opt,
.more_opt {
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 8px !important;
    background: #0b1220 !important;
    color: #edf4ff !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32) !important;
}

#bo_list .more_opt *,
#bo_gall .more_opt *,
#bo_v .more_opt *,
.more_opt * {
    background-color: transparent !important;
    color: #edf4ff !important;
}

@media (max-width: 720px) {
    #bo_list #bo_btn_top,
    #bo_list .bo_fx,
    #bo_gall #bo_btn_top,
    #bo_gall .bo_fx {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    #bo_list .btn_bo_user,
    #bo_list .btn_bo_adm,
    #bo_gall .btn_bo_user,
    #bo_gall .btn_bo_adm,
    #bo_v .btn_bo_user,
    #bo_v .btn_bo_adm {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

/* Force compact list option button over the generic board button width */
#bo_list .btn_bo_user a.btn_more_opt,
#bo_list .btn_bo_user button.btn_more_opt,
#bo_list .btn_bo_adm a.btn_more_opt,
#bo_list .btn_bo_adm button.btn_more_opt,
#bo_gall .btn_bo_user a.btn_more_opt,
#bo_gall .btn_bo_user button.btn_more_opt,
#bo_gall .btn_bo_adm a.btn_more_opt,
#bo_gall .btn_bo_adm button.btn_more_opt,
#bo_v .btn_bo_user a.btn_more_opt,
#bo_v .btn_bo_user button.btn_more_opt,
#bo_v .btn_bo_adm a.btn_more_opt,
#bo_v .btn_bo_adm button.btn_more_opt,
#bo_list .btn_bo_user a.is_list_btn,
#bo_list .btn_bo_user button.is_list_btn,
#bo_gall .btn_bo_user a.is_list_btn,
#bo_gall .btn_bo_user button.is_list_btn {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#bo_list .btn_bo_user a.btn_more_opt::after,
#bo_list .btn_bo_user button.btn_more_opt::after,
#bo_list .btn_bo_adm a.btn_more_opt::after,
#bo_list .btn_bo_adm button.btn_more_opt::after,
#bo_gall .btn_bo_user a.btn_more_opt::after,
#bo_gall .btn_bo_user button.btn_more_opt::after,
#bo_gall .btn_bo_adm a.btn_more_opt::after,
#bo_gall .btn_bo_adm button.btn_more_opt::after,
#bo_v .btn_bo_user a.btn_more_opt::after,
#bo_v .btn_bo_user button.btn_more_opt::after,
#bo_v .btn_bo_adm a.btn_more_opt::after,
#bo_v .btn_bo_adm button.btn_more_opt::after,
#bo_list .btn_bo_user a.is_list_btn::after,
#bo_list .btn_bo_user button.is_list_btn::after,
#bo_gall .btn_bo_user a.is_list_btn::after,
#bo_gall .btn_bo_user button.is_list_btn::after {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    color: #edf4ff !important;
    content: "..." !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: rotate(90deg) translateY(0) !important;
    transform-origin: center center !important;
}

/* Final polish for board search and option button alignment */
#bo_list a.btn_bo_sch,
#bo_list button.btn_bo_sch,
#bo_gall a.btn_bo_sch,
#bo_gall button.btn_bo_sch,
#bo_v a.btn_bo_sch,
#bo_v button.btn_bo_sch,
#bo_list .btn_bo_user a.btn_bo_sch,
#bo_list .btn_bo_user button.btn_bo_sch,
#bo_gall .btn_bo_user a.btn_bo_sch,
#bo_gall .btn_bo_user button.btn_bo_sch {
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

#bo_list .btn_bo_user a.btn_more_opt,
#bo_list .btn_bo_user button.btn_more_opt,
#bo_list .btn_bo_adm a.btn_more_opt,
#bo_list .btn_bo_adm button.btn_more_opt,
#bo_gall .btn_bo_user a.btn_more_opt,
#bo_gall .btn_bo_user button.btn_more_opt,
#bo_gall .btn_bo_adm a.btn_more_opt,
#bo_gall .btn_bo_adm button.btn_more_opt,
#bo_v .btn_bo_user a.btn_more_opt,
#bo_v .btn_bo_user button.btn_more_opt,
#bo_v .btn_bo_adm a.btn_more_opt,
#bo_v .btn_bo_adm button.btn_more_opt,
#bo_list .btn_bo_user a.is_list_btn,
#bo_list .btn_bo_user button.is_list_btn,
#bo_gall .btn_bo_user a.is_list_btn,
#bo_gall .btn_bo_user button.is_list_btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

#bo_list .btn_bo_user a.btn_more_opt::after,
#bo_list .btn_bo_user button.btn_more_opt::after,
#bo_list .btn_bo_adm a.btn_more_opt::after,
#bo_list .btn_bo_adm button.btn_more_opt::after,
#bo_gall .btn_bo_user a.btn_more_opt::after,
#bo_gall .btn_bo_user button.btn_more_opt::after,
#bo_gall .btn_bo_adm a.btn_more_opt::after,
#bo_gall .btn_bo_adm button.btn_more_opt::after,
#bo_v .btn_bo_user a.btn_more_opt::after,
#bo_v .btn_bo_user button.btn_more_opt::after,
#bo_v .btn_bo_adm a.btn_more_opt::after,
#bo_v .btn_bo_adm button.btn_more_opt::after,
#bo_list .btn_bo_user a.is_list_btn::after,
#bo_list .btn_bo_user button.is_list_btn::after,
#bo_gall .btn_bo_user a.is_list_btn::after,
#bo_gall .btn_bo_user button.is_list_btn::after {
    content: "\22EE" !important;
    display: block !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    text-align: center !important;
    transform: none !important;
}

/* Board category/header strips */
#bo_cate,
.bo_cate,
#bo_cate_ul,
.bo_cate_ul {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
    max-width: 1280px !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}

#bo_cate li,
.bo_cate li,
#bo_cate_ul li,
.bo_cate_ul li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#bo_cate a,
.bo_cate a,
#bo_cate_ul a,
.bo_cate_ul a,
.bo_cate_link,
.bo_cate_on {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

#bo_cate a:hover,
.bo_cate a:hover,
#bo_cate_ul a:hover,
.bo_cate_ul a:hover,
.bo_cate_on {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: var(--mh-accent) !important;
    background: rgba(79, 141, 255, 0.09) !important;
}

#bo_list > form,
#bo_gall > form,
#fboardlist {
    background: transparent !important;
}

#bo_list .list_01,
#bo_gall .list_01,
#bo_list .bo_list_wrap,
#bo_gall .bo_gall_wrap {
    background: transparent !important;
}

/* New/latest-post search page and fallback listing */
#new_sch,
.new_sch,
#fnew,
form[name="fnew"],
.local_sch,
.sch_wrap,
.new_search_wrap {
    max-width: 1280px !important;
    margin: 28px auto 24px !important;
    padding: 24px !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.92), rgba(10, 15, 27, 0.94)) !important;
    color: var(--mh-text) !important;
    box-shadow: none !important;
}

#new_sch form,
.new_sch form,
.local_sch form,
.sch_wrap form {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#new_sch select,
#new_sch input,
.new_sch select,
.new_sch input,
.local_sch select,
.local_sch input,
.sch_wrap select,
.sch_wrap input,
form[name="fnew"] select,
form[name="fnew"] input {
    min-height: 42px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: var(--mh-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

#new_sch input[type="text"],
#new_sch input[type="search"],
.new_sch input[type="text"],
.new_sch input[type="search"],
.local_sch input[type="text"],
.sch_wrap input[type="text"],
form[name="fnew"] input[type="text"] {
    min-width: 300px !important;
    padding: 0 12px !important;
}

#new_sch button,
#new_sch .btn_submit,
.new_sch button,
.new_sch .btn_submit,
.local_sch button,
.local_sch .btn_submit,
.sch_wrap button,
.sch_wrap .btn_submit,
form[name="fnew"] button,
form[name="fnew"] .btn_submit {
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

#new_sch p,
.new_sch p,
.local_sch p,
.sch_wrap p {
    width: 100% !important;
    margin: 12px 0 0 !important;
    color: var(--mh-muted) !important;
    text-align: center !important;
}

body.mh-new-list-page #new_sch .mh-new-search-type {
    min-width: 132px !important;
}

body.mh-new-list-page #new_sch,
body.mh-new-list-page .new_sch {
    padding: 18px 24px !important;
}

body.mh-new-list-page #new_sch form,
body.mh-new-list-page #new_sch #fnew,
body.mh-new-list-page #new_sch form[name="fnew"],
body.mh-new-list-page .new_sch form,
body.mh-new-list-page .new_sch #fnew,
body.mh-new-list-page .new_sch form[name="fnew"] {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.mh-new-list-page #new_sch fieldset,
body.mh-new-list-page .new_sch fieldset {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.mh-new-list-page #new_sch form.mh-new-search-inline,
body.mh-new-list-page .new_sch form.mh-new-search-inline {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
}

body.mh-new-list-page #new_sch .mh-new-search-note,
body.mh-new-list-page .new_sch .mh-new-search-note {
    display: none !important;
}

body.mh-new-list-page #new_sch .mh-new-search-keyword,
body.mh-new-list-page .new_sch .mh-new-search-keyword {
    width: min(420px, 48vw) !important;
    min-width: 260px !important;
}

body.mh-new-list-page #new_sch .mh-new-search-type,
body.mh-new-list-page .new_sch .mh-new-search-type {
    width: 140px !important;
}

body.mh-new-list-page #new_sch button,
body.mh-new-list-page #new_sch .btn_submit,
body.mh-new-list-page .new_sch button,
body.mh-new-list-page .new_sch .btn_submit {
    min-width: 88px !important;
    white-space: nowrap !important;
}

#new_list,
.new_list,
#fnewlist,
.new_tbl,
.tbl_head01.tbl_wrap {
    max-width: 1280px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

#new_list .btn_delete,
#fnewlist .btn_delete,
.new_list .btn_delete,
.btn_delete {
    display: inline-grid !important;
    place-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
}

body.mh-new-list-page #new_list .btn_delete.mh-new-select-delete,
body.mh-new-list-page #fnewlist .btn_delete.mh-new-select-delete,
body.mh-new-list-page .new_list .btn_delete.mh-new-select-delete {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 86px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

@media (max-width: 640px) {
    body.mh-new-list-page #new_sch form.mh-new-search-inline,
    body.mh-new-list-page .new_sch form.mh-new-search-inline {
        flex-wrap: wrap !important;
    }

    body.mh-new-list-page #new_sch .mh-new-search-keyword,
    body.mh-new-list-page .new_sch .mh-new-search-keyword {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Final write/list surface cleanup */
#bo_w .bo_w_file,
#bo_w .bo_w_flie,
#bo_w .bo_w_filebox,
#bo_w .file_wr,
#bo_w .filebox,
#bo_w .frm_file,
#bo_w .write_div:has(input[type="file"]) {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    margin: 10px 0 0 !important;
    padding: 8px 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: var(--mh-text) !important;
}

#bo_w input[type="file"] {
    display: block !important;
    width: 100% !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #dbe7fb !important;
    line-height: 28px !important;
}

#bo_w input[type="file"]::file-selector-button {
    min-height: 28px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-weight: 700 !important;
}

#bo_w input::placeholder,
#bo_w textarea::placeholder,
#wr_subject::placeholder,
#wr_content::placeholder {
    color: rgba(237, 244, 255, 0.42) !important;
    opacity: 1 !important;
}

.tbl_head01 tbody tr,
.tbl_head01 tbody tr.bg0,
.tbl_head01 tbody tr.bg1,
.tbl_head01 tbody td,
.tbl_head01 tbody td.bg0,
.tbl_head01 tbody td.bg1,
#bo_list .tbl_head01 tbody tr,
#bo_list .tbl_head01 tbody td,
#bo_gall .tbl_head01 tbody tr,
#bo_gall .tbl_head01 tbody td,
#new_list .tbl_head01 tbody tr,
#new_list .tbl_head01 tbody td {
    background: #0d1626 !important;
    color: #d8e5f8 !important;
}

.tbl_head01 tbody tr:hover,
#bo_list .tbl_head01 tbody tr:hover,
#bo_gall .tbl_head01 tbody tr:hover,
#new_list .tbl_head01 tbody tr:hover {
    background: rgba(79, 141, 255, 0.06) !important;
}

.tbl_head01 tbody a,
#bo_list .tbl_head01 tbody a,
#bo_gall .tbl_head01 tbody a,
#new_list .tbl_head01 tbody a {
    color: #edf4ff !important;
}

.tbl_head01 tbody a:hover,
#bo_list .tbl_head01 tbody a:hover,
#bo_gall .tbl_head01 tbody a:hover,
#new_list .tbl_head01 tbody a:hover {
    color: var(--mh-accent) !important;
}

#new_list .td_group,
#new_list .td_board,
#fnewlist .td_group,
#fnewlist .td_board,
#new_list td:nth-child(2),
#new_list td:nth-child(3) {
    color: #183456 !important;
}

#new_list .td_group a,
#fnewlist .td_group a,
#new_list td:nth-child(2) a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    max-width: 100% !important;
    padding: 4px 9px !important;
    overflow: hidden !important;
    border: 1px solid rgba(145, 196, 112, 0.44) !important;
    border-radius: 7px !important;
    background: rgba(229, 247, 205, 0.96) !important;
    color: #17344f !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

#new_list .td_board a,
#fnewlist .td_board a,
#new_list td:nth-child(3) a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    max-width: 100% !important;
    padding: 4px 9px !important;
    overflow: hidden !important;
    border: 1px solid rgba(184, 185, 229, 0.5) !important;
    border-radius: 7px !important;
    background: rgba(232, 229, 247, 0.96) !important;
    color: #26324f !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

#new_list .td_group a:hover,
#new_list .td_board a:hover,
#fnewlist .td_group a:hover,
#fnewlist .td_board a:hover,
#new_list td:nth-child(2) a:hover,
#new_list td:nth-child(3) a:hover {
    filter: brightness(1.05) !important;
    color: #061225 !important;
}

body.mh-new-list-page #new_list .td_name,
body.mh-new-list-page #fnewlist .td_name,
body.mh-new-list-page #new_list td:nth-child(5),
body.mh-new-list-page #fnewlist td:nth-child(5) {
    color: #edf4ff !important;
    white-space: normal !important;
}

body.mh-new-list-page #new_list .td_name .sv_wrap,
body.mh-new-list-page #fnewlist .td_name .sv_wrap,
body.mh-new-list-page #new_list td:nth-child(5) .sv_wrap,
body.mh-new-list-page #fnewlist td:nth-child(5) .sv_wrap,
body.mh-new-list-page .mh-new-member-cell {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

body.mh-new-list-page #new_list .td_name .sv_member,
body.mh-new-list-page #fnewlist .td_name .sv_member,
body.mh-new-list-page #new_list td:nth-child(5) .sv_member,
body.mh-new-list-page #fnewlist td:nth-child(5) .sv_member,
body.mh-new-list-page .mh-new-member-cell strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

body.mh-new-list-page #new_list .td_name .sv,
body.mh-new-list-page #fnewlist .td_name .sv,
body.mh-new-list-page #new_list td:nth-child(5) .sv,
body.mh-new-list-page #fnewlist td:nth-child(5) .sv,
body.mh-new-list-page .mh-new-member-actions {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.mh-new-list-page #new_list .td_name .sv a,
body.mh-new-list-page #fnewlist .td_name .sv a,
body.mh-new-list-page #new_list td:nth-child(5) .sv a,
body.mh-new-list-page #fnewlist td:nth-child(5) .sv a,
body.mh-new-list-page .mh-new-member-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    padding: 0 7px !important;
    border: 1px solid rgba(143, 216, 255, 0.34) !important;
    border-radius: 6px !important;
    background: rgba(79, 141, 255, 0.14) !important;
    color: #8fd8ff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.mh-new-list-page #new_list .td_name .sv a:hover,
body.mh-new-list-page #fnewlist .td_name .sv a:hover,
body.mh-new-list-page #new_list td:nth-child(5) .sv a:hover,
body.mh-new-list-page #fnewlist td:nth-child(5) .sv a:hover,
body.mh-new-list-page .mh-new-member-action:hover {
    border-color: rgba(143, 216, 255, 0.62) !important;
    background: rgba(79, 141, 255, 0.24) !important;
    color: #ffffff !important;
}

/* Custom file input: only the button opens the file picker */
#bo_w .mh-file-native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#bo_w .mh-file-control {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 0 12px 0 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

#bo_w .mh-file-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    margin: 4px 10px 4px 4px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    user-select: none !important;
}

#bo_w .mh-file-button:hover {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: var(--mh-accent) !important;
}

#bo_w .mh-file-button:active {
    transform: translateY(1px) !important;
    background: rgba(79, 141, 255, 0.12) !important;
}

#bo_w .mh-file-name {
    display: inline-block !important;
    max-width: 760px !important;
    overflow: visible !important;
    color: #dbe7fb !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-all !important;
    pointer-events: none !important;
}

#bo_w .write_div:has(.mh-file-control),
#bo_w .bo_w_file:has(.mh-file-control),
#bo_w .bo_w_flie:has(.mh-file-control),
#bo_w .file_wr:has(.mh-file-control),
#bo_w .filebox:has(.mh-file-control) {
    display: block !important;
    min-height: auto !important;
    padding: 8px !important;
    background: transparent !important;
}

#bo_w .write_div:has(.mh-file-control)::before,
#bo_w .bo_w_file:has(.mh-file-control)::before,
#bo_w .bo_w_flie:has(.mh-file-control)::before,
#bo_w .file_wr:has(.mh-file-control)::before,
#bo_w .filebox:has(.mh-file-control)::before,
#bo_w .write_div:has(.mh-file-control) i,
#bo_w .bo_w_file:has(.mh-file-control) i,
#bo_w .bo_w_flie:has(.mh-file-control) i,
#bo_w .file_wr:has(.mh-file-control) i,
#bo_w .filebox:has(.mh-file-control) i {
    display: none !important;
}

/* Simplified write form */
.mh-write-hidden {
    display: none !important;
}

#bo_w .mh-extra-file-row:not(.is-mh-file-visible),
#bo_w .mh-extra-file-row:not(.is-mh-file-visible) *,
#bo_w input.mh-extra-file-hidden,
#bo_w input.mh-extra-file-hidden + .mh-file-control {
    display: none !important;
}

#bo_w .mh-board-file-row.is-mh-file-visible {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

#bo_w .mh-file-add-control {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    width: auto !important;
    max-width: none !important;
    min-height: 40px !important;
    margin: 0 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
}

#bo_w .mh-file-add-count {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

#bo_w .mh-file-add-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border: 1px solid rgba(92, 143, 220, 0.5) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.14) !important;
    color: #dff3ff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

#bo_w .mh-file-add-button:hover,
#bo_w .mh-file-add-button:focus {
    border-color: rgba(143, 216, 255, 0.78) !important;
    background: rgba(79, 141, 255, 0.24) !important;
    color: #ffffff !important;
}

#bo_w .mh-file-add-button:disabled {
    opacity: 0.42 !important;
    cursor: default !important;
}

@media (max-width: 720px) {
    #bo_w .mh-file-add-control,
    body.mh-data-board-page #bo_w .mh-file-add-control {
        width: 100% !important;
        margin: 8px 0 0 !important;
        justify-content: flex-start !important;
    }
}

#bo_w .write_div:has(input.mh-extra-file-hidden),
#bo_w .bo_w_file:has(input.mh-extra-file-hidden),
#bo_w .bo_w_flie:has(input.mh-extra-file-hidden),
#bo_w .file_wr:has(input.mh-extra-file-hidden),
#bo_w .filebox:has(input.mh-extra-file-hidden) {
    display: none !important;
}

#bo_w {
    display: grid !important;
    gap: 0 !important;
}

#bo_w .write_div,
#bo_w .bo_w_tit,
#bo_w .bo_w_info,
#bo_w .bo_w_link,
#bo_w .bo_w_file,
#bo_w .bo_w_flie,
#bo_w .file_wr,
#bo_w .filebox {
    margin: 0 0 12px !important;
}

#bo_w .bo_w_tit,
#bo_w .write_div:has(#wr_subject),
#bo_w .write_div:has(input[name="wr_subject"]),
#bo_w .write_div:has(#wr_content),
#bo_w .write_div:has(textarea[name="wr_content"]),
#bo_w .write_div:has(input[name^="wr_link"]),
#bo_w .bo_w_link {
    margin-bottom: 12px !important;
}

#bo_w input[name="wr_subject"],
#wr_subject {
    min-height: 44px !important;
}

#bo_w textarea[name="wr_content"],
#wr_content {
    min-height: 300px !important;
}

#bo_w input[name^="wr_link"] {
    min-height: 42px !important;
}

#bo_w input[name^="wr_link"]::placeholder {
    color: rgba(237, 244, 255, 0.42) !important;
}

#bo_w .write_div:has(.mh-file-control),
#bo_w .bo_w_file:has(.mh-file-control),
#bo_w .bo_w_flie:has(.mh-file-control),
#bo_w .file_wr:has(.mh-file-control),
#bo_w .filebox:has(.mh-file-control) {
    min-height: 58px !important;
    margin-bottom: 12px !important;
    padding: 8px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 7px !important;
    background: #061225 !important;
}


/* Hide board write autosave controls. */
#bo_w #btn_autosave,
#bo_w .btn_autosave,
#bo_w #autosave_pop,
#bo_w .autosave_pop,
#bo_w #autosave_wrapper,
#bo_w .autosave,
#bo_w .autosave_count,
#bo_w .mh-write-autosave-hidden,
.mh-write-autosave-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* Final write form spacing */
#bo_w #wr_subject,
#bo_w input[name="wr_subject"],
#bo_w #wr_content,
#bo_w textarea[name="wr_content"],
#bo_w input[name^="wr_link"],
#bo_w .mh-file-control {
    margin: 0 !important;
}

#bo_w .bo_w_tit,
#bo_w .write_div:has(#wr_subject),
#bo_w .write_div:has(input[name="wr_subject"]),
#bo_w .write_div:has(#wr_content),
#bo_w .write_div:has(textarea[name="wr_content"]),
#bo_w .write_div:has(input[name^="wr_link"]),
#bo_w .write_div:has(.mh-file-control),
#bo_w .bo_w_link,
#bo_w .bo_w_file:has(.mh-file-control),
#bo_w .bo_w_flie:has(.mh-file-control),
#bo_w .file_wr:has(.mh-file-control),
#bo_w .filebox:has(.mh-file-control) {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

#bo_w .mh-file-control {
    border: 0 !important;
    background: transparent !important;
}

#bo_w .mh-file-button {
    margin-left: 0 !important;
}

#captcha,
.captcha,
#captcha_info,
#captcha_img,
#captcha_mp3,
#captcha_reload {
    box-sizing: border-box !important;
}

#captcha {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start !important;
    gap: 10px 12px !important;
    margin-top: 12px !important;
    padding: 16px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #dbe7fb !important;
}

#captcha legend {
    padding: 0 6px !important;
    color: #edf4ff !important;
    font-weight: 800 !important;
}

#captcha_img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: auto !important;
    max-width: 180px !important;
    height: auto !important;
    border-radius: 4px !important;
}

#captcha_key {
    grid-column: 2 !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: #050914 !important;
    color: #edf4ff !important;
}

#captcha_mp3,
#captcha_reload {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 82px !important;
    min-height: 34px !important;
    margin: 6px 6px 0 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}

#captcha_mp3:hover,
#captcha_reload:hover {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: var(--mh-accent) !important;
}

#captcha_info {
    grid-column: 2 !important;
    display: block !important;
    margin-top: 6px !important;
    color: var(--mh-muted) !important;
    line-height: 1.5 !important;
}

@media (max-width: 720px) {
    #captcha {
        grid-template-columns: 1fr;
    }

    #captcha_img,
    #captcha_key,
    #captcha_info {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

/* Captcha button row alignment */
#captcha {
    grid-template-columns: auto minmax(0, 1fr) !important;
}

#captcha_img {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

#captcha_key {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

#captcha_mp3,
#captcha_reload {
    grid-column: auto !important;
    grid-row: 2 !important;
    width: 154px !important;
    min-width: 154px !important;
    margin: 6px 0 0 !important;
}

#captcha_mp3 {
    grid-column: 1 !important;
}

#captcha_reload {
    grid-column: 1 !important;
    margin-left: 166px !important;
}

#captcha_info {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: center !important;
    margin: 6px 0 0 !important;
}

@media (max-width: 720px) {
    #captcha_mp3,
    #captcha_reload,
    #captcha_info {
        grid-column: 1 !important;
        grid-row: auto !important;
        margin-left: 0 !important;
    }
}

/* Final captcha layout: image, nearby input, buttons below */
#captcha {
    grid-template-columns: 160px 160px minmax(0, 1fr) !important;
    gap: 10px 12px !important;
}

#captcha > * {
    filter: none !important;
    opacity: 1 !important;
}

#captcha_img {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: auto !important;
    min-width: 160px !important;
    max-width: 180px !important;
    height: auto !important;
    min-height: 60px !important;
    object-fit: initial !important;
    background: transparent !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

#captcha_key {
    grid-column: 2 / 4 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 100% !important;
    margin: 0 !important;
}

#captcha_mp3,
#captcha_reload {
    grid-row: 2 !important;
    width: 154px !important;
    min-width: 154px !important;
    margin: 6px 0 0 !important;
}

#captcha_mp3 {
    grid-column: 1 !important;
}

#captcha_reload {
    grid-column: 2 !important;
    margin-left: 0 !important;
}

#captcha_info {
    grid-column: 3 !important;
    grid-row: 2 !important;
    align-self: center !important;
    margin: 6px 0 0 !important;
}

@media (max-width: 720px) {
    #captcha {
        grid-template-columns: 1fr !important;
    }

    #captcha_img,
    #captcha_key,
    #captcha_mp3,
    #captcha_reload,
    #captcha_info {
        grid-column: 1 !important;
        grid-row: auto !important;
        margin-left: 0 !important;
    }
}

/* Board view page dark theme */
#bo_v,
#bo_v * {
    box-sizing: border-box;
}

#bo_v {
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.94), rgba(7, 12, 23, 0.96)) !important;
    color: #dbe7fb !important;
}

#bo_v header,
#bo_v section,
#bo_v article,
#bo_v div,
#bo_v p,
#bo_v ul,
#bo_v li,
#bo_v dl,
#bo_v dt,
#bo_v dd {
    background-color: transparent !important;
    color: inherit !important;
}

#bo_v_title,
#bo_v_info,
#bo_v_atc,
#bo_v_con,
#bo_v_file,
#bo_v_link,
#bo_v_top,
#bo_v_bot,
#bo_vc,
#bo_vc_w {
    background: transparent !important;
    color: #dbe7fb !important;
}

#bo_v_title {
    padding: 28px 28px 18px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
}

#bo_v_title .bo_v_tit,
#bo_v_title h1,
#bo_v_title h2,
#bo_v_title strong {
    color: #edf4ff !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

#bo_v_info {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 18px 28px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    color: var(--mh-muted) !important;
}

#bo_v_info strong,
#bo_v_info .sv_member,
#bo_v_info .profile_info,
#bo_v_info a {
    color: #edf4ff !important;
}

#bo_v_info span,
#bo_v_info em,
#bo_v_info i {
    color: var(--mh-muted) !important;
}

#bo_v_top,
#bo_v_bot {
    padding: 16px 28px !important;
}

#bo_v_atc,
#bo_v_con {
    min-height: 320px !important;
    padding: 34px 28px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    color: #dbe7fb !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}

#bo_v_con,
#bo_v_con p,
#bo_v_con span,
#bo_v_con div,
#bo_v_con font {
    color: #dbe7fb !important;
}

#bo_v_con a {
    color: var(--mh-accent) !important;
}

#bo_v_file,
#bo_v_link {
    margin: 18px 28px !important;
    padding: 0 !important;
    border: 0 !important;
}

#bo_v_file h2,
#bo_v_link h2 {
    color: #edf4ff !important;
}

#bo_v_file ul,
#bo_v_link ul {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#bo_v_file li,
#bo_v_link li {
    display: flex !important;
    align-items: center !important;
    min-height: 58px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #dbe7fb !important;
}

#bo_v_file a,
#bo_v_link a {
    color: #edf4ff !important;
    font-weight: 800 !important;
}

#bo_v_file span,
#bo_v_link span {
    color: var(--mh-muted) !important;
}

.bo_v_nb,
#bo_v .bo_v_nb {
    margin: 20px 28px !important;
    padding: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-radius: 8px !important;
    background: #061225 !important;
}

.bo_v_nb li,
#bo_v .bo_v_nb li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.14) !important;
    color: #dbe7fb !important;
}

.bo_v_nb li:last-child,
#bo_v .bo_v_nb li:last-child {
    border-bottom: 0 !important;
}

.bo_v_nb a,
#bo_v .bo_v_nb a {
    color: #edf4ff !important;
    font-weight: 800 !important;
}

.bo_v_nb .nb_date,
#bo_v .bo_v_nb .nb_date {
    margin-left: auto !important;
    color: var(--mh-muted) !important;
}

#bo_vc,
#bo_vc_w {
    margin: 22px 28px !important;
    padding: 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.18) !important;
    border-radius: 8px !important;
    background: rgba(8, 13, 24, 0.72) !important;
}

#bo_vc h2,
#bo_vc_w h2 {
    color: #edf4ff !important;
}

/* Universal board skin override for every board */
[id^="bo_"],
[id^="bo_"] *,
.tbl_head01,
.tbl_head01 *,
.tbl_frm01,
.tbl_frm01 *,
.bo_fx,
.bo_fx *,
.bo_v_nb,
.bo_v_nb *,
.cmt_btn,
.cmt_btn *,
#bo_vc,
#bo_vc *,
#bo_vc_w,
#bo_vc_w * {
    box-sizing: border-box;
}

#bo_list,
#bo_gall,
#bo_w,
#bo_v,
#bo_vc,
#bo_vc_w {
    color: #dbe7fb !important;
}

#bo_list,
#bo_gall,
#bo_w,
#bo_v {
    max-width: 1280px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

#bo_list form,
#bo_gall form,
#bo_w form,
#bo_v form,
#fboardlist,
#fwrite,
#fviewcomment,
.tbl_head01,
.tbl_frm01,
.bo_fx,
.bo_v_nb,
#bo_vc,
#bo_vc_w {
    background: transparent !important;
    color: #dbe7fb !important;
}

.tbl_head01,
.tbl_frm01,
#bo_w,
#bo_v,
#bo_vc,
#bo_vc_w {
    border-color: rgba(92, 143, 220, 0.24) !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.94), rgba(7, 12, 23, 0.96)) !important;
}

.tbl_head01 th,
.tbl_frm01 th,
#bo_list th,
#bo_gall th {
    border-color: rgba(92, 143, 220, 0.18) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #edf4ff !important;
}

.tbl_head01 td,
.tbl_frm01 td,
#bo_list td,
#bo_gall td,
#bo_v td {
    border-color: rgba(92, 143, 220, 0.12) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
}

#bo_list tr,
#bo_gall tr,
.tbl_head01 tr,
.tbl_frm01 tr {
    background: #0d1626 !important;
}

#bo_list a,
#bo_gall a,
#bo_w a,
#bo_v a,
#bo_vc a,
#bo_vc_w a {
    color: #edf4ff !important;
}

#bo_list a:hover,
#bo_gall a:hover,
#bo_w a:hover,
#bo_v a:hover,
#bo_vc a:hover,
#bo_vc_w a:hover {
    color: var(--mh-accent) !important;
}

#bo_w input,
#bo_w textarea,
#bo_w select,
#bo_vc_w input,
#bo_vc_w textarea,
#bo_vc_w select,
.tbl_frm01 input,
.tbl_frm01 textarea,
.tbl_frm01 select {
    border-color: rgba(92, 143, 220, 0.28) !important;
    background: #061225 !important;
    color: #edf4ff !important;
}

#bo_w input::placeholder,
#bo_w textarea::placeholder,
#bo_vc_w input::placeholder,
#bo_vc_w textarea::placeholder,
.tbl_frm01 input::placeholder,
.tbl_frm01 textarea::placeholder {
    color: rgba(237, 244, 255, 0.42) !important;
}

#bo_v_con,
#bo_v_con *,
#bo_v_atc,
#bo_v_atc *,
#bo_v_file,
#bo_v_file *,
#bo_v_link,
#bo_v_link *,
#bo_vc,
#bo_vc *,
#bo_vc_w,
#bo_vc_w * {
    color: #dbe7fb !important;
}

#bo_v_file li,
#bo_v_link li,
#bo_vc article,
#bo_vc .cmt_contents,
#bo_vc_w .cmt_wr {
    border-color: rgba(92, 143, 220, 0.22) !important;
    background: #061225 !important;
}

.btn_confirm,
.btn_confirm *,
.btn_bo_user,
.btn_bo_user *,
.btn_bo_adm,
.btn_bo_adm *,
#bo_v_top,
#bo_v_top *,
#bo_v_bot,
#bo_v_bot * {
    background-color: transparent !important;
}

/* Comment area */
#bo_vc,
#bo_vc_w,
#bo_vc_empty,
#bo_vc article,
.cmt_btn,
.cmt_btn span,
.cmt_btn button,
.cmt_wr,
.cmt_contents,
.bo_vc_act {
    background: transparent !important;
    color: #dbe7fb !important;
}

.cmt_btn {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 20px 0 0 !important;
    padding: 0 28px !important;
    border-top: 1px solid rgba(92, 143, 220, 0.16) !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.cmt_btn span,
.cmt_btn button,
.cmt_btn b,
.cmt_btn strong {
    color: #edf4ff !important;
    font-weight: 900 !important;
}

.cmt_btn .total,
.cmt_btn .cnt_cmt,
.cmt_btn em {
    color: var(--mh-accent) !important;
}

#bo_vc {
    margin: 0 !important;
    padding: 22px 28px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.72), rgba(7, 12, 23, 0.88)) !important;
}

#bo_vc_empty,
#bo_vc .empty_table,
#bo_vc .empty_list {
    display: grid !important;
    min-height: 180px !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 28px !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
    color: #edf4ff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

#bo_vc article {
    margin: 0 0 12px !important;
    padding: 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
}

#bo_vc article[style*="margin-left"] {
    margin: 0 0 12px 38px !important;
    padding-left: 52px !important;
    border-color: rgba(79, 141, 255, 0.34) !important;
    background: linear-gradient(180deg, rgba(13, 35, 68, 0.92), rgba(8, 20, 39, 0.96)) !important;
    box-shadow: inset 3px 0 0 rgba(79, 141, 255, 0.58) !important;
}

#bo_vc article[style*="margin-left"]::before {
    content: "\2514\003E";
    position: absolute !important;
    top: 19px !important;
    left: 18px !important;
    color: #6fb3ff !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

#bo_vc header,
#bo_vc .cmt_contents {
    color: #dbe7fb !important;
}

#bo_vc_w {
    margin: 22px 28px 28px !important;
    padding: 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
}

.bo_vc_w {
    display: block !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

.bo_vc_w:empty {
    display: none !important;
}

.bo_vc_w form,
.bo_vc_w .cmt_wr,
.bo_vc_w #fviewcomment,
.bo_vc_w .tbl_frm01 {
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(79, 141, 255, 0.34) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(11, 31, 61, 0.98), rgba(6, 18, 37, 0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 12px 26px rgba(0, 0, 0, 0.22) !important;
    color: #dbe7fb !important;
}

.bo_vc_w form:not(:has(.cmt_wr))::before,
.bo_vc_w .cmt_wr::before {
    content: "\2514\003E  \B313\AE00 \C791\C131";
    display: inline-flex !important;
    margin: 0 0 10px !important;
    color: #9fd9ff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.bo_vc_w textarea,
.bo_vc_w input,
.bo_vc_w select,
.bo_vc_w button {
    border-color: rgba(92, 143, 220, 0.34) !important;
    background: #061225 !important;
    color: #edf4ff !important;
}

.bo_vc_w textarea {
    min-height: 96px !important;
    border-radius: 7px !important;
    resize: vertical !important;
}

#bo_vc_w textarea,
#bo_vc_w input {
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #edf4ff !important;
}

@media (max-width: 720px) {
    #bo_vc article[style*="margin-left"] {
        margin-left: 18px !important;
        padding-left: 42px !important;
    }

    #bo_vc article[style*="margin-left"]::before {
        left: 13px !important;
        font-size: 15px !important;
    }

    .bo_vc_w form,
    .bo_vc_w .cmt_wr,
    .bo_vc_w #fviewcomment,
    .bo_vc_w .tbl_frm01 {
        padding: 12px !important;
    }
}

/* Point history page */
#point,
#point_list,
.win_point,
.point_all,
.point_status,
.point_total {
    max-width: 1280px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    color: #dbe7fb !important;
}

.new_win h1,
#point h1,
.win_point h1 {
    max-width: 1280px !important;
    margin: 34px auto 18px !important;
    color: #edf4ff !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

#point {
    padding: 0 20px 70px !important;
}

#point .tbl_head01,
#point_list,
.win_point .tbl_head01,
.point_all {
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.94), rgba(7, 12, 23, 0.96)) !important;
}

#point table,
.win_point table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

#point th,
#point td,
.win_point th,
.win_point td {
    min-height: 58px !important;
    padding: 16px !important;
    border-color: rgba(92, 143, 220, 0.14) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
    font-size: 15px !important;
}

#point th,
.win_point th {
    color: #edf4ff !important;
    background: rgba(255, 255, 255, 0.04) !important;
    font-weight: 900 !important;
}

#point tr:hover td,
.win_point tr:hover td {
    background: rgba(79, 141, 255, 0.06) !important;
}

#point .td_num,
#point .point,
#point .right,
.win_point .td_num,
.win_point .point,
.win_point .right {
    color: var(--mh-accent) !important;
    font-weight: 900 !important;
    text-align: right !important;
}

#point .point_status,
#point .point_total,
.win_point .point_status,
.win_point .point_total {
    margin: 16px auto !important;
    padding: 18px 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
    color: #edf4ff !important;
    font-weight: 800 !important;
}

#point .win_btn,
.win_point .win_btn,
.new_win .win_btn {
    display: flex !important;
    justify-content: center !important;
    margin: 28px 0 !important;
}

#point .win_btn button,
#point .win_btn a,
.win_point .win_btn button,
.win_point .win_btn a,
.new_win .win_btn button,
.new_win .win_btn a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

#point .win_btn button:hover,
#point .win_btn a:hover,
.win_point .win_btn button:hover,
.win_point .win_btn a:hover,
.new_win .win_btn button:hover,
.new_win .win_btn a:hover {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: var(--mh-accent) !important;
    background: rgba(79, 141, 255, 0.09) !important;
}

/* Final point page polish, including list-style markup */
body:has(#point),
body:has(#point_list),
body:has(.win_point),
body:has(.point_all) {
    color: #dbe7fb !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(79, 141, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #06142b 0%, #030814 52%, #020612 100%) !important;
}

#point,
#point_list,
.win_point,
.point_all {
    width: min(1240px, calc(100% - 40px)) !important;
    margin: 0 auto !important;
}

#point h1,
.win_point h1,
.new_win h1 {
    width: min(1240px, calc(100% - 40px)) !important;
    margin: 34px auto 22px !important;
    color: #edf4ff !important;
    font-size: 30px !important;
    font-weight: 900 !important;
}

#point ul,
#point ol,
.win_point ul,
.win_point ol,
.point_all ul,
.point_all ol,
#point_list ul,
#point_list ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#point li,
.win_point li,
.point_all li,
#point_list li {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 74px !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.14) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
}

#point li:first-child,
.win_point li:first-child,
.point_all li:first-child,
#point_list li:first-child {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

#point li:last-child,
.win_point li:last-child,
.point_all li:last-child,
#point_list li:last-child {
    border-bottom: 0 !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

#point li *,
.win_point li *,
.point_all li *,
#point_list li * {
    color: #dbe7fb !important;
    background: transparent !important;
}

#point li strong,
#point li b,
.win_point li strong,
.win_point li b,
.point_all li strong,
.point_all li b,
#point_list li strong,
#point_list li b {
    color: #edf4ff !important;
    font-weight: 900 !important;
}

#point li .point,
#point li .right,
#point li em,
.win_point li .point,
.win_point li .right,
.win_point li em,
.point_all li .point,
.point_all li .right,
.point_all li em,
#point_list li .point,
#point_list li .right,
#point_list li em {
    color: #6ea0ff !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-align: right !important;
}

#point .point_sum,
#point .point_total,
#point .total,
.win_point .point_sum,
.win_point .point_total,
.win_point .total,
.point_all .point_sum,
.point_all .point_total,
.point_all .total {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: min(1240px, calc(100% - 40px)) !important;
    min-height: 58px !important;
    margin: 16px auto !important;
    padding: 16px 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
    color: #edf4ff !important;
    font-weight: 900 !important;
}

.new_win .win_btn input,
.new_win .win_btn button,
.new_win .win_btn a,
#point .win_btn input,
#point .win_btn button,
#point .win_btn a,
.win_point .win_btn input,
.win_point .win_btn button,
.win_point .win_btn a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 96px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
}

/* Final live-screen overrides: register, board option menu, point popup */
#fregister,
#fregisterform,
.mbskin,
.register {
    width: min(1240px, calc(100% - 40px)) !important;
    max-width: 1240px !important;
    margin: 28px auto 56px !important;
    color: #dbe7fb !important;
}

#fregister *,
#fregisterform *,
.mbskin *,
.register * {
    box-sizing: border-box !important;
}

#fregister .alert,
#fregister .msg,
#fregister .register_msg,
#fregisterform .alert,
#fregisterform .msg,
.mbskin .alert,
.mbskin .msg {
    margin: 0 0 10px !important;
    padding: 15px 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-left: 0 !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(10, 17, 30, 0.98)) !important;
    color: #eaf3ff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

#fregister section,
#fregister .register_agree,
#fregister .register_privacy,
#fregister .tbl_wrap,
#fregister .tbl_head01,
#fregister .agree,
#fregisterform section,
#fregisterform .tbl_wrap,
#fregisterform .agree,
.mbskin section,
.mbskin .tbl_wrap,
.register section,
.register .tbl_wrap {
    margin: 14px 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.26) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.96), rgba(8, 13, 24, 0.98)) !important;
    color: #dbe7fb !important;
}

#fregister h2,
#fregisterform h2,
.mbskin h2,
.register h2 {
    margin: 0 !important;
    padding: 22px 20px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.22) !important;
    background: #07172f !important;
    color: #edf4ff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

#fregister textarea,
#fregisterform textarea,
.mbskin textarea,
.register textarea {
    width: 100% !important;
    min-height: 150px !important;
    padding: 22px !important;
    border: 0 !important;
    border-top: 1px solid rgba(92, 143, 220, 0.18) !important;
    background: #061225 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    resize: vertical !important;
}

#fregister table,
#fregisterform table,
.mbskin table,
.register table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #0d1626 !important;
}

#fregister th,
#fregister td,
#fregisterform th,
#fregisterform td,
.mbskin th,
.mbskin td,
.register th,
.register td {
    padding: 15px 12px !important;
    border: 1px solid rgba(92, 143, 220, 0.2) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
}

#fregister th,
#fregisterform th,
.mbskin th,
.register th {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #edf4ff !important;
    font-weight: 800 !important;
}

#fregister .agree,
#fregisterform .agree,
.mbskin .agree,
.register .agree {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-height: 54px !important;
    padding: 14px 18px !important;
    background: #0b1f3d !important;
    color: #dbe7fb !important;
    text-align: center !important;
}

#fregister input[type="checkbox"],
#fregisterform input[type="checkbox"],
.mbskin input[type="checkbox"],
.register input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: #4f8dff !important;
}

#fregister .btn_confirm,
#fregisterform .btn_confirm,
.mbskin .btn_confirm,
.register .btn_confirm {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 16px 0 0 !important;
}

#fregister .btn_submit,
#fregister .btn_cancel,
#fregister .btn_close,
#fregisterform .btn_submit,
#fregisterform .btn_cancel,
#fregisterform .btn_close,
.mbskin .btn_submit,
.mbskin .btn_cancel,
.mbskin .btn_close,
.register .btn_submit,
.register .btn_cancel,
.register .btn_close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 130px !important;
    min-height: 46px !important;
    padding: 0 24px !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

#fregister .btn_submit:hover,
#fregister .btn_cancel:hover,
#fregisterform .btn_submit:hover,
#fregisterform .btn_cancel:hover,
.mbskin .btn_submit:hover,
.mbskin .btn_cancel:hover,
.register .btn_submit:hover,
.register .btn_cancel:hover {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: #4f8dff !important;
    background: rgba(79, 141, 255, 0.09) !important;
}

#bo_list .more_opt,
#bo_gall .more_opt,
#bo_v .more_opt,
.more_opt {
    width: auto !important;
    min-width: 154px !important;
    max-width: none !important;
    padding: 6px !important;
    overflow: visible !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 8px !important;
    background: #0b1220 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45) !important;
}

#bo_list .more_opt li,
#bo_gall .more_opt li,
#bo_v .more_opt li,
.more_opt li {
    display: block !important;
    width: 100% !important;
    min-width: 142px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

#bo_list .more_opt a,
#bo_list .more_opt button,
#bo_gall .more_opt a,
#bo_gall .more_opt button,
#bo_v .more_opt a,
#bo_v .more_opt button,
.more_opt a,
.more_opt button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 142px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-decoration: none !important;
}

#bo_list .more_opt a:hover,
#bo_list .more_opt button:hover,
#bo_gall .more_opt a:hover,
#bo_gall .more_opt button:hover,
#bo_v .more_opt a:hover,
#bo_v .more_opt button:hover,
.more_opt a:hover,
.more_opt button:hover {
    background: rgba(79, 141, 255, 0.1) !important;
    color: #4f8dff !important;
}

#bo_list .more_opt .sound_only,
#bo_gall .more_opt .sound_only,
#bo_v .more_opt .sound_only,
.more_opt .sound_only {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    clip: auto !important;
    overflow: visible !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

#bo_list .more_opt i,
#bo_gall .more_opt i,
#bo_v .more_opt i,
.more_opt i {
    display: none !important;
}

body.new_win,
body:has(.new_win),
body:has(.win_point),
body:has(#point),
body:has(#point_list),
body:has(.point_all) {
    color: #dbe7fb !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(79, 141, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #06142b 0%, #030814 52%, #020612 100%) !important;
}

.new_win,
.new_win #container,
.new_win #wrapper,
.new_win #content,
.win_point,
#point,
#point_list,
.point_all {
    width: min(1240px, calc(100% - 40px)) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

.new_win h1,
.win_point h1,
#point h1 {
    width: min(1240px, calc(100% - 40px)) !important;
    margin: 28px auto 22px !important;
    color: #edf4ff !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.new_win .tbl_wrap,
.new_win .tbl_head01,
.new_win table,
.new_win tbody,
.new_win tr,
.new_win th,
.new_win td,
.new_win ul,
.new_win ol,
.new_win li,
.win_point .tbl_wrap,
.win_point .tbl_head01,
.win_point table,
.win_point tbody,
.win_point tr,
.win_point th,
.win_point td,
.win_point ul,
.win_point ol,
.win_point li,
#point table,
#point tr,
#point th,
#point td,
#point ul,
#point li,
#point_list table,
#point_list tr,
#point_list th,
#point_list td,
#point_list ul,
#point_list li,
.point_all,
.point_all * {
    border-color: rgba(92, 143, 220, 0.18) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
}

.new_win th,
.win_point th,
#point th,
#point_list th {
    background: #0b1f3d !important;
    color: #edf4ff !important;
    font-weight: 800 !important;
}

.new_win td,
.new_win li,
.win_point td,
.win_point li,
#point td,
#point li,
#point_list td,
#point_list li {
    min-height: 58px !important;
    padding: 16px 18px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.new_win li *,
.win_point li *,
#point li *,
#point_list li *,
.point_all * {
    background: transparent !important;
    color: #dbe7fb !important;
}

.new_win .point,
.new_win .right,
.new_win em,
.new_win .td_num,
.win_point .point,
.win_point .right,
.win_point em,
.win_point .td_num,
#point .point,
#point .right,
#point em,
#point .td_num,
#point_list .point,
#point_list .right,
#point_list em,
#point_list .td_num {
    color: #6ea0ff !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

.new_win .point_all,
.new_win .point_total,
.new_win .point_sum,
.new_win .total,
.win_point .point_all,
.win_point .point_total,
.win_point .point_sum,
.win_point .total,
#point .point_all,
#point .point_total,
#point .point_sum,
#point .total {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 60px !important;
    margin: 16px auto !important;
    padding: 16px 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
    color: #edf4ff !important;
    font-weight: 900 !important;
}

.new_win .win_btn input,
.new_win .win_btn button,
.new_win .win_btn a,
.win_point .win_btn input,
.win_point .win_btn button,
.win_point .win_btn a,
#point .win_btn input,
#point .win_btn button,
#point .win_btn a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 108px !important;
    min-height: 42px !important;
    padding: 0 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
    text-decoration: none !important;
}

body.mh-register-page {
    color: #dbe7fb !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(79, 141, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #06142b 0%, #030814 52%, #020612 100%) !important;
}

body.mh-register-page #container,
body.mh-register-page #wrapper,
body.mh-register-page #content,
body.mh-register-page .mbskin,
body.mh-register-page form {
    background: transparent !important;
    color: #dbe7fb !important;
}

body.mh-register-page .mbskin,
body.mh-register-page #fregister,
body.mh-register-page #fregisterform {
    width: min(1240px, calc(100% - 40px)) !important;
    max-width: 1240px !important;
    margin: 28px auto 56px !important;
}

body.mh-register-page section,
body.mh-register-page .tbl_wrap,
body.mh-register-page .agree,
body.mh-register-page .register_agree,
body.mh-register-page .register_privacy {
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.26) !important;
    border-radius: 6px !important;
    background: #0b1f3d !important;
    color: #dbe7fb !important;
}

body.mh-register-page h1,
body.mh-register-page h2,
body.mh-register-page h3 {
    color: #edf4ff !important;
    letter-spacing: 0 !important;
}

body.mh-register-page section h2,
body.mh-register-page .tbl_wrap h2 {
    padding: 22px 20px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.22) !important;
    background: #07172f !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

body.mh-register-page textarea,
body.mh-register-page input[type="text"],
body.mh-register-page input[type="password"],
body.mh-register-page input[type="email"],
body.mh-register-page select {
    border: 1px solid rgba(92, 143, 220, 0.26) !important;
    background: #061225 !important;
    color: #dbe7fb !important;
}

body.mh-register-page table,
body.mh-register-page tbody,
body.mh-register-page tr,
body.mh-register-page th,
body.mh-register-page td {
    border-color: rgba(92, 143, 220, 0.18) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
}

body.mh-register-page th {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #edf4ff !important;
    font-weight: 800 !important;
}

body.mh-register-page .agree {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-height: 54px !important;
    padding: 14px 18px !important;
}

body.mh-register-page .btn_confirm {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
}

body.mh-register-page .btn_submit,
body.mh-register-page .btn_cancel,
body.mh-register-page a.btn_cancel,
body.mh-register-page button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 130px !important;
    min-height: 46px !important;
    padding: 0 24px !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.mh-point-page {
    color: #dbe7fb !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(79, 141, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #06142b 0%, #030814 52%, #020612 100%) !important;
}

body.mh-point-page #container,
body.mh-point-page #wrapper,
body.mh-point-page #content,
body.mh-point-page .new_win,
body.mh-point-page .win_point {
    width: min(1240px, calc(100% - 40px)) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

body.mh-point-page h1 {
    margin: 28px auto 22px !important;
    color: #edf4ff !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

body.mh-point-page table,
body.mh-point-page tbody,
body.mh-point-page tr,
body.mh-point-page th,
body.mh-point-page td,
body.mh-point-page ul,
body.mh-point-page ol,
body.mh-point-page li,
body.mh-point-page div {
    border-color: rgba(92, 143, 220, 0.18) !important;
    color: #dbe7fb !important;
}

body.mh-point-page table,
body.mh-point-page tbody,
body.mh-point-page tr,
body.mh-point-page th,
body.mh-point-page td,
body.mh-point-page ul,
body.mh-point-page ol,
body.mh-point-page li {
    background: #0d1626 !important;
}

body.mh-point-page th {
    background: #0b1f3d !important;
    color: #edf4ff !important;
    font-weight: 800 !important;
}

body.mh-point-page td,
body.mh-point-page li {
    min-height: 58px !important;
    padding: 16px 18px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

body.mh-point-page .point,
body.mh-point-page .right,
body.mh-point-page em,
body.mh-point-page .td_num {
    color: #6ea0ff !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

body.mh-point-page .win_btn {
    display: flex !important;
    justify-content: center !important;
    margin: 28px 0 !important;
    background: transparent !important;
}

body.mh-point-page .win_btn input,
body.mh-point-page .win_btn button,
body.mh-point-page .win_btn a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 108px !important;
    min-height: 42px !important;
    padding: 0 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
    text-decoration: none !important;
}

/* Final board search popup and bottom toolbar behavior */
#bo_sch,
.bo_sch_wrap,
.sch_wrap {
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
    color: #dbe7fb !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.55) !important;
}

#bo_sch *,
.bo_sch_wrap *,
.sch_wrap * {
    box-sizing: border-box !important;
}

#bo_sch h2,
#bo_sch h3,
.bo_sch_wrap h2,
.bo_sch_wrap h3,
.sch_wrap h2,
.sch_wrap h3 {
    margin: 0 0 18px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.18) !important;
    background: transparent !important;
    color: #edf4ff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

#bo_sch form,
.bo_sch_wrap form,
.sch_wrap form {
    display: grid !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
}

#bo_sch select,
#bo_sch input[type="text"],
#bo_sch input[type="search"],
.bo_sch_wrap select,
.bo_sch_wrap input[type="text"],
.bo_sch_wrap input[type="search"],
.sch_wrap select,
.sch_wrap input[type="text"],
.sch_wrap input[type="search"] {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 0 !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

#bo_sch input::placeholder,
.bo_sch_wrap input::placeholder,
.sch_wrap input::placeholder {
    color: rgba(219, 231, 251, 0.58) !important;
}

#bo_sch .btn_submit,
#bo_sch button[type="submit"],
.bo_sch_wrap .btn_submit,
.bo_sch_wrap button[type="submit"],
.sch_wrap .btn_submit,
.sch_wrap button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 40px !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 0 !important;
    background: #0d1626 !important;
    color: #edf4ff !important;
}

#bo_sch .btn_submit i,
#bo_sch button[type="submit"] i,
.bo_sch_wrap .btn_submit i,
.bo_sch_wrap button[type="submit"] i,
.sch_wrap .btn_submit i,
.sch_wrap button[type="submit"] i {
    display: inline-block !important;
    color: #edf4ff !important;
    font-size: 15px !important;
}

#bo_sch .btn_close,
#bo_sch .bo_sch_cls,
#bo_sch button[type="button"],
.bo_sch_wrap .btn_close,
.bo_sch_wrap .bo_sch_cls,
.bo_sch_wrap button[type="button"],
.sch_wrap .btn_close,
.sch_wrap .bo_sch_cls,
.sch_wrap button[type="button"] {
    border: 0 !important;
    background: transparent !important;
    color: #dbe7fb !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.mh-bottom-board-buttons {
    position: relative !important;
}

.mh-bottom-board-buttons .more_opt {
    right: 0 !important;
    left: auto !important;
    z-index: 80 !important;
}

/* Last-pass fixes for board search, option menu, and point page */
#bo_btn_top .more_opt,
.bo_fx .more_opt,
.mh-bottom-board-buttons .more_opt {
    display: none;
}

#bo_btn_top .more_opt[style*="block"],
.bo_fx .more_opt[style*="block"],
.mh-bottom-board-buttons .more_opt[style*="block"] {
    display: block !important;
}

body #bo_sch,
body .bo_sch_wrap,
body .sch_wrap,
body .bo_sch_bg + #bo_sch,
body .bo_sch_bg + .bo_sch_wrap {
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
    color: #dbe7fb !important;
}

body #bo_sch h2,
body #bo_sch h3,
body .bo_sch_wrap h2,
body .bo_sch_wrap h3,
body .sch_wrap h2,
body .sch_wrap h3 {
    color: #edf4ff !important;
    text-shadow: none !important;
}

body #bo_sch form,
body #bo_sch .sch_bar,
body #bo_sch .sch_input,
body #bo_sch .sch_select,
body .bo_sch_wrap form,
body .bo_sch_wrap .sch_bar,
body .bo_sch_wrap .sch_input,
body .bo_sch_wrap .sch_select,
body .sch_wrap form,
body .sch_wrap .sch_bar,
body .sch_wrap .sch_input,
body .sch_wrap .sch_select {
    border-color: rgba(92, 143, 220, 0.28) !important;
    background: #061225 !important;
    color: #edf4ff !important;
}

body #bo_sch select,
body #bo_sch input,
body #bo_sch .frm_input,
body .bo_sch_wrap select,
body .bo_sch_wrap input,
body .bo_sch_wrap .frm_input,
body .sch_wrap select,
body .sch_wrap input,
body .sch_wrap .frm_input {
    border-color: rgba(92, 143, 220, 0.28) !important;
    background: #061225 !important;
    color: #edf4ff !important;
}

body #bo_sch input::placeholder,
body .bo_sch_wrap input::placeholder,
body .sch_wrap input::placeholder {
    color: rgba(219, 231, 251, 0.58) !important;
}

body #bo_sch .btn_submit,
body #bo_sch button[type="submit"],
body .bo_sch_wrap .btn_submit,
body .bo_sch_wrap button[type="submit"],
body .sch_wrap .btn_submit,
body .sch_wrap button[type="submit"] {
    background: #0d1626 !important;
    color: #edf4ff !important;
}

body #bo_sch .btn_close,
body #bo_sch .bo_sch_cls,
body .bo_sch_wrap .btn_close,
body .bo_sch_wrap .bo_sch_cls,
body .sch_wrap .btn_close,
body .sch_wrap .bo_sch_cls {
    color: #dbe7fb !important;
    opacity: 1 !important;
}

body.mh-point-page .point_all,
body.mh-point-page .point_total,
body.mh-point-page .point_sum,
body.mh-point-page .total {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 58px !important;
    margin: 14px auto !important;
    padding: 16px 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.26) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
    color: #edf4ff !important;
}

body.mh-point-page li {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 76px !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    background: #0d1626 !important;
}

body.mh-point-page li span,
body.mh-point-page li strong,
body.mh-point-page li em,
body.mh-point-page li b {
    position: static !important;
    float: none !important;
    margin: 0 !important;
}

body.mh-point-page .win_btn input,
body.mh-point-page .win_btn button,
body.mh-point-page .win_btn a,
body.mh-point-page input[value="홈으로"],
body.mh-point-page button[value="홈으로"],
body.mh-point-page a[href$="/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 108px !important;
    min-height: 42px !important;
    padding: 0 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
    text-decoration: none !important;
}

body.mh-point-page .win_btn input:hover,
body.mh-point-page .win_btn button:hover,
body.mh-point-page .win_btn a:hover {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: #4f8dff !important;
    background: rgba(79, 141, 255, 0.09) !important;
}

/* Board search modal, forced to match the theme */
html body #bo_sch.mh-board-search-panel,
html body .bo_sch_wrap.mh-board-search-panel,
html body .sch_wrap.mh-board-search-panel,
html body fieldset#bo_sch {
    width: 330px !important;
    max-width: calc(100vw - 32px) !important;
    padding: 16px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
    color: #dbe7fb !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.58) !important;
}

html body #bo_sch.mh-board-search-panel::before,
html body #bo_sch.mh-board-search-panel::after,
html body .bo_sch_wrap.mh-board-search-panel::before,
html body .bo_sch_wrap.mh-board-search-panel::after,
html body .sch_wrap.mh-board-search-panel::before,
html body .sch_wrap.mh-board-search-panel::after {
    background: transparent !important;
}

html body #bo_sch.mh-board-search-panel *,
html body .bo_sch_wrap.mh-board-search-panel *,
html body .sch_wrap.mh-board-search-panel * {
    box-sizing: border-box !important;
    text-shadow: none !important;
}

html body #bo_sch.mh-board-search-panel h2,
html body #bo_sch.mh-board-search-panel h3,
html body #bo_sch.mh-board-search-panel legend,
html body .bo_sch_wrap.mh-board-search-panel h2,
html body .bo_sch_wrap.mh-board-search-panel h3,
html body .sch_wrap.mh-board-search-panel h2,
html body .sch_wrap.mh-board-search-panel h3 {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.2) !important;
    background: transparent !important;
    color: #edf4ff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

html body #bo_sch.mh-board-search-panel form,
html body #bo_sch.mh-board-search-panel .sch_bar,
html body .bo_sch_wrap.mh-board-search-panel form,
html body .bo_sch_wrap.mh-board-search-panel .sch_bar,
html body .sch_wrap.mh-board-search-panel form,
html body .sch_wrap.mh-board-search-panel .sch_bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 0 !important;
    background: #061225 !important;
    color: #edf4ff !important;
}

html body #bo_sch.mh-board-search-panel select,
html body .bo_sch_wrap.mh-board-search-panel select,
html body .sch_wrap.mh-board-search-panel select {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 0 26px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 0 !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

html body #bo_sch.mh-board-search-panel input[type="text"],
html body #bo_sch.mh-board-search-panel input[type="search"],
html body #bo_sch.mh-board-search-panel .frm_input,
html body #bo_sch.mh-board-search-panel .sch_input,
html body .bo_sch_wrap.mh-board-search-panel input[type="text"],
html body .bo_sch_wrap.mh-board-search-panel input[type="search"],
html body .bo_sch_wrap.mh-board-search-panel .frm_input,
html body .bo_sch_wrap.mh-board-search-panel .sch_input,
html body .sch_wrap.mh-board-search-panel input[type="text"],
html body .sch_wrap.mh-board-search-panel input[type="search"],
html body .sch_wrap.mh-board-search-panel .frm_input,
html body .sch_wrap.mh-board-search-panel .sch_input {
    grid-column: 1 !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

html body #bo_sch.mh-board-search-panel input::placeholder,
html body .bo_sch_wrap.mh-board-search-panel input::placeholder,
html body .sch_wrap.mh-board-search-panel input::placeholder {
    color: rgba(219, 231, 251, 0.62) !important;
    opacity: 1 !important;
}

html body #bo_sch.mh-board-search-panel .btn_submit,
html body #bo_sch.mh-board-search-panel .sch_btn,
html body #bo_sch.mh-board-search-panel button[type="submit"],
html body .bo_sch_wrap.mh-board-search-panel .btn_submit,
html body .bo_sch_wrap.mh-board-search-panel .sch_btn,
html body .bo_sch_wrap.mh-board-search-panel button[type="submit"],
html body .sch_wrap.mh-board-search-panel .btn_submit,
html body .sch_wrap.mh-board-search-panel .sch_btn,
html body .sch_wrap.mh-board-search-panel button[type="submit"] {
    grid-column: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 0 !important;
    background: #0d1626 !important;
    color: #edf4ff !important;
}

/* Board copy/move popup */
body.mh-board-transfer-page {
    overflow-x: hidden !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(79, 141, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #06142b 0%, #030814 100%) !important;
    color: #dbe7fb !important;
}

body.mh-board-transfer-page #wrapper,
body.mh-board-transfer-page #container,
body.mh-board-transfer-page #content,
body.mh-board-transfer-page .new_win {
    width: min(460px, calc(100vw - 36px)) !important;
    max-width: 460px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

body.mh-board-transfer-page h1 {
    width: min(460px, calc(100vw - 36px)) !important;
    margin: 28px auto 20px !important;
    color: #edf4ff !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

body.mh-board-transfer-page form,
body.mh-board-transfer-page .tbl_wrap,
body.mh-board-transfer-page .tbl_head01 {
    width: 100% !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.26) !important;
    border-radius: 8px !important;
    background: #0d1626 !important;
}

body.mh-board-transfer-page table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    background: #0d1626 !important;
}

body.mh-board-transfer-page th,
body.mh-board-transfer-page td {
    height: 56px !important;
    padding: 0 14px !important;
    border-color: rgba(92, 143, 220, 0.16) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}

body.mh-board-transfer-page th:first-child,
body.mh-board-transfer-page td:first-child {
    width: 58px !important;
    text-align: center !important;
}

body.mh-board-transfer-page th:last-child,
body.mh-board-transfer-page td:last-child {
    width: auto !important;
    text-align: left !important;
}

body.mh-board-transfer-page input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    accent-color: #4f8dff !important;
}

body.mh-board-transfer-page .win_btn,
body.mh-board-transfer-page .btn_confirm {
    display: flex !important;
    justify-content: center !important;
    gap: 16px !important;
    margin: 30px 0 34px !important;
    background: transparent !important;
}

body.mh-board-transfer-page .win_btn input,
body.mh-board-transfer-page .win_btn button,
body.mh-board-transfer-page .win_btn a,
body.mh-board-transfer-page .btn_confirm input,
body.mh-board-transfer-page .btn_confirm button,
body.mh-board-transfer-page .btn_confirm a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 116px !important;
    height: 44px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.mh-board-transfer-page .win_btn input:hover,
body.mh-board-transfer-page .win_btn button:hover,
body.mh-board-transfer-page .win_btn a:hover,
body.mh-board-transfer-page .btn_confirm input:hover,
body.mh-board-transfer-page .btn_confirm button:hover,
body.mh-board-transfer-page .btn_confirm a:hover {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: #4f8dff !important;
    background: rgba(79, 141, 255, 0.09) !important;
}

body.mh-board-transfer-page .mh-hidden-board-placeholder,
body.mh-board-transfer-page .mh-hidden-board-placeholder * {
    display: none !important;
}

/* Compact point popup */
body.mh-point-page {
    min-width: 0 !important;
    overflow-x: hidden !important;
    color: #dbe7fb !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(79, 141, 255, 0.13), transparent 34%),
        linear-gradient(180deg, #06142b 0%, #060912 100%) !important;
}

body.mh-point-page #wrapper,
body.mh-point-page #container,
body.mh-point-page #content,
body.mh-point-page .new_win,
body.mh-point-page .win_point,
body.mh-point-page #point,
body.mh-point-page #point_list {
    width: min(460px, calc(100vw - 28px)) !important;
    max-width: 460px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

body.mh-point-page h1 {
    width: min(460px, calc(100vw - 28px)) !important;
    margin: 24px auto 16px !important;
    color: #edf4ff !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

body.mh-point-page .point_all,
body.mh-point-page .point_total,
body.mh-point-page .point_sum,
body.mh-point-page .total,
body.mh-point-page ul:first-of-type,
body.mh-point-page table:first-of-type {
    width: 100% !important;
    margin: 0 auto 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
    color: #dbe7fb !important;
}

body.mh-point-page li,
body.mh-point-page tr,
body.mh-point-page td,
body.mh-point-page th {
    border-color: rgba(92, 143, 220, 0.16) !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

body.mh-point-page li {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 58px !important;
    padding: 13px 15px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.mh-point-page li:last-child {
    border-bottom: 0 !important;
}

body.mh-point-page li *,
body.mh-point-page td *,
body.mh-point-page th * {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    background: transparent !important;
    color: inherit !important;
}

body.mh-point-page .point,
body.mh-point-page .right,
body.mh-point-page em,
body.mh-point-page .td_num,
body.mh-point-page li > :last-child,
body.mh-point-page td:last-child {
    color: #6ea0ff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.mh-point-page .point_all,
body.mh-point-page .point_total,
body.mh-point-page .point_sum,
body.mh-point-page .total {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px !important;
    padding: 16px 18px !important;
}

body.mh-point-page .win_btn {
    display: flex !important;
    justify-content: center !important;
    margin: 22px 0 28px !important;
    background: transparent !important;
}

body.mh-point-page .win_btn input,
body.mh-point-page .win_btn button,
body.mh-point-page .win_btn a,
body.mh-point-page input[value="닫기"],
body.mh-point-page button[value="닫기"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 108px !important;
    height: 42px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(79, 141, 255, 0.48) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.12) !important;
    color: #4f8dff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 42px !important;
    text-decoration: none !important;
}

body.mh-point-page .win_btn input:hover,
body.mh-point-page .win_btn button:hover,
body.mh-point-page .win_btn a:hover {
    background: rgba(79, 141, 255, 0.2) !important;
    color: #edf4ff !important;
}

/* Compact point popup final polish */
body.mh-point-page h1 {
    width: min(420px, calc(100vw - 34px)) !important;
    margin: 18px auto 14px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    word-break: keep-all !important;
}

body.mh-point-page #wrapper,
body.mh-point-page #container,
body.mh-point-page #content,
body.mh-point-page .new_win,
body.mh-point-page .win_point,
body.mh-point-page #point,
body.mh-point-page #point_list {
    width: min(424px, calc(100vw - 34px)) !important;
    max-width: 424px !important;
}

body.mh-point-page .point_all,
body.mh-point-page .point_total,
body.mh-point-page .point_sum,
body.mh-point-page .total,
body.mh-point-page ul:first-of-type,
body.mh-point-page table:first-of-type {
    margin-bottom: 12px !important;
    border-radius: 7px !important;
}

body.mh-point-page li {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title point"
        "date date" !important;
    align-items: center !important;
    column-gap: 18px !important;
    row-gap: 5px !important;
    min-height: 0 !important;
    padding: 13px 16px !important;
}

body.mh-point-page li strong,
body.mh-point-page li b,
body.mh-point-page li > span:first-child {
    grid-area: title !important;
    min-width: 0 !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.mh-point-page li .point,
body.mh-point-page li .right,
body.mh-point-page li em,
body.mh-point-page li > :last-child {
    grid-area: point !important;
    min-width: 72px !important;
    color: #6ea0ff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.mh-point-page li time,
body.mh-point-page li small,
body.mh-point-page li .datetime,
body.mh-point-page li .date,
body.mh-point-page li span:not(:first-child):not(.point):not(.right) {
    grid-area: date !important;
    color: #9fb2d1 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

body.mh-point-page .point_all,
body.mh-point-page .point_total,
body.mh-point-page .point_sum,
body.mh-point-page .total {
    min-height: 52px !important;
    padding: 13px 16px !important;
}

body.mh-point-page .win_btn {
    margin: 18px 0 22px !important;
}

/* Point popup close button final style */
body.mh-point-page .win_btn,
body.mh-point-page .btn_confirm,
body.mh-point-page .win_btn_bo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 18px 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
}

body.mh-point-page .win_btn input,
body.mh-point-page .win_btn button,
body.mh-point-page .win_btn a,
body.mh-point-page .btn_confirm input,
body.mh-point-page .btn_confirm button,
body.mh-point-page .btn_confirm a,
body.mh-point-page .win_btn_bo input,
body.mh-point-page .win_btn_bo button,
body.mh-point-page .win_btn_bo a,
body.mh-point-page input[type="button"],
body.mh-point-page button[type="button"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 112px !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 24px !important;
    border: 1px solid rgba(79, 141, 255, 0.5) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(79, 141, 255, 0.16), rgba(25, 77, 158, 0.12)) !important;
    color: #4f8dff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 42px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
    cursor: pointer !important;
}

body.mh-point-page .win_btn input:hover,
body.mh-point-page .win_btn button:hover,
body.mh-point-page .win_btn a:hover,
body.mh-point-page .btn_confirm input:hover,
body.mh-point-page .btn_confirm button:hover,
body.mh-point-page .btn_confirm a:hover,
body.mh-point-page input[type="button"]:hover,
body.mh-point-page button[type="button"]:hover {
    border-color: rgba(79, 141, 255, 0.78) !important;
    background: rgba(79, 141, 255, 0.24) !important;
    color: #edf4ff !important;
}

/* Point popup requested layout */
body.mh-point-page h1 {
    width: min(430px, calc(100vw - 34px)) !important;
    margin: 14px auto 12px !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.mh-point-page ul:first-of-type,
body.mh-point-page table:first-of-type {
    width: min(430px, calc(100vw - 34px)) !important;
    margin: 0 auto 14px !important;
}

body.mh-point-page ul:first-of-type > li:first-child,
body.mh-point-page table:first-of-type tr:first-child {
    min-height: 32px !important;
    padding: 8px 14px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

body.mh-point-page ul:first-of-type > li:first-child *,
body.mh-point-page table:first-of-type tr:first-child * {
    font-size: 16px !important;
    font-weight: 900 !important;
}

body.mh-point-page .mh-point-entry {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 74px auto !important;
    grid-template-areas: "title amount date" !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    min-height: 38px !important;
    padding: 9px 14px !important;
}

body.mh-point-page .mh-point-entry-title {
    grid-area: title !important;
    min-width: 0 !important;
    color: #edf4ff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.mh-point-page .mh-point-entry-date {
    grid-area: date !important;
    color: #b8c7df !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.mh-point-page .mh-point-entry-amount {
    grid-area: amount !important;
    display: block !important;
    color: #6ea0ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Point popup: requested compact balance and history layout */
body.mh-point-page h1 {
    width: min(396px, calc(100vw - 70px)) !important;
    margin: 20px auto 8px !important;
    color: #edf4ff !important;
    font-size: clamp(24px, 5.5vw, 30px) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.mh-point-page .mh-point-balance {
    display: grid !important;
    grid-template-columns: 1fr max-content 96px 1fr !important;
    align-items: center !important;
    column-gap: 34px !important;
    width: min(428px, calc(100vw - 54px)) !important;
    min-height: 84px !important;
    margin: 0 auto 8px !important;
    padding: 20px 34px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
    color: #edf4ff !important;
}

body.mh-point-page .mh-point-balance-row {
    display: table-row !important;
}

body.mh-point-page .mh-point-balance-row > td {
    display: table-cell !important;
    padding: 0 !important;
}

body.mh-point-page .mh-point-balance *,
body.mh-point-page .mh-point-balance-label,
body.mh-point-page .mh-point-balance-amount {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #edf4ff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.mh-point-page .mh-point-balance-label {
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.mh-point-page .mh-point-balance-amount {
    min-width: 58px !important;
    text-align: right !important;
}

@media (max-width: 380px) {
    body.mh-point-page .mh-point-balance {
        padding-right: 24px !important;
        padding-left: 24px !important;
        column-gap: 12px !important;
    }

    body.mh-point-page .mh-point-balance *,
    body.mh-point-page .mh-point-balance-label,
    body.mh-point-page .mh-point-balance-amount {
        font-size: 20px !important;
    }
}

body.mh-point-page ul:first-of-type,
body.mh-point-page table:first-of-type {
    width: min(438px, calc(100vw - 54px)) !important;
    margin: 0 auto 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.mh-point-page li,
body.mh-point-page tr,
body.mh-point-page td {
    border: 0 !important;
}

body.mh-point-page .mh-point-entry-row > td {
    padding: 0 !important;
}

body.mh-point-page .mh-point-entry {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 76px 132px !important;
    grid-template-areas: "title amount date" !important;
    align-items: center !important;
    column-gap: 14px !important;
    min-height: 74px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #0b1f3d !important;
}

body.mh-point-page .mh-point-entry-title {
    grid-area: title !important;
    min-width: 0 !important;
    color: #edf4ff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.mh-point-page .mh-point-entry-amount {
    grid-area: amount !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body.mh-point-page .mh-point-entry-date {
    grid-area: date !important;
    color: #edf4ff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.mh-point-page .win_btn,
body.mh-point-page .btn_confirm,
body.mh-point-page .win_btn_bo {
    margin-top: 156px !important;
}

body.mh-point-page .mh-point-subtotal-hidden,
body.mh-point-page .mh-point-subtotal-hidden * {
    display: none !important;
}

/* Point popup final mockup match */
body.mh-point-page {
    min-width: 0 !important;
    overflow-x: hidden !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(29, 140, 136, 0.22), transparent 36%),
        linear-gradient(180deg, #0b1324 0%, #050912 100%) !important;
}

body.mh-point-page #wrapper,
body.mh-point-page #container,
body.mh-point-page #content,
body.mh-point-page .new_win,
body.mh-point-page .win_point,
body.mh-point-page #point,
body.mh-point-page #point_list {
    width: min(438px, calc(100vw - 32px)) !important;
    max-width: 438px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
}

body.mh-point-page h1 {
    width: min(438px, calc(100vw - 32px)) !important;
    margin: 34px auto 22px !important;
    color: #f0f7ff !important;
    font-size: 29px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.mh-point-page .mh-point-balance {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    column-gap: 18px !important;
    width: min(438px, calc(100vw - 32px)) !important;
    min-height: 62px !important;
    margin: 0 auto 16px !important;
    padding: 0 22px !important;
    border: 1px solid #314261 !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #121d30 0%, #0d1626 100%) !important;
    color: #f2f7ff !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22) !important;
}

body.mh-point-page .mh-point-balance *,
body.mh-point-page .mh-point-balance-label,
body.mh-point-page .mh-point-balance-amount {
    color: #f2f7ff !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

body.mh-point-page .mh-point-balance-amount {
    min-width: 58px !important;
    text-align: left !important;
}

body.mh-point-page .mh-point-balance-label {
    grid-column: 2 !important;
    text-align: right !important;
}

body.mh-point-page .mh-point-balance-amount {
    grid-column: 3 !important;
}

body.mh-point-page .mh-point-history-list {
    display: block !important;
    width: min(438px, calc(100vw - 32px)) !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border: 1px solid #263957 !important;
    border-radius: 7px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #0b1f3d !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22) !important;
}

body.mh-point-page .mh-point-history-list tbody {
    display: block !important;
}

body.mh-point-page .mh-point-history-list li,
body.mh-point-page .mh-point-history-list tr {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    border-bottom: 1px solid #263957 !important;
    background: transparent !important;
}

body.mh-point-page .mh-point-history-list li:last-child,
body.mh-point-page .mh-point-history-list tr:last-child {
    border-bottom: 0 !important;
}

body.mh-point-page .mh-point-history-list td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
}

body.mh-point-page .mh-point-entry {
    display: grid !important;
    grid-template-columns: 1fr 72px 1fr !important;
    grid-template-areas: "title amount date" !important;
    align-items: center !important;
    column-gap: 18px !important;
    width: 100% !important;
    min-height: 65px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #0b1f3d !important;
    box-sizing: border-box !important;
}

body.mh-point-page .mh-point-entry-title,
body.mh-point-page .mh-point-entry-amount,
body.mh-point-page .mh-point-entry-date {
    color: #f2f7ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.mh-point-page .mh-point-entry-title {
    grid-area: title !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}

body.mh-point-page .mh-point-entry-amount {
    grid-area: amount !important;
    text-align: center !important;
}

body.mh-point-page .mh-point-entry-date {
    grid-area: date !important;
    text-align: right !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.mh-point-page .mh-point-subtotal-hidden,
body.mh-point-page .mh-point-subtotal-hidden *,
body.mh-point-page .mh-point-history-list .mh-point-subtotal-hidden {
    display: none !important;
}

body.mh-point-page .win_btn,
body.mh-point-page .btn_confirm,
body.mh-point-page .win_btn_bo {
    margin: 126px 0 0 !important;
}

body.mh-point-page .win_btn input,
body.mh-point-page .win_btn button,
body.mh-point-page .win_btn a,
body.mh-point-page .btn_confirm input,
body.mh-point-page .btn_confirm button,
body.mh-point-page .btn_confirm a,
body.mh-point-page .win_btn_bo input,
body.mh-point-page .win_btn_bo button,
body.mh-point-page .win_btn_bo a,
body.mh-point-page input[type="button"],
body.mh-point-page button[type="button"] {
    min-width: 112px !important;
    height: 42px !important;
    border-radius: 7px !important;
}

@media (max-width: 430px) {
    body.mh-point-page h1 {
        font-size: 24px !important;
    }

    body.mh-point-page .mh-point-balance {
        padding-right: 20px !important;
        padding-left: 24px !important;
        grid-template-columns: 1fr max-content 58px 1fr !important;
        column-gap: 16px !important;
    }

    body.mh-point-page .mh-point-balance *,
    body.mh-point-page .mh-point-balance-label,
    body.mh-point-page .mh-point-balance-amount {
        font-size: 20px !important;
    }

    body.mh-point-page .mh-point-entry {
        grid-template-columns: 1fr 52px 1fr !important;
        column-gap: 8px !important;
        padding: 0 14px !important;
    }

    body.mh-point-page .mh-point-entry-title,
    body.mh-point-page .mh-point-entry-amount,
    body.mh-point-page .mh-point-entry-date {
        font-size: 12px !important;
    }
}

.mh-board-current-title {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 1280px !important;
    transform: none !important;
    margin: 0 auto 14px !important;
    padding: 10px 28px !important;
    border: 1px solid rgba(79, 141, 255, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.92), rgba(8, 13, 24, 0.96)) !important;
    color: #edf4ff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: 0 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24) !important;
    pointer-events: none !important;
}

#bo_btn_top {
    position: relative !important;
}

@media (max-width: 900px) {
    .mh-board-current-title {
        max-width: calc(100% - 24px) !important;
        margin: 0 auto 12px !important;
        padding: 10px 14px !important;
        font-size: 17px !important;
    }
}

.mh-transfer-alert {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    display: grid !important;
    place-items: center !important;
    padding: 24px !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(79, 141, 255, 0.12), transparent 30%),
        rgba(3, 6, 13, 0.78) !important;
}

.mh-transfer-alert-card {
    width: min(420px, calc(100vw - 48px)) !important;
    padding: 24px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(7, 12, 23, 0.98)) !important;
    color: #edf4ff !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;
    text-align: center !important;
}

.mh-transfer-alert-card p {
    margin: 0 0 20px !important;
    color: #edf4ff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
}

.mh-transfer-alert-card button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 104px !important;
    height: 42px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(79, 141, 255, 0.52) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.14) !important;
    color: #4f8dff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.mh-transfer-alert-card button:hover,
.mh-transfer-alert-card button:focus {
    background: rgba(79, 141, 255, 0.22) !important;
    color: #edf4ff !important;
    outline: none !important;
}

.mh-confirm-alert-card {
    text-align: left !important;
}

.mh-confirm-alert-card p {
    margin-bottom: 12px !important;
    text-align: left !important;
}

.mh-confirm-alert-card span {
    display: block !important;
    color: #b8c7df !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
}

.mh-confirm-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 22px !important;
}

.mh-confirm-alert-card .mh-confirm-cancel {
    border-color: rgba(92, 143, 220, 0.32) !important;
    background: rgba(92, 143, 220, 0.12) !important;
    color: #dbe7fb !important;
}

/* Inline board search replaces the broken popup search */
#bo_btn_top .btn_bo_sch,
.bo_fx .btn_bo_sch,
#bo_btn_top a[title="게시판 검색"],
#bo_btn_top button[title="게시판 검색"],
#bo_btn_top a[aria-label="게시판 검색"],
#bo_btn_top button[aria-label="게시판 검색"],
.bo_fx a[title="게시판 검색"],
.bo_fx button[title="게시판 검색"],
.bo_fx a[aria-label="게시판 검색"],
.bo_fx button[aria-label="게시판 검색"],
#bo_sch.mh-board-search-panel,
.bo_sch_wrap.mh-board-search-panel,
.sch_wrap.mh-board-search-panel {
    display: none !important;
}

.mh-board-bottom-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 18px auto 16px !important;
}

.mh-board-bottom-tools .mh-inline-board-search {
    flex: 1 1 560px !important;
    width: auto !important;
    max-width: 720px !important;
    margin: 0 !important;
}

.mh-board-bottom-tools .bo_fx {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#bo_list .mh-board-bottom-tools .bo_fx,
#bo_gall .mh-board-bottom-tools .bo_fx {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mh-board-bottom-tools .mh-bottom-board-buttons {
    margin-left: auto !important;
}

.mh-inline-board-search {
    display: grid !important;
    grid-template-columns: 128px minmax(220px, 1fr) 76px !important;
    align-items: center !important;
    gap: 8px !important;
    width: min(520px, calc(100% - 32px)) !important;
    margin: 18px auto 16px !important;
    padding: 8px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.94), rgba(8, 13, 24, 0.98)) !important;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.25) !important;
}

.mh-inline-board-search select,
.mh-inline-board-search input,
.mh-inline-board-search button {
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

.mh-inline-board-search select,
.mh-inline-board-search input {
    width: 100% !important;
    padding: 0 12px !important;
    border: 1px solid rgba(92, 143, 220, 0.25) !important;
    background: #061225 !important;
    color: #edf4ff !important;
    outline: none !important;
}

.mh-inline-board-search input::placeholder {
    color: rgba(219, 231, 251, 0.55) !important;
    opacity: 1 !important;
}

.mh-inline-board-search select:focus,
.mh-inline-board-search input:focus {
    border-color: rgba(79, 141, 255, 0.58) !important;
    box-shadow: 0 0 0 3px rgba(79, 141, 255, 0.1) !important;
}

.mh-inline-board-search button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border: 1px solid rgba(79, 141, 255, 0.45) !important;
    background: rgba(79, 141, 255, 0.12) !important;
    color: #4f8dff !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.mh-inline-board-search button:hover {
    background: rgba(79, 141, 255, 0.2) !important;
    color: #edf4ff !important;
}

@media (max-width: 640px) {
    .mh-board-bottom-tools {
        align-items: stretch !important;
        flex-direction: column !important;
        width: calc(100% - 24px) !important;
    }

    .mh-board-bottom-tools .mh-inline-board-search {
        flex: 0 1 auto !important;
        max-width: none !important;
    }

    .mh-board-bottom-tools .bo_fx {
        align-self: flex-end !important;
    }

    .mh-inline-board-search {
        grid-template-columns: 1fr !important;
        width: calc(100% - 24px) !important;
    }
}

html body #bo_sch.mh-board-search-panel .btn_submit i,
html body #bo_sch.mh-board-search-panel .sch_btn i,
html body #bo_sch.mh-board-search-panel button[type="submit"] i,
html body .bo_sch_wrap.mh-board-search-panel .btn_submit i,
html body .bo_sch_wrap.mh-board-search-panel .sch_btn i,
html body .bo_sch_wrap.mh-board-search-panel button[type="submit"] i,
html body .sch_wrap.mh-board-search-panel .btn_submit i,
html body .sch_wrap.mh-board-search-panel .sch_btn i,
html body .sch_wrap.mh-board-search-panel button[type="submit"] i {
    display: inline-block !important;
    color: #edf4ff !important;
    font-size: 15px !important;
}

html body #bo_sch.mh-board-search-panel .bo_sch_cls,
html body #bo_sch.mh-board-search-panel .btn_close,
html body .bo_sch_wrap.mh-board-search-panel .bo_sch_cls,
html body .bo_sch_wrap.mh-board-search-panel .btn_close,
html body .sch_wrap.mh-board-search-panel .bo_sch_cls,
html body .sch_wrap.mh-board-search-panel .btn_close {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #dbe7fb !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

html body #bo_sch.mh-board-search-panel form,
html body .bo_sch_wrap.mh-board-search-panel form,
html body .sch_wrap.mh-board-search-panel form {
    display: block !important;
    border: 0 !important;
    background: transparent !important;
}

html body #bo_sch.mh-board-search-panel .sch_bar,
html body .bo_sch_wrap.mh-board-search-panel .sch_bar,
html body .sch_wrap.mh-board-search-panel .sch_bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    width: 100% !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    background: #061225 !important;
}

/* Emergency correction: keep board search as a centered modal, not a side panel */
html body #bo_sch.mh-board-search-panel,
html body .bo_sch_wrap.mh-board-search-panel,
html body .sch_wrap.mh-board-search-panel {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: 330px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 16px !important;
    overflow: visible !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 8px !important;
    background: #0b1f3d !important;
    color: #dbe7fb !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.58) !important;
    z-index: 9999 !important;
}

html body #bo_sch.mh-board-search-panel > *,
html body .bo_sch_wrap.mh-board-search-panel > *,
html body .sch_wrap.mh-board-search-panel > * {
    background-color: transparent !important;
}

html body #bo_sch.mh-board-search-panel form,
html body .bo_sch_wrap.mh-board-search-panel form,
html body .sch_wrap.mh-board-search-panel form {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

html body #bo_sch.mh-board-search-panel select,
html body .bo_sch_wrap.mh-board-search-panel select,
html body .sch_wrap.mh-board-search-panel select {
    margin-bottom: 12px !important;
}

html body #bo_sch.mh-board-search-panel .sch_bar,
html body .bo_sch_wrap.mh-board-search-panel .sch_bar,
html body .sch_wrap.mh-board-search-panel .sch_bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    background: #061225 !important;
}

html body #bo_sch.mh-board-search-panel input[type="text"],
html body #bo_sch.mh-board-search-panel input[type="search"],
html body #bo_sch.mh-board-search-panel .frm_input,
html body #bo_sch.mh-board-search-panel .sch_input,
html body .bo_sch_wrap.mh-board-search-panel input[type="text"],
html body .bo_sch_wrap.mh-board-search-panel input[type="search"],
html body .bo_sch_wrap.mh-board-search-panel .frm_input,
html body .bo_sch_wrap.mh-board-search-panel .sch_input,
html body .sch_wrap.mh-board-search-panel input[type="text"],
html body .sch_wrap.mh-board-search-panel input[type="search"],
html body .sch_wrap.mh-board-search-panel .frm_input,
html body .sch_wrap.mh-board-search-panel .sch_input {
    height: 40px !important;
    background: #061225 !important;
    color: #edf4ff !important;
}

html body #bo_sch.mh-board-search-panel .btn_submit,
html body #bo_sch.mh-board-search-panel .sch_btn,
html body #bo_sch.mh-board-search-panel button[type="submit"],
html body .bo_sch_wrap.mh-board-search-panel .btn_submit,
html body .bo_sch_wrap.mh-board-search-panel .sch_btn,
html body .bo_sch_wrap.mh-board-search-panel button[type="submit"],
html body .sch_wrap.mh-board-search-panel .btn_submit,
html body .sch_wrap.mh-board-search-panel .sch_btn,
html body .sch_wrap.mh-board-search-panel button[type="submit"] {
    height: 40px !important;
    background: #0d1626 !important;
    color: #edf4ff !important;
}

/* Hard override: point popup exact alignment */
html body.mh-point-page .mh-point-balance {
    position: relative !important;
    display: block !important;
    width: min(438px, calc(100vw - 32px)) !important;
    min-height: 58px !important;
    margin: 0 auto 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body.mh-point-page .mh-point-balance-label,
html body.mh-point-page .mh-point-balance-amount {
    position: absolute !important;
    top: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    color: #f2f7ff !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body.mh-point-page .mh-point-balance-label {
    left: 122px !important;
    text-align: left !important;
}

html body.mh-point-page .mh-point-balance-amount {
    right: 40px !important;
    min-width: 0 !important;
    text-align: right !important;
}

html body.mh-point-page .mh-point-entry {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 66px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body.mh-point-page .mh-point-entry-title,
html body.mh-point-page .mh-point-entry-amount,
html body.mh-point-page .mh-point-entry-date {
    position: absolute !important;
    top: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    color: #f2f7ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body.mh-point-page .mh-point-entry-title {
    left: 20px !important;
    width: 120px !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
}

html body.mh-point-page .mh-point-entry-amount {
    left: 50% !important;
    width: 72px !important;
    text-align: center !important;
    transform: translate(-50%, -50%) !important;
}

html body.mh-point-page .mh-point-entry-date {
    right: 20px !important;
    width: 156px !important;
    overflow: visible !important;
    text-align: right !important;
    text-overflow: clip !important;
}

html body.mh-point-page .mh-point-subtotal-hidden,
html body.mh-point-page .mh-point-subtotal-hidden * {
    display: none !important;
}

/* Login page theme */
body.mh-login-page {
    color: #dbe7fb !important;
    background:
        linear-gradient(180deg, rgba(5, 8, 15, 0.38), rgba(5, 8, 15, 0.86)),
        url("../img/login-bg.png") center center / cover no-repeat fixed !important;
    min-height: 100vh !important;
}

body.mh-login-page #wrapper,
body.mh-login-page #container,
body.mh-login-page #content,
body.mh-login-page .mbskin,
body.mh-login-page #mb_login {
    width: min(520px, calc(100vw - 32px)) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

body.mh-login-page #container,
body.mh-login-page #content,
body.mh-login-page .mbskin {
    padding-top: 0 !important;
}

body.mh-login-page #wrapper {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    padding-top: 18vh !important;
    box-sizing: border-box !important;
}

body.mh-login-page #mb_login,
body.mh-login-page .login,
body.mh-login-page .mbskin > form,
body.mh-login-page #flogin {
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45) !important;
}

body.mh-login-page #mb_login h1,
body.mh-login-page #mb_login h2,
body.mh-login-page .mbskin h1,
body.mh-login-page .mbskin h2,
body.mh-login-page .login_title {
    display: none !important;
}

body.mh-login-page #mb_login h1::after,
body.mh-login-page #mb_login h2::after,
body.mh-login-page .mbskin h1::after,
body.mh-login-page .mbskin h2::after {
    display: none !important;
}

body.mh-login-page .login_tab,
body.mh-login-page .mbskin .login_tab,
body.mh-login-page #mb_login .login_tab,
body.mh-login-page .mbskin > div:first-child,
body.mh-login-page #mb_login > div:first-child,
body.mh-login-page .mbskin ul:first-child,
body.mh-login-page #mb_login ul:first-child {
    display: none !important;
}

body.mh-login-page .login_tab a,
body.mh-login-page .login_tab li,
body.mh-login-page .mbskin .login_tab a,
body.mh-login-page .mbskin .login_tab li,
body.mh-login-page .mbskin > div:first-child a,
body.mh-login-page #mb_login > div:first-child a,
body.mh-login-page .mbskin ul:first-child a,
body.mh-login-page #mb_login ul:first-child a,
body.mh-login-page .mbskin ul:first-child li,
body.mh-login-page #mb_login ul:first-child li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    background: transparent !important;
    color: #9fb2d1 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
}

body.mh-login-page .login_tab .selected,
body.mh-login-page .login_tab .active,
body.mh-login-page .login_tab a:hover,
body.mh-login-page .mbskin > div:first-child a:hover,
body.mh-login-page #mb_login > div:first-child a:hover,
body.mh-login-page .mbskin ul:first-child a:hover,
body.mh-login-page #mb_login ul:first-child a:hover {
    color: #4f8dff !important;
    background: rgba(79, 141, 255, 0.08) !important;
}

body.mh-login-page fieldset,
body.mh-login-page #login_fs,
body.mh-login-page .login_fs {
    margin: 0 !important;
    padding: 28px 38px 30px !important;
    border: 0 !important;
    background: transparent !important;
}

body.mh-login-page legend,
body.mh-login-page .sound_only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

body.mh-login-page input[type="text"],
body.mh-login-page input[type="password"],
body.mh-login-page input[type="email"],
body.mh-login-page .frm_input {
    width: 100% !important;
    height: 46px !important;
    margin: 0 0 10px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    outline: none !important;
}

body.mh-login-page input[type="text"]:focus,
body.mh-login-page input[type="password"]:focus,
body.mh-login-page input[type="email"]:focus,
body.mh-login-page .frm_input:focus {
    border-color: rgba(79, 141, 255, 0.62) !important;
    box-shadow: 0 0 0 3px rgba(79, 141, 255, 0.1) !important;
}

body.mh-login-page input::placeholder {
    color: rgba(219, 231, 251, 0.52) !important;
    opacity: 1 !important;
}

body.mh-login-page .btn_submit,
body.mh-login-page button[type="submit"],
body.mh-login-page input[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    margin: 10px 0 14px !important;
    border: 1px solid rgba(79, 141, 255, 0.55) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(79, 141, 255, 0.18), rgba(25, 77, 158, 0.14)) !important;
    color: #4f8dff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}

body.mh-login-page .btn_submit:hover,
body.mh-login-page button[type="submit"]:hover,
body.mh-login-page input[type="submit"]:hover {
    border-color: rgba(79, 141, 255, 0.82) !important;
    background: rgba(79, 141, 255, 0.24) !important;
    color: #edf4ff !important;
}

body.mh-login-page #login_info,
body.mh-login-page .login_info,
body.mh-login-page .login_if,
body.mh-login-page .login_auto,
body.mh-login-page .login_id_lost {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    color: #9fb2d1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body.mh-login-page label {
    color: #9fb2d1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body.mh-login-page .mh-auto-login-label {
    display: inline-block !important;
    position: relative !important;
    padding-left: 19px !important;
    line-height: 18px !important;
    cursor: pointer !important;
}

body.mh-login-page .mh-auto-login-label::before,
body.mh-login-page .mh-auto-login-label::after {
    display: none !important;
}

body.mh-login-page .mh-auto-login-label input[type="checkbox"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}

body.mh-login-page input#login_auto:not(.mh-keep-visible),
body.mh-login-page input[name="auto_login"]:not(.mh-keep-visible) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}

body.mh-login-page .login_auto input[type="checkbox"],
body.mh-login-page #login_info input[type="checkbox"],
body.mh-login-page .login_info input[type="checkbox"],
body.mh-login-page .login_if input[type="checkbox"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}

body.mh-login-page .mh-auto-login-check {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -8px !important;
    border: 1px solid rgba(219, 231, 251, 0.75) !important;
    border-radius: 5px !important;
    background: rgba(8, 13, 24, 0.96) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

body.mh-login-page .mh-auto-login-label.is-checked .mh-auto-login-check {
    border-color: rgba(79, 141, 255, 0.9) !important;
    background: rgba(79, 141, 255, 0.18) !important;
}

body.mh-login-page .mh-auto-login-label.is-checked .mh-auto-login-check::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 1px !important;
    width: 5px !important;
    height: 9px !important;
    border: solid #4f8dff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

body.mh-login-page label,
body.mh-login-page label * {
    pointer-events: auto !important;
    cursor: pointer !important;
}

body.mh-login-page a {
    color: #9fb2d1 !important;
}

body.mh-login-page a:hover {
    color: #4f8dff !important;
}

body.mh-login-page .btn_member,
body.mh-login-page .login_join,
body.mh-login-page .mbskin .btn01,
body.mh-login-page .mbskin .btn02 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: rgba(16, 24, 39, 0.9) !important;
    color: #dbe7fb !important;
    font-weight: 900 !important;
}

body.mh-login-page .mbskin > p,
body.mh-login-page .mbskin .mb_log_cate {
    background: transparent !important;
    color: #9fb2d1 !important;
}

body.mh-login-page .mbskin *,
body.mh-login-page #mb_login * {
    border-color: rgba(92, 143, 220, 0.24) !important;
}

body.mh-login-page .mbskin div,
body.mh-login-page #mb_login div,
body.mh-login-page .mbskin ul,
body.mh-login-page #mb_login ul,
body.mh-login-page .mbskin li,
body.mh-login-page #mb_login li {
    background-color: transparent !important;
}

body.mh-login-page .mbskin > div:first-child,
body.mh-login-page #mb_login > div:first-child,
body.mh-login-page .mbskin ul:first-child,
body.mh-login-page #mb_login ul:first-child {
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
    background: #0b1324 !important;
}

body.mh-login-page .mbskin > div:first-child a,
body.mh-login-page #mb_login > div:first-child a,
body.mh-login-page .mbskin ul:first-child a,
body.mh-login-page #mb_login ul:first-child a {
    color: #9fb2d1 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
}

body.mh-login-page .mbskin > div:first-child a:first-child,
body.mh-login-page #mb_login > div:first-child a:first-child,
body.mh-login-page .mbskin ul:first-child li:first-child,
body.mh-login-page #mb_login ul:first-child li:first-child {
    color: #4f8dff !important;
    background: rgba(79, 141, 255, 0.08) !important;
}

body.mh-login-page .mh-login-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    background: #0b1324 !important;
}

body.mh-login-page .mh-login-tabs span,
body.mh-login-page .mh-login-tabs a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    background: transparent !important;
    color: #9fb2d1 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
}

body.mh-login-page .mh-login-tabs .is-active {
    color: #4f8dff !important;
    background: rgba(79, 141, 255, 0.1) !important;
}

body.mh-login-page .mh-login-tabs a:hover {
    color: #edf4ff !important;
    background: rgba(92, 143, 220, 0.08) !important;
}

body.mh-login-page .mh-login-tabs ~ a[href*="register"],
body.mh-login-page .mh-login-tabs ~ div a[href*="register"],
body.mh-login-page .mh-login-tabs ~ p a[href*="register"],
body.mh-login-page .login_join,
body.mh-login-page .btn_member[href*="register"] {
    display: none !important;
}

body.mh-login-page .mh-login-home-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 180px !important;
    min-width: 0 !important;
    height: 46px !important;
    margin: 32px auto 0 !important;
    padding: 0 26px !important;
    border: 1px solid rgba(79, 141, 255, 0.62) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(79, 141, 255, 0.18), rgba(8, 27, 38, 0.92)) !important;
    color: #75ffe3 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-shadow: 0 0 14px rgba(79, 141, 255, 0.36) !important;
    box-shadow:
        0 12px 34px rgba(0, 0, 0, 0.34),
        inset 0 0 20px rgba(79, 141, 255, 0.08) !important;
}

body.mh-login-page .mh-login-home-link:hover,
body.mh-login-page .mh-login-home-link:focus {
    border-color: rgba(117, 255, 227, 0.9) !important;
    background:
        linear-gradient(180deg, rgba(79, 141, 255, 0.28), rgba(9, 36, 48, 0.96)) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 640px) {
    body.mh-login-page #wrapper {
        padding-top: 9vh !important;
    }

    body.mh-login-page #container,
    body.mh-login-page #content,
    body.mh-login-page .mbskin {
        padding-top: 0 !important;
    }

    body.mh-login-page fieldset,
    body.mh-login-page #login_fs,
    body.mh-login-page .login_fs {
        padding: 24px 18px !important;
    }
}

/* Password lost page theme */
body.mh-password-lost-page {
    color: #dbe7fb !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(79, 141, 255, 0.14), transparent 30%),
        radial-gradient(circle at 84% 18%, rgba(143, 216, 255, 0.08), transparent 26%),
        linear-gradient(180deg, #06142b 0%, #020612 100%) !important;
}

body.mh-password-lost-page #wrapper,
body.mh-password-lost-page #container,
body.mh-password-lost-page #content,
body.mh-password-lost-page .mbskin {
    width: min(620px, calc(100vw - 32px)) !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

body.mh-password-lost-page #container,
body.mh-password-lost-page #content,
body.mh-password-lost-page .mbskin {
    padding-top: 54px !important;
}

body.mh-password-lost-page .mbskin,
body.mh-password-lost-page .mbskin form {
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45) !important;
}

body.mh-password-lost-page .mbskin form {
    padding: 30px !important;
}

body.mh-password-lost-page h1,
body.mh-password-lost-page h2,
body.mh-password-lost-page h3 {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #edf4ff !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

body.mh-password-lost-page p,
body.mh-password-lost-page .mbskin p,
body.mh-password-lost-page .mbskin div {
    color: #b8c7df !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    word-break: keep-all !important;
}

body.mh-password-lost-page input[type="text"],
body.mh-password-lost-page input[type="email"],
body.mh-password-lost-page .frm_input {
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    margin: 14px 0 18px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    outline: none !important;
}

body.mh-password-lost-page input::placeholder {
    color: rgba(219, 231, 251, 0.52) !important;
    opacity: 1 !important;
}

body.mh-password-lost-page #captcha {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 18px 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: #061225 !important;
}

body.mh-password-lost-page #captcha legend {
    grid-column: 1 / -1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    color: #edf4ff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

body.mh-password-lost-page #captcha_img {
    width: 160px !important;
    height: 60px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    background: #fff !important;
    object-fit: contain !important;
}

body.mh-password-lost-page #captcha_key {
    width: 100% !important;
    margin: 0 !important;
}

body.mh-password-lost-page #captcha_mp3,
body.mh-password-lost-page #captcha_reload {
    width: auto !important;
    min-width: 130px !important;
    height: 36px !important;
    margin: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 7px !important;
    background: rgba(16, 24, 39, 0.9) !important;
    color: #edf4ff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body.mh-password-lost-page #captcha_info {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    color: #9fb2d1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body.mh-password-lost-page .btn_submit,
body.mh-password-lost-page button[type="submit"],
body.mh-password-lost-page input[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 150px !important;
    height: 44px !important;
    margin: 24px auto 0 !important;
    padding: 0 24px !important;
    border: 1px solid rgba(79, 141, 255, 0.55) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.14) !important;
    color: #4f8dff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

@media (max-width: 640px) {
    body.mh-password-lost-page #captcha {
        grid-template-columns: 1fr !important;
    }

    body.mh-password-lost-page #captcha_img {
        width: 100% !important;
    }
}

/* Main banner apply form */
.mh-banner-write-page {
    width: min(760px, calc(100vw - 32px)) !important;
    margin: 0 auto !important;
}

.mh-banner-apply-panel {
    margin: 0 auto 18px !important;
    padding: 22px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
    color: #dbe7fb !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28) !important;
}

.mh-banner-apply-panel h2 {
    margin: 0 0 8px !important;
    color: #edf4ff !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.mh-banner-apply-panel p {
    margin: 0 0 18px !important;
    color: #9fb2d1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

.mh-banner-apply-map {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.mh-banner-apply-server {
    display: grid !important;
    grid-template-columns: 110px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 16px 0 14px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 7px !important;
    background: rgba(9, 22, 39, 0.72) !important;
    color: rgba(232, 240, 255, 0.9) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.mh-banner-apply-server input {
    min-width: 0 !important;
    width: 100% !important;
    height: 38px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(79, 141, 255, 0.42) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

.mh-banner-apply-slot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 7px !important;
    background: rgba(13, 22, 38, 0.95) !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}

.mh-banner-apply-slot:hover,
.mh-banner-apply-slot.is-selected {
    border-color: rgba(79, 141, 255, 0.72) !important;
    background: rgba(79, 141, 255, 0.16) !important;
    color: #4f8dff !important;
}

.mh-banner-apply-premium {
    grid-column: 1 / -1 !important;
    min-height: 72px !important;
    font-size: 22px !important;
}

.mh-banner-apply-semi {
    grid-column: 1 / -1 !important;
    min-height: 52px !important;
    font-size: 19px !important;
}

.mh-banner-apply-normal {
    grid-column: span 3 !important;
}

.mh-banner-apply-small {
    grid-column: span 2 !important;
}

.mh-banner-apply-current {
    margin: 16px 0 0 !important;
    color: #9fb2d1 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.mh-banner-apply-current strong {
    color: #4f8dff !important;
}

.mh-banner-apply-note {
    margin-top: 10px !important;
    padding: 12px !important;
    border: 1px solid rgba(79, 141, 255, 0.2) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.08) !important;
    color: #dbe7fb !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.mh-banner-auto-hidden {
    display: none !important;
}

.mh-banner-write-page .btn_submit,
.mh-banner-write-page button[type="submit"],
.mh-banner-write-page input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 150px !important;
    width: auto !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 28px !important;
    border: 1px solid rgba(79, 141, 255, 0.55) !important;
    border-radius: 7px !important;
    background: rgba(16, 24, 39, 0.92) !important;
    color: #4f8dff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.mh-banner-write-page .btn_submit:hover,
.mh-banner-write-page button[type="submit"]:hover,
.mh-banner-write-page input[type="submit"]:hover,
.mh-banner-write-page .btn_submit:focus,
.mh-banner-write-page button[type="submit"]:focus,
.mh-banner-write-page input[type="submit"]:focus {
    border-color: rgba(79, 141, 255, 0.82) !important;
    background: rgba(79, 141, 255, 0.18) !important;
    color: #edf4ff !important;
    outline: none !important;
}

.mh-banner-write-page .btn_confirm,
.mh-banner-write-page .btn_submit_wrap,
.mh-banner-write-page .write_div:has(.btn_submit),
.mh-banner-write-page .bo_w_btn,
.mh-banner-write-page .win_btn {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 18px !important;
    padding: 0 !important;
    background: transparent !important;
}

.mh-banner-write-page a.btn_cancel,
.mh-banner-write-page .btn_cancel,
.mh-banner-write-page a[href*="board.php"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 72px !important;
    width: auto !important;
    height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 7px !important;
    background: rgba(16, 24, 39, 0.9) !important;
    color: #dbe7fb !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

/* Write form spacing: keep file controls away from submit buttons */
#bo_w .write_div:has(.mh-file-control),
#bo_w .bo_w_file:has(.mh-file-control),
#bo_w .bo_w_flie:has(.mh-file-control),
#bo_w .file_wr:has(.mh-file-control),
#bo_w .filebox:has(.mh-file-control) {
    margin-bottom: 22px !important;
}

#bo_w .btn_confirm,
#bo_w .bo_w_btn,
#bo_w .win_btn,
#bo_w .btn_submit_wrap {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 22px !important;
}

#bo_w .mh-file-control + .btn_confirm,
#bo_w .mh-file-control + .bo_w_btn,
#bo_w .mh-file-control + .win_btn {
    margin-top: 22px !important;
}

@media (max-width: 640px) {
    .mh-banner-apply-map {
        grid-template-columns: 1fr !important;
    }

    .mh-banner-apply-premium,
    .mh-banner-apply-semi,
    .mh-banner-apply-normal,
    .mh-banner-apply-small {
        grid-column: auto !important;
    }
}

/* Rebuilt point popup layout */
html body.mh-point-page .mh-point-shell,
html body.mh-point-page .mh-point-shell * {
    box-sizing: border-box !important;
}

html body.mh-point-page .mh-point-shell {
    width: min(438px, calc(100vw - 32px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #f2f7ff !important;
    background: transparent !important;
}

html body.mh-point-page .mh-point-title {
    display: block !important;
    width: 100% !important;
    margin: 34px auto 24px !important;
    padding: 0 !important;
    color: #f0f7ff !important;
    background: transparent !important;
    font-size: 29px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body.mh-point-page .mh-point-balance-card {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 auto 16px !important;
    padding: 0 40px !important;
    border: 1px solid #314261 !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #121d30 0%, #0d1626 100%) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22) !important;
}

html body.mh-point-page .mh-point-balance-card span,
html body.mh-point-page .mh-point-balance-card strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f2f7ff !important;
    background: transparent !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body.mh-point-page .mh-point-balance-card span {
    text-align: left !important;
}

html body.mh-point-page .mh-point-balance-card strong {
    text-align: right !important;
}

html body.mh-point-page .mh-point-history-card {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #263957 !important;
    border-radius: 7px !important;
    background: #0b1f3d !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22) !important;
}

html body.mh-point-page .mh-point-history-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 18px !important;
    width: 100% !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-bottom: 1px solid #263957 !important;
    background: transparent !important;
}

html body.mh-point-page .mh-point-history-row:last-child {
    border-bottom: 0 !important;
}

html body.mh-point-page .mh-point-history-title,
html body.mh-point-page .mh-point-history-amount,
html body.mh-point-page .mh-point-history-date {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f2f7ff !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body.mh-point-page .mh-point-history-title {
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body.mh-point-page .mh-point-history-amount {
    text-align: center !important;
}

html body.mh-point-page .mh-point-history-date {
    text-align: right !important;
}

html body.mh-point-page .mh-point-close-wrap {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

html body.mh-point-page .mh-point-pager {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

html body.mh-point-page .mh-point-page-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 7px !important;
    background: rgba(16, 24, 39, 0.9) !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

html body.mh-point-page .mh-point-page-btn:hover,
html body.mh-point-page .mh-point-page-btn.is-active {
    border-color: rgba(79, 141, 255, 0.68) !important;
    background: rgba(79, 141, 255, 0.16) !important;
    color: #4f8dff !important;
}

html body.mh-point-page .mh-point-close-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 112px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    border: 1px solid rgba(79, 141, 255, 0.5) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(79, 141, 255, 0.16), rgba(25, 77, 158, 0.12)) !important;
    color: #4f8dff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}

html body.mh-point-page .mh-point-close-btn:hover {
    border-color: rgba(79, 141, 255, 0.78) !important;
    background: rgba(79, 141, 255, 0.24) !important;
    color: #edf4ff !important;
}

@media (max-width: 430px) {
    html body.mh-point-page .mh-point-title {
        font-size: 24px !important;
    }

    html body.mh-point-page .mh-point-balance-card {
        padding: 0 24px !important;
    }

    html body.mh-point-page .mh-point-balance-card span,
    html body.mh-point-page .mh-point-balance-card strong {
        font-size: 20px !important;
    }

    html body.mh-point-page .mh-point-history-row {
        grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1.5fr) !important;
        column-gap: 8px !important;
        padding: 0 14px !important;
    }

    html body.mh-point-page .mh-point-history-title,
    html body.mh-point-page .mh-point-history-amount,
    html body.mh-point-page .mh-point-history-date {
        font-size: 12px !important;
    }
}

/* Register agreement screen refinements */
html body.mh-register-page #fregister section,
html body.mh-register-page #fregister .register_agree,
html body.mh-register-page #fregister .register_privacy,
html body.mh-register-page #fregister .tbl_wrap,
html body.mh-register-page #fregister .agree {
    border-color: rgba(92, 143, 220, 0.28) !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
    color: #dbe7fb !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
}

html body.mh-register-page #fregister section h2,
html body.mh-register-page #fregister .tbl_wrap h2 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    padding: 22px 60px !important;
    text-align: center !important;
}

html body.mh-register-page #fregister section h2 input[type="checkbox"],
html body.mh-register-page #fregister .tbl_wrap h2 input[type="checkbox"],
html body.mh-register-page #fregister section h2 label,
html body.mh-register-page #fregister .tbl_wrap h2 label {
    position: static !important;
    float: none !important;
}

html body.mh-register-page #fregister section h2 input[type="checkbox"],
html body.mh-register-page #fregister .tbl_wrap h2 input[type="checkbox"] {
    order: -1 !important;
    flex: 0 0 auto !important;
    margin: 0 10px 0 0 !important;
}

html body.mh-register-page #fregister label::before,
html body.mh-register-page #fregister label::after,
html body.mh-register-page #fregister .agree::before,
html body.mh-register-page #fregister .agree::after,
html body.mh-register-page #fregister .register_agree::before,
html body.mh-register-page #fregister .register_agree::after {
    display: none !important;
    content: none !important;
}

html body.mh-register-page #fregister .register_agree,
html body.mh-register-page #fregister .agree,
html body.mh-register-page #fregister .chk_all,
html body.mh-register-page #fregister #fregister_chkall {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 56px !important;
    margin: 14px 0 0 !important;
    padding: 15px 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(11, 18, 31, 0.98)) !important;
    color: #dbe7fb !important;
    text-align: center !important;
}

html body.mh-register-page #fregister .register_agree input[type="checkbox"],
html body.mh-register-page #fregister .agree input[type="checkbox"],
html body.mh-register-page #fregister .chk_all input[type="checkbox"],
html body.mh-register-page #fregister #fregister_chkall input[type="checkbox"] {
    position: static !important;
    order: 0 !important;
    flex: 0 0 18px !important;
    float: none !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
}

html body.mh-register-page #fregister .register_agree label,
html body.mh-register-page #fregister .agree label,
html body.mh-register-page #fregister .chk_all label,
html body.mh-register-page #fregister #fregister_chkall label {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
    color: #dbe7fb !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

html body.mh-register-page #fregister table,
html body.mh-register-page #fregister tbody,
html body.mh-register-page #fregister tr,
html body.mh-register-page #fregister th,
html body.mh-register-page #fregister td {
    background-color: #0d1626 !important;
}

html body.mh-register-page #fregister .tbl_wrap {
    padding: 18px 20px !important;
}

/* Stronger register checkbox placement overrides */
html body.mh-register-page #fregister section {
    position: relative !important;
}

html body.mh-register-page #fregister section > .agree,
html body.mh-register-page #fregister section > .register_agree,
html body.mh-register-page #fregister section > fieldset {
    position: absolute !important;
    left: 22px !important;
    right: auto !important;
    top: 25px !important;
    z-index: 3 !important;
    display: block !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
}

html body.mh-register-page #fregister section > .agree input[type="checkbox"],
html body.mh-register-page #fregister section > .register_agree input[type="checkbox"],
html body.mh-register-page #fregister section > fieldset input[type="checkbox"] {
    position: static !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
}

html body.mh-register-page #fregister section > .agree label,
html body.mh-register-page #fregister section > .register_agree label,
html body.mh-register-page #fregister section > fieldset label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}

html body.mh-register-page #fregister section h2::before,
html body.mh-register-page #fregister section h2::after,
html body.mh-register-page #fregister .tbl_wrap h2::before,
html body.mh-register-page #fregister .tbl_wrap h2::after {
    display: none !important;
    content: none !important;
}

html body.mh-register-page #fregister .register_privacy .tbl_wrap,
html body.mh-register-page #fregister section .tbl_wrap,
html body.mh-register-page #fregister .tbl_head01,
html body.mh-register-page #fregister .tbl_head01 table {
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    background: #0d1626 !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister .register_privacy .tbl_wrap,
html body.mh-register-page #fregister section .tbl_wrap,
html body.mh-register-page #fregister .tbl_head01 {
    padding: 12px !important;
}

html body.mh-register-page #fregister .register_privacy .tbl_wrap *,
html body.mh-register-page #fregister section .tbl_wrap *,
html body.mh-register-page #fregister .tbl_head01 * {
    background-color: #0d1626 !important;
}

html body.mh-register-page #fregister > .agree,
html body.mh-register-page #fregister > .register_agree,
html body.mh-register-page #fregister > .chk_all,
html body.mh-register-page #fregister > #fregister_chkall {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
}

html body.mh-register-page #fregister > .agree input[type="checkbox"],
html body.mh-register-page #fregister > .register_agree input[type="checkbox"],
html body.mh-register-page #fregister > .chk_all input[type="checkbox"],
html body.mh-register-page #fregister > #fregister_chkall input[type="checkbox"] {
    position: static !important;
    display: inline-block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.mh-register-page #fregister > .agree label,
html body.mh-register-page #fregister > .register_agree label,
html body.mh-register-page #fregister > .chk_all label,
html body.mh-register-page #fregister > #fregister_chkall label {
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
}

/* Register page final alignment for Gnuboard default classes */
html body.mh-register-page #fregister .register_msg,
html body.mh-register-page #fregister .alert,
html body.mh-register-page .mbskin .register_msg {
    margin: 0 auto 14px !important;
    padding: 15px 22px !important;
    border: 1px solid rgba(79, 141, 255, 0.34) !important;
    border-left: 4px solid rgba(79, 141, 255, 0.82) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(10, 17, 30, 0.98)) !important;
    color: #eaf3ff !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22) !important;
}

html body.mh-register-page #fregister .register_msg::before,
html body.mh-register-page #fregister .alert::before {
    color: #4f8dff !important;
}

html body.mh-register-page #fregister section > .fregister_agree {
    position: absolute !important;
    left: 22px !important;
    right: auto !important;
    top: 25px !important;
    z-index: 4 !important;
    display: block !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister section > .fregister_agree input[type="checkbox"] {
    position: static !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
}

html body.mh-register-page #fregister section > .fregister_agree label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}

html body.mh-register-page #fregister > .fregister_chkall,
html body.mh-register-page #fregister .fregister_chkall {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 56px !important;
    margin: 14px 0 0 !important;
    padding: 15px 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(11, 18, 31, 0.98)) !important;
    color: #dbe7fb !important;
    text-align: center !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister > .fregister_chkall input[type="checkbox"],
html body.mh-register-page #fregister .fregister_chkall input[type="checkbox"] {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    order: 0 !important;
    display: inline-block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
}

html body.mh-register-page #fregister > .fregister_chkall label,
html body.mh-register-page #fregister .fregister_chkall label {
    position: static !important;
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    color: #dbe7fb !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    clip: auto !important;
    clip-path: none !important;
}

/* Cache-busted register DOM classes */
html body.mh-register-page #fregister .mh-register-notice {
    margin: 0 auto 14px !important;
    padding: 15px 22px !important;
    border: 1px solid rgba(79, 141, 255, 0.34) !important;
    border-left: 4px solid rgba(79, 141, 255, 0.82) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(10, 17, 30, 0.98)) !important;
    color: #eaf3ff !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22) !important;
}

html body.mh-register-page #fregister section > .mh-section-agree-box {
    position: absolute !important;
    left: 22px !important;
    right: auto !important;
    top: 25px !important;
    z-index: 10 !important;
    display: block !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister section > .mh-section-agree-box input[type="checkbox"] {
    position: static !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
}

html body.mh-register-page #fregister section > .mh-section-agree-box label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
}

html body.mh-register-page #fregister .mh-register-checkall {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 56px !important;
    margin: 14px 0 0 !important;
    padding: 15px 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(11, 18, 31, 0.98)) !important;
    color: #dbe7fb !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister .mh-register-checkall input[type="checkbox"] {
    position: static !important;
    order: 0 !important;
    display: inline-block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
}

html body.mh-register-page #fregister .mh-register-checkall label {
    position: static !important;
    order: 1 !important;
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    color: #dbe7fb !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    clip: auto !important;
    clip-path: none !important;
}

/* Register agreement final scoped fix */
html body #fregister .register_msg,
html body #fregister .alert,
html body #fregister .msg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    margin: 0 auto 14px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-left: 0 !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(10, 17, 30, 0.98)) !important;
    color: #eaf3ff !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

html body #fregister .register_msg::before,
html body #fregister .register_msg::after,
html body #fregister .alert::before,
html body #fregister .alert::after,
html body #fregister .msg::before,
html body #fregister .msg::after {
    display: none !important;
    content: none !important;
}

html body #fregister .register_privacy .tbl_wrap,
html body #fregister #fregister_private .tbl_wrap,
html body #fregister .register_privacy .tbl_head01,
html body #fregister #fregister_private .tbl_head01 {
    padding: 12px !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-radius: 6px !important;
    background: #0d1626 !important;
    box-shadow: none !important;
}

html body #fregister .register_privacy table,
html body #fregister #fregister_private table,
html body #fregister .register_privacy th,
html body #fregister .register_privacy td,
html body #fregister #fregister_private th,
html body #fregister #fregister_private td {
    border-color: rgba(92, 143, 220, 0.22) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
}

html body #fregister .fregister_chkall,
html body #fregister .chk_all,
html body #fregister #fregister_chkall {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    position: relative !important;
    min-height: 56px !important;
}

html body #fregister .fregister_chkall > input[type="checkbox"],
html body #fregister .chk_all > input[type="checkbox"],
html body #fregister #fregister_chkall > input[type="checkbox"],
html body #fregister input#chk_all {
    position: absolute !important;
    left: -9999px !important;
    right: auto !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body #fregister .fregister_chkall > label,
html body #fregister .chk_all > label,
html body #fregister #fregister_chkall > label {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 0 28px !important;
    overflow: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    color: #dbe7fb !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    clip: auto !important;
    clip-path: none !important;
}

html body #fregister .fregister_chkall > label::before,
html body #fregister .chk_all > label::before,
html body #fregister #fregister_chkall > label::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    border: 1px solid rgba(92, 143, 220, 0.42) !important;
    border-radius: 3px !important;
    background: #0d1626 !important;
    box-shadow: none !important;
}

html body #fregister .fregister_chkall > input[type="checkbox"]:checked + label::after,
html body #fregister .chk_all > input[type="checkbox"]:checked + label::after,
html body #fregister #fregister_chkall > input[type="checkbox"]:checked + label::after,
html body #fregister input#chk_all:checked + label::after {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 50% !important;
    display: block !important;
    width: 5px !important;
    height: 9px !important;
    margin-top: -6px !important;
    border: solid #4f8dff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* Register request-only cleanup */
html body #fregister .register_msg,
html body #fregister .alert,
html body #fregister .msg {
    border-left: 0 !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(10, 17, 30, 0.98)) !important;
    color: #eaf3ff !important;
}

html body #fregister .register_privacy,
html body #fregister #fregister_private,
html body #fregister .register_privacy .tbl_wrap,
html body #fregister #fregister_private .tbl_wrap,
html body #fregister .register_privacy .tbl_head01,
html body #fregister #fregister_private .tbl_head01 {
    background: #0d1626 !important;
    border-color: rgba(92, 143, 220, 0.22) !important;
}

html body #fregister .register_privacy .tbl_wrap,
html body #fregister #fregister_private .tbl_wrap {
    padding: 10px !important;
}

html body #fregister .fregister_chkall,
html body #fregister .chk_all,
html body #fregister #fregister_chkall {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body #fregister .fregister_chkall > input[type="checkbox"],
html body #fregister .chk_all > input[type="checkbox"],
html body #fregister #fregister_chkall > input[type="checkbox"],
html body #fregister input#chk_all {
    position: absolute !important;
    left: -9999px !important;
    right: auto !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body #fregister .fregister_chkall > label,
html body #fregister .chk_all > label,
html body #fregister #fregister_chkall > label {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-left: 28px !important;
    margin: 0 !important;
}

html body #fregister .fregister_chkall > label::before,
html body #fregister .chk_all > label::before,
html body #fregister #fregister_chkall > label::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    border: 1px solid rgba(92, 143, 220, 0.42) !important;
    border-radius: 3px !important;
    background: #0d1626 !important;
    box-shadow: none !important;
}

html body #fregister .fregister_chkall > label::after,
html body #fregister .chk_all > label::after,
html body #fregister #fregister_chkall > label::after {
    display: none !important;
    content: none !important;
}

/* Register page exact visible cleanup */
html body.mh-register-page .register_msg,
html body.mh-register-page .alert,
html body.mh-register-page .msg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-left: 0 !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.96), rgba(10, 17, 30, 0.98)) !important;
    color: #eaf3ff !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

html body.mh-register-page .register_msg::before,
html body.mh-register-page .register_msg::after,
html body.mh-register-page .alert::before,
html body.mh-register-page .alert::after,
html body.mh-register-page .msg::before,
html body.mh-register-page .msg::after {
    display: none !important;
    content: none !important;
}

html body.mh-register-page #fregister_private .tbl_wrap,
html body.mh-register-page #fregister_private .tbl_head01,
html body.mh-register-page .register_privacy .tbl_wrap,
html body.mh-register-page .register_privacy .tbl_head01 {
    padding: 10px !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-radius: 6px !important;
    background: #0d1626 !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister_private table,
html body.mh-register-page .register_privacy table,
html body.mh-register-page #fregister_private th,
html body.mh-register-page #fregister_private td,
html body.mh-register-page .register_privacy th,
html body.mh-register-page .register_privacy td {
    border-color: rgba(92, 143, 220, 0.22) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
}

html body.mh-register-page .fregister_chkall,
html body.mh-register-page .chk_all,
html body.mh-register-page #fregister_chkall {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body.mh-register-page .fregister_chkall input[type="checkbox"],
html body.mh-register-page .chk_all input[type="checkbox"],
html body.mh-register-page #fregister_chkall input[type="checkbox"],
html body.mh-register-page input#chk_all {
    position: absolute !important;
    left: -9999px !important;
    right: auto !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body.mh-register-page .fregister_chkall label,
html body.mh-register-page .chk_all label,
html body.mh-register-page #fregister_chkall label {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-left: 28px !important;
    margin: 0 !important;
}

html body.mh-register-page .fregister_chkall label::before,
html body.mh-register-page .chk_all label::before,
html body.mh-register-page #fregister_chkall label::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -9px !important;
    border: 1px solid rgba(92, 143, 220, 0.42) !important;
    border-radius: 3px !important;
    background: #0d1626 !important;
    box-shadow: none !important;
}

html body.mh-register-page .fregister_chkall label::after,
html body.mh-register-page .chk_all label::after,
html body.mh-register-page #fregister_chkall label::after {
    display: none !important;
    content: none !important;
}

/* Register agreement verified override */
html body.mh-register-page #fregister .register_msg,
html body.mh-register-page #fregister .alert,
html body.mh-register-page #fregister .msg,
html body.mh-register-page .mbskin .register_msg,
html body.mh-register-page .mbskin .alert,
html body.mh-register-page .mbskin .msg,
html body.mh-register-page .register_msg,
html body.mh-register-page .alert,
html body.mh-register-page .msg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    margin: 0 auto 14px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-left: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

html body.mh-register-page .register_msg::before,
html body.mh-register-page .register_msg::after,
html body.mh-register-page .alert::before,
html body.mh-register-page .alert::after,
html body.mh-register-page .msg::before,
html body.mh-register-page .msg::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    content: none !important;
}

html body.mh-register-page #fregister_private,
html body.mh-register-page .register_privacy,
html body.mh-register-page #fregister_private .tbl_wrap,
html body.mh-register-page #fregister_private .tbl_head01,
html body.mh-register-page .register_privacy .tbl_wrap,
html body.mh-register-page .register_privacy .tbl_head01 {
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 6px !important;
    background: #0b1423 !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister_private .tbl_wrap,
html body.mh-register-page #fregister_private .tbl_head01,
html body.mh-register-page .register_privacy .tbl_wrap,
html body.mh-register-page .register_privacy .tbl_head01 {
    padding: 10px !important;
}

html body.mh-register-page #fregister_private table,
html body.mh-register-page .register_privacy table {
    border-collapse: collapse !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    background: #0d1626 !important;
}

html body.mh-register-page #fregister_private th,
html body.mh-register-page #fregister_private td,
html body.mh-register-page .register_privacy th,
html body.mh-register-page .register_privacy td {
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    background: #0d1626 !important;
    color: #dbe7fb !important;
}

html body.mh-register-page .mh-register-checkall {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 56px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 6px !important;
    background: #0b1f3d !important;
    color: #dbe7fb !important;
    text-align: center !important;
}

html body.mh-register-page .mh-register-checkall input[type="checkbox"] {
    position: absolute !important;
    left: -9999px !important;
    right: auto !important;
    top: auto !important;
    display: block !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body.mh-register-page .mh-register-checkall input[type="checkbox"].mh-checkall-primary {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.48) !important;
    border-radius: 3px !important;
    background: #0d1626 !important;
    accent-color: #4f8dff !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

html body.mh-register-page .mh-register-checkall label {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    color: #dbe7fb !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    clip: auto !important;
    clip-path: none !important;
}

html body.mh-register-page .mh-register-checkall label::before,
html body.mh-register-page .mh-register-checkall label::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    content: none !important;
}

html body.mh-register-page #fregister .mh-register-checkall label::before,
html body.mh-register-page #fregister .mh-register-checkall label::after,
html body.mh-register-page #fregister .fregister_chkall > label::before,
html body.mh-register-page #fregister .fregister_chkall > label::after,
html body.mh-register-page #fregister .chk_all > label::before,
html body.mh-register-page #fregister .chk_all > label::after,
html body.mh-register-page #fregister #fregister_chkall > label::before,
html body.mh-register-page #fregister #fregister_chkall > label::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    content: none !important;
}

/* Register notice only: remove pink background and red left line */
html body .mh-register-notice {
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-left: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    background-color: #0d2b55 !important;
    background-image: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    box-shadow: none !important;
}

html body .mh-register-notice::before,
html body .mh-register-notice::after,
html body .mh-register-notice > *::before,
html body .mh-register-notice > *::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    content: none !important;
}

/* Register notice alignment and left-line cleanup */
html body.mh-register-page #fregister .mh-register-notice,
html body.mh-register-page #fregister .register_msg,
html body.mh-register-page #fregister .alert,
html body.mh-register-page #fregister .msg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.32) !important;
    border-left: 1px solid rgba(92, 143, 220, 0.32) !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    line-height: 1.35 !important;
    text-align: center !important;
    box-shadow: none !important;
}

html body.mh-register-page .mbskin,
html body.mh-register-page #register_result,
html body.mh-register-page .register_result,
html body.mh-register-page .register_result_msg,
html body.mh-register-page .register_msg,
html body.mh-register-page .alert,
html body.mh-register-page .msg,
html body.mh-register-page .mbskin > div,
html body.mh-register-page .mbskin > section,
html body.mh-register-page .mbskin > article {
    border-color: rgba(92, 143, 220, 0.28) !important;
    background: linear-gradient(180deg, rgba(18, 29, 49, 0.98), rgba(8, 15, 28, 0.98)) !important;
    color: #edf4ff !important;
    box-shadow: none !important;
}

html body.mh-register-page #register_result *,
html body.mh-register-page .register_result *,
html body.mh-register-page .register_result_msg *,
html body.mh-register-page .register_msg *,
html body.mh-register-page .alert *,
html body.mh-register-page .msg * {
    background-color: transparent !important;
    color: inherit !important;
}

html body.mh-register-page #fregister .mh-register-notice::before,
html body.mh-register-page #fregister .mh-register-notice::after,
html body.mh-register-page #fregister .register_msg::before,
html body.mh-register-page #fregister .register_msg::after,
html body.mh-register-page #fregister .alert::before,
html body.mh-register-page #fregister .alert::after,
html body.mh-register-page #fregister .msg::before,
html body.mh-register-page #fregister .msg::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    content: none !important;
}

/* Register privacy table and check-all card cleanup */
html body.mh-register-page #fregister #fregister_private,
html body.mh-register-page #fregister .register_privacy {
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 6px !important;
    background: #0b1423 !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister #fregister_private .tbl_wrap,
html body.mh-register-page #fregister #fregister_private .tbl_head01,
html body.mh-register-page #fregister .register_privacy .tbl_wrap,
html body.mh-register-page #fregister .register_privacy .tbl_head01 {
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(92, 143, 220, 0.18) !important;
    border-radius: 0 !important;
    background: #0d1626 !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister #fregister_private table,
html body.mh-register-page #fregister .register_privacy table {
    border: 1px solid rgba(92, 143, 220, 0.2) !important;
    background: #0d1626 !important;
}

html body.mh-register-page #fregister #fregister_private th,
html body.mh-register-page #fregister #fregister_private td,
html body.mh-register-page #fregister .register_privacy th,
html body.mh-register-page #fregister .register_privacy td {
    border-color: rgba(92, 143, 220, 0.2) !important;
    background: #0d1626 !important;
}

html body.mh-register-page #fregister .fregister_chkall,
html body.mh-register-page #fregister .chk_all,
html body.mh-register-page #fregister #fregister_chkall,
html body.mh-register-page #fregister .mh-register-checkall {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 56px !important;
}

html body.mh-register-page #fregister .mh-register-checkall-top {
    width: 100% !important;
    margin: 14px 0 !important;
    order: -20 !important;
}

html body.mh-register-page #fregister .mh-register-checkall-created {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 56px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 6px !important;
    background: rgba(7, 17, 32, 0.72) !important;
}

html body.mh-register-page #fregister .mh-register-checkall-created input[type="checkbox"] {
    position: static !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
}

html body.mh-register-page #fregister .mh-register-checkall-created label {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dbe7fb !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
}

html body.mh-register-page #fregister .mh-register-checkall-original-hidden {
    display: none !important;
}

html body.mh-register-page #fregister .fregister_chkall input[type="checkbox"],
html body.mh-register-page #fregister .chk_all input[type="checkbox"],
html body.mh-register-page #fregister #fregister_chkall input[type="checkbox"],
html body.mh-register-page #fregister .mh-register-checkall input[type="checkbox"] {
    position: static !important;
    display: inline-block !important;
    order: 0 !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
}

html body.mh-register-page #fregister .fregister_chkall label,
html body.mh-register-page #fregister .chk_all label,
html body.mh-register-page #fregister #fregister_chkall label,
html body.mh-register-page #fregister .mh-register-checkall label {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    order: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dbe7fb !important;
    line-height: 1.4 !important;
}

/* Register privacy table structural cleanup */
html body.mh-register-page #fregister section:has(table),
html body.mh-register-page #fregister section:has(table) > div,
html body.mh-register-page #fregister section:has(table) .tbl_wrap,
html body.mh-register-page #fregister section:has(table) .tbl_head01 {
    background: #0b1423 !important;
    border-color: rgba(92, 143, 220, 0.2) !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister section:has(table) > div,
html body.mh-register-page #fregister section:has(table) .tbl_wrap,
html body.mh-register-page #fregister section:has(table) .tbl_head01 {
    padding: 10px !important;
    border: 1px solid rgba(92, 143, 220, 0.18) !important;
    border-radius: 0 !important;
}

html body.mh-register-page #fregister section:has(table) table,
html body.mh-register-page #fregister section:has(table) th,
html body.mh-register-page #fregister section:has(table) td {
    background: #0d1626 !important;
    border-color: rgba(92, 143, 220, 0.2) !important;
}

html body.mh-register-page #fregister .mh-register-checkall input[type="checkbox"]:not(.mh-checkall-primary) {
    position: absolute !important;
    left: -9999px !important;
    right: auto !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body.mh-register-page #fregister .mh-register-checkall input[type="checkbox"].mh-checkall-primary {
    position: absolute !important;
    left: calc(50% - 150px) !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

html body.mh-register-page #fregister .mh-register-checkall label {
    position: relative !important;
    z-index: 1 !important;
}

/* Register check-all final DOM placement */
html body.mh-register-page #fregister .mh-checkall-fixed {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 56px !important;
    text-align: center !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed input[type="checkbox"] {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline input[type="checkbox"].mh-checkall-primary {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    transform: none !important;
    vertical-align: middle !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline label {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dbe7fb !important;
    line-height: 1.4 !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed > input[type="checkbox"],
html body.mh-register-page #fregister .mh-checkall-fixed > label > input[type="checkbox"],
html body.mh-register-page #fregister .mh-checkall-fixed input[type="checkbox"]:not(.mh-checkall-primary) {
    position: absolute !important;
    left: -9999px !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed label::before,
html body.mh-register-page #fregister .mh-checkall-fixed label::after,
html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline label::before,
html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline label::after {
    display: none !important;
    content: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline input[type="checkbox"],
html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline input[type="checkbox"].mh-checkall-primary {
    position: absolute !important;
    left: -9999px !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-box {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline.is-checked .mh-checkall-box {
    border-color: rgba(79, 141, 255, 0.8) !important;
    background: rgba(79, 141, 255, 0.18) !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-box {
    display: none !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline input[type="checkbox"].mh-checkall-primary {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(219, 231, 251, 0.78) !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    transform: none !important;
}

/* Final login placement and save-id override, kept at EOF so later rules cannot undo it. */
html body.mh-login-page #wrapper {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 100vh !important;
    padding-top: 18vh !important;
    box-sizing: border-box !important;
}

html body.mh-login-page #container,
html body.mh-login-page #content,
html body.mh-login-page .mbskin {
    width: min(520px, calc(100vw - 32px)) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding-top: 0 !important;
}

html body.mh-login-page .mh-login-home-link {
    margin-top: 34px !important;
}

html body.mh-login-page .mh-save-id-label,
html body.mh-login-page .mh-auto-login-label.mh-save-id-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 18px !important;
    padding-left: 0 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

html body.mh-login-page .mh-save-id-label input[type="checkbox"],
html body.mh-login-page input#login_save_id,
html body.mh-login-page input[name="mh_save_id"] {
    position: static !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    clip: auto !important;
    clip-path: none !important;
}

@media (max-width: 640px) {
    html body.mh-login-page #wrapper {
        padding-top: 10vh !important;
    }
}

/* 2026-05-24 final login save-id fix: this block must stay at EOF. */
html body.mh-login-page #wrapper {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 100vh !important;
    padding-top: 24vh !important;
    padding-bottom: 8vh !important;
    box-sizing: border-box !important;
}

html body.mh-login-page #container,
html body.mh-login-page #content,
html body.mh-login-page .mbskin,
html body.mh-login-page #mb_login {
    width: min(520px, calc(100vw - 32px)) !important;
    max-width: 520px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
}

html body.mh-login-page .mh-login-home-link {
    margin-top: 34px !important;
}

html body.mh-login-page #login_info,
html body.mh-login-page .login_info,
html body.mh-login-page .login_if,
html body.mh-login-page .login_auto {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

html body.mh-login-page .mh-save-id-label,
html body.mh-login-page .mh-auto-login-label.mh-save-id-label {
    display: inline-flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
    cursor: pointer !important;
    overflow: visible !important;
}

html body.mh-login-page .mh-save-id-label::before,
html body.mh-login-page .mh-save-id-label::after,
html body.mh-login-page .mh-save-id-label .mh-auto-login-check,
html body.mh-login-page .mh-save-id-label .mh-auto-login-check::after {
    display: none !important;
    content: none !important;
}

html body.mh-login-page .mh-save-id-label input[type="checkbox"],
html body.mh-login-page .mh-auto-login-label.mh-save-id-label input[type="checkbox"],
html body.mh-login-page input#login_save_id,
html body.mh-login-page input[name="mh_save_id"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(219, 231, 251, 0.78) !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    overflow: visible !important;
}

@media (max-width: 640px) {
    html body.mh-login-page #wrapper {
        padding-top: 18vh !important;
        padding-bottom: 6vh !important;
    }
}

/* 2026-05-24 final login save-id fix: this block must stay at EOF. */
html body.mh-login-page #wrapper {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 100vh !important;
    padding-top: 24vh !important;
    padding-bottom: 8vh !important;
    box-sizing: border-box !important;
}

html body.mh-login-page #container,
html body.mh-login-page #content,
html body.mh-login-page .mbskin,
html body.mh-login-page #mb_login {
    width: min(520px, calc(100vw - 32px)) !important;
    max-width: 520px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
}

html body.mh-login-page .mh-login-home-link {
    margin-top: 34px !important;
}

html body.mh-login-page #login_info,
html body.mh-login-page .login_info,
html body.mh-login-page .login_if,
html body.mh-login-page .login_auto {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

html body.mh-login-page .mh-save-id-label,
html body.mh-login-page .mh-auto-login-label.mh-save-id-label {
    display: inline-flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
    cursor: pointer !important;
    overflow: visible !important;
}

html body.mh-login-page .mh-save-id-label::before,
html body.mh-login-page .mh-save-id-label::after,
html body.mh-login-page .mh-save-id-label .mh-auto-login-check,
html body.mh-login-page .mh-save-id-label .mh-auto-login-check::after {
    display: none !important;
    content: none !important;
}

html body.mh-login-page .mh-save-id-label input[type="checkbox"],
html body.mh-login-page .mh-auto-login-label.mh-save-id-label input[type="checkbox"],
html body.mh-login-page input#login_save_id,
html body.mh-login-page input[name="mh_save_id"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(219, 231, 251, 0.78) !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    overflow: visible !important;
}

@media (max-width: 640px) {
    html body.mh-login-page #wrapper {
        padding-top: 18vh !important;
        padding-bottom: 6vh !important;
    }
}

/* Final login placement and save-id override. */
html body.mh-login-page #wrapper {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 100vh !important;
    padding-top: 18vh !important;
    box-sizing: border-box !important;
}

html body.mh-login-page #container,
html body.mh-login-page #content,
html body.mh-login-page .mbskin {
    width: min(520px, calc(100vw - 32px)) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding-top: 0 !important;
}

html body.mh-login-page .mh-login-home-link {
    margin-top: 34px !important;
}

html body.mh-login-page .mh-save-id-label,
html body.mh-login-page .mh-auto-login-label.mh-save-id-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 18px !important;
    padding-left: 0 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

html body.mh-login-page .mh-save-id-label input[type="checkbox"],
html body.mh-login-page input#login_save_id,
html body.mh-login-page input[name="mh_save_id"] {
    position: static !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    clip: auto !important;
    clip-path: none !important;
}

@media (max-width: 640px) {
    html body.mh-login-page #wrapper {
        padding-top: 10vh !important;
    }
}

/* Hide board scrap actions globally. */
a[href*="scrap.php"],
a[href*="scrap_popin.php"],
a[href*="scrap_send.php"],
button[onclick*="scrap"],
input[onclick*="scrap"],
.btn_scrap,
.scrap,
#scrap,
#bo_v_scrap {
    display: none !important;
}

/* Force the board dropdown trigger to match the top menu button style. */
html body .mh-menu-row .mh-menu-inner .mh-board-dropdown > summary,
html body .mh-menu-row .mh-menu-inner .mh-board-dropdown > summary:hover,
html body .mh-menu-row .mh-menu-inner .mh-board-dropdown[open] > summary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 76px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: rgba(9, 22, 39, 0.86) !important;
    color: #f6fbff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html body .mh-menu-row .mh-menu-inner .mh-board-dropdown:hover > summary,
html body .mh-menu-row .mh-menu-inner .mh-board-dropdown[open] > summary,
html body .mh-menu-row .mh-menu-inner .mh-board-dropdown > summary:focus {
    border-color: rgba(79, 141, 255, 0.58) !important;
    background: rgba(79, 141, 255, 0.16) !important;
    color: #4f8dff !important;
}

/* Center image logo and hide the text title/tagline. */
html body .mh-header-visual .mh-header-inner {
    justify-content: center !important;
    text-align: center !important;
}

html body .mh-header-visual .mh-brand {
    justify-content: center !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body .mh-header-visual .mh-brand-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

html body .mh-header-visual .mh-logo {
    width: min(760px, 88vw) !important;
    height: auto !important;
    max-height: 230px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
}

@media (max-width: 720px) {
    html body .mh-header-visual .mh-logo {
        width: min(500px, 94vw) !important;
        max-height: 160px !important;
    }
}

/* Compact top menu with desktop hover and mobile tap dropdown. */
.mh-menu-shell {
    overflow: visible !important;
}

.mh-menu-inner {
    overflow: visible !important;
    flex-wrap: wrap !important;
}

.mh-board-dropdown {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}

.mh-board-dropdown summary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(159, 178, 209, 0.26) !important;
    border-radius: 7px !important;
    background: rgba(9, 22, 39, 0.72) !important;
    color: #f6fbff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    list-style: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.mh-board-dropdown summary::-webkit-details-marker {
    display: none !important;
}

.mh-board-dropdown summary::after {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    margin-left: 8px !important;
    border-right: 2px solid rgba(219, 231, 251, 0.8) !important;
    border-bottom: 2px solid rgba(219, 231, 251, 0.8) !important;
    transform: rotate(45deg) translateY(-2px) !important;
}

.mh-board-dropdown:hover summary,
.mh-board-dropdown[open] summary,
.mh-board-dropdown summary:focus {
    border-color: rgba(79, 141, 255, 0.44) !important;
    background: rgba(79, 141, 255, 0.14) !important;
    color: #4f8dff !important;
}

.mh-board-dropdown-menu {
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 8px) !important;
    z-index: 80 !important;
    display: none !important;
    min-width: 174px !important;
    padding: 8px !important;
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 8px !important;
    background: rgba(5, 14, 27, 0.97) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34) !important;
}

.mh-board-dropdown:hover .mh-board-dropdown-menu,
.mh-board-dropdown[open] .mh-board-dropdown-menu,
.mh-board-dropdown:focus-within .mh-board-dropdown-menu {
    display: grid !important;
    gap: 4px !important;
}

.mh-data-dropdown-menu {
    min-width: 250px !important;
    grid-template-columns: 1fr 1fr !important;
}

.mh-point-dropdown-menu {
    min-width: 190px !important;
}

.mh-menu-inner .mh-board-dropdown-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 36px !important;
    padding: 0 11px !important;
    border-radius: 6px !important;
    color: rgba(232, 240, 255, 0.92) !important;
    white-space: nowrap !important;
}

.mh-menu-inner .mh-board-dropdown-menu a:hover,
.mh-menu-inner .mh-board-dropdown-menu a:focus {
    background: rgba(79, 141, 255, 0.14) !important;
    color: #4f8dff !important;
}

@media (max-width: 720px) {
    .mh-menu-row {
        overflow: visible !important;
    }

    .mh-menu-shell {
        align-items: stretch !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    .mh-menu-inner,
    .mh-menu-user {
        width: 100% !important;
        overflow: visible !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .mh-board-dropdown {
        position: static !important;
    }

    .mh-board-dropdown[open] {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .mh-board-dropdown-menu {
        position: static !important;
        min-width: 0 !important;
        width: 100% !important;
        margin-top: 6px !important;
        grid-template-columns: 1fr !important;
    }

    .mh-data-dropdown-menu {
        grid-template-columns: 1fr !important;
    }
}

/* Login auto-login checkbox: keep only the native checkbox visible. */
html body.mh-login-page .mh-auto-login-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding-left: 0 !important;
}

html body.mh-login-page .mh-auto-login-label .mh-auto-login-check,
html body.mh-login-page .mh-auto-login-label .mh-auto-login-check::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

html body.mh-login-page .mh-auto-login-label input[type="checkbox"],
html body.mh-login-page input#login_auto,
html body.mh-login-page input[name="auto_login"],
html body.mh-login-page input#login_auto:not(.mh-keep-visible),
html body.mh-login-page input[name="auto_login"]:not(.mh-keep-visible) {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(219, 231, 251, 0.78) !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
}

html body.mh-login-page .mh-auto-login-label input[type="checkbox"]:checked,
html body.mh-login-page input#login_auto:checked,
html body.mh-login-page input[name="auto_login"]:checked {
    accent-color: #4f8dff !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}

/* Restore native auto-login checkbox behavior. */
html body.mh-login-page .mh-auto-login-label input[type="checkbox"].mh-keep-visible,
html body.mh-login-page input#login_auto.mh-keep-visible,
html body.mh-login-page input[name="auto_login"].mh-keep-visible,
html body.mh-login-page input#login_save_id,
html body.mh-login-page input[name="mh_save_id"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    clip: auto !important;
    clip-path: none !important;
}

html body.mh-login-page .mh-save-id-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding-left: 0 !important;
}

/* Main banner admin approval controls */
.mh-banner-approve-form {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 14px;
}

.mh-banner-approve-btn {
    min-width: 88px;
    height: 34px;
    padding: 0 18px;
    border: 1px solid rgba(79, 141, 255, 0.72);
    border-radius: 4px;
    background: rgba(79, 141, 255, 0.18);
    color: #e9fff8;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.mh-banner-approve-btn:hover,
.mh-banner-approve-btn:focus {
    background: rgba(79, 141, 255, 0.3);
    border-color: rgba(79, 141, 255, 0.95);
}

.mh-banner-approve-btn.is-approved {
    cursor: default;
    color: #9fffe4;
    border-color: rgba(88, 255, 210, 0.65);
    background: rgba(30, 196, 154, 0.18);
}

/* Pending banner admin view cleanup */
.mh-banner-card.is-pending.mh-admin-pending {
    overflow: hidden;
    cursor: default;
}

.mh-banner-card.is-pending.mh-admin-pending .mh-banner-card-content {
    position: absolute;
    left: 18px;
    right: 18px;
    top: 34%;
    z-index: 1;
    display: block;
    min-height: 0;
    padding: 0;
    transform: translateY(-50%);
    text-align: center;
}

.mh-banner-card.is-pending.mh-admin-pending .mh-banner-card-content strong {
    display: block;
    color: #4f8dff;
    font-size: 26px;
    line-height: 1.2;
    white-space: normal;
}

.mh-banner-card.is-pending.mh-admin-pending .mh-banner-approve-form {
    position: absolute;
    left: 50%;
    top: 70%;
    z-index: 10;
    display: flex;
    justify-content: center;
    margin: 0;
    width: auto;
    transform: translate(-50%, -50%);
    pointer-events: auto;
}

.mh-banner-card.is-pending.mh-admin-pending .mh-banner-approve-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    max-width: 96px;
    height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(79, 141, 255, 0.82);
    border-radius: 5px;
    background: rgba(8, 13, 24, 0.9);
    color: #e9fff8;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    pointer-events: auto;
}

.mh-banner-card.is-pending.mh-admin-pending .mh-banner-approve-btn:hover,
.mh-banner-card.is-pending.mh-admin-pending .mh-banner-approve-btn:focus {
    background: rgba(79, 141, 255, 0.18);
    border-color: #4f8dff;
}

.mh-banner-card .mh-banner-card-content em {
    display: none !important;
}

/* Approved banners should show only the uploaded image. */
.mh-banner-card.has-image {
    background-color: #07111f !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
}

.mh-banner-card.has-image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: fill !important;
    object-position: center center !important;
    display: block !important;
    opacity: 1 !important;
    z-index: 1 !important;
}

.mh-banner-card.has-image .mh-banner-image {
    display: none !important;
}

.mh-banner-card.has-image::after {
    display: none !important;
    content: none !important;
}

.mh-banner-card.has-image .mh-banner-card-content {
    display: none !important;
}

/* Banner registration slot groups and add buttons */
.mh-banner-apply-map {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

.mh-banner-apply-group {
    display: grid !important;
    gap: 10px !important;
}

.mh-banner-apply-group-title {
    color: #9fb2d1 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mh-banner-apply-group-slots {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.mh-banner-apply-group-premium .mh-banner-apply-group-slots,
.mh-banner-apply-group-semi .mh-banner-apply-group-slots {
    grid-template-columns: 1fr !important;
}

.mh-banner-apply-group-normal_a .mh-banner-apply-group-slots {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mh-banner-apply-group-normal_b .mh-banner-apply-group-slots {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.mh-banner-apply-group-normal_a .mh-banner-apply-slot,
.mh-banner-apply-group-normal_b .mh-banner-apply-slot {
    grid-column: auto !important;
    width: 100% !important;
}

.mh-banner-apply-group-normal_a .mh-banner-apply-normal,
.mh-banner-apply-group-normal_b .mh-banner-apply-small {
    grid-column: auto !important;
}

.mh-banner-apply-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    min-height: 30px !important;
    gap: 4px !important;
    grid-column: 1 / -1 !important;
}

.mh-banner-apply-more span {
    display: block !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: rgba(159, 178, 209, 0.74) !important;
}

.mh-banner-apply-add-row {
    display: flex !important;
    justify-content: flex-end !important;
}

.mh-banner-apply-add {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(79, 141, 255, 0.72) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.13) !important;
    color: #4f8dff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.mh-banner-apply-add:hover,
.mh-banner-apply-add:focus {
    background: rgba(79, 141, 255, 0.24) !important;
    border-color: #4f8dff !important;
}

.mh-premium-row,
.mh-semi-row {
    grid-template-columns: 1fr !important;
}

.mh-banner-apply-duration,
.mh-banner-apply-point {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 12px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.28) !important;
    border-radius: 7px !important;
    background: rgba(9, 22, 39, 0.72) !important;
    color: rgba(232, 240, 255, 0.9) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.mh-banner-apply-duration {
    white-space: nowrap !important;
}

.mh-banner-apply-duration select {
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    height: 38px !important;
    padding: 0 24px 0 9px !important;
    border: 1px solid rgba(79, 141, 255, 0.48) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #f6fbff !important;
    font-weight: 800 !important;
}

.mh-banner-apply-point strong {
    color: #4f8dff !important;
    font-size: 18px !important;
}

.mh-banner-apply-point span {
    color: rgba(159, 178, 209, 0.95) !important;
    font-size: 13px !important;
}

.mh-admin-tool-page {
    width: min(1120px, calc(100% - 32px)) !important;
    margin: 34px auto 70px !important;
}

.mh-banner-settings-panel {
    padding: 24px !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(8, 18, 34, 0.92) !important;
    color: #f6fbff !important;
}

.mh-banner-settings-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
}

.mh-banner-settings-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    letter-spacing: 0 !important;
}

.mh-banner-settings-head p {
    margin: 0 !important;
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 14px !important;
}

.mh-banner-settings-message {
    margin-bottom: 14px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(79, 141, 255, 0.42) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.12) !important;
    color: #cafff0 !important;
    font-weight: 800 !important;
}

.mh-banner-discord-form {
    margin: 0 0 22px !important;
    padding: 18px !important;
    border: 1px solid rgba(79, 141, 255, 0.28) !important;
    border-radius: 8px !important;
    background: rgba(6, 26, 55, 0.7) !important;
}

.mh-banner-discord-settings {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 12px !important;
}

.mh-banner-discord-settings label {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
    color: rgba(219, 231, 251, 0.88) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mh-banner-discord-settings label.mh-banner-discord-wide {
    grid-column: 1 / -1 !important;
}

.mh-banner-discord-settings input,
.mh-banner-discord-settings select {
    width: 100% !important;
    height: 40px !important;
    min-width: 0 !important;
    padding: 0 11px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

.mh-banner-discord-settings input::placeholder {
    color: rgba(159, 178, 209, 0.62) !important;
}

.mh-banner-settings-table-wrap {
    overflow-x: auto !important;
}

.mh-banner-settings-table {
    width: 100% !important;
    min-width: 720px !important;
    border-collapse: collapse !important;
}

.mh-banner-settings-table th,
.mh-banner-settings-table td {
    padding: 12px !important;
    border-bottom: 1px solid rgba(159, 178, 209, 0.18) !important;
    text-align: center !important;
}

.mh-banner-settings-table th:first-child {
    text-align: left !important;
}

.mh-banner-settings-table thead th {
    color: rgba(219, 231, 251, 0.74) !important;
    font-size: 13px !important;
}

.mh-banner-settings-table tbody th {
    color: #ffffff !important;
    font-size: 15px !important;
}

.mh-banner-settings-table input {
    width: 100% !important;
    max-width: 130px !important;
    height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
    text-align: right !important;
    font-weight: 800 !important;
}

.mh-banner-settings-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.mh-banner-settings-actions a,
.mh-banner-settings-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    height: 40px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(159, 178, 209, 0.32) !important;
    border-radius: 7px !important;
    background: rgba(9, 22, 39, 0.9) !important;
    color: #f6fbff !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.mh-banner-settings-actions button {
    border-color: rgba(79, 141, 255, 0.72) !important;
    background: rgba(79, 141, 255, 0.18) !important;
    color: #4f8dff !important;
}

.mh-banner-manage-panel {
    margin-top: 22px !important;
}

.mh-banner-manage-list {
    display: grid !important;
    gap: 14px !important;
}

.mh-banner-bulk-delete-form {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
}

.mh-banner-bulk-delete-form label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: rgba(219, 231, 251, 0.9) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mh-banner-bulk-delete-form input,
.mh-banner-manage-check input {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: #4f8dff !important;
    cursor: pointer !important;
}

.mh-banner-bulk-delete-form button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 82px !important;
    height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 115, 115, 0.56) !important;
    border-radius: 7px !important;
    background: rgba(255, 89, 89, 0.12) !important;
    color: #ff9c9c !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.mh-banner-manage-empty {
    padding: 26px 16px !important;
    border: 1px dashed rgba(159, 178, 209, 0.34) !important;
    border-radius: 8px !important;
    color: rgba(219, 231, 251, 0.72) !important;
    text-align: center !important;
}

.mh-banner-manage-card {
    display: grid !important;
    gap: 12px !important;
    padding: 18px !important;
    border: 1px solid rgba(159, 178, 209, 0.18) !important;
    border-radius: 8px !important;
    background: rgba(7, 20, 38, 0.78) !important;
}

.mh-banner-manage-summary {
    display: grid !important;
    grid-template-columns: 24px minmax(150px, 1.1fr) minmax(140px, 1fr) minmax(120px, 0.8fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
}

.mh-banner-manage-check {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mh-banner-manage-summary-item {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}

.mh-banner-manage-summary-item span {
    color: rgba(159, 178, 209, 0.86) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-banner-manage-summary-item strong {
    min-width: 0 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
}

.mh-banner-manage-summary-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

.mh-banner-info-toggle,
.mh-banner-delete-form button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 78px !important;
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.mh-banner-info-toggle {
    border: 1px solid rgba(79, 141, 255, 0.64) !important;
    background: rgba(79, 141, 255, 0.15) !important;
    color: #8cc7ff !important;
}

.mh-banner-delete-form {
    margin: 0 !important;
}

.mh-banner-delete-form button {
    border: 1px solid rgba(255, 115, 115, 0.56) !important;
    background: rgba(255, 89, 89, 0.12) !important;
    color: #ff9c9c !important;
}

.mh-banner-manage-detail[hidden] {
    display: none !important;
}

.mh-banner-manage-detail {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 18px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(159, 178, 209, 0.14) !important;
}

.mh-banner-manage-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 9px !important;
}

.mh-banner-manage-title strong {
    min-width: 0 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
}

.mh-banner-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 66px !important;
    height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(159, 178, 209, 0.16) !important;
    color: rgba(219, 231, 251, 0.86) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-banner-status-approved {
    background: rgba(79, 141, 255, 0.15) !important;
    color: #4f8dff !important;
}

.mh-banner-status-pending {
    background: rgba(255, 205, 86, 0.15) !important;
    color: #b6e6ff !important;
}

.mh-banner-manage-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    margin-bottom: 10px !important;
    color: rgba(159, 178, 209, 0.92) !important;
    font-size: 13px !important;
}

.mh-banner-manage-main p {
    margin: 0 0 12px !important;
    color: rgba(232, 240, 255, 0.82) !important;
    line-height: 1.6 !important;
    overflow-wrap: anywhere !important;
}

.mh-banner-manage-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.mh-banner-manage-links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(159, 178, 209, 0.26) !important;
    border-radius: 7px !important;
    color: rgba(232, 240, 255, 0.92) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.mh-banner-manage-period {
    padding: 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.18) !important;
    border-radius: 8px !important;
    background: rgba(5, 14, 27, 0.72) !important;
}

.mh-banner-manage-period dl {
    display: grid !important;
    gap: 8px !important;
    margin: 0 0 13px !important;
}

.mh-banner-manage-period dl div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.mh-banner-manage-period dt,
.mh-banner-manage-period dd {
    margin: 0 !important;
    font-size: 13px !important;
}

.mh-banner-manage-period dt {
    color: rgba(159, 178, 209, 0.88) !important;
}

.mh-banner-manage-period dd {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-align: right !important;
}

.mh-banner-period-form {
    display: grid !important;
    gap: 8px !important;
}

.mh-banner-period-form label {
    display: grid !important;
    grid-template-columns: 92px 1fr !important;
    align-items: center !important;
    gap: 8px !important;
    color: rgba(219, 231, 251, 0.86) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.mh-banner-period-form input {
    height: 36px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(79, 141, 255, 0.44) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
    text-align: right !important;
    font-weight: 900 !important;
}

.mh-banner-period-form small {
    color: rgba(159, 178, 209, 0.8) !important;
    font-size: 12px !important;
}

.mh-banner-period-form button {
    height: 38px !important;
    border: 1px solid rgba(79, 141, 255, 0.72) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.18) !important;
    color: #4f8dff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.mh-home-settings-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
}

.mh-home-settings-grid fieldset {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(159, 178, 209, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(7, 20, 38, 0.72) !important;
}

.mh-home-settings-grid fieldset.mh-home-toggle-section {
    padding: 0 !important;
    overflow: hidden !important;
}

.mh-home-settings-grid legend {
    padding: 0 8px !important;
    color: #4f8dff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.mh-home-settings-grid fieldset.mh-home-toggle-section legend {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

.mh-home-toggle-button {
    display: flex !important;
    width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 16px !important;
    border: 0 !important;
    background: rgba(79, 141, 255, 0.08) !important;
    color: #4f8dff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    text-align: left !important;
}

.mh-home-toggle-button:hover,
.mh-home-toggle-button:focus {
    background: rgba(79, 141, 255, 0.14) !important;
    outline: none !important;
}

.mh-home-toggle-button em {
    flex: 0 0 auto !important;
    width: 10px !important;
    height: 10px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
    transition: transform 0.18s ease !important;
}

.mh-home-toggle-button[aria-expanded="true"] em {
    transform: rotate(225deg) translate(-2px, -2px) !important;
}

.mh-home-toggle-content {
    padding: 6px 18px 18px !important;
}

.mh-home-setting-field {
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) 120px 28px !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 12px !important;
    color: rgba(232, 240, 255, 0.9) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.mh-home-setting-field input {
    height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
    text-align: right !important;
    font-weight: 900 !important;
}

.mh-home-setting-field em {
    color: rgba(159, 178, 209, 0.82) !important;
    font-style: normal !important;
    font-size: 13px !important;
}

.mh-home-settings-preview {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-top: 16px !important;
}

.mh-home-settings-preview div {
    padding: 14px !important;
    border: 1px solid rgba(79, 141, 255, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(79, 141, 255, 0.08) !important;
}

.mh-home-settings-preview span {
    display: block !important;
    margin-bottom: 4px !important;
    color: rgba(159, 178, 209, 0.86) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-home-settings-preview strong {
    color: #ffffff !important;
    font-size: 16px !important;
}

.mh-home-settings-button-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 16px !important;
}

.mh-home-side-settings-open {
    display: grid !important;
    align-content: start !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(79, 141, 255, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(79, 141, 255, 0.08) !important;
}

.mh-home-side-settings-open p {
    margin: 0 !important;
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 13px !important;
}

.mh-home-modal-open {
    display: inline-flex !important;
    width: 100% !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
    border: 1px solid rgba(79, 141, 255, 0.72) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.18) !important;
    color: #4f8dff !important;
    font-weight: 900 !important;
    text-align: center !important;
    cursor: pointer !important;
}

.mh-home-modal {
    position: fixed !important;
    z-index: 99999 !important;
    inset: 0 !important;
    display: none !important;
}

.mh-home-modal.is-open {
    display: block !important;
}

.mh-home-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.68) !important;
}

.mh-home-modal-panel {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    width: min(1080px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 48px) !important;
    margin: 24px auto !important;
    border: 1px solid rgba(159, 178, 209, 0.28) !important;
    border-radius: 8px !important;
    background: #061a37 !important;
    color: #f6fbff !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55) !important;
}

.mh-home-modal-head {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 20px 22px !important;
    border-bottom: 1px solid rgba(159, 178, 209, 0.18) !important;
}

.mh-home-modal-head h2 {
    margin: 0 0 6px !important;
    font-size: 22px !important;
    letter-spacing: 0 !important;
}

.mh-home-modal-head p {
    margin: 0 !important;
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 13px !important;
}

.mh-home-modal-close {
    display: inline-grid !important;
    width: 36px !important;
    height: 36px !important;
    place-items: center !important;
    border: 1px solid rgba(159, 178, 209, 0.32) !important;
    border-radius: 7px !important;
    background: rgba(10, 18, 32, 0.92) !important;
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

.mh-home-modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 320px minmax(0, 1fr) !important;
    gap: 16px !important;
    overflow-y: auto !important;
    max-height: none !important;
    padding: 18px 22px !important;
}

.mh-home-modal-body fieldset {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(159, 178, 209, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(5, 13, 25, 0.62) !important;
}

.mh-home-operator-modal-panel {
    width: min(1240px, calc(100vw - 24px)) !important;
}

.mh-home-operator-modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: grid !important;
    gap: 14px !important;
    overflow: auto !important;
    max-height: none !important;
    padding: 18px 22px !important;
}

.mh-home-operator-note {
    display: grid !important;
    gap: 5px !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(79, 141, 255, 0.28) !important;
    border-radius: 8px !important;
    background: rgba(79, 141, 255, 0.1) !important;
}

.mh-home-operator-note strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.mh-home-operator-note span {
    color: rgba(219, 231, 251, 0.78) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.mh-home-operator-level-filter {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    max-width: 280px !important;
    color: rgba(219, 231, 251, 0.86) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mh-home-operator-level-filter select {
    width: 150px !important;
    height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.32) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
}

.mh-home-operator-table-wrap {
    overflow: auto !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(5, 13, 25, 0.62) !important;
}

.mh-home-operator-table {
    width: 100% !important;
    min-width: 880px !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

.mh-home-operator-table th,
.mh-home-operator-table td {
    padding: 11px 10px !important;
    border-bottom: 1px solid rgba(159, 178, 209, 0.16) !important;
    border-right: 1px solid rgba(159, 178, 209, 0.12) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.mh-home-operator-table th:last-child,
.mh-home-operator-table td:last-child {
    border-right: 0 !important;
}

.mh-home-operator-table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: #082347 !important;
    color: rgba(219, 231, 251, 0.9) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mh-home-operator-group {
    width: 128px !important;
    background: rgba(79, 141, 255, 0.08) !important;
    color: #8fd8ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.mh-home-operator-permission {
    width: 220px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.mh-home-operator-check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 70px !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 7px !important;
    background: rgba(6, 18, 37, 0.82) !important;
    cursor: pointer !important;
}

.mh-home-operator-check input {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

.mh-home-operator-check span {
    color: rgba(232, 240, 255, 0.86) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-home-partner-setting {
    display: grid !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(159, 178, 209, 0.14) !important;
}

.mh-home-partner-setting:last-child {
    border-bottom: 0 !important;
}

.mh-home-partner-setting h3 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
}

.mh-home-side-items-fieldset {
    grid-column: span 1 !important;
}

.mh-home-side-items {
    display: grid !important;
    gap: 12px !important;
}

.mh-home-side-item {
    padding: 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.18) !important;
    border-radius: 8px !important;
    background: rgba(7, 20, 38, 0.72) !important;
}

.mh-home-side-item-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.mh-home-side-item-head strong {
    color: #ffffff !important;
    font-size: 14px !important;
}

.mh-home-side-remove,
.mh-home-side-add {
    height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(159, 178, 209, 0.3) !important;
    border-radius: 7px !important;
    background: rgba(10, 18, 32, 0.92) !important;
    color: #dbe7fb !important;
    font-weight: 800 !important;
}

.mh-home-side-add {
    width: 100% !important;
    height: 40px !important;
    margin-top: 12px !important;
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: #4f8dff !important;
}

.mh-home-popup-modal-body {
    display: grid !important;
    gap: 12px !important;
    overflow-y: auto !important;
    max-height: calc(100vh - 194px) !important;
    padding: 18px 22px !important;
}

.mh-home-popup-items {
    display: grid !important;
    gap: 12px !important;
}

.mh-home-popup-item {
    padding: 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.18) !important;
    border-radius: 8px !important;
    background: rgba(7, 20, 38, 0.72) !important;
}

.mh-home-popup-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.mh-home-popup-summary strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.mh-home-popup-summary div {
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
}

.mh-home-popup-item-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.mh-home-popup-item-grid[hidden] {
    display: none !important;
}

.mh-home-popup-item-grid label {
    display: grid !important;
    gap: 6px !important;
}

.mh-home-popup-item-grid span {
    color: rgba(219, 231, 251, 0.76) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-home-popup-item-grid input,
.mh-home-popup-item-grid select {
    min-width: 0 !important;
    width: 100% !important;
    height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
}

.mh-home-popup-item-grid input[type="file"] {
    height: auto !important;
    padding: 9px 10px !important;
}

.mh-home-popup-wide {
    grid-column: span 2 !important;
}

.mh-home-popup-add,
.mh-home-popup-edit,
.mh-home-popup-remove {
    height: 38px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(159, 178, 209, 0.3) !important;
    border-radius: 7px !important;
    background: rgba(10, 18, 32, 0.92) !important;
    color: #dbe7fb !important;
    font-weight: 800 !important;
}

.mh-home-popup-add {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: #4f8dff !important;
}

.mh-home-popup-edit {
    border-color: rgba(79, 141, 255, 0.42) !important;
    color: #4f8dff !important;
}

.mh-home-calendar-modal-panel {
    width: min(860px, calc(100vw - 32px)) !important;
}

.mh-home-calendar-modal-body {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 18px 22px !important;
}

.mh-home-calendar-modal-body label {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 7px 10px !important;
    align-items: center !important;
}

.mh-home-calendar-modal-body span {
    grid-column: 1 / -1 !important;
    color: rgba(219, 231, 251, 0.76) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-home-calendar-modal-body input {
    min-width: 0 !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
}

.mh-home-calendar-modal-body em {
    color: #4f8dff !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.mh-home-calendar-list {
    grid-column: 1 / -1 !important;
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.18) !important;
    border-radius: 8px !important;
    background: rgba(7, 20, 38, 0.64) !important;
}

.mh-home-calendar-list-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.mh-home-calendar-list-head strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.mh-home-calendar-list-head span {
    grid-column: auto !important;
    color: rgba(219, 231, 251, 0.58) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-home-calendar-items {
    display: grid !important;
    gap: 8px !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}

.mh-home-calendar-items article {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(159, 178, 209, 0.16) !important;
    border-radius: 7px !important;
    background: rgba(15, 30, 54, 0.86) !important;
}

.mh-home-calendar-items article div {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.mh-home-calendar-items article strong {
    overflow: hidden !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.mh-home-calendar-items article span {
    grid-column: auto !important;
    overflow: hidden !important;
    color: rgba(219, 231, 251, 0.62) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.mh-home-calendar-color-chip {
    display: inline-flex !important;
    grid-column: auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 26px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(var(--mh-open-server-shadow-rgb, 79, 141, 255), 0.42) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(var(--mh-open-server-shadow-rgb, 79, 141, 255), 0.3), rgba(var(--mh-open-server-shadow-rgb, 33, 82, 170), 0.16)) !important;
    box-shadow: 0 0 12px rgba(var(--mh-open-server-shadow-rgb, 79, 141, 255), 0.22) !important;
    color: var(--mh-open-server-text, #ffffff) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.mh-home-calendar-items > p {
    margin: 0 !important;
    padding: 18px 12px !important;
    border: 1px dashed rgba(159, 178, 209, 0.24) !important;
    border-radius: 7px !important;
    color: rgba(219, 231, 251, 0.62) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

@media (max-width: 720px) {
    .mh-home-calendar-modal-body {
        grid-template-columns: 1fr !important;
        padding: 16px !important;
    }

    .mh-home-calendar-items article {
        grid-template-columns: 1fr !important;
    }

    .mh-home-calendar-color-chip {
        justify-self: start !important;
    }
}

.mh-home-side-item-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.mh-home-side-item-grid label {
    display: grid !important;
    gap: 6px !important;
}

.mh-home-side-item-grid label:has(input[name$="[title_legacy]"]) {
    display: none !important;
}

.mh-home-side-title-inline {
    grid-column: auto !important;
}

.mh-home-side-item-grid span {
    color: rgba(219, 231, 251, 0.76) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-home-side-item-grid input,
.mh-home-side-item-grid select,
.mh-home-side-item-grid textarea {
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
}

.mh-home-side-item-grid input,
.mh-home-side-item-grid select {
    height: 38px !important;
}

.mh-home-side-html-field {
    grid-column: 1 / -1 !important;
}

.mh-home-side-item-grid textarea {
    min-height: 118px !important;
    padding: 10px !important;
    line-height: 1.5 !important;
    resize: vertical !important;
}

.mh-home-side-item-grid input[type="file"] {
    height: auto !important;
    padding: 9px 10px !important;
}

.mh-home-setting-field-wide {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
}

.mh-home-setting-field input[type="text"],
.mh-home-setting-field input[type="file"] {
    min-width: 0 !important;
    width: 100% !important;
    height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
}

.mh-home-setting-field input[type="file"] {
    height: auto !important;
    padding: 9px 10px !important;
}

.mh-home-modal-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    padding: 16px 22px !important;
    border-top: 1px solid rgba(159, 178, 209, 0.18) !important;
    background: #061a37 !important;
}

.mh-home-modal-actions button,
.mh-home-modal-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    height: 40px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(159, 178, 209, 0.32) !important;
    border-radius: 7px !important;
    background: rgba(10, 18, 32, 0.92) !important;
    color: #f6fbff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.mh-home-modal-actions button[type="submit"] {
    border-color: rgba(79, 141, 255, 0.72) !important;
    background: rgba(79, 141, 255, 0.18) !important;
    color: #4f8dff !important;
}

.mh-home-popup-layer {
    position: fixed !important;
    z-index: 99990 !important;
    inset: 0 !important;
    pointer-events: none !important;
}

.mh-home-popup {
    position: fixed !important;
    z-index: calc(99990 + var(--popup-stack, 0)) !important;
    width: min(var(--popup-width, 420px), calc(100vw - 24px)) !important;
    height: min(var(--popup-height, 520px), calc(100vh - 24px)) !important;
    overflow: hidden !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 8px !important;
    background: #061a37 !important;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.5) !important;
    cursor: move !important;
    pointer-events: auto !important;
    touch-action: none !important;
    user-select: none !important;
}

.mh-home-popup.is-dragging {
    opacity: 0.96 !important;
}

.mh-home-popup.is-dragging,
.mh-home-popup[data-popup-dragged="1"] {
    transform: none !important;
}

.mh-home-popup-center {
    top: calc(50% + (var(--popup-stack, 0) * 22px)) !important;
    left: calc(50% + (var(--popup-stack, 0) * 22px)) !important;
    transform: translate(-50%, -50%) !important;
}

.mh-home-popup-top_left {
    top: calc(var(--popup-y, 24px) + (var(--popup-stack, 0) * 22px)) !important;
    left: calc(var(--popup-x, 24px) + (var(--popup-stack, 0) * 22px)) !important;
}

.mh-home-popup-top_center {
    top: calc(var(--popup-y, 24px) + (var(--popup-stack, 0) * 22px)) !important;
    left: calc(50% + (var(--popup-stack, 0) * 22px)) !important;
    transform: translateX(-50%) !important;
}

.mh-home-popup-top_right {
    top: calc(var(--popup-y, 24px) + (var(--popup-stack, 0) * 22px)) !important;
    right: calc(var(--popup-x, 24px) + (var(--popup-stack, 0) * 22px)) !important;
}

.mh-home-popup-bottom_left {
    bottom: calc(var(--popup-y, 24px) + (var(--popup-stack, 0) * 22px)) !important;
    left: calc(var(--popup-x, 24px) + (var(--popup-stack, 0) * 22px)) !important;
}

.mh-home-popup-bottom_center {
    bottom: calc(var(--popup-y, 24px) + (var(--popup-stack, 0) * 22px)) !important;
    left: calc(50% + (var(--popup-stack, 0) * 22px)) !important;
    transform: translateX(-50%) !important;
}

.mh-home-popup-bottom_right {
    right: calc(var(--popup-x, 24px) + (var(--popup-stack, 0) * 22px)) !important;
    bottom: calc(var(--popup-y, 24px) + (var(--popup-stack, 0) * 22px)) !important;
}

.mh-home-popup-media {
    height: calc(100% - 44px) !important;
    overflow: hidden !important;
}

.mh-home-popup-media a,
.mh-home-popup-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.mh-home-popup-media img {
    max-width: none !important;
    max-height: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: fill !important;
}

.mh-home-popup-actions {
    display: flex !important;
    height: 44px !important;
    border-top: 1px solid rgba(159, 178, 209, 0.18) !important;
    background: rgba(5, 13, 25, 0.98) !important;
    cursor: default !important;
}

.mh-home-popup-actions button {
    flex: 1 1 0 !important;
    border: 0 !important;
    border-right: 1px solid rgba(159, 178, 209, 0.16) !important;
    background: transparent !important;
    color: #dbe7fb !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.mh-home-popup-actions button:last-child {
    border-right: 0 !important;
}

.mh-home-popup-actions button:hover {
    color: #4f8dff !important;
}

@media (max-width: 720px) {
    .mh-home-popup {
        width: min(var(--popup-width, 420px), calc(100vw - 16px)) !important;
        height: min(var(--popup-height, 520px), calc(100vh - 16px)) !important;
    }

    .mh-home-popup-center {
        top: calc(50% + (var(--popup-stack, 0) * 10px)) !important;
        left: calc(50% + (var(--popup-stack, 0) * 10px)) !important;
    }

    .mh-home-popup-top_left,
    .mh-home-popup-top_center,
    .mh-home-popup-top_right {
        top: calc(8px + (var(--popup-stack, 0) * 10px)) !important;
    }

    .mh-home-popup-bottom_left,
    .mh-home-popup-bottom_center,
    .mh-home-popup-bottom_right {
        bottom: calc(8px + (var(--popup-stack, 0) * 10px)) !important;
    }

    .mh-home-popup-top_center,
    .mh-home-popup-bottom_center {
        left: calc(50% + (var(--popup-stack, 0) * 10px)) !important;
    }

    .mh-home-popup-top_left,
    .mh-home-popup-bottom_left {
        left: calc(8px + (var(--popup-stack, 0) * 10px)) !important;
    }

    .mh-home-popup-top_right,
    .mh-home-popup-bottom_right {
        right: calc(8px + (var(--popup-stack, 0) * 10px)) !important;
    }

    .mh-home-popup-actions button {
        font-size: 12px !important;
    }
}

.mh-home-mobile-modal-panel {
    width: min(760px, calc(100vw - 32px)) !important;
}

.mh-home-mobile-modal-body {
    display: grid !important;
    grid-template-columns: 340px minmax(0, 1fr) !important;
    gap: 22px !important;
    overflow-y: auto !important;
    max-height: calc(100vh - 194px) !important;
    padding: 22px !important;
}

.mh-home-phone-frame {
    width: min(420px, 100%) !important;
    margin: 0 auto !important;
    padding: 14px 12px 18px !important;
    border: 1px solid rgba(159, 178, 209, 0.35) !important;
    border-radius: 30px !important;
    background: linear-gradient(180deg, #111827, #050912) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.38) !important;
}

.mh-home-phone-speaker {
    width: 72px !important;
    height: 5px !important;
    margin: 0 auto 12px !important;
    border-radius: 999px !important;
    background: rgba(219, 231, 251, 0.3) !important;
}

.mh-home-phone-screen {
    display: grid !important;
    gap: 10px !important;
    min-height: 560px !important;
    padding: 12px !important;
    border: 1px solid rgba(92, 143, 220, 0.2) !important;
    border-radius: 20px !important;
    background: #081120 !important;
}

.mh-home-phone-logo {
    display: grid !important;
    min-height: 58px !important;
    place-items: center !important;
    border: 1px dashed rgba(79, 141, 255, 0.38) !important;
    border-radius: 8px !important;
    color: rgba(219, 231, 251, 0.76) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-home-mobile-layout-list {
    display: grid !important;
    gap: 9px !important;
    min-height: 58px !important;
    align-content: start !important;
}

.mh-home-mobile-layout-item {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px 8px !important;
    min-height: 46px !important;
    padding: 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 8px !important;
    background: rgba(16, 24, 39, 0.96) !important;
    cursor: grab !important;
}

.mh-home-mobile-layout-item.is-dragging {
    opacity: 0.52 !important;
}

.mh-home-mobile-layout-list.is-drop-target,
.mh-home-mobile-palette-list.is-drop-target {
    outline: 2px solid rgba(79, 141, 255, 0.72) !important;
    outline-offset: 4px !important;
}

.mh-home-mobile-drag-handle {
    display: inline-grid !important;
    width: 24px !important;
    height: 28px !important;
    place-items: center !important;
    border-radius: 6px !important;
    color: #4f8dff !important;
    background: rgba(79, 141, 255, 0.1) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mh-home-mobile-size-open {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    grid-column: 2 !important;
    justify-self: start !important;
    min-width: 44px !important;
    height: 24px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(79, 141, 255, 0.38) !important;
    border-radius: 6px !important;
    background: rgba(79, 141, 255, 0.1) !important;
    color: #4f8dff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.mh-home-mobile-layout-item strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #edf4ff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
}

.mh-home-mobile-size-modal[hidden] {
    display: none !important;
}

.mh-home-mobile-size-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10020 !important;
    display: grid !important;
    place-items: center !important;
    padding: 18px !important;
}

.mh-home-mobile-size-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.58) !important;
}

.mh-home-mobile-size-panel {
    position: relative !important;
    z-index: 1 !important;
    width: min(420px, calc(100vw - 36px)) !important;
    overflow: hidden !important;
    border: 1px solid rgba(159, 178, 209, 0.32) !important;
    border-radius: 8px !important;
    background: #081120 !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.42) !important;
}

.mh-home-mobile-size-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 18px !important;
    border-bottom: 1px solid rgba(159, 178, 209, 0.18) !important;
}

.mh-home-mobile-size-head h3 {
    margin: 0 !important;
    color: #edf4ff !important;
    font-size: 18px !important;
}

.mh-home-mobile-size-head p {
    margin: 6px 0 0 !important;
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 13px !important;
}

.mh-home-mobile-size-head button,
.mh-home-mobile-size-actions button {
    min-width: 64px !important;
    height: 36px !important;
    border: 1px solid rgba(159, 178, 209, 0.28) !important;
    border-radius: 6px !important;
    background: rgba(16, 24, 39, 0.92) !important;
    color: #edf4ff !important;
    font-weight: 900 !important;
}

.mh-home-mobile-size-body {
    padding: 18px !important;
}

.mh-home-mobile-size-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.mh-home-mobile-size-row[hidden] {
    display: none !important;
}

.mh-home-mobile-size-row strong {
    grid-column: 1 / -1 !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

.mh-home-mobile-size-row label {
    display: grid !important;
    gap: 6px !important;
}

.mh-home-mobile-size-row label span {
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-home-mobile-size-row input {
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.3) !important;
    border-radius: 6px !important;
    background: #061a37 !important;
    color: #edf4ff !important;
    font-size: 14px !important;
}

.mh-home-mobile-size-actions {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 0 18px 18px !important;
}

.mh-home-mobile-layout-note {
    align-self: start !important;
    padding: 16px !important;
    border: 1px solid rgba(79, 141, 255, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(79, 141, 255, 0.08) !important;
}

.mh-home-mobile-layout-note strong {
    display: block !important;
    margin-bottom: 8px !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

.mh-home-mobile-layout-note p {
    margin: 8px 0 0 !important;
    color: rgba(219, 231, 251, 0.76) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

@media (max-width: 720px) {
    .mh-home-mobile-modal-body {
        grid-template-columns: 1fr !important;
    }

    .mh-home-mobile-layout-item {
        grid-template-columns: 24px minmax(0, 1fr) !important;
    }

}

/* Mobile hamburger menu and split layout builder. */
.mh-mobile-menu-drawer {
    display: none !important;
}

.mh-home-phone-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(79, 141, 255, 0.28) !important;
    border-radius: 8px !important;
    background: rgba(5, 13, 25, 0.86) !important;
}

.mh-home-phone-topbar strong {
    color: #edf4ff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-home-phone-menu-bars,
.mh-mobile-menu-drawer > summary {
    display: inline-grid !important;
    gap: 4px !important;
}

.mh-home-phone-menu-bars i,
.mh-mobile-menu-drawer > summary span {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #edf4ff !important;
}

.mh-home-phone-stage {
    display: grid !important;
    grid-template-columns: minmax(140px, 40%) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
}

.mh-home-phone-widget-rail,
.mh-home-phone-main-rail {
    display: grid !important;
    align-content: start !important;
    gap: 8px !important;
    min-height: 430px !important;
    border: 1px dashed rgba(79, 141, 255, 0.3) !important;
    border-radius: 8px !important;
    background: rgba(79, 141, 255, 0.06) !important;
    padding: 8px !important;
}

.mh-home-phone-main-rail {
    border-color: rgba(159, 178, 209, 0.28) !important;
    background: rgba(5, 13, 25, 0.42) !important;
}

.mh-home-phone-widget-rail > strong,
.mh-home-phone-main-rail > strong {
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    writing-mode: horizontal-tb !important;
}

.mh-home-mobile-palette {
    display: grid !important;
    align-self: start !important;
    gap: 14px !important;
}

.mh-home-mobile-palette-head,
.mh-home-mobile-layout-note {
    padding: 16px !important;
    border: 1px solid rgba(79, 141, 255, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(79, 141, 255, 0.08) !important;
}

.mh-home-mobile-palette-head strong,
.mh-home-mobile-layout-note strong {
    display: block !important;
    margin-bottom: 8px !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

.mh-home-mobile-palette-head p,
.mh-home-mobile-layout-note p {
    margin: 8px 0 0 !important;
    color: rgba(219, 231, 251, 0.76) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.mh-home-mobile-palette-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    min-height: 58px !important;
    align-content: start !important;
}

.mh-home-mobile-palette-item {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px 8px !important;
    min-height: 52px !important;
    padding: 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 8px !important;
    background: rgba(16, 24, 39, 0.96) !important;
    color: #edf4ff !important;
    cursor: grab !important;
    text-align: left !important;
}

.mh-home-mobile-palette-item strong {
    min-width: 0 !important;
    overflow: visible !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: keep-all !important;
}

@media (max-width: 720px) and (orientation: portrait) {
    html,
    html body {
        overflow-x: hidden !important;
    }

    html body #wrapper,
    html body .mh-wrapper,
    html body .mh-main,
    html body .mh-main-banners-only {
        width: min(100%, calc(100vw - 16px)) !important;
        max-width: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        overflow-x: hidden !important;
    }

    html body .mh-menu-row {
        position: relative !important;
        overflow: visible !important;
    }

    html body .mh-menu-shell {
        display: none !important;
    }

    html body .mh-mobile-menu-drawer {
        position: relative !important;
        display: block !important;
        width: min(100%, 1280px) !important;
        margin: 0 auto !important;
        padding: 8px 14px !important;
    }

    html body .mh-mobile-menu-drawer > summary {
        width: 42px !important;
        height: 38px !important;
        place-content: center !important;
        border: 1px solid rgba(159, 178, 209, 0.32) !important;
        border-radius: 7px !important;
        background: rgba(8, 14, 25, 0.9) !important;
        cursor: pointer !important;
        list-style: none !important;
    }

    html body .mh-mobile-menu-drawer > summary::-webkit-details-marker,
    html body .mh-mobile-submenu > summary::-webkit-details-marker {
        display: none !important;
    }

    html body .mh-mobile-menu-panel {
        position: absolute !important;
        left: 14px !important;
        top: calc(100% + 4px) !important;
        z-index: 120 !important;
        display: grid !important;
        grid-template-columns: 168px minmax(0, 1fr) !important;
        gap: 8px !important;
        width: min(360px, calc(100vw - 28px)) !important;
        pointer-events: none !important;
    }

    html body .mh-mobile-menu-drawer[open] .mh-mobile-menu-panel {
        pointer-events: auto !important;
    }

    html body .mh-mobile-menu-main,
    html body .mh-mobile-menu-user,
    html body .mh-mobile-submenu-panel {
        display: grid !important;
        gap: 4px !important;
        padding: 8px !important;
        border: 1px solid rgba(159, 178, 209, 0.24) !important;
        border-radius: 8px !important;
        background: rgba(5, 13, 25, 0.98) !important;
        box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42) !important;
    }

    html body .mh-mobile-menu-main a,
    html body .mh-mobile-menu-user a,
    html body .mh-mobile-submenu > summary,
    html body .mh-mobile-submenu-panel a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 38px !important;
        padding: 0 11px !important;
        border: 1px solid transparent !important;
        border-radius: 7px !important;
        color: #dbe7fb !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        cursor: pointer !important;
        white-space: nowrap !important;
    }

    html body .mh-mobile-submenu {
        position: relative !important;
        display: block !important;
    }

    html body .mh-mobile-submenu > summary::after {
        content: ">" !important;
        color: #4f8dff !important;
        font-size: 14px !important;
    }

    html body .mh-mobile-submenu-panel {
        position: absolute !important;
        left: calc(100% + 8px) !important;
        top: 0 !important;
        display: none !important;
        width: min(174px, calc(100vw - 204px)) !important;
        max-height: 70vh !important;
        overflow-y: auto !important;
    }

    html body .mh-mobile-submenu[open] > summary,
    html body .mh-mobile-menu-main a:hover,
    html body .mh-mobile-menu-user a:hover,
    html body .mh-mobile-submenu-panel a:hover {
        border-color: rgba(79, 141, 255, 0.45) !important;
        background: rgba(79, 141, 255, 0.12) !important;
        color: #4f8dff !important;
    }

    html body .mh-mobile-submenu[open] .mh-mobile-submenu-panel {
        display: grid !important;
    }

    html body .mh-mobile-menu-user {
        grid-column: 1 / -1 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .mh-home-main-grid {
        display: block !important;
        width: min(100%, calc(100vw - 16px)) !important;
        max-width: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        overflow: hidden !important;
    }

    html body .mh-home-mobile-flow-grid {
        display: grid !important;
        grid-template-columns: minmax(82px, 28%) minmax(0, 1fr) !important;
        align-items: start !important;
        column-gap: 4px !important;
        row-gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body .mh-home-mobile-flow-column {
        display: grid !important;
        align-content: start !important;
        gap: 12px !important;
        min-width: 0 !important;
    }

    html body .mh-mobile-flow-widget {
        justify-items: end !important;
    }

    html body .mh-mobile-flow-main {
        justify-items: start !important;
    }

    html body .mh-home-mobile-flow-column > * {
        grid-column: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    html body .mh-home-left-panel,
    html body .mh-home-right-panel {
        display: contents !important;
        grid-column: 1 !important;
        width: 100% !important;
        position: static !important;
        inset: auto !important;
    }

    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid {
        grid-column: 2 !important;
        min-width: 0 !important;
    }

    html body .mh-premium-row {
        display: contents !important;
    }

    html body .mh-popular-server-card.mh-mobile-section-popular,
    html body .mh-banner-card.mh-mobile-section-premium {
        grid-column: 2 !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-head {
        display: none !important;
    }

    html body .mh-mobile-section-popular {
        display: grid !important;
        grid-template-rows: minmax(0, 1fr) !important;
        overflow: hidden !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-list {
        display: grid !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-content: stretch !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-list li {
        display: grid !important;
        grid-template-columns: 26px minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 6px !important;
        min-height: 0 !important;
        height: 100% !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-list li:nth-child(n+4) {
        display: none !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-rank {
        align-self: center !important;
        width: 24px !important;
        height: 24px !important;
        font-size: 12px !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-link {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-meta {
        display: none !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-banner {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }

    html body .mh-banner-card,
    html body .mh-partner-banner-card,
    html body .mh-home-board-card,
    html body .mh-home-ranking-card,
    html body .mh-home-chat-widget-card,
    html body .mh-current-member-card {
        box-sizing: border-box !important;
    }

    html body .mh-banner-card.has-image,
    html body .mh-partner-banner-card.has-image {
        background-size: 100% 100% !important;
    }

    html body .mh-banner-card.has-image img,
    html body .mh-partner-banner-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: fill !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-card,
    html body .mh-mobile-flow-widget .mh-home-board-card,
    html body .mh-mobile-flow-widget .mh-current-member-card {
        overflow: hidden !important;
        padding: 0 !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-head,
    html body .mh-mobile-flow-widget .mh-home-board-head,
    html body .mh-mobile-flow-widget .mh-current-member-head {
        min-height: 30px !important;
        margin: 0 !important;
        padding: 7px 8px !important;
        gap: 4px !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-head h2,
    html body .mh-mobile-flow-widget .mh-home-board-head h2,
    html body .mh-mobile-flow-widget .mh-current-member-head h2 {
        max-width: 100% !important;
        overflow: hidden !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-head span,
    html body .mh-mobile-flow-widget .mh-home-board-head a,
    html body .mh-mobile-flow-widget .mh-current-member-head a {
        display: none !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        padding: 6px !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-list li {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-height: 28px !important;
        padding: 4px 5px !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-toggle {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-info strong {
        font-size: 11px !important;
    }
    html body .mh-mobile-flow-widget .mh-current-member-info em {
        display: none !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-toggle:not([open]) .mh-current-member-memo {
        display: none !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-toggle[open] .mh-current-member-memo {
        display: inline-flex !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-toggle[open] {
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-toggle[open] .mh-current-member-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 7px !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-toggle[open] .mh-current-member-memo,
    html body .mh-mobile-flow-widget .mh-current-member-toggle[open] .mh-current-member-gift {
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        padding: 0 6px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    html body .mh-mobile-flow-widget .mh-current-member-toggle[open] .mh-current-member-gift {
        font-size: 11px !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-list {
        gap: 4px !important;
        padding: 6px !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-row a,
    html body .mh-mobile-flow-widget .mh-home-ranking-row .mh-home-ranking-display {
        grid-template-columns: 22px minmax(0, 1fr) !important;
        min-height: 28px !important;
        gap: 5px !important;
        padding: 4px 5px !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-rank {
        width: 20px !important;
        height: 20px !important;
        font-size: 11px !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-name {
        font-size: 11px !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-value {
        display: none !important;
    }

    html body .mh-mobile-flow-widget .mh-basic-latest {
        padding: 6px !important;
    }

    html body .mh-mobile-flow-widget .mh-basic-latest li {
        min-height: 22px !important;
    }

    html body .mh-mobile-flow-widget .mh-basic-latest a {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    html body .mh-home-chat-widget-card {
        display: grid !important;
        place-items: center !important;
        padding: 10px !important;
    }

    html body .mh-home-chat-widget-card .mh-home-chat-widget-head {
        display: none !important;
    }

    html body .mh-mobile-chat-open {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 42px !important;
        border: 1px solid rgba(79, 141, 255, 0.52) !important;
        border-radius: 8px !important;
        background: rgba(79, 141, 255, 0.13) !important;
        color: #4f8dff !important;
        font-weight: 900 !important;
    }

    html body .mh-home-chat-widget-card .mh-home-chat-widget-body {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        z-index: 10030 !important;
        display: none !important;
        width: min(420px, calc(100vw - 28px)) !important;
        height: min(680px, calc(100vh - 70px)) !important;
        min-height: 360px !important;
        box-sizing: border-box !important;
        padding-top: 42px !important;
        border: 1px solid rgba(159, 178, 209, 0.32) !important;
        border-radius: 8px !important;
        background: #081120 !important;
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.58) !important;
        transform: translate(-50%, -50%) !important;
    }

    html body .mh-home-chat-widget-card.is-mobile-chat-open .mh-home-chat-widget-body {
        display: block !important;
    }

    html body .mh-home-chat-widget-card.is-mobile-chat-open::before {
        content: "" !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 10020 !important;
        background: rgba(0, 0, 0, 0.58) !important;
    }

    html body .mh-mobile-chat-close {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        z-index: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 28px !important;
        border: 1px solid rgba(159, 178, 209, 0.32) !important;
        border-radius: 6px !important;
        background: rgba(16, 24, 39, 0.92) !important;
        color: #edf4ff !important;
        font-weight: 900 !important;
    }

    html body .mh-home-left-panel > .mh-partner-banner-card,
    html body .mh-home-left-panel > .mh-home-board-card,
    html body .mh-home-left-panel > .mh-home-chat-widget-card,
    html body .mh-home-left-panel > .mh-home-ranking-card,
    html body .mh-home-right-panel > .mh-partner-banner-card,
    html body .mh-home-right-panel > .mh-home-board-card,
    html body .mh-home-right-panel > .mh-home-chat-widget-card,
    html body .mh-home-right-panel > .mh-home-ranking-card,
    html body .mh-home-left-panel > .mh-current-member-card,
    html body .mh-home-right-panel > .mh-current-member-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .mh-home-mobile-modal-body {
        grid-template-columns: 1fr !important;
    }

    .mh-home-mobile-palette-list {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape), (max-width: 1024px) and (max-height: 560px) {
    html,
    html body {
        overflow-x: hidden !important;
    }

    html body #wrapper,
    html body .mh-wrapper,
    html body .mh-main {
        width: calc(100vw - 8px) !important;
        max-width: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        overflow-x: hidden !important;
    }

    html body .mh-main-banners-only {
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    html body .mh-home-main-grid {
        display: grid !important;
        grid-template-columns: minmax(104px, 22%) minmax(0, 1fr) minmax(104px, 22%) !important;
        align-items: start !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: hidden !important;
    }

    html body .mh-home-main-grid > * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body .mh-home-left-panel,
    html body .mh-home-right-panel {
        position: static !important;
        inset: auto !important;
        display: grid !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding-top: 0 !important;
    }

    html body .mh-home-left-panel {
        grid-column: 1 !important;
    }

    html body .mh-home-right-panel {
        grid-column: 3 !important;
    }

    html body .mh-home-mobile-flow-grid {
        display: none !important;
    }

    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid,
    html body .mh-popular-server-card.mh-mobile-section-popular,
    html body .mh-banner-card.mh-mobile-section-premium {
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body .mh-banner-market,
    html body .mh-premium-row,
    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 4px !important;
        overflow: hidden !important;
    }

    html body .mh-premium-row,
    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .mh-banner-card,
    html body .mh-popular-server-card {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body .mh-home-left-panel > *,
    html body .mh-home-right-panel > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body .mh-banner-card,
    html body .mh-partner-banner-card,
    html body .mh-home-board-card,
    html body .mh-home-ranking-card,
    html body .mh-home-chat-widget-card,
    html body .mh-current-member-card {
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body .mh-banner-card {
        min-height: 72px !important;
        border-radius: 6px !important;
    }

    html body .mh-popular-server-card {
        padding: 6px !important;
    }

    html body .mh-banner-card.has-image img,
    html body .mh-partner-banner-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .mh-home-ranking-card,
    html body .mh-home-board-card,
    html body .mh-home-chat-widget-card {
        padding: 6px !important;
    }

    html body .mh-home-ranking-head,
    html body .mh-home-board-head {
        min-height: 28px !important;
        padding: 5px 6px !important;
        gap: 4px !important;
    }

    html body .mh-home-ranking-head h2,
    html body .mh-home-board-head h2 {
        overflow: hidden !important;
        font-size: 11px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .mh-home-ranking-head span,
    html body .mh-home-board-head a {
        display: none !important;
    }

    html body .mh-home-ranking-list {
        gap: 4px !important;
        padding: 4px !important;
    }

    html body .mh-home-ranking-row a,
    html body .mh-home-ranking-row .mh-home-ranking-display {
        grid-template-columns: 22px minmax(0, 1fr) !important;
        min-height: 26px !important;
        gap: 4px !important;
        padding: 4px !important;
    }

    html body .mh-home-ranking-rank {
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
    }

    html body .mh-home-ranking-name {
        overflow: hidden !important;
        font-size: 10px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .mh-home-ranking-value {
        display: none !important;
    }

    html body .mh-basic-latest {
        padding: 4px !important;
    }

    html body .mh-basic-latest a {
        font-size: 10px !important;
        line-height: 1.25 !important;
    }

    html body .mh-home-chat-widget-card .mh-home-chat-widget-body {
        max-width: 100% !important;
        overflow: hidden !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape), (max-width: 1024px) and (max-height: 560px) {
    html body #wrapper,
    html body .mh-wrapper,
    html body .mh-main {
        width: 100vw !important;
        max-width: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        overflow-x: hidden !important;
    }

    html body .mh-home-main-grid {
        position: relative !important;
        left: calc(50% - 640px) !important;
        display: block !important;
        width: 1280px !important;
        max-width: none !important;
        margin: 0 !important;
        overflow: visible !important;
        transform: scale(var(--mh-home-landscape-scale, 0.48)) !important;
        transform-origin: top center !important;
    }

    html body .mh-main-banners-only {
        display: block !important;
        width: 1280px !important;
        min-width: 1280px !important;
        max-width: 1280px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    html body .mh-home-left-panel,
    html body .mh-home-right-panel {
        position: absolute !important;
        inset: auto !important;
        top: 0 !important;
        display: grid !important;
        gap: 10px !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        padding-top: 28px !important;
        overflow: visible !important;
    }

    html body .mh-home-left-panel {
        right: calc(100% + 18px) !important;
        left: auto !important;
    }

    html body .mh-home-right-panel {
        right: auto !important;
        left: calc(100% + 18px) !important;
    }

    html body .mh-home-mobile-flow-grid {
        display: none !important;
    }

    html body .mh-banner-market,
    html body .mh-premium-row,
    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        gap: 18px !important;
        overflow: visible !important;
    }

    html body .mh-premium-row,
    html body .mh-semi-row {
        grid-template-columns: 1fr !important;
    }

    html body .mh-normal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .mh-normal-nine-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    html body .mh-banner-card {
        min-height: inherit !important;
        border-radius: 8px !important;
    }

    html body .mh-premium-card {
        min-height: 238px !important;
    }

    html body .mh-semi-card,
    html body .mh-normal-card,
    html body .mh-normal-small-card {
        min-height: 118px !important;
    }

    html body .mh-banner-card.has-image img,
    html body .mh-partner-banner-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .mh-home-left-panel > *,
    html body .mh-home-right-panel > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape), (max-width: 1024px) and (max-height: 560px) {
    html,
    html body {
        overflow-x: hidden !important;
    }

    html body #wrapper,
    html body .mh-wrapper,
    html body .mh-main,
    html body .mh-main-banners-only {
        width: calc(100vw - 12px) !important;
        max-width: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow-x: hidden !important;
    }

    html body .mh-menu-row {
        position: relative !important;
        overflow: visible !important;
    }

    html body .mh-menu-shell {
        display: none !important;
    }

    html body .mh-mobile-menu-drawer {
        position: relative !important;
        display: block !important;
        width: min(100%, 1280px) !important;
        margin: 0 auto !important;
        padding: 8px 10px !important;
    }

    html body .mh-home-main-grid {
        position: static !important;
        left: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        overflow: hidden !important;
        transform: none !important;
    }

    html body .mh-home-mobile-flow-grid {
        display: grid !important;
        grid-template-columns: minmax(150px, 32%) minmax(0, 1fr) !important;
        align-items: start !important;
        column-gap: 8px !important;
        row-gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body .mh-home-mobile-flow-column {
        display: grid !important;
        align-content: start !important;
        gap: 10px !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body .mh-mobile-flow-widget,
    html body .mh-mobile-flow-main {
        justify-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    html body .mh-home-mobile-flow-column > * {
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    html body .mh-home-left-panel,
    html body .mh-home-right-panel {
        position: static !important;
        inset: auto !important;
        display: contents !important;
        grid-column: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding-top: 0 !important;
    }

    html body .mh-main-banners-only,
    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid,
    html body .mh-popular-server-card.mh-mobile-section-popular,
    html body .mh-banner-card.mh-mobile-section-premium {
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body .mh-banner-market,
    html body .mh-premium-row,
    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 8px !important;
        overflow: hidden !important;
    }

    html body .mh-premium-row,
    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid {
        grid-template-columns: 1fr !important;
    }

    html body .mh-banner-card,
    html body .mh-partner-banner-card,
    html body .mh-home-board-card,
    html body .mh-home-ranking-card,
    html body .mh-home-chat-widget-card,
    html body .mh-current-member-card,
    html body .mh-popular-server-card {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body .mh-banner-card.has-image img,
    html body .mh-partner-banner-card img,
    html body .mh-popular-server-banner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .mh-mobile-flow-widget .mh-home-ranking-card,
    html body .mh-mobile-flow-widget .mh-home-board-card,
    html body .mh-home-chat-widget-card {
        padding: 6px !important;
    }

    html body .mh-home-ranking-head,
    html body .mh-home-board-head {
        min-height: 28px !important;
        padding: 5px 6px !important;
    }

    html body .mh-home-ranking-head h2,
    html body .mh-home-board-head h2 {
        overflow: hidden !important;
        font-size: 11px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .mh-home-ranking-head span,
    html body .mh-home-board-head a {
        display: none !important;
    }

    html body .mh-home-ranking-list,
    html body .mh-basic-latest {
        padding: 5px !important;
    }

    html body .mh-home-ranking-row a,
    html body .mh-home-ranking-row .mh-home-ranking-display {
        grid-template-columns: 22px minmax(0, 1fr) !important;
        gap: 4px !important;
        min-height: 26px !important;
        padding: 4px !important;
    }

    html body .mh-home-ranking-rank {
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
    }

    html body .mh-home-ranking-name,
    html body .mh-basic-latest a {
        overflow: hidden !important;
        font-size: 10px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .mh-home-ranking-value {
        display: none !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-head {
        display: none !important;
    }

    html body .mh-mobile-section-popular {
        padding: 8px !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-list {
        display: grid !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-list li {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 6px !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-list li:nth-child(n+4) {
        display: none !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape), (max-width: 1024px) and (max-height: 560px) {
    html,
    html body {
        overflow-x: hidden !important;
    }

    html body #wrapper,
    html body .mh-wrapper,
    html body .mh-wrapper:has(.mh-home-main-grid),
    html body .mh-main,
    html body .mh-home-main-grid,
    html body .mh-main-banners-only {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    html body .mh-home-main-grid {
        position: static !important;
        left: auto !important;
        display: block !important;
        transform: none !important;
    }

    html body .mh-home-mobile-flow-grid {
        display: grid !important;
        grid-template-columns: clamp(92px, 30vw, 230px) minmax(0, 1fr) !important;
        align-items: start !important;
        gap: clamp(4px, 1.2vw, 12px) !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 clamp(4px, 1vw, 10px) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body .mh-home-mobile-flow-column {
        display: grid !important;
        align-content: start !important;
        gap: clamp(8px, 1.4vw, 14px) !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body .mh-mobile-flow-widget,
    html body .mh-mobile-flow-main {
        justify-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    html body .mh-home-mobile-flow-column > *,
    html body .mh-mobile-flow-widget > *,
    html body .mh-mobile-flow-main > * {
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    html body .mh-home-left-panel,
    html body .mh-home-right-panel {
        position: static !important;
        inset: auto !important;
        display: contents !important;
        grid-column: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding-top: 0 !important;
    }

    html body .mh-main-banners-only,
    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid,
    html body .mh-popular-server-card.mh-mobile-section-popular,
    html body .mh-banner-card.mh-mobile-section-premium {
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body .mh-banner-market,
    html body .mh-premium-row,
    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: clamp(6px, 1.2vw, 12px) !important;
        overflow: hidden !important;
    }

    html body .mh-premium-row,
    html body .mh-semi-row,
    html body .mh-normal-grid,
    html body .mh-normal-nine-grid {
        grid-template-columns: 1fr !important;
    }

    html body .mh-banner-card,
    html body .mh-partner-banner-card,
    html body .mh-home-board-card,
    html body .mh-home-ranking-card,
    html body .mh-home-chat-widget-card,
    html body .mh-popular-server-card {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body .mh-banner-card.has-image img,
    html body .mh-partner-banner-card img,
    html body .mh-popular-server-banner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .mh-home-ranking-card,
    html body .mh-home-board-card,
    html body .mh-home-chat-widget-card {
        padding: clamp(5px, 1vw, 10px) !important;
    }

    html body .mh-home-ranking-head,
    html body .mh-home-board-head {
        min-height: 28px !important;
        padding: 5px 6px !important;
    }

    html body .mh-home-ranking-head h2,
    html body .mh-home-board-head h2 {
        overflow: hidden !important;
        font-size: clamp(10px, 1.7vw, 13px) !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .mh-home-ranking-head span,
    html body .mh-home-board-head a,
    html body .mh-home-ranking-value {
        display: none !important;
    }

    html body .mh-home-ranking-list,
    html body .mh-basic-latest {
        padding: 5px !important;
    }

    html body .mh-home-ranking-row a,
    html body .mh-home-ranking-row .mh-home-ranking-display {
        grid-template-columns: 22px minmax(0, 1fr) !important;
        gap: 4px !important;
        min-height: 26px !important;
        padding: 4px !important;
    }

    html body .mh-home-ranking-rank {
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
    }

    html body .mh-home-ranking-name,
    html body .mh-basic-latest a {
        overflow: hidden !important;
        font-size: clamp(10px, 1.6vw, 12px) !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-head {
        display: none !important;
    }

    html body .mh-mobile-section-popular {
        padding: clamp(6px, 1vw, 10px) !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-list {
        display: grid !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-list li {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 6px !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-list li:nth-child(n+4) {
        display: none !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape), (max-width: 1024px) and (max-height: 560px) {
    html body .mh-menu-row {
        position: relative !important;
        overflow: visible !important;
    }

    html body .mh-mobile-menu-drawer {
        display: none !important;
    }

    html body .mh-menu-shell {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 6px 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body .mh-menu-inner {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        flex-wrap: nowrap !important;
    }

    html body .mh-menu-inner > a,
    html body .mh-menu-inner .mh-board-dropdown > summary,
    html body .mh-menu-inner .mh-board-dropdown > summary:hover,
    html body .mh-menu-inner .mh-board-dropdown[open] > summary {
        min-width: 0 !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 8px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    html body .mh-menu-user {
        display: flex !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        min-width: 0 !important;
        max-width: 42vw !important;
        margin: 0 !important;
        flex-wrap: nowrap !important;
    }

    html body .mh-menu-user > a,
    html body .mh-menu-user .mh-user-settings-dropdown > summary {
        min-width: 0 !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 8px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    html body .mh-menu-user .mh-user-settings-menu {
        right: 0 !important;
        left: auto !important;
    }
}

.mh-point-game-page,
.mh-point-game-settings-page {
    width: min(1000px, calc(100vw - 32px)) !important;
    margin: 18px auto 44px !important;
}

.mh-point-game-shell,
.mh-point-game-settings-panel {
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 8px !important;
    background: rgba(7, 20, 38, 0.86) !important;
    box-shadow: 0 24px 46px rgba(0, 0, 0, 0.24) !important;
}

.mh-point-game-shell {
    padding: 16px !important;
}

.mh-point-game-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.mh-point-game-head h1 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.mh-point-game-head p {
    margin: 8px 0 0 !important;
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 14px !important;
}

.mh-point-game-head strong {
    flex: 0 0 auto !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(79, 141, 255, 0.34) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.12) !important;
    color: #4f8dff !important;
    font-size: 16px !important;
}

.mh-point-game-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 14px 0 !important;
}

.mh-point-game-tabs a {
    min-height: 34px !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 7px !important;
    background: rgba(9, 22, 39, 0.72) !important;
    color: rgba(232, 240, 255, 0.86) !important;
    font-weight: 800 !important;
}

.mh-point-game-tabs a.is-active,
.mh-point-game-tabs a:hover,
.mh-point-game-tabs a:focus {
    border-color: rgba(79, 141, 255, 0.64) !important;
    background: rgba(79, 141, 255, 0.14) !important;
    color: #4f8dff !important;
}

.mh-point-game-arena {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
    padding: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: radial-gradient(circle at 50% 0, rgba(79, 141, 255, 0.12), rgba(8, 18, 34, 0.88) 48%, rgba(4, 10, 20, 0.92)) !important;
}

.mh-point-game-arena::before {
    content: "" !important;
    position: absolute !important;
    inset: -40% !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    animation: none !important;
    pointer-events: none !important;
}

.mh-point-game-arena::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.mh-point-game-arena.has-result::before,
.mh-point-game-arena.is-playing::before {
    opacity: 0 !important;
    animation: none !important;
}

.mh-point-game-player,
.mh-point-game-versus,
.mh-point-game-reveal {
    position: relative !important;
    z-index: 1 !important;
}

.mh-point-game-player {
    display: grid !important;
    gap: 8px !important;
    min-height: 124px !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mh-point-game-player > span {
    color: rgba(159, 178, 209, 0.82) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-point-game-player strong {
    display: flex !important;
    width: 116px !important;
    height: 116px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.mh-point-game-choice-visual {
    display: grid !important;
    place-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    color: inherit !important;
    line-height: 1.2 !important;
}

.mh-point-game-choice-visual img {
    display: block !important;
    width: 86px !important;
    height: 86px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 7px 12px rgba(0, 0, 0, 0.38)) !important;
}

.mh-point-game-choice-visual em {
    display: block !important;
    max-width: 100% !important;
    color: inherit !important;
    font-style: normal !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    word-break: keep-all !important;
}

.mh-point-game-player strong .mh-point-game-choice-visual img {
    width: 92px !important;
    height: 92px !important;
}

.mh-point-game-player strong .mh-point-game-choice-visual em {
    display: none !important;
}

.mh-point-game-house strong {
    transform: rotateY(180deg) scale(0.92) !important;
    color: transparent !important;
    text-shadow: 0 0 12px rgba(79, 141, 255, 0.56) !important;
}

.mh-point-game-house strong .mh-point-game-choice-visual {
    opacity: 0 !important;
}

.mh-point-game-arena.is-idle .mh-point-game-house strong {
    animation: mhPointGamePulse 1.4s ease-in-out infinite !important;
}

.mh-point-game-arena.has-result .mh-point-game-house strong {
    animation: mhPointGameFlip 1.08s ease both !important;
}

.mh-point-game-arena.is-revealed .mh-point-game-house strong {
    transform: rotateY(0) scale(1) !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.mh-point-game-arena.is-revealed .mh-point-game-house strong .mh-point-game-choice-visual {
    opacity: 1 !important;
}

.mh-point-game-arena-rps.has-result .mh-point-game-player strong {
    animation: mhPointGameClash 0.82s ease both !important;
}

.mh-point-game-arena-odd_even.has-result .mh-point-game-house strong {
    animation: mhPointGameRoll 1.05s cubic-bezier(.25, .8, .25, 1) both !important;
}

.mh-point-game-arena-number.has-result .mh-point-game-house strong {
    animation: mhPointGameCard 1.05s ease both !important;
}

.mh-point-game-arena-treasure.has-result .mh-point-game-house strong {
    animation: mhPointGameChest 1.05s ease both !important;
}

.mh-point-game-arena-card_high_low.has-result .mh-point-game-house strong {
    animation: mhPointGameCard 1.05s ease both !important;
}

.mh-point-game-arena-roulette.has-result .mh-point-game-house strong {
    animation: mhPointGameRoll 1.05s cubic-bezier(.25, .8, .25, 1) both !important;
}

.mh-point-game-arena-enhance.has-result .mh-point-game-house strong {
    animation: mhPointGameEnhance 1.05s ease both !important;
}

.mh-point-game-roulette-board {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 8px !important;
    padding: 12px 14px !important;
}

.mh-point-game-roulette-board.has-result::before,
.mh-point-game-roulette-board.is-playing::before {
    opacity: 0 !important;
    animation: none !important;
}

.mh-point-game-roulette-stage {
    position: relative !important;
    width: min(220px, 70vw) !important;
    aspect-ratio: 1 / 1 !important;
    display: grid !important;
    place-items: center !important;
}

.mh-point-game-roulette-pointer {
    position: absolute !important;
    top: -2px !important;
    left: 50% !important;
    z-index: 3 !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 16px solid transparent !important;
    border-right: 16px solid transparent !important;
    border-top: 44px solid #0b1019 !important;
    transform: translateX(-50%) !important;
    filter: drop-shadow(0 6px 7px rgba(0, 0, 0, 0.42)) !important;
}

.mh-point-game-roulette-wheel {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    transform-origin: 50% 50% !important;
}

.mh-point-game-roulette-board.has-result .mh-point-game-roulette-wheel {
    animation: mhPointRouletteSpin 2.35s cubic-bezier(.12, .72, .16, 1) both !important;
}

.mh-point-game-roulette-board.is-visual-reset .mh-point-game-roulette-wheel {
    animation: none !important;
    transform: rotate(0deg) !important;
}

.mh-point-game-dice-board {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 8px !important;
    min-height: 190px !important;
    padding: 16px 14px !important;
}

.mh-point-game-dice-stage {
    position: relative !important;
    display: grid !important;
    width: min(156px, 56vw) !important;
    aspect-ratio: 1 / 1 !important;
    place-items: center !important;
}

.mh-point-game-dice-stage strong {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    transform-origin: 50% 50% !important;
}

.mh-point-game-dice-stage .mh-point-game-choice-visual img {
    width: 132px !important;
    height: 132px !important;
}

.mh-point-game-dice-stage .mh-point-game-choice-visual em {
    display: none !important;
}

.mh-point-game-dice-board.has-result .mh-point-game-dice-stage strong {
    animation: mhPointDiceSingleRoll 1.82s cubic-bezier(.08, .74, .18, 1) both !important;
}

.mh-point-game-dice-board.is-visual-reset .mh-point-game-dice-stage strong {
    animation: none !important;
    transform: rotate(0deg) scale(1) !important;
}

.mh-point-game-roulette-info {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(420px, 100%) !important;
    gap: 10px !important;
}

.mh-point-game-roulette-info > div {
    display: grid !important;
    place-items: center !important;
    gap: 4px !important;
    min-height: 82px !important;
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 8px !important;
    background: rgba(5, 14, 27, 0.78) !important;
}

.mh-point-game-roulette-info span {
    color: rgba(159, 178, 209, 0.82) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-point-game-roulette-info strong {
    display: flex !important;
    width: 74px !important;
    height: 74px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.mh-point-game-roulette-info strong .mh-point-game-choice-visual img {
    width: 72px !important;
    height: 72px !important;
}

.mh-point-game-roulette-info strong .mh-point-game-choice-visual em {
    display: none !important;
}

.mh-point-game-roulette-board.has-result:not(.is-revealed):not(.is-visual-reset) .mh-point-game-roulette-info > div:last-child strong,
.mh-point-game-roulette-board.has-result:not(.is-revealed):not(.is-visual-reset) .mh-point-game-reveal {
    opacity: 0 !important;
}

.mh-point-game-roulette-board.is-revealed .mh-point-game-roulette-info > div:last-child strong {
    opacity: 1 !important;
    transition: opacity 0.22s ease !important;
}

.mh-point-game-snail-board {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    gap: 10px !important;
    min-height: 360px !important;
    padding: 44px 18px 20px !important;
}

.mh-point-game-snail-track {
    position: relative !important;
    display: grid !important;
    align-self: center !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 8px !important;
    padding: 10px 34px 10px 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(159, 178, 209, 0.18) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(90deg, rgba(116, 197, 255, 0.08), rgba(116, 197, 255, 0) 28%),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, rgba(255, 255, 255, 0) 1px 42px),
        rgba(5, 14, 27, 0.78) !important;
}

.mh-point-game-snail-finish {
    position: absolute !important;
    top: 10px !important;
    right: 14px !important;
    bottom: 10px !important;
    display: grid !important;
    width: 18px !important;
    place-items: center !important;
    border-left: 2px dashed rgba(142, 190, 255, 0.72) !important;
    color: #b6e6ff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    writing-mode: vertical-rl !important;
}

.mh-point-game-snail-lane {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    min-height: 48px !important;
    overflow: hidden !important;
    border: 1px solid rgba(159, 178, 209, 0.14) !important;
    border-radius: 8px !important;
    background: rgba(9, 22, 39, 0.66) !important;
}

.mh-point-game-snail-lane.is-selected {
    border-color: rgba(79, 141, 255, 0.42) !important;
    background: rgba(79, 141, 255, 0.08) !important;
}

.mh-point-game-snail-board.is-finished .mh-point-game-snail-lane.is-winner,
.mh-point-game-snail-board.is-revealed .mh-point-game-snail-lane.is-winner {
    border-color: rgba(142, 190, 255, 0.5) !important;
    box-shadow: inset 0 0 0 1px rgba(142, 190, 255, 0.16), 0 0 18px rgba(142, 190, 255, 0.16) !important;
}

.mh-point-game-snail-board.is-win.is-revealed .mh-point-game-snail-track {
    border-color: rgba(79, 141, 255, 0.58) !important;
    box-shadow: inset 0 0 0 1px rgba(79, 141, 255, 0.16), 0 0 24px rgba(79, 141, 255, 0.16) !important;
    animation: mhPointSnailWinTrack 0.9s ease-out both !important;
}

.mh-point-game-snail-board.is-lose.is-revealed .mh-point-game-snail-track {
    border-color: rgba(255, 120, 120, 0.46) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 120, 120, 0.12), 0 0 20px rgba(255, 120, 120, 0.12) !important;
    animation: mhPointSnailLoseTrack 0.52s ease-out both !important;
}

.mh-point-game-snail-board.is-lose.is-revealed .mh-point-game-snail-lane.is-selected {
    border-color: rgba(255, 120, 120, 0.58) !important;
    background: rgba(255, 120, 120, 0.08) !important;
}

.mh-point-game-snail-lane em {
    z-index: 2 !important;
    display: grid !important;
    height: 100% !important;
    place-items: center !important;
    border-right: 1px solid rgba(159, 178, 209, 0.14) !important;
    color: #b6e6ff !important;
    font-style: normal !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-point-game-snail-lane strong {
    position: absolute !important;
    top: 50% !important;
    left: 50px;
    z-index: 1 !important;
    display: grid !important;
    width: 98px !important;
    height: 58px !important;
    place-items: center !important;
    transform: translateY(-50%);
    will-change: left, transform !important;
}

.mh-point-game-snail-lane strong .mh-point-game-choice-visual img {
    width: 98px !important;
    height: 58px !important;
    object-fit: contain !important;
}

.mh-point-game-snail-lane strong .mh-point-game-choice-visual em {
    display: none !important;
}

.mh-point-game-snail-board.is-racing .mh-point-game-snail-lane strong {
    animation: mhPointSnailRace 7s linear var(--snail-delay) both !important;
}

.mh-point-game-snail-board.is-racing .mh-point-game-snail-lane strong .mh-point-game-choice-visual img {
    animation: mhPointSnailCrawl 0.46s ease-in-out infinite !important;
}

.mh-point-game-snail-board.is-finished .mh-point-game-snail-lane strong,
.mh-point-game-snail-board.is-revealed .mh-point-game-snail-lane strong {
    left: var(--snail-finish) !important;
    transform: translateY(-50%) !important;
    animation: none !important;
}

.mh-point-game-snail-board.is-finished .mh-point-game-snail-lane strong .mh-point-game-choice-visual img,
.mh-point-game-snail-board.is-revealed .mh-point-game-snail-lane strong .mh-point-game-choice-visual img {
    animation: none !important;
}

.mh-point-game-snail-board.is-finished .mh-point-game-snail-lane.is-winner strong,
.mh-point-game-snail-board.is-revealed .mh-point-game-snail-lane.is-winner strong {
    filter: drop-shadow(0 0 18px rgba(142, 190, 255, 0.9)) drop-shadow(0 0 8px rgba(79, 141, 255, 0.58)) !important;
}

.mh-point-game-snail-board.is-finished .mh-point-game-snail-lane.is-winner strong .mh-point-game-choice-visual img,
.mh-point-game-snail-board.is-revealed .mh-point-game-snail-lane.is-winner strong .mh-point-game-choice-visual img {
    animation: mhPointSnailWinner 0.72s ease-out both !important;
}

.mh-point-game-snail-board.is-visual-reset .mh-point-game-snail-lane strong {
    animation: none !important;
    left: 50px !important;
    transform: translateY(-50%) !important;
}

.mh-point-game-snail-board.is-finished .mh-point-game-snail-finish,
.mh-point-game-snail-board.is-revealed .mh-point-game-snail-finish {
    border-left-color: rgba(142, 190, 255, 1) !important;
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(142, 190, 255, 0.92) !important;
    box-shadow: -8px 0 20px rgba(142, 190, 255, 0.16) !important;
}

.mh-point-game-enhance-board {
    display: grid !important;
    grid-template-columns: minmax(158px, 210px) minmax(0, 1fr) 112px !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 10px !important;
    padding: 14px 16px 14px !important;
}

.mh-point-game-enhance-ladder {
    align-self: stretch !important;
    display: grid !important;
    width: 104px !important;
    min-height: 230px !important;
    gap: 4px !important;
    padding: 8px !important;
    border: 1px solid rgba(142, 190, 255, 0.56) !important;
    border-radius: 8px !important;
    background: rgba(5, 14, 27, 0.8) !important;
    box-shadow: inset 0 0 0 1px rgba(142, 190, 255, 0.1) !important;
}

.mh-point-game-enhance-ladder > span {
    color: #b6e6ff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.mh-point-game-enhance-ladder div {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    padding: 3px 5px !important;
    border: 1px solid rgba(159, 178, 209, 0.18) !important;
    border-radius: 6px !important;
    background: rgba(9, 22, 39, 0.72) !important;
}

.mh-point-game-enhance-ladder div.is-current {
    border-color: rgba(79, 141, 255, 0.68) !important;
    background: rgba(79, 141, 255, 0.14) !important;
}

.mh-point-game-enhance-ladder em,
.mh-point-game-enhance-ladder strong {
    min-width: 0 !important;
    font-style: normal !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

.mh-point-game-enhance-ladder em {
    color: rgba(219, 231, 251, 0.86) !important;
}

.mh-point-game-enhance-ladder strong {
    color: #ffffff !important;
    text-align: right !important;
}

.mh-point-game-enhance-stage {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: min(300px, 72vw) !important;
    min-height: 230px !important;
}

.mh-point-game-enhance-aura {
    position: absolute !important;
    inset: 8% !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(118, 169, 255, 0.22), rgba(75, 132, 201, 0.1) 42%, rgba(0, 0, 0, 0) 68%) !important;
    filter: blur(4px) !important;
}

.mh-point-game-enhance-sword {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: min(280px, 68vw) !important;
    height: auto !important;
    filter: drop-shadow(0 22px 26px rgba(0, 0, 0, 0.42)) !important;
}

.mh-point-game-enhance-level {
    position: absolute !important;
    right: 8% !important;
    top: 12% !important;
    z-index: 2 !important;
    min-width: 82px !important;
    padding: 10px 16px !important;
    border: 1px solid rgba(142, 190, 255, 0.64) !important;
    border-radius: 999px !important;
    background: rgba(10, 16, 28, 0.82) !important;
    color: #b6e6ff !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    text-align: center !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28) !important;
}

.mh-point-game-enhance-board.is-win.is-revealed .mh-point-game-enhance-stage::after {
    content: "" !important;
    position: absolute !important;
    inset: 12% !important;
    z-index: 3 !important;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.96), rgba(118, 169, 255, 0.42) 22%, rgba(142, 190, 255, 0.25) 42%, rgba(255, 255, 255, 0) 70%) !important;
    animation: mhPointEnhanceSpark 0.92s ease-out both !important;
    pointer-events: none !important;
}

.mh-point-game-enhance-board.is-lose.is-revealed .mh-point-game-enhance-stage::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(255, 80, 80, 0.22), rgba(0, 0, 0, 0.62) 64%, rgba(0, 0, 0, 0.1)) !important;
    animation: mhPointEnhanceFail 0.82s ease-out both !important;
    pointer-events: none !important;
}

.mh-point-game-enhance-board.is-lose.is-revealed .mh-point-game-enhance-sword {
    filter: grayscale(0.9) brightness(0.55) drop-shadow(0 20px 24px rgba(0, 0, 0, 0.58)) !important;
}

.mh-point-game-enhance-stats {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: min(720px, 100%) !important;
    gap: 12px !important;
}

.mh-point-game-enhance-stats > div {
    display: grid !important;
    gap: 8px !important;
    min-height: 78px !important;
    place-items: center !important;
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 8px !important;
    background: rgba(5, 14, 27, 0.78) !important;
}

.mh-point-game-enhance-stats span {
    color: rgba(159, 178, 209, 0.82) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-point-game-enhance-stats strong {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.mh-point-game-enhance-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.mh-point-game-enhance-actions button:first-child {
    border-color: rgba(79, 141, 255, 0.72) !important;
    background: rgba(79, 141, 255, 0.22) !important;
    color: #7df5c9 !important;
}

.mh-point-game-enhance-actions button:last-child {
    border-color: rgba(142, 190, 255, 0.72) !important;
    background: rgba(142, 190, 255, 0.16) !important;
    color: #b6e6ff !important;
}

.mh-point-game-enhance-actions button:disabled {
    cursor: not-allowed !important;
    opacity: 0.38 !important;
}

.mh-point-game-enhance-help {
    margin: 0 !important;
    color: rgba(159, 178, 209, 0.78) !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.mh-point-game-enhance-ranking {
    display: grid !important;
    align-self: stretch !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
    width: 100% !important;
    min-height: 230px !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(5, 14, 27, 0.74) !important;
}

.mh-point-game-enhance-ranking-head {
    display: grid !important;
    align-content: start !important;
    align-items: start !important;
    gap: 4px !important;
}

.mh-point-game-enhance-ranking-head h2 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.mh-point-game-enhance-ranking-head p {
    margin: 3px 0 0 !important;
    color: rgba(159, 178, 209, 0.82) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

.mh-point-game-enhance-ranking-head > strong {
    justify-self: center !important;
    margin-top: 1px !important;
    padding: 4px 8px !important;
    border: 1px solid rgba(79, 141, 255, 0.36) !important;
    border-radius: 999px !important;
    color: #71ffd7 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.mh-point-game-enhance-ranking-list {
    display: grid !important;
    align-content: start !important;
    gap: 4px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mh-point-game-enhance-ranking-list li {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 3px !important;
    min-height: 28px !important;
    padding: 4px 6px !important;
    border: 1px solid rgba(159, 178, 209, 0.16) !important;
    border-radius: 7px !important;
    background: rgba(9, 22, 39, 0.72) !important;
}

.mh-point-game-enhance-ranking-list strong {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 5px !important;
    color: #f6fbff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.mh-point-game-enhance-ranking-list em {
    flex: 0 0 auto !important;
    color: #71ffd7 !important;
    font-style: normal !important;
}

.mh-point-game-enhance-ranking-list span,
.mh-point-game-enhance-ranking-list small {
    color: rgba(219, 231, 251, 0.82) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.mh-point-game-enhance-ranking-empty {
    margin: 0 !important;
    color: rgba(159, 178, 209, 0.78) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

@media (max-width: 720px) {
    .mh-point-game-enhance-ranking-head,
    .mh-point-game-enhance-ranking-list li {
        grid-template-columns: 1fr !important;
        align-items: flex-start !important;
    }

    .mh-point-game-enhance-ranking-head {
        display: grid !important;
    }
}

.mh-point-game-treasure-board {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 10px !important;
    padding: 18px 16px !important;
}

.mh-point-game-treasure-stage {
    position: relative !important;
    display: grid !important;
    min-height: 190px !important;
    place-items: center !important;
}

.mh-point-game-treasure-stage strong,
.mh-point-game-card-hand strong {
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mh-point-game-treasure-stage .mh-point-game-choice-visual img {
    width: min(320px, 70vw) !important;
    height: 190px !important;
}

.mh-point-game-treasure-board.is-win.is-revealed .mh-point-game-treasure-stage strong {
    animation: mhPointTreasureOpen 0.72s ease both !important;
}

.mh-point-game-treasure-board.is-lose.is-revealed .mh-point-game-treasure-stage strong {
    animation: mhPointTreasureEmpty 0.72s ease both !important;
}

.mh-point-game-card-board {
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr) !important;
    padding: 18px 16px !important;
}

.mh-point-game-card-hand {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    gap: 8px !important;
    min-height: 206px !important;
    place-items: center !important;
}

.mh-point-game-card-hand > span {
    color: rgba(159, 178, 209, 0.82) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.mh-point-game-card-hand strong {
    width: 108px !important;
    height: 162px !important;
}

.mh-point-game-card-hand strong .mh-point-game-choice-visual img {
    width: 108px !important;
    height: 162px !important;
}

.mh-point-game-card-board.has-result:not(.is-revealed):not(.is-visual-reset) .mh-point-game-card-hand strong {
    opacity: 0 !important;
    transform: rotateY(90deg) !important;
}

.mh-point-game-card-board.is-revealed .mh-point-game-card-hand strong {
    animation: mhPointCardFlipIn 0.62s ease both !important;
}

.mh-point-game-arena.is-visual-reset::after,
.mh-point-game-treasure-board.is-visual-reset .mh-point-game-treasure-stage strong,
.mh-point-game-card-board.is-visual-reset .mh-point-game-card-hand strong,
.mh-point-game-dice-board.is-visual-reset .mh-point-game-dice-stage strong,
.mh-point-game-arena.is-visual-reset .mh-point-game-player strong,
.mh-point-game-arena.is-visual-reset .mh-point-game-house strong {
    animation: none !important;
}

.mh-point-game-card-board.is-visual-reset .mh-point-game-card-hand strong {
    opacity: 1 !important;
    transform: rotateY(0) translateY(0) !important;
}

.mh-point-game-treasure-board.is-visual-reset .mh-point-game-treasure-stage strong {
    transform: translateY(0) scale(1) !important;
    filter: none !important;
}

.mh-point-game-versus {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mh-point-game-versus span {
    display: flex !important;
    width: 56px !important;
    height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 202, 87, 0.42) !important;
    border-radius: 999px !important;
    background: rgba(255, 202, 87, 0.12) !important;
    color: #b6e6ff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.mh-point-game-reveal {
    grid-column: 1 / -1 !important;
    min-height: 28px !important;
    padding-top: 0 !important;
    color: rgba(232, 240, 255, 0.88) !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.mh-point-game-arena.has-result .mh-point-game-reveal {
    opacity: 0 !important;
    transform: translateY(8px) !important;
}

.mh-point-game-arena.is-revealed .mh-point-game-reveal {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: opacity 0.22s ease, transform 0.22s ease !important;
}

.mh-point-game-arena.is-win {
    border-color: rgba(79, 141, 255, 0.48) !important;
}

.mh-point-game-arena.is-draw {
    border-color: rgba(255, 202, 87, 0.42) !important;
}

.mh-point-game-arena.is-lose {
    border-color: rgba(255, 120, 120, 0.3) !important;
}

.mh-point-game-arena.is-win.is-revealed::after,
.mh-point-game-arena.is-lose.is-revealed::after {
    animation: mhPointGameEffectFlash 0.78s ease-out both !important;
}

.mh-point-game-arena-rps.is-win.is-revealed::after {
    background:
        radial-gradient(circle at 50% 46%, rgba(255, 235, 170, 0.42), rgba(255, 235, 170, 0) 28%),
        linear-gradient(115deg, rgba(79, 141, 255, 0) 35%, rgba(79, 141, 255, 0.34) 49%, rgba(79, 141, 255, 0) 63%) !important;
}

.mh-point-game-arena-rps.is-lose.is-revealed::after {
    background:
        linear-gradient(120deg, rgba(255, 120, 120, 0) 44%, rgba(255, 120, 120, 0.38) 47%, rgba(255, 120, 120, 0) 50%),
        linear-gradient(64deg, rgba(255, 120, 120, 0) 48%, rgba(255, 120, 120, 0.28) 51%, rgba(255, 120, 120, 0) 54%) !important;
}

.mh-point-game-arena-odd_even.is-win.is-revealed::after,
.mh-point-game-arena-number.is-win.is-revealed::after {
    background:
        radial-gradient(circle at 32% 36%, rgba(255, 255, 255, 0.52) 0 8px, rgba(255, 255, 255, 0) 9px),
        radial-gradient(circle at 50% 52%, rgba(79, 141, 255, 0.38) 0 12px, rgba(79, 141, 255, 0) 13px),
        radial-gradient(circle at 68% 64%, rgba(142, 190, 255, 0.44) 0 8px, rgba(142, 190, 255, 0) 9px) !important;
}

.mh-point-game-arena-odd_even.is-lose.is-revealed::after,
.mh-point-game-arena-number.is-lose.is-revealed::after {
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 120, 120, 0.24), rgba(255, 120, 120, 0) 34%),
        linear-gradient(45deg, rgba(255, 120, 120, 0) 46%, rgba(255, 120, 120, 0.34) 49%, rgba(255, 120, 120, 0) 52%),
        linear-gradient(135deg, rgba(255, 120, 120, 0) 46%, rgba(255, 120, 120, 0.34) 49%, rgba(255, 120, 120, 0) 52%) !important;
}

.mh-point-game-arena-treasure.is-win.is-revealed::after {
    background:
        radial-gradient(circle at 50% 52%, rgba(142, 190, 255, 0.52), rgba(142, 190, 255, 0) 34%),
        linear-gradient(100deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.32) 48%, rgba(255, 255, 255, 0) 58%) !important;
}

.mh-point-game-arena-treasure.is-lose.is-revealed::after {
    background:
        radial-gradient(circle at 50% 56%, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0) 44%),
        linear-gradient(180deg, rgba(255, 120, 120, 0.18), rgba(255, 120, 120, 0)) !important;
}

.mh-point-game-arena-card_high_low.is-win.is-revealed::after {
    background:
        linear-gradient(118deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0.34) 45%, rgba(255, 255, 255, 0) 56%),
        radial-gradient(circle at 38% 42%, rgba(201, 33, 43, 0.24), rgba(201, 33, 43, 0) 24%),
        radial-gradient(circle at 64% 58%, rgba(79, 141, 255, 0.28), rgba(79, 141, 255, 0) 24%) !important;
}

.mh-point-game-arena-card_high_low.is-lose.is-revealed::after {
    background:
        linear-gradient(135deg, rgba(255, 120, 120, 0) 38%, rgba(255, 120, 120, 0.34) 50%, rgba(255, 120, 120, 0) 62%),
        radial-gradient(circle at 50% 50%, rgba(255, 120, 120, 0.16), rgba(255, 120, 120, 0) 38%) !important;
}

.mh-point-game-arena-roulette.is-win.is-revealed::after {
    background:
        radial-gradient(circle at 50% 38%, rgba(79, 141, 255, 0.24), rgba(79, 141, 255, 0) 28%),
        linear-gradient(90deg, rgba(142, 190, 255, 0), rgba(142, 190, 255, 0.28), rgba(142, 190, 255, 0)) !important;
}

.mh-point-game-arena-roulette.is-lose.is-revealed::after {
    background:
        radial-gradient(circle at 50% 45%, rgba(255, 120, 120, 0.2), rgba(255, 120, 120, 0) 34%) !important;
}

.mh-point-game-arena-snail.is-win.is-revealed::after {
    background:
        radial-gradient(circle at 90% 50%, rgba(142, 190, 255, 0.42), rgba(142, 190, 255, 0) 26%),
        linear-gradient(90deg, rgba(79, 141, 255, 0), rgba(79, 141, 255, 0.28), rgba(142, 190, 255, 0.18), rgba(79, 141, 255, 0)) !important;
}

.mh-point-game-arena-snail.is-lose.is-revealed::after {
    background:
        radial-gradient(circle at 86% 50%, rgba(255, 120, 120, 0.22), rgba(255, 120, 120, 0) 34%),
        linear-gradient(90deg, rgba(255, 120, 120, 0), rgba(255, 120, 120, 0.2), rgba(255, 120, 120, 0)) !important;
}

.mh-point-game-arena-enhance.is-win.is-revealed::after {
    background: radial-gradient(circle at 50% 48%, rgba(142, 190, 255, 0.4), rgba(142, 190, 255, 0) 36%) !important;
}

.mh-point-game-arena-enhance.is-lose.is-revealed::after {
    background: radial-gradient(circle at 50% 52%, rgba(255, 80, 80, 0.26), rgba(0, 0, 0, 0) 42%) !important;
}

.mh-point-game-arena.is-win.is-revealed .mh-point-game-house strong {
    border: 0 !important;
    background: transparent !important;
    color: #4f8dff !important;
}

.mh-point-game-arena.is-draw.is-revealed .mh-point-game-house strong {
    border: 0 !important;
    background: transparent !important;
    color: #b6e6ff !important;
}

.mh-point-game-arena.is-lose.is-revealed .mh-point-game-house strong {
    border: 0 !important;
    background: transparent !important;
    color: #ffd6d6 !important;
}

.mh-point-game-message {
    display: grid !important;
    gap: 4px !important;
    margin: 0 0 12px !important;
    padding: 11px 12px !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
}

.mh-point-game-arena.has-result:not(.is-revealed):not(.is-visual-reset) ~ .mh-point-game-message.is-result {
    opacity: 0 !important;
    transform: translateY(8px) !important;
    pointer-events: none !important;
}

.mh-point-game-arena.is-revealed ~ .mh-point-game-message.is-result,
.mh-point-game-arena.is-visual-reset ~ .mh-point-game-message.is-result {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: opacity 0.22s ease, transform 0.22s ease !important;
    pointer-events: auto !important;
}

.mh-point-game-message.is-error {
    border: 1px solid rgba(255, 120, 120, 0.32) !important;
    background: rgba(95, 23, 35, 0.36) !important;
    color: #ffd6d6 !important;
}

.mh-point-game-message.is-result {
    border: 1px solid rgba(79, 141, 255, 0.3) !important;
    background: rgba(79, 141, 255, 0.1) !important;
    color: rgba(232, 240, 255, 0.9) !important;
}

.mh-point-game-message strong {
    color: #ffffff !important;
    font-size: 17px !important;
}

.mh-point-game-form,
.mh-point-game-admin-grid,
.mh-point-game-admin-list {
    display: grid !important;
    gap: 10px !important;
}

.mh-point-game-form {
    padding-top: 2px !important;
}

.mh-point-game-bet,
.mh-point-game-admin-grid label,
.mh-point-game-admin-list label {
    display: grid !important;
    gap: 8px !important;
    color: rgba(232, 240, 255, 0.88) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.mh-point-game-admin-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.mh-point-game-admin-list {
    margin-top: 16px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.mh-point-game-bet input,
.mh-point-game-admin-grid input,
.mh-point-game-admin-grid select,
.mh-point-game-admin-list input {
    height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
}

.mh-point-game-bet input:disabled {
    border-color: rgba(142, 190, 255, 0.34) !important;
    background: rgba(5, 14, 27, 0.82) !important;
    color: rgba(142, 190, 255, 0.9) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.mh-point-game-bet em {
    color: rgba(159, 178, 209, 0.72) !important;
    font-style: normal !important;
    font-size: 12px !important;
}

.mh-point-game-choices {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
    gap: 8px !important;
}

.mh-point-game-choices label {
    position: relative !important;
    min-height: 108px !important;
}

.mh-point-game-choices input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.mh-point-game-choices label > span {
    display: flex !important;
    min-height: 108px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(159, 178, 209, 0.28) !important;
    border-radius: 7px !important;
    background: rgba(9, 22, 39, 0.74) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.mh-point-game-admin-card {
    display: grid !important;
    gap: 12px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(159, 178, 209, 0.24) !important;
    border-radius: 8px !important;
    background: rgba(9, 22, 39, 0.56) !important;
}

.mh-point-game-admin-card legend {
    padding: 0 8px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.mh-point-game-admin-card.is-enhance {
    grid-column: 1 / -1 !important;
}

.mh-point-game-admin-card small {
    color: rgba(159, 178, 209, 0.72) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

.mh-point-game-enhance-rate-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.mh-point-game-enhance-rate-grid label {
    gap: 5px !important;
}

.mh-point-game-enhance-rate-grid span {
    font-size: 12px !important;
}

.mh-point-game-choices input:checked + span {
    border-color: rgba(79, 141, 255, 0.74) !important;
    background: rgba(79, 141, 255, 0.18) !important;
    color: #4f8dff !important;
}

.mh-point-game-form.is-playing,
.mh-point-game-form.is-submit-locked {
    pointer-events: none !important;
}

.mh-point-game-form.is-playing .mh-point-game-bet input,
.mh-point-game-form.is-submit-locked .mh-point-game-bet input {
    border-color: rgba(142, 190, 255, 0.34) !important;
    background: rgba(5, 14, 27, 0.82) !important;
    color: rgba(142, 190, 255, 0.92) !important;
    cursor: not-allowed !important;
}

.mh-point-game-form.is-playing .mh-point-game-choices label,
.mh-point-game-form.is-submit-locked .mh-point-game-choices label {
    pointer-events: none !important;
}

.mh-point-game-form.is-playing .mh-point-game-choices label.is-choice-muted > span,
.mh-point-game-form.is-submit-locked .mh-point-game-choices label.is-choice-muted > span {
    border-color: rgba(159, 178, 209, 0.14) !important;
    background: rgba(9, 22, 39, 0.42) !important;
    color: rgba(159, 178, 209, 0.48) !important;
    opacity: 0.42 !important;
    filter: grayscale(0.78) !important;
}

.mh-point-game-form.is-playing .mh-point-game-choices label.is-choice-selected > span,
.mh-point-game-form.is-submit-locked .mh-point-game-choices label.is-choice-selected > span {
    border-color: rgba(79, 141, 255, 0.92) !important;
    background: rgba(79, 141, 255, 0.2) !important;
    box-shadow: inset 0 0 0 1px rgba(79, 141, 255, 0.2), 0 0 18px rgba(79, 141, 255, 0.12) !important;
    color: #4f8dff !important;
    opacity: 1 !important;
    filter: none !important;
}

.mh-point-game-form-roulette .mh-point-game-choices {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.mh-point-game-form-roulette .mh-point-game-choices label,
.mh-point-game-form-roulette .mh-point-game-choices label > span {
    min-height: 92px !important;
}

.mh-point-game-form-roulette .mh-point-game-choice-visual img {
    width: 66px !important;
    height: 66px !important;
}

.mh-point-game-form-snail .mh-point-game-choices {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.mh-point-game-form-snail .mh-point-game-choices label,
.mh-point-game-form-snail .mh-point-game-choices label > span {
    min-height: 96px !important;
}

.mh-point-game-form-snail .mh-point-game-choice-visual img {
    width: 84px !important;
    height: 54px !important;
    object-fit: contain !important;
}

.mh-point-game-form-odd_even .mh-point-game-choices {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mh-point-game-form-number .mh-point-game-choices {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.mh-point-game-form-odd_even .mh-point-game-choices label,
.mh-point-game-form-odd_even .mh-point-game-choices label > span,
.mh-point-game-form-number .mh-point-game-choices label,
.mh-point-game-form-number .mh-point-game-choices label > span {
    min-height: 68px !important;
}

.mh-point-game-form-odd_even .mh-point-game-choices label > span,
.mh-point-game-form-number .mh-point-game-choices label > span {
    font-size: 22px !important;
    font-weight: 900 !important;
}

.mh-point-game-form-card_high_low .mh-point-game-choices label,
.mh-point-game-form-card_high_low .mh-point-game-choices label > span {
    min-height: 74px !important;
}

.mh-point-game-form-card_high_low .mh-point-game-choices label > span {
    font-size: 20px !important;
    font-weight: 900 !important;
}

.mh-point-game-form button {
    height: 42px !important;
    border: 1px solid rgba(79, 141, 255, 0.72) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.2) !important;
    color: #4f8dff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.mh-point-game-form button:hover,
.mh-point-game-form button:focus {
    background: rgba(79, 141, 255, 0.28) !important;
}

.mh-point-game-form.is-playing button,
.mh-point-game-form button:disabled {
    pointer-events: none !important;
    opacity: 0.72 !important;
    cursor: not-allowed !important;
}

@keyframes mhPointGameSweep {
    0% {
        transform: rotate(0deg) scale(0.82);
        opacity: 0;
    }
    26% {
        opacity: 1;
    }
    100% {
        transform: rotate(220deg) scale(1);
        opacity: 0;
    }
}

@keyframes mhPointGamePulse {
    0%, 100% {
        transform: rotateY(180deg) scale(0.92);
    }
    50% {
        transform: rotateY(180deg) scale(1.02);
    }
}

@keyframes mhPointGameFlip {
    0% {
        transform: rotateY(180deg) scale(0.92);
        color: transparent;
    }
    62% {
        transform: rotateY(0) scale(1.08);
        color: transparent;
    }
    100% {
        transform: rotateY(0) scale(1);
        color: #ffffff;
    }
}

@keyframes mhPointGameClash {
    0%, 100% {
        transform: translateX(0) rotate(0deg);
    }
    22% {
        transform: translateX(10px) rotate(4deg);
    }
    44% {
        transform: translateX(-8px) rotate(-4deg);
    }
    68% {
        transform: translateX(4px) rotate(2deg);
    }
}

@keyframes mhPointGameRoll {
    0% {
        transform: rotateY(180deg) translateY(0) scale(0.92);
        color: transparent;
    }
    38% {
        transform: rotateY(0) translateY(-8px) rotate(-7deg) scale(1.06);
        color: transparent;
    }
    72% {
        transform: rotateY(0) translateY(2px) rotate(5deg) scale(0.98);
        color: transparent;
    }
    100% {
        transform: rotateY(0) translateY(0) rotate(0deg) scale(1);
        color: #ffffff;
    }
}

@keyframes mhPointDiceSingleRoll {
    0% {
        transform: rotate(0deg) scale(0.9);
        filter: brightness(0.92);
    }
    36% {
        transform: rotate(760deg) scale(1.08);
        filter: brightness(1.32);
    }
    68% {
        transform: rotate(1120deg) scale(1.02);
        filter: brightness(1.12);
    }
    86% {
        transform: rotate(1216deg) scale(0.98);
        filter: brightness(1.04);
    }
    100% {
        transform: rotate(1260deg) scale(1);
        filter: brightness(1);
    }
}

@keyframes mhPointGameEffectFlash {
    0% {
        opacity: 0;
        transform: scale(0.96);
    }
    34% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.04);
    }
}

@keyframes mhPointTreasureOpen {
    0% {
        transform: translateY(0) scale(0.96);
        filter: brightness(0.9);
    }
    46% {
        transform: translateY(-8px) scale(1.05);
        filter: brightness(1.38);
    }
    100% {
        transform: translateY(0) scale(1);
        filter: brightness(1);
    }
}

@keyframes mhPointTreasureEmpty {
    0%, 100% {
        transform: translateY(0);
        filter: brightness(0.82) saturate(0.8);
    }
    32% {
        transform: translateY(3px) rotate(-2deg);
    }
    62% {
        transform: translateY(0) rotate(2deg);
    }
}

@keyframes mhPointCardFlipIn {
    0% {
        opacity: 0;
        transform: rotateY(90deg) translateY(4px);
    }
    52% {
        opacity: 1;
        transform: rotateY(-8deg) translateY(-4px);
    }
    100% {
        opacity: 1;
        transform: rotateY(0) translateY(0);
    }
}

@keyframes mhPointGameCard {
    0% {
        transform: rotateY(180deg) translateY(0) scale(0.92);
        color: transparent;
    }
    40% {
        transform: rotateY(180deg) translateY(-10px) scale(1);
        color: transparent;
    }
    100% {
        transform: rotateY(0) translateY(0) scale(1);
        color: #ffffff;
    }
}

@keyframes mhPointGameChest {
    0% {
        transform: rotateY(180deg) translateY(0) scale(0.92);
        color: transparent;
    }
    45% {
        transform: rotateY(0) translateY(-8px) scale(1.12);
        color: transparent;
    }
    100% {
        transform: rotateY(0) translateY(0) scale(1);
        color: #ffffff;
    }
}

@keyframes mhPointGameEnhance {
    0% {
        transform: rotateY(180deg) scale(0.92);
        filter: brightness(1);
        color: transparent;
    }
    45% {
        transform: rotateY(0) scale(1.18);
        filter: brightness(1.45);
        color: transparent;
    }
    100% {
        transform: rotateY(0) scale(1);
        filter: brightness(1);
        color: #ffffff;
    }
}

@keyframes mhPointRouletteSpin {
    0% {
        transform: rotate(0deg);
    }
    72% {
        transform: rotate(calc(var(--roulette-spin) - 28deg));
    }
    86% {
        transform: rotate(calc(var(--roulette-spin) + 10deg));
    }
    100% {
        transform: rotate(var(--roulette-spin));
    }
}

@keyframes mhPointSnailRace {
    0% {
        left: 50px;
        transform: translateY(-50%) scaleX(1) scaleY(1);
    }
    12% {
        left: calc(50px + 7%);
        transform: translateY(-50%) rotate(0.4deg) scaleX(1.012) scaleY(0.998);
    }
    24% {
        left: var(--snail-step-1);
        transform: translateY(-50%) rotate(-0.6deg) scaleX(1.018) scaleY(0.992);
    }
    36% {
        left: calc(var(--snail-step-1) + 8%);
        transform: translateY(-50%) rotate(0.5deg) scaleX(1.01) scaleY(1);
    }
    48% {
        left: var(--snail-step-2);
        transform: translateY(-50%) rotate(-0.4deg) scaleX(1.016) scaleY(0.994);
    }
    60% {
        left: calc(var(--snail-step-2) + 8%);
        transform: translateY(-50%) rotate(0.6deg) scaleX(1.012) scaleY(0.998);
    }
    72% {
        left: var(--snail-step-3);
        transform: translateY(-50%) rotate(-0.5deg) scaleX(1.018) scaleY(0.992);
    }
    86% {
        left: calc(var(--snail-finish) - 38px);
        transform: translateY(-50%) rotate(0.5deg) scaleX(1.01) scaleY(1);
    }
    100% {
        left: var(--snail-finish);
        transform: translateY(-50%) rotate(0deg) scaleX(1) scaleY(1);
    }
}

@keyframes mhPointSnailCrawl {
    0% {
        transform: translateX(0) translateY(0) rotate(0deg) scaleX(1) scaleY(1);
    }
    50% {
        transform: translateX(3px) translateY(-1px) rotate(1.4deg) scaleX(1.035) scaleY(0.985);
    }
    100% {
        transform: translateX(0) translateY(0) rotate(0deg) scaleX(1) scaleY(1);
    }
}

@keyframes mhPointSnailWinner {
    0% {
        transform: translateY(0) scale(1);
    }
    46% {
        transform: translateY(-4px) scale(1.16);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}

@keyframes mhPointSnailWinTrack {
    0% {
        filter: brightness(1);
    }
    42% {
        filter: brightness(1.22);
    }
    100% {
        filter: brightness(1);
    }
}

@keyframes mhPointSnailLoseTrack {
    0% {
        transform: translateX(0);
        filter: saturate(1);
    }
    18% {
        transform: translateX(-4px);
    }
    36% {
        transform: translateX(4px);
        filter: saturate(0.82);
    }
    54% {
        transform: translateX(-3px);
    }
    72% {
        transform: translateX(2px);
    }
    100% {
        transform: translateX(0);
        filter: saturate(1);
    }
}

@keyframes mhPointEnhanceSpark {
    0% {
        opacity: 0;
        transform: scale(0.45) rotate(0deg);
    }
    36% {
        opacity: 1;
        transform: scale(1.02) rotate(18deg);
    }
    100% {
        opacity: 0;
        transform: scale(1.38) rotate(42deg);
    }
}

@keyframes mhPointEnhanceFail {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    48% {
        opacity: 1;
        transform: scale(1.02);
    }
    100% {
        opacity: 0.82;
        transform: scale(1);
    }
}

@media (max-width: 860px) {
    .mh-banner-manage-summary,
    .mh-banner-manage-detail {
        grid-template-columns: 1fr !important;
    }

    .mh-banner-manage-summary-actions {
        justify-content: flex-start !important;
    }

    .mh-banner-settings-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .mh-banner-discord-settings {
        grid-template-columns: 1fr !important;
    }

    .mh-banner-discord-settings label.mh-banner-discord-wide {
        grid-column: auto !important;
    }

    .mh-home-settings-grid,
    .mh-home-settings-preview {
        grid-template-columns: 1fr !important;
    }

    .mh-home-setting-field {
        grid-template-columns: 1fr 110px 24px !important;
    }

    .mh-home-side-settings-open,
    .mh-home-modal-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .mh-home-modal-body {
        grid-template-columns: 1fr !important;
    }

    .mh-home-side-item-grid {
        grid-template-columns: 1fr !important;
    }

    .mh-point-game-head,
    .mh-home-side-settings-open {
        display: grid !important;
    }

    .mh-point-game-admin-grid,
    .mh-point-game-admin-list {
        grid-template-columns: 1fr !important;
    }

    .mh-point-game-enhance-rate-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .mh-point-game-arena {
        grid-template-columns: 1fr !important;
    }

    .mh-point-game-enhance-board {
        grid-template-columns: 1fr !important;
    }

    .mh-point-game-enhance-ladder {
        width: min(360px, 100%) !important;
        min-height: 0 !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .mh-point-game-enhance-ladder > span {
        grid-column: 1 / -1 !important;
    }

    .mh-point-game-enhance-ladder div {
        display: grid !important;
        justify-items: center !important;
        gap: 2px !important;
    }

    .mh-point-game-versus span {
        width: 48px !important;
        height: 48px !important;
    }

    .mh-point-game-player strong {
        width: 86px !important;
        height: 86px !important;
    }

    .mh-point-game-player strong .mh-point-game-choice-visual img {
        width: 82px !important;
        height: 82px !important;
    }

    .mh-point-game-roulette-stage {
        width: min(220px, 72vw) !important;
    }

    .mh-point-game-roulette-info {
        grid-template-columns: 1fr !important;
    }

    .mh-point-game-enhance-stage {
        width: min(260px, 76vw) !important;
        min-height: 210px !important;
    }

    .mh-point-game-enhance-sword {
        width: min(250px, 72vw) !important;
    }

    .mh-point-game-enhance-stats {
        grid-template-columns: 1fr !important;
    }

    .mh-point-game-enhance-actions {
        grid-template-columns: 1fr !important;
    }

    .mh-point-game-choice-visual img {
        width: 72px !important;
        height: 72px !important;
    }

    .mh-point-game-choices label,
    .mh-point-game-choices label > span {
        min-height: 108px !important;
    }

    .mh-point-game-form-roulette .mh-point-game-choices {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mh-point-game-form-snail .mh-point-game-choices {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .mh-point-game-form-snail .mh-point-game-choices label,
    .mh-point-game-form-snail .mh-point-game-choices label > span {
        min-height: 78px !important;
    }

    .mh-point-game-form-snail .mh-point-game-choice-visual img {
        width: 64px !important;
        height: 42px !important;
    }

    .mh-point-game-form-odd_even .mh-point-game-choices {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mh-point-game-form-number .mh-point-game-choices {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .mh-point-game-form-odd_even .mh-point-game-choices label,
    .mh-point-game-form-odd_even .mh-point-game-choices label > span,
    .mh-point-game-form-number .mh-point-game-choices label,
    .mh-point-game-form-number .mh-point-game-choices label > span {
        min-height: 68px !important;
    }
}

/* Hide the native Gnuboard check-all box and keep only the themed proxy box visible. */
html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline input[type="checkbox"],
html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline input[type="checkbox"].mh-checkall-primary,
html body.mh-register-page #fregister .mh-checkall-fixed input[type="checkbox"].mh-checkall-primary {
    position: absolute !important;
    left: -9999px !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transform: none !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline .mh-checkall-box {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    border: 1px solid rgba(219, 231, 251, 0.78) !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline.is-checked .mh-checkall-box {
    border-color: rgba(79, 141, 255, 0.9) !important;
    background: rgba(79, 141, 255, 0.95) !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline.is-checked .mh-checkall-box::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 1px !important;
    width: 5px !important;
    height: 9px !important;
    border: solid #04111f !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* Keep a single visible check-all checkbox on the left of the label. */
html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline .mh-checkall-box,
html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline .mh-checkall-box::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

html body.mh-register-page #fregister .mh-checkall-fixed .mh-checkall-inline input[type="checkbox"].mh-checkall-primary {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(219, 231, 251, 0.78) !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    transform: none !important;
}

/* Final login placement and save-id override. */
html body.mh-login-page #wrapper {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 100vh !important;
    padding-top: 18vh !important;
    box-sizing: border-box !important;
}

html body.mh-login-page #container,
html body.mh-login-page #content,
html body.mh-login-page .mbskin {
    width: min(520px, calc(100vw - 32px)) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding-top: 0 !important;
}

html body.mh-login-page .mh-login-home-link {
    margin-top: 34px !important;
}

html body.mh-login-page .mh-save-id-label,
html body.mh-login-page .mh-auto-login-label.mh-save-id-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 18px !important;
    padding-left: 0 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

html body.mh-login-page .mh-save-id-label input[type="checkbox"],
html body.mh-login-page input#login_save_id,
html body.mh-login-page input[name="mh_save_id"] {
    position: static !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    clip: auto !important;
    clip-path: none !important;
}

@media (max-width: 640px) {
    html body.mh-login-page #wrapper {
        padding-top: 10vh !important;
    }
}

/* EOF login save-id override. */
html body.mh-login-page #wrapper {
    padding-top: 24vh !important;
    padding-bottom: 8vh !important;
}

/* EOF login save-id label and checkbox override. */
html body.mh-login-page #container,
html body.mh-login-page #content,
html body.mh-login-page .mbskin,
html body.mh-login-page #mb_login {
    width: min(520px, calc(100vw - 32px)) !important;
    max-width: 520px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
}

html body.mh-login-page .mh-login-home-link {
    margin-top: 34px !important;
}

html body.mh-login-page #login_info,
html body.mh-login-page .login_info,
html body.mh-login-page .login_if,
html body.mh-login-page .login_auto {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

html body.mh-login-page .mh-save-id-label,
html body.mh-login-page .mh-auto-login-label.mh-save-id-label {
    display: inline-flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
    cursor: pointer !important;
    overflow: visible !important;
}

html body.mh-login-page .mh-save-id-label::before,
html body.mh-login-page .mh-save-id-label::after,
html body.mh-login-page .mh-save-id-label .mh-auto-login-check,
html body.mh-login-page .mh-save-id-label .mh-auto-login-check::after {
    display: none !important;
    content: none !important;
}

html body.mh-login-page .mh-save-id-label input[type="checkbox"],
html body.mh-login-page .mh-auto-login-label.mh-save-id-label input[type="checkbox"],
html body.mh-login-page input#login_save_id,
html body.mh-login-page input[name="mh_save_id"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(219, 231, 251, 0.78) !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    overflow: visible !important;
}

@media (max-width: 640px) {
    html body.mh-login-page #wrapper {
        padding-top: 18vh !important;
        padding-bottom: 6vh !important;
    }
}

/* EOF rendered login structure fix. */
html body.mh-login-page .mh-login-panel-fixed,
html body.mh-login-page #mb_login.mh-login-panel-fixed,
html body.mh-login-page .mbskin.mh-login-panel-fixed {
    margin-top: clamp(104px, 16vh, 150px) !important;
}

html body.mh-login-page .mh-login-home-link {
    margin-top: 34px !important;
}

html body.mh-login-page label[for="login_auto"]:not(.mh-save-id-label-fixed),
html body.mh-login-page .mh-login-save-row-fixed > span:not(.mh-login-keep),
html body.mh-login-page .mh-login-save-row-fixed > em:not(.mh-login-keep),
html body.mh-login-page .mh-login-save-row-fixed > strong:not(.mh-login-keep) {
    display: none !important;
}

html body.mh-login-page .mh-login-save-row-fixed {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-height: 24px !important;
    overflow: visible !important;
}

html body.mh-login-page .mh-login-save-row-fixed .mh-save-id-label-fixed,
html body.mh-login-page .mh-save-id-label-fixed {
    display: inline-flex !important;
    position: relative !important;
    z-index: 3 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    width: auto !important;
    min-width: 92px !important;
    max-width: none !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
    text-align: left !important;
    text-indent: 0 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
    overflow: visible !important;
    cursor: pointer !important;
}

html body.mh-login-page .mh-save-id-label-fixed::before,
html body.mh-login-page .mh-save-id-label-fixed::after,
html body.mh-login-page .mh-save-id-label-fixed .mh-auto-login-check,
html body.mh-login-page .mh-save-id-label-fixed .mh-auto-login-check::after {
    display: none !important;
    content: none !important;
}

html body.mh-login-page .mh-save-id-label-fixed input[type="checkbox"],
html body.mh-login-page input#login_save_id.mh-save-id-checkbox-fixed,
html body.mh-login-page input[name="mh_save_id"].mh-save-id-checkbox-fixed {
    position: static !important;
    display: inline-block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(219, 231, 251, 0.78) !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #4f8dff !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
}

html body.mh-login-page .mh-login-save-row-fixed a {
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* Final mobile login bottom links vertical alignment. */
@media (max-width: 640px) {
    html body.mh-login-page .mh-login-save-row-fixed a,
    html body.mh-login-page #login_info a,
    html body.mh-login-page .login_info a,
    html body.mh-login-page .login_if a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 40px !important;
        line-height: 1.2 !important;
        transform: translateY(2px) !important;
    }
}

@media (max-width: 640px) {
    html body.mh-login-page .mh-login-panel-fixed,
    html body.mh-login-page #mb_login.mh-login-panel-fixed,
    html body.mh-login-page .mbskin.mh-login-panel-fixed {
        margin-top: 72px !important;
    }
}

/* EOF save-id click and weight polish. */
html body.mh-login-page .mh-login-save-row-fixed .mh-save-id-label-fixed,
html body.mh-login-page .mh-save-id-label-fixed {
    font-weight: 500 !important;
}

html body.mh-login-page .mh-save-id-label-fixed input[type="checkbox"],
html body.mh-login-page input#login_save_id.mh-save-id-checkbox-fixed,
html body.mh-login-page input[name="mh_save_id"].mh-save-id-checkbox-fixed {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* EOF save-id custom checkbox. */
html body.mh-login-page .mh-login-save-row-fixed .mh-save-id-label-fixed,
html body.mh-login-page .mh-save-id-label-fixed {
    gap: 6px !important;
    min-width: 0 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

html body.mh-login-page .mh-save-id-label-fixed .mh-save-id-text {
    display: inline-block !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

html body.mh-login-page .mh-save-id-label-fixed input[type="checkbox"].mh-save-id-state,
html body.mh-login-page input#login_save_id.mh-save-id-state,
html body.mh-login-page input[name="mh_save_id"].mh-save-id-state {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    max-width: 1px !important;
    max-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
}

html body.mh-login-page .mh-save-id-label-fixed .mh-save-id-visual {
    position: relative !important;
    display: inline-block !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    border: 1px solid rgba(219, 231, 251, 0.86) !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

html body.mh-login-page .mh-save-id-label-fixed.is-checked .mh-save-id-visual {
    border-color: rgba(79, 141, 255, 0.95) !important;
    background: rgba(79, 141, 255, 0.95) !important;
}

html body.mh-login-page .mh-save-id-label-fixed.is-checked .mh-save-id-visual::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 1px !important;
    width: 4px !important;
    height: 8px !important;
    border: solid #04111f !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* Home side ranking widgets and shared first-place highlight. */
html body .mh-home-ranking-card {
    overflow: hidden !important;
    margin-bottom: 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.96), rgba(7, 13, 25, 0.98)) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32) !important;
}

html body .mh-home-ranking-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 44px !important;
    padding: 0 13px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.18) !important;
    background: rgba(11, 19, 36, 0.9) !important;
}

html body .mh-home-ranking-head h2 {
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .mh-home-ranking-head span {
    flex: 0 0 auto !important;
    color: #4f8dff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

html body .mh-home-ranking-list {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 10px !important;
    list-style: none !important;
}

html body .mh-home-ranking-row a,
html body .mh-home-ranking-row .mh-home-ranking-display {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 38px !important;
    gap: 8px !important;
    padding: 7px 9px !important;
    border: 1px solid rgba(92, 143, 220, 0.14) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    cursor: default !important;
}

html body .mh-home-ranking-rank {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    color: #8fd8ff !important;
    background: rgba(143, 216, 255, 0.08) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

html body .mh-home-ranking-name,
html body .mh-home-ranking-value {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .mh-home-ranking-name {
    color: #dbe7fb !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

html body .mh-home-ranking-value {
    color: #9db9df !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

html body .mh-home-ranking-empty {
    padding: 22px 12px !important;
    color: #9db9df !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

html body .mh-rank-first {
    position: relative !important;
}

html body .mh-home-ranking-row.mh-rank-first a,
html body .mh-home-ranking-row.mh-rank-first .mh-home-ranking-display,
html body .mh-popular-server-list li.mh-rank-first .mh-popular-server-link {
    border-color: rgba(143, 216, 255, 0.72) !important;
    background:
        linear-gradient(135deg, rgba(143, 216, 255, 0.2), rgba(79, 141, 255, 0.1)),
        rgba(14, 20, 35, 0.96) !important;
    box-shadow:
        0 0 0 1px rgba(143, 216, 255, 0.18),
        0 12px 30px rgba(143, 216, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body .mh-home-ranking-row.mh-rank-first .mh-home-ranking-rank,
html body .mh-popular-server-list li.mh-rank-first .mh-popular-server-rank {
    position: relative !important;
    color: #08110f !important;
    background: linear-gradient(135deg, #b6e6ff, #4f8dff) !important;
    box-shadow: 0 0 18px rgba(143, 216, 255, 0.38) !important;
}

html body .mh-home-ranking-row.mh-rank-first .mh-home-ranking-rank::before,
html body .mh-popular-server-list li.mh-rank-first .mh-popular-server-rank::before {
    content: "TOP" !important;
    position: absolute !important;
    transform: translateY(-20px) !important;
    color: #b6e6ff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    text-shadow: 0 0 12px rgba(143, 216, 255, 0.55) !important;
}

/* Popular server first place: keep banner separate from the rank highlight. */
html body .mh-popular-server-link {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

html body .mh-popular-server-meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
}

html body .mh-popular-server-list li.mh-rank-first .mh-popular-server-link {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body .mh-popular-server-list li.mh-rank-first .mh-popular-server-meta {
    border-color: rgba(143, 216, 255, 0.72) !important;
    background:
        linear-gradient(135deg, rgba(143, 216, 255, 0.2), rgba(79, 141, 255, 0.1)),
        rgba(14, 20, 35, 0.96) !important;
    box-shadow:
        0 0 0 1px rgba(143, 216, 255, 0.18),
        0 10px 24px rgba(143, 216, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body .mh-popular-server-list li.mh-rank-first .mh-popular-server-banner {
    border-color: rgba(159, 178, 209, 0.24) !important;
    box-shadow: none !important;
}

@media (max-width: 720px) {
    html body .mh-mobile-section-popular .mh-popular-server-link,
    html body .mh-mobile-section-popular .mh-popular-server-list li.mh-rank-first .mh-popular-server-link {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-meta,
    html body .mh-mobile-section-popular .mh-popular-server-list li.mh-rank-first .mh-popular-server-meta {
        display: none !important;
    }

    html body .mh-mobile-section-popular .mh-popular-server-banner,
    html body .mh-mobile-section-popular .mh-popular-server-list li.mh-rank-first .mh-popular-server-banner {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
}

/* Mobile register agreement and board skin final cleanup. */
@media (max-width: 720px) {
    html body.mh-register-page #fregister,
    html body.mh-register-page #register_form {
        width: min(100%, calc(100vw - 28px)) !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    html body.mh-register-page #fregister #fregister_private,
    html body.mh-register-page #fregister .register_privacy,
    html body.mh-register-page #fregister section:has(table),
    html body.mh-register-page #fregister section:has(table) > div,
    html body.mh-register-page #fregister section:has(table) .tbl_wrap,
    html body.mh-register-page #fregister section:has(table) .tbl_head01 {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body.mh-register-page #fregister #fregister_private .tbl_wrap,
    html body.mh-register-page #fregister #fregister_private .tbl_head01,
    html body.mh-register-page #fregister .register_privacy .tbl_wrap,
    html body.mh-register-page #fregister .register_privacy .tbl_head01,
    html body.mh-register-page #fregister section:has(table) .tbl_wrap,
    html body.mh-register-page #fregister section:has(table) .tbl_head01 {
        padding: 8px !important;
        border-radius: 6px !important;
        background: #0b1423 !important;
    }

    html body.mh-register-page #fregister #fregister_private table,
    html body.mh-register-page #fregister .register_privacy table,
    html body.mh-register-page #fregister section:has(table) table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        background: #0d1626 !important;
    }

    html body.mh-register-page #fregister #fregister_private thead,
    html body.mh-register-page #fregister #fregister_private tbody,
    html body.mh-register-page #fregister #fregister_private tr,
    html body.mh-register-page #fregister #fregister_private th,
    html body.mh-register-page #fregister #fregister_private td,
    html body.mh-register-page #fregister .register_privacy thead,
    html body.mh-register-page #fregister .register_privacy tbody,
    html body.mh-register-page #fregister .register_privacy tr,
    html body.mh-register-page #fregister .register_privacy th,
    html body.mh-register-page #fregister .register_privacy td,
    html body.mh-register-page #fregister section:has(table) thead,
    html body.mh-register-page #fregister section:has(table) tbody,
    html body.mh-register-page #fregister section:has(table) tr,
    html body.mh-register-page #fregister section:has(table) th,
    html body.mh-register-page #fregister section:has(table) td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: anywhere !important;
        word-break: keep-all !important;
        text-align: left !important;
    }

    html body.mh-register-page #fregister #fregister_private th,
    html body.mh-register-page #fregister .register_privacy th,
    html body.mh-register-page #fregister section:has(table) th {
        padding: 9px 10px !important;
        border: 1px solid rgba(92, 143, 220, 0.2) !important;
        background: rgba(255, 255, 255, 0.045) !important;
        color: #edf4ff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    html body.mh-register-page #fregister #fregister_private td,
    html body.mh-register-page #fregister .register_privacy td,
    html body.mh-register-page #fregister section:has(table) td {
        padding: 10px !important;
        border: 1px solid rgba(92, 143, 220, 0.18) !important;
        background: #0d1626 !important;
        color: #dbe7fb !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    html body #bo_list,
    html body #bo_gall,
    html body #fboardlist,
    html body #bo_list > form,
    html body #bo_gall > form,
    html body #bo_list .tbl_head01,
    html body #bo_gall .tbl_head01,
    html body #bo_list .tbl_wrap,
    html body #bo_gall .tbl_wrap,
    html body #bo_list .list_01,
    html body #bo_gall .list_01,
    html body #bo_list .bo_list_wrap,
    html body #bo_gall .bo_list_wrap {
        background: transparent !important;
        background-color: transparent !important;
        color: #dbe7fb !important;
    }

    html body #bo_list .tbl_head01 table,
    html body #bo_list .tbl_head01 thead,
    html body #bo_list .tbl_head01 tbody,
    html body #bo_list .tbl_head01 tr,
    html body #bo_list .tbl_head01 th,
    html body #bo_list .tbl_head01 td,
    html body #bo_gall .tbl_head01 table,
    html body #bo_gall .tbl_head01 thead,
    html body #bo_gall .tbl_head01 tbody,
    html body #bo_gall .tbl_head01 tr,
    html body #bo_gall .tbl_head01 th,
    html body #bo_gall .tbl_head01 td {
        background: #0d1626 !important;
        background-color: #0d1626 !important;
        color: #dbe7fb !important;
        border-color: rgba(92, 143, 220, 0.16) !important;
    }

    html body #bo_list .list_01 ul,
    html body #bo_list .list_01 ol,
    html body #bo_list .list_01 li,
    html body #bo_gall .list_01 ul,
    html body #bo_gall .list_01 ol,
    html body #bo_gall .list_01 li,
    html body #bo_list .bo_list_wrap ul,
    html body #bo_list .bo_list_wrap ol,
    html body #bo_list .bo_list_wrap li,
    html body #bo_gall .bo_list_wrap ul,
    html body #bo_gall .bo_list_wrap ol,
    html body #bo_gall .bo_list_wrap li {
        border-color: rgba(92, 143, 220, 0.14) !important;
        background: #0d1626 !important;
        background-color: #0d1626 !important;
        color: #dbe7fb !important;
    }

    html body #bo_list .list_01 a,
    html body #bo_gall .list_01 a,
    html body #bo_list .bo_list_wrap a,
    html body #bo_gall .bo_list_wrap a,
    html body #bo_list .td_subject a,
    html body #bo_gall .td_subject a {
        color: #edf4ff !important;
    }

    html body #bo_list .bo_tit,
    html body #bo_list .bo_tit a,
    html body #bo_gall .bo_tit,
    html body #bo_gall .bo_tit a {
        color: #edf4ff !important;
    }

    html body #bo_list .td_name,
    html body #bo_list .td_date,
    html body #bo_list .td_num,
    html body #bo_list .td_hit,
    html body #bo_gall .td_name,
    html body #bo_gall .td_date,
    html body #bo_gall .td_num,
    html body #bo_gall .td_hit {
        color: #9db9df !important;
    }
}

/* PC register agreement: keep title/check at the top and content below. */
@media (min-width: 721px) {
    html body.mh-register-page #fregister section:has(textarea) {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
        border: 1px solid rgba(92, 143, 220, 0.26) !important;
        border-radius: 6px !important;
        background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
    }

    html body.mh-register-page #fregister section:has(textarea) > h2 {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 72px !important;
        margin: 0 !important;
        padding: 22px 60px !important;
        border-bottom: 1px solid rgba(92, 143, 220, 0.22) !important;
        background: #07172f !important;
        color: #edf4ff !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        text-align: center !important;
    }

    html body.mh-register-page #fregister section:has(textarea) > textarea {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 150px !important;
        margin: 0 !important;
        padding: 22px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #061225 !important;
        color: #dbe7fb !important;
        box-sizing: border-box !important;
    }

    html body.mh-register-page #fregister section:has(textarea) > .fregister_agree,
    html body.mh-register-page #fregister section:has(textarea) > .register_agree,
    html body.mh-register-page #fregister section:has(textarea) > .agree,
    html body.mh-register-page #fregister section:has(textarea) > fieldset {
        position: absolute !important;
        left: 22px !important;
        right: auto !important;
        top: 25px !important;
        z-index: 4 !important;
        display: block !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.mh-register-page #fregister section:has(textarea) > .fregister_agree input[type="checkbox"],
    html body.mh-register-page #fregister section:has(textarea) > .register_agree input[type="checkbox"],
    html body.mh-register-page #fregister section:has(textarea) > .agree input[type="checkbox"],
    html body.mh-register-page #fregister section:has(textarea) > fieldset input[type="checkbox"] {
        position: static !important;
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        appearance: auto !important;
        -webkit-appearance: checkbox !important;
        accent-color: #4f8dff !important;
    }

    html body.mh-register-page #fregister section:has(textarea) > .fregister_agree label,
    html body.mh-register-page #fregister section:has(textarea) > .register_agree label,
    html body.mh-register-page #fregister section:has(textarea) > .agree label,
    html body.mh-register-page #fregister section:has(textarea) > fieldset label {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
    }
}

/* PC register term final: force the terms section into one vertical column. */
@media (min-width: 721px) {
    html body.mh-register-page #fregister #fregister_term,
    html body.mh-register-page #fregister section:has(textarea) {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        align-items: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body.mh-register-page #fregister #fregister_term > *,
    html body.mh-register-page #fregister section:has(textarea) > * {
        grid-column: 1 / -1 !important;
        min-width: 0 !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    html body.mh-register-page #fregister #fregister_term h2,
    html body.mh-register-page #fregister section:has(textarea) h2 {
        order: 1 !important;
        display: flex !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html body.mh-register-page #fregister #fregister_term textarea,
    html body.mh-register-page #fregister section:has(textarea) textarea {
        position: relative !important;
        order: 2 !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }

    html body.mh-register-page #fregister #fregister_term > .fregister_agree,
    html body.mh-register-page #fregister #fregister_term > .register_agree,
    html body.mh-register-page #fregister #fregister_term > .agree,
    html body.mh-register-page #fregister section:has(textarea) > .fregister_agree,
    html body.mh-register-page #fregister section:has(textarea) > .register_agree,
    html body.mh-register-page #fregister section:has(textarea) > .agree {
        order: 0 !important;
    }
}

/* EOF password lost page theme override. */
html body.mh-password-lost-page #wrapper,
html body.mh-password-lost-page #container,
html body.mh-password-lost-page #content,
html body.mh-password-lost-page .mbskin,
html body.mh-password-lost-page .mbskin form,
html body.mh-password-lost-page .mbskin fieldset,
html body.mh-password-lost-page .mbskin div,
html body.mh-password-lost-page .mbskin p,
html body.mh-password-lost-page .mbskin ul,
html body.mh-password-lost-page .mbskin li {
    background: transparent !important;
    color: #dbe7fb !important;
    box-sizing: border-box !important;
}

html body.mh-password-lost-page .mbskin {
    width: min(620px, calc(100vw - 32px)) !important;
    max-width: 620px !important;
    margin: 56px auto 80px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(7, 13, 25, 0.98)) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34) !important;
}

html body.mh-password-lost-page .mh-password-lost-title,
html body.mh-password-lost-page .mbskin h1,
html body.mh-password-lost-page .mbskin h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.22) !important;
    background: #07172f !important;
    color: #edf4ff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

html body.mh-password-lost-page .mbskin form > p,
html body.mh-password-lost-page .mbskin .win_desc,
html body.mh-password-lost-page .mbskin .frm_info,
html body.mh-password-lost-page .mbskin .local_desc,
html body.mh-password-lost-page .mbskin .local_desc01,
html body.mh-password-lost-page .mbskin .local_desc02 {
    margin: 0 !important;
    padding: 22px 24px !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    background: rgba(11, 19, 36, 0.78) !important;
    color: #b8c7df !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
}

html body.mh-password-lost-page .mbskin input[type="text"],
html body.mh-password-lost-page .mbskin input[type="email"],
html body.mh-password-lost-page .mbskin .frm_input {
    display: block !important;
    width: calc(100% - 48px) !important;
    max-width: none !important;
    height: 46px !important;
    margin: 20px 24px 0 !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

html body.mh-password-lost-page #captcha {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: calc(100% - 48px) !important;
    margin: 22px 24px 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 8px !important;
    background: rgba(8, 13, 24, 0.9) !important;
}

html body.mh-password-lost-page #captcha legend {
    grid-column: 1 / -1 !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

html body.mh-password-lost-page #captcha_img {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 160px !important;
    height: 60px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    background: #edf4ff !important;
    object-fit: fill !important;
}

html body.mh-password-lost-page #captcha_key {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
}

html body.mh-password-lost-page #captcha_mp3,
html body.mh-password-lost-page #captcha_reload {
    grid-row: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: rgba(18, 29, 49, 0.96) !important;
    color: #dbe7fb !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-indent: 0 !important;
}

html body.mh-password-lost-page #captcha_mp3 {
    grid-column: 1 !important;
}

html body.mh-password-lost-page #captcha_reload {
    grid-column: 2 !important;
    margin-left: 0 !important;
}

html body.mh-password-lost-page #captcha_info {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    margin: 0 !important;
    color: #9fb2d1 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

html body.mh-password-lost-page .btn_confirm,
html body.mh-password-lost-page .win_btn,
html body.mh-password-lost-page .btn_submit_wrap {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 28px 24px 30px !important;
    background: transparent !important;
}

html body.mh-password-lost-page .btn_submit,
html body.mh-password-lost-page button[type="submit"],
html body.mh-password-lost-page input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 152px !important;
    height: 46px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    border: 1px solid rgba(79, 141, 255, 0.82) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.12) !important;
    color: #65f0c8 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

@media (max-width: 640px) {
    html body.mh-password-lost-page #captcha {
        grid-template-columns: 1fr !important;
    }

    html body.mh-password-lost-page #captcha_img,
    html body.mh-password-lost-page #captcha_key,
    html body.mh-password-lost-page #captcha_mp3,
    html body.mh-password-lost-page #captcha_reload,
    html body.mh-password-lost-page #captcha_info {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
    }
}

/* EOF password lost white-panel fix. */
html body.mh-password-lost-page {
    background:
        radial-gradient(circle at 18% 0%, rgba(79, 141, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #06142b 0%, #030814 52%, #020612 100%) !important;
    color: #dbe7fb !important;
}

html body.mh-password-lost-page #wrapper,
html body.mh-password-lost-page #container,
html body.mh-password-lost-page #content {
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

html body.mh-password-lost-page .new_win,
html body.mh-password-lost-page #find_info,
html body.mh-password-lost-page .mbskin {
    width: min(620px, calc(100vw - 32px)) !important;
    max-width: 620px !important;
    margin: 56px auto 80px !important;
    overflow: hidden !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(7, 13, 25, 0.98)) !important;
    color: #dbe7fb !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34) !important;
}

/* Final mobile register captcha visibility and back-to-top placement. */
@media (max-width: 720px) {
    html body.mh-register-page #captcha,
    html body.mh-register-page .mbskin #captcha,
    html body.mh-register-page #fregister #captcha,
    html body.mh-register-page #fregisterform #captcha {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 18px !important;
        overflow: visible !important;
    }

    html body.mh-register-page #captcha_img,
    html body.mh-register-page .mbskin #captcha_img,
    html body.mh-register-page #fregister #captcha_img,
    html body.mh-register-page #fregisterform #captcha_img {
        display: block !important;
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 170px !important;
        min-width: 170px !important;
        max-width: 170px !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 6px !important;
        background: #fff !important;
        object-fit: fill !important;
        filter: contrast(1.25) saturate(1.05) !important;
        opacity: 1 !important;
        mix-blend-mode: normal !important;
    }

    html body.mh-register-page #captcha_key,
    html body.mh-register-page .mbskin #captcha_key,
    html body.mh-register-page #fregister #captcha_key,
    html body.mh-register-page #fregisterform #captcha_key {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    html body.mh-register-page #captcha_mp3,
    html body.mh-register-page #captcha_reload,
    html body.mh-register-page .mbskin #captcha_mp3,
    html body.mh-register-page .mbskin #captcha_reload,
    html body.mh-register-page #fregister #captcha_mp3,
    html body.mh-register-page #fregister #captcha_reload,
    html body.mh-register-page #fregisterform #captcha_mp3,
    html body.mh-register-page #fregisterform #captcha_reload,
    html body.mh-register-page #captcha_info,
    html body.mh-register-page .mbskin #captcha_info,
    html body.mh-register-page #fregister #captcha_info,
    html body.mh-register-page #fregisterform #captcha_info {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .mh-back-to-top {
        right: auto !important;
        left: 14px !important;
        bottom: 16px !important;
    }
}

/* Final mobile register captcha centering and readability fix. */
@media (max-width: 720px) {
    html body.mh-register-page #fregisterform,
    html body.mh-register-page #register_form {
        max-width: calc(100vw - 32px) !important;
        overflow: hidden !important;
    }

    html body.mh-register-page #fregisterform table,
    html body.mh-register-page #fregisterform tbody,
    html body.mh-register-page #fregisterform tr:has(#captcha),
    html body.mh-register-page #fregisterform tr:has(#captcha) th,
    html body.mh-register-page #fregisterform tr:has(#captcha) td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    html body.mh-register-page #fregisterform tr:has(#captcha) th,
    html body.mh-register-page #fregisterform tr:has(#captcha) td {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

    html body.mh-register-page #fregisterform tr:has(#captcha) th {
        padding-bottom: 10px !important;
        border: 0 !important;
        background: transparent !important;
    }

    html body.mh-register-page #captcha,
    html body.mh-register-page .mbskin #captcha,
    html body.mh-register-page #fregister #captcha,
    html body.mh-register-page #fregisterform #captcha {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: center !important;
        width: min(100%, 520px) !important;
        max-width: calc(100vw - 48px) !important;
        margin: 0 auto !important;
        padding: 18px !important;
        transform: none !important;
    }

    html body.mh-register-page #captcha legend,
    html body.mh-register-page .mbskin #captcha legend,
    html body.mh-register-page #fregister #captcha legend,
    html body.mh-register-page #fregisterform #captcha legend {
        grid-column: 1 !important;
        justify-self: center !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 auto 4px !important;
        padding: 0 10px !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.mh-register-page #captcha_img,
    html body.mh-register-page .mbskin #captcha_img,
    html body.mh-register-page #fregister #captcha_img,
    html body.mh-register-page #fregisterform #captcha_img {
        grid-column: 1 !important;
        justify-self: center !important;
        width: min(100%, 320px) !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 78px !important;
        margin: 0 auto !important;
        object-fit: fill !important;
    }

    html body.mh-register-page #captcha audio {
        grid-column: 1 !important;
        justify-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
    }

    html body.mh-register-page #captcha_img,
    html body.mh-register-page .mbskin #captcha_img,
    html body.mh-register-page #fregister #captcha_img,
    html body.mh-register-page #fregisterform #captcha_img {
        background: #fff !important;
        filter: grayscale(1) contrast(3.2) brightness(0.82) !important;
        opacity: 1 !important;
        mix-blend-mode: normal !important;
    }

    html body.mh-register-page #captcha_key,
    html body.mh-register-page #captcha_mp3,
    html body.mh-register-page #captcha_reload,
    html body.mh-register-page #captcha_info,
    html body.mh-register-page .mbskin #captcha_key,
    html body.mh-register-page .mbskin #captcha_mp3,
    html body.mh-register-page .mbskin #captcha_reload,
    html body.mh-register-page .mbskin #captcha_info,
    html body.mh-register-page #fregister #captcha_key,
    html body.mh-register-page #fregister #captcha_mp3,
    html body.mh-register-page #fregister #captcha_reload,
    html body.mh-register-page #fregister #captcha_info,
    html body.mh-register-page #fregisterform #captcha_key,
    html body.mh-register-page #fregisterform #captcha_mp3,
    html body.mh-register-page #fregisterform #captcha_reload,
    html body.mh-register-page #fregisterform #captcha_info {
        grid-column: 1 !important;
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/* Final mobile register captcha full-width and original image restore. */
@media (max-width: 720px) {
    html body.mh-register-page #fregisterform tr:has(#captcha) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: stretch !important;
        width: 100% !important;
    }

    html body.mh-register-page #fregisterform tr:has(#captcha) th,
    html body.mh-register-page #fregisterform tr:has(#captcha) td {
        grid-column: 1 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    html body.mh-register-page #captcha,
    html body.mh-register-page .mbskin #captcha,
    html body.mh-register-page #fregister #captcha,
    html body.mh-register-page #fregisterform #captcha {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        justify-items: stretch !important;
    }

    html body.mh-register-page #captcha legend,
    html body.mh-register-page .mbskin #captcha legend,
    html body.mh-register-page #fregister #captcha legend,
    html body.mh-register-page #fregisterform #captcha legend {
        justify-self: center !important;
    }

    html body.mh-register-page #captcha_img,
    html body.mh-register-page .mbskin #captcha_img,
    html body.mh-register-page #fregister #captcha_img,
    html body.mh-register-page #fregisterform #captcha_img {
        justify-self: center !important;
        display: block !important;
        width: 240px !important;
        min-width: 240px !important;
        max-width: min(100%, 240px) !important;
        height: auto !important;
        min-height: 60px !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
        background: transparent !important;
        filter: none !important;
        opacity: 1 !important;
        mix-blend-mode: normal !important;
    }
}

/* Final mobile back-to-top compact card override. */
@media (max-width: 720px) {
    html body .mh-back-to-top,
    html body.mh-register-page .mh-back-to-top {
        left: 14px !important;
        right: auto !important;
        bottom: 16px !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 0 !important;
        border-radius: 8px !important;
    }
}

/* Final mobile register captcha: keep image at real captcha size. */
@media (max-width: 720px) {
    html body.mh-register-page #fregisterform fieldset#captcha,
    html body.mh-register-page #fregisterform #captcha,
    html body.mh-register-page #fregister fieldset#captcha,
    html body.mh-register-page #fregister #captcha,
    html body.mh-register-page .mbskin fieldset#captcha,
    html body.mh-register-page .mbskin #captcha {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: center !important;
        align-items: center !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 24px 20px 22px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body.mh-register-page #fregisterform fieldset#captcha > *,
    html body.mh-register-page #fregisterform #captcha > *,
    html body.mh-register-page #fregister fieldset#captcha > *,
    html body.mh-register-page #fregister #captcha > *,
    html body.mh-register-page .mbskin fieldset#captcha > *,
    html body.mh-register-page .mbskin #captcha > * {
        grid-column: 1 !important;
        grid-row: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        box-sizing: border-box !important;
    }

    html body.mh-register-page #fregisterform fieldset#captcha img#captcha_img,
    html body.mh-register-page #fregisterform #captcha img#captcha_img,
    html body.mh-register-page #fregister fieldset#captcha img#captcha_img,
    html body.mh-register-page #fregister #captcha img#captcha_img,
    html body.mh-register-page .mbskin fieldset#captcha img#captcha_img,
    html body.mh-register-page .mbskin #captcha img#captcha_img {
        display: block !important;
        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 6px !important;
        background: #fff !important;
        object-fit: contain !important;
        object-position: center center !important;
        filter: none !important;
        opacity: 1 !important;
        transform: none !important;
        mix-blend-mode: normal !important;
        image-rendering: auto !important;
    }

    html body.mh-register-page #fregisterform #captcha audio,
    html body.mh-register-page #fregister #captcha audio,
    html body.mh-register-page .mbskin #captcha audio,
    html body.mh-register-page #fregisterform #captcha_key,
    html body.mh-register-page #fregister #captcha_key,
    html body.mh-register-page .mbskin #captcha_key,
    html body.mh-register-page #fregisterform #captcha_reload,
    html body.mh-register-page #fregister #captcha_reload,
    html body.mh-register-page .mbskin #captcha_reload,
    html body.mh-register-page #fregisterform #captcha_info,
    html body.mh-register-page #fregister #captcha_info,
    html body.mh-register-page .mbskin #captcha_info {
        width: min(100%, 360px) !important;
        max-width: 360px !important;
        justify-self: center !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

/* Final mobile register captcha tag-agnostic image fix. */
@media (max-width: 720px) {
    html body.mh-register-page #captcha #captcha_img,
    html body.mh-register-page #captcha img#captcha_img,
    html body.mh-register-page #captcha canvas#captcha_img,
    html body.mh-register-page #captcha #captcha_img img,
    html body.mh-register-page #captcha #captcha_img canvas,
    html body.mh-register-page #fregisterform #captcha #captcha_img,
    html body.mh-register-page #fregister #captcha #captcha_img,
    html body.mh-register-page .mbskin #captcha #captcha_img {
        display: block !important;
        flex: 0 0 auto !important;
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: center !important;
        align-self: center !important;
        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 6px !important;
        background-color: #fff !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        object-fit: contain !important;
        object-position: center center !important;
        color: #000 !important;
        filter: grayscale(1) contrast(22) brightness(0.68) !important;
        -webkit-filter: grayscale(1) contrast(22) brightness(0.68) !important;
        opacity: 1 !important;
        transform: none !important;
        mix-blend-mode: normal !important;
        image-rendering: auto !important;
        box-sizing: border-box !important;
    }
}

/* EOF password lost captcha and action panel fix. */
html body.mh-password-lost-page #find_info form,
html body.mh-password-lost-page .mbskin form {
    background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(7, 13, 25, 0.98)) !important;
}

html body.mh-password-lost-page #find_info #captcha,
html body.mh-password-lost-page .mbskin #captcha {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 160px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 42px 24px 22px !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    border-radius: 0 !important;
    background: rgba(8, 13, 24, 0.98) !important;
    background-clip: padding-box !important;
    box-shadow: none !important;
    outline: 0 !important;
}

html body.mh-password-lost-page #find_info #captcha::before,
html body.mh-password-lost-page .mbskin #captcha::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    height: 30px !important;
    background: rgba(8, 13, 24, 0.98) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

html body.mh-password-lost-page #find_info #captcha legend,
html body.mh-password-lost-page .mbskin #captcha legend {
    position: absolute !important;
    top: 7px !important;
    left: 24px !important;
    grid-column: 1 / -1 !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: visible !important;
    clip: auto !important;
    border: 0 !important;
    background: rgba(8, 13, 24, 0.98) !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    z-index: 2 !important;
}

html body.mh-password-lost-page #find_info #captcha_img,
html body.mh-password-lost-page .mbskin #captcha_img {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 160px !important;
    height: 60px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    background: #edf4ff !important;
    object-fit: fill !important;
}

html body.mh-password-lost-page #find_info #captcha_key,
html body.mh-password-lost-page .mbskin #captcha_key {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
}

html body.mh-password-lost-page #find_info #captcha_mp3,
html body.mh-password-lost-page #find_info #captcha_reload,
html body.mh-password-lost-page .mbskin #captcha_mp3,
html body.mh-password-lost-page .mbskin #captcha_reload {
    grid-row: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 7px !important;
    background: rgba(18, 29, 49, 0.96) !important;
    color: #dbe7fb !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-indent: 0 !important;
}

html body.mh-password-lost-page #find_info #captcha_mp3,
html body.mh-password-lost-page .mbskin #captcha_mp3 {
    grid-column: 1 !important;
}

html body.mh-password-lost-page #find_info #captcha_reload,
html body.mh-password-lost-page .mbskin #captcha_reload {
    grid-column: 2 !important;
    margin-left: 0 !important;
}

html body.mh-password-lost-page #find_info #captcha_info,
html body.mh-password-lost-page .mbskin #captcha_info {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    margin: 0 !important;
    color: #9fb2d1 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

html body.mh-password-lost-page #find_info .btn_confirm,
html body.mh-password-lost-page #find_info .win_btn,
html body.mh-password-lost-page .mbskin .btn_confirm,
html body.mh-password-lost-page .mbskin .win_btn {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 26px 24px 30px !important;
    border: 0 !important;
    background: rgba(7, 13, 25, 0.98) !important;
}

@media (max-width: 640px) {
    html body.mh-password-lost-page #find_info #captcha,
    html body.mh-password-lost-page .mbskin #captcha {
        grid-template-columns: 1fr !important;
    }

    html body.mh-password-lost-page #find_info #captcha_img,
    html body.mh-password-lost-page #find_info #captcha_key,
    html body.mh-password-lost-page #find_info #captcha_mp3,
    html body.mh-password-lost-page #find_info #captcha_reload,
    html body.mh-password-lost-page #find_info #captcha_info,
    html body.mh-password-lost-page .mbskin #captcha_img,
    html body.mh-password-lost-page .mbskin #captcha_key,
    html body.mh-password-lost-page .mbskin #captcha_mp3,
    html body.mh-password-lost-page .mbskin #captcha_reload,
    html body.mh-password-lost-page .mbskin #captcha_info {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
    }
}

html body.mh-password-lost-page #find_info form,
html body.mh-password-lost-page #find_info fieldset,
html body.mh-password-lost-page #find_info #info_fs,
html body.mh-password-lost-page #find_info .win_desc,
html body.mh-password-lost-page #find_info .local_desc,
html body.mh-password-lost-page #find_info .local_desc01,
html body.mh-password-lost-page #find_info .frm_info,
html body.mh-password-lost-page .mbskin form,
html body.mh-password-lost-page .mbskin fieldset,
html body.mh-password-lost-page .mbskin #info_fs,
html body.mh-password-lost-page .mbskin .win_desc,
html body.mh-password-lost-page .mbskin .local_desc,
html body.mh-password-lost-page .mbskin .local_desc01,
html body.mh-password-lost-page .mbskin .frm_info {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-color: rgba(92, 143, 220, 0.18) !important;
    background: transparent !important;
    color: #b8c7df !important;
}

html body.mh-password-lost-page #find_info #info_fs,
html body.mh-password-lost-page .mbskin #info_fs {
    padding: 22px 24px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
    background: rgba(11, 19, 36, 0.78) !important;
}

html body.mh-password-lost-page #find_info #info_fs p,
html body.mh-password-lost-page .mbskin #info_fs p,
html body.mh-password-lost-page #find_info .win_desc,
html body.mh-password-lost-page .mbskin .win_desc {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #b8c7df !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
}

html body.mh-password-lost-page #find_info label,
html body.mh-password-lost-page .mbskin label {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

html body.mh-password-lost-page #find_info #mb_email,
html body.mh-password-lost-page #find_info input[name="mb_email"],
html body.mh-password-lost-page #find_info input[type="text"],
html body.mh-password-lost-page #find_info input[type="email"],
html body.mh-password-lost-page .mbskin #mb_email,
html body.mh-password-lost-page .mbskin input[name="mb_email"],
html body.mh-password-lost-page .mbskin input[type="text"],
html body.mh-password-lost-page .mbskin input[type="email"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #edf4ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

@media (max-width: 640px) {
    html body.mh-password-lost-page .new_win,
    html body.mh-password-lost-page #find_info,
    html body.mh-password-lost-page .mbskin {
        width: min(100%, calc(100vw - 28px)) !important;
    }
}

/* EOF hard fix: PC register form should stay dark and aligned. */
@media (min-width: 721px) {
    html body.mh-register-page #register_form,
    html body.mh-register-page #fregisterform {
        background: transparent !important;
        color: #dbe7fb !important;
    }

    html body.mh-register-page #register_form section,
    html body.mh-register-page #register_form .tbl_frm01,
    html body.mh-register-page #register_form .tbl_wrap,
    html body.mh-register-page #register_form > div,
    html body.mh-register-page #fregisterform section,
    html body.mh-register-page #fregisterform .tbl_frm01,
    html body.mh-register-page #fregisterform .tbl_wrap,
    html body.mh-register-page #fregisterform > div {
        overflow: hidden !important;
        border: 1px solid rgba(92, 143, 220, 0.26) !important;
        border-radius: 6px !important;
        background: linear-gradient(180deg, rgba(16, 24, 39, 0.98), rgba(8, 13, 24, 0.98)) !important;
        color: #dbe7fb !important;
        box-shadow: none !important;
    }

    html body.mh-register-page #register_form h2,
    html body.mh-register-page #fregisterform h2 {
        min-height: 72px !important;
        margin: 0 !important;
        padding: 20px 22px !important;
        border-bottom: 1px solid rgba(92, 143, 220, 0.22) !important;
        background: #07172f !important;
        color: #edf4ff !important;
        font-size: 20px !important;
        font-weight: 900 !important;
    }

    html body.mh-register-page #register_form ul,
    html body.mh-register-page #register_form ol,
    html body.mh-register-page #fregisterform ul,
    html body.mh-register-page #fregisterform ol {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
    }

    html body.mh-register-page #register_form li,
    html body.mh-register-page #fregisterform li {
        display: grid !important;
        grid-template-columns: 180px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 13px 20px !important;
        border-bottom: 1px solid rgba(92, 143, 220, 0.14) !important;
        background: rgba(13, 22, 38, 0.96) !important;
        color: #dbe7fb !important;
        list-style: none !important;
    }

    html body.mh-register-page #register_form li::marker,
    html body.mh-register-page #fregisterform li::marker {
        content: "" !important;
    }

    html body.mh-register-page #register_form li > label,
    html body.mh-register-page #fregisterform li > label {
        grid-column: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #edf4ff !important;
        font-size: 15px !important;
        font-weight: 900 !important;
    }

    html body.mh-register-page #register_form input[type="text"],
    html body.mh-register-page #register_form input[type="password"],
    html body.mh-register-page #register_form input[type="email"],
    html body.mh-register-page #register_form .frm_input,
    html body.mh-register-page #fregisterform input[type="text"],
    html body.mh-register-page #fregisterform input[type="password"],
    html body.mh-register-page #fregisterform input[type="email"],
    html body.mh-register-page #fregisterform .frm_input {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        height: 42px !important;
        margin: 0 !important;
        border: 1px solid rgba(92, 143, 220, 0.28) !important;
        border-radius: 6px !important;
        background: #061225 !important;
        color: #edf4ff !important;
    }

    html body.mh-register-page #register_form li > button:not(.btn_submit):not(.btn_cancel),
    html body.mh-register-page #register_form li > a:not(.btn_submit):not(.btn_cancel),
    html body.mh-register-page #fregisterform li > button:not(.btn_submit):not(.btn_cancel),
    html body.mh-register-page #fregisterform li > a:not(.btn_submit):not(.btn_cancel) {
        grid-column: 3 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border: 1px solid rgba(92, 143, 220, 0.28) !important;
        border-radius: 6px !important;
        background: rgba(18, 29, 49, 0.96) !important;
        color: #edf4ff !important;
        font-size: 0 !important;
    }

    html body.mh-register-page #register_form li > button:not(.btn_submit):not(.btn_cancel)::before,
    html body.mh-register-page #register_form li > a:not(.btn_submit):not(.btn_cancel)::before,
    html body.mh-register-page #fregisterform li > button:not(.btn_submit):not(.btn_cancel)::before,
    html body.mh-register-page #fregisterform li > a:not(.btn_submit):not(.btn_cancel)::before {
        content: "?" !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }
}

/* EOF hard fix: mobile register captcha must show the raw server image. */
@media (max-width: 720px) {
    html body.mh-register-page #captcha,
    html body.mh-register-page .mbskin #captcha,
    html body.mh-register-page #fregister #captcha,
    html body.mh-register-page #fregisterform #captcha {
        justify-items: center !important;
        overflow: visible !important;
    }

    html body.mh-register-page #captcha #captcha_img,
    html body.mh-register-page #captcha img#captcha_img,
    html body.mh-register-page #fregisterform #captcha img#captcha_img,
    html body.mh-register-page #fregister #captcha img#captcha_img,
    html body.mh-register-page .mbskin #captcha img#captcha_img {
        display: block !important;
        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 6px !important;
        background: #fff !important;
        object-fit: contain !important;
        object-position: center center !important;
        filter: none !important;
        -webkit-filter: none !important;
        opacity: 1 !important;
        transform: none !important;
        mix-blend-mode: normal !important;
        image-rendering: auto !important;
    }
}

/* EOF hard fix: PC side ranking should show id only. */
@media (min-width: 721px) {
    html body .mh-home-ranking-row .mh-home-ranking-display {
        grid-template-columns: 28px minmax(0, 1fr) !important;
    }

    html body .mh-home-ranking-value {
        display: none !important;
    }

    html body .mh-home-ranking-name {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body .mh-home-ranking-row.mh-rank-first .mh-home-ranking-display {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
    }
}

/* Header visual fill preview: show the full source image without cover cropping. */
html body .mh-header-visual {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

/* Comment option menu: keep reply/edit/delete items readable. */
#bo_vc article {
    position: relative !important;
    overflow: visible !important;
}

#bo_vc .bo_vc_act,
#bo_vc .more_opt,
#bo_vc .cmt_more_opt,
#bo_vc .bo_vc_opt {
    position: absolute !important;
    top: 38px !important;
    right: 28px !important;
    z-index: 40 !important;
    display: none;
    width: auto !important;
    min-width: 132px !important;
    max-width: calc(100vw - 48px) !important;
    min-height: 0 !important;
    padding: 6px !important;
    overflow: visible !important;
    border: 1px solid rgba(92, 143, 220, 0.38) !important;
    border-radius: 7px !important;
    background: #0b1220 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45) !important;
}

#bo_vc .bo_vc_act[style*="block"],
#bo_vc .more_opt[style*="block"],
#bo_vc .cmt_more_opt[style*="block"],
#bo_vc .bo_vc_opt[style*="block"] {
    display: block !important;
}

#bo_vc .bo_vc_act li,
#bo_vc .more_opt li,
#bo_vc .cmt_more_opt li,
#bo_vc .bo_vc_opt li {
    display: block !important;
    width: 100% !important;
    min-width: 120px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    list-style: none !important;
}

#bo_vc .bo_vc_act a,
#bo_vc .bo_vc_act button,
#bo_vc .more_opt a,
#bo_vc .more_opt button,
#bo_vc .cmt_more_opt a,
#bo_vc .cmt_more_opt button,
#bo_vc .bo_vc_opt a,
#bo_vc .bo_vc_opt button {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 120px !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 38px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    word-break: keep-all !important;
}

#bo_vc .bo_vc_act a:hover,
#bo_vc .bo_vc_act button:hover,
#bo_vc .more_opt a:hover,
#bo_vc .more_opt button:hover,
#bo_vc .cmt_more_opt a:hover,
#bo_vc .cmt_more_opt button:hover,
#bo_vc .bo_vc_opt a:hover,
#bo_vc .bo_vc_opt button:hover {
    background: rgba(79, 141, 255, 0.1) !important;
    color: #4f8dff !important;
}

#bo_vc .bo_vc_act *,
#bo_vc .more_opt *,
#bo_vc .cmt_more_opt *,
#bo_vc .bo_vc_opt * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

@media (max-width: 720px) {
    #bo_vc .bo_vc_act,
    #bo_vc .more_opt,
    #bo_vc .cmt_more_opt,
    #bo_vc .bo_vc_opt {
        top: 42px !important;
        right: 12px !important;
        min-width: 128px !important;
    }
}

/* Mobile board write visibility fix. */
#bo_w .bo_w_tit,
#bo_w .write_div:has(#wr_subject),
#bo_w .write_div:has(input[name="wr_subject"]),
#bo_w .write_div:has(#wr_content),
#bo_w .write_div:has(textarea[name="wr_content"]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#bo_w #wr_subject,
#bo_w input[name="wr_subject"],
#bo_w #wr_content,
#bo_w textarea[name="wr_content"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 2 !important;
}

#bo_w .bo_w_tit,
#bo_w .write_div:has(#wr_subject),
#bo_w .write_div:has(input[name="wr_subject"]),
#bo_w .write_div:has(#wr_content),
#bo_w .write_div:has(textarea[name="wr_content"]) {
    pointer-events: auto !important;
}

#bo_w.mh-banner-write-page .mh-banner-auto-hidden,
#bo_w.mh-banner-write-page .write_div.mh-banner-auto-hidden,
#bo_w.mh-banner-write-page .bo_w_tit.mh-banner-auto-hidden,
#bo_w.mh-banner-write-page .write_div:has(#wr_subject).mh-banner-auto-hidden,
#bo_w.mh-banner-write-page .write_div:has(input[name="wr_subject"]).mh-banner-auto-hidden,
#bo_w.mh-banner-write-page .write_div:has(#wr_content).mh-banner-auto-hidden,
#bo_w.mh-banner-write-page .write_div:has(textarea[name="wr_content"]).mh-banner-auto-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.mh-mobile-board-write {
    display: none !important;
}

@media (max-width: 720px) {
    .mh-mobile-board-write {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 0 14px !important;
        padding: 0 16px !important;
        border: 1px solid rgba(79, 141, 255, 0.58) !important;
        border-radius: 7px !important;
        background: linear-gradient(180deg, rgba(12, 44, 42, 0.98), rgba(6, 23, 29, 0.98)) !important;
        color: #71ffd7 !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: 0 0 16px rgba(79, 141, 255, 0.12) !important;
    }

    #bo_list .btn_bo_user a[href*="write.php"],
    #bo_list .btn_bo_user a[href*="write"],
    #bo_btn_top .btn_bo_user a[href*="write.php"],
    #bo_btn_top .btn_bo_user a[href*="write"],
    #bo_gall .btn_bo_user a[href*="write.php"],
    #bo_gall .btn_bo_user a[href*="write"] {
        display: none !important;
    }

    #bo_w,
    #fwrite {
        display: block !important;
        width: 100% !important;
    }

    #bo_w #wr_subject,
    #bo_w input[name="wr_subject"] {
        min-height: 50px !important;
        margin-bottom: 12px !important;
        padding: 0 14px !important;
        font-size: 15px !important;
    }

    #bo_w #wr_content,
    #bo_w textarea[name="wr_content"] {
        min-height: 280px !important;
        padding: 14px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}

/* Board write button: replace tiny icon buttons with readable text buttons. */
#bo_btn_top .btn_bo_user a.mh-board-write-link,
#bo_list .btn_bo_user a.mh-board-write-link,
#bo_gall .btn_bo_user a.mh-board-write-link,
.bo_fx .btn_bo_user a.mh-board-write-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 96px !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(79, 141, 255, 0.58) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(12, 44, 42, 0.98), rgba(6, 23, 29, 0.98)) !important;
    color: #71ffd7 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

#bo_btn_top .btn_bo_user a.mh-board-write-link::before,
#bo_btn_top .btn_bo_user a.mh-board-write-link::after,
#bo_list .btn_bo_user a.mh-board-write-link::before,
#bo_list .btn_bo_user a.mh-board-write-link::after,
#bo_gall .btn_bo_user a.mh-board-write-link::before,
#bo_gall .btn_bo_user a.mh-board-write-link::after,
.bo_fx .btn_bo_user a.mh-board-write-link::before,
.bo_fx .btn_bo_user a.mh-board-write-link::after {
    display: none !important;
    content: none !important;
}

/* Data board paid-download point input. */
#bo_w .mh-data-point-write-row {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 7px !important;
    background: #050914 !important;
}

#bo_w .mh-data-point-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 8px !important;
}

#bo_w .mh-data-point-write-row label {
    display: block !important;
    margin: 0 !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

#bo_w .mh-data-point-range {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    color: #8fd8ff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

#bo_w .mh-data-point-input {
    display: block !important;
    width: 180px !important;
    max-width: 100% !important;
    height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 6px !important;
    background: rgba(8, 14, 27, 0.98) !important;
    color: #f5f8ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

#bo_w .mh-data-point-write-row p {
    margin: 8px 0 0 !important;
    color: #91a2c1 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.mh-data-point-download-link {
    cursor: pointer !important;
}

@media (max-width: 520px) {
    #bo_w .mh-data-point-head {
        display: grid !important;
        gap: 5px !important;
    }

    #bo_w .mh-data-point-range {
        text-align: left !important;
        white-space: normal !important;
    }
}

body.mh-data-board-page .mh-data-inline-attachment-hidden,
body.mh-data-board-page .mh-data-inline-image-wrap-hidden,
body.mh-data-board-page #bo_v_img,
body.mh-data-board-page .bo_v_img,
body.mh-data-board-page .view_image,
body.mh-data-board-page .board-view-image,
body.mh-data-board-page #bo_v_con img {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.mh-data-board-page #bo_w .write_div:has(.mh-file-control),
body.mh-data-board-page #bo_w .bo_w_file:has(.mh-file-control),
body.mh-data-board-page #bo_w .bo_w_flie:has(.mh-file-control),
body.mh-data-board-page #bo_w .file_wr:has(.mh-file-control),
body.mh-data-board-page #bo_w .filebox:has(.mh-file-control) {
    display: block !important;
    margin: 0 0 20px !important;
    text-align: left !important;
}

body.mh-data-board-page #bo_w .mh-file-control {
    display: inline-flex !important;
    margin: 0 !important;
    vertical-align: top !important;
}

body.mh-data-board-page #bo_w .mh-data-point-write-row {
    clear: both !important;
    width: 100% !important;
    max-width: 410px !important;
    margin: 0 0 14px !important;
}

@media (max-width: 720px) {
    #bo_btn_top .btn_bo_user,
    #bo_list .btn_bo_user,
    #bo_gall .btn_bo_user,
    .bo_fx .btn_bo_user {
        width: 100% !important;
        justify-content: stretch !important;
    }

    #bo_btn_top .btn_bo_user li.mh-board-write-item,
    #bo_list .btn_bo_user li.mh-board-write-item,
    #bo_gall .btn_bo_user li.mh-board-write-item,
    .bo_fx .btn_bo_user li.mh-board-write-item,
    #bo_btn_top .btn_bo_user li:has(a.mh-board-write-link),
    #bo_list .btn_bo_user li:has(a.mh-board-write-link),
    #bo_gall .btn_bo_user li:has(a.mh-board-write-link),
    .bo_fx .btn_bo_user li:has(a.mh-board-write-link) {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    #bo_btn_top .btn_bo_user a.mh-board-write-link,
    #bo_list .btn_bo_user a.mh-board-write-link,
    #bo_gall .btn_bo_user a.mh-board-write-link,
    .bo_fx .btn_bo_user a.mh-board-write-link {
        display: flex !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 0 14px !important;
        padding: 0 16px !important;
        font-size: 16px !important;
        box-shadow: 0 0 16px rgba(79, 141, 255, 0.12) !important;
    }
}

/* Mobile board hard fix: write button and file input cleanup. */
@media (max-width: 720px) {
    html body .btn_bo_user a[href*="write.php"],
    html body .btn_bo_user a[href*="/write"],
    html body #bo_btn_top a[href*="write.php"],
    html body #bo_btn_top a[href*="/write"],
    html body #bo_list a[href*="write.php"],
    html body #bo_list a[href*="/write"],
    html body #bo_gall a[href*="write.php"],
    html body #bo_gall a[href*="/write"],
    html body .bo_fx a[href*="write.php"],
    html body .bo_fx a[href*="/write"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 0 14px !important;
        padding: 0 16px !important;
        border: 1px solid rgba(79, 141, 255, 0.58) !important;
        border-radius: 7px !important;
        background: linear-gradient(180deg, rgba(12, 44, 42, 0.98), rgba(6, 23, 29, 0.98)) !important;
        color: #71ffd7 !important;
        font-size: 0 !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        box-shadow: 0 0 16px rgba(79, 141, 255, 0.12) !important;
    }

    html body .btn_bo_user a[href*="write.php"] *,
    html body .btn_bo_user a[href*="/write"] *,
    html body #bo_btn_top a[href*="write.php"] *,
    html body #bo_btn_top a[href*="/write"] *,
    html body #bo_list a[href*="write.php"] *,
    html body #bo_list a[href*="/write"] *,
    html body #bo_gall a[href*="write.php"] *,
    html body #bo_gall a[href*="/write"] *,
    html body .bo_fx a[href*="write.php"] *,
    html body .bo_fx a[href*="/write"] * {
        display: none !important;
    }

    html body .btn_bo_user a[href*="write.php"]::before,
    html body .btn_bo_user a[href*="/write"]::before,
    html body #bo_btn_top a[href*="write.php"]::before,
    html body #bo_btn_top a[href*="/write"]::before,
    html body #bo_list a[href*="write.php"]::before,
    html body #bo_list a[href*="/write"]::before,
    html body #bo_gall a[href*="write.php"]::before,
    html body #bo_gall a[href*="/write"]::before,
    html body .bo_fx a[href*="write.php"]::before,
    html body .bo_fx a[href*="/write"]::before {
        display: none !important;
        content: none !important;
    }

    html body .btn_bo_user a[href*="write.php"]::after,
    html body .btn_bo_user a[href*="/write"]::after,
    html body #bo_btn_top a[href*="write.php"]::after,
    html body #bo_btn_top a[href*="/write"]::after,
    html body #bo_list a[href*="write.php"]::after,
    html body #bo_list a[href*="/write"]::after,
    html body #bo_gall a[href*="write.php"]::after,
    html body #bo_gall a[href*="/write"]::after,
    html body .bo_fx a[href*="write.php"]::after,
    html body .bo_fx a[href*="/write"]::after {
        display: block !important;
        content: "글쓰기" !important;
        color: #71ffd7 !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
        transform: none !important;
    }

    html body #bo_w input[type="file"] {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 1px !important;
        min-width: 1px !important;
        max-width: 1px !important;
        height: 1px !important;
        min-height: 1px !important;
        max-height: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
    }

    html body #bo_w input[type="file"]::file-selector-button {
        display: none !important;
    }

    html body #bo_w .mh-file-original-label-hidden,
    html body #bo_w .mh-file-customized > label:not(.mh-file-button),
    html body #bo_w .mh-file-customized .lb_icon,
    html body #bo_w .mh-file-customized .frm_file + label:not(.mh-file-button),
    html body #bo_w .mh-file-customized input[type="file"] + label:not(.mh-file-button) {
        position: absolute !important;
        width: 1px !important;
        min-width: 1px !important;
        max-width: 1px !important;
        height: 1px !important;
        min-height: 1px !important;
        max-height: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
    }

    html body #bo_w .write_div:has(.mh-file-control),
    html body #bo_w .bo_w_file:has(.mh-file-control),
    html body #bo_w .bo_w_flie:has(.mh-file-control),
    html body #bo_w .file_wr:has(.mh-file-control),
    html body #bo_w .filebox:has(.mh-file-control) {
        display: block !important;
        min-height: auto !important;
        margin: 0 0 14px !important;
        padding: 14px !important;
        border: 1px solid rgba(92, 143, 220, 0.24) !important;
        border-radius: 7px !important;
        background: #050914 !important;
    }

    html body #bo_w .mh-file-control {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 38px !important;
        padding: 0 14px 0 0 !important;
        border: 0 !important;
        border-radius: 6px !important;
        background: transparent !important;
        color: #dbe7fb !important;
    }

    html body #bo_w .mh-file-button {
        min-width: 84px !important;
        min-height: 30px !important;
        margin: 4px 10px 4px 4px !important;
        padding: 0 12px !important;
        border-radius: 5px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    html body #bo_w .mh-file-name {
        min-width: 0 !important;
        max-width: 190px !important;
        overflow: hidden !important;
        font-size: 13px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        word-break: normal !important;
    }
}

/* Mobile board write button should sit on the right, not span full width. */
@media (max-width: 720px) {
    html body #bo_btn_top .btn_bo_user,
    html body #bo_list .btn_bo_user,
    html body #bo_gall .btn_bo_user,
    html body .bo_fx .btn_bo_user {
        display: flex !important;
        justify-content: flex-end !important;
        width: 100% !important;
    }

    html body #bo_btn_top .btn_bo_user li.mh-board-write-item,
    html body #bo_list .btn_bo_user li.mh-board-write-item,
    html body #bo_gall .btn_bo_user li.mh-board-write-item,
    html body .bo_fx .btn_bo_user li.mh-board-write-item {
        width: auto !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }

    html body .btn_bo_user a[href*="write.php"],
    html body .btn_bo_user a[href*="/write"],
    html body #bo_btn_top a[href*="write.php"],
    html body #bo_btn_top a[href*="/write"],
    html body #bo_list a[href*="write.php"],
    html body #bo_list a[href*="/write"],
    html body #bo_gall a[href*="write.php"],
    html body #bo_gall a[href*="/write"],
    html body .bo_fx a[href*="write.php"],
    html body .bo_fx a[href*="/write"],
    html body #bo_btn_top .btn_bo_user a.mh-board-write-link,
    html body #bo_list .btn_bo_user a.mh-board-write-link,
    html body #bo_gall .btn_bo_user a.mh-board-write-link,
    html body .bo_fx .btn_bo_user a.mh-board-write-link {
        width: auto !important;
        min-width: 96px !important;
        max-width: calc(100vw - 40px) !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
}

/* EOF hard fix: mobile board write action aligns right. */
@media (max-width: 720px) {
    html body #bo_btn_top.mh-board-write-right-wrap,
    html body .bo_fx.mh-board-write-right-wrap,
    html body #bo_btn_top .btn_bo_user.mh-board-write-right-wrap,
    html body #bo_list .btn_bo_user.mh-board-write-right-wrap,
    html body #bo_gall .btn_bo_user.mh-board-write-right-wrap,
    html body .bo_fx .btn_bo_user.mh-board-write-right-wrap,
    html body #bo_btn_top:has(a.mh-board-write-link),
    html body .bo_fx:has(a.mh-board-write-link) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        text-align: right !important;
    }

    html body #bo_btn_top li.mh-board-write-item,
    html body #bo_list li.mh-board-write-item,
    html body #bo_gall li.mh-board-write-item,
    html body .bo_fx li.mh-board-write-item,
    html body li:has(> a.mh-board-write-link) {
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        text-align: right !important;
    }

    html body a.mh-board-write-link,
    html body .btn_bo_user a.mh-board-write-link,
    html body #bo_btn_top a.mh-board-write-link,
    html body #bo_list a.mh-board-write-link,
    html body #bo_gall a.mh-board-write-link,
    html body .bo_fx a.mh-board-write-link {
        display: inline-flex !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 96px !important;
        max-width: calc(100vw - 40px) !important;
        flex: 0 0 auto !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        float: none !important;
    }
}

/* Data board attachment layout: keep file picker and point box natural. */
body.mh-data-board-page #bo_w .write_div:has(.mh-file-control),
body.mh-data-board-page #bo_w .bo_w_file:has(.mh-file-control),
body.mh-data-board-page #bo_w .bo_w_flie:has(.mh-file-control),
body.mh-data-board-page #bo_w .file_wr:has(.mh-file-control),
body.mh-data-board-page #bo_w .filebox:has(.mh-file-control) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    clear: both !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 0 12px !important;
    padding: 8px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    text-align: left !important;
    box-shadow: inset 0 0 24px rgba(79, 141, 255, 0.04) !important;
    box-sizing: border-box !important;
}

body.mh-data-board-page #bo_w .mh-file-control {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 14px 0 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #dbe7fb !important;
    box-sizing: border-box !important;
}

body.mh-data-board-page #bo_w .mh-file-add-control {
    width: auto !important;
    max-width: none !important;
    min-height: 42px !important;
    margin: 0 0 0 12px !important;
    justify-content: flex-start !important;
}

body.mh-data-board-page #bo_w .mh-file-add-count {
    margin-right: 2px !important;
    color: #8fd8ff !important;
}

body.mh-data-board-page #bo_w .mh-file-button {
    min-width: 86px !important;
    min-height: 32px !important;
    margin: 4px 10px 4px 4px !important;
    padding: 0 14px !important;
}

body.mh-data-board-page #bo_w .mh-file-name {
    display: inline-block !important;
    max-width: min(420px, calc(100vw - 150px)) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: normal !important;
}

html body #bo_w .mh-extra-file-row:not(.is-mh-file-visible),
html body #bo_w .mh-extra-file-row:not(.is-mh-file-visible) * {
    display: none !important;
}

body.mh-data-board-page #bo_w .mh-data-point-write-row {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    max-width: 410px !important;
    margin: 0 0 18px !important;
    padding: 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.24) !important;
    border-radius: 7px !important;
    background: #050914 !important;
    box-sizing: border-box !important;
}

body.mh-data-board-page .mh-data-download-list {
    display: block !important;
    margin: 28px 0 24px !important;
    padding: 0 !important;
}

body.mh-data-board-page .mh-data-download-list ul {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.mh-data-board-page .mh-data-download-list li {
    margin: 0 !important;
    padding: 0 !important;
}

body.mh-data-board-page .mh-data-file-download-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 62px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 7px !important;
    background: rgba(5, 9, 20, 0.96) !important;
    color: #dbe7fb !important;
    text-decoration: none !important;
    box-shadow: 0 0 0 1px rgba(92, 143, 220, 0.08) inset !important;
    box-sizing: border-box !important;
}

body.mh-data-board-page .mh-data-file-download-link:hover {
    border-color: rgba(79, 141, 255, 0.62) !important;
    color: #71ffd7 !important;
}

body.mh-data-board-page .mh-data-file-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    border-radius: 7px !important;
    background: rgba(92, 143, 220, 0.13) !important;
    color: #edf4ff !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

body.mh-data-board-page .mh-data-file-main {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

body.mh-data-board-page .mh-data-file-main strong {
    display: block !important;
    overflow: hidden !important;
    color: #f5f8ff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.mh-data-board-page .mh-data-file-main em {
    display: block !important;
    overflow: hidden !important;
    color: #9fb0cf !important;
    font-size: 13px !important;
    font-style: normal !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Softer data-board download rows for the dark board view. */
body.mh-data-board-page .mh-data-download-list {
    margin: 22px 0 22px !important;
}

body.mh-data-board-page .mh-data-download-list ul {
    gap: 0 !important;
    border-top: 1px solid rgba(92, 143, 220, 0.16) !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.16) !important;
}

body.mh-data-board-page .mh-data-file-download-link {
    min-height: 54px !important;
    gap: 10px !important;
    padding: 11px 4px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(92, 143, 220, 0.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.mh-data-board-page .mh-data-download-list li:last-child .mh-data-file-download-link {
    border-bottom: 0 !important;
}

body.mh-data-board-page .mh-data-file-download-link:hover {
    border-color: rgba(92, 143, 220, 0.18) !important;
    background: rgba(92, 143, 220, 0.055) !important;
    color: #dbe7fb !important;
}

body.mh-data-board-page .mh-data-file-icon {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
    border: 1px solid rgba(92, 143, 220, 0.2) !important;
    border-radius: 6px !important;
    background: rgba(92, 143, 220, 0.08) !important;
    color: #9fb0cf !important;
    font-size: 14px !important;
}

body.mh-data-board-page .mh-data-file-main strong {
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

body.mh-data-board-page .mh-data-file-main em {
    color: #8798b8 !important;
    font-size: 12px !important;
}

/* Site manager */
.mh-site-manage-page .mh-site-manage-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0 18px;
}

.mh-site-manage-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(92, 143, 220, 0.28);
    border-radius: 7px;
    background: rgba(8, 14, 27, 0.92);
    color: #dbe7fb;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.mh-site-manage-tabs a.is-active,
.mh-site-manage-tabs a:hover {
    border-color: rgba(79, 141, 255, 0.52);
    color: #71ffd7;
}

.mh-site-manage-list,
.mh-site-member-list {
    display: grid;
    gap: 10px;
}

.mh-site-manage-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(92, 143, 220, 0.18);
    border-radius: 7px;
    background: rgba(5, 9, 20, 0.82);
}

.mh-site-manage-row strong {
    display: block;
    overflow: hidden;
    color: #f5f8ff;
    font-size: 15px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-site-manage-row strong em {
    color: #91a2c1;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
}

.mh-site-manage-row span {
    display: block;
    margin-top: 5px;
    color: #91a2c1;
    font-size: 13px;
    line-height: 1.4;
}

.mh-site-manage-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.mh-site-manage-actions button,
.mh-site-manage-actions select {
    min-height: 34px;
    border: 1px solid rgba(92, 143, 220, 0.28);
    border-radius: 6px;
    background: #061225;
    color: #dbe7fb;
    font-size: 13px;
    font-weight: 800;
}

.mh-site-manage-actions button {
    padding: 0 10px;
    cursor: pointer;
}

.mh-site-manage-actions button:hover {
    border-color: rgba(79, 141, 255, 0.52);
    color: #71ffd7;
}

.mh-site-manage-actions button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.mh-site-manage-actions select {
    max-width: 150px;
    padding: 0 8px;
}

.mh-site-member-row {
    grid-template-columns: minmax(280px, 0.9fr) minmax(480px, 1.25fr);
    align-items: flex-start;
    gap: 22px;
}

.mh-site-member-status {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.mh-site-member-status b {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid rgba(92, 143, 220, 0.22);
    border-radius: 999px;
    background: rgba(92, 143, 220, 0.08);
    color: #aebdd8;
    font-size: 12px;
    font-weight: 800;
}

.mh-site-member-status b.is-normal {
    border-color: rgba(79, 141, 255, 0.34);
    color: #71ffd7;
}

.mh-site-member-status b.is-warning {
    border-color: rgba(255, 199, 92, 0.36);
    color: #b6e6ff;
}

.mh-site-member-actions {
    display: grid;
    grid-template-columns: repeat(6, minmax(72px, 1fr));
    gap: 8px;
    align-items: end;
    justify-content: stretch;
}

.mh-site-member-actions label {
    display: grid;
    gap: 4px;
    min-width: 0;
    color: #91a2c1;
    font-size: 12px;
    font-weight: 800;
}

.mh-site-member-level-field {
    grid-column: 1 / span 2;
}

.mh-site-member-point-field {
    grid-column: span 2;
}

.mh-site-member-point-reason-field {
    grid-column: span 3;
}

.mh-site-member-suspend-field {
    grid-column: 4 / span 2;
}

.mh-site-member-reason-field {
    grid-column: 1 / -1;
}

.mh-site-member-actions input,
.mh-site-member-actions select {
    width: 100%;
    min-height: 34px;
    padding: 0 9px;
    border: 1px solid rgba(92, 143, 220, 0.28);
    border-radius: 6px;
    background: #061225;
    color: #dbe7fb;
    font-size: 13px;
    font-weight: 700;
}

.mh-site-member-actions select {
    color-scheme: dark;
    cursor: pointer;
}

.mh-site-member-actions select:disabled {
    cursor: not-allowed;
}

.mh-site-member-actions button {
    width: 100%;
    min-width: 0;
    padding: 0 8px;
    white-space: nowrap;
}

.mh-site-member-actions .mh-site-member-level-submit {
    min-width: 92px;
    padding-right: 12px;
    padding-left: 12px;
}

.mh-site-member-actions .mh-site-member-point-submit {
    min-width: 104px;
    padding-right: 12px;
    padding-left: 12px;
}

.mh-site-member-actions .mh-site-member-password-reset-button {
    grid-column: span 2;
    min-width: 130px;
    padding-right: 14px;
    padding-left: 14px;
}

.mh-site-manage-empty {
    margin: 0;
    padding: 18px;
    border: 1px solid rgba(92, 143, 220, 0.18);
    border-radius: 7px;
    color: #91a2c1;
}

.mh-password-reset-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: #050914;
    color: #dbe7fb;
}

.mh-password-reset-panel {
    width: min(440px, 100%);
    padding: 24px;
    border: 1px solid rgba(92, 143, 220, 0.22);
    border-radius: 8px;
    background: rgba(8, 14, 27, 0.96);
}

.mh-password-reset-panel h1 {
    margin: 0 0 8px;
    color: #f5f8ff;
    font-size: 24px;
}

.mh-password-reset-panel p {
    margin: 0 0 18px;
    color: #91a2c1;
}

.mh-password-reset-panel form,
.mh-password-reset-panel label {
    display: grid;
    gap: 10px;
}

.mh-password-reset-panel label {
    margin-bottom: 12px;
    color: #dbe7fb;
    font-weight: 800;
}

.mh-password-reset-panel input {
    height: 44px;
    padding: 0 12px;
    border: 1px solid rgba(92, 143, 220, 0.3);
    border-radius: 7px;
    background: #050914;
    color: #f5f8ff;
}

.mh-password-reset-panel button {
    height: 44px;
    border: 1px solid rgba(79, 141, 255, 0.55);
    border-radius: 7px;
    background: rgba(79, 141, 255, 0.12);
    color: #71ffd7;
    font-weight: 900;
    cursor: pointer;
}

.mh-password-reset-done-panel {
    text-align: center;
}

.mh-point-history-page {
    width: min(1280px, calc(100% - 32px)) !important;
}

.mh-point-history-panel {
    display: grid !important;
    gap: 18px !important;
}

.mh-point-history-head {
    align-items: center !important;
}

.mh-point-history-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(113, 255, 215, 0.32) !important;
    border-radius: 7px !important;
    background: rgba(113, 255, 215, 0.08) !important;
    color: #9fffe7 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.mh-point-history-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.mh-point-history-stats div {
    min-height: 86px !important;
    padding: 15px !important;
    border: 1px solid rgba(92, 143, 220, 0.18) !important;
    border-radius: 8px !important;
    background: rgba(6, 18, 37, 0.78) !important;
}

.mh-point-history-stats span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #91a2c1 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.mh-point-history-stats strong {
    display: block !important;
    color: #f5f8ff !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
}

.mh-point-history-stats .is-plus,
.mh-point-history-point.is-plus {
    color: #9fffe7 !important;
}

.mh-point-history-stats .is-minus,
.mh-point-history-point.is-minus {
    color: #ffb4c2 !important;
}

.mh-point-history-search {
    display: grid !important;
    grid-template-columns: 130px minmax(240px, 1fr) minmax(330px, 380px) auto auto !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 16px !important;
    border: 1px solid rgba(92, 143, 220, 0.18) !important;
    border-radius: 8px !important;
    background: rgba(7, 15, 29, 0.72) !important;
}

.mh-point-history-search select,
.mh-point-history-search input,
.mh-point-history-search button,
.mh-point-history-search a {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.mh-point-history-search select,
.mh-point-history-search input {
    width: 100% !important;
    padding: 0 11px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    background: #061225 !important;
    color: #edf4ff !important;
}

.mh-point-history-date-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: center !important;
}

.mh-point-history-date-fields label {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 36px 0 11px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 7px !important;
    background: #061225 !important;
}

.mh-point-history-date-fields span {
    color: #9fb2d4 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.mh-point-history-date-fields input[type="date"] {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    color-scheme: dark !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.mh-point-history-date-fields input[type="date"]::-webkit-calendar-picker-indicator {
    width: 24px !important;
    height: 24px !important;
    margin-right: -29px !important;
    opacity: 0 !important;
    cursor: pointer !important;
}

.mh-point-history-date-fields label::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    width: 15px !important;
    height: 15px !important;
    transform: translateY(-50%) !important;
    border: 2px solid #edf4ff !important;
    border-radius: 4px !important;
    background: linear-gradient(to bottom, #edf4ff 0 3px, transparent 3px 100%) !important;
    box-shadow: 0 0 0 1px rgba(143, 216, 255, 0.28), 0 0 12px rgba(143, 216, 255, 0.28) !important;
    pointer-events: none !important;
}

.mh-point-history-date-fields label::before {
    content: "" !important;
    position: absolute !important;
    top: calc(50% - 9px) !important;
    right: 15px !important;
    width: 9px !important;
    height: 3px !important;
    border-right: 2px solid #061225 !important;
    border-left: 2px solid #061225 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.mh-point-history-search button,
.mh-point-history-search a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
    border: 1px solid rgba(79, 141, 255, 0.55) !important;
    background: rgba(79, 141, 255, 0.16) !important;
    color: #cfe2ff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.mh-point-history-table-wrap {
    overflow-x: auto !important;
    border: 1px solid rgba(92, 143, 220, 0.18) !important;
    border-radius: 8px !important;
    background: rgba(6, 18, 37, 0.72) !important;
}

.mh-point-history-table {
    width: 100% !important;
    min-width: 900px !important;
    border-collapse: collapse !important;
}

.mh-point-history-table th,
.mh-point-history-table td {
    padding: 13px 14px !important;
    border-bottom: 1px solid rgba(159, 178, 209, 0.14) !important;
    color: #dbe7fb !important;
    font-size: 13px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.mh-point-history-table th {
    background: rgba(22, 34, 55, 0.9) !important;
    color: #9fb2d4 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-point-history-table tbody tr:hover {
    background: rgba(79, 141, 255, 0.08) !important;
}

.mh-point-history-member strong,
.mh-point-history-member span {
    display: block !important;
}

.mh-point-history-member strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.mh-point-history-member span {
    margin-top: 3px !important;
    color: #91a2c1 !important;
    font-size: 12px !important;
}

.mh-point-history-content {
    width: 36% !important;
    color: #edf4ff !important;
}

.mh-point-history-point {
    font-weight: 950 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.mh-point-history-empty {
    padding: 28px !important;
    color: #91a2c1 !important;
    text-align: center !important;
}

.mh-point-history-paging {
    display: flex !important;
    justify-content: center !important;
    margin-top: 4px !important;
}

.mh-point-history-paging .pg_wrap {
    margin: 0 !important;
}

.mh-point-history-paging .pg a,
.mh-point-history-paging .pg strong {
    border: 1px solid rgba(92, 143, 220, 0.25) !important;
    background: rgba(6, 18, 37, 0.88) !important;
    color: #dbe7fb !important;
}

.mh-point-history-paging .pg strong {
    border-color: rgba(113, 255, 215, 0.45) !important;
    background: rgba(113, 255, 215, 0.12) !important;
    color: #9fffe7 !important;
}

@media (max-width: 900px) {
    .mh-point-history-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mh-point-history-search {
        grid-template-columns: 1fr 1fr !important;
    }

    .mh-point-history-search input[name="stx"] {
        grid-column: 1 / -1 !important;
    }

    .mh-point-history-date-fields {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 560px) {
    .mh-point-history-page {
        width: min(100% - 20px, 1280px) !important;
        margin-top: 20px !important;
    }

    .mh-point-history-stats,
    .mh-point-history-search {
        grid-template-columns: 1fr !important;
    }

    .mh-point-history-date-fields {
        grid-template-columns: 1fr !important;
    }
}

.mh-password-reset-done-mark {
    display: inline-grid;
    place-items: center;
    min-width: 66px;
    height: 34px;
    padding: 0 14px;
    margin-bottom: 16px;
    border: 1px solid rgba(113, 255, 215, 0.42);
    border-radius: 999px;
    color: #71ffd7;
    font-size: 13px;
    font-weight: 900;
}

.mh-password-reset-actions {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

.mh-password-reset-actions a {
    display: inline-grid;
    place-items: center;
    min-width: 120px;
    height: 42px;
    padding: 0 18px;
    border: 1px solid rgba(79, 141, 255, 0.6);
    border-radius: 7px;
    background: rgba(79, 141, 255, 0.18);
    color: #eaf1ff;
    font-weight: 900;
    text-decoration: none;
}

.mh-member-notice-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 50% 0%, rgba(79, 141, 255, 0.16), transparent 42%),
        #050914;
    color: #dbe7fb;
}

.mh-member-notice-panel {
    width: min(460px, 100%);
    padding: 30px 26px 24px;
    border: 1px solid rgba(92, 143, 220, 0.28);
    border-radius: 8px;
    background: rgba(8, 14, 27, 0.97);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
    text-align: center;
}

.mh-member-notice-mark {
    display: inline-grid;
    place-items: center;
    min-width: 74px;
    height: 34px;
    padding: 0 14px;
    margin-bottom: 16px;
    border: 1px solid rgba(255, 199, 92, 0.38);
    border-radius: 999px;
    color: #ffd890;
    font-size: 13px;
    font-weight: 900;
}

.mh-member-notice-panel h1 {
    margin: 0 0 10px;
    color: #f5f8ff;
    font-size: 24px;
    line-height: 1.28;
}

.mh-member-notice-panel p {
    margin: 0;
    color: #b8c7df;
    font-size: 15px;
    line-height: 1.7;
}

.mh-member-notice-panel strong {
    display: block;
    margin-top: 12px;
    color: #71ffd7;
    font-size: 14px;
}

.mh-member-notice-actions {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.mh-member-notice-actions a {
    display: inline-grid;
    place-items: center;
    min-width: 120px;
    height: 42px;
    padding: 0 18px;
    border: 1px solid rgba(79, 141, 255, 0.6);
    border-radius: 7px;
    background: rgba(79, 141, 255, 0.18);
    color: #eaf1ff;
    font-weight: 900;
    text-decoration: none;
}

@media (max-width: 720px) {
    .mh-site-manage-row {
        grid-template-columns: 1fr;
    }

    .mh-site-manage-actions {
        justify-content: flex-start;
    }

    .mh-site-member-actions {
        grid-template-columns: 1fr;
    }
}

/* Header environment settings menu */
.mh-menu-user .mh-user-settings-dropdown {
    position: relative;
    display: inline-flex;
}

.mh-menu-user .mh-user-settings-dropdown summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(92, 143, 220, 0.28);
    border-radius: 7px;
    background: rgba(8, 14, 27, 0.9);
    color: #dbe7fb;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.mh-menu-user .mh-user-settings-dropdown summary::-webkit-details-marker {
    display: none;
}

.mh-menu-user .mh-user-settings-dropdown summary::after {
    content: "";
    width: 0;
    height: 0;
    margin-left: 7px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 5px solid #91a2c1;
}

.mh-menu-user .mh-user-settings-dropdown:hover summary,
.mh-menu-user .mh-user-settings-dropdown[open] summary,
.mh-menu-user .mh-user-settings-dropdown summary:hover {
    border-color: rgba(79, 141, 255, 0.5);
    color: #71ffd7;
}

.mh-menu-user .mh-user-settings-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 80;
    display: none;
    min-width: 132px;
    padding: 6px;
    border: 1px solid rgba(92, 143, 220, 0.26);
    border-radius: 8px;
    background: rgba(5, 9, 20, 0.98);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.32);
}

.mh-menu-user .mh-user-settings-dropdown:hover .mh-user-settings-menu,
.mh-menu-user .mh-user-settings-dropdown[open] .mh-user-settings-menu,
.mh-menu-user .mh-user-settings-dropdown:focus-within .mh-user-settings-menu {
    display: grid;
    gap: 4px;
}

.mh-menu-user .mh-user-settings-menu a {
    justify-content: flex-start;
    width: 100%;
    min-height: 32px;
    padding: 0 10px;
    border: 0;
    background: transparent;
}

.mh-mobile-user-settings {
    display: grid;
    gap: 6px;
}

.mh-mobile-user-settings summary {
    cursor: pointer;
    list-style: none;
}

.mh-mobile-user-settings summary::-webkit-details-marker {
    display: none;
}

.mh-mobile-user-settings > div {
    display: grid;
    gap: 6px;
    padding-left: 10px;
}

/* Data board point badges */
.mh-data-point-badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    margin-left: 7px;
    padding: 0 8px;
    border: 1px solid rgba(203, 139, 78, 0.38);
    border-radius: 999px;
    background: rgba(203, 139, 78, 0.13);
    color: #d9a46f;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
}

body.mh-data-board-page .mh-data-price-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin: 22px 0 6px;
    padding: 12px 14px;
    border-top: 1px solid rgba(92, 143, 220, 0.16);
    border-bottom: 1px solid rgba(92, 143, 220, 0.16);
    color: #dbe7fb;
}

body.mh-data-board-page .mh-data-price-summary span {
    color: #91a2c1;
    font-size: 13px;
    font-weight: 800;
}

body.mh-data-board-page .mh-data-price-summary strong {
    color: #d9a46f;
    font-size: 16px;
    font-weight: 900;
}

body.mh-data-board-page .mh-data-price-summary em {
    color: #8798b8;
    font-size: 13px;
    font-style: normal;
}

body.mh-data-board-page .mh-data-advanced-notice {
    margin: 18px 0 22px !important;
    padding: 18px 20px !important;
    border: 1px solid rgba(255, 214, 102, 0.32) !important;
    border-radius: 8px !important;
    background: rgba(22, 26, 38, 0.94) !important;
    color: #dbe7fb !important;
}

body.mh-data-board-page .mh-data-advanced-notice strong {
    display: block !important;
    margin-bottom: 7px !important;
    color: #fff1bd !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

body.mh-data-board-page .mh-data-advanced-notice p {
    margin: 0 !important;
    color: rgba(219, 231, 251, 0.74) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Site manager dashboard */
.mh-site-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0;
}

.mh-site-dashboard-grid article {
    display: grid;
    gap: 8px;
    min-height: 132px;
    padding: 18px;
    border: 1px solid rgba(92, 143, 220, 0.18);
    border-radius: 8px;
    background: rgba(5, 9, 20, 0.82);
}

.mh-site-dashboard-grid span {
    color: #91a2c1;
    font-size: 13px;
    font-weight: 800;
}

.mh-site-dashboard-grid strong {
    color: #f5f8ff;
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
}

.mh-site-dashboard-grid em {
    color: #8798b8;
    font-size: 13px;
    font-style: normal;
}

.mh-site-dashboard-section {
    margin-top: 18px;
}

.mh-site-dashboard-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
}

.mh-site-dashboard-section h2 {
    margin: 0;
    color: #f5f8ff;
    font-size: 18px;
}

.mh-site-dashboard-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.mh-site-dashboard-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(79, 141, 255, 0.54);
    border-radius: 7px;
    background: rgba(79, 141, 255, 0.14);
    color: #8fd8ff;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.mh-site-dashboard-links a:hover {
    border-color: rgba(143, 216, 255, 0.72);
    background: rgba(79, 141, 255, 0.22);
    color: #ffffff;
}

.mh-site-home-section-form {
    margin: 0 !important;
}

.mh-site-home-section .mh-home-modal-body,
.mh-site-home-section .mh-home-popup-modal-body {
    max-height: none !important;
    padding: 16px 0 0 !important;
}

.mh-site-home-section .mh-home-modal-actions {
    margin: 18px -22px -22px !important;
    background: rgba(6, 26, 55, 0.98) !important;
}

.mh-site-dashboard-table {
    display: grid;
    border-top: 1px solid rgba(92, 143, 220, 0.16);
}

.mh-site-dashboard-table a {
    display: grid;
    gap: 4px;
    padding: 12px 4px;
    border-bottom: 1px solid rgba(92, 143, 220, 0.12);
    color: #dbe7fb;
    text-decoration: none;
}

.mh-site-dashboard-table a:hover {
    background: rgba(92, 143, 220, 0.05);
}

.mh-site-dashboard-table strong {
    overflow: hidden;
    color: #edf4ff;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-site-dashboard-table span {
    color: #8798b8;
    font-size: 13px;
}

@media (max-width: 900px) {
    .mh-site-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mh-site-dashboard-head {
        display: grid;
    }

    .mh-site-dashboard-links {
        justify-content: stretch;
    }

    .mh-site-dashboard-links a {
        flex: 1 1 180px;
    }
}

@media (max-width: 560px) {
    .mh-site-dashboard-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    html body .mh-mobile-user-settings {
        display: block !important;
        min-width: 0 !important;
    }

    html body .mh-mobile-user-settings > summary {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 38px !important;
        padding: 0 11px !important;
        border: 1px solid transparent !important;
        border-radius: 7px !important;
        background: transparent !important;
        color: #dbe7fb !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    html body .mh-mobile-user-settings > summary::after {
        content: ">" !important;
        color: #4f8dff !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    html body .mh-mobile-user-settings[open] > summary,
    html body .mh-mobile-user-settings > summary:hover {
        border-color: rgba(79, 141, 255, 0.45) !important;
        background: rgba(79, 141, 255, 0.12) !important;
        color: #4f8dff !important;
    }

    html body .mh-mobile-user-settings > div {
        grid-column: 1 / -1 !important;
        margin-top: 6px !important;
        padding: 0 !important;
    }

    html body .mh-site-manage-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    html body .mh-site-manage-tabs a {
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    html body .mh-site-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body .mh-site-dashboard-grid article {
        min-height: 112px !important;
        padding: 14px !important;
    }

    html body .mh-site-dashboard-grid strong {
        font-size: 34px !important;
    }

    html body .mh-site-member-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    html body .mh-site-member-level-field,
    html body .mh-site-member-point-field,
    html body .mh-site-member-point-reason-field,
    html body .mh-site-member-suspend-field,
    html body .mh-site-member-reason-field {
        grid-column: 1 / -1 !important;
    }

    html body .mh-site-member-actions button,
    html body .mh-site-member-actions select,
    html body .mh-site-member-actions input {
        min-height: 42px !important;
        font-size: 13px !important;
    }

    html body .mh-site-member-actions button {
        padding-right: 10px !important;
        padding-left: 10px !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    html body .mh-site-member-actions .mh-site-member-level-submit,
    html body .mh-site-member-actions .mh-site-member-point-submit,
    html body .mh-site-member-actions .mh-site-member-password-reset-button {
        grid-column: 1 / -1 !important;
        min-width: 0 !important;
    }
}

/* Open schedule calendar */
.mh-open-schedule-page {
    display: grid !important;
    gap: 18px !important;
    width: min(1240px, calc(100% - 32px)) !important;
    margin: 28px auto 42px !important;
    color: #f6fbff !important;
}

.mh-open-schedule-page,
.mh-open-schedule-page * {
    box-sizing: border-box !important;
}

.mh-open-hero,
.mh-open-register,
.mh-open-calendar {
    border: 1px solid rgba(159, 178, 209, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(7, 20, 38, 0.88) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28) !important;
}

.mh-open-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 24px !important;
}

.mh-open-hero span {
    color: #4f8dff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-open-hero h1 {
    margin: 4px 0 8px !important;
    color: #ffffff !important;
    font-size: 28px !important;
    letter-spacing: 0 !important;
}

.mh-open-hero p,
.mh-open-register p {
    margin: 0 !important;
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 14px !important;
}

.mh-open-register button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 110px !important;
    height: 42px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(79, 141, 255, 0.66) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.16) !important;
    color: #4f8dff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.mh-open-message {
    display: grid !important;
    gap: 5px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(10, 18, 32, 0.92) !important;
    color: #dbe7fb !important;
    font-weight: 800 !important;
}

.mh-open-message strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.mh-open-message span {
    color: rgba(219, 231, 251, 0.78) !important;
    font-size: 13px !important;
}

.mh-open-message-success {
    border-color: rgba(79, 141, 255, 0.42) !important;
    background: rgba(79, 141, 255, 0.1) !important;
}

.mh-open-message-success strong {
    color: #4f8dff !important;
}

.mh-open-message-error {
    border-color: rgba(255, 107, 107, 0.45) !important;
    background: rgba(255, 107, 107, 0.08) !important;
}

.mh-open-message-error strong {
    color: #ffb6b6 !important;
}

.mh-open-register {
    display: grid !important;
    grid-template-columns: minmax(170px, 0.65fr) minmax(0, 2.35fr) !important;
    gap: 18px !important;
    align-items: end !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 18px !important;
}

.mh-open-register > * {
    min-width: 0 !important;
}

.mh-open-register h2 {
    margin: 0 0 6px !important;
    color: #ffffff !important;
    font-size: 20px !important;
    letter-spacing: 0 !important;
}

.mh-open-register form {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
    gap: 10px !important;
    align-items: end !important;
    width: 100% !important;
    min-width: 0 !important;
}

.mh-open-register label {
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.mh-open-register label span {
    color: rgba(219, 231, 251, 0.76) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-open-register input {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
    color-scheme: dark !important;
}

.mh-open-register input[type="color"] {
    padding: 4px !important;
    cursor: pointer !important;
}

.mh-open-register button {
    width: 100% !important;
    min-width: 0 !important;
}

.mh-open-register > form {
    display: none !important;
}

.mh-open-register-open {
    align-self: end !important;
    justify-self: end !important;
    max-width: 220px !important;
    height: 42px !important;
}

.mh-open-register-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
}

.mh-open-register-modal.is-open {
    display: flex !important;
}

.mh-open-register-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 6, 16, 0.72) !important;
    backdrop-filter: blur(3px) !important;
}

.mh-open-register-dialog {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    gap: 18px !important;
    width: min(560px, calc(100vw - 28px)) !important;
    max-height: calc(100vh - 36px) !important;
    overflow: auto !important;
    padding: 20px !important;
    border: 1px solid rgba(92, 143, 220, 0.34) !important;
    border-radius: 8px !important;
    background: #071426 !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.46) !important;
}

.mh-open-register-dialog-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
}

.mh-open-register-dialog-head strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

.mh-open-register-dialog-head span {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(219, 231, 251, 0.68) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.mh-open-register-dialog-head button {
    display: inline-grid !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    place-items: center !important;
    border: 1px solid rgba(159, 178, 209, 0.28) !important;
    border-radius: 7px !important;
    background: rgba(10, 25, 48, 0.92) !important;
    color: #dbe7fb !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.mh-open-register-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.mh-open-register-fields label {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
}

.mh-open-register-fields span {
    color: rgba(219, 231, 251, 0.76) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-open-register-fields input,
.mh-open-register-fields textarea {
    width: 100% !important;
    min-width: 0 !important;
    border: 1px solid rgba(159, 178, 209, 0.34) !important;
    border-radius: 7px !important;
    background: #061a37 !important;
    color: #ffffff !important;
    color-scheme: dark !important;
    font: inherit !important;
}

.mh-open-register-fields input {
    height: 42px !important;
    padding: 0 12px !important;
}

.mh-open-register-fields textarea {
    min-height: 96px !important;
    resize: vertical !important;
    padding: 11px 12px !important;
}

.mh-open-register-fields input[type="color"] {
    padding: 4px !important;
    cursor: pointer !important;
}

.mh-open-register-wide {
    grid-column: 1 / -1 !important;
}

.mh-open-register-actions {
    display: flex !important;
    justify-content: flex-end !important;
}

.mh-open-register-actions button {
    display: inline-flex !important;
    min-width: 150px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(79, 141, 255, 0.64) !important;
    border-radius: 7px !important;
    background: rgba(24, 64, 128, 0.62) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.mh-open-calendar {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding: 14px !important;
}

.mh-open-calendar-head {
    display: grid !important;
    grid-template-columns: 42px 1fr 42px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 0 14px !important;
}

.mh-open-calendar-head strong {
    text-align: center !important;
    color: #ffffff !important;
    font-size: 18px !important;
}

.mh-open-calendar-head a {
    display: inline-grid !important;
    width: 42px !important;
    height: 38px !important;
    place-items: center !important;
    border: 1px solid rgba(159, 178, 209, 0.28) !important;
    border-radius: 7px !important;
    background: rgba(10, 18, 32, 0.92) !important;
    color: #dbe7fb !important;
    font-size: 28px !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.mh-open-weekdays,
.mh-open-calendar-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    min-width: 0 !important;
    width: 100% !important;
}

.mh-open-weekdays span {
    padding: 12px 8px !important;
    border: 1px solid rgba(159, 178, 209, 0.18) !important;
    border-bottom: 0 !important;
    background: rgba(10, 18, 32, 0.96) !important;
    color: rgba(219, 231, 251, 0.78) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.mh-open-weekdays span:first-child {
    color: #ff8c8c !important;
}

.mh-open-weekdays span:last-child {
    color: #72a7ff !important;
}

.mh-open-day {
    min-height: 138px !important;
    padding: 10px !important;
    border: 1px solid rgba(159, 178, 209, 0.14) !important;
    background: rgba(6, 16, 30, 0.74) !important;
}

.mh-open-day.is-muted {
    background: rgba(6, 16, 30, 0.38) !important;
}

.mh-open-day.is-today {
    background: rgba(79, 141, 255, 0.08) !important;
    box-shadow: inset 0 0 0 1px rgba(79, 141, 255, 0.34) !important;
}

.mh-open-day-number {
    display: flex !important;
    justify-content: flex-end !important;
    margin-bottom: 9px !important;
}

.mh-open-day-number span {
    display: inline-flex !important;
    min-width: 30px !important;
    height: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 7px !important;
    background: rgba(10, 18, 32, 0.9) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-open-day.is-muted .mh-open-day-number span {
    color: rgba(219, 231, 251, 0.42) !important;
}

.mh-open-day-items {
    display: grid !important;
    gap: 6px !important;
}

.mh-open-server-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    gap: 5px !important;
    min-width: 0 !important;
}

.mh-open-server-remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 100% !important;
    padding: 0 8px !important;
    border: 1px solid rgba(255, 91, 122, 0.42) !important;
    border-radius: 7px !important;
    background: rgba(255, 91, 122, 0.12) !important;
    color: #ff9bad !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.mh-open-server-remove.is-removing {
    opacity: 0.72 !important;
    pointer-events: none !important;
}

.mh-open-server-remove:hover,
.mh-open-server-remove:focus {
    background: rgba(255, 91, 122, 0.22) !important;
    color: #ffffff !important;
}

.mh-open-server {
    display: grid !important;
    gap: 3px !important;
    overflow: visible !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 8px 9px !important;
    border: 1px solid rgba(var(--mh-open-server-shadow-rgb, 79, 141, 255), 0.34) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(var(--mh-open-server-shadow-rgb, 79, 141, 255), 0.3), rgba(var(--mh-open-server-shadow-rgb, 33, 82, 170), 0.16)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 1px rgba(var(--mh-open-server-shadow-rgb, 79, 141, 255), 0.18), 0 8px 18px rgba(var(--mh-open-server-shadow-rgb, 0, 0, 0), 0.28) !important;
    color: var(--mh-open-server-text, #ffffff) !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.mh-open-server-title,
.mh-open-server-description,
.mh-open-server-time {
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.mh-open-server-title {
    color: var(--mh-open-server-text, #ffffff) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.mh-open-server-description {
    display: grid !important;
    gap: 1px !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.mh-open-server-description span {
    display: block !important;
    min-height: 1.25em !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.mh-open-server-time {
    color: #9fd9ff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

a.mh-open-server:hover,
a.mh-open-server:focus {
    border-color: rgba(var(--mh-open-server-shadow-rgb, 79, 141, 255), 0.72) !important;
    background: linear-gradient(180deg, rgba(var(--mh-open-server-shadow-rgb, 79, 141, 255), 0.42), rgba(var(--mh-open-server-shadow-rgb, 33, 82, 170), 0.26)) !important;
    color: var(--mh-open-server-text, #ffffff) !important;
}

.mh-open-day-items em {
    color: rgba(219, 231, 251, 0.58) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    text-align: right !important;
}

.mh-open-calendar-more {
    display: flex !important;
    justify-content: center !important;
    padding: 44px 0 6px !important;
}

.mh-open-calendar-more a {
    display: inline-flex !important;
    min-width: 154px !important;
    height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(0, 195, 255, 0.9) !important;
    border-radius: 8px !important;
    background: rgba(0, 135, 210, 0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 22px rgba(0, 195, 255, 0.08) !important;
    color: #00c8ff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.mh-open-calendar-more a:hover,
.mh-open-calendar-more a:focus {
    background: rgba(0, 169, 240, 0.18) !important;
    color: #ffffff !important;
}

@media (max-width: 860px) {
    .mh-open-schedule-page {
        width: calc(100vw - 16px) !important;
        max-width: none !important;
        margin-top: 18px !important;
    }

    .mh-open-hero,
    .mh-open-register {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    .mh-open-hero {
        display: grid !important;
        padding: 18px !important;
    }

    .mh-open-register form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mh-open-register label:not(.mh-open-color-field),
    .mh-open-register button {
        grid-column: 1 / -1 !important;
    }

    .mh-open-register-open {
        max-width: none !important;
    }

    .mh-open-register-fields {
        grid-template-columns: 1fr !important;
    }

    .mh-open-calendar {
        overflow-x: hidden !important;
        overflow-y: visible !important;
        padding: 10px !important;
    }

    .mh-open-weekdays,
    .mh-open-calendar-grid {
        min-width: 0 !important;
        width: 100% !important;
    }

    .mh-open-weekdays span {
        padding: 9px 3px !important;
        font-size: 12px !important;
    }

    .mh-open-day {
        min-height: 128px !important;
        padding: 6px !important;
    }

    .mh-open-day-number {
        margin-bottom: 6px !important;
    }

    .mh-open-day-number span {
        min-width: 24px !important;
        height: 22px !important;
        font-size: 11px !important;
    }

    .mh-open-day-items {
        gap: 4px !important;
    }

    .mh-open-server-row {
        gap: 3px !important;
    }

    .mh-open-server {
        padding: 6px 5px !important;
        font-size: 11px !important;
    }

    .mh-open-server-remove {
        min-width: 34px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
    }

    .mh-open-calendar-more {
        padding-top: 28px !important;
    }

    .mh-open-calendar-more a {
        min-width: 128px !important;
        height: 46px !important;
        font-size: 20px !important;
    }
}

@media (max-width: 420px) {
    .mh-open-register form {
        grid-template-columns: 1fr !important;
    }

    .mh-open-color-field {
        grid-column: 1 / -1 !important;
    }

    .mh-open-schedule-page {
        width: calc(100vw - 10px) !important;
        gap: 12px !important;
        margin-top: 12px !important;
    }

    .mh-open-hero,
    .mh-open-register {
        padding: 14px !important;
    }

    .mh-open-calendar {
        padding: 6px !important;
    }

    .mh-open-calendar-head {
        grid-template-columns: 34px 1fr 34px !important;
        gap: 6px !important;
    }

    .mh-open-calendar-head a {
        width: 34px !important;
        height: 34px !important;
        font-size: 22px !important;
    }

    .mh-open-calendar-head strong {
        font-size: 15px !important;
    }

    .mh-open-weekdays span {
        padding: 8px 1px !important;
        font-size: 11px !important;
    }

    .mh-open-day {
        min-height: 118px !important;
        padding: 4px !important;
    }

    .mh-open-day-number {
        justify-content: center !important;
        margin-bottom: 4px !important;
    }

    .mh-open-day-number span {
        min-width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
    }

    .mh-open-server-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .mh-open-server {
        padding: 5px 3px !important;
        font-size: 10px !important;
    }

    .mh-open-server-remove {
        min-height: 22px !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape), (max-width: 1024px) and (max-height: 560px) {
    html body .mh-mobile-flow-widget .mh-partner-banner-card img,
    html body .mh-home-left-panel .mh-partner-banner-card img,
    html body .mh-home-right-panel .mh-partner-banner-card img {
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        object-fit: fill !important;
    }
}

@media (max-width: 720px) and (orientation: portrait) {
    html body.mh-open-schedule-body,
    html body.mh-open-schedule-body #wrapper,
    html body.mh-open-schedule-body .mh-wrapper,
    html body.mh-open-schedule-body .mh-global-side-layout,
    html body.mh-open-schedule-body .mh-global-main-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow-x: hidden !important;
    }

    html body.mh-open-schedule-body .mh-open-schedule-page {
        width: min(100%, calc(100vw - 12px)) !important;
        max-width: 100% !important;
        margin: 12px auto 34px !important;
        justify-items: center !important;
    }

    html body.mh-open-schedule-body .mh-open-hero,
    html body.mh-open-schedule-body .mh-open-register,
    html body.mh-open-schedule-body .mh-open-calendar {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    html body.mh-open-schedule-body .mh-open-calendar {
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    html body.mh-open-schedule-body .mh-open-weekdays,
    html body.mh-open-schedule-body .mh-open-calendar-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    }

    html body.mh-open-schedule-body .mh-open-day {
        display: grid !important;
        min-width: 0 !important;
        justify-items: center !important;
        overflow: visible !important;
        text-align: center !important;
    }

    html body .mh-open-day-number,
    html body .mh-open-day-items {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        justify-items: center !important;
    }

    html body .mh-open-server-row {
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: center !important;
    }

    html body .mh-open-server {
        display: grid !important;
        align-items: center !important;
        justify-content: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    html body .mh-open-server-remove {
        width: 100% !important;
        min-height: 22px !important;
    }
}

.mh-open-mobile-list {
    display: none !important;
}

.mh-open-mobile-day {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    border: 1px solid rgba(159, 178, 209, 0.16) !important;
    border-radius: 8px !important;
    background: rgba(6, 16, 30, 0.74) !important;
}

.mh-open-mobile-day.is-muted {
    background: rgba(6, 16, 30, 0.42) !important;
}

.mh-open-mobile-day.is-today {
    border-color: rgba(79, 141, 255, 0.42) !important;
    background: rgba(79, 141, 255, 0.08) !important;
}

.mh-open-mobile-date {
    display: grid !important;
    align-content: start !important;
    justify-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    padding-top: 2px !important;
}

.mh-open-mobile-date strong {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.mh-open-mobile-date span {
    display: inline-flex !important;
    min-width: 28px !important;
    height: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 7px !important;
    background: rgba(10, 18, 32, 0.9) !important;
    color: rgba(219, 231, 251, 0.78) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-open-mobile-items {
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.mh-open-mobile-items > em {
    align-self: center !important;
    min-height: 38px !important;
    padding: 11px 12px !important;
    border: 1px dashed rgba(159, 178, 209, 0.16) !important;
    border-radius: 7px !important;
    color: rgba(219, 231, 251, 0.5) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

@media (max-width: 720px) {
    html body.mh-open-schedule-body .mh-open-weekdays,
    html body.mh-open-schedule-body .mh-open-calendar-grid {
        display: none !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-list {
        display: grid !important;
        width: 100% !important;
        gap: 10px !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-day {
        grid-template-columns: 62px minmax(0, 1fr) !important;
        align-items: start !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 10px !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-date strong {
        font-size: 14px !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-date span {
        min-width: 24px !important;
        height: 22px !important;
        font-size: 11px !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items {
        width: 100% !important;
        min-width: 0 !important;
        justify-items: stretch !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-row {
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        justify-items: stretch !important;
        gap: 6px !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server {
        width: 100% !important;
        max-width: 100% !important;
        padding: 9px 10px !important;
        text-align: left !important;
        overflow: hidden !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-title,
    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-description,
    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-description span,
    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-time {
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: break-word !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-title {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-description {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-time {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-remove {
        width: auto !important;
        min-width: 42px !important;
        min-height: 100% !important;
        padding: 0 8px !important;
    }
}

@media (max-width: 420px) {
    html body.mh-open-schedule-body .mh-open-mobile-day {
        grid-template-columns: 54px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 9px !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-date strong {
        font-size: 13px !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body.mh-open-schedule-body .mh-open-mobile-items .mh-open-server-remove {
        width: 100% !important;
        min-height: 26px !important;
    }
}

/* Admin contact widget and settings modal. */
.mh-admin-contact-kakao {
    --mh-contact-start: rgba(79, 141, 255, 0.92);
    --mh-contact-end: rgba(8, 43, 108, 0.96);
}

.mh-admin-contact-discord {
    --mh-contact-start: rgba(88, 101, 242, 0.92);
    --mh-contact-end: rgba(28, 40, 118, 0.96);
}

.mh-admin-contact-telegram {
    --mh-contact-start: rgba(45, 166, 229, 0.92);
    --mh-contact-end: rgba(8, 72, 128, 0.96);
}

html body a.mh-admin-contact-button {
    background-image:
        linear-gradient(135deg, var(--mh-contact-start, rgba(79, 141, 255, 0.92)), var(--mh-contact-end, rgba(8, 43, 108, 0.96))),
        var(--mh-contact-bg, radial-gradient(circle at 18% 0%, rgba(143, 216, 255, 0.22), transparent 42%)) !important;
    background-position: center !important;
    background-size: cover !important;
}

.mh-admin-contact-choice {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.mh-admin-contact-choice:hover,
.mh-admin-contact-choice:focus-within {
    z-index: 1000 !important;
    margin-bottom: calc(50% + 22px) !important;
}

.mh-admin-contact-choice.mh-admin-contact-choice-clicked {
    margin-bottom: 0 !important;
}

.mh-admin-contact-choice::before {
    display: none !important;
}

.mh-admin-contact-choice-toggle {
    position: relative !important;
    display: inline-flex !important;
    width: 100% !important;
    height: 100% !important;
    min-height: inherit !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(143, 216, 255, 0.72) !important;
    border-radius: 8px !important;
    background-image:
        linear-gradient(135deg, var(--mh-contact-start, rgba(79, 141, 255, 0.92)), var(--mh-contact-end, rgba(8, 43, 108, 0.96))),
        var(--mh-contact-bg, radial-gradient(circle at 18% 0%, rgba(143, 216, 255, 0.22), transparent 42%)) !important;
    background-position: center !important;
    background-size: cover !important;
    color: #ffffff !important;
    cursor: pointer !important;
    list-style: none !important;
    box-shadow: 0 10px 28px rgba(6, 38, 105, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    text-align: center !important;
}

.mh-admin-contact-choice-toggle::-webkit-details-marker {
    display: none !important;
}

.mh-admin-contact-choice-toggle::before {
    position: absolute !important;
    inset: 0 !important;
    content: "" !important;
    background: linear-gradient(180deg, rgba(2, 6, 18, 0.08), rgba(2, 6, 18, 0.42)) !important;
    pointer-events: none !important;
}

.mh-admin-contact-choice:hover .mh-admin-contact-choice-toggle,
.mh-admin-contact-choice:focus-within .mh-admin-contact-choice-toggle,
.mh-admin-contact-choice-toggle:hover,
.mh-admin-contact-choice-toggle:focus {
    border-color: rgba(255, 255, 255, 0.9) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 34px rgba(42, 96, 205, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.mh-admin-contact-choice-menu {
    position: absolute !important;
    z-index: 20 !important;
    top: calc(100% - 1px) !important;
    bottom: auto !important;
    right: 0 !important;
    left: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 8px !important;
    border: 1px solid rgba(143, 216, 255, 0.36) !important;
    border-radius: 8px !important;
    background: rgba(5, 14, 33, 0.98) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-6px) !important;
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease !important;
    visibility: hidden !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
}

.mh-admin-contact-choice-menu::before {
    position: absolute !important;
    right: 0 !important;
    bottom: 100% !important;
    left: 0 !important;
    height: 10px !important;
    content: "" !important;
}

.mh-admin-contact-choice:hover:not(.mh-admin-contact-choice-clicked) .mh-admin-contact-choice-menu,
.mh-admin-contact-choice:focus-within:not(.mh-admin-contact-choice-clicked) .mh-admin-contact-choice-menu {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    visibility: visible !important;
}

.mh-admin-contact-choice-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid rgba(143, 216, 255, 0.22) !important;
    border-radius: 7px !important;
    background: rgba(11, 31, 66, 0.92) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.mh-admin-contact-choice-link img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
}

.mh-admin-contact-choice-link:hover,
.mh-admin-contact-choice-link:focus {
    border-color: rgba(143, 216, 255, 0.7) !important;
    background: rgba(21, 60, 124, 0.96) !important;
}

.mh-admin-contact-choice-link strong {
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mh-admin-contact-choice-link span {
    color: #8fd8ff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.mh-home-contact-modal-panel {
    width: min(760px, calc(100vw - 32px)) !important;
}

.mh-home-basic-modal-panel {
    width: min(720px, calc(100vw - 32px)) !important;
}

.mh-home-point-game-modal-panel {
    width: min(1120px, calc(100vw - 32px)) !important;
}

.mh-home-member-level-modal-panel {
    width: min(1060px, calc(100vw - 32px)) !important;
}

.mh-home-current-member-modal-panel {
    width: min(720px, calc(100vw - 32px)) !important;
}

.mh-home-data-point-modal-panel {
    width: min(920px, calc(100vw - 32px)) !important;
}

.mh-home-enhance-ranking-modal-panel {
    width: min(720px, calc(100vw - 32px)) !important;
}

.mh-home-contact-modal-body,
.mh-home-basic-modal-body,
.mh-home-point-game-modal-body,
.mh-home-member-level-modal-body,
.mh-home-current-member-modal-body,
.mh-home-data-point-modal-body,
.mh-home-enhance-ranking-modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    overflow-y: auto !important;
    max-height: none !important;
    padding: 18px 22px !important;
}

.mh-home-basic-modal-body {
    grid-template-columns: 1fr !important;
}

.mh-home-setting-divider {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 6px 0 2px !important;
    color: #fff1bd !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mh-home-setting-divider::before,
.mh-home-setting-divider::after {
    content: "" !important;
    flex: 1 1 auto !important;
    border-top: 1px dashed rgba(255, 214, 102, 0.48) !important;
}

.mh-home-setting-divider span {
    flex: 0 0 auto !important;
    color: #fff1bd !important;
    white-space: nowrap !important;
}

.mh-home-point-game-modal-body {
    display: block !important;
}

.mh-home-point-game-modal-body .mh-home-enhance-ranking-modal-body {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    overflow: visible !important;
    padding: 0 !important;
}

.mh-home-member-level-modal-body {
    display: block !important;
}

.mh-home-data-access-grid {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    min-width: 0 !important;
}

.mh-home-data-reward-grid {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    min-width: 0 !important;
}

.mh-home-data-reward-grid label {
    position: relative !important;
}

.mh-home-data-reward-grid input {
    padding-right: 58px !important;
}

.mh-home-data-access-grid label {
    position: relative !important;
}

.mh-home-data-access-grid input {
    padding-right: 60px !important;
}

.mh-home-data-access-grid label em {
    position: absolute !important;
    right: 12px !important;
    bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 42px !important;
    color: rgba(143, 216, 255, 0.72) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    pointer-events: none !important;
}

.mh-home-data-advanced-toggle {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px 14px !important;
    padding: 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(6, 18, 37, 0.72) !important;
}

.mh-home-data-advanced-toggle > span {
    color: #edf4ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.mh-home-data-advanced-toggle > em {
    grid-column: 1 / -1 !important;
    color: rgba(219, 231, 251, 0.68) !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 1.45 !important;
}

.mh-home-data-toggle-buttons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px !important;
    border: 1px solid rgba(92, 143, 220, 0.28) !important;
    border-radius: 8px !important;
    background: #061225 !important;
}

.mh-home-data-toggle-buttons label {
    display: block !important;
}

.mh-home-data-toggle-buttons input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.mh-home-data-toggle-buttons label span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 58px !important;
    height: 32px !important;
    padding: 0 14px !important;
    border-radius: 6px !important;
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.mh-home-data-toggle-buttons input:checked + span {
    background: rgba(79, 141, 255, 0.22) !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(143, 216, 255, 0.42) !important;
}

.mh-home-data-reward-grid label em {
    position: absolute !important;
    right: 12px !important;
    bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 42px !important;
    color: rgba(143, 216, 255, 0.72) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    pointer-events: none !important;
}

.mh-home-contact-modal-body label,
.mh-home-basic-modal-body label,
.mh-home-member-level-modal-body label,
.mh-home-current-member-modal-body label,
.mh-home-data-point-modal-body label,
.mh-home-enhance-ranking-modal-body label {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
}

.mh-home-contact-modal-body label span,
.mh-home-basic-modal-body label span,
.mh-home-member-level-modal-body label span,
.mh-home-current-member-modal-body label span,
.mh-home-data-point-modal-body label span,
.mh-home-enhance-ranking-modal-body label span {
    color: rgba(219, 231, 251, 0.78) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-home-contact-modal-body input,
.mh-home-contact-modal-body select,
.mh-home-basic-modal-body input,
.mh-home-basic-modal-body select,
.mh-home-member-level-modal-body input,
.mh-home-member-level-modal-body select,
.mh-home-current-member-modal-body input,
.mh-home-current-member-modal-body select,
.mh-home-data-point-modal-body input,
.mh-home-data-point-modal-body select,
.mh-home-enhance-ranking-modal-body input,
.mh-home-enhance-ranking-modal-body select {
    width: 100% !important;
    height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(159, 178, 209, 0.28) !important;
    border-radius: 7px !important;
    background: #061225 !important;
    color: #ffffff !important;
}

.mh-home-contact-modal-body input[type="file"] {
    padding: 8px 12px !important;
}

.mh-home-data-point-modal-body .mh-home-data-access-grid input {
    padding-right: 60px !important;
}

html body .mh-home-data-point-modal-body .mh-home-data-toggle-buttons label {
    display: block !important;
    gap: 0 !important;
    min-width: 0 !important;
}

html body .mh-home-data-point-modal-body .mh-home-data-toggle-buttons input {
    position: absolute !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body .mh-home-data-point-modal-body .mh-home-data-toggle-buttons label span {
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 13px !important;
}

.mh-home-contact-wide,
.mh-home-contact-preview,
.mh-home-current-member-wide,
.mh-home-current-member-preview,
.mh-home-data-point-preview,
.mh-home-enhance-ranking-preview {
    grid-column: 1 / -1 !important;
}

.mh-home-point-game-modal-body .mh-point-game-admin-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mh-home-point-game-modal-body .mh-point-game-admin-card.is-enhance {
    grid-column: 1 / -1 !important;
}

.mh-member-level-admin-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
}

.mh-member-level-admin-summary label {
    padding: 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(6, 18, 37, 0.72) !important;
}

.mh-member-level-admin-summary em {
    color: rgba(159, 178, 209, 0.76) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

.mh-member-level-benefit-box {
    margin: 0 0 14px !important;
    padding: 16px !important;
    border: 1px solid rgba(143, 216, 255, 0.28) !important;
    border-radius: 8px !important;
    background: rgba(5, 14, 30, 0.86) !important;
}

.mh-member-level-benefit-box legend {
    padding: 0 8px !important;
    color: #8fd8ff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.mh-member-level-benefit-box label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 6px 18px 6px 0 !important;
    color: #dbe7fb !important;
    font-weight: 800 !important;
}

.mh-member-level-benefit-box input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    accent-color: #4f8dff !important;
}

.mh-member-level-rule-table {
    overflow-x: auto !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(3, 10, 22, 0.74) !important;
}

.mh-member-level-rule-head,
.mh-member-level-rule-row {
    display: grid !important;
    grid-template-columns: 88px repeat(4, minmax(112px, 1fr)) !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 720px !important;
    padding: 10px 12px !important;
}

.mh-member-level-rule-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    background: rgba(20, 34, 56, 0.98) !important;
    color: #8fd8ff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.mh-member-level-rule-row {
    border-top: 1px solid rgba(159, 178, 209, 0.14) !important;
}

.mh-member-level-rule-row strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.mh-member-level-rule-row label span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

.mh-member-level-icon {
    display: inline-block !important;
    width: 28px !important;
    height: 28px !important;
    margin: -3px 5px 0 0 !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}

.mh-new-member-cell {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
}

.mh-new-member-cell .mh-member-level-icon {
    flex: 0 0 auto !important;
    margin: -3px 5px 0 0 !important;
}

.mh-current-member-name,
.mh-new-member-cell strong {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.mh-current-member-name .mh-current-member-nick {
    display: inline-block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.mh-current-member-name .mh-member-level-icon,
.mh-new-member-cell strong .mh-member-level-icon,
.sv_member .mh-member-level-icon,
.sideview_name .mh-member-level-icon {
    flex: 0 0 auto !important;
}

.sv_wrap .mh-member-level-icon,
.sideview .mh-member-level-icon {
    pointer-events: none !important;
}

.mh-has-member-level-icon .mh-current-member-crown {
    display: none !important;
}

html body .mh-current-member-card img.mh-member-level-icon,
html body .mh-current-connect-page img.mh-member-level-icon,
html body .mh-mobile-flow-widget img.mh-member-level-icon {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
    object-fit: contain !important;
}

@media (max-width: 640px) {
    html body .mh-current-member-card img.mh-member-level-icon,
    html body .mh-current-connect-page img.mh-member-level-icon,
    html body .mh-mobile-flow-widget img.mh-member-level-icon {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        flex-basis: 18px !important;
        margin: -1px 4px 0 0 !important;
    }
}

@media (max-width: 640px) {
    .mh-current-member-card .mh-current-member-info {
        overflow: hidden !important;
    }

    .mh-current-member-card .mh-current-member-name {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .mh-current-member-card .mh-current-member-name .mh-member-level-icon {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 0 0 18px !important;
        transform: none !important;
    }

    .mh-current-member-card .mh-current-member-name .mh-current-member-nick {
        max-width: calc(100% - 24px) !important;
    }
}

.mh-current-member-info .mh-current-member-name,
.mh-current-connect-item .mh-current-member-name {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
}

.mh-current-member-info .mh-current-member-name .mh-current-member-nick,
.mh-current-connect-item .mh-current-member-name .mh-current-member-nick {
    display: inline-block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.mh-current-member-name .mh-current-member-nick-text {
    display: inline-block !important;
    min-width: max-content !important;
    white-space: nowrap !important;
}

@media (max-width: 640px) {
    .mh-current-member-card .mh-current-member-name.mh-mobile-nick-toggle-ready,
    .mh-current-connect-page .mh-current-member-name.mh-mobile-nick-toggle-ready {
        transition: none !important;
    }

    .mh-current-member-card .mh-current-member-name.mh-mobile-nick-toggle-ready.is-nick-only .mh-member-level-icon,
    .mh-current-connect-page .mh-current-member-name.mh-mobile-nick-toggle-ready.is-nick-only .mh-member-level-icon {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .mh-current-member-card .mh-current-member-name.mh-mobile-nick-toggle-ready.is-nick-only .mh-current-member-nick,
    .mh-current-connect-page .mh-current-member-name.mh-mobile-nick-toggle-ready.is-nick-only .mh-current-member-nick {
        max-width: 100% !important;
    }

    .mh-current-member-card .mh-current-member-name.mh-mobile-nick-toggle-ready.is-nick-only .mh-current-member-nick-text,
    .mh-current-connect-page .mh-current-member-name.mh-mobile-nick-toggle-ready.is-nick-only .mh-current-member-nick-text {
        transform: none !important;
    }
}

.mh-home-contact-preview,
.mh-home-current-member-preview,
.mh-home-data-point-preview,
.mh-home-enhance-ranking-preview {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 58px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(143, 216, 255, 0.32) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, rgba(79, 141, 255, 0.24), rgba(6, 20, 43, 0.96)) !important;
}

.mh-home-contact-preview strong,
.mh-home-current-member-preview strong,
.mh-home-data-point-preview strong,
.mh-home-enhance-ranking-preview strong {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.mh-home-contact-preview span,
.mh-home-current-member-preview span,
.mh-home-data-point-preview span,
.mh-home-enhance-ranking-preview span {
    color: #8fd8ff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.mh-home-data-point-modal-body label em,
.mh-home-enhance-ranking-modal-body label em {
    color: rgba(159, 178, 209, 0.76) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

@media (max-width: 720px) {
    .mh-home-settings-button-grid,
    .mh-home-contact-modal-body,
    .mh-home-basic-modal-body,
    .mh-home-member-level-modal-body,
    .mh-home-current-member-modal-body,
    .mh-home-data-point-modal-body,
    .mh-home-enhance-ranking-modal-body {
        grid-template-columns: 1fr !important;
    }

    .mh-member-level-admin-summary {
        grid-template-columns: 1fr !important;
    }

    .mh-member-level-benefit-box label {
        display: flex !important;
        margin-right: 0 !important;
    }

    .mh-home-point-game-modal-body .mh-point-game-admin-list {
        grid-template-columns: 1fr !important;
    }

    .mh-home-data-access-grid,
    .mh-home-data-reward-grid {
        grid-template-columns: 1fr !important;
    }
}
/* Memo popup cleanup */
html body.mh-memo-page {
    min-width: 0 !important;
    margin: 0 !important;
    background: #050b16 !important;
    color: #dbe7fb !important;
}

html body.mh-memo-page .new_win,
html body.mh-memo-page .mbskin,
html body.mh-memo-page #memo,
html body.mh-memo-page #memo_list,
html body.mh-memo-page #memo_view,
html body.mh-memo-page .new_win_con {
    box-sizing: border-box !important;
    width: min(100%, 620px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 16px !important;
    border: 0 !important;
    background: #050b16 !important;
    color: #dbe7fb !important;
}

html body.mh-memo-page h1,
html body.mh-memo-page h2,
html body.mh-memo-page h3 {
    margin: 0 0 14px !important;
    color: #ffffff !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

html body.mh-memo-page ul,
html body.mh-memo-page ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html body.mh-memo-page li::marker {
    content: none !important;
}

html body.mh-memo-page .mh-memo-hidden {
    display: none !important;
}

html body.mh-memo-page a {
    color: #dbe7fb !important;
    text-decoration: none !important;
}

html body.mh-memo-page .mh-memo-tab-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    margin: 0 6px 10px 0 !important;
    padding: 0 14px !important;
    border: 1px solid rgba(79, 141, 255, 0.48) !important;
    border-radius: 7px !important;
    background: rgba(79, 141, 255, 0.12) !important;
    color: #dff3ff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

html body.mh-memo-page .mh-memo-tab-link:hover,
html body.mh-memo-page .mh-memo-tab-link:focus {
    border-color: rgba(113, 255, 215, 0.62) !important;
    color: #71ffd7 !important;
}

html body.mh-memo-page table,
html body.mh-memo-page tbody,
html body.mh-memo-page tr,
html body.mh-memo-page td,
html body.mh-memo-page th {
    border-color: rgba(159, 178, 209, 0.16) !important;
    background: transparent !important;
    color: #dbe7fb !important;
}

html body.mh-memo-page table,
html body.mh-memo-page .tbl_head01,
html body.mh-memo-page .tbl_wrap,
html body.mh-memo-page .memo_list,
html body.mh-memo-page .memo_view,
html body.mh-memo-page .win_desc,
html body.mh-memo-page .win_btn,
html body.mh-memo-page .list_01,
html body.mh-memo-page .list_02 {
    overflow: hidden !important;
    margin: 0 0 12px !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(8, 18, 34, 0.88) !important;
    box-shadow: none !important;
}

html body.mh-memo-page .tbl_head01 td,
html body.mh-memo-page .tbl_head01 th,
html body.mh-memo-page .list_01 li,
html body.mh-memo-page .list_02 li,
html body.mh-memo-page .memo_list li {
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(159, 178, 209, 0.12) !important;
    background: transparent !important;
}

html body.mh-memo-list-page .memo_list li,
html body.mh-memo-list-page .list_01 li,
html body.mh-memo-list-page .list_02 li,
html body.mh-memo-list-page .tbl_head01 td {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

html body.mh-memo-list-page .sv_wrap .sv,
html body.mh-memo-list-page a[href*="memo_form.php"],
html body.mh-memo-list-page a[href*="formmail.php"],
html body.mh-memo-list-page a[href*="profile.php"],
html body.mh-memo-list-page a[href*="new.php"][href*="mb_id"],
html body.mh-memo-list-page a[href*="register_form.php"],
html body.mh-memo-list-page a[href*="point.php"] {
    display: none !important;
}

html body.mh-memo-page img[src*="no_profile"],
html body.mh-memo-page img[src*="member"],
html body.mh-memo-view-page .profile_img,
html body.mh-memo-view-page .sv_wrap img {
    display: none !important;
}

html body.mh-memo-view-page .mh-memo-view-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    padding: 12px !important;
    border: 1px solid rgba(79, 141, 255, 0.36) !important;
    border-radius: 8px !important;
    background: rgba(8, 18, 34, 0.94) !important;
}

html body.mh-memo-view-page .mh-memo-view-summary strong {
    display: flex !important;
    min-width: 0 !important;
    gap: 8px !important;
    align-items: center !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.mh-memo-view-page .mh-memo-view-summary strong span {
    flex: 0 0 auto !important;
    color: rgba(219, 231, 251, 0.62) !important;
    font-size: 12px !important;
}

html body.mh-memo-view-page .mh-memo-view-send,
html body.mh-memo-view-page .mh-memo-view-delete {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

html body.mh-memo-view-page .mh-memo-view-send {
    border: 1px solid rgba(113, 255, 215, 0.48) !important;
    background: rgba(12, 94, 77, 0.2) !important;
    color: #71ffd7 !important;
}

html body.mh-memo-view-page .mh-memo-view-delete {
    border: 1px solid rgba(255, 91, 122, 0.5) !important;
    background: rgba(255, 91, 122, 0.14) !important;
    color: #ffb4c2 !important;
}

html body.mh-memo-view-page .memo_view,
html body.mh-memo-view-page #memo_view,
html body.mh-memo-view-page .view_text,
html body.mh-memo-view-page .memo_view_contents {
    padding: 14px !important;
    border: 1px solid rgba(159, 178, 209, 0.22) !important;
    border-radius: 8px !important;
    background: rgba(8, 18, 34, 0.88) !important;
    color: #dbe7fb !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

html body.mh-memo-view-page #memo_view .memo_view_contents,
html body.mh-memo-view-page #memo_view .view_text,
html body.mh-memo-view-page #memo_view .memo_content,
html body.mh-memo-view-page #memo_view .memo_con,
html body.mh-memo-view-page #memo_view .memo_txt,
html body.mh-memo-view-page #memo_view dd,
html body.mh-memo-view-page #memo_view article,
html body.mh-memo-view-page #memo_view section,
html body.mh-memo-view-page #memo_view > div:not(.mh-memo-view-summary):not(.win_btn):not(.btn_confirm),
html body.mh-memo-view-page .memo_view .memo_view_contents,
html body.mh-memo-view-page .memo_view .view_text,
html body.mh-memo-view-page .memo_view .memo_content,
html body.mh-memo-view-page .memo_view .memo_con,
html body.mh-memo-view-page .memo_view .memo_txt {
    min-height: 120px !important;
    border-color: rgba(159, 178, 209, 0.18) !important;
    background: rgba(8, 18, 34, 0.92) !important;
    color: #dbe7fb !important;
}

html body.mh-memo-view-page #memo_view .memo_view_contents *,
html body.mh-memo-view-page #memo_view .view_text *,
html body.mh-memo-view-page #memo_view .memo_content *,
html body.mh-memo-view-page #memo_view .memo_con *,
html body.mh-memo-view-page #memo_view .memo_txt *,
html body.mh-memo-view-page .memo_view .memo_view_contents *,
html body.mh-memo-view-page .memo_view .view_text *,
html body.mh-memo-view-page .memo_view .memo_content *,
html body.mh-memo-view-page .memo_view .memo_con *,
html body.mh-memo-view-page .memo_view .memo_txt * {
    background-color: transparent !important;
    color: inherit !important;
}

html body.mh-memo-view-page .mh-force-dark-surface,
html body.mh-register-page .mh-force-dark-surface {
    background: rgba(8, 18, 34, 0.94) !important;
    background-color: rgba(8, 18, 34, 0.94) !important;
    color: #dbe7fb !important;
    border-color: rgba(159, 178, 209, 0.22) !important;
    box-shadow: none !important;
}

html body.mh-memo-page .win_btn,
html body.mh-memo-page .btn_confirm {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    padding: 10px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body.mh-memo-page .win_btn a,
html body.mh-memo-page .win_btn button,
html body.mh-memo-page .btn_confirm a,
html body.mh-memo-page .btn_confirm button,
html body.mh-memo-page .btn_submit,
html body.mh-memo-page .btn_close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(92, 143, 220, 0.3) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #dbe7fb !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

html body.mh-memo-view-page .mh-memo-view-list {
    width: auto !important;
    height: auto !important;
    min-width: 76px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-color: rgba(79, 141, 255, 0.48) !important;
    background: rgba(79, 141, 255, 0.12) !important;
    color: #dff3ff !important;
}

html body.mh-memo-page .win_desc,
html body.mh-memo-page .memo_notice,
html body.mh-memo-page p {
    color: rgba(219, 231, 251, 0.82) !important;
}

@media (max-width: 480px) {
    html body.mh-memo-view-page .mh-memo-view-summary {
        grid-template-columns: 1fr !important;
    }
}

@keyframes mhMemoUnreadPulseFinal {
    0%, 100% {
        background: #b9102f;
        border-color: #ff6f88;
        box-shadow: 0 0 0 rgba(255, 36, 79, 0);
        color: #ffffff;
    }
    50% {
        background: #ff244f;
        border-color: #ffffff;
        box-shadow: 0 0 18px rgba(255, 36, 79, 0.9);
        color: #ffffff;
    }
}

@keyframes mhMemoBadgePulseFinal {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 6px rgba(255, 255, 255, 0.35);
    }
    50% {
        transform: scale(1.2);
        box-shadow: 0 0 14px rgba(255, 255, 255, 0.9);
    }
}

.mh-menu-user .mh-user-memo-link.mh-memo-alert-active,
.mh-mobile-menu-user .mh-user-memo-link.mh-memo-alert-active,
.mh-user-memo-link.mh-memo-alert-active {
    background: #d71943 !important;
    border-color: #ff8fa1 !important;
    color: #ffffff !important;
    animation: mhMemoUnreadPulseFinal 0.9s ease-in-out infinite !important;
}

.mh-user-memo-link.mh-memo-alert-active .mh-user-memo-count {
    display: inline-grid !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    place-items: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    background: #ffffff !important;
    color: #d71943 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    animation: mhMemoBadgePulseFinal 0.9s ease-in-out infinite !important;
}
html body.mh-current-connect-page .mh-current-connect-hidden {
    display: none !important;
}

html body.mh-current-connect-page .mh-current-connect-memo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html body.mh-member-confirm-page,
html body.mh-member-confirm-page #wrapper,
html body.mh-member-confirm-page #container,
html body.mh-member-confirm-page #content {
    background: #050b18 !important;
    color: #dbe7fb !important;
}

html body.mh-member-confirm-page #member_confirm {
    width: min(100%, 1240px) !important;
    margin: 36px auto 72px !important;
    padding: 0 16px !important;
    color: #dbe7fb !important;
}

html body.mh-member-confirm-page #member_confirm h1,
html body.mh-member-confirm-page #member_confirm h2 {
    margin: 0 !important;
    padding: 26px 24px 10px !important;
    border: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    background: rgba(8, 18, 34, 0.96) !important;
    color: #ffffff !important;
    font-size: clamp(26px, 3vw, 34px) !important;
    font-weight: 1000 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
}

html body.mh-member-confirm-page #member_confirm p,
html body.mh-member-confirm-page #member_confirm .frm_info,
html body.mh-member-confirm-page #member_confirm .win_desc,
html body.mh-member-confirm-page #member_confirm .local_desc {
    margin: 0 !important;
    padding: 0 24px 22px !important;
    border-right: 1px solid rgba(92, 143, 220, 0.22) !important;
    border-left: 1px solid rgba(92, 143, 220, 0.22) !important;
    background: rgba(8, 18, 34, 0.96) !important;
    color: rgba(219, 231, 251, 0.66) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

html body.mh-member-confirm-page #member_confirm form,
html body.mh-member-confirm-page #member_confirm fieldset {
    display: grid !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 54px 52px 50px !important;
    border: 1px solid rgba(92, 143, 220, 0.36) !important;
    border-radius: 0 0 8px 8px !important;
    background: rgba(5, 13, 27, 0.98) !important;
    color: #dbe7fb !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html body.mh-member-confirm-page #member_confirm label,
html body.mh-member-confirm-page #member_confirm .sound_only {
    color: rgba(219, 231, 251, 0.72) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

html body.mh-member-confirm-page #member_confirm strong,
html body.mh-member-confirm-page #member_confirm b {
    color: #ffffff !important;
    font-weight: 900 !important;
}

html body.mh-member-confirm-page #member_confirm input[type="password"],
html body.mh-member-confirm-page #member_confirm input[type="text"],
html body.mh-member-confirm-page #member_confirm .frm_input {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(92, 143, 220, 0.52) !important;
    border-radius: 8px !important;
    background: #071a33 !important;
    color: #ffffff !important;
    caret-color: #60a5ff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 44px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body.mh-member-confirm-page #member_confirm input[type="password"]:focus,
html body.mh-member-confirm-page #member_confirm input[type="text"]:focus,
html body.mh-member-confirm-page #member_confirm .frm_input:focus {
    border-color: rgba(96, 165, 255, 0.96) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(79, 141, 255, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}

html body.mh-member-confirm-page #member_confirm .btn_confirm,
html body.mh-member-confirm-page #member_confirm .win_btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body.mh-member-confirm-page #member_confirm .btn_submit,
html body.mh-member-confirm-page #member_confirm input[type="submit"],
html body.mh-member-confirm-page #member_confirm button[type="submit"],
html body.mh-member-confirm-page #member_confirm .mh-member-confirm-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(180px, 48%) !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

html body.mh-member-confirm-page #member_confirm .btn_submit,
html body.mh-member-confirm-page #member_confirm input[type="submit"],
html body.mh-member-confirm-page #member_confirm button[type="submit"] {
    border: 1px solid rgba(79, 141, 255, 0.78) !important;
    background: rgba(79, 141, 255, 0.22) !important;
    color: #ffffff !important;
}

html body.mh-member-confirm-page #member_confirm .mh-member-confirm-back {
    border: 1px solid rgba(159, 178, 209, 0.36) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #dbe7fb !important;
}

html body.mh-member-confirm-page #member_confirm .btn_submit:hover,
html body.mh-member-confirm-page #member_confirm input[type="submit"]:hover,
html body.mh-member-confirm-page #member_confirm button[type="submit"]:hover,
html body.mh-member-confirm-page #member_confirm .mh-member-confirm-back:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(113, 255, 215, 0.58) !important;
    color: #ffffff !important;
}

@media (max-width: 640px) {
    html body.mh-member-confirm-page #member_confirm {
        margin-top: 20px !important;
        padding: 0 12px !important;
    }

    html body.mh-member-confirm-page #member_confirm h1,
    html body.mh-member-confirm-page #member_confirm h2 {
        padding: 22px 16px 10px !important;
        font-size: 24px !important;
    }

    html body.mh-member-confirm-page #member_confirm p,
    html body.mh-member-confirm-page #member_confirm .frm_info,
    html body.mh-member-confirm-page #member_confirm .win_desc,
    html body.mh-member-confirm-page #member_confirm .local_desc {
        padding: 0 16px 18px !important;
        font-size: 14px !important;
    }

    html body.mh-member-confirm-page #member_confirm form,
    html body.mh-member-confirm-page #member_confirm fieldset {
        padding: 28px 18px 30px !important;
    }

    html body.mh-member-confirm-page #member_confirm .btn_confirm,
    html body.mh-member-confirm-page #member_confirm .win_btn {
        flex-direction: column !important;
    }

    html body.mh-member-confirm-page #member_confirm .btn_submit,
    html body.mh-member-confirm-page #member_confirm input[type="submit"],
    html body.mh-member-confirm-page #member_confirm button[type="submit"],
    html body.mh-member-confirm-page #member_confirm .mh-member-confirm-back {
        width: 100% !important;
    }
}

/* Final attachment input correction: remove the inner browser file card. */
html body #bo_w input[type="file"].mh-file-native,
html body #bo_w .mh-file-customized input[type="file"].mh-file-native,
html body #bo_w .mh-board-file-row input[type="file"].mh-file-native {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: transparent !important;
    opacity: 0 !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

html body #bo_w input[type="file"].mh-file-native::file-selector-button,
html body #bo_w .mh-file-customized input[type="file"].mh-file-native::file-selector-button,
html body #bo_w .mh-board-file-row input[type="file"].mh-file-native::file-selector-button {
    display: none !important;
}

html body #bo_w .mh-file-control,
html body.mh-data-board-page #bo_w .mh-file-control {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px 0 0 !important;
    overflow: visible !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

html body #bo_w .mh-file-name,
html body.mh-data-board-page #bo_w .mh-file-name {
    display: inline-block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

html body #bo_w .mh-board-file-row.is-mh-file-visible {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

html body #bo_w .mh-file-customized,
html body #bo_w .filebox.mh-file-customized,
html body #bo_w .file_wr.mh-file-customized,
html body #bo_w .bo_w_file.mh-file-customized,
html body #bo_w .bo_w_flie.mh-file-customized,
html body #bo_w .frm_file.mh-file-customized,
html body.mh-data-board-page #bo_w .mh-file-customized,
html body.mh-data-board-page #bo_w .filebox.mh-file-customized,
html body.mh-data-board-page #bo_w .file_wr.mh-file-customized,
html body.mh-data-board-page #bo_w .bo_w_file.mh-file-customized,
html body.mh-data-board-page #bo_w .bo_w_flie.mh-file-customized {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body #bo_w .mh-file-customized.is-mh-file-visible,
html body #bo_w .mh-board-file-row.mh-file-customized.is-mh-file-visible,
html body.mh-data-board-page #bo_w .mh-file-customized.is-mh-file-visible,
html body.mh-data-board-page #bo_w .mh-board-file-row.mh-file-customized.is-mh-file-visible {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

html body #bo_w .mh-file-customized .mh-file-control,
html body #bo_w .mh-file-customized .mh-file-name,
html body #bo_w .mh-file-customized .mh-file-add-control,
html body.mh-data-board-page #bo_w .mh-file-customized .mh-file-control,
html body.mh-data-board-page #bo_w .mh-file-customized .mh-file-name,
html body.mh-data-board-page #bo_w .mh-file-customized .mh-file-add-control {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body.mh-data-board-page #bo_w .mh-data-point-write-row {
    flex: 0 0 min(410px, 42%) !important;
    width: min(410px, 42%) !important;
    max-width: 410px !important;
    margin: 0 0 0 auto !important;
    align-self: center !important;
}

@media (max-width: 900px) {
    html body.mh-data-board-page #bo_w .mh-data-point-write-row {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: none !important;
        margin: 10px 0 0 !important;
    }
}

/* Mobile contact card: keep title readable and expanded icons clear of next card. */
@media (max-width: 1024px), (pointer: coarse) {
    html body .mh-mobile-section-side-item-admin-contact,
    html body .mh-home-left-panel .mh-admin-contact-choice,
    html body .mh-global-side-left .mh-admin-contact-choice {
        overflow: visible !important;
        margin-bottom: 14px !important;
    }

    html body .mh-mobile-section-side-item-admin-contact:hover,
    html body .mh-mobile-section-side-item-admin-contact:focus-within,
    html body .mh-home-left-panel .mh-admin-contact-choice:hover,
    html body .mh-home-left-panel .mh-admin-contact-choice:focus-within,
    html body .mh-global-side-left .mh-admin-contact-choice:hover,
    html body .mh-global-side-left .mh-admin-contact-choice:focus-within {
        margin-bottom: 104px !important;
    }

    html body .mh-mobile-section-side-item-admin-contact.mh-admin-contact-choice-clicked,
    html body .mh-home-left-panel .mh-admin-contact-choice.mh-admin-contact-choice-clicked,
    html body .mh-global-side-left .mh-admin-contact-choice.mh-admin-contact-choice-clicked {
        margin-bottom: 14px !important;
    }

    html body .mh-mobile-section-side-item-admin-contact .mh-admin-contact-choice-toggle,
    html body .mh-home-left-panel .mh-admin-contact-choice-toggle,
    html body .mh-global-side-left .mh-admin-contact-choice-toggle {
        gap: 3px !important;
        padding: 8px 10px !important;
    }

    html body .mh-mobile-section-side-item-admin-contact .mh-admin-contact-button span,
    html body .mh-home-left-panel .mh-admin-contact-button span,
    html body .mh-global-side-left .mh-admin-contact-button span {
        display: grid !important;
        gap: 0 !important;
        width: auto !important;
        max-width: 3.2em !important;
        font-size: clamp(22px, 5.6vw, 30px) !important;
        line-height: 1.02 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        word-break: break-all !important;
    }

    html body .mh-mobile-section-side-item-admin-contact .mh-admin-contact-title-line,
    html body .mh-home-left-panel .mh-admin-contact-title-line,
    html body .mh-global-side-left .mh-admin-contact-title-line {
        display: block !important;
    }

    html body .mh-mobile-section-side-item-admin-contact .mh-admin-contact-button em,
    html body .mh-home-left-panel .mh-admin-contact-button em,
    html body .mh-global-side-left .mh-admin-contact-button em {
        max-width: 100% !important;
        overflow: hidden !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .mh-mobile-section-side-item-admin-contact .mh-admin-contact-choice-menu,
    html body .mh-home-left-panel .mh-admin-contact-choice-menu,
    html body .mh-global-side-left .mh-admin-contact-choice-menu {
        top: calc(100% + 8px) !important;
        gap: 8px !important;
        padding: 8px !important;
        transform: translateY(-4px) !important;
    }
}