/* Modern navbar refresh: isolated overrides loaded after the main theme. */
body.modern-ui-theme #navbar,
body.modern-ui-theme nav#navbar {
    height: 64px !important;
    padding: 0 24px !important;
    gap: 10px !important;
    background:
        linear-gradient(180deg, rgba(12, 13, 18, 0.94), rgba(7, 8, 12, 0.9)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow:
        0 14px 36px rgba(0, 0, 0, 0.36),
        inset 0 -1px 0 rgba(255, 49, 90, 0.28) !important;
    backdrop-filter: blur(22px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
}

body.modern-ui-theme #navbar::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 49, 90, 0.9), rgba(51, 212, 255, 0.65), transparent);
    pointer-events: none;
}

body.modern-ui-theme #navbar .logo {
    color: #f9fbff !important;
    font-size: 1.05rem !important;
    letter-spacing: 1px !important;
    text-shadow: none !important;
    min-width: max-content !important;
}

body.modern-ui-theme #navbar .logo-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #ff315a, #f7c948) !important;
    color: #0b0c10 !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 10px 24px rgba(255, 49, 90, 0.28) !important;
}

body.modern-ui-theme #navbar .nav-menu {
    gap: 4px !important;
}

body.modern-ui-theme #navbar .nav-menu li a,
body.modern-ui-theme #navbar .nav-dropdown-trigger,
body.modern-ui-theme #navbar .language-btn,
body.modern-ui-theme #navbar .auth-btn,
body.modern-ui-theme #navbar .nav-favorites-btn,
body.modern-ui-theme #navbar .nav-subscribe-btn,
body.modern-ui-theme #navbar .discord-nav-btn,
body.modern-ui-theme #navbar .coffee-nav-btn,
body.modern-ui-theme #navbar .user-btn,
body.modern-ui-theme #navbar .nav-search-btn,
body.modern-ui-theme #navbar .nav-active-users-pill {
    min-height: 38px !important;
    border-radius: 8px !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.modern-ui-theme #navbar .nav-menu li a,
body.modern-ui-theme #navbar .nav-dropdown-trigger {
    color: rgba(248, 250, 252, 0.82) !important;
    font-size: 0.72rem !important;
    padding: 0 11px !important;
    letter-spacing: 0.02em !important;
}

body.modern-ui-theme #navbar .nav-menu li a:hover,
body.modern-ui-theme #navbar .nav-menu li a.active,
body.modern-ui-theme #navbar .nav-dropdown-trigger:hover,
body.modern-ui-theme #navbar .language-btn:hover,
body.modern-ui-theme #navbar .auth-btn:hover,
body.modern-ui-theme #navbar .nav-favorites-btn:hover,
body.modern-ui-theme #navbar .nav-subscribe-btn:hover,
body.modern-ui-theme #navbar .discord-nav-btn:hover,
body.modern-ui-theme #navbar .coffee-nav-btn:hover,
body.modern-ui-theme #navbar .nav-search-btn:hover,
body.modern-ui-theme #navbar .user-btn:hover,
body.modern-ui-theme #navbar .nav-active-users-pill:hover {
    color: #ffffff !important;
    border-color: rgba(255, 49, 90, 0.42) !important;
    background: rgba(255, 49, 90, 0.14) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body.modern-ui-theme #navbar .nav-search-btn {
    min-width: 180px !important;
    max-width: 230px !important;
    color: rgba(248, 250, 252, 0.72) !important;
}

body.modern-ui-theme #navbar .nav-multiplayer-online-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    height: 38px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    padding: 0 12px !important;
    border: 1px solid rgba(40, 224, 127, 0.46) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(40, 224, 127, 0.14), rgba(51, 212, 255, 0.1)),
        rgba(255, 255, 255, 0.055) !important;
    color: #eafff3 !important;
    cursor: pointer !important;
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 18px rgba(40, 224, 127, 0.08) !important;
}

body.modern-ui-theme #navbar .nav-multiplayer-online-btn:hover,
body.modern-ui-theme #navbar .nav-multiplayer-online-btn:focus-visible {
    border-color: rgba(40, 224, 127, 0.78) !important;
    background:
        linear-gradient(135deg, rgba(40, 224, 127, 0.22), rgba(51, 212, 255, 0.16)),
        rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 26px rgba(40, 224, 127, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.modern-ui-theme #navbar .nav-mp-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #28e07f;
    box-shadow: 0 0 0 4px rgba(40, 224, 127, 0.12), 0 0 16px rgba(40, 224, 127, 0.72);
    flex: 0 0 auto;
}

body.modern-ui-theme #navbar .nav-mp-text {
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.modern-ui-theme #navbar .nav-mp-short {
    display: none;
}

body.modern-ui-theme #navbar .nav-mp-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 7px;
    border-radius: 7px;
    background: #f7c948;
    color: #111318;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 0.72rem;
    font-weight: 900;
}

body.modern-ui-theme #navbar .nav-multiplayer-online-btn.has-rooms {
    border-color: rgba(40, 224, 127, 0.84) !important;
    box-shadow: 0 0 0 1px rgba(40, 224, 127, 0.18), 0 14px 28px rgba(40, 224, 127, 0.14) !important;
}

body.modern-ui-theme #navbar .nav-active-users-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    height: 38px !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(51, 212, 255, 0.34) !important;
    background:
        linear-gradient(135deg, rgba(51, 212, 255, 0.12), rgba(255, 49, 90, 0.08)),
        rgba(255, 255, 255, 0.055) !important;
    color: #effaff !important;
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 18px rgba(51, 212, 255, 0.08) !important;
}

body.modern-ui-theme #navbar .nav-active-users-pill.has-active {
    border-color: rgba(40, 224, 127, 0.62) !important;
    background:
        linear-gradient(135deg, rgba(40, 224, 127, 0.14), rgba(51, 212, 255, 0.12)),
        rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 0 0 1px rgba(40, 224, 127, 0.14), 0 12px 26px rgba(40, 224, 127, 0.1) !important;
}

body.modern-ui-theme #navbar .nav-active-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.36);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.06);
    flex: 0 0 auto;
}

body.modern-ui-theme #navbar .nav-active-users-pill.has-active .nav-active-dot {
    background: #28e07f;
    box-shadow: 0 0 0 4px rgba(40, 224, 127, 0.12), 0 0 16px rgba(40, 224, 127, 0.72);
}

body.modern-ui-theme #navbar .nav-active-text {
    color: rgba(248, 250, 252, 0.76);
}

body.modern-ui-theme #navbar .nav-active-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 7px;
    border-radius: 7px;
    background: rgba(51, 212, 255, 0.18);
    color: #dff9ff;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 0.72rem;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(51, 212, 255, 0.24);
}

body.modern-ui-theme #navbar .nav-active-users-pill.has-active .nav-active-count {
    background: #28e07f;
    color: #07110d;
    box-shadow: none;
}

body.modern-ui-theme #navbar .navbar-right-area {
    margin-left: 0 !important;
    gap: 6px !important;
    min-width: 0 !important;
}

body.modern-ui-theme #navbar .nav-subscribe-btn,
body.modern-ui-theme #navbar .nav-favorites-btn,
body.modern-ui-theme #navbar .auth-btn,
body.modern-ui-theme #navbar .language-btn,
body.modern-ui-theme #navbar .user-btn {
    padding: 0 10px !important;
}

body.modern-ui-theme #newMobileMenu .new-mobile-badge.live {
    gap: 4px;
    min-width: 74px;
    justify-content: center;
    background: linear-gradient(135deg, rgba(40, 224, 127, 0.22), rgba(51, 212, 255, 0.16)) !important;
    color: #dfffee !important;
    border: 1px solid rgba(40, 224, 127, 0.32) !important;
}

body.modern-ui-theme #newMobileMenu .new-mobile-badge.active-users {
    gap: 4px;
    min-width: 74px;
    justify-content: center;
    background: linear-gradient(135deg, rgba(51, 212, 255, 0.18), rgba(40, 224, 127, 0.14)) !important;
    color: #e7fbff !important;
    border: 1px solid rgba(51, 212, 255, 0.28) !important;
}

@media (min-width: 1401px) and (max-width: 1680px) {
    body.modern-ui-theme #navbar .nav-mp-text {
        max-width: 76px;
    }

    body.modern-ui-theme #navbar .nav-search-btn {
        min-width: 44px !important;
        width: 44px !important;
        padding: 0 !important;
    }

    body.modern-ui-theme #navbar .nav-search-label,
    body.modern-ui-theme #navbar .nav-search-shortcut {
        display: none !important;
    }
}

@media (max-width: 1400px) {
    body.modern-ui-theme #navbar,
    body.modern-ui-theme nav#navbar {
        padding: 0 16px !important;
        justify-content: flex-start !important;
    }

    body.modern-ui-theme #navbar .nav-multiplayer-online-btn {
        margin-left: auto !important;
    }

    body.modern-ui-theme #navbar .nav-active-users-pill {
        padding: 0 10px !important;
    }

    body.modern-ui-theme #navbar .nav-mp-text {
        max-width: none;
    }

    body.modern-ui-theme #navbar .nav-mp-full {
        display: none;
    }

    body.modern-ui-theme #navbar .nav-mp-short {
        display: inline;
    }
}

@media (max-width: 760px) {
    body.modern-ui-theme #navbar,
    body.modern-ui-theme nav#navbar {
        height: 58px !important;
        padding: 0 12px !important;
        gap: 8px !important;
    }

    body.modern-ui-theme #navbar .logo {
        font-size: 0.92rem !important;
        letter-spacing: 0.04em !important;
    }

    body.modern-ui-theme #navbar .logo-icon {
        width: 30px !important;
        height: 30px !important;
        font-size: 0.8rem !important;
    }

    body.modern-ui-theme #navbar .nav-search-btn {
        display: none !important;
    }

    body.modern-ui-theme #navbar .nav-multiplayer-online-btn {
        width: 52px !important;
        height: 38px !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    body.modern-ui-theme #navbar .nav-active-users-pill {
        width: 52px !important;
        height: 38px !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    body.modern-ui-theme #navbar .nav-mp-text,
    body.modern-ui-theme #navbar .nav-mp-status-dot,
    body.modern-ui-theme #navbar .nav-active-dot,
    body.modern-ui-theme #navbar .nav-active-text {
        display: none !important;
    }

    body.modern-ui-theme #navbar .nav-mp-count,
    body.modern-ui-theme #navbar .nav-active-count {
        min-width: 28px;
    }

    body.modern-ui-theme #navbar .mobile-menu-btn {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px !important;
        border-radius: 8px !important;
    }
}

@media (max-width: 390px) {
    body.modern-ui-theme #navbar .logo {
        font-size: 0.82rem !important;
    }

    body.modern-ui-theme #navbar .nav-multiplayer-online-btn {
        width: 46px !important;
    }

    body.modern-ui-theme #navbar .nav-active-users-pill {
        width: 46px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.modern-ui-theme #navbar *,
    body.modern-ui-theme #navbar *::before,
    body.modern-ui-theme #navbar *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}