@media (min-width: 700px) {
    .mobile-header,
    .mobottom,
    form#mob_qr_postform,
    .MBMnotif,
    .MBMsearch,
    .leftmenu,
    .phmbtheader,
    .phmbtfooter {
        display: none !important;
    }
}

@media (max-width: 699.98px) {
:root {
    --mu-top: 72px;
    --mu-bottom: calc(72px + env(safe-area-inset-bottom));
    --mu-radius: 20px;
    --mu-radius-sm: 14px;
    --mu-theme-bg: #e9eef5;
    --mu-theme-chrome: #c9d6e4;
    --mu-theme-text: #1d2a3a;
    --mu-theme-border: rgba(37, 60, 89, 0.22);
    --mu-surface: var(--mu-theme-chrome);
    --mu-surface-soft: #d8e1ec;
    --mu-card: #edf2f7;
    --mu-text: var(--mu-theme-text);
    --mu-text-soft: rgba(29, 42, 58, 0.68);
    --mu-accent: #1e5f97;
    --mu-accent-strong: #0f4d84;
    --mu-success: #1f8f63;
    --mu-shadow: 0 12px 28px rgba(12, 26, 44, 0.18);
}


#page-header,
.headerbar,
#nav-main,
#nav-footer,
.navbar,
.action-bar.bar-top {
    display: none !important;
}

.mobile-header {
    z-index: 30000 !important;
}

.mobile-header .dropdown,
.mobile-header .dropdown-contents,
.mobile-header .pointer {
    z-index: 30001 !important;
}

html {
    scroll-padding-top: calc(var(--mu-top) + 6px);
}

body {
    overscroll-behavior-y: contain;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    overflow-wrap: break-word;
}

body.scrstopet {
    overflow: hidden;
    touch-action: none;
}

.phmbtheader {
    height: calc(var(--mu-top) + 10px);
}

.phmbtfooter {
    height: var(--mu-bottom);
}

.mobile-header {
    position: fixed;
    top: max(10px, env(safe-area-inset-top));
    left: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    padding: 0 12px;
    color: var(--mu-text);
    background: var(--mu-surface);
    border: 1px solid var(--mu-theme-border);
    border-radius: 28px;
    box-shadow: var(--mu-shadow);
    z-index: 19999;
}

.mhleft,
.mhright {
    display: flex;
    align-items: center;
    min-width: 42px;
}

.mobile-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 58%;
    text-decoration: none;
}

.mobile-logo img,
.mobile-logo .site_logo {
    max-height: 30px;
    width: auto;
    max-width: 100%;
}

.mhuser {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.topmobmenuicon,
.MBMdivClose,
.mhuser .mhuser-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 2px solid rgba(37, 60, 89, 0.24);
    border-radius: 999px;
    background: rgba(255,255,255,0.3);
    color: var(--mu-accent-strong);
}

.topmobmenuicon,
.MBMdivClose {
    padding: 0;
    cursor: pointer;
}

.mhuser .mhuser-avatar,
.mhuser .mhuser-avatar img.avatar,
.mu-profile-avatar img.avatar,
.notification-avatar-wrap img,
.MBMnotif.notification_list ul li img,
.lmc331 a img.avatar {
    border-radius: 50%;
}

.mhuser .mhuser-avatar > img,
.mhuser .mhuser-avatar > .avatar,
.mu-profile-avatar > img,
.mu-profile-avatar > .avatar {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    display: block;
}

.mhdrbyline {
    color: var(--mu-text);
    width: 62%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}

.mh-tpctitle,
.mhdrbyline.frm331 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mh-bytpcinfo {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: var(--mu-text-soft);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-header .dropdown {
    top: 48px;
    z-index: 20003;
}

.mobile-header .dropdown-contents {
    border-radius: 14px;
    overflow: hidden;
    background: var(--mu-card);
    border: 1px solid var(--mu-theme-border);
    box-shadow: var(--mu-shadow);
}

.mobile-header .dropdown-contents a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 190px;
    padding: 12px 14px;
    font-size: 14px;
    color: var(--mu-text);
    text-decoration: none;
}

.mobile-header .mhuser .dropdown {
    top: calc(100% + 10px);
    right: 0;
    left: auto;
    width: max-content;
    min-width: 220px;
    max-width: min(92vw, 320px);
}

.mobile-header .mhuser .dropdown-contents {
    display: block;
    max-height: calc(100vh - 110px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mobile-header .mhuser .dropdown-contents li,
.mobile-header .mhuser .dropdown-contents .separator {
    display: block;
}

.mobtopmenu {
    position: relative;
}

span.wcountsidemenu,
.pwaandroiddot,
.pwaiosdot,
span.bellcount,
span.mpmcount,
span.sidebelcount,
span.sidepmcount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    background: var(--mu-accent-strong);
    box-shadow: 0 0 0 2px var(--mu-surface);
}

span.wcountsidemenu,
.pwaandroiddot,
.pwaiosdot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: -2px;
}

.leftmenu {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 21000;
    pointer-events: none;
}

.leftmenu.menu-shown {
    display: block;
    pointer-events: auto;
}

.menubacleft {
    position: fixed;
    inset: 0 !important;
    width: 100vw;
    height: 100dvh;
    border: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(4, 10, 20, 0.78);
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 21000;
}

.menu-shown .menubacleft {
    opacity: 1;
    visibility: visible;
}

.lm-content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(86vw, 360px);
    height: 100dvh;
    padding: max(12px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom)) 12px;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.22s ease;
    background: var(--mu-card);
    color: var(--mu-text);
    border-right: 1px solid var(--mu-theme-border);
    border-radius: 0 24px 24px 0;
    box-shadow: 10px 0 28px rgba(12, 26, 44, 0.22);
    z-index: 21001;
}

.menu-shown .lm-content {
    transform: translateX(0);
}

.lmc331 {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 0;
}

.mu-profile-card {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 14px;
    margin-bottom: 14px;
    background: #dce6f0;
    border: 1px solid var(--mu-theme-border);
    border-radius: var(--mu-radius);
}

.mu-profile-avatar,
.mu-guest-avatar {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(255,255,255,0.6);
}

.mu-profile-copy {
    min-width: 0;
}

.mu-profile-eyebrow,
.mu-profile-meta,
.lmc331 .sidetext,
.lmc331 .sidetext.sidetimes {
    font-size: 12px;
    color: var(--mu-text-soft);
}

.mu-profile-name {
    font-size: 17px;
    font-weight: 700;
    color: var(--mu-text);
}

.mu-shortcuts-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.mu-shortcut-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 10px;
    border-radius: 14px;
    border: 1px solid var(--mu-theme-border);
    background: #f4f7fa;
    color: var(--mu-text);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.mu-donate-wrap {
    margin-top: auto;
    padding-top: 14px;
}

.mu-donate-heart {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 16px;
    border: 1px solid rgba(200, 80, 130, 0.24);
    background: #fff0f5;
    color: #c45078;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.mu-donate-heart svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.mu-section-title {
    margin: 8px 2px 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mu-text-soft);
}

.lmc331 a {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    padding: 11px 12px;
    font-size: 15px;
    color: var(--mu-text);
    text-decoration: none;
    border: 1px solid rgba(37, 60, 89, 0.12);
    border-radius: 14px;
    background: #f4f7fa;
}

.lmc331 a i {
    width: 20px;
    text-align: center;
}

.lmc331 hr {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid rgba(37, 60, 89, 0.12);
}

span.sidebelcount,
span.sidepmcount {
    min-width: 20px;
    height: 20px;
    margin-left: auto;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 11px;
}

.pwaandroidinsidemenu,
.pwaiosinsidemenu,
.pwadroinsd213,
.pwaiosinsd213 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    padding: 14px;
    border: 1px solid rgba(37, 60, 89, 0.12);
    border-radius: 16px;
    background: #f4f7fa;
}

.pwaiconside {
    width: 50px;
    margin-right: 0;
}

.pwaiconside img {
    width: 50px;
    height: 50px;
    border-radius: 16px;
}

.pwasidetext,
.pwaioshowtext,
.iftextios,
.pwanotnow,
.pwainstall,
.ioshow343,
.ioshowokey,
span.hidefornow {
    color: var(--mu-text);
}

.pwaandroidbutton,
.pwaioshow {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.pwainstall,
.pwanotnow,
.ioshow343,
.ioshowokey,
span.hidefornow,
button.mqr_button,
button.mqr_full_editor_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--mu-theme-border);
    background: #f8fafc;
    color: var(--mu-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.pwainstall,
button.mqr_button {
    background: #d9ebfb;
    border-color: rgba(30, 95, 151, 0.24);
}

.mobottom {
    display: flex !important;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: max(10px, env(safe-area-inset-bottom));
    width: auto;
    height: 64px;
    padding: 0 6px;
    align-items: center;
    background: rgba(245, 248, 252, 0.97);
    border: 1px solid var(--mu-theme-border);
    border-radius: 999px;
    box-shadow: var(--mu-shadow);
    z-index: 19998;
}

.mobottomenu {
    display: flex;
    width: 100%;
    gap: 2px;
    margin: 0;
}

a.mbmlink {
    position: relative;
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 52px;
    margin: 0;
    border-radius: 999px;
    text-decoration: none;
    color: var(--mu-text-soft);
    transition: background 0.18s ease, color 0.18s ease;
}

a.mbmlink.yeshere,
a.mbmlink.okey.yeshere,
a.mbmlink:hover {
    color: var(--mu-accent-strong);
    background: rgba(30, 95, 151, 0.1);
}

a.mbmlink:active {
    transform: scale(0.98);
}

span.mbmltitle {
    font-size: 9px;
    line-height: 1;
    white-space: nowrap;
}

span.bellcount,
span.mpmcount {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    position: absolute;
    top: 1px;
    right: 8px;
    font-size: 11px;
}

span.bellcount.hundreds,
span.mpmcount.hundreds {
    min-width: 24px;
    font-size: 9px;
}

.MBMnotif,
.MBMsearch {
    display: none;
    position: fixed;
    top: calc(max(10px, env(safe-area-inset-top)) + 70px);
    left: 12px;
    right: 12px;
    bottom: calc(max(10px, env(safe-area-inset-bottom)) + 74px);
    width: auto;
    z-index: 20500;
    border: 1px solid var(--mu-theme-border);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(245, 248, 252, 0.985);
    box-shadow: var(--mu-shadow);
}

.MBMpanelinner {
    height: 100%;
    overflow-y: auto;
    padding: 12px;
}

.MBMnotif,
.MBMnotif * {
    box-sizing: border-box;
}

.MBMnotif.dropdown-extended ul,
.MBMnotif ul {
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    list-style: none;
}

.MBMnotif .dropdown-notification {
    position: relative;
    display: block;
    margin-bottom: 10px;
    min-width: 0;
    max-width: 100%;
    border: 1px solid rgba(37, 60, 89, 0.12);
    border-radius: 16px;
    overflow: hidden;
    background: #f8fbff;
}

.MBMnotif .dropdown-notification.bg3 {
    border-color: rgba(30, 95, 151, 0.28);
    box-shadow: inset 3px 0 0 var(--mu-accent-strong);
}

.MBMnotif .notification-block {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    column-gap: 12px;
    align-items: flex-start;
    padding: 12px 38px 12px 12px;
    overflow: hidden;
    color: var(--mu-text);
    text-decoration: none;
}

.notification-avatar-wrap,
.MBMnotif.notification_list ul li img {
    width: 44px;
    height: 44px;
    min-width: 44px;
    max-width: 44px;
    object-fit: cover;
}

.notification-avatar-wrap {
    overflow: hidden;
}

.notification-avatar-wrap img,
.notification-avatar-wrap .avatar,
.notification-avatar-wrap a,
.notification-avatar-wrap span {
    display: block;
    max-width: 100%;
}

.notification_text {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    min-width: 0;
    overflow: hidden;
}

.MBMnotif p {
    margin: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.notification-title {
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--mu-text);
}

.notification-reference,
.notification-forum,
.notification-reason {
    margin-top: 3px;
    font-size: 11px;
    color: var(--mu-text-soft);
}

.notification-time {
    margin-top: 8px !important;
    font-size: 11px;
    color: var(--mu-text-soft);
}

.MBMnotif .mob_mark_read {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    color: var(--mu-success);
    background: rgba(31, 143, 99, 0.12);
    text-decoration: none;
}

.nonotifctns {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: var(--mu-text-soft);
    font-size: 15px;
    text-align: center;
}

.MBMsearchtitle,
.MBMnotiftitle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: 700;
    color: var(--mu-text);
}

.MBMnotiSET,
.MBMsearchSET {
    width: 40px;
    height: 40px;
}

.MBMsearchSET {
    border: 1px solid var(--mu-theme-border);
    border-radius: 999px;
    background: rgba(30, 95, 151, 0.08);
}

.MBMshdiv {
    padding: 14px;
}

.BMBdsearchiv {
    width: 100%;
    min-height: 48px;
    box-sizing: border-box !important;
    padding: 0 14px;
    font-size: 16px;
    color: var(--mu-text);
    background: #fff;
    border: 1px solid rgba(37, 60, 89, 0.14);
    border-radius: 14px;
}

.BMBdsearchiv::placeholder,
textarea.mobinputbox::placeholder {
    color: var(--mu-text-soft);
}


/* Targeted UCP / PM width fix */
#cp-menu,
.cp-main,
#cp-main,
#tabs,
#minitabs,
#minitabs-sub,
.ucp-main,
.panel-container,
.pm {
    max-width: 100%;
    box-sizing: border-box;
}

#cp-menu,
#tabs,
#minitabs,
#minitabs-sub {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.cp-main,
#cp-main,
.ucp-main,
.panel,
.panel-container,
.pm,
.postbody,
.content {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

form#mob_qr_postform {
    display: flex !important;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: max(10px, env(safe-area-inset-bottom));
    width: auto;
    padding: 8px;
    height: auto;
    align-items: center;
    box-sizing: border-box;
    background: rgba(245, 248, 252, 0.98);
    border: 1px solid var(--mu-theme-border);
    border-radius: 20px;
    box-shadow: var(--mu-shadow);
    z-index: 19998;
    transition: border-radius 0.2s ease, inset 0.2s ease;
}

.textareamobinputbox {
    width: 100%;
    min-height: 40px;
}

textarea.mobinputbox {
    width: 100%;
    height: 40px;
    min-height: 40px;
    max-height: 40vh;
    padding: 10px 12px;
    border-radius: 14px;
    font-size: 15px;
    line-height: 1.45;
    color: var(--mu-text);
    background: #fff;
    border: 1px solid rgba(37, 60, 89, 0.14);
    resize: vertical;
    box-sizing: border-box;
}

.mobqrtop {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

form#mob_qr_postform.mqrshow {
    inset: 12px 12px 12px 12px;
    height: auto;
    align-items: stretch;
    border-radius: 24px;
    z-index: 20550;
}

.mqrshow .mobqrtop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    padding: 12px;
    opacity: 1;
    pointer-events: auto;
}

.mqr-bar-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mqr-handle {
    width: 42px;
    height: 5px;
    border-radius: 999px;
    background: rgba(37, 60, 89, 0.2);
}

.mqr-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mqrshow .textareamobinputbox {
    height: 100%;
}

.mqrshow textarea.mobinputbox {
    position: absolute;
    top: 66px;
    bottom: 12px;
    left: 12px;
    right: 12px;
    width: calc(100% - 24px);
    height: auto !important;
    max-height: none;
    padding: 14px;
    border-radius: 16px;
}

.mqrdown {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid var(--mu-theme-border);
    background: rgba(30, 95, 151, 0.08);
    cursor: pointer;
}

.hidden,
.mobile-header .hidden {
    display: none !important;
}

.phpbb_alert {
    top: calc(var(--mu-top) + 18px);
    border-radius: 14px;
    z-index: 65000 !important;
    pointer-events: auto !important;
}

.darken,
#darken,
body > .darken {
    z-index: 64999 !important;
}

.phpbb_alert .alert_close,
.phpbb_alert .button1,
.phpbb_alert .button2,
.phpbb_alert a,
.phpbb_alert button,
.phpbb_alert input {
    pointer-events: auto !important;
}

.cc-window.cc-bottom {
    left: 12px;
    right: 12px;
    bottom: calc(max(10px, env(safe-area-inset-bottom)) + 76px);
    width: auto;
    padding: 10px 12px;
    z-index: 19997;
    border-radius: 14px;
}

.cc-window .cc-message {
    font-size: 14px;
}

a.mbmlink.home span.mbmlicon,
a.mbmlink.search span.mbmlicon,
a.mbmlink.bell span.mbmlicon,
a.mbmlink.pm span.mbmlicon,
a.mbmlink.lgin span.mbmlicon,
a.mbmlink.regster span.mbmlicon,
.MBMsearchSET,
.MBMdivClose:not([style="display: none;"]) span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

a.mbmlink.home span.mbmlicon { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3l9 8h-3v9h-4v-6H10v6H6v-9H3z'/%3E%3C/svg%3E"); -webkit-mask-image: var(--svg); mask-image: var(--svg); }
a.mbmlink.search span.mbmlicon { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21 21l-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15a7.5 7.5 0 0 1 0 15'/%3E%3C/svg%3E"); -webkit-mask-image: var(--svg); mask-image: var(--svg); }
a.mbmlink.bell span.mbmlicon { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22a3 3 0 0 1-3-3h2a1 1 0 1 0 2 0h2a3 3 0 0 1-3 3m7-6V11a7 7 0 1 0-14 0v5l-2 2v1h18v-1z'/%3E%3C/svg%3E"); -webkit-mask-image: var(--svg); mask-image: var(--svg); }
a.mbmlink.pm span.mbmlicon { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 4l-8 5L4 8V6l8 5l8-5z'/%3E%3C/svg%3E"); -webkit-mask-image: var(--svg); mask-image: var(--svg); }
a.mbmlink.lgin span.mbmlicon { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 17l5-5l-5-5v3H3v4h7zM21 3h-8v2h8v14h-8v2h8a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2'/%3E%3C/svg%3E"); -webkit-mask-image: var(--svg); mask-image: var(--svg); }
a.mbmlink.regster span.mbmlicon { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15 14c2.67 0 8 1.33 8 4v2H1v-2c0-2.67 5.33-4 8-4m0-2a4 4 0 1 0-4-4a4 4 0 0 0 4 4m5 1v3h3v2h-3v3h-2v-3h-3v-2h3v-3z'/%3E%3C/svg%3E"); -webkit-mask-image: var(--svg); mask-image: var(--svg); }
.MBMsearchSET { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21 21l-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15a7.5 7.5 0 0 1 0 15'/%3E%3C/svg%3E"); -webkit-mask-image: var(--svg); mask-image: var(--svg); }
.MBMdivClose:not([style="display: none;"]) span { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m18.3 5.71l-1.41-1.42L12 9.17L7.11 4.29L5.7 5.71L10.59 10.6L5.7 15.49l1.41 1.41L12 12l4.89 4.9l1.41-1.41l-4.89-4.89z'/%3E%3C/svg%3E"); -webkit-mask-image: var(--svg); mask-image: var(--svg); }
}

a.mbmlink.donate span.mbmlicon {
  display: inline-block;
  width: 22px;
  height: 22px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.1 21.35l-1.1-1C5.14 15.24 2 12.39 2 8.89C2 6.04 4.24 4 7.05 4c1.6 0 3.14.74 4.05 1.91C12.81 4.74 14.35 4 15.95 4C18.76 4 21 6.04 21 8.89c0 3.5-3.14 6.35-8.99 11.46z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

a.mbmlink.donate {
  color: #d96a95;
}


@media (max-width: 380px) {
  a.mbmlink { gap: 1px; }
  span.mbmltitle { font-size: 8px; }
  a.mbmlink.home span.mbmlicon, a.mbmlink.search span.mbmlicon, a.mbmlink.bell span.mbmlicon, a.mbmlink.pm span.mbmlicon, a.mbmlink.lgin span.mbmlicon, a.mbmlink.regster span.mbmlicon, a.mbmlink.donate span.mbmlicon { width: 20px; height: 20px; }
}


@media (max-width: 699.98px) {
    #tabs,
    #navigation,
    #minitabs,
    #minitabs-sub,
    #cp-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 4px;
    }

    #tabs .tab,
    #navigation li,
    #minitabs .tab,
    #minitabs-sub .tab,
    #cp-menu li {
        float: none !important;
        display: inline-flex !important;
        flex: 0 0 auto;
    }

    #tabs .responsive-tab,
    #navigation .responsive-tab,
    #minitabs .responsive-tab,
    #minitabs-sub .responsive-tab,
    #cp-menu .responsive-tab,
    .dropdown-contents .responsive-menu,
    .dropdown-contents .responsive-tab,
    .leftmenu .responsive-menu,
    .leftmenu .responsive-tab {
        display: none !important;
    }

    #tabs .tab > a,
    #navigation a,
    #minitabs .tab > a,
    #minitabs-sub .tab > a,
    #cp-menu a {
        border-radius: 999px !important;
        white-space: nowrap !important;
    }

    .header-profile .dropdown-contents li,
    .header-profile .dropdown-contents a {
        white-space: nowrap !important;
    }
}



@media (max-width: 699.98px) {
    /* UCP / PM mobile stacking */
    #cp-main .panel,
    .cp-main .panel,
    .ucp-main .panel,
    .panel-container .panel {
        overflow: hidden;
    }

    #cp-main .panel .inner,
    .cp-main .panel .inner,
    .ucp-main .panel .inner,
    .panel-container .panel .inner {
        display: block;
    }

    #cp-main .panel .left-box,
    #cp-main .panel .right-box,
    #cp-main .panel .column1,
    #cp-main .panel .column2,
    #cp-main .panel .postbody,
    #cp-main .panel ul.cplist,
    #cp-main .panel dl.details,
    #cp-main .panel .pm-legend,
    #cp-main .panel .message-box,
    .cp-main .panel .left-box,
    .cp-main .panel .right-box,
    .cp-main .panel .column1,
    .cp-main .panel .column2,
    .cp-main .panel ul.cplist,
    .cp-main .panel dl.details,
    .cp-main .panel .pm-legend,
    .ucp-main .panel .left-box,
    .ucp-main .panel .right-box,
    .ucp-main .panel .column1,
    .ucp-main .panel .column2,
    .ucp-main .panel ul.cplist,
    .ucp-main .panel dl.details,
    .ucp-main .panel .pm-legend {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 12px !important;
        clear: both !important;
        box-sizing: border-box;
    }

    /* Donation card sizing */
    .mu-donate-wrap,
    .mu-donate-heart {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden;
    }

    .mu-donate-heart {
        min-height: 48px;
        padding: 0 14px;
    }

    /* Notification wrapping */
    .MBMnotif .dropdown-notification,
    .MBMnotif .notification-block,
    .MBMnotif .notification_text,
    .MBMnotif .notification-title,
    .MBMnotif .notification-reference,
    .MBMnotif .notification-forum,
    .MBMnotif .notification-reason,
    .MBMnotif p,
    .MBMnotif a {
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        box-sizing: border-box;
    }

    .MBMnotif .notification-block {
        grid-template-columns: 34px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        padding: 10px 12px 10px 10px !important;
    }

    .notification-avatar-wrap,
    .MBMnotif.notification_list ul li img {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
    }

    .MBMnotif .mob_mark_read {
        position: static !important;
        transform: none !important;
        margin-top: 8px;
    }
}



@media (max-width: 699.98px) {
    #cp-main .pm-legend,
    .cp-main .pm-legend,
    .ucp-main .pm-legend,
    .panel .pm-legend,
    .panel dl.details,
    dl.details {
        display: none !important;
    }
}



@media (max-width: 699.98px) {
    a[href*="mode=compose"],
    a[href*="mode=compose"]:visited,
    a[href*="i=pm&mode=compose"],
    a[href*="i=pm&mode=compose"]:visited {
        display: inline-flex;
    }

    a[href*="mode=compose&action=quotepost"] {
        display: inline-flex;
    }

    a[href*="i=pm&folder"],
    a[href*="mode=rules"],
    a[href*="mode=folders"],
    a[href*="mode=options"],
    a[href*="mode=popup"],
    a[href*="mode=popup&folder"],
    a[href*="highlight="] {
        display: inline-flex;
    }

    /* Hide manage/message colours entry on mobile */
    a[href*="mode=colours"],
    a[href*="mode=colors"],
    a[href*="message colours"],
    a[href*="message colors"] {
        display: none !important;
    }

    li:has(> a[href*="mode=colours"]),
    li:has(> a[href*="mode=colors"]) {
        display: none !important;
    }
}



.cbrt-mobile-logo {
    max-width: 58%;
    width: auto;
    height: auto;
    padding: 0 10px;
    border-radius: 999px;
}

.cbrt-mobile-logo-text {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cbrt-mobile-logo-wordmark {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.02em;
    color: var(--mu-text);
    text-transform: none;
}



@media (max-width: 699.98px) {
    /* Restore message action bars inside page body */
    #page-body .action-bar,
    .page-body .action-bar,
    #cp-main .action-bar,
    .cp-main .action-bar,
    .ucp-main .action-bar {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* Hide leftover PM legend heading */
    #cp-main h3:has(+ .pm-legend),
    .cp-main h3:has(+ .pm-legend),
    .ucp-main h3:has(+ .pm-legend),
    .panel h3:has(+ .pm-legend) {
        display: none !important;
    }
}



@media (max-width: 699.98px) {
    #page-body .action-bar .button,
    #page-body .action-bar a.button1,
    #page-body .action-bar a.button2,
    #page-body .action-bar input.button1,
    #page-body .action-bar input.button2,
    .page-body .action-bar .button,
    .page-body .action-bar a.button1,
    .page-body .action-bar a.button2,
    .page-body .action-bar input.button1,
    .page-body .action-bar input.button2 {
        min-height: 30px !important;
        height: auto !important;
        padding: 6px 12px !important;
        line-height: 1.2 !important;
        border-radius: 14px !important;
        font-size: 14px !important;
    }

    #page-body .action-bar .dropdown-select,
    .page-body .action-bar .dropdown-select {
        min-height: 30px !important;
        padding: 6px 10px !important;
    }
}



@media (max-width: 699.98px) {
    /* Restore profile/member details hidden too broadly earlier */
    dl.details,
    .panel dl.details,
    .memberlist .details,
    .profile-left .details,
    .profile-right .details {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Keep PM legend hidden only */
    #cp-main .pm-legend,
    .cp-main .pm-legend,
    .ucp-main .pm-legend,
    .panel .pm-legend {
        display: none !important;
    }

    /* Make member profile sections stack cleanly */
    .profile-left,
    .profile-right,
    .memberlist-container,
    .memberlist-container .panel,
    .memberlist .panel {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
        box-sizing: border-box;
    }

    /* Even smaller PM action buttons */
    #page-body .action-bar .button,
    #page-body .action-bar a.button1,
    #page-body .action-bar a.button2,
    #page-body .action-bar input.button1,
    #page-body .action-bar input.button2,
    .page-body .action-bar .button,
    .page-body .action-bar a.button1,
    .page-body .action-bar a.button2,
    .page-body .action-bar input.button1,
    .page-body .action-bar input.button2 {
        min-height: 26px !important;
        height: auto !important;
        padding: 4px 10px !important;
        line-height: 1.1 !important;
        border-radius: 12px !important;
        font-size: 13px !important;
    }

    #page-body .action-bar .dropdown-select,
    .page-body .action-bar .dropdown-select {
        min-height: 26px !important;
        padding: 4px 8px !important;
        line-height: 1.1 !important;
    }
}



@media (max-width: 699.98px) {
    #nav-breadcrumbs,
    .nav-breadcrumbs,
    .breadcrumbs,
    ul.linklist.navlinks {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #nav-breadcrumbs,
    .nav-breadcrumbs {
        margin: 6px 12px 10px !important;
        padding: 10px 14px !important;
        border: 1px solid rgba(37, 60, 89, 0.14) !important;
        border-radius: 18px !important;
        background: rgba(255,255,255,0.82) !important;
        backdrop-filter: blur(10px);
        position: relative;
        z-index: 5;
    }

    ul.linklist.navlinks {
        margin: 0 !important;
        padding: 0 !important;
    }

    .breadcrumbs {
        float: none !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .mchat .dropdown,
    #mChat .dropdown,
    .mChat .dropdown,
    .mchat .dropdown-contents,
    #mChat .dropdown-contents,
    .mChat .dropdown-contents {
        z-index: 50001 !important;
    }

    .mchat .dropdown-container,
    #mChat .dropdown-container,
    .mChat .dropdown-container,
    .mchat .mchat-row,
    #mChat .mchat-row,
    .mChat .mchat-row,
    .mchat li,
    #mChat li,
    .mChat li,
    .mchat ul,
    #mChat ul,
    .mChat ul,
    .mchat .row,
    #mChat .row,
    .mChat .row,
    .mchat .panel,
    #mChat .panel,
    .mChat .panel {
        overflow: visible !important;
        position: relative !important;
    }

    .mchat .dropdown-trigger,
    #mChat .dropdown-trigger,
    .mChat .dropdown-trigger,
    .mchat .dropdown-select,
    #mChat .dropdown-select,
    .mChat .dropdown-select {
        pointer-events: auto !important;
        position: relative !important;
        z-index: 50002 !important;
    }
}


@media (max-width: 699.98px) {
    body.mu-has-mchat .mobile-header {
        z-index: 1500 !important;
    }

    body.mu-has-mchat .mchat,
    body.mu-has-mchat #mChat,
    body.mu-has-mchat .mChat,
    body.mu-has-mchat .mchat .dropdown,
    body.mu-has-mchat #mChat .dropdown,
    body.mu-has-mchat .mChat .dropdown,
    body.mu-has-mchat .mchat .dropdown-contents,
    body.mu-has-mchat #mChat .dropdown-contents,
    body.mu-has-mchat .mChat .dropdown-contents,
    body.mu-has-mchat .mchat .dropdown-trigger,
    body.mu-has-mchat #mChat .dropdown-trigger,
    body.mu-has-mchat .mChat .dropdown-trigger {
        z-index: 60000 !important;
        position: relative !important;
    }
}


@media (max-width: 699.98px) {
    .phpbb_alert {
        top: calc(var(--mu-top) + 18px) !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: none !important;
        min-height: 0 !important;
        padding: 18px 16px !important;
        background: #ffffff !important;
        color: #1d2a3a !important;
        border: 1px solid rgba(37, 60, 89, 0.22) !important;
        border-radius: 18px !important;
        box-shadow: 0 14px 30px rgba(12, 26, 44, 0.28) !important;
        z-index: 65000 !important;
    }

    .phpbb_alert .alert_close {
        top: 10px !important;
        right: 10px !important;
        opacity: 1 !important;
    }

    .phpbb_alert .alert_text,
    .phpbb_alert .alert_text h3,
    .phpbb_alert .alert_text p,
    .phpbb_alert h3,
    .phpbb_alert p,
    .phpbb_alert div,
    .phpbb_alert span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #1d2a3a !important;
        text-indent: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
        max-height: none !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .phpbb_alert .alert_text h3,
    .phpbb_alert h3 {
        margin: 0 28px 10px 0 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
    }

    .phpbb_alert .alert_text p,
    .phpbb_alert p {
        margin: 0 0 14px 0 !important;
    }

    .phpbb_alert .button1,
    .phpbb_alert .button2,
    .phpbb_alert a.button1,
    .phpbb_alert a.button2,
    .phpbb_alert input.button1,
    .phpbb_alert input.button2,
    .phpbb_alert button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 40px !important;
        padding: 0 14px !important;
        margin: 6px 8px 0 0 !important;
        border-radius: 12px !important;
        color: #1d2a3a !important;
    }
}


@media (max-width: 699.98px) {
    .MBMnotif .dropdown-notification {
        overflow: hidden !important;
    }

    .MBMnotif .notification-block {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        padding: 12px 14px !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .MBMnotif .notification-block > *,
    .MBMnotif .notification_text,
    .MBMnotif .notification_text *,
    .MBMnotif .notification-title,
    .MBMnotif .notification-title *,
    .MBMnotif .notification-reference,
    .MBMnotif .notification-forum,
    .MBMnotif .notification-reason,
    .MBMnotif .notification-time,
    .MBMnotif p,
    .MBMnotif a {
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .MBMnotif .mob_mark_read {
        right: 10px !important;
        top: 10px !important;
        transform: none !important;
    }

    form#mob_qr_postform {
        padding: 10px !important;
        border-radius: 24px !important;
        background: rgba(248, 250, 255, 0.98) !important;
        backdrop-filter: blur(12px);
    }

    textarea.mobinputbox {
        height: 46px !important;
        min-height: 46px !important;
        padding: 12px 14px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(37, 60, 89, 0.16) !important;
        background: #ffffff !important;
    }

    form#mob_qr_postform.mqrshow {
        inset: calc(var(--mu-top) + 12px) 12px calc(var(--mu-bottom) + 6px) 12px !important;
        padding: 14px !important;
        border-radius: 28px !important;
        background: rgba(248, 250, 255, 0.985) !important;
    }

    .mqrshow .mobqrtop {
        min-height: 58px !important;
        padding: 8px 10px !important;
    }

    .mqr-bar-left {
        gap: 10px !important;
    }

    .mqr-handle {
        width: 34px !important;
        height: 4px !important;
    }

    .mqr-actions {
        margin-left: auto !important;
        gap: 10px !important;
    }

    button.mqr_button,
    button.mqr_full_editor_button {
        min-height: 42px !important;
        height: 42px !important;
        padding: 0 14px !important;
        border-radius: 999px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        box-shadow: none !important;
    }

    button.mqr_full_editor_button span {
        display: block !important;
        max-width: 90px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .mqrshow textarea.mobinputbox {
        top: 74px !important;
        bottom: 14px !important;
        left: 14px !important;
        right: 14px !important;
        width: calc(100% - 28px) !important;
        height: auto !important;
        max-height: none !important;
        padding: 16px !important;
        border-radius: 22px !important;
        font-size: 18px !important;
        line-height: 1.5 !important;
        border: 1px solid rgba(37, 60, 89, 0.18) !important;
    }

    .phpbb_alert {
        position: fixed !important;
    }

    .phpbb_alert .alert_close {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        width: 36px !important;
        height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: rgba(37, 60, 89, 0.08) !important;
    }
}


@media (max-width: 699.98px) {
    .MBMnotif {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: calc(100vw - 24px) !important;
        overflow-x: hidden !important;
    }

    .MBMpanelinner {
        padding: 8px !important;
        overflow-x: hidden !important;
    }

    .MBMnotif ul,
    .MBMnotif li,
    .MBMnotif .dropdown-notification,
    .MBMnotif .notification-block,
    .MBMnotif .notification_text {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .MBMnotif .dropdown-notification {
        margin-bottom: 8px !important;
    }

    .MBMnotiSET,
    .MBMnotiSET .dropdown,
    .MBMnotiSET .dropdown-contents {
        z-index: 70010 !important;
    }

    .MBMnotiSET .dropdown {
        position: fixed !important;
        top: calc(var(--mu-top) + 8px) !important;
        right: 12px !important;
        left: auto !important;
    }

    .phpbb_alert .alert_close,
    .phpbb_alert a.alert_close {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        left: auto !important;
        margin: 0 !important;
        transform: none !important;
        translate: none !important;
        inset: auto 12px auto auto !important;
        width: 36px !important;
        height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: rgba(37, 60, 89, 0.08) !important;
        z-index: 1 !important;
    }
}


@media (max-width: 699.98px) {
    body.mu-panel-open .mobottom {
        display: none !important;
    }
}

:root {
    --mu-header-text: var(--mu-text);
    --mu-header-text-soft: var(--mu-text-soft);
}

.mobile-header,
.mobile-header .cbrt-mobile-logo-wordmark,
.mobile-header .mhdrbyline,
.mobile-header .mhuser,
.mobile-header .topmobmenuicon,
.mobile-header .MBMdivClose,
.mobile-header .mhuser .mhuser-avatar,
.mobile-header .mh-bytpcinfo,
.mobile-header .frm331,
.leftmenu,
.leftmenu a,
.lmc331 .sidetext,
.mu-profile-name,
.mu-profile-eyebrow,
.mu-profile-meta,
.mu-shortcut-tile,
.mu-section-title {
    color: var(--mu-header-text) !important;
}

.mobile-header .mh-bytpcinfo,
.mu-profile-eyebrow,
.mu-profile-meta,
.lmc331 .sidetext,
.lmc331 .sidetext.sidetimes {
    color: var(--mu-header-text-soft) !important;
}

.mobile-header .dropdown-contents,
.leftmenu .lm-content,
.mu-profile-card,
.mu-shortcut-tile,
.lmc331 a {
    background: var(--mu-card) !important;
}

.mobile-header .dropdown,
.mobile-header .dropdown-contents,
.leftmenu,
.lm-content {
    z-index: 21020 !important;
}

.phpbb_alert .alert_close,
.phpbb_alert a.alert_close {
    top: 2px !important;
    right: 2px !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
    inset: auto 2px auto auto !important;
}


@media (max-width: 699.98px) {
    body.mu-panel-open .mobottom,
    .leftmenu.menu-shown ~ .mobottom {
        display: none !important;
    }

    .mobile-header .mhdrbyline {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .mobile-header .mh-tpctitle,
    .mobile-header .mhdrbyline.frm331,
    .mobile-header .mh-bytpcinfo {
        max-width: 100%;
        text-align: center;
    }

    .mobile-header .dropdown,
    .mobile-header .dropdown-contents,
    .leftmenu,
    .lm-content {
        z-index: 32000 !important;
    }
}


/* v44 focused adaptive and settings fixes */
.MBMsearchtitle,
.MBMnotiftitle,
.MBMnotiSET,
.MBMnotiSET .dropdown,
.MBMnotiSET .dropdown-contents,
.MBMnotiSET .dropdown-contents a,
.mobile-header .mhuser .dropdown,
.mobile-header .mhuser .dropdown-contents,
.mobile-header .mhuser .dropdown-contents a,
.mobile-header .mhuser .dropdown-contents span,
.mobile-header .mhuser .dropdown-contents i {
    color: var(--mu-header-text) !important;
}

.MBMsearchtitle,
.MBMnotiftitle {
    text-shadow: none !important;
}

.MBMnotiSET .dropdown-contents,
.mobile-header .mhuser .dropdown-contents {
    background: var(--mu-card) !important;
}

.MBMnotiSET .dropdown-contents a:hover,
.mobile-header .mhuser .dropdown-contents a:hover {
    background: color-mix(in srgb, var(--mu-card) 88%, var(--mu-header-text) 12%) !important;
}

.mobile-header .mhuser .dropdown,
.mobile-header .mhuser .dropdown-contents,
.MBMnotiSET,
.MBMnotiSET .dropdown,
.MBMnotiSET .dropdown-contents {
    z-index: 33050 !important;
}

@media (max-width: 699.98px) {
    .MBMnotiSET .dropdown {
        position: fixed !important;
        top: calc(var(--mu-top) + 8px) !important;
        right: 12px !important;
        left: auto !important;
    }
}


/* v45 focused notifications settings and popup helpers */
.MBMnotiSET.dropdown-visible .dropdown {
    display: block !important;
}

.MBMnotiSET .dropdown {
    position: fixed !important;
    top: calc(var(--mu-top) + 8px) !important;
    right: 12px !important;
    left: auto !important;
    z-index: 34020 !important;
}

.MBMnotiSET .dropdown-contents {
    display: block !important;
}

#smiley-box,
.smiley-box,
.mchat-smiley-box,
.mchat .dropdown-contents,
.mchat .emoji-picker,
.mchat .smiley-popup,
.mchat .smiley-container {
    z-index: 34030 !important;
}


/* v46 topic byline balance */
.mhdrbyline.tpc331 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.1;
}

.mhdrbyline.tpc331 .mh-tpcforum {
    display: block;
    font-size: 0.72em;
    opacity: 0.9;
    margin-bottom: 2px;
}

.mhdrbyline.tpc331 .mh-tpctitle {
    display: block;
}

.mhdrbyline.tpc331 .mh-bytpcinfo {
    display: block;
    font-size: 0.66em;
    margin-top: 2px;
}


/* v50 visible menu animations */
@keyframes muSlideDownIn {
    from { opacity: 0; transform: translateY(-18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes muSlideLeftIn {
    from { opacity: 0; transform: translateX(-24px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes muSlideRightIn {
    from { opacity: 0; transform: translateX(24px); }
    to { opacity: 1; transform: translateX(0); }
}

.mu-anim-down {
    animation: muSlideDownIn .22s ease both;
}

.mu-anim-left {
    animation: muSlideLeftIn .22s ease both;
}

.mu-anim-right {
    animation: muSlideRightIn .22s ease both;
}


/* v51 logo and avatar dropdown fix */
.mobile-logo img,
.mobile-logo .site_logo,
.mobile-logo .site-description {
    max-height: 34px !important;
    width: auto !important;
    max-width: min(56vw, 240px) !important;
    object-fit: contain;
}

.mobile-header .mhuser .dropdown,
.mobile-header .mhuser .dropdown-contents {
    z-index: 40000 !important;
}


/* v52 avatar dropdown shorter */
.mobile-header .mhuser .dropdown,
.mobile-header .mhuser .dropdown-contents {
    max-height: calc(100vh - 170px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
}

body.mu-panel-open .mobottom {
    display: none !important;
}